/* [RESET] Enable block and hide text on following elements (most commonly for image-based buttons) */ #logo a, #SearchForm_SearchForm_action_results, #panels h2, #panels a.more, #viewTemplates, #viewDemo, .faqHeading h3, #account #MemberLoginForm_LoginForm_action_dologin, #CurrencyConverterSubmit, #OrderForm_OrderForm_action_processOrder, #MemberForm_MemberForm_action_submit, #MemberForm_MemberForm_action_proceed, #checkoutBackToCartButtons a, .cartIconSpan, #JudgePanelTextLink a, .enlarge, .Product #Title span a, .ProductGroup #Image span, h3#Title span a/* add here */ {display: block; font-size: 0; border: 0; text-indent: -9999px; line-height: 0; outline: 0;} /* [GLOBAL] */ body{font: 11px Arial, Verdana, sans-serif; color: #414040; text-align: center;} strong{font-weight: bold;} .clear{clear: both;} a{color: #F20039} #SEOcontent img{float: left; display: block;} /* [STRUCTURE] */ #wrapper{width: 772px; margin: 0 auto; text-align: left;} #top{height: 77px; padding: 15px 3px 0 0;} #logo{float: left; width: 331px;} #logo a{background: url(images/logo.png) no-repeat; height: 69px;} #aNav{float: right; width: 430px; /*height: 23px;*/} #aNav li{float: right;} #aNav a{display: block; background: url(images/aNavSeparator.png) 0 9px no-repeat; color: #f20039; font-weight: bold; text-decoration: none; margin-left: 7px; padding: 6px 0 0 9px;} #aNav .cart{background: url(images/cart.png) no-repeat; padding-left: 25px;} #aNav a:hover{color: #686867;} #searchFormHolder{float: right; clear: right; width: 276px; height: 27px; margin-top: 8px;} #searchFormHolder #Search{float: left;} #searchFormHolder #Search .middleColumn{clear: none; width: auto; margin: 0; padding: 0;} #SearchForm_SearchForm_Search{display: block; background: url(images/searchBox.png) no-repeat; border: 0; font-size: 10px; color: #414141; width: 209px; height: 17px; padding: 6px 0 0 6px;} #searchFormHolder p{float: right;} #SearchForm_SearchForm_action_results{float: right; background: url(images/searchGo.png) no-repeat; border: 0; width: 47px; height: 27px;} #SearchForm_SearchForm_action_results:hover{background-position: 0 -27px;} #nav{position: relative; top: 4px; clear: both; z-index: 3;} #nav li{float: left; margin-right: 2px;} #nav a{display: block; background: #f20039 url(images/navLeft.png) no-repeat; color: #fff; line-height: 28px; text-decoration: none; font-size: 12px;} #nav span{display: block; background: #f20039 url(images/navRight.png) 100% 0 no-repeat; margin-left: 6px; padding: 0 20px 0 14px;} #nav a:hover, #nav .current a, #nav .section a{background: #686867 url(images/navLeftOn.png) no-repeat;} #nav a:hover span, #nav .current span, #nav .section span{background: #686867 url(images/navRightOn.png) 100% 0 no-repeat;} #nav a em{float: left; display: block; background: url(images/navLeftHome.png) no-repeat; width: 6px; height: 32px;} #nav a:hover em, #nav .current em, #nav .section em{background: url(images/navLeftHomeOn.png) no-repeat;} #header{clear: both; position: relative; left: -66px; background: url(images/header.jpg) no-repeat; width: 837px; height: 439px;} #viewTemplates{position: absolute; top: 30px; left: 66px; background: url(images/viewTemplates.png) no-repeat; width: 158px; height: 37px;} #viewTemplates:hover{background-position: 1px 1px;} #viewDemo{position: absolute; bottom: 0; right: 0; background: url(images/viewDemo.png) no-repeat; width: 138px; height: 34px;} #viewDemo:hover{background-position: 0 -34px;} h1.pageTitle{color: rgb(242,0,57); font-size: 15pt; font-weight: normal!important; padding: 22px 0 16px 16px;} #Layout{clear: both; width: 772px; z-index: 2;} #footer{margin-top: 5px;} #fNav{float: left; width: 100%; height: 22px;} #fNav li{float: left;} #fNav a{display: block; background: url(images/fNavSeparator.png) 100% 3px no-repeat; color: #615f5f; font-weight: bold; text-decoration: none; margin-right: 3px; padding-right: 7px;} #fNav li.last a {background: none;} #fNav a:hover, #fNav .current a, #fNav .section a{color: #f20039;} #SEOcontent{margin-top: 30px;} #copyright{text-align: center;}/*float: right; color: #787878; font-size: 9px; line-height: 15px; padding-right: 10px;*/ #copyright a:link, #copyright a:visited {color: #414040; text-decoration: none;} #shareThis{text-align: center;} /* [PAGE] Resume Templates */ body.ProductGroup {position: relative;} #RateDiscount {position: absolute; left: 50%; background-image: url(images/ballon.jpg);} .product_summary{float: left; width: 388px; height: 362px; margin-bottom: 20px; overflow: auto;} #ProductList{width: 370px;} .productItem{float: left; width: 104px; height: 162px; margin: 15px 0 0 6px; padding: 5px;} .productItem img{display: block; background: url(images/productItemImg.png) 100% 100% no-repeat; border: 1px solid #fff; padding: 0 2px 3px 0;} .productItem a:hover img{padding: 1px 1px 2px 1px;} h3.productTitle a{display: block; background: #fff; color: #636262!important; font-size: 10px; text-decoration: none; width: 102px; padding: 2px 0 1px 2px} h3.productTitle a:hover{text-decoration: none;} .currentProduct{background: #f1f1f1 url(images/isInCart.png) 5px 5px no-repeat;} .isInCart .cartIconSpan{float: right; background: url(images/inCart.png) no-repeat; width: 15px; height: 11px; margin: -13px 4px 0 0;} #ajaxContent{float: right; width: 374px; margin: 5px 0 15px 0;} #ajaxContent .left{float: left;} #Image{background: url(images/ajaxImage.png) no-repeat; width: 245px; height: 347px; padding: 1px 4px 5px 1px; position: relative;} #Image img{display: block; background-repeat: no-repeat;} #Image a:hover span{position: absolute; top: 0; display: block; background: url(images/imageMagnifyingGlass.png) 50% 50% no-repeat; width: 250px; height: 354px; cursor: pointer;} #imageMagnifyingGlass{display: none!important;} h3#Title{position: relative; font-size: 13px; text-transform: capitalize; margin-bottom: 2px;} h3#Title .grey{color: rgb(95,95,95); text-transform: lowercase;} h3#Title .enlarge{position: absolute; top: 0; right: 3px; background: url(images/enlarge.png) no-repeat; width: 15px; height: 15px;} h3#Title .enlarge:hover{background-position: -15px 0;} #ajaxContent .right{float: right; width: 111px;} #PageViewer{color: #636262; font: 13px Arial, Verdana, sans-serif; font-weight: bold; margin: 1.2em 0;} #PageViewer a{color: #636262; font-weight: normal; text-decoration: none; padding: 0 2px;} #PageViewer a.current{text-decoration: underline;} #Description {font-style: italic;} #LearnMore{text-align: right; padding-right: 20px;} #LearnMore a{color: #636262; font: 10px Arial, Verdana, sans-serif;} #LearnMore a:hover{text-decoration: none;} #ProductInfo{border-top: 1px solid #7f7f7f; border-bottom: 1px solid #7f7f7f; margin: 7px 0; padding: 7px 0;} #ProductInfo a{display: block; background: url(images/productInfo.png) no-repeat; font: 11px/17px Arial, Verdana, sans-serif; color: #636262; padding-left: 25px;} #ProductInfo a:hover{text-decoration: none;} #oldPrice, .oldPrice{color: #f20039; text-decoration: line-through;} .oldPrice{margin-right: 7px;} #Price a{color: #636262; text-decoration: none;} #Price a:hover{text-decoration: underline;} #CartButtons a{display: block; background-image: url(images/cartButton.png); color: #fff; font: 12px/25px Arial, Verdana, sans-serif; text-align: center; text-decoration: none; width: 111px; margin-top: 5px;} #CartButtons a:hover{background-position: 0 -25px; text-decoration: none!important;} /* [PAGE] Products */ #productOverview{margin: 15px 20px;} #productOverview a{background: #f20039; color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; padding: 4px;} #productOverview a:hover{background: #ff013d;} /* [PAGE] View Product */ .Product .left, .DiscountProduct .left{float: left;} .Product #Title, .DiscountProduct #Title{position: relative; color: #686867; font-size: 16px; margin: /*temp*/20px/*temp*/ 0 15px 10px; padding-right: 50px; z-index: 10;} .Product #Title span, .DiscountProduct #Title span{display: block; position: absolute; top: 0; right: 3px; width: 31px;} .Product #Title span a, .DiscountProduct #Title span a{float: left; width: 15px; height: 15px;} .Product #Title .prev, .DiscountProduct #Title .prev{float: left; background: url(images/prev.png) no-repeat;} .Product #Title .next, .DiscountProduct #Title .next{float: right; background: url(images/next.png) no-repeat;} .Product #Title span a:hover, .DiscountProduct #Title span a:hover{background-position: 0 -15px;} .Product #Image{background: url(images/productImageLarge.png) no-repeat; width: 455px; height: 644px; padding: 1px 4px 5px 1px; position: relative;} .DiscountProduct #Image{display: none;} .Product .right{float: right;} .DiscountProduct .right{clear: both; padding-top: 10px;} #productInfoBox{background: #d3d3d3; width: 260px;} #productInfoBox h2{background: #f3f5f3 url(images/productInfoBoxTop.png) no-repeat; color: #797979; font-size: 13px; line-height: 11px; font-weight: bold; padding: 14px;} #productInfoBox p{border-bottom: 1px dashed #fff; color: #4f4f4f; line-height: 16px; font-weight: bold; padding: 7px 14px;} #priceNow a{color: #f20039;} #productInfoBox .productDescription{background: url(images/productInfoBoxBottom.png) 0 100% no-repeat; border: 0;} .productInfoBoxData{font-style: italic; font-weight: normal;} .Product #CartButtons, .DiscountProduct #CartButtons{width: 260px; overflow: auto;} .Product #cartButton, .DiscountProduct #cartButton{float: right;} .returnLink{margin-top: 18px;} .returnLink a{color: #636262!important; font-size: 11px; text-decoration: underline;} .returnLink:hover{color: #f20039;} div#videoLink a#viewDemo {position: relative; bottom: auto; right: auto; top: 20px; background: url(images/videoDemoSmall.gif) no-repeat; height: 27px!important;} div#videoLink a#viewDemo:hover {background-position: 0 -27px;} /* [PAGE] Cart */ #shopping-cart #wrapper{padding-bottom: 300px;}/* smoother drawer animation due to scrollbar */ #checkoutBackToCartButtons{height: 30px; padding: 16px 7px 0 16px;} #checkoutBackToCartButtons a{float: left; border: 0; width: 127px; height: 25px; margin-right: 10px;} #backToCart{background: url(images/backToCart.png) no-repeat;} #cancelButton{background: url(images/cancel.png) no-repeat; width: 88px;} #proceedToCheckout{float: right!important; background: url(images/proceedToCheckout.png) no-repeat;} #checkoutBackToCartButtons a:hover{background-position: 0 -25px;} #InformationTable .productImage a{display: block; background: url(images/productPageImg.png) 100% 100% no-repeat; padding: 0 2px 4px 0;} #InformationTable .productImage a:hover{position: relative; top: 1px; left: 1px;} #PasswordConfirmPassword .middleColumn{margin: 0!important;} #PasswordConfirmPassword label{clear: left; margin: 4px 0 10px 0; padding: 0;} #PasswordConfirmPassword input{display: block; margin-left: 130px;} #PayPalPaymentMethod .middleColumn{margin: 10px!important;} #PaymentMethod .middleColumn{margin: 0;} #Amount label{font-weight: bold; padding: 3px 0;} #Amount .middleColumn{display: inline; float: none; margin: 0 0 0 100px; padding: 0; width: auto;} #LeftOrder{float: left; width: 360px;} #RightOrder, #BottomOrder{float: right; clear: none; border-left: 1px dashed #eaeaea; width: 360px; padding-left: 22px;} #RightOrder .field{clear: none;} #RightOrder .fieldgroup{width: 350px;} #RightOrder #PayPalPaymentMethod{clear: both;} #RightOrder #Amount{clear: both; display: block; background: #f0f0f0; text-align: right; height: 16px; margin: 0; padding: 10px;} #RightOrder #Amount .middleColumn{margin-left: 0!important;} #RightOrder #OrderForm_OrderForm_Amount{font-size: 14px; font-weight: bold;} /* [PAGE] Testimonials */ .testimonial{background: url(images/testimonial.png) 0 19px no-repeat; margin: 27px 0 0 9px; padding-left: 68px;} #testimonials .testimonial h3{color: #f20039; font-size: 18px; font-style: italic; font-weight: bold; padding: 11px 0;} .testimonial p{background: #f0f0f0;} .testimonial p span{display: block;} .testimonial .top{background: url(images/testimonialTop.png) no-repeat; height: 9px;} .testimonial .bottom{background: url(images/testimonialBottom.png) 0 100% no-repeat; height: 11px;} .quoteQuote{display: block; font-size: 12px; padding: 2px 15px 0 15px;} .quotePerson{text-align: right; padding: 0 15px;} /* [PAGE] Account */ /* security log in */ #Security #Remember{margin: 0;} #Security #Remember label{float: none; display: inline;} #Security fieldset label{margin: 0;} /* log in */ #account #MemberLoginForm_LoginForm{background: url(images/loginForm.png) no-repeat; width: 598px; height: 184px; margin-top: 20px; padding: 42px 0 0 18px;} #account #Email{margin: 4px 0 7px 0;} #account #MemberLoginForm_LoginForm .middleColumn{margin: 0} #account #MemberLoginForm_LoginForm label.left{display: none;} #account #MemberLoginForm_LoginForm .middleColumn input{background: transparent; border: 0; width: 152px; padding: 5px 8px;} #account #MemberLoginForm_LoginForm #Remember{margin-top: 9px;} #account #MemberLoginForm_LoginForm .Actions p{float: none; width: 167px; text-align: right;} #account #MemberLoginForm_LoginForm_action_dologin{float: right; background: url(images/logIn.png) no-repeat; border: 0; width: 68px; height: 25px;} #account #MemberLoginForm_LoginForm_action_dologin:hover{background-position: -68px 0;} #account #MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_action_forgotPassword{background: transparent; border: 0; color: #414040; font-family: Arial, Verdana, sans-serif; text-align: left!important; margin: 0; padding: 0;} /* main */ .AccountPage .Actions{width: 164px; margin-top: 10px;} .AccountPage .Actions p{float: left; margin-right: 5px;} #MemberForm_MemberForm_action_submit{float: left; background: url(images/saveChanges.png) no-repeat; width: 96px; height: 25px; margin-right: 5px;} #MemberForm_MemberForm_action_proceed{background: url(images/saveAndProceedToCheckout.png) no-repeat; width: 178px; height: 25px;} #MemberForm_MemberForm_action_submit:hover, #MemberForm_MemberForm_action_proceed:hover{background-position: 0 -25px;} /* order history */ #account #secondaryMenu h3{padding-bottom: 0;} #account #similarPages li{padding: 10px 10px 2px 15px;} #account #similarPages .headingLi{background: #e2e2e2; font-size: 12px; font-weight: bold; margin-top: 10px;} /* [PAGE] FAQ */ #FAQLandingPage{width: 100%; margin-top: 25px; overflow: auto;} #FAQLandingPage li{float: left; background: url(images/faqLandingPageLi.png) 13px 0 no-repeat; width: 324px; height: auto!important; height: 100px; min-height: 100px; padding: 0 25px 3em 40px;} #FAQLandingPage .even{background-position: 20px 0; border-left: 1px solid #bbb; width: 334px; padding: 0 0 3em 47px;} #FAQLandingPage h3, #FAQLandingPage h3 a:link, #FAQLandingPage h3 a:visited {color: #ed1a3b; font-size: 14px; font-weight: bold; margin-bottom: 11px; text-decoration: none;} #FAQLandingPage p{color: #151515; font-size: 9pt; line-height: 1.4;} #FAQLandingPage a{color: #151515; font-weight: bold;} #FAQLandingPage a:hover{color: #f20039;} #faqLeft{background: url(images/faqLeft.png) repeat-y; width: 543px; margin-top: 25px/*temp*/} #faqLeft .question{background: url(images/faqLeftTop.png) no-repeat; border-bottom: 1px dashed #000; height: 80px;} #faqLeft .question h3{background: url(images/faqLandingPageLi.png) 17px 42px no-repeat; color: #ed1a3b; font-size: 14px; font-weight: bold; margin: 0 0 0 28px; padding: 43px 0 0 45px;} #faqLeft p{margin: 20px 35px 0 45px;} #faqLeft h3{margin: 20px 35px 0 45px;} #faqLeft p p{margin: 10px 0 0 0;} #faqLeft .return{background: url(images/faqLeftBottom.png) 0 100% no-repeat; margin-top: 25px; padding: 0 0 35px 45px;} #faqLeft .return a{font-size: 12px; font-weight: bold; text-decoration: underline;} /* [PAGE] Contact Us */ #contact-us #Layout .typography p{position: absolute; top: 348px; width: 270px; padding-left: 188px; z-index: 2;} #contact-us #Layout .form{float: right; background: url(images/contactBg.png) no-repeat; width: 651px; min-height: 359px; height: auto!important; height: 359px;} #contact-us #Layout #Form_Form{position: relative; width: 310px; margin: 138px 0 0 61px;} #contact-us #Layout fieldset{background: #f0f0ea /*url(images/contactFieldset.png) 21px 10px no-repeat*/; width: 289px; padding-left: 21px/*82px*/; overflow: auto;} #contact-us #Layout label{display: none;} #contact-us #Layout .middleColumn{margin: 0!important;} /*#contact-us #Layout .message{position: absolute; left: 11px; bottom: 21px; color: #F20039; font-size: 10px; padding: 3px;}*/ #contact-us #Layout .message{background: #fff; color: #f20039; font-size: 9px; line-height: 11px; text-align: right; width: 205px; padding-right: 3px;} #contact-us #Layout input.text, #contact-us textarea{position: relative; top: 2px; background: #fff; border: 0; color: #a1a1a1; font-size: 11px; font-family: Arial, Verdana, sans-serif; padding: 4px;} #contact-us #Layout textarea{height: 14px;} #contact-us #Layout .field{margin: 3px 0 2px 0;} /* Labeled rows: */ #EditableEmailField13, #EditableTextField4, #EditableTextField8, #EditableTextField14{float: left; clear: left; background-position: 0 7px; background-repeat: no-repeat; clear: none; padding: 0 12px 0 61px;} #EditableEmailField13{background-image: url(images/contactEmail.png); width: 208px;} #EditableTextField4{background-image: url(images/contactName.png); width: 94px;} #EditableTextField8{background-image: url(images/contactLocation.png); width: 94px;} #EditableTextField14{background-image: url(images/contactEnquiry.png) ; width: 208px;} /* Secondary rows: */ #EditableTextField5, #EditableTextField9{clear: none; float: left; width: 102px; padding-right: 4px;} * html #EditableTextField5, * html #EditableTextField9{position: relative; left: -8px;} #EditableTextField4 .message, #EditableTextField5 .message, #EditableTextField8 .message, #EditableTextField9 .message{display: block; width: 99px!important;} #Form_Form_EditableTextField4, #Form_Form_EditableTextField5, #Form_Form_EditableTextField8, #Form_Form_EditableTextField9{width: 94px;} #contact-us .Actions{background: url(images/contactBottom.png) no-repeat; width: 310px; height: 50px;} #contact-us #Form_Form_action_process{float: right; margin: 6px 19px 0 0;} /* [PAGE] Demonstration */ .movieObject{width: 480px; margin: 25px auto;} /* [PAGE] You Be The Judge */ .viewerwrap{width: 408px; margin: 15px auto;} #judgePanel{background: #e4e6e3;} #judgePanel ul{width: 758px; padding: 7px;} #judgePanel li{float: left; position: relative; background: url(images/judgeThumbBg.png) no-repeat; padding: 1px; width: 172px; height: 100px; margin: 7px;} .answer{position: absolute; top: -22px; left: 16px; background: url(images/messageSmall.png) no-repeat; color: #222; text-decoration: none; width: 169px; height: 59px; padding: 8px;} .ok .answer{background: url(images/messageLarge.png) no-repeat; width: 163px; height: 59px;} #JudgePanelTextLink a{float: right; background: url(images/seeMoreStandOutTemplates.png) no-repeat; width: 300px; height: 27px; margin: 10px 0;} /* [PAGE] Site Map */ #sitemap-list{padding: 0;} #sitemap-list li{list-style-image: none; background: #d8d8d8; margin: 15px 0 0 0;} #sitemap-list .mainPage{display: block; background: #d3d3d3 url(images/mainPageLeft.png) no-repeat; border-bottom: 1px dashed #bbb; font-weight: bold; line-height: 2; padding-left: 15px;} #sitemap-list .mainPage span{display: block; background: url(images/mainPageRight.png) 100% 0 no-repeat; font-size: 1.5em; font-family: inherit;} #sitemap-list a{font-family: Arial, Verdana, sans-serif;} #sitemap-list ul{padding: 0 0 10px 22px;} #sitemap-list ul li{margin-top: 10px;} #sitemap-list ul li a{color: #5f5f5f; font-size: 1.2em; font-weight: bold;} #sitemap-list ul ul{border-left: 2px solid #5f5f5f; padding: 0 0 0 12px;} #sitemap-list ul ul li{list-style-image: none;} #sitemap-list ul ul li a{font-size: 0.9em; font-weight: bold;} /* [MODULE] Forms */ .typography .form{width: 460px;} .form h3{clear: left; font-weight: bold; font-size: 11pt; font-family: Verdana, Helvetica, Tahoma, arial, sans-serif; color: rgb(242,0,57); padding: 22px 0 15px 0px;} .form .field{clear: left; margin: 3px 0 7px 0;} .form label{float: left; display: block; line-height: 1; font-weight: bold; padding: 7px 0;} .form .required label{background: url(images/required.png) 100% 30% no-repeat; width: auto!important; padding-right: 7px;} .form .middleColumn{display: block; margin: 0 0 0 140px!important;} .form input, .form textarea{width: 200px;} .form select {width: 204px;} .optionset input, .checkbox{width: auto!important;} #BottomOrder label, .optionset label{float: none!important; display: inline!important;} .form textarea{height: 150px;} #OrderForm_OrderForm_Country, #MemberForm_MemberForm_Country{width: 206px;} .form .message{color: #f20039; font-size: 13px; line-height: 15px;} #Form_Form_action_process{display: block; background-image: url(images/cartButton.png); border: 0; color: #fff; font: 12px/25px Arial, Verdana, sans-serif; text-align: center; text-decoration: none; width: 111px!important; margin: 10px 0 25px 144px; padding: 4px 0;} #OrderForm_OrderForm_action_processOrder{float: right; background-image: url(images/placeOrder.png); border: 0; width: 186px; height: 25px;} #Form_Form_action_process:hover, #OrderForm_OrderForm_action_processOrder:hover{background-position: 0 -25px;} .fieldgroup{display: block; width: 400px;} .fieldgroup label, .fieldgroup input{margin-top: 7px} /* [MODULE] Panels */ #panels{clear: both; margin-top: 14px; height: 135px;} #panels div{position: relative; float: left; background: url(images/panel.png) no-repeat; width: 223px; height: 115px; padding: 19px 11px 0 18px} .screening{margin: 0 8px;} #panels h2{height: 13px; margin: 0 0 22px 32px;} .downloads h2{background: url(images/hDownloads.png) no-repeat;} .screening h2{background: url(images/hScreening.png) no-repeat;} .support h2{background: url(images/hSupport.png) no-repeat;} /* \*/* html #panels ul{height: 1%;}/* */ /*peekaboo bug*/ #panels li{background: url(images/panelsLi.png) 0 50% no-repeat; margin-top: 2px; padding-left: 8px;} #panels a{color: #f20039; text-decoration: none;} #panels a span{color: #414040;} #panels a:hover span{color: #787878;} #panels a.more{position: absolute; right: 8px; bottom: 8px; display: block; height: 27px;} .downloads a.more{background: url(images/hMoreDownloads.png) no-repeat; width: 58px;} .screening a.more{background: url(images/hMoreScreening.png) no-repeat; width: 85px;} .support a.more{background: url(images/hMoreSupport.png) no-repeat; width: 27px;} /* [MODULE] Secondary Menu */ #secondaryMenu{float: right; background: url(images/relatedQuestions.png) repeat-y; width: 222px; margin-top: 25px/*temp*/;} #secondaryMenu h3{background: url(images/relatedPagesTop.png) no-repeat; color: #4e4e4e; font-size: 14pt; padding: 44px 0 16px 15px;} #secondaryMenu ul{background: url(images/relatedQuestionsBottom.png) 0 100% no-repeat; padding: 0 2px 15px 0;} /* If you are in the FAQ section, you see... */ #secondaryMenu.faqHeading h3{background: url(images/relatedQuestionsTop.png) no-repeat; height: 62px; padding: 0 0 16px 0;} #relatedQuestions a{display: block; color: #585858; border-top: 1px dashed #000; text-decoration: none; padding: 13px 0;} #relatedQuestions .first a, #relatedQuestions .current a, #relatedQuestions .current + li a{border-top: 0;} #relatedQuestions .last a{border-bottom: 1px dashed #000;} #relatedQuestions a:hover{background: #dcdcdc;} #relatedQuestions strong{display: block; background: url(images/relatedQuestion.png) 10px 0 no-repeat; line-height: 17px; padding: 0 10px 0 35px;} #relatedQuestions span{display: block; margin: 10px 10px 0 10px;} #relatedQuestions .current a{background: #f3f5f3;} #relatedQuestions .current a:hover{background: #f3f5f3; cursor: default;} #relatedQuestions .current strong{background: url(images/relatedQuestionCurrent.png) 10px 0 no-repeat; border-bottom: 1px dashed #000; padding-bottom: 11px;} /* If you are in the ACCOUNT section, you see... */ .accountMenu #similarPages .headingLi{border-top: 1px dashed #eaeaea; padding: 10px 0pt 0pt 10px;} .accountMenu #similarPages li{padding: 3px 15px;} .accountMenu #similarPages h4{font-size: 12px; font-weight: bold;} /* If the page has children/siblings, you see... */ #secondaryMenu #similarPages{padding-right: 0px;} #similarPages li{margin-right: 1px;} #similarPages a{display: block; color: #585858; border-top: 1px dashed #eaeaea; text-decoration: none; padding: 8px 13px;} #similarPages a:hover, #similarPages .current a{background: #dcdcdc;} #similarPages .current a{background: #f3f5f3;} #similarPages .last{border-bottom: 1px dashed #eaeaea;} /* [MODULE] Search Results */ #SearchResultsContainer{background: url(images/searchResults.png) 20px 0 no-repeat; width: 695px; margin: 25px 0; padding-left: 62px;} #SearchResults{background: #f0f0f0;} #SearchResults li{list-style-image: none; margin: 0;} #searchTop{background: url(images/testimonialTop.png) no-repeat; height: 9px;} #searchBottom{background: url(images/testimonialBottom.png) no-repeat; height: 9px;} #SearchResults a{display: block; border-bottom: 1px dashed #ccc; padding: 25px;} #searchTop + li a{border-top: 1px dashed #ccc} #SearchResults a:hover{background: #ebebeb; text-decoration: none!important;} #SearchResults strong, #SearchResults span, #SearchResults em{display: block; font-size: 12px;} #SearchResults span{color: #151515; margin: 5px 0;} /* [MODULE] Page Chooser */ #pageChooser{width: 260px; margin: 54px 0 15px 0;} .DiscountProduct #pageChooser{display: none;} #pageChooser p{float: left; margin: 2px;} #pageChooser a{display: block; width: 72px; padding: 5px;} #pageChooser a.current{background: #c0c0c0;} #pageChooser a:hover{position: relative; top: 1px; left: 1px;} #pageChooser a img{display: block; background: url(images/productPageImg.png) 100% 100% no-repeat; padding: 0 2px 4px 0;} #pageChooser a.current img{background: none;} #pageChooser span{display: block; background: #fff; color: #636262!important; font-size: 10px; text-decoration: none; padding: 2px 0 1px 2px} /* [MODULE] Currency Converter */ #converter{background: url(images/converter.png) 30px 0 no-repeat; width: 695px; margin: 25px 0; padding-left: 77px; overflow: hidden;} #converterTop{background: url(images/testimonialTop.png) no-repeat; height: 9px;} #converterBottom{background: url(images/testimonialBottom.png) no-repeat; height: 9px; clear: both;} .CurrencyConverterHolder{background: #f0f0f0; padding: 15px 25px 0 25px; width: 181px; float: left; height: 12em;} #CurrencyConverterToHolder {width: 183px;} .CurrencyConverterHolder label{display: block; border-bottom: 1px dashed #8e8e8e; text-transform: uppercase; margin-bottom: 5px; padding-bottom: 5px;} .CurrencyConverterHolder select, .CurrencyConverterHolder input {width: 181px;} .CurrencyConverterHolder #CurrencyConverterAmount {text-align: right; width: 3em;} .CurrencyConverterHolder span{display: block;} #CurrencyConverterSubmitHolder {width: 645px; padding-top: 0px; padding-bottom: 25px; height: auto;} #CurrencyConverterSubmit{float: left; background: url(images/convert.png) no-repeat; border: 0; width: 111px; height: 25px; margin-top: 3px;} #CurrencyConverterSubmit:hover{background-position: 0 -25px;} #CurrencyConverterConvertedAmount {display: block; font-size: 2em; font-weight: bold; padding: 0px; margin-left: 232px; margin-top: 2px}