* { margin: 0; padding 0; } body { font-family: verdana,arial,geneva; font-size: 12px; line-height: 15px; font-weight: normal; text-decoration: none; color: #000; margin:5px; padding:0; } /* Use for adding a repeating background image to pages. Use this technique, as opposed to adding the image to the element directly. */ .bodyBG{ background-color: #ffffff; } .noBorders { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .img{ border:none; } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| START FIXED NAME CONTENT BOUNDARIES ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ #mainBody{margin:0 auto;width:900px; border: 1px solid #333333;background-color: #eae7d2;} /* start top area */ #pageTopArea{position:relative;margin: 0; padding:5px 0; height:85px;background-color: #ffffff;} #logoControlContainer{width: 264px; height: 65px; margin: 5px 0 0 5px;} #utilityNavContainer{position:absolute; top: 5px; right: 30px; z-index:4; } #utilityNavContainer ul{margin: 0;padding:0;font-size: 10px; color: #6a6a6a; text-decoration: none;} #utilityNavContainer ul li{margin: 0; padding:0 8px 0 3px; display: inline;} #utilityNavContainer ul li a:link{color: #6a6a6a; text-decoration: none;} #utilityNavContainer ul li a:visited{color: #6a6a6a; text-decoration: none;} #utilityNavContainer ul li a:hover{color: #cf5000; text-decoration: underline;} #utilityNavContainer ul li a:active{color: #6a6a6a; text-decoration: none;} #searchBarContainer{position:absolute; top: 25px; right: 30px; z-index:3;} #searchBarContainer input#searchTerms{width:150px;height: 12px;vertical-align:middle;border: 1px solid #d4d1ce;font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#000000;} #searchBarContainer input#searchGo{width:42px;height:17px;border:0;background:url(/Clientcss/images/button_search.gif) center no-repeat;vertical-align:middle;} #topNavContainer{height:25px; background-color:#fff; margin: 0; border-top: 1px solid #dedede;z-index:1;} #topNavContainer ul{margin:0;padding:5px;font-size: 11px; color: #6a6a6a; text-decoration: none; text-transform:uppercase;text-align: center;} #topNavContainer ul li{margin: 5px; padding: 0; display: inline; color:#FFF;} #topNavContainer ul li .current{font-weight: bold;color:#6a6a6a; text-decoration:none;} #topNavContainer ul li a:link{color:#6a6a6a; text-decoration:none;} #topNavContainer ul li a:visited{color:#6a6a6a; text-decoration:none;} #topNavContainer ul li a:hover{color:#cf5000; text-decoration:underline;} #topNavContainer ul li a:active{color:#6a6a6a; text-decoration:none;} #topContentContainer{position:absolute; right: 0px; z-index:2; width:724px;background-color: #eae7d2;padding:10px 0 3px 0;} #topContentContainer .Freeform {margin: 0; padding: 0; } *html #topContentContainer { margin-top: 5px; } /* end top area */ /* start content area */ #contentArea{float: left; clear: both; margin:0;padding:0;background-color:#eae7d2; z-index: 0;height: 100%;} *html #contentArea {} #pageTools{float:right;margin-top:153px;width: 170px;padding: 5px 15px 0 5px; text-align:right;background-color: #eae7d2;font-family: Arial, Verdana, Helvetica, sans-serif;color:#938458;font-size:10px;z-index:2;height:22px !important;border-bottom: 1px solid white;} #pageTools img{margin:0 3px 0 10px;vertical-align:middle;} #pageTools a:link{color:#938458; text-decoration:none;} #pageTools a:visited{color:#938458; text-decoration:none;} #pageTools a:hover{color:#cf5000; text-decoration:underline;} #pageTools a:active{color:#938458; text-decoration:none;} /*#contentNavContainer goes here in page order - nav divs detailed in next section of css */ #contentContainer{margin:20px 0 0 0;padding:0;float:right;z-index:1; } *html #contentContainer { margin: 0; } #contentContainerWithBG{margin:20px 0 0 0;padding:0;float:right;z-index:1;} #breadCrumbContainer{position: relative; left: 0; top: 0;float: left;font-size: 11px;width:530px;margin: -50px 0 0 -1px;padding:8px 0 2px 5px;height:19px !important;background-color: #eae7d2;vertical-align:middle; border-bottom: 1px solid white; z-index:1;} *html #breadCrumbContainer{ margin: -30px 0 0 0; } #breadCrumbContainer ul{margin: 0;padding:0;font-family: Arial, Verdana, Helvetica, sans-serif;color:#666666;font-size:11px;} #breadCrumbContainer ul li{margin: 0; padding:0; display: inline;} #breadCrumbContainer a:link{color:#938458; text-decoration:none;} #breadCrumbContainer a:visited{color:#938458; text-decoration:none;} #breadCrumbContainer a:hover{color:#cf5000; text-decoration:underline;} #breadCrumbContainer a:active{color:#938458; text-decoration:none;} #titleBarContainer h1{font-size: 16px; font-weight:bold;font-family: Arial, Verdana, Helvetica, sans-serif;color: #938458;;margin: 10px 0 0 10px;} #centerContentContainer { padding: 0 0 20px 0; width: 724px; min-height: 580px; float: left; background-color:#f8f6f0; margin-top: -20px; z-index: 999; } *html #centerContentContainer { margin-top:0; padding-bottom: 30px; padding-right: 10px; width: 712px; height: 100%; } #centerContentContainer .Freeform { margin: 10px 0 0 10px; padding-right: 20px; } #centerContentContainer .Freeform img { border: 1px solid #dedede; padding: 2px; background-color:#f8f6f0;margin: 0 0 0 0; float: left; clear: right;} .Freeform ul { list-style: outside disc; margin-left: 0; margin-bottom: 15px;} .Freeform ol { list-style: outside decimal; margin-left: 0; margin-bottom: 15px;} html* .Freeform ul, html* .Freeform ol {margin-left: 30px;} #centerContentContainer .Freeform h1 { margin-bottom: 15px; } #centerContentContainer .Aggregation { margin: 10px 0 0 10px; padding-right: 20px;} #centerContentContainer .Aggregation div.videoPlayer {margin: 0 10px 0 0; float:left; width: 320px; height: 261px;} #centerContentContainer .Aggregation div.videoPlayer img {width: 320px; height: 240px;} #centerContentContainer .Aggregation div.VideoLineup {float: left; width: 334px;} #centerContentContainer .Aggregation div.VideoLineup img {border: 1px solid #dedede; padding: 2px; background-color:#f8f6f0; margin: 0 5px 0 0; float: left; width: 108px;} #centerContentContainer .Aggregation div.VideoLineup div.image {margin-bottom: 10px; float: left; width: 334px; } #centerContentContainer .Aggregation div.VideoLineup div.image h4{float: left; width: 215px;} #centerContentContainer .Aggregation div.VideoLineup div.image P{float: left; width: 215px;} #calloutContentContainer{ display: block; } #calloutContentContainer a:link { color: #666666; } #calloutContentContainer a:visited { color: #666666; } #calloutContentContainer a:hover { color: #cf5000; } #calloutContentContainer a:active { color: #666666; } #calloutContentContainer .Freeform { float: left; padding: 0; } #calloutContentContainer .Freeform p { float: left; width: 270px; clear: both; } #calloutContentContainer .Freeform img { border: 1px solid #dedede; padding: 2px; background-color:#f8f6f0;margin: 0; float: left; clear: right;} #centerContentContainer #calloutContentContainer .Freeform img { border: 1px solid #dedede; padding: 2px; background-color:#f8f6f0;margin: 0 10px 0 0; float: left; clear: right;} /* end content area */ /* start bottom area */ #bottomNavContainer{background-color:#fff;clear:both;padding: 6px;border-top: 1px solid #dedede;font-size: 9px; font:Arial, Helvetica, sans-serif; color: #848383;} #bottomNavContainer ul{display: inline;margin: 0 0 0 30px;padding:0;} #bottomNavContainer ul li{margin: 0; padding:0; display: inline;font-size: 9px; font:Arial, Helvetica, sans-serif; color: #848383;} #bottomNavContainer a:link{color:#848383; text-decoration:none;} #bottomNavContainer a:visited{color:#848383; text-decoration:none;} #bottomNavContainer a:hover{color:#cf5000; text-decoration:underline;} #bottomNavContainer a:active{color:#848383; text-decoration:none;} #poweredBy{text-align: right;background-color:#fff;padding: 0 5px 0 0;} #poweredBy p {font-size: 9px; font:Arial, Helvetica, sans-serif; color: #938458;} /* end bottom area */ /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| END FIXED NAME CONTENT BOUNDARIES ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| START side navigation ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ #contentNavContainer{float:left; width: 170px;margin:0; padding:0 5px 0 0; min-height: 500px; background-color: #eae7d2; border-right: 1px solid #dedede;} #contentNavContainer ul {width: 100%; margin: 10px 0 0 0; padding: 0;list-style-type: none;} #contentNavContainer ul li a.current {margin-left: -12px; font-weight: bold; color:#3d2b23; background:url(/clientcss/images/nav_icon.gif) right no-repeat 9px;} #contentNavContainer li {list-style-type: none; margin:0; padding:0; text-align:right;font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; color: #3d2b23; font-weight: bold;} #contentNavContainer a:link, #contentNavContainer a:visited {color:#3d2b23; text-decoration:none; display:block; padding:5px 8px 4px 20px; font-size:11px; vertical-align: middle;} #contentNavContainer a:hover {color:#3d2b23; background-color: #f8f6f0;} #contentNavContainer li ul li a:link.current, #contentNavContainer li ul li a:visited.current {color:#cf5000;background: none !important;} /* 2nd level pages in side navigation */ #contentNavContainer ul li ul {margin: 0; padding: 0;list-style-type: none;} #contentNavContainer li ul li{margin:0; padding:0 5px 0 0; text-align:right; } #contentNavContainer li ul li a:link, #contentNavContainer li ul li a:visited { font-weight:normal;color:#6B6343; text-decoration:none; display:block; padding:2px 4px 2px 0; font-size:11px;} #contentNavContainer li ul li a:hover {color:#6B6343; background-color: #f8f6f0;} *html #contentNavContainer ul { margin-top: 5px; } *html #contentNavContainer ul li ul { margin-top: 5px; } *html #contentNavContainer li { line-height: 9px;} /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| END side navigation ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| Text & Link Styles ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* default link is burgundy with black text on hover, underlined */ a:link{color: #cf5000; text-decoration: none} a:visited{color: #cf5000; text-decoration: none} a:hover{color: #938458; text-decoration: underline} a:active{color: #cf5000; text-decoration: none} ul, ol{ } h1{ font-family: Arial,Geneva, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; color: #000; } h2{ font-family: Arial,Geneva, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; color: #000; } h3{ font-family: Arial,Geneva, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-decoration: none; color: #000; } td span a, h4, td strong { font-family: Verdana,Arial,Geneva, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; color: #938458; margin: 0; padding: 0; } h5{ font-family: Verdana,Arial,Geneva, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; color: #938458; margin: 0; } td, td td { font-family: Verdana,Arial,Geneva, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; color: #666666; margin: 0; padding: 0; } p { font-family: Verdana,Arial,Geneva, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666666; text-decoration: none; } .ErrorMessage, .ErrorMessage2{ font-family: Verdana,Arial,Geneva, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; color:Red; background-color:Yellow; } .Freeform, p.Freeform{ font-family: Verdana,Arial,Geneva, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666666; } .TOCBlock, p.TOCBlock{ font-family: Verdana,Arial,Geneva, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666666; margin: 10px; min-height: 400px; } /* client specific styles */ .TOCBlock .ThreeCol { float: left; width: 214px; padding:0;margin:10px 15px 30px 5px;} .TOCBlock .ThreeCol img { width: 214px; border: 1px solid #dedede; padding: 2px; background-color:#f8f6f0;margin:0 0 10px 0;} .TOCBlock .ThreeCol div { width: 214px; margin: 0 0 40px 0;} .learnMore {color: #cf5000; background:url(/clientcss/images/icon_learnMore.gif) no-repeat right; padding-right: 20px;} a:link.learnMore{color: #cf5000; text-decoration: none;} a:visited.learnMore{color: #cf5000; text-decoration: none;} a:hover.learnMore{color: #938458; text-decoration: underline;} a:active.learnMore{color: #cf5000; text-decoration: none;} .disclaimer {float: left; width: 100%; font-weight: bold; text-align: center; font-size: 10px;} .productTableInside { float: left; width: 175px; padding:0;margin:10px 15px 30px 0;} .productTableInside img { width: 173px; border: 1px solid #dedede; padding: 2px; background-color:#f8f6f0;margin:0 0 10px 0;} #contentArea .Freeform object { float: left; border: 0 !important; } hr { margin: 10px 0 10px 0; padding: 0; background-color: #deddd9;color: #deddd9;height: 1px; border: 0; } img.viewLarger {text-align: right; margin: 0; padding: 0; border: 0 !important; } .FreeformCallout { width: 234px; float: left; clear: both; background-color: #efecdb; border: 1px solid #e7e4dd; padding: 10px; margin: 30px 12px 40px 10px; } .FreeformCallout img { border: 1px solid #dedede; padding: 2px; background-color:#f8f6f0;margin: 10px 0 0 0; float: left; clear: right;} .mainTableHeader { float: left; background-color: #ebe6d2; width: 895px; clear: both; } .mainTableHeader td { padding: 10px 0 10px 20px; width: 200px; } .mainTableHeader td h2 { font-family: Verdana,Arial,Geneva, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333333; } .mainTable { float: left; background-color: #f9f6f1; width: 900px; clear: both; border-bottom: 1px solid #ffffff; } .mainTable td { padding: 20px 0 35px 20px; } .mainTable td td p { padding: 0; margin: 0 !important; font-family: Verdana,Arial,Geneva, Helvetica, sans-serif !important; font-size: 12px !important; line-height: 15px !important; font-weight: normal; } .mainTable td td span { padding: 0; margin: 0 !important; font-family: Verdana,Arial,Geneva, Helvetica, sans-serif !important; font-size: 12px !important; line-height: 16px !important; font-weight: normal; } .mainTable td h2 { font-family: Verdana,Arial,Geneva, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333333; text-align: left; } .mainProductTable { float: left; padding:0; margin: 0; } .mainProductTable td { width: 214px; padding:0 0 10px 0; margin: 0;} .mainProductTable img { width: 214px; border: 1px solid #dedede; padding: 2px; background-color:#f8f6f0;margin:0;} .FAQ { padding: 10px 20px 20px 10px; width: 700px; } .FAQ dt { font-family: Verdana,Arial,Geneva, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #666666; text-decoration: none; margin: 20px 0 0 0; } .FAQ dd { font-family: Verdana,Arial,Geneva, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666666; text-decoration: none; } .FAQ dd a { margin: 0 0 0 640px; } .FAQ ul{margin: 10px 0 10px 20px;padding:0;font-size: 11px; color: #6a6a6a; text-decoration: none;font-family: Verdana,Arial,Geneva, Helvetica, sans-serif; } .FAQ ul li{margin: 0; padding:0 8px 0 3px;} .FAQ ul li a:link{color: #cf5000; text-decoration: none;} .FAQ ul li a:visited{color: #cf5000; text-decoration: none;} .FAQ ul li a:hover{color: #6a6a6a; text-decoration: underline;} .FAQ ul li a:active{color: #cf5000; text-decoration: none;} /* ==== photo block ==== ======================== */ div.PhotoBlock h3 { font-size:12px; color: #333 ; } div.PhotoBlock h3 a, div.PhotoBlock h3 a:link, div.PhotoBlock h3 a:visited, div.PhotoBlock h3 a:hover, div.PhotoBlock h3 a:active { text-decoration: none ; color: #333 ; } div.PhotoBlock h3 a:hover { text-decoration: underline ; } div.PhotoBlock div.directory, div.PhotoBlock div.filmstrip { padding: 15px 0 10px 0 ; /*border-bottom: 1px solid #6878C6 ; */ } div.PhotoBlock div.filmstrip div h3 { padding: 5px 0 0 0 ; font-size:11px; color:#333; } div.PhotoBlock div.odd { background-color:#FAF7F6; } div.PhotoBlock div.leftArrow { float:left; padding: 50px 10px 50px 10px ; color:#333; background-color:White; width:10%; cursor:pointer ; } div.PhotoBlock div.webImages { text-align:center; float:left ; width:auto; } div.PhotoBlock div.webImages h3, div.PhotoBlock div.webImages p { text-align:left; } div.PhotoBlock div.rightArrow { padding: 50px 10px 50px 10px ; float:left; color:#333; background-color:White; width:10%; cursor:pointer ; } div.PhotoBlock div.filmstrip img { cursor:pointer ; } /* ==== comment form ==== ======================== */ .commentForm{ margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #ddd; } .commentForm .name, .commentForm .email, .commentForm .rating, .commentForm .title, .commentForm .comment, .commentForm .recaptcha, .commentForm .thankYouForm{ margin-top:10px; } .commentForm .label{ font-weight:bold; display:block; } /*.commentForm .comment .label{ float:left; margin-right:5px; }*/ .commentForm table{ border-collapse:collapse; margin:0; padding:0; } .commentForm table tr{ margin:0; padding:0; } .commentForm table td{ margin:0; padding:0; text-align:center; } .commentForm .nameMessage, .commentForm .emailMessage, .commentForm .titleMessage, .commentForm .ratingMessage, .commentForm .commentMessage, .commentForm .recaptchaMessage{ display:none; } .commentForm .icon{ display:none; } .commentForm .ErrorMessage{ display:none; } .commentForm .messageOn, .commentForm .error{ color:#900; display:block; } .commentForm .buttons{ margin-top:20px; } .commentForm .buttons, .commentForm .thankYouForm{ clear:both; } /* ==== comments ==== ======================== */ .commenting .label{ font-weight:bold; margin-right:5px; } .comments .label, .summary .label{ float:left; font-weight:bold; margin-right:5px; } .summary{ margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #ddd; } .summary .average, .summary .count{ margin-bottom:5px; } .summary .average .rated{ /*float:left;*/ margin-right:4px; } .comments .comment .label{ float:none; } .summary .icon, .comments .icon{ display:none; } .comments .OneCol div{ overflow:hidden;padding:10px; } .comments .OneCol .altRow{ background:#eee; } .comments .OneCol div .title, .comments .OneCol div .rating, .comments .OneCol div .user, .comments .OneCol div .dateTime, .comments .OneCol div .comment{ margin-bottom:2px;padding:0px; } .comments .OneCol div .title div, .comments .OneCol div .rating div, .comments .OneCol div .user div, .comments .OneCol div .dateTime div, .comments .OneCol div .comment div{ padding:0px; } .comments .comment .value p{ margin-bottom:0; padding-bottom:0; margin-top:5px; padding-top:0; } .comments .comment .value p:first-child{ margin-top:0; padding-top:0; } .commenting .featured{ margin:0 0 30px 0; }