/* General structural style declarations  */

body {
    font-family: Arial, Helvetica, Tahoma, Sans-serif ;
	font-size: 11px;
	color: #666666;
    text-align: center;
    margin: 0px;
    padding: 0px;
    background-image: url(../images/common/b.jpg);
    background-position: center 0px;
    background-repeat: repeat;
    background-color: #000000;
    line-height: 12px;
}

/* The Following two declarations are to create more predictable behaviour cross browser */

* {
    margin: 0px;
    padding: 0px;
}

h1 {
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    font-weight: bold;
    padding-bottom: 12px;
}

h2 {
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    color: #000000;
}

h3 {
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    line-height: 15px;
}

h4 {
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    line-height: 15px;
}

h5 {
    line-height: 12px;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    padding-bottom: 7px;
}

ul, ol {
    padding-left: 15px;
}

p, ul, ol {
    padding-bottom: 7px;
    line-height: 15px;
}

a, a:visited {
    color: #f5d505;
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
}    

a img {
    border: none;  
}

hr {
    border: none;
    border-top: solid 1px #e5e5e5;
    margin-bottom: 10px;
    display: block;
    clear: both;
}

input,
textarea,
select {
    font-family: Arial, Helvetica, Tahoma, Sans-serif ;
	font-size: 10px;
	color: #000000;
}

/* General Structure */

#page {
    width: 914px;
    margin: 0px auto;
    text-align: left;
}

.headerLogo a {
    float: left;
}

.headerLogo {
    float: left;
    width: 224px;
    clear: left;
}

.homeLeftColumn {
    float: left;
    width: 224px;
    clear: left;
}

.homeLeftColumn .headerLogo {
    margin-bottom: 6px;
}

.headerSearchLinks {
    float: right;
    width: 684px;
    height: 24px;
    margin-bottom: 6px;
    line-height: 24px;
}

.headerLinks {
    float: left;
    width: 434px;
    padding: 0px 10px;
    background-color: #333333;
}

.headerSearch {
    float: right;
    width: 224px;
}

#pageFooter a,
#pageFooter span,
.headerLinks a,
.headerLinks span {
    color: #b2b2b2;
    font-size: 10px;
    text-decoration: none;
}

.headerLinks a.advancedSearch,
#pageFooter .copyrightFooter {
    color: #666666;
    text-decoration: none;
}

#headerSearchSubmit,
.headerSearch label {
    display: none;
}

.headerLinks a.advancedSearch {
    float: right;
    display: none;
}

.contentFull,
.contentColumns,
.contentMain {
    float: right;
    overflow: hidden;
    width: 684px;
}

.subHeader {
    float: left; 
    clear: both;
    width: 664px;
    background-color: #333333;
    height: 25px;
    line-height: 24px;
    overflow: hidden;
    margin-bottom: 6px;
    padding: 0px 10px 0px 14px;
}

.headerBlock {
    float: left; 
    clear: both;
    width: 664px;
    background-color: #333333;
    height: 25px;
    line-height: 24px;
    overflow: hidden;
    margin-bottom: 6px;
    padding: 0px 10px 0px 14px;
}

.column headerBlock {
    width: 200px;
}

.doubleColumn headerBlock {
    width: 402px;
}

.headerBlock h1,
.subHeader h1 {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
}

.column {
    width: 224px;
    margin-right: 6px;
    float: left;
    overflow: hidden;
}

.lastColumn {
    margin-right: 0px;
}

.contentMain {
    float: right;
    overflow: hidden;
    width: 684px;
}

.headerTitle {
    margin-top: 6px;
    float: left;
    clear: both;
}

.headerTitle img {
    float: left;
}

#pageHeader {
    height: 96px;
    overflow: hidden;
    margin-bottom: 6px;
}

#pageHeader,
#pageContent {
    float: left;
    clear: both;
    width: 914px;
}

#pageFooter {
    float: right;
    overflow: hidden;
    width: 664px;
    font-size: 10px;
    padding: 0px 10px;
    background-color: #333333;
    height: 24px;
    line-height: 24px;
    margin-bottom: 6px;
}

/* Header Search Form */

.headerSearch input,
.headerSearch form {
    float: left;
}

.headerSearch a {
    float: right;
}

