/* Global CSS Styles For TheClearBox */ body {font-size: 9pt ; font-family: "Helvetica", "Arial"; color:#696969;} table, td {font-size: 9pt ; font-family: "Helvetica", "Arial"; } /* Core HTML Components */ #canvas { padding: 0px; margin: 0px; padding-bottom: 20px; background: #FFFFFF; } BODY { } H1 { color: #63309c; font: bold 10pt "Century Gothic"; padding:0px; margin:0px;} H2 { color: #63309c; font: normal 10pt "Century Gothic"; } H3 { height: 31px; color: #63309c; font: bold 10pt "Century Gothic"; padding-top: 8px; } IMG { border: 0px; } FORM { padding: 0px; margin: 0px; } STRONG,B { color: #63309c; } STRONG.black, B.black {color:#666666;} A:link { color: #63309c; } A:visited { color: #63309c; } A:hover { color: #666666; } A:active { } .hidden {display:none;} .small {font-size:7.5pt;} .textarea {font-family:Helvetica, Arial;} .computer { font: normal x-small verdana !important; } #banner {display:none;} .pink a {color:#F496DD !important; font: bold 8pt verdana; padding:0px;} /* Swiss flags */ .flags {display:none; position:absolute; top:20px; left:750px; color:#F496DD; font: normal 8pt verdana;} .flags a { color:#F496DD; text-decoration:none; font-weight:bold;} .flags a:visited { color:#F496DD; text-decoration:none; } .newflags {position:absolute; top:22px; left:682px; } /* Page Elements */ #canvas .pagegrid { width: 651px; margin-left: 99px; margin-top: 0px; background: #FFFFFF; font-size: 8pt !important; font-weight:normal; font-family: "Helvetica", "Arial" !important; border-collapse: collapse; } #canvas .pagegridGR { width: 701px; margin-left: 99px; margin-top: 0px; background: #FFFFFF; font-size: 8pt !important; font-weight:normal; font-family: "Helvetica", "Arial" !important; border-collapse: collapse; } #homegrid { width: 651px; margin-left: 99px; background: #FFFFFF; } #shopgrid { width: 651px; margin-top: 0px; margin-left: 99px; border-collapse: collapse; } #shopgrid TD { border: 1px solid #999999; } #shopgrid A:link { color: #663399; text-decoration: none !important; } #shopgrid A:visited { color: #663399; text-decoration: none !important; } #shopgrid A:hover { color: #663399; text-decoration: underline !important; } #cartgrid { width: 651px; margin-top: 0px !important; margin-left: 99px; background: #FFFFFF; border-collapse: collapse; } #cartgrid TD { border: 1px solid silver; padding:5px; } .prodgrid { margin-top: 10px; } .prodname { color: #63309c; font: normal 12pt "Century Gothic" !important; letter-spacing: 2pt; } .prodfoto { margin-top: 10px; margin-bottom: 10px; } .style7 {color: #9999CC; font-weight: bold;} .style11 {color: #9C9ACE; font-weight: bold;} /* end Page Elements */ /* Header George */ #head { width: 760px; background: #FFFFFF; } .headXL { width:820px !important;} .headlogoslot { width: 79px; height: 79px; vertical-align: top; } .sitelogo { width: 79px; height: 79px; } .links { font: normal 10pt verdana; background: #FFFFFF; padding-bottom: 0px !important; } #menu { width: 100%; font: bold 8pt "MS Sans Serif",verdana; vertical-align: bottom; border: 1px solid #cacaca; } #menu TD { vertical-align: bottom !important; } .option { color: #979797 !important; width: 65px; height: 65px; background: #e0e0e0 repeat-x top; font: bold 8pt "MS Sans Serif",verdana; } .option A:link { color: #979797; text-decoration: none !important; } .option A:visited { color: #979797; text-decoration: none !important; } .option A:hover { color: #FF0000 !important; text-decoration: none !important; } .links TD A:hover { color: #404040 !important; } /* end Header */ /* UK Homepage Footer George */ .homenote { font-family: verdana; font-size: 8pt; font-weight: normal; color: #808080; } .homenote A { color: #660066; font: bold !important; } .homenote A:visited { color: #660066; font: bold !important; } .homenote A:hover { color: #660066; font: bold !important; text-decoration: none; } .homemain { color: #af94c9; font: bold 10pt verdana; letter-spacing: 1px; } .homelinks {color: #af94c9; font: 8pt verdana; padding-top:10px; display:block;} .homelinks a {color: #af94c9 !important; font: 8pt verdana; } .homebutt { color: #808080; letter-spacing: 0px; width: 60px; height: 60px; font: normal 8pt verdana; background: #e0e0e0; text-align: right; padding-right: 5px; padding-bottom: 5px; vertical-align: bottom; } /* end UK Homepage Footer */ a.buyOnlineLink { font-weight: bold !important; } a.buyOnlineLink:visited { font-weight: bold !important; } /* Homepage */ #pages { color: #808080; width: 360px; table-layout: fixed; background: white; } .pages TD { border: 1px solid #cccccc; cursor: hand; } #pagesON { border: 1px solid #808080; color: #404040; } #pagesON A { color: #404040; } #pagesON A:visited { color: #404040; } #pagesON A:hover { color: #404040; } #pages TD { height: 150px; font: normal 10pt verdana; letter-spacing: 0px; vertical-align: top !important; text-align: right; padding: 5px; padding-top: 45px; } #pages A { color: #808080; text-decoration: none; } #pages A:visited { color: #808080; text-decoration: none; } #pages A:hover { color: #404040; text-decoration: none; } .latest, .about , .about_fr { color: #FFFFFF; background: url(/gfx/back/aboutus.gif) no-repeat top right; } .products, .products_fr { background: url(/gfx/back/products.gif) no-repeat top right; } .comments, .comments_fr { background: url(/gfx/back/comments.gif) no-repeat top right; } .pinkmonth { background: url(/images/Pinkoffer.png) no-repeat top right; } .clearbag { background: url(/gfx/back/clearbag.gif) no-repeat top right; } .clearbaggr { background: url(/gfx/back/clearbag.gif) no-repeat top right; } .bundleshome { background: url(http://www.theclearbox.com/gfx/back/bundles.gif) no-repeat top right; } .shop, .shop_fr { background: url(/gfx/back/shop.gif) no-repeat top right; } .competition { background: url(/gfx/back/competition.gif) no-repeat top right; } .offers { background: url(/gfx/back/offers.gif) no-repeat top right; } /* Shop Page George */ #products { width: 651px; margin-left: 99px; background: #FFFFFF; border-collapse: collapse; } #products P { font: normal 10pt arial; letter-spacing: 1pt; } #products TD { border: 1px solid #999999999; padding: 10px; height: 210px; text-align: center !important; vertical-align: bottom; width: 33%; } #products A:link { color: #663399; text-decoration: none !important; } #products A:visited { color: #663399; text-decoration: none !important; } #products A:hover { color: #663399; text-decoration: underline !important; } .productJustclick {text-align:center;border-left:1px solid #999999; border-right:1px solid #999999; padding-bottom:10px; margin-top:10px;} #shopbox {font-family:"Century Gothic" !important; text-align:right;} #promo { font: normal 14pt "Century Gothic"; width: 225px; background-color:#9f8ec9; } #promonotes { color: #9f8ec9; background: #cdcde5; font-family:"Century Gothic" !important; font-size:16px !important; font-weight:bold; text-align:center;} #shipping { color: #FFFFFF; font: normal 9pt "Century Gothic" !important; width: 225px; background: #9f8ec9;} #payOptions { color: #808080; font: normal 8pt verdana; width: 225px; background: #FFFFFF; margin-top: 20px; margin-bottom: 5px; } #payOptions .GRbasket { padding: 8px 0px 8px 8px; text-align: right; border: 0px !important; } #payOptions .GRcards { padding: 8px 0px 8px 8px; text-align: center; border: 0px !important; } #payOptions TD { padding: 8px 8px 8px 8px; text-align: center; border: 0px !important; } #payOptions STRONG,B { color: #606060; } .shopspex { color: #808080; background: #FFFFFF; text-align: center; vertical-align: top; padding-bottom: 10px !important; } .shoppagetitles {font-family:"Century Gothic"; font-size:13px; color:#CDCDE5; text-decoration:none;} /* end Shop Page George */ /* Product Photographs CSS - Jnm 11.10.2006 */ /* products.html product photos */ .prodPageLadies { border: 0px solid red !important; margin-right: 20px; } .prodPageLadiesMixed { border: 0px solid red !important; margin-right: 20px; } .prodPageMens { border: 0px solid red !important; margin-left: 20px; } .prodPageMidCalf { border: 0px solid red !important; margin-right: 15px; } .prodPageKneeLength { border: 0px solid red !important; margin-left: 20px; } .prodPageMixedBootPack { border: 0px solid red !important; margin-left: 20px; } .prodPageHatBox { border: 0px solid red !important; margin-left: 20px; } .prodPageStorageBox { border: 0px solid red !important; margin-right: 20px; } .prodPageBootSupport { border: 0px solid red !important; margin-right: 20px; } #theRange { width: 200px; } #theRange UL { color: #c0c0c0 !important; font: bold 9pt arial; } #theRange LI { padding-bottom: 5px; } .rangeLinkHi { color: #63309c !important; } #theRange a:link { color: #ffad5c !important; text-decoration: none; } #theRange a:visited { color: #ffad5c !important; text-decoration: none; } #theRange a:hover { color: #63309c !important; text-decoration: none; } .prodnamelist { color: #ffad5c; font: normal 13pt "Century Gothic" !important; letter-spacing: 0pt; } /* shop.html product photos */ .StandardLadies { border: 0px solid red !important; margin-top: 25px; margin-bottom: 25px; } .StandardLadiesMixed { border: 0px solid red !important; margin-top: 20px; margin-bottom: 20px; } .StandardMens { border: 0px solid red !important; margin-top: 13px; margin-bottom: 12px; } .StandardMidCalf { border: 0px solid red !important; } .StandardKneeLength { border: 0px solid red !important; } .StandardMixedBootPack { border: 0px solid red !important; margin-top: 44px; margin-bottom: 44px; } .standardHatBox { border: 0px solid red !important; margin-top: 25px; margin-bottom: 25px; } .standardStorageBox { border: 0px solid red !important; } .standardBootSupport { border: 0px solid red !important; } .standardLogo { border: 0px solid red !important; margin-bottom: 12px; } .tcbLogoFiller { background: #ffffff url(/gfx/global/the_clear_box_logo_plus_signature.gif) no-repeat center middle !important; } .tcbEnvironmentalPhoto { border: 0px solid red !important; } #itCouldntBeClearer { height: 30px; vertical-align: middle !important; } #cartLinkCell { vertical-align: middle !important; } #enviroGrid { } /* individual product pages */ .LargeLadies { border: 0px solid red !important; margin-top: 10px; margin-bottom: 10px; } .LargeLadiesMixed { border: 0px solid red !important; margin-top: 10px; margin-bottom: 10px; } .LargeMens { border: 0px solid red !important; margin-top: 10px; margin-bottom: 10px; } .LargeMidCalf { border: 0px solid red !important; margin-top: 10px; margin-bottom: 10px; } .LargeKneeLength { border: 0px solid red !important; margin-top: 10px; margin-bottom: 10px; } .LargeMixedBootPack { border: 0px solid red !important; margin-top: 10px; margin-bottom: 10px; } .LargeHatBox { border: 0px solid red !important; margin-top: 10px; margin-bottom: 10px; } .LargeStorageBox { border: 0px solid red !important; margin-top: 10px; margin-bottom: 10px; } .LargeBootSupport { border: 0px solid red !important; margin-top: 10px; margin-bottom: 10px; } #colouredBoxes { } #termsLink li a {color:#FFFFFF !important; } #termsLink li a:hover {color:#666666 !important; } /* Shopping Basket Screens */ #steps { color:#999999; font-weight:bold; padding:10px; padding-left:5px !important;} .step1 { color: #63309c; background: url(/gfx/back/step1.gif) no-repeat right middle !important; vertical-align: middle !important; } .step2 { background:url(/gfx/back/step2.gif) no-repeat right middle !important; vertical-align: middle !important; } .step3 {background:url(/gfx/back/step3.gif) no-repeat right middle; vertical-align: middle !important; } .step4 {background:url(/gfx/back/step4.gif) no-repeat right middle; vertical-align: middle !important; } .steptext { padding:8px 4px; line-height:14pt; border-bottom:1px solid #999999; border-top:1px solid #999999;} .highlight {background-color:#FFFFFF; } .shopside { background: #CFBFDE; vertical-align: top; padding: 2px; width:230px; } .shopsidetext {padding:5px 5px; margin:0;} .shopside A { text-decoration: none; } .shopside A:hover { } .shopside UL { list-style-type: square; } #shoptions { border-collapse: collapse; background-color:#ffffff;} #shoptions TD { padding: 5px; border: 1px solid #cfbfde; } #shopterms { border-collapse: collapse; } #shopterms TD, { padding:2px 5px; border:none; font-size:7.5pt; color:#666666;} .shopterms { font-size:7.5pt; color:#666666;} #shopterms a, .shopterms a {color:#666666 !important; text-decoration: none !important;font-weight:bold;font-size: 9pt;} #shopterms a:hover, .shopterms a:hover {color:#666666 !important; text-decoration: underline !important;} .price {font-weight:bold; color: #808080 !important; font-size:10pt; font-family:Verdana, Helvetica, Arial, sans-serif !important;} .dimensions {font-size:7pt; color: #808080; font-family:Verdana, Helvetica, Arial, sans-serif !important;} .footnote {font-size:7pt; color: #808080;} .footnotepad {font-size:7pt; color: #808080; padding: 0px 5px 0px 10px;} #cartgrid TD#step2cart, #cartgrid TD#step3cart, #cartgrid TD#step4cart { vertical-align:top; padding:0px;} #cartgrid TD#step2cart table td, #cartgrid TD#step3cart table td, #cartgrid TD#step4cart table td, #cartgrid TD#carterror table td {border:#ffffff solid 0px !important;} #cartgrid TD#step2cart .title {color:#ffffff !important; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold !important; font-size: 9pt; padding:5px; } #cartgrid TD#step3cart table .line {font-size: 8pt !important; color:#666666 !important;} #cartgrid .darkpurple { background-color:#63309C; color:#ffffff;} #cartgrid .lightpurple { background-color:#9C9ACE; color:#ffffff;} #cartgrid .vlightpurple {background-color:#e4dbee;} #cartgrid .vlightpurplenobold {background-color:#e4dbee; font-weight: normal;} #cartgrid .darkpurpleT {color:#63309C;} #cartgrid .lightpurpleT {color:#9C9ACE;} #cartgrid TD#total {color:#ffffff; font-weight:bold; background-color:#9C9ACE; text-align:right; font-size:10pt;} #cartgrid TD#back {background-color:#63309c;} .step3confirm {width:100%; padding: 5px; font-size: 8pt; color: #63309c; border: 1px solid #63309c;} #step4total {} #cartgrid TD#carterror {padding:10px;} #cartgrid #step4cart #step4total .totalborder {border:1px solid #666666 !important; color:#666666 !important; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:x-small;} /* Cart Error Page */ #cartgrid TD#error table td {border:#ffffff solid 0px !important;} .cartempty {padding-left:200px;} .error {color:#FF0000;} /* Cart Error Page */ /* end Shopping Basket Screens */ .continue { border: 1px solid #666666; } .continueHI { border: 1px solid #FFFFFF; } #simpleFooter { color: #808080; width: 651px; margin-left: 99px; margin-top: 10px; display: none; } #simpleFooter a:link { color: #808080; font: normal 0.6em arial; } #simpleFooter a:visited { color: #808080; } #simpleFooter a:active { color: #666666; } #simpleFooterCartLink { float: right !important; } #simpleHomeFooter { color: #808080; width: 651px; font: normal 0.7em arial; margin-left: 99px; margin-top: 0px; text-align: center !important; display: none; } #simpleHomeFooter a:link { color: #808080; } #simpleHomeFooter a:visited { color: #808080; } #simpleHomeFooter a:active { color: #666666; } #distributorInfo a:link { color: #660066 !important; } #distributorInfo a:visited { color: #660066 !important; } #distributorInfo a:hover { color: #660066 !important; text-decoration: none !important; } /* Products page George */ #productsPage {padding-top:15px; margin-left: 99px; color: #696969 !important; width: 651px;} #productsPage strong { color: #ffad5c !important; } #productsPage a { color: #ffad5c !important; text-decoration:none !important;} #productsPage a:link { color: #ffad5c !important; text-decoration:none !important;} #productsPage a:visited { color: #ffad5c !important; } #productsPage a:hover { color: #666666 !important; text-decoration:underline !important;} #productsPage ul li {line-height:13.5pt; list-style-type:none; font-weight:bold;} #productsPage li a:link {text-decoration:none; padding-left:0px; font-size:9pt;} #productsPage li a:hover {text-decoration:underline !important; color:#666666 !important;} #productsPage td.image {width:40%; text-align:center;} .line1 { width: 100%; height: 1px; } .line { width: 100%; height: 1px; color: #999999; } .linebk {display:block;float:left; width: 100%; height: 1px !important; padding:0px;font-size:0px;line-height:0px;background-color: #999999;margin: 20px 0px 15px 0px;} .line2b { width: 90%; height: 1px; } .line2 { width: 90%; height: 1px; color: #999999; } /* end Products page George */ /* Contact page George */ #contactus {width: 651px; margin-left: 99px; margin-top: 0px; font-weight:bold; color:#999999 !important;} #contactus a:link {text-decoration:none; color:#AF94C9 !important;} #contactus a:visited {text-decoration:none; color:#AF94C9 !important;} #contactus a:active {color:#AF94C9 !important; } #contactus a:hover { text-decoration:underline !important; color:#666666 !important; } /* end Contact page George */ /* Page Footer */ #footer { color: #808080; width: 651px; margin-left: 99px; margin-top: 10px; text-align:center;} #footer TD { border: 1pt solid silver; padding: 8px; text-align:center;} #footer TD P { font: normal 8pt verdana !important; } #footer TD A:visited { font: normal 8pt verdana; } #footer A:link { color: #999999 !important; font: normal 8pt verdana; } #footer A:visited { color: #999999; } #footer A:active { color: #666666; } #footer A:hover { color: #666666; } #footer A:link .pink, #footer A.pink {color:#F496DD !important; font-weight:bold;} /* end Page Footer */ /* Page Footer - Jnm 06-12-2006 - Norway has this. */ #pageFoot { width: 651px; margin-left: 99px; margin-top: 10px; border: 1px solid silver; padding-top: 10px; padding-bottom: 10px; text-align: center; } html>body #pageFoot { width: 649px; margin-left: 99px; margin-top: 10px; border: 1px solid silver; padding-top: 10px; padding-bottom: 10px; text-align: center; } #pageFoot p { font: normal 8pt arial !important; } #pageFoot a:link { color: #606060 !important; } #pageFoot a:visited { color: #606060 !important; } #pageFoot a:active { color: #666666 !important; } #pageFoot a:hover { color: #404040 !important; } /* end Page Footer - Jnm 06-12-2006 - Norway has this. */ .cbh { vertical-align: middle; } .bagcenter { text-align: center; } .cbagimgs { margin-right: 50px; } .cbagdimwt { margin-bottom: 3px; } .cbagdimw { display: block; float: left; width: 100%; margin-top: 0px; padding-top: 0px; } .cbagdiml { display: inline; float: left; padding-right: 10px; margin-left: 20%; width: 25%; text-align: center; } .cbagdimr { display: inline; float: left; padding-left: 10px; margin-right: 20%; width: 25%; text-align: center; } .baglinkr { width: 100%; text-align: right; } #jclickshop { cursor:pointer; } .shopscrollp { font-size:1.4em; } .clear { clear:both; } .offerdivid { dispaly:inline; width:440px; height:2px; font-size:0px; line-height:0px; } .bundlepricea { width: 82px; display:inline; float:left; } .bundlepricetot { display:inline; float:left; } .bundlebuynow { display:inline; float:left; } .bundlesave { font-size: 1.1em; color: #63309c; font-weight: bold; width: 120px; display:inline; float:left; margin-left:15px; } .bundlesavetr { font-size: 1.1em; color: #63309c; font-weight: bold; } .bundlebuy { width: 130px; text-align:right; } #bundleA { background: url('http://www.theclearbox.com/gfx/pinkbox.gif') no-repeat left top; margin-bottom: -5px; } #bundleB { background: url('http://www.theclearbox.com/gfx/lilacbox.gif') no-repeat left top; margin-bottom: 12px; } #bundleC { background: url('http://www.theclearbox.com/gfx/turqbox.gif') no-repeat left top; margin-bottom: 12px; } .bundles { display: block; float: left; width:100%; padding-left: 40px; margin-top: 20px; font-size: 1.1em; } .notes { font-size:0.9em; padding-left:0px !important; margin-top: 0px!important; } .bundletxt { display:inline; float:left; width:440px; } .bundles img { display:inline; float: right; margin: 0px 0px 0px 10px; } .bundles ul { list-style-type:none; margin: 10px 0px 10px 25px; padding: 0px; width:380px; } .bundles ul li { margin-bottom:7px; } .bundlecenter { display:block; float:left; width:100%; font-size: 1.3em; text-align: center; } .bundlecenter p { display:inline; float:left; width:180px; } .bundlecenter p span { font-size:0.8em; } .bundlecenter p em { font-style:normal; font-weight:bold; } .bundlecenter p.bundletitle { display:block; float:left; width:391px; text-align:left; margin:0px; padding: 10px 0px 5px 12px; } .bundlecenter p.bundleimg { width:212px; margin: 0px 7px 0px 0px; } .bundlecenter .line2b { display:block; float:left; width:100%; margin-bottom:10px; text-align:center; } .bundlecentertr { font-size: 1.1em; text-align: center; } .bundlecenter img { vertical-align: middle; margin: 0px 10px 0px 10px; } a.baglink:link {color:#63309C; text-decoration: none; font-weight: bold;} a.baglink:visited {color:#63309C; text-decoration: none; font-weight: bold;} a.baglink:hover {color:#666666; text-decoration: underline; font-weight: bold;} a.baglink:active {color:#63309C; text-decoration: none; font-weight: bold;} .normal {font-family:"Helvetica", "Arial"; line-height:normal; color: #999999; font-weight: bold;} .normal strong {color: #666666; text-decoration:none;} .boldnormal {font-family:"Helvetica", "Arial"; line-height:normal; font-weight:bolder; color: #666666;} .hometext {color:#63309c;padding: 12px 5px 12px 8px;font-weight:bold;} .hometext2 {color:#63309c;padding: 0px 5px 0px 8px;font-weight:bold;} a.wlink:link {color:#ffffff; text-decoration: none; font-weight: normal;font-size:0.9em;} a.wlink:visited {color:#ffffff; text-decoration: none; font-weight: normal;font-size:0.9em;} a.wlink:hover {color:#ffffff; text-decoration: underline; font-weight: normal;font-size:0.9em;} a.wlink:active {color:#ffffff; text-decoration: none; font-weight: normal;font-size:0.9em;} a.wlink {color:#ffffff; text-decoration: none; font-weight: normal;font-size:0.9em;cursor:pointer;} .wlink {color:#ffffff; text-decoration: none; font-weight: normal;font-size:0.9em;cursor:pointer;} #newterms { margin-top: 15px; border-top: 1px solid #cacaca; } #newterms a:link {color:#808080 !important; text-decoration: none; font-weight: bold;} #newterms a:visited {color:#808080 !important; text-decoration: none; font-weight: bold;} #newterms a:hover {color:#808080 !important; text-decoration: underline;font-weight: bold;} #newterms a:active {color:#808080 !important; text-decoration: none; font-weight: bold;} .smallpinktext { color:#E88BD1;text-align:left;font-size:1.2em;line-height:1.3em;font-family:"Century Gothic",verdana,arial; } .smallpinktext b { color:#F496DD; } .imgright img { float:right; margin: 0px 0px 10px 10px; } .imgrightb img { float:right; margin: -60px 0px 10px 10px; } .imgrightc img { float:right; margin: -430px 0px 10px 10px; } #competition label { display:inline; float:left; width:163px; margin-right:10px; } #competition .qlabel { display:inline; float:left; width:auto; margin-right:20px; } #competition input { display:inline; float:left; } #competition .ques { display:inline; float:left; width:100%; padding: 10px 10px 15px 10px; background-color: #f9f9f9; border:1px solid #f3f3f3; margin-bottom:15px; } #competition .labright { display:inline; float:left; width:163px; margin-left:7px; margin-top:4px; } #competition h2 { font-weight:bold; border-bottom:1px solid #838383; color: #606060; } .compterms td { padding: 2px 2px 2px 0px; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; } .compterms .tdb { padding: 2px 2px 2px 6px; border-bottom: 1px solid #dedede; border-right: none; } .complogo { vertical-align:middle; } #comptopimage { float:right; margin: 0px 0px 10px 20px; } #compbtmimage { margin: -60px 0px 0px 20px; } .pinktext { color:#F494DD; font-size: 1.2em; font-weight:bold; } .compterms .tdca { padding: 2px 2px 2px 0px;border-bottom: none;border-right: 1px solid #dedede; } .compterms .tdcb { padding: 2px 2px 2px 6px;border-bottom: none;border-right: none; } #complist { list-style-type:square; } #complist li { width:260px; padding: 2px 3px 2px 0px; } #complist .tot { margin-top:6px; list-style-type:none; } #complist .spa { width:190px; text-align:left; } #complist .spb { width:60px; text-align:right; } .testimwhite, .testimwhiteb { display:block; float:left; background-color: #ffffff; color:#9F8EC9; padding: 0px 30px 0px 30px; font-size:10pt; width:591px; margin:0px 0px 20px 0px; background: #ffffff url('http://www.theclearbox.com/gfx/whiteqtbg.gif') repeat-y left top; position:relative; top:0px; left:0px; } .testimwhiteb .numb { position:absolute; top:4px; left:12px; color:#9F8EC9; font-size:1.8em; display:block; float:left; } .testimwhite .qtTxt { display:block; float:left; background-color: #ffffff; width:591px; height:auto; margin:0px; padding:0px; } .testimwhite .qtTop { display:block; float:left; padding: 0px 0px 0px 0px; margin: 0px 0px 5px -30px; width:651px; height:27px; background: #ffffff url('http://www.theclearbox.com/gfx/whiteqttp.gif') no-repeat left top; } .testimwhite .qtBtm { display:block; float:left; padding: 0px 0px 0px 0px; margin: 5px 0px 0px -30px; width:651px; height:27px; background: #ffffff url('http://www.theclearbox.com/gfx/whiteqtbt.gif') no-repeat left bottom; } .testimwhiteb .qtTop { display:block; float:left; padding: 0px 0px 0px 0px; margin: 0px 0px 5px -30px; width:651px; height:27px; background: #ffffff url('http://www.theclearbox.com/gfx/whiteqttpb.gif') no-repeat left top; } .testimwhiteb .qtBtm { display:block; float:left; padding: 0px 0px 0px 0px; margin: 5px 0px 0px -30px; width:651px; height:27px; background: #ffffff url('http://www.theclearbox.com/gfx/whiteqtbtb.gif') no-repeat left bottom; } .testimpink, .testimpinkb { display:block; float:left; background-color: #9F8EC9; color:#ffffff; padding: 0px 0px 0px 0px; font-size:10pt; width:591px; height:auto; margin:0px 0px 20px 0px; position:relative; top:0px; left:0px; } .testimpinkb .numb { display:block; float:left; position:absolute; top:4px; left:12px; color:#ffffff; font-size:1.8em; width:25px; height:25px; } .testimpink .qtTxt, .testimpinkb .qtTxt { display:block; float:left; background-color: #9F8EC9; width:591px; height:auto; margin:0px; padding: 0px 30px 0px 30px; } .testimpink .qtTop { display:block; float:left; padding: 0px 0px 5px 0px; margin: 0px 0px 0px 0px; width:651px; height:27px; background: #9F8EC9 url('http://www.theclearbox.com/gfx/pinkqttp.gif') no-repeat left top; } .testimpink .qtBtm { display:block; float:left; padding: 5px 0px 0px 0px; margin: 0px 0px 0px 0px; width:651px; height:27px; background: #9F8EC9 url('http://www.theclearbox.com/gfx/pinkqtbt.gif') no-repeat left bottom; } .testimpinkb .qtTop { display:block; float:left; padding: 0px 0px 5px 0px; margin: 0px 0px 0px 0px; width:651px; height:27px; background: #9F8EC9 url('http://www.theclearbox.com/gfx/pinkqttpb.gif') no-repeat left top; position:relative; top:0px; left:0px; } .testimpinkb .qtBtm { display:block; float:left; padding: 5px 0px 0px 0px; margin: 0px 0px 0px 0px; width:651px; height:27px; background: #9F8EC9 url('http://www.theclearbox.com/gfx/pinkqtbtb.gif') no-repeat left bottom; } .testimpinkb strong { color:#ffffff; } .okmagoffer { display:block; float:left; background: #ffffff url('/gfx/ok-mag-bg.jpg') no-repeat left top; color:#ffffff; padding: 0px 0px 0px 0px; font-size:11pt; line-height:15pt; width:691px; height:478px; margin:0px 0px 20px 0px; position:relative; top:0px; left:0px; } .okmagoffer .qtTxt { position:absolute; top:28px; left:31px; width:285px; height:175px; overflow:hidden; } .okmagoffer a:link {color:#63309C;float:right;font-weight:bold;position:absolute;bottom:0px;right:0px;font-size:13pt;text-decoration:underline;} .okmagoffer a:visited {color:#63309C;float:right;font-weight:bold;position:absolute;bottom:0px;right:0px;font-size:13pt;text-decoration:underline;} .okmagoffer a:hover {color:#63309C;float:right;font-weight:bold;position:absolute;bottom:0px;right:0px;font-size:13pt;text-decoration:none;} .okmagoffer a:active {color:#63309C;float:right;font-weight:bold;position:absolute;bottom:0px;right:0px;font-size:13pt;text-decoration:none;} .okmagoffer strong { color:#ffffff; } .ppTxt { display:block; float:left; background-color: #ffffff; color:#63309C; padding: 0px 0px 0px 0px; font-size:8pt; width:671px; height:auto; margin:30px 0px 20px 20px; position:relative; top:0px; left:0px; } .testimhead { color:#9F8EC9; font-size:1.5em; font-weight:bold; } .qtTxt b { font-size:1.8em; margin-top:-10px; } #hatinfo { position:relative; top:0; left:0px; } #hatinfo p { margin: 10px 0px 20px 0px; padding:0px; } #hatSale { position:absolute; bottom:122px; right:20px; } .hatsaletd { position:relative; top:0px; left:0px; } #hatSaleShop { position:absolute; bottom:10px; right:-10px; } .centreul { text-align:center; text-decoration:underline; color:#9F8EC9; font-size:1.5em; font-weight:bold; width:651px; float:left; padding:0px; margin: 0px 0px 15px 0px; } .centresl { text-align:center; text-decoration:none; color:#9F8EC9; font-size:0.8em; font-weight:normal; padding:0px; margin: 0px 0px 15px 0px; } .imgtright { float:right; margin:0px 0px 15px 15px; } .imgtleft { float:left; margin:0px 15px 15px 0px; } .abtint { font-size:1.1em; font-weight:bold; } .lrgabt { font-size:1.3em; color:#8370B1; font-weight:bold; } .abtpage p span { padding-left:10px; } .righttxt { text-align:right; } #offerstable td, #offerstableb td, #offerstablec td, #offerstabled td, #offerstablef td { padding:3px; border:none; } .prodinfotxt { margin:0px; padding:15px 20px 15px 20px; } .tradofftot { border:1px solid #ffffff; font-weight:bold; color:#606060; font-size:0.9em; display:inline; float:right; } .smltxt { font-size:0.8em; } a.greylink:link {color:#808080;text-decoration:none;border-bottom:1px solid #E9E9E9;} a.greylink:visited {color:#808080;text-decoration:none;border-bottom:1px solid #E9E9E9;} a.greylink:hover {color:#808080;text-decoration:none;border-bottom:1px solid #808080;} a.greylink:active {color:#808080;text-decoration:none;border-bottom:1px solid #808080;} /* Google stuff - added Jnm 05-11-2008 */ #ga { clear: both; width: 100%; height: 5px; overflow: hidden; border-top: 0px solid #e0e0e0; }