/* PH Health theme CSS file, 02/06/09 BOSSco */ /* Colours ------- Link blue #048BC2 Link green #C2FF99 Pink #A63669 Border Blue #00BDE7 Table back green #D1E6C4 */ /* Normalize css */ /* Normalizes margin, padding */ body, div, h1, h2, h3, h4, h5, h6, p, blockquote, th, td{ margin : 0; padding : 0; } /* Normalizes font-size for headers */ h1,h2,h3,h4,h5,h6 { font-size : 100%; } /* Removes list-style from lists */ /*ol,ul { list-style : none; } */ /* Normalizes font-style and font-weight to normal */ address, caption, cite, code, dfn, em, th, var{ font-style:normal; font-weight:normal; } /* Removes list-style from lists */ table { border:0} /* Removes border from fieldset and img */ /*fieldset,*/img { border:0; } /* Left-aligns text in caption and th */ caption,th {text-align:left;} /* Removes quotation marks from q */ q:before, q:after {content :'';} /* Text */ body{font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; color:#333; font-size:9pt;} p{padding:0 0 5px 0; line-height:20px} #idHeader #idAccountLinks{font-size:10pt} h1{font-size:16pt;} h2{font-size:14pt;} h3{font-size:12pt; padding:0 0 10px 0} h4{font-size:11pt;} h5{font-size:10pt;} h6{font-size:9pt;} ul{margin:0 0 5px 20px; padding:0} ul li{margin:0 0 0 20px; padding:0 0 0px 0} /* Layout */ body{padding:20px 0 0 0; background:#CCC} #idCenter{text-align:center} #idPage{margin:auto; width:1000px; text-align:left;} #idHeader{width:1000px; height:350px; position:relative; z-index:40; background:url(images/header-back.png) top left no-repeat; } #idHeader ul{list-style:none;} #idHeader li{list-style:none; margin:0; padding:10px 0 0 0; display:inline; float:left} #idHeader #idLogo{ position:absolute; top:0px; left:46px } #idHeader #idVeriSign{position:absolute; top:30px; left:480px; height:90px; width:140px; border-top:none} #idHeader #idContactLink{position:absolute; top:29px; right:230px; height:90px; width:190px; z-index:300} #idHeader #idSiteTitle{position:absolute; top:-9999px; left:-9999px} #idHeader #idAccountLinks{ position:absolute; top:59px; right:51px; text-align:right; width:400px; } #idHeader #idAccountLinks #block-menu-menu-header-nav{position:relative; left:5px; top:-5px;} #idHeader #idAccountLinks #block-menu-menu-header-nav a{} #idHeader #idAccountLinks #block-menu-menu-header-nav li.leaf{border-right:1px solid #000} #idHeader #idAccountLinks #block-menu-menu-header-nav li.first{border-right:none} #idHeader #idAccountLinks li{float:right; list-style-image:none; padding:0} #idHeader #idAccountLinks ul.menu li{float:right; list-style-image:none; padding:0 5px 0 5px} #idHeader #idPriLinks{ position:absolute; top:125px; left:62px; width:890px; height: 37px; } #idHeader #idSecLinks{position:absolute; top:184px; left:0px; width:890px; height:138px; margin:0; padding:0 0 0 85px; background:url(images/sec-nav-back.png) top left no-repeat} /* Home images on the sce links */ body.clHome #idHeader{height:620px;} body.clHome #idHeader #idSecLinks{height:400px; background:url(images/sec-nav-back-home.png) top left no-repeat} #idHeader #idSearch{ position:absolute; top:99px; right:51px } #idHeader #idSearch label{display:none} #idHeader #idSlogan{position:absolute; top:0px; left:0px} #idBreadcrumb{position:absolute; top:110px; left:40px} #idMid{width:1000px; min-height:300px; position:relative; top:-60px; z-index:50; background:url(images/mid-back.png) top left repeat-y} #idMid #idMidLeft{ width:268px; position:absolute; top:0px; left:52px; z-index:60 } #idPayPalLogo{ text-align:center} /* Block */ #idMid #idMidLeft div.block-head{background:url(images/block-top.png) top left no-repeat; width:268px; height:38px} #idMid #idMidLeft div.block-mid{background:url(images/block-mid.jpg) top left repeat-y; width:168px; padding:0 50px 0 50px} #idMid #idMidLeft div.block-mid ul{ padding:0; margin:0;} #idMid #idMidLeft div.block-mid li{ padding:2px 0 2px 0; margin:0; list-style:none; list-style-image:none; border-bottom:#C2FF99 2px solid} #idMid #idMidLeft div.block-mid li li{padding:2px 0 2px 14px; margin:0px 0 0px 8px; background:url(images/bul.png) center left no-repeat} #idMid #idMidLeft div.block-mid li li.active-trail{background:url(images/bul.png) center left no-repeat #F9F9F9} #idMid #idMidLeft div.block-mid li li li{ padding:2px 0 2px 20px; margin:0px 0 0px 16px;} #idMid #idMidLeft div.block-mid li li li li{ padding:2px 0 2px 20px; margin:0px 0 0px 24px;} #idMid #idMidLeft div.block-foot{background:url(images/block-bot.jpg) top left no-repeat; width:268px; height:40px} #idMid #idMidLeft div.views_slideshow_main{text-align:center} #idMid #idMidRight{ width:606px; margin:0 0 0 300px; position:relative; z-index:100;} #idMid #idMidRight h2.with-tabs{background:url(images/node-back-leaf.png) center left no-repeat; padding:0 0 0 30px; height:30px} body.clHome #idMid #idMidRight div.node{padding:20px 0 10px 40px; margin:10px 0 0 0; border-bottom:2px #CCC solid; background:url(images/node-back-leaf.png) top left no-repeat} /* Hide the first title on the home page*/ body.clHome #idMid #idMidRight h2.with-tabs{display:none} body.clHome #idMid #idMidRight h2{display:none} body.clHome #idMid #idMidRight div.node h2{display:block} body.clHome #idMid #idMidRight #node-19{padding:20px 0 10px 0; margin:0; border-bottom:2px #CCC solid; background:none} #idMid #idMidRight div.attributes{padding:10px; background:#E7E6FF} #idMid #idMidRight div.upsell-products-block{border-top:2px #CCC solid; border-bottom:2px #CCC solid; padding:20px 0 20px 0; margin:20px 0 0 0; height:110px} #idMid #idMidRight div.upsell-block-product{ display:block; text-align:center} #idMid #idMidRight .product-related-subject{font-size:14pt; font-weight:bold} #idMid #idMidRight div.block-similarterms{border-top:2px #CCC solid; border-bottom:2px #CCC solid; padding:20px 0 20px 0; margin:20px 0 0 0} #idMid #idMidRight #idTheAd{text-align:center; background:#EEEBFE; margin:30px 30px 0 30px; padding:20px} #idMid #idMidRight #idTheAd form{background:none;} /*#idMid #idMidRight img{border:1px #CCC solid; padding:2px; margin:2px} Remove to add the nice border around the images*/ #idMid #idMidRight thead img{border:none; padding:2px; margin:2px} #idMid #idMidRight div.links{padding:20px 0 0 0} #idFooter{width:1000px; position:relative; top:-60px; padding:0 0 50px 0; background:url(images/footer-back.png) bottom left no-repeat} #idFooter #idFooterLinks{text-align:center} #idFooter #idFooterLinks ul{ padding:20px; text-align:center} #idFooter #idFooterLinks ul li{list-style-image:none; padding:0 20px 0 20px; margin:0; display:inline; text-align:center;} #idFooter #idFooterMsg{width:980px; text-align:center} #idFooter #idFooterDisclamer{ position:absolute; top:150px; text-align:center} #idFooter #idFooterDisclamer p{font-size:7pt; text-align:center; color:#000; width:50%; margin:auto} #idFooter #idFooterDisclamer h4{font-size:7pt; text-align:center; color:#000; width:50%; margin:auto} /* Links */ #idHeader a{text-decoration:none; text-transform:none; font-weight:normal} #idHeader a:link{color:#048BC2} #idHeader a:visited{color:#048BC2} #idHeader a:hover{color:#A63669; background:none} #idHeader a:active{color:#A63669; background:none} #idHeader a.active{color:#A63669; background:none} #idHeader #idPriLinks li a{display:block; width:150px; margin:0 20px 0 0; padding:0 25px 0 25px; font-weight:normal; text-align:center; font-size:11pt;} #idHeader #idPriLinks li a:link{color:#048BC2; background:none} #idHeader #idPriLinks li a:visited{color:#048BC2; background:none} #idHeader #idPriLinks li a:hover{color:#A63669; background:none} #idHeader #idPriLinks li a:active{color:#A63669; background:none} #idHeader #idPriLinks li a.active{color:#A63669; background:none} #idHeader #idSecLinks li a{display:block; width:148px; height:60px; margin:27px 30px 44px 30px; text-align:center; font-size:10pt; padding:4px 0px 0 0px} body.clHome #idHeader #idSecLinks li a{height:337px;} #idHeader #idSecLinks li a:link{color:#048BC2; background:none} #idHeader #idSecLinks li a:visited{color:#048BC2; background:none} #idHeader #idSecLinks li a:hover{color:#A63669; background:none} #idHeader #idSecLinks li a:active{color:#A63669; background:none} #idHeader #idSecLinks li a.active{color:#A63669; background:none} #idMid a{text-decoration:none; text-transform:none; font-weight:bold} #idMid a:link{color:#048BC2} #idMid a:visited{color:#048BC2} #idMid a:hover{color:#A63669; background:none} #idMid a:active{color:#A63669; background:none} #idMid a.active{color:#A63669; background:none} #idMid #idMidLeft div.block-mid a{display:block; width:164px; text-decoration:none; text-transform:none; font-weight:bold; padding:2px} #idMid #idMidLeft div.block-mid li li a{display:block; width:142px; font-size:8pt} #idMid #idMidLeft div.block-mid li li li a{display:block; width:104px; font-size:8pt} #idMid #idMidLeft div.block-mid li li li a{display:block; width:60px; font-size:6pt} #idMid #idMidLeft div.block-mid a:link{color:#048BC2} #idMid #idMidLeft div.block-mid a:visited{color:#048BC2} #idMid #idMidLeft div.block-mid a:hover{color:#048BC2; background:#C2FF99} #idMid #idMidLeft div.block-mid a:active{color:#048BC2; background:#C2FF99} #idMid #idMidLeft div.block-mid a.active{color:#048BC2; background:#C2FF99} #idMid #idMidLeft div.block-mid div.views-field-field-image-cache-fid .field-content a:link{background:none} #idMid #idMidLeft div.block-mid div.views-field-field-image-cache-fid .field-content a:visited{background:none} #idMid #idMidLeft div.block-mid div.views-field-field-image-cache-fid .field-content a:hover{background:none} #idMid #idMidLeft div.block-mid div.views-field-field-image-cache-fid .field-content a:active{background:none} #idMid #idMidLeft div.block-mid div.views-field-field-image-cache-fid .field-content a.active{background:none} #idFooter a{text-decoration:none; text-transform:none; font-weight:bold; font-size:8pt} #idFooter a:link{color:#048BC2} #idFooter a:visited{color:#048BC2} #idFooter a:hover{color:#A63669; background:none} #idFooter a:active{color:#A63669; background:none} #idFooter a.active{color:#A63669; background:none} #idMid div.image-attach-body a{border:none; background:none;} #idMid div.image-attach-body a:link{border:none; background:none;} #idMid div.image-attach-body a:visited{border:none; background:none;} #idMid div.image-attach-body a:hover{border:none; background:none;} #idMid div.image-attach-body a:active{border:none; background:none;} #idMid div.image-attach-body a.active{border:none; background:none;} #idMid #idMidLeft div.views-field-iid a{border:none; background:none;} #idMid #idMidLeft div.views-field-iid a:link{border:none; background:none;} #idMid #idMidLeft div.views-field-iid a:visited{border:none; background:none;} #idMid #idMidLeft div.views-field-iid a:hover{border:none; background:none;} #idMid #idMidLeft div.views-field-iid a:active{border:none; background:none;} #idMid #idMidLeft div.views-field-iid a.active{border:none; background:none;} /* Tables */ table{width:100%} td{padding:2px 5px 2px 5px} table span.uc-price{font-size:16pt; color:#000} tr.even, tr.odd{ background:#FFF; border-bottom: 1px solid #00BDE7;} table form{background:none} thead th{border-bottom: 3px solid #00BDE7; font-size:12pt;} td.active{ background:#E7F1E0} table .views-field-title{font-size:12pt; vertical-align:top; padding:10px 2px 2px 2px;} /* Forms */ form{background:#FFF} input{border:#00BDE7 1px solid; font-size:8pt; background:#FFF} .form-submit{background:#C2FF99; font-size:12pt;} #idSearch .form-submit{background:#C2FF99; font-size:8pt;} /* Tiny MCE classes with borders .blueBoxLeft{padding:10px; background:#EAEAFF; border:1px solid #003; width:40%; float:left; margin:0px 10px 0 0px} .blueBoxRight{padding:10px; background:#EAEAFF; border:1px solid #003; width:40%; float:right; margin:0 0px 0 10px} .blueBoxCenter{padding:10px; background:#EAEAFF; border:1px solid #003; margin:10px; text-align:center} .greenBoxLeft{padding:10px; background:#EBFFE6; border:1px solid #66CC00; width:40%; float:left; margin:0 10px 0 0px} .greenBoxRight{padding:10px; background:#EBFFE6; border:1px solid #66CC00; width:40%; float:right; margin:0 0px 0 10px} .greenBoxCenter{padding:10px; background:#EBFFE6; border:1px solid #66CC00; margin:10px; text-align:center} .pinkBoxLeft{padding:10px; background:#FFEAEA; border:1px solid #f00; width:40%; float:left; margin:0 10px 0 0px} .pinkBoxRight{padding:10px; background:#FFEAEA; border:1px solid #f00; width:40%; float:right; margin:0 0px 0 10px} .pinkBoxCenter{padding:10px; background:#FFEAEA; border:1px solid #f00; margin:10px; text-align:center}*/ /* Tiny MCE classes */ .blueBoxLeft{padding:10px; background:#EAEAFF; width:40%; float:left; margin:0px 10px 0 0px} .blueBoxRight{padding:10px; background:#EAEAFF; width:40%; float:right; margin:0 0px 0 10px} .blueBoxCenter{padding:10px; background:#EAEAFF; margin:10px; text-align:center} .greenBoxLeft{padding:10px; background:#EBFFE6; width:40%; float:left; margin:0 10px 0 0px} .greenBoxRight{padding:10px; background:#EBFFE6;width:40%; float:right; margin:0 0px 0 10px} .greenBoxCenter{padding:10px; background:#EBFFE6; margin:10px; text-align:center} .pinkBoxLeft{padding:10px; background:#FFEAEA; width:40%; float:left; margin:0 10px 0 0px} .pinkBoxRight{padding:10px; background:#FFEAEA; width:40%; float:right; margin:0 0px 0 10px} .pinkBoxCenter{padding:10px; background:#FFEAEA; margin:10px; text-align:center} /* Payment Message */ #payment_details{text-align:center; font-weight:bold; color:#F00} /* Hide! */ tr #uc-product-add-to-cart-form-22 div.attributes{display:none;} #uc-cart-checkout-form fieldset{} .uc_out_of_stock_throbbing{display:none} .product-image {padding:10px 0 0 4px; margin:5px 0 0 4px;} /*VeriSign*/ #idVeriSign{} /*Create Order Page*/ #customer-search-link, #customer-create-link{height:30px; width:250px; text-align:center; padding:10px 0 0 0; border:#333 solid 1px; margin:5px 0}