.headerSearch input {
    border: 0px solid #FFFFFF;
    background-image: url(../images/common/header-search-bg.gif);
    background-position: 0px 0px;
    background-repeat: repeat-x;
    height: 12px;
    padding: 6px 6px;
    color: #666666;
    width: 142px;
}

/* Nav */

.primaryNavigation {
    width: 224px;
    float: left;
    clear: left;
}

.primaryNavigation ul li {
    float: left;
    list-style-type: none;
    width: 224px;
    margin-bottom: 6px;
    clear: both;
}

.primaryNavigation ul  {
    float: left;
    clear: both;
    list-style-type: none;
    padding: 0px;
}

.primaryNavigation ul li a:visited,
.primaryNavigation ul li a {
    float: left;
    width: 194px;
    padding: 4px 13px 3px 17px;
    background-image: url(../images/icons/plus.gif);
    background-repeat: no-repeat;
    background-position: 5px 9px;
    background-color: #FFFFFF;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    color: #000000;
}

.primaryNavigation ul li a:hover {
    background-color: #B2B2B2;
}

.primaryNavigation ul li.selected a:visited,
.primaryNavigation ul li.selected a {
    background-image: url(../images/icons/minus.gif);
    background-color: #ffde00;
}

.primaryNavigation ul li.homeNavItem a:visited,
.primaryNavigation ul li.homeNavItem a {
    background-image: none;
}

.primaryNavigation ul li.selected ul {
    margin-top: 6px;
    padding: 10px;
    background-color: #FFFFFF;
}

.primaryNavigation ul li.selected ul li {
    margin-bottom: 0px;
    width: 204px;
}

.primaryNavigation ul li.selected ul li ul {
    padding: 0px 0px 7px;
    margin: 0px;
}

.primaryNavigation ul li.selected ul li ul li a:visited,
.primaryNavigation ul li.selected ul li ul li a {
    width: 194px;
    padding-left: 10px;
}

.primaryNavigation ul li.selected ul li a:visited,
.primaryNavigation ul li.selected ul li a {
    width: 204px;
    padding: 0px;
    font-size: 11px;
    line-height: 14px;
    text-transform: uppercase;
    color: #666666;
    background: none;
    font-weight: normal;
}


.primaryNavigation ul li.selected ul li a.selected:visited,
.primaryNavigation ul li.selected ul li a.selected {
    font-weight: bold;
    color: #000000;
}

.primaryNavigation ul li.selected ul li a:hover {
    text-decoration: underline;
    background-color: #FFFFFF;
}

.primaryNavigation ul li.selected ul li ul li a:visited,
.primaryNavigation ul li.selected ul li ul li a {
    text-transform: none;
    color: #aeaeae;
    background-image: url(../images/icons/small-plus.gif);
    background-repeat: no-repeat;
    background-position: 0px 4px;
}

.primaryNavigation ul li.selected ul li ul li a.selected:visited,
.primaryNavigation ul li.selected ul li ul li a.selected {
    text-transform: none;
    color: #000000;
    background-image: url(../images/icons/small-minus.gif);
    font-weight: normal;
}

.primaryNavigation ul li.selected ul li ul li a:hover {
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
}

/* Home page content elements */

.homeFlashContainer {
    padding-bottom: 6px;
    float: left;
    width: 684px;
}

/* Content Box */

.imageBox,
.contentBox {
    width: 196px;
    float: left;
    clear: both;
    margin-bottom: 6px;
    padding: 14px 14px 10px;
    background-color: #FFFFFF;
}

.contentBoxImageLink {
    margin-bottom: 7px;
    padding: 0px;
    float: left;
    width: 196px;
    clear: both;
}

.imageBox .contentBoxImageLink {
    padding: 10px 0px;
}

.contentBoxImage {
    padding-bottom: 7px;
    float: left;
    width: 196px;
    clear: both;
}

.imageBox .contentBoxImage {
    /*padding-bottom: 0px;*/
    padding: 10px 0px;
}

.contentBoxImageLink a,
.contentBoxImageLink a img,
.contentBoxImage img {
    float: left;
}

.contentBoxContent {
    font-size: 11px;
    color: #666666;
    float: left;
    clear: both;
    width: 196px;
    padding: 3px 0px;
    line-height: 12px;
}

.contentBoxContent h3 {
    font-size: 11px;
    color: #000000;
    line-height: 12px;
    padding-bottom: 0px;
}

.contentBoxContent h3 a:visited,
.contentBoxContent h3 a {
    color: #000000;
    text-decoration: none;
}

