/* CirKu Main Styles */ /*##############################*/ /* TAG-LEVEL */ body { margin:0; text-align:center; background:url('../images/bg_body.jpg') repeat-x #fffffc; font-family:Arial,Verdana,sans-serif; } a img { border:none; } a:link, a:visited, a:hover { color:#ec1534; text-decoration:none; } /*##############################*/ /* COMMON UTILITY CLASSES */ .floatfix { clear:both; width:1px; height:1px; font-size:1px; line-height:1px; margin:0 0 -1px 0; padding:0px;} .clear { clear:both; } .col-310 { float:left;width:310px; } .col-340 { float:left;width:340px; } .col-390 { float:right;width:390px; } .col-400 { float:left;width:400px; } .col-450 { float:left;width:450px; } .col-480 { float:left;width:480px; } a.action:link, a.action:visited, a.action:hover { background:url('../images/action_arrow.gif') no-repeat center right; font-weight:bold; padding-right:10px; } .modalBackground { background:#000; opacity:.6; filter:Alpha(opacity=60); } .modalPopup { background:#FFF; padding:15px; border:solid 1px #000; } .modalPopup .modalClose { float:right; font-size:10px; } /*##############################*/ /* SITEWIDE PAGE STRUCTURE */ #container { margin:0 auto; width:996px; background:url('../images/bg_container.jpg') no-repeat; text-align:left; } #container #body { clear:both; } /*==== Header ====*/ #header img#logo { float:left; width:100px; padding:7px 5px 0 7px; } #header { float:right; width:874px; } #header a#industry { background:url('/images/cirku_icon.gif') no-repeat left bottom; padding:0px 7px 0px 21px; margin: 10px 5px 5px 0; } #header a#industry:link, #header a#industry:visited, #header a#industry:hover { float:right; font-size:14px; font-weight:bold; color:#72a709; text-decoration:none; } #header a#industry:hover { background-position:left top; color:#EC1534; } #header a#industry img { vertical-align:middle; } #header #topnav { clear:both; height:20px; /*width:859px; float:left;*/ background:url('../images/bg_nav_top.jpg') no-repeat; text-align:right; padding-right:15px; } #header #topnav ul { padding:2px 0; margin:0; list-style:none; float:right; } #header #topnav ul li { padding:0 15px; margin:0; font-size:12px; float:left; } #header #topnav ul li a:link, #header #topnav ul li a:visited { color:#fbeaa1; text-decoration:none; } #header #topnav ul li a:hover { color:#93CA4B; text-decoration:none; } #header #search { float:right; } #header #search input { font-size:10px; color:#9c9b9b; border:none; border-width:0px; padding:0 0 0 7px; margin:3px 2px 3px 0; width:125px; height:12px; float:left; } #header #search a:link, #header #search a:visited, #header #search a:hover { font-size:12px; color:#ec1534; text-decoration:none; float:left; margin:1px 0; } #header #search input.searchbutton { font-family:Arial,Verdana,sans-serif; font-size:12px; color:#FBEAA1; height:14px; text-decoration:none; margin:0px; padding:0px; border:none; background:none; width:20px; text-align:center; cursor:pointer; } /*==== Main Navigation ====*/ #nav { float:left; width:874px; background:url(../images/bg_nav_bottom.jpg) no-repeat; margin:2px 0 0 0;} #nav ul { padding:0 0 0 80px; margin:0; list-style:none; font-size:12px; float:left; } #nav ul li { padding:2px 29px; margin:0; float:left; } #nav ul li a:link, #nav ul li a:visited { color:#fff; text-decoration:none; } #header #nav ul li a.activepath { color:#93CA4B; text-decoration:none;} #nav ul li a:hover, #nav ul li a.current:link, #nav ul li a.current:visited, #nav ul li a.current:hover, #nav ul li.hover a { color:#93ca4b; } #nav ul li.hover ul li a:link, #nav ul li.hover ul li a:visited { color:#fff; } #nav ul li.hover ul li a:hover { color:#93ca4b; } /*---- New Navigation ----*/ /* .MainMenuCMSMenuHighlightedMenuItem { color:#fff; font-size:12px; padding:2px 15px;} .MainMenuCMSMenuItem { color:#fff; font-size:12px; padding:2px 15px;} .MainMenuCMSMenuItemMouseOver { color:#93ca4b; font-size:12px; padding:2px 15px;} .MainMenuCMSMenuItem table { background:url(../images/bg_subnav.png) no-repeat bottom center; width:116px; } */ /*==== Main Subnavigation Menus ====*/ #nav .subnav { position:absolute; background:url('../images/bg_subnav.png') no-repeat bottom center; width:116px; display:none; } #nav .subnav ul { width:100%; padding:0 0 8px 0; margin:0; list-style:none; font-size:11px; background:url('../images/bg_subnav_glow.png') no-repeat top left; } #nav .subnav ul li { padding:4px 15px; margin:0; float:none; } /*==== Side Navigation ====*/ #sidenav { float:left; width:138px; background:url('../images/bg_sidenav_side.gif') repeat-y top left #fff; margin-top:27px; } #sidenav h3 { background:url('../images/bg_sidenav_top.gif') no-repeat; padding:10px 0 7px 17px; margin:0; font-size:18px; font-weight:normal; } #sidenav h3 a:link, #sidenav h3 a:visited, #sidenav h3 a:hover { color:#622d10; text-decoration:none; } #sidenav h3 a.current:link, #sidenav h3 a.current:visited, #sidenav h3 a.current:hover { color:#7eb536; } #sidenav ul { list-style:none; padding:0 10px 13px 17px; margin:0; background:url('../images/bg_sidenav_bottom.gif') no-repeat bottom left; font-size:12px; } #sidenav ul li { padding:7px 0; color:#7eb536; } #sidenav ul li a:link, #sidenav ul li a:visited { color:#622d10; text-decoration:none; } #sidenav ul li a:hover, #sidenav ul li a.current:link, #sidenav ul li a.current:visited, #sidenav ul li a.current:hover { color:#7eb536; text-decoration:none; } #sidenav ul li ul { padding:0 0 0 8px; background:none; } #sidenav ul li ul li { padding:1px 0; } /*==== Page Content ====*/ #content { float:left; width:807px; padding:20px 12px 20px 30px; background:url('/images/bg_content.gif') no-repeat; font-size:12px; color:#605f5f; } #content a:link, #content a:visited, #content a:hover { color:#ec1534; font-weight:bold; text-decoration:none; } #content h1 { padding:10px 0; margin:0; font-size:30px; font-weight:normal; color:#622d10; } #content h2 { padding:10px 0; margin:0; font-size:16px; font-weight:normal; color:#622d10; } #content h3 { padding:10px 0; margin:0; font-size:14px; font-weight:normal; color:#605f5f; } #content p { padding:0 0 10px 0; margin:0; font-size:12px; color:#605f5f; } #content ul { padding:5px 0 5px 25px; margin:0; } #content ul li { padding:10px 0; margin:0; } #content #faqs h1 { font-size:26px; } /*==== Footer ====*/ #footer { clear:both; float:left; width:100%; margin:30px 0 10px 0; position:relative; overflow:hidden; } #footer ul { padding:0; margin:0; list-style:none; text-align:center; float:left; position:relative; left:50%; } #footer ul li { padding:0 8px; margin:0; float:left; position:relative; right:50%; border-right:solid 1px #9b9b9b; color:#9b9b9b; font-size:10px; } #footer ul li.last { border-right:none; } #footer ul li a:link, #footer ul li a:visited { color:#9b9b9b; text-decoration:none; } #footer ul li a:hover { text-decoration:underline; } /*##############################*/ /* PAGE-SPECIFIC STYLING */ .share { padding-top:20px; clear:left; display:block; } .share span { font-size:11px; font-weight:bold; color:#ec1534; vertical-align:middle; } .share img { vertical-align:middle; } #connect-events { float:left; width:300px; margin-right:70px; } .event, .news { padding:10px 0; } .title { font-size:18px; color:#622d10; display:block; } .info { font-size:14px; color:#622d10; display:block; padding-bottom:5px; } #connect-newsletter { float:left; width:420px; } #connect-newsletter img { float:left; margin:0 10px 10px 0; } #connect-newsletter .info { color:#605f5f; } #connect-newsletter .news input { width:130px; font-size:10px; color:#9c9b9b; border:solid 1px #abd353; text-align:center; margin-left:76px; margin-right:5px; } #connect-video { clear:both; } #connect-video h1 { padding-bottom:5px; } .video { float:left; width:125px; margin:10px 30px 0 0; } .video img { padding:1px; border:solid 1px #a9a9a9; margin-bottom:5px; } .video .info { font-size:11px; color:#888787; } #content .blog-content { clear:both; float:left; width:525px; } #content .news-item { padding-bottom:10px; } #content .blog-content h2, #content .news-item h2 { font-size:18px; padding-bottom:0; } #content .blog-content p, #content .news-item p { font-size:13px; } #content .blog-content p.info, #content .news-item p.info { padding-top:0; font-size:14px; color:#622d10; } #content .blog-content p.info a { font-weight:normal; } #content .blog-content a.action, #content .news-item a.action { margin-top:10px; } /*==== FAQs ====*/ #faqs .faqcategory h2 { background:url('/images/nav_circle22.gif') no-repeat left center; padding:0 0 5px 15px; cursor:pointer; } #faqs .faqcategory ul { display:none; margin:0; padding:0 0 0 20px; list-style-type:none; } #faqs .faqcategory.expand ul { display:block; } #faqs .faqcategory.expand h2 { background-image:url('/images/nav_circlehov.gif'); } #faqs .faqcategory li { margin:0; padding:0 0 10px; } #faqs .faqcategory li h4 { margin:0; font-size:13px; color:#EC1534; } #faqs .faqcategory li p { padding:0; } /*==== Comment and Media Forms ====*/ #comments { border-top:solid 1px #82b939; padding-top:20px; margin-top:20px; width:525px; } #comments p.comment-count { font-size:18px; color:#622d10; } #comments .comment { padding:10px 0 0 0; } #comments .comment p.info { padding-bottom:5px; } #comments #comment-form { padding-top:20px; } #media-form { float:left; width:465px; } #media-form h1 { font-size:24px; } #comment-form label.first-name, #media-form label.first-name, #media-form label.phone, #media-form label.publication { clear:both; float:left; width:222px; margin-right:18px; } #comment-form label.email, #media-form label.last-name, #media-form label.email { float:left; width:222px; } #media-form label.phone, #media-form label.email, #media-form label.publication { margin-top:10px; } #comment-form label.comments, #media-form label.inquiry { clear:both; float:left; width:462px; margin-top:10px; } #comment-form input, #comment-form textarea, #media-form input, #media-form textarea { display:block; width:220px; border:solid 1px #abd353; color:#9c9b9b; } #comment-form textarea.comments, #media-form textarea.inquiry { width:460px; } #comment-form a.action { clear:both; float:left; font-size:14px; margin:5px 0 0 200px; } #media-form label.checkbox { float:left; width:460px; margin:15px 0 0 0; color:#622d10; } #media-form input.checkbox { clear:both; float:left; width:auto; margin:1px 10px 5px 0; border:none; } #media-form-submit { clear:both; float:left; width:460px; padding:10px 0 0 0; margin:10px 0 0 0; border-top:solid 1px #abd353; text-align:center; } #media-form-submit a:link, #media-form-submit a:visited, #media-form-submit a:hover { font-size:14px; } #media-form #media-form-submit input { background:url('../images/action_arrow.gif') no-repeat center right; font-weight:bold; padding-right:10px; color:#ec1534; border:none; font-family:Arial,Verdana,sans-serif; width:75px; margin:0px auto; font-size:14px; cursor:pointer; } #media-form label { width:222px; display:inline; padding-top:5px; } #media-form input { display:block; width:220px; border:solid 1px #abd353; color:#9c9b9b; margin-bottom:0px; } #media-form .EditingFormControlNestedControl input { display:inline;} #media-form span.checkbox input { display:block; color:#9c9b9b; clear:both; float:left; width:15px; margin:10px 5px 5px 0; border:none; } /*==== Blogs ====*/ .blog-rotate-contain { padding:10px 0 10px 141px; clear:both; width:843px; } #blog-rotator { background:url('../images/bg_blog_rotator.gif') no-repeat; width:843px; height:58px; margin:0px; padding:0px; } #blog-rotator h4 { padding:15px 0px 15px 0px; margin:0; font-size:24px; color:#622d10; font-weight:normal; } #blog-rotator h4 a:link, #blog-rotator h4 a:visited, #blog-rotator h4 a:hover { color:#fff; text-decoration:none; padding-right:20px; background:url('../images/blog_rotator_arrow.gif') no-repeat right center; } #content .blog-photo { float:left; width:220px; padding:15px 0 0 40px; } #content .blog-photo .info { padding:5px 0 35px 45px; color:#82b939; font-size:14px; } #content .blog-photo p.info a.action { font-size:11px; } .sharetitle { padding-right:10px;} .SearchResult { padding:0 0 13px 0;} span.BlogCommentsTitle { font-size:18px; color:#622d10; } span.BlogLeaveComment { padding-top:0; font-size:14px; color:#622d10; } table.BlogPanel td { padding:0px; } table.BlogPanel table td { padding:0px; } .CommentDetail { padding:10px 0 0 0; } #content .CommentDetail a.CommentUserName { padding-top:0; font-size:14px; color:#622d10; font-weight:100; } #content #plcRoot_Layout_zoneMainRegion_pageplaceholder_pageplaceholder_Layout_zoneLeft_CommentView_commentView_pnlComment { padding-top:20px; } #content #plcRoot_Layout_zoneMainRegion_pageplaceholder_pageplaceholder_Layout_zoneLeft_CommentView_commentView_pnlComment input{ display:block; width:220px; border:solid 1px #abd353; color:#9c9b9b; } #content .BlogRequiredValidator input#plcRoot_Layout_zoneMainRegion_pageplaceholder_pageplaceholder_Layout_zoneLeft_CommentView_commentView_ctrlCommentEdit_btnOk { background:url(../images/action_arrow.gif) no-repeat center right; font-weight:bold; padding-right:10px; color:#ec1534; border:none; font-family:Arial,Verdana,sans-serif; width:46px; margin:0px auto; font-size:14px; cursor:pointer; } #content .TextAreaField { display:block; width:460px; border:solid 1px #abd353; color:#605f5f; } /*==== Bottom Callouts ====*/ #callouts { clear:both; float:left; background:url(../images/bg_footer.jpg) no-repeat; padding-left:59px; padding-top:20px; margin-top:0px; } .callout { float:left; } .callout h3 { font-size:17px; font-weight:normal; color:#82b939; padding:0; margin:0; } .callout p { font-size:11px; color:#581f00; padding:8px 0; margin:0; } .callout a.action:link, .callout a.action:visited, .callout a.action:hover { font-size:11px; } .callout.product { width:290px; margin-right:55px; padding-top:10px; } .callout.tip { width:296px; margin-right:52px; padding-top:10px; } .callout.tip .scrollerContent { z-index:10; } .callout.newsletter { width:215px; padding-top:10px; } .callout.newsletter h3 { padding:0px 0 0 43px; } .callout.newsletter p { color:#78ae30; } .callout.newsletter input { width:130px; font-size:10px; color:#9c9b9b; border:solid 1px #abd353; text-align:center; margin-right:5px; } .callout.newsletter a.actionlink { float:left; } .pager { width:100%; text-align:right; } .Pager { width:100%; text-align:right; } .PagerPage { width:9px; height:10px; margin:0px 2px; padding:0px; float:right; display:inline;} .PagerPage a {color:#fff; background:url(/images/nav_circle.gif) no-repeat; width:9px; height:10px; display:block; font-size:0px; } .PagerPage a:hover { color:#fff; background:url(/images/nav_circlehov.gif) no-repeat;} /*==== Video Bar ====*/ #videoBar-bar { width : 690px; margin-right: 0px; margin-left: 0px; padding-top : 8px; padding-right : 4px; padding-left : 0px; padding-bottom : 5px; background-color:red; } #videoBar-bar .playerBox_gsvb div.alldone_gsvb { color : #676767; } #videoBar-bar .playerBox_gsvb a.title_gsvb { color : #676767; } #videoBar-bar .playerBox_gsvb div.alldone_gsvb:hover { color : rgb(237, 92, 11); } #videoBar-bar .playerBox_gsvb a.title_gsvb:hover { color : rgb(237, 92, 11); } #videoBar-bar .resultsBox_gsvb div.resultDiv_gsvb { border-color : #676767; } #sidenav ul li.highlight a { color:#7eb536; } #sidenav ul li a.CMSListMenuLinkHighlighted { color:#7eb536;} .EditingFormErrorLabel {color:red; font-size:11px;} .ErrorLabel {color:red; font-size:12px; margin:4px 0 14px 0; display:block; } .news-1 .Subscription .NewsletterSubscription label { font-size:0px; color:#fff;} .news-1 .Subscription .NewsletterSubscription input.SubscriptionButton { background:url(../images/action_arrow.gif) no-repeat center right; font-weight:bold; padding-right:10px; padding-left:0px; color:#ec1534; border:none; font-family:Arial,Verdana,sans-serif; width:68px; margin:0px; text-align:left; font-size:11px; cursor:pointer; } #connect-newsletter .news-1 .Subscription .NewsletterSubscription label { font-size:0px; color:#fff;} #connect-newsletter .news-1 .Subscription .NewsletterSubscription input.SubscriptionButton { background:url(../images/action_arrow.gif) no-repeat center right; font-weight:bold; padding-right:10px; color:#ec1534; border:none; font-family:Arial,Verdana,sans-serif; width:68px; margin:0px; text-align:left; font-size:11px; cursor:pointer; } /*==== Lower Callouts ====*/ #callouts .PagerControl { text-align:right; width:100%;} #callouts .PagerControl span.SelectedPrev { background:url(/images/arrow_left.gif) no-repeat top; font-size:0px; text-decoration:none; width:11px; height:12px; display:block; float:left; color:#fff;} #callouts .PagerControl a.UnselectedPrev { background:url(/images/arrow_left.gif) no-repeat top; font-size:0px; text-decoration:none; width:11px; height:12px; display:block; float:left; color:#fff;} #callouts .PagerControl a.UnselectedPrev:hover { background:url(/images/arrow_left.gif) no-repeat bottom; font-size:0px; text-decoration:none; width:11px; height:12px; display:block; float:left; color:#fff;} #callouts .PagerControl span a.UnselectedNext { background:url(/images/arrow_right.gif) no-repeat top; font-size:0px; text-decoration:none; width:11px; height:12px; display:block; float:left; color:#fff;} #callouts .PagerControl span a.UnselectedNext:hover { background:url(/images/arrow_right.gif) no-repeat bottom; font-size:0px; text-decoration:none; width:11px; height:12px; display:block; float:left; color:#fff;} #callouts .PagerControl span.SelectedNext { background:url(/images/arrow_right.gif) no-repeat top; font-size:0px; text-decoration:none; width:11px; height:12px; display:block; float:left; color:#fff;} #callouts .PagerControl span { font-size:0px; text-decoration:none; height:12px; display:block; float:left; color:#fff;} #callouts .PagerControl span.SelectedPage { margin-top:1px; background:url(/images/nav_circle.gif) no-repeat bottom; font-size:0px; text-decoration:none; width:11px; height:10px; display:block; float:left; color:#fff; margin-left:5px;} #callouts .PagerControl a.UnselectedPage { margin-top:1px; background:url(/images/nav_circle.gif) no-repeat top; font-size:0px; text-decoration:none; width:11px; height:10px; display:block; float:left; color:#fff; margin-left:5px;} #callouts .PagerControl a.UnselectedPage:hover { margin-top:1px; background:url(/images/nav_circle.gif) no-repeat center; font-size:0px; text-decoration:none; width:11px; height:10px; display:block; float:left; color:#fff; margin-left:5px;} #callouts .PagerControl .PagerNumberArea { float:right; text-align:right; width:auto; } /*################################################*/ /* ECOMMERCE */ /*==== Products ====*/ .ProductList { width:810px; /*background:url('/images/proddiv.gif') no-repeat center top;*/ padding:0px 20px 0px 20px;} .ProductPreview { width:417px;} .ProductBox { text-align:center; padding:0 20px 0 20px; } .ProductBox td.left {font-size:16px; color:#999;} .ProdDescriptNew { color:#777; font-size:12px; padding:1px 0 5px 0; text-align:left;} a.cartbtn { background:url('/images/lilcart.gif') no-repeat scroll 0 1px; padding-left:23px;} a.cartbtn:hover { background:url('/images/lilcarthov.gif') no-repeat scroll 0 1px; padding-left:23px;} #product-left { float:left; width:330px; } #product-image { float:left; width:313px; padding-left:15px; } #facts { clear:both; float:left; width:306px; border:1px solid #c8c7c7; padding:7px 12px; background-color:#ffffff; display:inline; position:absolute; z-index:1; } a#close:link, a#close:visited { float:right; text-decoration:underline; } a#close:hover { text-decoration:none; } #facts { display:none; left:0; width:500px; border:1px solid #c8c7c7; padding:10px 10px 0; background-color:#ffffff; position:absolute; z-index:1000; margin-top:40px; margin-bottom:20px; } a#close:link, a#close:visited { float:right; text-decoration:underline; } a#close:hover { text-decoration:none; } #facts h1 { clear:both; font-size:26px; color:#5cb123; padding:0 0 5px 0; margin:0; } #facts h2 { padding:0; margin:0; font-size:14px; font-weight:normal; } #facts table { color:#666; width:100%; margin-bottom:0; clear:both; } #facts th, #facts table .thickborder { border-top:2px solid #d7d7d7; border-bottom:2px solid #d7d7d7; font-weight:bold; } #facts td { border-bottom:1px solid #d7d7d7; } #facts table .noborder { border:none; } #facts table .right { text-align:right; } #facts table .indented { padding-left:35px; } #facts .footnote { padding:0; font-size:10px; } #facts .ingredients { padding:5px 0 0 0; color:#571f09; } #facts .ingredients span { font-size:18px; color:#571f09; } #content .product-circle a.supplement-facts.open { /*position:absolute;*/ top:320px; left:92px; font-size:13px; font-weight:bold; background:transparent url(/images/arrow_open.gif) no-repeat center right; width:125px; } input.EmptyButton, input.UpdateButton { background-color:#f0f0f0;} input.CancelButton { background:url('/images/btncancel.gif') no-repeat; border:none; color:#fb8f49; font-size:16px; text-align:center; width:219px; height:26px; cursor:pointer; margin-top:15px;} a.ForgotPassword { color:#000; } /*==== My Account ====*/ .myAccount { /*margin-left:140px;*/ } .myAccount .TabsHeader { padding-left:15px; } .myAccount .TabsHeader td.TabControl { background:url('/images/bg_accountTab.jpg') no-repeat left top; } .myAccount .TabsHeader td.TabControlSelected { background:url('/images/bg_accountTabSelected.jpg') no-repeat left top; } #content.myAccount .TabsHeader td.TabControlSelected a { color:#622D10; } .myAccount .TabsHeader td.TabControl, .myAccount .TabsHeader td.TabControlSelected { padding:5px; } .myAccount .TabsHeader td.TabControlSelectedLeft, .myAccount .TabsHeader td.TabControlLeft { display:none; } .myAccount .TabsContent { /*background:url('/images/bg_accountTabContent.jpg') no-repeat left top;*/ width:765px; padding:15px; } .myAccount .TabsContent table.Grid { width:100%; border-color:#abd353; border-width:1px; } #sidenav .myaccountcopied { padding-left:17px; width:117px; background:transparent url(../images/bg_sidenav_bottom.gif) no-repeat scroll left bottom; padding-bottom:10px; } #sidenav .myaccountcopied a { color:#622D10; font-size:12px; } #sidenav .myaccountcopied a:hover { color:#7EB536; font-size:12px; } #sidenav .myaccountcopied br { line-height:1px; font-size:1px; margin:5px;} /*--- My Account: Order List ---*/ .myAccount table.orderList { width:100%; } .myAccount table.orderList thead th { border-bottom:solid 1px #abd353; } .myAccount table.orderList tbody tr.alt { /*background-color:#F8F3DD;*/ background-color:#efefef; border-bottom:solid 1px #abd353; border-top:solid 1px #abd353;} .myAccount table.orderList tbody td { height:20px; } .myAccount table.orderList tbody td a.subsc { background:url('/images/subsc.gif') no-repeat center center; display:block; width:24px; height:24px; } .myAccount table.orderList tbody tr.childorder { } .myAccount table.orderList tbody tr.childorder td { font-style:italic; color:#999; } .myAccount table.orderList tbody tr.childorder td.orderid { padding-left:20px; } #content .MyOrders table.orderList { width:100%; border-color:#abd353; border-width:1px; border-collapse:collapse; } #content table.DialogPosition a { font-weight:100; font-size:12px; text-decoration:underline; padding-left:90px;} #content table.DialogPosition input { font-size:10px; color:#9c9b9b; border:solid 1px #abd353; text-align:left; margin-left:6px; margin-right:5px; } #content table.DialogPosition input.LogonTextBox { width:130px;} #content table.DialogPosition td.LogonDialog label { font-size:12px; font-weight:bold; margin-right:12px;} #content table.DialogPosition td.LogonDialog td.CirkuBtn input { background:url('/images/Login.gif') no-repeat; border:none; color:#EC1534; font-size:16px; text-align:center; width:114px; height:26px; cursor:pointer;} #sidenav .TabsHeader { padding:0 10px 13px 17px; margin:0; background:url('../images/bg_sidenav_bottom.gif') no-repeat bottom left; font-size:12px; } #sidenav .TabsHeader td.TabControl { font-size:12px; padding-left:5px; } #sidenav .TabsHeader td.TabControlSelected { font-size:12px; color:#7eb536; padding-left:5px; } #sidenav .TabsHeader td.TabControlSelected a.TabControlLinkSelected { font-size:12px; color:#7eb536;} #sidenav .TabsHeader td.TabControl a.TabControlLink { color:#622D10;} #sidenav .TabsHeader td.TabControl a.TabControlLink:hover { color:#7eb536;} #content .TabsContent input[type="text"] { display:block; width:220px; border:solid 1px #abd353; color:#9c9b9b;} #content .TabsContent input.LongButton.ContentButton { background:url('/images/Login.gif') no-repeat; border:none; color:#ec1534; font-size:15px; text-align:center; width:114px; height:26px; cursor:pointer;} #content input.ContentButton { background:url('/images/Login.gif') no-repeat; border:none; color:#79B40A; font-size:15px; text-align:center; width:114px; height:26px; cursor:pointer;} #content input#plcRoot_Layout_zoneMainRegion_pageplaceholder_pageplaceholder_Layout_zoneContent_LoginForm_btnPasswdRetrieval { background:url('/images/Login2.gif') no-repeat; border:none; color:#79B40A; font-size:15px; text-align:center; width:134px; height:26px; cursor:pointer;} /*==== Shopping Cart ====*/ #content .TabsContent input#Hidden_Postback_Value { display:none;} #content .CntRatingContent input { border:none; display:inline;} #content .CntRatingContent span.ratingStar.filledRatingStar { background:url('/App_Themes/CirkuMain/Images/CMSDesk/Content/Properties/ContentRating/FilledStar.png') no-repeat; display:block; width:20px; height:20px;} #content .CntRatingContent span.ratingStar.emptyRatingStar { background:url('/App_Themes/CirkuMain/Images/CMSDesk/Content/Properties/ContentRating/EmptyStar.png') no-repeat; display:block; width:20px; height:20px;} #header .promobox { height:36px; width:334px; background:url('/images/promo.gif') no-repeat right; color:#fff; font-style:italic; font-size:14px; } #content table.subcan th { padding:3px 0; color:#621; font-weight:normal; width:180px; vertical-align:top;} #content table.subcan td { padding:3px 0; } #content strong.agreeTerms { color:#FB8F49; } #content .cancelled h3 { font-weight:bold; color:#F84; } #content tr.errorAgree td { color:#F00; font-weight:bold; padding:10px 0; } #content table.canorder { border-collapse:collapse; border:1px solid #abd353;} #content table.canorder th { padding:3px; border-right:none; border-left:none; border-width:0px; border-color:#abd353;} #content table.canorder td { padding:3px; border-right:none; border-left:none; border-top:1px solid #abd353;} #content input.CancelButton { background:url('/images/btncancel.gif') no-repeat; border:none; color:#fb8f49; font-size:16px; text-align:center; width:219px; height:26px; cursor:pointer; margin-top:15px;} #content .featured-product { width:397px; margin:10px 0 0 0; padding:0; float:left; } #content .featured-product h2 { text-align:center; font-size:26px; color:#82b939; margin:0; padding:0;} .product-circle { display:block; float:left; height:275px; width:313px; background:transparent url('/images/product-circle.jpg') no-repeat top left; padding-top:50px;} #content .featured-product .product-circle { margin: 5px auto 0 auto; float:none; height:260px; } .product-circle img { display:block; margin:0 auto;} .product-circle a.buy-now { display:block; width:313px; height:26px; background:transparent url('/images/buy-now.jpg') no-repeat top;} #content .product-circle p.title { width:313px; overflow:hidden; font-size:18px; color:#82b939; text-align:center; padding:0; margin:0; } #content .product-circle a.supplement-facts { font-size:13px; font-weight:bold; background:transparent url('/images/arrow.gif') no-repeat center right; width:125px; margin:45px auto 0 auto; display:block;} #content .featured-product .reviews { font-size:12px; font-weight:bold; color:#f78032; text-align:center; margin:10px 0 0 0;} #content p.reviews { width:388px;} #product-info { float:right; width:440px; padding: 0 25px 0 0px;} #product-info h1, #product-info h2 { font-size:26px; color:#82b939;} #product-info h1 { padding:10px 0 26px 0;} #product-info h2 { padding:24px 0 18px 0;} #product-info ul { margin:0; padding:0 0 0 15px; font-size:16px; color:#622d10;} #product-info ul li { padding: 0 0 12px 0;} #product-info label { font-size:15px; color:#82b939; padding:0 8px 0 0;} #product-info p { font-size:14px; color:#622d10; padding: 0 0 17px 0;} #product-info p.productprice { margin:15px 0; padding:0; } p.productprice span.oldprice { text-decoration:line-through; } p.productprice strong.discountedprice { color:#EC1534; } #product-info #quantity { width:44px; padding:0;} #product-info .enter-quantity { float:left; margin:5px 17px 0 0; padding:0;} #content a.add-to-cart { float: left;} #product-info .subscriptdescript ul { font-size:12px; margin-top:8px; margin-bottom:8px;} #product-info p.productprice { margin:15px 0; padding:0; } p.productprice span.oldprice { text-decoration:line-through; } p.productprice strong.discountedprice { color:#EC1534; } #content .CartItemSelectorContainer input { /*float:left;*/ vertical-align:middle; margin-left:5px;} #content.cirkumonials h2 { font-size:16px; font-weight:bold; color:#622d10; margin:0 0 5px 0; padding:0; width:675px; } #content.cirkumonials p { padding:0; margin:0 0 5px 0; width:675px; } #content.cirkumonials p.name { color:#622d10; padding:0; margin:0 0 20px 0; width:675px; } #content .submit-your-cirkumonial { display:block; width:233px; margin:26px auto 18px auto; } #content.cirkumonials p.caption { width:100%; } #content input.EmptyButton, #content input.UpdateButton { background-color:#f0f0f0;} .starrating { width:65px; height:12px; margin:5px 0; background:url('/images/controls/starrating/bg_empty.png') repeat-x left center; } .starrating .selectedstars { height:12px; width:0; background:url('/images/controls/starrating/bg_selected.png') repeat-x left center; } input.hiddenstarrating, input.hiddenpctrating { display:none; } /* ----- PRODUCT REVIEW POPUP ----- */ .reviews { margin:45px 0 0 0; width:660px; } .reviews a:link, #reviews a:visited { text-decoration:underline; } .reviews a:hover, #reviews a:active { text-decoration:none; } .reviews .create-review-text { font-size:12px; font-weight:bold; color:#622d10; float:left; padding:0; margin:13px 10px 0 0; } .reviews .create-review { float:left; margin:8px 0 0 0; } .review-title { width:390px; margin:0 0 0 17px; border:1px solid #a0ca6a; } .review-text { margin:0 0 0 17px; border:1px solid #a0ca6a; width:390px; height:108px; } #content .caption { font-size:11px; color:#787777; padding: 10px 0; } .review-left { float:left; width:412px; margin-right:25px; } .review-right { float:left; width:351px; } .round-green { margin:0 0 17px 0; } .round-green-top, .round-green-bottom { width:351px; height:13px; } .round-green-top { background:transparent url(../images/round-green-top.jpg) no-repeat top left; } .round-green-bottom { background:transparent url(../images/round-green-bottom.jpg) no-repeat top left; } .round-green-body { width:325px; border-left:3px solid #5fb737; border-right:3px solid #5fb737; padding:0 10px; } #content .round-green-body h2 { font-size:20px; font-weight:normal; color:#919191; padding:0; margin:0; } #content .round-green-body ul { margin:0; padding:10px 0 0 15px; font-size:14px; color:#787777; } #content .round-green-body ul li { padding:0 0 5px 0; } /* input#plcRoot_Layout_zoneMainRegion_pageplaceholder_pageplaceholder_Layout_zoneLeft_ShoppingCart_cartElem_wzdStep1_btnContinue { background:transparent url(../images/continue_shopping.jpg) no-repeat top left; border:none; font-size:0px; line-height:0px; width:179px; height:26px; cursor:pointer; } input#plcRoot_Layout_zoneMainRegion_pageplaceholder_pageplaceholder_Layout_zoneLeft_ShoppingCart_cartElem_wzdStep1_btnUpdate { background:transparent url(../images/update.jpg) no-repeat top left; border:none; font-size:0px; line-height:0px; width:106px; height:26px; cursor:pointer; } input#plcRoot_Layout_zoneMainRegion_pageplaceholder_pageplaceholder_Layout_zoneLeft_ShoppingCart_cartElem_wzdStep1_btnEmpty { background:transparent url(../images/empty_cart.jpg) no-repeat top left; border:none; font-size:0px; line-height:0px; width:96px; height:22px; cursor:pointer; } */ #content.cirkumonials h2 { font-size:16px; font-weight:bold; color:#622d10; margin:0 0 5px 0; padding:0; width:675px; } #content.cirkumonials p { padding:0; margin:0 0 5px 0; width:675px; } #content.cirkumonials p.name { color:#622d10; padding:0; margin:0 0 20px 0; width:675px; } #content.cirkumonials p.caption { width:100%; } #content .submit-your-cirkumonial { display:block; width:233px; margin:26px auto 18px auto; } #content .news .cirkumonials h2 { font-size:16px; font-weight:bold; color:#622d10; margin:0 0 5px 0; padding:0; width:275px; } #content .news .cirkumonials p { padding:0; margin:0 0 5px 0; width:275px; } #content .news .cirkumonials p.name { color:#622d10; padding:0; margin:0 0 20px 0; width:275px; } #content .news .submit-your-cirkumonial { display:block; width:233px; margin:26px auto 18px auto; } #content .news .cirkumonials p.caption { width:100%; } .reviews { margin:45px 0 0 0; width:660px; } .reviews a:link, #reviews a:visited { text-decoration:underline; } .reviews a:hover, #reviews a:active { text-decoration:none; } .reviews .create-review-text { font-size:12px; font-weight:bold; color:#622d10; float:left; padding:0; margin:13px 10px 0 0; } .reviews .create-review { float:left; margin:8px 0 0 0; } .review-title { width:390px; margin:0 0 0 17px; border:1px solid #a0ca6a; } .review-text { margin:0 0 0 17px; border:1px solid #a0ca6a; width:390px; height:108px; } #content .caption { font-size:11px; color:#787777; padding: 10px 0; } .review-left { float:left; width:412px; margin-right:25px; } .review-right { float:left; width:351px; } .round-green { margin:0 0 17px 0; } .round-green-top, .round-green-bottom { width:351px; height:13px; } .round-green-top { background:transparent url(../images/round-green-top.jpg) no-repeat top left; } .round-green-bottom { background:transparent url(../images/round-green-bottom.jpg) no-repeat top left; } .round-green-body { width:325px; border-left:3px solid #5fb737; border-right:3px solid #5fb737; padding:0 10px; } #content .round-green-body h2 { font-size:20px; font-weight:normal; color:#919191; padding:0; margin:0; } #content .round-green-body ul { margin:0; padding:10px 0 0 15px; font-size:14px; color:#787777; } #content .round-green-body ul li { padding:0 0 5px 0; } #content .news .cirkumonials h2 { font-size:16px; font-weight:bold; color:#622d10; margin:0 0 5px 0; padding:0; width:275px; } #content .news .cirkumonials p { padding:0; margin:0 0 5px 0; width:275px; } #content .news .cirkumonials p.name { color:#622d10; padding:0; margin:0 0 20px 0; width:275px; } #content .news .submit-your-cirkumonial { display:block; width:233px; margin:26px auto 18px auto; } #content .news .cirkumonials p.caption { width:100%; } /*==== Promotion One-Step Checkout ====*/ .promotionlanding { width:310px; background:url('/images/bg_promotionFormMiddle.gif') repeat-y; } .promotionlanding h2 { font-size:20px; color:#FFF; margin:5px 0; padding:0; text-align:left; } .promotionlanding table { color:#6E2A00; margin-left:10px; } .promotionlanding table th { font-size:12px; padding:0 2px 0 5px; } .promotionlanding table td { padding:1px; } .promotionlanding .continue { text-align:center; padding:10px; } .promotionlanding table.orderform th em { color:#FFF; margin-left:5px; } .promotionlanding table.orderform td input, .promotionlanding table.orderform td select { border:solid 1px #98CB48; color:#555; } .promotionlanding table.orderform td.required { text-align:center; color:#FFF; font-size:11px; } .promotionlanding table.orderpreview { font-size:11px; } .promotionlanding table.orderpreview td { text-align:right; } .promotionlanding table.orderpreview td.spacercell { height:15px; } .promotionlanding table.orderpreview tr.heading th { font-size:11px; } .promotionlanding table.orderpreview tr.total td, .promotionlanding table.orderpreview tr.total th { color:#000; font-size:18px; padding:10px auto; background-color:#FFF; } .promotionlanding table.orderpreview tr.items { background-color:#ffb261; } .promotionlanding table.orderpreview tr.items td { font-size:11px; color:#000; } .promotionlanding .contactpreview { padding:10px; margin:0 10px; background-color:#ffb261; font-size:12px; } /*--- Comprehensive Product Details ---*/ .fullpage { width:956px; padding:10px 20px 20px 20px; background:url('/images/bg_contentfull.gif') no-repeat; font-size:12px; color:#605f5f;} .fullpage h1 { padding:5px 0; margin:0; font-size:26px; font-weight:bold; color:#622d10;} .fullpage h2 { padding:0; margin:0 0 10px; font-size:22px; font-weight:bold; color:#975047; } .fullpage .fp-top {} .fullpage .fp-left { float:left; width:400px; margin-top:20px; } .fullpage .fp-left ul { margin:5px 0; padding:0 0 0 20px; } .fullpage .fp-right { margin-top:30px; float:right; width:506px; position:relative;} .fullpage .fp-right .buyproducts { background:url('/images/bg_producttable.jpg') no-repeat; width:498px; height:259px; padding:2px 4px 5px 4px;} .fullpage .fp-right .buyproducts table { width:100%;} .fullpage .fp-right .buyproducts table thead { border-bottom:1px solid #ccc;} .fullpage .fp-right .buyproducts table thead th { padding:10px; color:#975047; text-align:right; font-size:24px; line-height:24px; border-bottom:1px solid #ddd;} .fullpage .fp-right .buyproducts table thead td { padding:12px 10px; color:#975047; text-align:center; font-size:16px; line-height:16px; border-bottom:1px solid #ddd;} .fullpage .fp-right .buyproducts table tbody tr td { color:#222; padding:12px 5px 15px 10px; border-bottom:1px solid #ccc; font-size:13px; } .fullpage .fp-right .buyproducts table tbody tr td select { width:165px; border:1px solid #ABD353; color:#333; } .fullpage .fp-right .buyproducts table tbody tr td.buy { padding:5px 5px 5px 0; } .fullpage .fp-right .buyproducts table tbody tr td strong { color:#000; font-size:13px; } .fullpage .fp-right .buyproducts table tbody tr td strong.autoship { background:url('/images/arrow_open.gif') no-repeat right center; padding-right:10px; } .fullpage .fp-right .buyproducts table .savings { color:#975047; font-weight:bold; text-decoration:underline; } .fullpage .fp-right .bestofferarrow { position:absolute; margin-top:200px; margin-left:-85px; } .fullpage .fp-right img.guaranteeseal { position:absolute; margin-top:-30px; margin-left:-33px; } .fullpage .fp-right .buyproducts .oldprice { color:#cc0000; text-decoration:line-through; } .fullpage .fp-right .autoshipdetails { display:none; position:absolute; z-index:10; margin-top:-160px; margin-left:5px; width:335px; background-color:#FFF; border:solid 2px #A74B44; padding:10px; } .fullpage .fp-right .autoshipdetails h4 { color:#A74B44; font-size:20px; padding:0 0 5px; margin:0; } .fullpage .fp-right .autoshipdetails ul { padding-left:5px; margin-left:5px; } .fullpage .fp-bottom { clear:both;} a.newsupplement-facts { font-size:18px; float:left; font-weight:bold; padding-right:10px; background:transparent url('/images/arrow.gif') no-repeat center right; margin:15px 0; outline:none; } a.newsupplement-facts.open { background-image:url(/images/arrow_open.gif); }