.contentBoxContent h3 a:hover {
    color: #f5d505;
    text-decoration: underline;
}

/* CommunityLinks */

.communityLinks {
    width: 198px;
    float: left;
    padding: 14px;
    background-color: #FFFFFF;
    margin-bottom: 6px;
}

.linkTable,
.clTitle {
    width: 198px;
    float: left;
    clear: both;
}

.clTitle {
    border-bottom: solid 4px #000000;
    padding-bottom: 3px;
}

.linkTable {
    padding-top: 10px;
}

.linkTable table {
    border-top: solid 1px #e5e5e5;
    border-left:solid 1px #e5e5e5;
}

.linkTable td {
    border-bottom: solid 1px #e5e5e5;
    border-right:solid 1px #e5e5e5;
}

.linkTable span {
    display: block;
    padding: 5px 3px 5px 12px;
    color: #666666;
}

.linkTable span a:visited,
.linkTable span a {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

.linkTable span a:hover {
    color: #f5d505;
    text-decoration: underline;
}

/* Image Box */

.imageBox .contentBoxImageLink,
.imageBox .contentBoxImage  {
    width: 194px;
    text-align: center;
    border: 1px solid #E5E5E5;
}

.imageBox {
    padding-bottom: 14px;
}

.imageBox .contentBoxImageLink a {
    float: left;
    text-align: center;
    width: 194px;
}

.imageBox .contentBoxImage img,
.imageBox .contentBoxImageLink a img {
    float: none;
    margin: 0px auto;
}

/* Two Column Styles */

.doubleColumnWrapper .subHeading {
    width: 430px;
}

.doubleColumnWrapper {
    width: 460px;
    float: left;
}

.doubleColumn {
    width: 426px;
    padding: 14px;
    background-color: #FFFFFF;
    margin-bottom: 6px;
}

.doubleColumn img {
    margin-bottom: 10px;
}

/*.doubleColumn hr {
    float: left;
    clear: both;
    width: 426px;
}*/

/* QA Block */

.qaBlock {
    width: 426px;
}

.qaRow {
    margin-bottom: 8px;
    float: left;
    clear: both;
    width: 426px;
}

.qaLeft {
    width: 25px;
    float: left;
}

.qaRight {
    width: 394px;
    float: right;
    padding-top: 5px;
}

/* Text Box */ 

.textBox {
    float: left;
}

.textBox h2 {
    padding-bottom: 4px;
    margin-bottom: 7px;
    border-bottom: solid 4px #000000;
}

.textBox h4 {
    font-size:11px;
    font-weight: bold;
    color: #000000;
    padding-bottom: 4px;
    margin-bottom: 7px;
    border-bottom: solid 4px #EBEBEB; 
    text-transform: uppercase;
}

.textBox strong,
.textBox p {
    color: #000000;
}

.textBox .contentBoxContent {
    padding: 0px;
}

/* Profile Box */

.transportBlock,
.profileBox {
    width: 656px;
    background-color: #FFFFFF;
    float: left;
    clear: both;
    padding: 14px 14px 14px 14px;
    margin-bottom: 6px;}

.profileBoxImage {
    float: left;
    width: 196px;
    padding-bottom: 10px;
}

.profileBoxContent {
    float: right;
    width: 438px;
}

/* Maps and Transport */

.transportBlockMap {
    width: 447px;
    padding-bottom :12px;
    float: left;
}

.transportBlockDetails {
    float: right;
    width: 197px;
}

.transportBlockDetailsTitle {
    padding-bottom: 4px;
    border-bottom: solid 4px #000000;
    float :left;
    clear: both;
    width: 197px;
}

.transportBlockBody,
.transportBlockTitle {
    width: 656px;
    float: left;
    clear: both;
}

.transportBlockDetailsWrapper {
    float :left;
    clear: both;
    margin-top: 9px;
    width: 195px;
    border: 1px solid #E5E5E5;
    line-height: 14px;
}

.transportBlockDetailsContent p {
    line-height: 13px;
}

.transportBlockDetailsWrapper strong {
    color: #000000;
    line-height: 13px;
}

.transportBlockDetailsContent {
    padding: 5px 5px 0px 5px;
    float: left;
    width: 187px;
    line-height: 13px;
}

/* Quotes */

.qouteBlock {
    width: 224px;
    float: left;
    clear: both;
}

.quoteContent span,
.quoteContent {
    color: #000000;
    font-size: 14px;
    line-height: 16px; 
    font-weight: bold;
}

.quoteBlockContentWrapper {
    width: 160px;
    padding: 15px 32px;
    overflow: hidden;
    float: left;
    clear: both;
    background-color: #fff6b6;
    background-image: url(../images/icons/left-quote.gif);
    background-repeat: no-repeat;
    background-position: 7px 15px;
    margin-bottom: -14px;
}

.quoteBottom {
    background-image: url(../images/icons/right-quote.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    float: right;
    width: 18px;
    height: 14px;
    position: relative;
    bottom: 16px;
    right: 10px;
    
}

.quotePerson {
    background-image: url(../images/icons/quote-arrow.gif);
    background-repeat: no-repeat;
    background-position: 9px 0px;
    padding: 10px 32px 13px;
    float: left;
    clear: both;
    width: 160px;
    color: #FFFFFF;
}

.quotePerson strong,
.quotePerson p {
    color: #FFFFFF;
}

/* Stockist List */

.stockistBox ul {
    list-style-type: none;
    padding: 0px;
}

.stockistBox ul li {
    list-style-type: none;
    padding: 5px 0px 5px 28px;
    display: block;
    background-image: url(../images/icons/pdf.gif);
    background-repeat: no-repeat;
    background-position: 0px center;
}

/* Twitter Feed */

.twitterFeed {
    width: 198px;
    float: left;
    clear: both;
}

.twitterFeed ul {
    float: left;
    clear: both;
    padding: 0px;
    width: 196px;
    list-style-type: none;
    border: solid 1px #E5E5E5;
    border-bottom: none;
}

.twitterFeed li {
    float: left;
    padding: 0px;
    clear: both;
    width: 196px;
    border-bottom: solid 1px #E5E5E5;
    list-style-type: none;
}

.twitterFeed img {
    float: left;
    width: 48px;
    height: 48px;
}

.twitterFeed .feedTextWrapper {
    float: right;
    width: 146px;
}

.twitterFeed .feedTextWrapper span {
    display: block;
    float: none;
    padding: 0px 11px;
    background-repeat: no-repeat;
}

.twitterFeed .feedTextWrapper .feedText {
    color: #000000;
    font-size: 10px;
    font-style: italic;
    line-height: 13px;
    font-family: Verdana, Arial, Helvetica;
    padding: 3px 11px;
}

.twitterFeed .feedTextWrapper .feedTextTop {
    background-image: url(../images/icons/left-quote-small.gif);
    height: 8px;
    background-position: 3px 3px;
    padding-top: 3px;
}

.twitterFeed .feedTextWrapper .feedTextBottom {
    background-image: url(../images/icons/right-quote-small.gif);
    background-position: 130px 0px;
    height: 8px;
    padding-bottom: 3px;
}

/* News Set */

#newsContainer {
    width: 684px;
    float: left;
    clear: both;
}

.newsItemList {
    width: 460px;
    float: left;
}

.newsColumnRight {
    width: 224px;
    float: right;
}

.newsItemList ul, 
.newsItemList ul li {
    float: left;
    clear: both;
    padding: 0px;
    margin: 0px;
}

.newsItemList ul li {
    padding: 14px 14px 4px 14px;
    margin-bottom: 6px;
    background-color: #FFFFFF;
    width: 426px;
}

.newsItemList ul li .newsItemImageLink {
    width: 96px;
    float: right;
}

.newsItemList ul li .newsItemImage {
    padding-bottom: 6px;
}

.newsItemList ul li .newsItemLink a {
    float: left;
    line-height: 16px;
    height: 16px;
    width: 96px;
    padding-bottom: 6px;
}

.newsItemList ul li .newsItemLink a.pdfLink {
    background-image: url(../images/icons/pdf.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    padding-left: 26px;
    width: 70px;
}

.newsItemList ul li .newsItemText {
    width: 315px; 
    float: left;
}

.newsItemList ul li .newsItemText strong{
    color: #000000;
}

/* Subscribe */


.formWrapper ul,
.formWrapper li,
.formWrapper form,
.formWrapper {
    width: 426px;
    float: left;
    clear: both;
}

.formWrapper ul,
.formWrapper li {
    padding: 0px;
    list-style-type: none;
}

.formWrapper li {
    padding-bottom: 6px;
}

.formWrapper label {
    float: left;
    line-height: 13px;
    padding: 3px 0px 6px; 
}

.formWrapper .radioWrapper label {
    width: 57px;
}

.formWrapper .radioWrapper,
.formWrapper .inputWrapper {
    float: right;
    width: 300px;
}

.formWrapper .radioWrapper input {
    margin: 3px;
}

.formWrapper .additionalWrapper .radioItem {
    clear: both;
    float: left;
    width: 300px;
}

.formWrapper .additionalWrapper .radioItem label {
    width: 125px;
}

.formWrapper input  {
    float: left;
}

.formWrapper .inputWrapper input  {
    padding: 2px;
    float: left;
    font-size: 10px;
    height: 13px;
    width: 290px;
}

.formWrapper .inputWrapper textarea {
    padding: 2px;
    float: left;
    font-size: 10px;
    height: 70px;
    width: 290px;
}

.formWrapper .inputWrapper select {
    padding: 2px;
    float: left;
    font-size: 10px;
    width: 280px;
}

#submit {
    border: none;
    padding: 3px;
    background-color: #000000;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
}

.submit {
    float: right;
    width: 300px;
}

#formErrors {
    width: 426px;
    float: left;
    clear: both;
    padding-bottom: 10px;
}

#formErrors p {
    color: #CC0000;
    font-size: 12px;
    font-weight: bold;
}

#formErrors li {
    color: #CC0000;
    font-size: 11px;
}

.formWrapper .tcWrapper label {
    padding-left: 10px;
}

/*  */

#searchResultsContainer {
    width: 656px;
    padding: 14px;
    background-color: #FFFFFF;
    float: left;
    clear: both;
    margin-bottom: 6px;
}

#searchResultsFormContainer {
    float: left;
    clear: both;
    width: 656px;
    padding-bottom: 20px;
}

#searchResultsContainer #submit {
    padding: 1px 3px;
    float: right;
}

#searchResultsContainer label {
    float: left;
    width: 70px;
    padding: 3px 0px;
}

#searchResultsContainer input.keywords {
    padding: 1px 2px 0px 2px;
    float: left;
    font-size: 10px;
    height: 13px;
    width: 500px;
}

.searchResultsHeader {
    width: 656px;
    float: left;
    clear: both;
    border-bottom: solid 4px #EBEBEB;
    margin-bottom: 10px;
}

.searchResultsHeader h3 {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000000;
    padding-bottom: 3px;
}

#homeFlashContainer {
    margin-bottom: 10px;
    float: left;
    clear: both;
    width: 684px;
}

/* Search Results */

#searchResultsPagination {
    float: left;
    clear: both;
    width: 656px;
    padding-top: 8px;
    border-top: 4px solid #EBEBEB;
}

#searchResultsListContainer {
    float: left;
    clear: both;
    width: 656px;
    padding-bottom: 10px;
}

#searchResultsListContainer ul,
#searchResultsListContainer ul li {
    padding: 0px 0px 6px 0px;
    list-style-type: none;
} 

.searchResultMatch {
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}

.previousPage,
.previousPage:visited,
#prevPageBtn,
#prevPageBtn:visited {
    float: left;
    background-color:#000000;
    border: none;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    padding: 3px;
    text-decoration: none;
    text-transform: uppercase;    
}

.nextPage,
.nextPage:visited,
#nextPageBtn,
#nextPageBtn:visited {
    float: right;
    background-color:#000000;
    border: none;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    padding: 3px;
    text-decoration: none;
    text-transform: uppercase;    
}

#newsPagination {
    background-color: #FFFFFF;
    float: left;
    clear: both;
    width: 442px;
    padding: 6px;
    margin-bottom: 6px;
}

.footerLeft {
    float: left;
    width: 375px;
}

.footerRight {
    float: right;
    width: 285px;
    text-align: right;
}

.fReplace {
    background-color: #FFFFFF;
    padding: 14px;
    width: 656px;
}

.fReplace h3,
.fReplace p {
    padding-bottom: 10px;
}

.mediaAccreditationEventList {
    
}

.mediaAccreditationEventList p strong {
    color: #000000;
}

.mediaAccreditationEventList label {
    float: left;
    padding-left: 10px;
    width: 390px;
}

.mediaAccreditationEventList input {
    margin:3px;
}