/* ========================================================================================== RESETS */ .titanBody{background:#696969 url('../images/bgTitanBody.jpg') repeat-x left top;} #inner{background:#fff url('../images/bgInner.jpg') repeat-x left top;} .titanBody,.mainBody,.Freeform,.FormEditor,.FAQ, .titanBody input,.titanBody select,.titanBody textarea, .mainBody input,.mainBody select,.mainBody textarea, .FAQ input,.FAQ select,.FAQ textarea, .FormEditor input,.FormEditor select,.FormEditor textarea, .Freeform input,.Freeform select,.Freeform textarea {color:#000;font-family:Arial,Helvetica,sans-serif;font-size:12px;} #rightZone p, #rightZone h4{font-size:13px;} .titanBody p,.titanBody blockquote, .mainBody p,.mainBody blockquote, .Freeform p,.Freeform blockquote,.Freeform ol,.Freeform ul,.Freeform dl,.Freeform textarea .FAQ p,.FAQ blockquote,.FAQ ol,.FAQ ul,.FAQ dl,.FAQ dl,.FAQ textarea, .FormEditor p,.FormEditor blockquote,.FormEditor ol,.FormEditor ul,.FormEditor dl,.FormEditor textarea {line-height:18px;} .Aggregation img,.Calendar img,.Commenting img,.PhotoBlock img,.SearchResults img,.SiteMap img,.TOCBlock img,.WhatsNew img, .Freeform a img,.FormEditor a img,.FAQ a img {border:0;} .titanBody hr,.mainBody hr, .Freeform hr,.FormEditor hr,.FAQ hr {background-color:#ddd;border:0;color:#ddd;height:1px;} .titanBody fieldset,.mainBody fieldset, .Freeform fieldset,.DisplaySideUpload fieldset,.AggregationFilter fieldset,.Calendar fieldset {background:transparent;}/* don't remove this attributes, can add attributes-change values */ .titanBody a,.mainBody a,.FAQ a,.FormEditor a,.Freeform a {color:#ed1c24;text-decoration:none;} .titanBody a:hover,.mainBody a:hover,.FAQ dd a:hover,.FormEditor a:hover,.Freeform a:hover, .titanBody a:focus,.mainBody a:focus,.FAQ dd a:focus,.FormEditor a:focus,.Freeform a:focus, .titanBody a:active,.mainBody a:active,.FAQ dd a:active,.FormEditor a:active,.Freeform a:active {text-decoration:underline;} /* ========================================================================================== Text Editor Drop Downs */ h1{font:bold 20px "Arial Narrow",Arial,Helvetica,sans-serif;text-transform:uppercase; color:#555;}/* page title */ h1 span { text-transform: none;} h2{} h3{font:18px "Arial Narrow",Arial,Helvetica,sans-serif; text-align: center}/* default block title */ .titanBody h3 a{color:#000;}/* text editors */ .titanBody h3 a:hover{color:#333;text-decoration:none;}/* text editors */ .titanBody .grey h3 a:hover{color:#555;}/* text editors */ #rightZone h3{font:bold 18px "Arial Narrow",Arial,Helvetica,sans-serif;text-transform:uppercase;}/* default block title */ h4{font-size:16px;}/*default block page links */ h5{font-size:14px;} h6{font-size:12px;} .floatLeft_ImgBorder, .floatRight_ImgBorder, .imgBorder{border:1px solid #dedede;} /* ========================================================================================== PAGE LAYOUT */ #mainBody{} #pageTopArea{background:transparent url('../images/bgPageTopArea.jpg') no-repeat left top;} #logoControlContainer{} #logoControlContainer a{} #logoControlContainer a img{} #logoControlContainer .logo { float: right; margin: 15px 0 0 0; } #logoControlContainer .logo ul { } #logoControlContainer .logo li { background: none; } #cartContainer, #cartContainer a{font-size:11px;color:#c51a1a;} #cartContainer .viewCart a{background:transparent url('../images/iconCart.gif') no-repeat left 1px;} #utilityNavContainer{color:#333;font-size:11px;text-align:right;} #utilityNavContainer ul{list-style:none;} #utilityNavContainer ul li{background:url('../images/bgUtilityLi.gif') no-repeat left 2px;} #utilityNavContainer ul li.navFirst{background:0;} #utilityNavContainer ul li.navLast{} #utilityNavContainer ul li span{}/* separator */ #utilityNavContainer ul li a{color:#333;text-decoration:none;} #utilityNavContainer ul li a:hover, #utilityNavContainer ul li a:focus, #utilityNavContainer ul li a:active{text-decoration:underline;} #utilityNavContainer .social { float: right; margin: 15px 0 0 0; } #utilityNavContainer .social ul { } #utilityNavContainer .social li { background: none; } #searchBarContainer{} #searchBarContainer input#searchTerms{border:1px solid #ccc;} #searchBarContainer input#searchGo{background:transparent url('../images/btnSearch.jpg') no-repeat left top;color:#fff;font-size:11px;text-transform:uppercase;} #searchBarContainer input#searchGo:hover, #searchBarContainer input#searchGo:focus, #searchBarContainer input#searchGo:active{color:#ddd;} #topNavContainer{background:transparent url('../images/bgTopNav.jpg') no-repeat center top;font-size:16px;} #topNavContainer ul{list-style:none;} #topNavContainer ul li{} #topNavContainer ul li.navFirst{} #topNavContainer ul li.navLast{} #topNavContainer ul li span{}/* separator */ #topNavContainer ul li a{color:#fff;text-decoration:none;} #topNavContainer ul li a:hover, #topNavContainer ul li a:focus, #topNavContainer ul li a:active, #topNavContainer ul li a.current{background:transparent url('../images/bgTopNavCurrent.jpg') repeat-x left top;} #topContentContainer{} #topContentContainer img{}/* rotator image */ #contentArea{} #contentContainer{}/* breadcrumb, pagetools, centerzone, rightzone */ #toolContainer{font-size:11px;} #breadCrumbContainer{} #breadCrumbContainer ul{list-style:none;} #breadCrumbContainer ul li{} #breadCrumbContainer ul li a{text-decoration:none;} #breadCrumbContainer ul li a:hover, #breadCrumbContainer ul li a:focus, #breadCrumbContainer ul li a:active{color:#ed1c24;text-decoration:underline;} #contentContainer{}/* breadcrumb, pagetools, centerzone, rightzone */ #rightContainer{font-size:11px;} #rightContainer ul{list-style:none;} #rightContainer ul li{} #rightContainer ul li img {padding: 10px;} #rightContainer ul li a{text-decoration:none;} #rightContainer ul li a:hover, #rightContainer ul li a:focus, #rightContainer ul li a:active{color:#ed1c24;text-decoration:underline;} #rightContainer ul.productlist{list-style:square; font:14px "Arial Narrow",Arial,Helvetica,sans-serif;} #rightContainer .productlist li { padding: 2px;} #pageTools{float:right;} #pageTools ul{list-style:none;} #pageTools ul li{} #pageTools ul li.print a{background:url('../images/emailPrint.gif') no-repeat left -33px;} #pageTools ul li.email a{background:url('../images/emailPrint.gif') no-repeat left 3px;} #pageTools ul li a{color:#010000;text-decoration:none;} #pageTools ul li a:hover, #pageTools ul li a:focus, #pageTools ul li a:active{text-decoration:underline;} #centerZone{} #titleBarContainer{} #titleBarContainer h1{color:#555;} .menubar { background:transparent url('../images/bgTopNav.jpg') no-repeat center top;font-size:14px; padding-top: 5px;margin-bottom: 2px; height: 20px; color: #FFF; text-align: center; } /* for the product detail page layout only */ #videoWrapper{} #videoZone{}/* for the video iframe */ #viewerLinks{text-align:center;font-size:11px;} #viewerLinks .larger{background:url('../images/bgAddRemove.gif') no-repeat left 2px;padding-left:14px;margin-right:20px;} #viewerLinks .product{background:url('../images/icon_qtvr_product360.gif') no-repeat left 2px;padding-left:18px;} #productDetailZone{} .productContent{} form { margin-top: 20px;} #stylized label{ display:block; font-weight:bold; text-align:right; width:140px; float:left; } #stylized .small{ color:#666666; display:block; font-size:11px; font-weight:normal; text-align:right; width:140px; } #stylized input{ float:left; font-size:12px; padding:4px 2px; border:solid 1px #cccccc; width:400px; height: 20px; margin:2px 0 20px 10px; border: 1px solid #cccccc; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; -webkit-background-clip: padding-box; border-radius: 0.25em; } #stylized textarea{ float:left; font-size:12px; padding:4px 2px; border:solid 1px #cccccc; width:400px; margin:2px 0 20px 10px; border: 1px solid #cccccc; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; -webkit-background-clip: padding-box; border-radius: 0.25em; } #stylized select{ float:left; font-size:12px; padding:4px 2px; border:solid 1px #cccccc; width:400px; height: 20px; margin:2px 0 20px 10px; border: 1px solid #cccccc; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; -webkit-background-clip: padding-box; border-radius: 0.25em; } #stylized input[type=submit]{ clear:both; margin-left:150px; width:125px; height:31px; text-align:center; line-height:21px; text-transform: uppercase; cursor: pointer; color:#FFFFFF; font-size:11px; font-weight:bold; background: #cccccc; border: 1px solid #cccccc; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; -webkit-background-clip: padding-box; border-radius: 0.25em; } #stylized a.button{ clear:both; margin-left:10px; margin-top: 2px; width:auto; height:24px; display: inline-block; text-align:center; line-height:21px; text-transform: uppercase; cursor: pointer; color:#FFFFFF; font-size:11px; font-weight:bold; background: red; border: 1px solid red; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; -webkit-background-clip: padding-box; border-radius: 0.25em; padding: 5px 5px 0 5px; } /* footer */ #bottomOuter{background:url('../images/bgBottomOuter.jpg') repeat-x left top;} #bottomOuter h4{color:#fff;font-size:16px;font-weight:normal;} #bottomContainer p, #bottomNavContainer, #contactFooter, #contentFooter a, #bottomNavContainer a, #bottomNavContainer ul, #contactFooter a{color:#fff;} #contentFooter a:hover, #bottomNavContainer a:hover, #contactFooter a:hover, #contentFooter a:focus, #bottomNavContainer a:focus, #contactFooter a:focus, #contentFooter a:active, #bottomNavContainer a:active, #contactFooter a:active{text-decoration:underline;} #bottomNavContainer{} #bottomNavContainer ul{} #bottomNavContainer ul li{} #bottomNavContainer ul li a{} #bottomNavContainer ul li a:hover, #bottomNavContainer ul li a:focus, #bottomNavContainer ul li a:active{text-decoration:underline;} #contentFooter li{ list-style: none; float: right; margin-left: 15px; } #poweredBy{} #poweredBy a{} #poweredBy a:hover, #poweredBy a:focus, #poweredBy a:active{} /* ========================================================================================== CONTENT NAV */ /* level 1 content nav */ #contentNavContainer ul{} #contentNavContainer ul li{} #contentNavContainer ul li.navLast{} #contentNavContainer ul li.navFirst a.current{} #contentNavContainer ul li{} #contentNavContainer ul li a{} #contentNavContainer ul li a:hover, #contentNavContainer ul li a:focus, #contentNavContainer ul li a:active{} /* level 2 and beyond content nav - will use level 1 if you don't write anything here */ #contentNavContainer li ul{} #contentNavContainer li ul li{} #contentNavContainer li ul li a{} #contentNavContainer li ul li a:hover, #contentNavContainer li ul li a:focus, #contentNavContainer li ul li a:active, #contentNavContainer li ul li a.current{} #contentNavContainer li.navFirst ul li a.current{} /* level 3 and beyond content nav - will use level 2 if you don't write anything here */ #contentNavContainer li ul li ul{} #contentNavContainer li ul li ul li{} #contentNavContainer li ul li ul li a{} #contentNavContainer li ul li ul li a:hover, #contentNavContainer li ul li ul li a:focus, #contentNavContainer li ul li ul li a:active{} /* ========================================================================================== SPECIAL CLASS NAMES */ /* bulletMenu class that can be added to blocks like TOCBlock and Filter(Agreggation) to have the appearance of navigation */ #mainBody .bulletMenu ul, #mainBody div.Freeform ul.bulletMenu, #mainBody div.FAQ ul.bulletMenu, #mainBody div.FormEditor ul.bulletMenu{list-style:none;} div.bulletMenu div.OneCol h4, div.bulletMenu div.TwoCol h4, div.bulletMenu ul li, ul.bulletMenu li{background:url('../images/bltRedArrow.gif') no-repeat left 6px;font-weight:normal;text-decoration:none;} .IE6 .bulletMenu div.OneCol h4, .IE6 .bulletMenu div.TwoCol h4, .IE7 .bulletMenu div.OneCol h4, .IE7 .bulletMenu div.TwoCol h4{} div.bulletMenu ul li, ul.bulletMenu li{background-position:left 4px;} div.bulletMenu div.OneCol h4 a, div.bulletMenu div.TwoCol h4 a, ul.bulletMenu li a, ul.bulletMenu li a, ul li.bulletMenu a{color:#000;} div.bulletMenu div.OneCol h4 a:hover, div.bulletMenu div.TwoCol h4 a:hover, div.bulletMenu div.OneCol h4 a:focus, div.bulletMenu div.TwoCol h4 a:focus, div.bulletMenu div.OneCol h4 a:active, div.bulletMenu div.TwoCol h4 a:active, .bulletMenu ul li a:hover, .bulletMenu ul li a:focus, .bulletMenu ul li a:active, ul.bulletMenu li a:hover, ul.bulletMenu li a:focus, ul.bulletMenu li a:active{color:#ed1c24;} .grey, #support, .cartSummary{background:#ededed;} /* ========================================================================================== BLOCKS */ /* class automatically added to all blocks depending on what zone they are in div.TopLeftZone{} div.LeftZone{} div.CenterZone{} div.RightZone{}*/ /* general shared tags and classes */ /* === BLOCK HEADINGS === non-text editor blocks with h3 titles */ div.Aggregation h3, /* on alpha list filter it's the heading for the alpha section */ div.TOCBlock h3, div.WhatsNew h3, div.SiteMap h3, div.LogIn h3, div.UserAccount h3, div.Commenting h3, div.SearchResults h3, div.Calendar h3, /* date range above the event listing */ div.PhotoBlock h3, /* block heading, filmstrip heading and large photo heading */ div.EventUpload h3{} div.OneCol div.image a img, div.TwoCol div.image a img, div.tocList div.image a img, div.imageWrapper a img div.OneCol h4, div.TwoCol h4, div.SiteMap h4, div.tocList h4{} /* === BLOCK LINKS === filter (alpha list = tocList), toc, what's new, search results, calendar, site map */ /* h4 - teaser page title when a link */ div.OneCol h4 a, div.TwoCol h4 a, div.SiteMap li a, div.tocList h4 a{text-decoration:none;} div.OneCol h4 a:hover, div.OneCol h4 a:focus, div.OneCol h4 a:active, div.TwoCol h4 a:hover, div.TwoCol h4 a:focus, div.TwoCol h4 a:active, div.SiteMap li a:hover, div.SiteMap li a:focus, div.SiteMap li a:active, div.tocList h4 a:hover, div.tocList h4 a:focus, div.tocList h4 a:active{color:#666;text-decoration:none;} /* read more link */ div.OneCol p.linkText a, div.TwoCol p.linkText a, div.tocList p.linkText a{text-decoration:none;} div.OneCol p.linkText a:hover, div.OneCol p.linkText a:focus, div.OneCol p.linkText a:active, div.TwoCol p.linkText a:hover, div.TwoCol p.linkText a:focus, div.TwoCol p.linkText a:active, div.tocList p.linkText a:hover, div.tocList p.linkText a:focus, div.tocList p.linkText a:active{text-decoration:underline;} /* comments link on filter, toc, what's new, calendar, search results */ div.OneCol p.linkComments a, div.TwoCol p.linkComments a, div.tocList p.linkComments a{text-decoration:none;} div.OneCol p.linkComments a:hover, div.OneCol p.linkComments a:focus, div.OneCol p.linkComments a:active, div.TwoCol p.linkComments a:hover, div.TwoCol p.linkComments a:focus, div.TwoCol p.linkComments a:active, div.tocList p.linkComments a:hover, div.tocList p.linkComments a:focus, div.tocList p.linkComments a:active{text-decoration:underline;} /* === BLOCK PARAGRAPH === filter (alpha list = tocList), toc, what's new, search results, calendar, site map */ /* === BLOCK AVERAGE REVIEW === filter (alpha list = tocList), toc, what's new, search results, calendar*/ /* === BLOCK CLASSIFICATIONS === filter, toc, what's new */ /* === BLOCK HIT COUNT (not base), DATE (not base) & VIEW COMMENT === */ /* === BLOCK ALT ROW === filter (alpha list = tocList), toc, what's new, search results, commenting, calendar */ /* === LABELS === filter (alpha list = tocList), toc, what's new, search results, calendar, comments, display side upload, event upload */ div.OneCol div.classifications span, div.TwoCol div.classifications span, div.tocList div.classifications span, div.CalendarResults .data label, div.DisplaySideUpload label, div.Commenting .label, #recaptcha_area span.recaptcha_only_if_image, div.EventUpload label, div.LogIn label, div.UserAccount div.accountForm div label, div.UserAccount div.hintQuestions div label{font-weight:bold;} div.LogIn div.remember label, div.EventUpload div.accountFilter label, div.DisplaySideUpload div.accountFilter label{font-weight:normal;} /* === PAGINATION === search results, filter, calendar */ ul.paginationFooter{text-align:right;} ul.paginationFooter a, ul.pagination a{list-style:none;text-decoration:none;} /* === MONTHLY CALENDAR TABLE === calendar, event upload */ div.Calendar div.calendarCallOut table td, div.EventUpload div.DatePicker td, div.EventUpload div.DatePicker{background:#eee;} div.Calendar div.calendarCallOut table td, div.EventUpload div.DatePicker td{border:1px solid #e8e8e8;text-align:center;} div.Calendar div.calendarCallOut table .arrow, div.EventUpload div.DatePicker .arrow, div.EventUpload div.DatePicker .caption th + th + th + th{color:#333} div.Calendar div.calendarCallOut table .arrow:hover, div.EventUpload div.DatePicker .caption th + th + th + th:hover, div.EventUpload div.DatePicker .arrow:hover{color:#777} div.Calendar div.calendarCallOut table td.otherMonth, div.EventUpload div.DatePicker td.otherMonth{background:#ccc} div.Calendar div.calendarCallOut table td.selected, div.EventUpload div.DatePicker td.selected{background:#fffefe;font-weight:bold;} div.Calendar div.calendarCallOut div.calendarNav{text-align:center;} div.Calendar div.calendarCallOut div.calendarNav span{color:#444;cursor:pointer;font-weight:bold;} div.Calendar div.calendarCallOut div.calendarNav span.selected, div.Calendar div.calendarCallOut div.calendarNav span:hover{color:#777} div.Calendar div.calendarCallOut table td.hasEvent, div.EventUpload div.DatePicker td.hasEvent{color:#a61033;} /* === FILTERS === filter, calendar, registration */ .AggregationFilter fieldset h4{font-size:12px;} /* end general shared tags and elements */ /* FORM BLOCKS commenting, event upload, file upload, filter, log in, registration */ /* === ERROR MESSAGES === */ div.FormEditor div.ErrorMessage, div.EventUpload div.ErrorMessage, div.commentForm div.ErrorMessage, div.LogIn div.ErrorMessage, div.LogIn div.ErrorText, div.UserAccount div.ErrorMessage{background:#f7f7f7;border:1px solid #ccc;} div.FormEditor div.ErrorMessage, div.FormEditor div.errorMessage, div.EventUpload div.ErrorMessage, div.commentForm div.ErrorMessage, div.LogIn div.ErrorMessage, div.LogIn div.ErrorText, div.UserAccount div.ErrorMessage, div.commentForm div.messageOn, div.EventUpload div.messageOn{color:#8D0D2B;} /* end form block */ /* individual blocks - other than freeform, faq, form editor those are way above this */ /* === ALPHA LIST - filter block === */ div.Aggregation ul.alphaList {list-style:none;} div.Aggregation ul.alphaList li a{font-weight:bold;} div.Aggregation div.alpha a, div.Aggregation div.alpha a:hover, div.Aggregation div.alpha a:focus, div.Aggregation div.alpha a:active{text-decoration:none;} div.Aggregation div.alpha div a:hover, div.Aggregation div.alpha div a:focus, div.Aggregation div.alpha div a:active{text-decoration:underline;} /* === CALENDAR === */ div.Calendar h4{font-size:12px;} #rightZone div.Calendar{background:transparent;border:0;} /* === COMMENTING === */ .Commenting .summary, .comments .OneCol div{border-bottom:1px solid #ddd;} .comments .OneCol div div{border-bottom:0;} /* === EVENT UPLOAD === */ .EventUpload .startDate .icon, .EventUpload .endDate .icon{background:url('../images/thbCalendar.gif') no-repeat left top;} /* === FAQ === */ /* question area */ div.FAQ ul{list-style:none;} div.FAQ ul a{text-decoration:none;} div.FAQ ul a:hover, div.FAQ ul a:focus, div.FAQ ul a:active{text-decoration:none;} /* answer area */ div.FAQ dl ul a{text-decoration:underline;} div.FAQ dl ul a:hover, div.FAQ dl ul a:focus, div.FAQ dl ul a:active{text-decoration:underline;} div.FAQ dt{font-weight:bold;border-top:1px solid #ccc;} div.FAQ div.titan_faq_q dl dt{border:0;}/* wkst only */ div.FAQ dl ul{list-style:disc;} /* === FILE UPLOAD === */ /* === FILTER === */ /* === FORM EDITOR === */ /* === FREEFORM === */ /* === LOG IN === */ /* === PAGE SHARE === */ div.SharePage{background:0;border:0;} /* === PHOTO BLOCK === */ div.PhotoBlock div.filmstrip div h3{color:#555;font-size:11px;font-weight:bold;} div.PhotoBlock div.filmstrip div.leftArrow{background:url('../images/btnPrevNextArrows.gif') no-repeat left top;} div.PhotoBlock div.filmstrip div.rightArrow{background:url('../images/btnPrevNextArrows.gif') no-repeat right top;} div.PhotoBlock div.filmstrip div.leftArrow:hover{background-position:left bottom;} div.PhotoBlock div.filmstrip div.rightArrow:hover{background-position:right bottom;} div.PhotoBlock div.filmstrip div.rightArrow, div.PhotoBlock div.filmstrip div.leftArrow{color:#fff;font-size:0;line-height:50;} div.PhotoBlock div.filmstrip div.thumbnails{border:1px solid #ddd;} /* === REGISTRATION === */ /* === SEARCH RESULTS === */ div.SearchResults h4.header{font-size:12px;} div.SearchResults h4.header i, div.SearchResults h4.header b{color:#555;font-style:normal;} div.SearchResults .didYouMean{border-bottom:1px solid #ddd;} div.SearchResults div.smartSearchResults{background:#f7f7f7;border:1px solid #ccc;} div.SearchResults h3.footer{font:bold 12px Arial,Helvetica,sans-serif;color:#000;} div.SearchResults h3.footer a{color:#ED1C24;font-style:normal;} div.SearchResults h3.footer a:hover, div.SearchResults h3.footer a:focus, div.SearchResults h3.footer a:active{color:#333;} /* === SITE MAP === */ div.SiteMap ul{list-style:none;} div.SiteMap ul li{font-weight:bold;} div.SiteMap li ul li{font-weight:normal;} /* === TOCBLOCK === */ /* === WHAT'S NEW === */ /* ========================================================================================== CUSTOM BLOCKS */ /* === COMMON ITEMS FOR CUSTOM BLOCKS === */ .addCart a, a.addCart, a.compare, a.more, .ShoppingCart .checkout a{color:#fff;background:url('../images/btnRedGradient.jpg') repeat-x left top;} .addCart a:hover, .addCart a:focus, .addCart a:active, a.addCart:hover, a.addCart:focus, a.addCart:active, a.compare:hover, a.compare:focus, a.compare:active, a.more:hover, a.more:focus, a.more:active, .ShoppingCart .checkout a:hover, .ShoppingCart .checkout a:focus, .ShoppingCart .checkout a:active{text-decoration:none;color:#ddd;} /* === COMPARE BLOCK === */ table.compare td{border-left:1px solid #ddd;border-bottom:1px solid #ddd;} table.compare td.specs{border-left:0;} table.compare a img{border:0;} table.compare thead td{border:0;} table.compare thead td.item{border-left:1px solid #ddd;} table.compare h4{font-size:15px;} table.compare h4 a{color:#111;} table.compare h4 a sup{font-size:10px;} table.compare h4 a:hover{color:#444;text-decoration:none;} table.compare p.price {font-size:11px;} table.compare p.price span{border-right:1px solid #aaa;padding-right:5px;margin-right:5px;} table.compare p.price a{color:#ed1c24;} table.compare p.sku{color:#666;} table.compare .header{background:#ddd;font-weight:bold;} table.compare tfoot td{/*text-align:center;*/border-bottom:0;} table.compare .option{background:url('../images/compare_check.gif') no-repeat center center;} table.compare .compatible{background:url('../images/compare_check.gif') no-repeat center center;} /* === COMPARISON BLOCK === */ .Comparison{} #middleZone h3{color:#fff;font-size:16px;font-weight:normal;font-family:Arial,Helvetica,sans-serif;} .Comparison .buttonSubmit input{background:url('../images/btnCompare.gif') no-repeat left top;border:0;color:#f50008;font-size:12px;} .Comparison .buttonSubmit input:hover, .Comparison .buttonSubmit input:focus, .Comparison .buttonSubmit input:active{color:#000;} .Comparison .error{color:#fff;} #middleZone .item a img{border:1px solid #999;} #middleZone .item label{color:#fff;font-size:11px;} /* === PRODUCT DETAIL BLOCK === */ .productDetailWrapper{} .productDetailWrapper .photos .imgTools a{font-size:11px;} .productDetailWrapper .photos .imgTools a.enlarge{background:url('../images/bgImgTools.gif') no-repeat left -34px;} .productDetailWrapper .photos .imgTools a.views{background:url('../images/bgImgTools.gif') no-repeat left top;} .productDetailWrapper .sku, .productDetailWrapper .listPrice{float:left;margin-bottom:10px;font-size:13px;padding-right:10px;} .productDetailWrapper .sku{color:#666;} .productDetailWrapper .listPrice span{color:#ed1c24;} /* === TABLE PRODUCT === */ table.product .sku, table.product .listPrice{font-size:13px;} table.product .listPrice span{color:#ed1c24;} table.product .sku{color:#666;} /* === PRODUCT DETAIL === */ #productDetailZone .sku, #productDetailZone .listPrice{font-size:13px;} #productDetailZone .listPrice span{color:#ed1c24;} #productDetailZone .sku{color:#666;} /* === PRODUCT TABS ===*/ .prodTabs ul{background:url('../images/bgProdTabUL.gif') repeat-x left bottom;} .prodTabs a{background:url('../images/bgProdTabA.jpg') no-repeat left top;color:#3a3837;font-size:11px;line-height:12px;} .prodTabs a span{background:url('../images/bgProdTabA.jpg') no-repeat right top;color:#3a3837;font-size:11px;text-align:center;} .prodTabs a:hover, .prodTabs a:focus, .prodTabs a:active, .prodTabs a:hover span, .prodTabs a:focus span, .prodTabs a:active span{color:#ed1c24;text-decoration:none;} .prodTabs li.current a {background:url('../images/bgProdTabAHover.jpg')no-repeat left top;text-decoration:none;} .prodTabs li.current a span{background:url('../images/bgProdTabAHover.jpg')no-repeat right top;} /* === PRODUCT INFO IN THE TABS - like accessories === */ .productInfo h4{font-size:12px;} .productInfo h4 a{color:#000;} .productInfo .sku{color:#666;} .productInfo .listPrice span{color:#ed1c24;} .productConfigure .configHeader{background:#ddd url('../images/bgProductConfigArrows.gif') no-repeat 7px 6px;font-size:15px;} .productConfigure .configHeader a{color:#000;text-decoration:none;} .open .configHeader{background-position:7px -30px;} .productConfigure h4 a{color:#000;} .productConfigure .listing span{color:#ed1c24;font-size:13px;} .productConfigure .listing .sku{font-weight:bold;} .productConfigure .buttons a{text-align:center;} .moreInfo{background:#fefefe url('../images/bgMoreInfo.jpg') repeat-x left top;border:1px solid #ccc;} .moreInfo .close{background:#ddd url('../images/btnClose.gif') no-repeat left top;} .moreInfo img{border:1px solid #dedede;} .productInfo .sku, .productConfigure .sku{color:#666;} .moreInfo h4, .moreInfo p{line-height:18px;} .moreInfo .listPrice span{color:#ed1c24;} .ProductIndexFilter .compare{font-size:10px;} .ProductIndexFilter h4 a{color:#000;} .ProductIndexFilter .sku{color:#666;font-weight:bold;} .ProductIndexFilter .listPrice span{color:#ed1c24;font-size:13px;} .ProductIndexFilter .header{border-bottom:1px solid #ddd;} .ProductIndexFilter .header a{font-weight:bold;color:#333;} .ProductIndexFilter .paginationFooter{border-top:1px solid #ddd;} .ProductIndexFilter .header a{text-decoration:none;} .ProductIndexFilter .header .asc a, .ProductIndexFilter .header .desc a:hover, .ProductIndexFilter .header a:hover{background:url('../images/bgSortArrows.gif') no-repeat right 6px;} .ProductIndexFilter .header .desc a, .ProductIndexFilter .header .asc a:hover{background:url('../images/bgSortArrows.gif') no-repeat right -39px;} .ProductIndexFilter .header .compare a{background:url('../images/btnGreyGradient.jpg') repeat-x left top;padding:5px 7px;color:#000;font-weight:normal;float:left;margin-top:-5px;} /*.ProductIndexFilter fieldset h3{padding-bottom:5px;font:bold 12px Arial,Helvetica,sans-serif;}*/ #centerZone .ProductIndexFilter fieldset input{background:url('../images/btnGreyGradient.jpg') repeat-x left top;border:0;} #rightTopZone .ProductIndexFilter .AggregationFilter fieldset h4{font-size:12px;} /*.ProductIndexFilter fieldset input:hover{color:#222;}*/ /* === SHOPPING CART === */ .ShoppingCart{} .ShoppingCart table{border-collapse:collapse;} .ShoppingCart .itemCount .count{font-weight:bold;} .ShoppingCart table thead{background:#ddd;} .ShoppingCart table .price{text-align:right;} .ShoppingCart .total{border-top:2px solid #ddd;} .ShoppingCart .total span.label{font-weight:bold;} .ShoppingCart .total span.label, .ShoppingCart .total span.price{color:#444;font-size:15px;} .ShoppingCart .total span.ts{font-size:10px;color:#333;} .ShoppingCart table td{border-bottom:1px solid #eee;} .ShoppingCart table td a.update{background:url('../images/bgAddRemove.gif') no-repeat left 2px;font-size:11px;} .ShoppingCart table td a.remove{background:url('../images/bgAddRemove.gif') no-repeat left -18px;font-size:11px;} /* ========================================================================================== POP UP PAGES */ /* === COMMENTING POP UP === when coming from an TOC or Filter block Read Comments or Write Comments Link */ div.commentFormPop, div.commentsPop{} div.commentFormPop #contentArea, div.commentsPop #contentArea{background:0;} /* ========================================================================================== RESETS */ .titanBody,div,/*img,*/h1,h2,h3,h4,h5,h6 {margin:0;padding:0;} .titanBody p,.titanBody blockquote, .mainBody p,.mainBody blockquote, .Freeform p,.Freeform blockquote,.Freeform ol,.Freeform ul,.Freeform dl, .FAQ p,.FAQ blockquote,.FAQ ol,.FAQ ul,.FAQ dl,.FAQ dl,.FAQ .ToTop, .FormEditor p,.FormEditor blockquote,.FormEditor ol,.FormEditor ul,.FormEditor dl {margin-bottom:12px;margin-top:0;padding-top:0;padding-bottom:0;} .titanBody fieldset,.mainBody fieldset, .Freeform fieldset,.DisplaySideUpload fieldset,.AggregationFilter fieldset,.Calendar fieldset {border:0;margin:0;padding:0;}/* don't remove these attributes, can add attributes/change values */ .Aggregation,.Calendar,.Commenting,.FAQ,.Freeform,.FormEditor,.PhotoBlock,.SearchResults,.SiteMap,.TOCBlock,.WhatsNew,#support,.cartSummary,.ProductIndexFilter {clear:both;margin-bottom:10px;} /* section for backgrounds and borders when child floats - this hits most containers, you may need to adjust according to your design */ #mainBody,/*#pageTopArea,#topNavContainer,#topContentContainer, #leftContentContainer,#contentNavContainer,#leftZone,#contentContainer,#toolContainer, #centerZone,#rightZone,*/#contentArea,#bottomNavContainer,#bottomNavContainer{overflow:hidden;} .IE6 #mainBody,/*.IE6 #pageTopArea,.IE6 #topNavContainer,.IE6 #topContentContainer,*/.IE6 #contentArea, .IE6 #leftContentContainer,.IE6 #contentNavContainer,.IE6 #leftZone,.IE6 #contentContainer,.IE6 #toolContainer, .IE6 #centerZone,.IE6 #rightZone,.IE6 #bottomNavContainer,.IE6 #bottomNavContainer{height:1%;} /* ========================================================================================== Text Editor Drop Downs */ h3{padding-bottom:5px;}/* default block title */ /* base classes for all templates - used on images */ .floatLeft, .floatLeft_ImgBorder{float:left;margin:0 10px 0 0} .floatRight, .floatRight_ImgBorder{float:right;margin:0 0 0 10px;} .floatLeft_ImgBorder, .floatRight_ImgBorder, .imgBorder{padding:0;} /* ========================================================================================== PAGE LAYOUT */ #mainBody{} #pageTopArea, #contentArea, #bottomContainer{margin:0 auto;width:960px;} #loginForm fieldset { padding: 10px 0; } #loginForm label { font-weight: bold; width: 200px; display: block; } #loginForm input[type=submit] { background:transparent url('../images/btnSearch.jpg') no-repeat left top;color:#fff;font-size:11px;text-transform:uppercase; padding: 5px; border: 0px; } #pageTopArea{height:138px;padding-top:13px;} #logoControlContainer{float:left;height:63px;overflow:hidden;padding:13px 0 7px 11px;width:500px;} .Firefox2.Unknown #logoControlContainer, .Firefox3.Unknown #logoControlContainer, .AppleMAC-Safari.Unknown #logoControlContainer, .AppleMAC-Safari.MacPPC #logoControlContainer{height:59px;} #logoControlContainer a{} #logoControlContainer a img{} #cartContainer{float:right;padding-right:13px;padding-bottom:10px;} #cartContainer .viewCart, #cartContainer .checkout{float:left;} #cartContainer .viewCart {padding:0 5px 0 0;} #cartContainer .viewCart a{padding-left:20px;} #cartContainer .viewCart *{float:left;} #cartContainer .viewCart .prodCount{width:22px;text-align:right;padding-right:5px;} #utilityNavContainer{clear:right;float:right;padding-right:14px;padding-bottom:7px;width:400px;} #utilityNavContainer ul{margin:0;padding:0;} #utilityNavContainer ul li{display:inline;padding:0 5px;} #utilityNavContainer ul li span{padding:0 3px;} #utilityNavContainer ul li.navFirst{} #utilityNavContainer ul li.navLast{padding-right:0;} #utilityNavContainer ul li a{} #searchBarContainer{clear:right;float:right;padding-right:14px;width:325px;} #searchBarContainer input#searchTerms{height:18px;padding:1px 3px;width:245px;} #searchBarContainer input#searchGo{border:0;cursor:pointer;height:22px;margin:0;padding-bottom:2px;width:67px;} #searchBarContainer input#searchTerms{float:left} #searchBarContainer input#searchGo{float:right} .IE6 #searchBarContainer input#searchGo, .IE7 #searchBarContainer input#searchGo{margin-top:-15px;} .AppleMAC-Safari #searchBarContainer input#searchGo{margin-top:-14px;padding-top:5px;} .Opera #searchBarContainer input#searchGo{padding-top:3px;} .IE6 #searchBarContainer input#searchGo{padding-bottom:0;} #rightContainer{clear:right;float:right;padding-right:14px;width:300px;} #rightContainer input#searchTerms{height:18px;padding:1px 3px;width:245px;} #rightContainer input#searchGo{border:0;cursor:pointer;height:22px;margin:0;padding-bottom:2px;width:30px;} #rightContainer input#searchTerms{float:left} #rightContainer input#searchGo{float:right} .IE6 #rightContainer input#searchGo, .IE7 #rightContainer input#searchGo{margin-top:-15px;} .AppleMAC-Safari #rightContainer input#searchGo{margin-top:-14px;padding-top:5px;} .Opera #rightContainer input#searchGo{padding-top:3px;} .IE6 #rightContainer input#searchGo{padding-bottom:0;} #topNavContainer{clear:both;height:55px;overflow:hidden;} #topNavContainer ul{margin:0;padding:0;} #topNavContainer ul li{float:left;} #topNavContainer ul li a{float:left;padding:15px 15px 15px 15px;} #contentArea{clear:both;padding:11px 0 15px 0;} #toolContainer{overflow:hidden;} #breadCrumbContainer{float:left;width:700px;height:28px;overflow:hidden;} #breadCrumbContainer ul{margin:0;padding:0;} #breadCrumbContainer ul li{float:left;} #breadCrumbContainer ul li a{} #breadCrumbContainer ul li span{padding:0 3px;} #pageTools{float:right;margin-top:1px;} #pageTools ul{margin:0;padding:0;} #pageTools ul li{float:right;padding:2px 0 3px 0;} #pageTools ul li a{padding:2px 0 3px 20px;} #pageTools ul li.print a{margin-right:23px;} #contentContainer{clear:both;overflow:hidden;padding:20px 0;} .IE7 #contentContainer{padding-top:17px;} #centerZone{float:left;width:670px;} #titleBarContainer{} #titleBarContainer h1{padding-bottom:20px;} /* for the product detail page layout only */ #videoWrapper{float:left;margin:0 20px 35px 0;width:320px;} #videoZone{}/* for the video iframe */ #viewerLinks{} #productDetailZone{float:left;margin:0 0 35px 0;width:327px;} .productContent{clear:both;} #rightContainer{float:right;width:260px;} #rightContainer input#searchTerms{border:1px solid #ccc;} #rightContainer input#searchGo{background:transparent url('../images/btnSearch.jpg') no-repeat left top;color:#fff;font-size:11px;text-transform:uppercase;} #rightContainer input#searchGo:hover, #rightContainer input#searchGo:focus, #rightContainer input#searchGo:active{color:#ddd;} /* footer */ #bottomOuter{clear:both;} .IE6 #bottomOuter{height:1%;} #bottomContainer{padding:26px 0px 26px 20px;overflow:hidden;} #contentFooter, #bottomNavContainer, #contactFooter{float:right;} #contentFooter, #bottomNavContainer{margin-right:20px;width:960px;} #bottomOuter h4{padding-bottom:7px;} #bottomOuter p{margin-bottom:0;} #bottomNavContainer{} #bottomNavContainer table td{padding-right:25px;vertical-align:top;} #bottomNavContainer ul{margin:2px 0 0 14px;padding-left:0;} .IE7 #bottomNavContainer ul, .IE6 #bottomNavContainer ul{margin:2px 0 0 17px;} #bottomNavContainer li{} #bottomNavContainer li a{} #poweredBy{} #poweredBy a{} /* ========================================================================================== CONTENT NAV - not being used on this site */ /* for base contentNavContainer is in the leftContentContainer */ #contentNavContainer{padding-bottom:20px;} #contentNavContainer ul{margin:0;padding:0;} /* level 1 content nav */ #contentNavContainer ul li{} #contentNavContainer ul li.navFirst{} #contentNavContainer ul li.navLast{padding-bottom:0;} #contentNavContainer ul li a{display:block;padding:4px;} /* level 2 and beyond content nav - will use level 1 if you don't write anything here */ #contentNavContainer li ul{} #contentNavContainer li ul li{} #contentNavContainer li ul li.navFirst{} #contentNavContainer li ul li.navLast{} #contentNavContainer li ul li a{} /* level 3 and beyond content nav - will use level 2 if you don't write anything here */ #contentNavContainer li ul li ul{} #contentNavContainer li ul li ul li{} #contentNavContainer li ul li ul li.navFirst{} #contentNavContainer li ul li ul li.navLast{} #contentNavContainer li ul li ul li a{padding-left:15px;} /* ========================================================================================== SPECIAL CLASS NAMES */ /*readmore - adds image bullet to right of link */ .readMore{display:inline;padding-right:15px;} /* bulletMenu class that can be added to blocks like TOCBlock and Filter(Agreggation) to have the appearance of navigation */ #mainBody div.bulletMenu ul, #mainBody div.Freeform ul.bulletMenu, #mainBody div.FAQ ul.bulletMenu, #mainBody div.FormEditor ul.bulletMenu, .IE #mainBody div.bulletMenu ul, .IE #mainBody div.Freeform ul.bulletMenu, .IE #mainBody div.FAQ ul.bulletMenu, .IE #mainBody div.FormEditor ul.bulletMenu{margin-left:0;} ul.bulletMenu li, div.bulletMenu ul li, div.bulletMenu div.OneCol div, div.bulletMenu div.TwoCol div, div.bulletMenu div.OneCol div h4, div.bulletMenu div.TwoCol div h4{margin-bottom:2px;padding-bottom:0;overflow:hidden;} .IE6 ul.bulletMenu li, .IE6 div.bulletMenu ul li, .IE6 div.bulletMenu div.OneCol div, .IE6 div.bulletMenu div.TwoCol div, .IE6 div.bulletMenu div.OneCol div h4, .IE6 div.bulletMenu div.TwoCol div h4{height:1%;} ul.bulletMenu li, div.bulletMenu ul li, div.bulletMenu div.OneCol div h4, div.bulletMenu div.TwoCol div h4{padding-left:15px;} ul.bulletMenu li, div.bulletMenu ul li, div.bulletMenu p, div.bulletMenu div.OneCol span.hitCount, div.bulletMenu div.TwoCol span.hitCount, div.bulletMenu div.OneCol span.date, div.bulletMenu div.TwoCol span.date, div.bulletMenu div.OneCol div.image span.hitCount, div.bulletMenu div.TwoCol div.image span.hitCount, div.bulletMenu div.OneCol div.image span.date, div.bulletMenu div.TwoCol div.image span.date, div.bulletMenu div.OneCol div.classifications, div.bulletMenu div.TwoCol div.classifications{padding-left:15px;}/* changes based on width of bullet image */ div.bulletMenu div.OneCol div p, div.bulletMenu div.TwoCol div p{margin-bottom:18px;} div.bulletMenu div.OneCol div p.averageRating, div.bulletMenu div.TwoCol div p.averageRating{margin-bottom:0;} div.bulletMenu div.OneCol div p.linkText, div.bulletMenu div.TwoCol div p.linkText, div.bulletMenu div.OneCol div.classifications, div.bulletMenu div.TwoCol div.classifications{margin-top:-18px;} div.bulletMenu div.OneCol div p.linkComments, div.bulletMenu div.TwoCol div p.linkComments{margin-top:-13px;} div.bulletMenu div.image a.teaserImage{display:none;}/* don't need bullet and teaser image displaying */ #centerZone div.bulletMenu div.OneCol div.image p, #centerZone div.bulletMenu div.TwoCol div.image p, #centerZone div.bulletMenu div.OneCol div.image h4, #centerZone div.bulletMenu div.TwoCol div.image h4, #centerZone div.bulletMenu div.OneCol div.image span.hitCount, #centerZone div.bulletMenu div.TwoCol div.image span.hitCount, #centerZone div.bulletMenu div.OneCol div.image span.date, #centerZone div.bulletMenu div.TwoCol div.image span.date, #centerZone div.bulletMenu div.OneCol div.image div.classifications, #centerZone div.bulletMenu div.TwoCol div.image div.classifications{margin-left:0;}/* to undo the CenterZone margin below */ .grey, #support, .cartSummary{padding:17px 15px;} #rightTopZone .Freeform, #rightBottomZone .Freeform, #support, #rightTopZone .ProductIndexFilter{padding-bottom:7px;} #support p{margin-bottom:0;} /* ========================================================================================== BLOCKS */ /* class automatically added to all blocks depending on what zone they are in */ div.TopLeftZone{} div.LeftZone{} div.CenterZone{} div.RightZone{} /* general shared tags and classes */ /* === DISPLAY NONE === filter, calendar */ div.loading, div.classifications{clear:both;display:none;} /* === LISTS === faq, freeform, form editor, site map, - use #mainBody so margin and padding don't show in wkst */ #mainBody div.Freeform ul, #mainBody div.FAQ dl ul, #mainBody div.FormEditor ul, #mainBody div.SiteMap ul{margin-left:14px;padding-left:0;} .IE #mainBody div.Freeform ul, .IE #mainBody div.FAQ dl ul, .IE #mainBody div.FormEditor ul{margin-left:17px;padding-left:0;} #mainBody div.Freeform ol, #mainBody div.FAQ dl ol, #mainBody div.FormEditor ol{margin-left:20px;padding-left:0;} .IE #mainBody div.Freeform ol, .IE #mainBody div.FAQ dl ol, .IE #mainBody div.FormEditor ol{margin-left:25px;padding-left:0;} /* === ONECOL & TWOCOL CONTAINERS === */ div.OneCol div, div.TwoCol, div.tocList div, div.tocList{clear:both;} div.OneCol div, div.TwoCol div, div.tocList div{margin-bottom:20px;overflow:hidden;} .IE6 div.OneCol div, .IE6 div.TwoCol div, .IE6 div.tocList, .IE6 div.tocList div{height:1%;position:relative;} div.LeftZone div.TwoCol, div.RightZone div.TwoCol{clear:both;} div.TwoCol{clear:both;} div.TwoCol div{float:left;width:46%;} .IE6 div.TwoCol div{margin-right:15px;} div.TwoCol div + div{float:right;}/* not supported by ie6 */ div.LeftZone div.TwoCol div, div.RightZone div.TwoCol div{float:none;width:100%} /* === BLOCK HEADINGS === non-text editor blocks with h3 titles */ div.Aggregation h3, /* on alpha list filter it's the heading for the alpha section */ div.TOCBlock h3, div.WhatsNew h3, div.SiteMap h3, div.LogIn h3, div.UserAccount h3, div.Commenting h3, div.SearchResults h3, div.Calendar h3, /* date range above the event listing */ div.PhotoBlock h3, /* block heading, filmstrip heading and large photo heading */ div.EventUpload h3, div.DisplaySideUpload h3, div.Freeform h3, div.FAQ h3, div.FormEditor h3 {padding-bottom:10px;} div.OneCol div.image a img, div.TwoCol div.image a img, div.tocList div.image a img /*div.PhotoBlock div.thumbnails img*/{} /* center zone only - filter (alpha list = tocList), toc, what's new, search results, calendar, photo block */ #centerZone div.image a img, /*div.PhotoBlock*/#centerZone div.thumbnails img{float:left;}/* only want to float teaser image for wider zones like center)*/ div.CenterZone div.OneCol div.image a img, div.CenterZone div.TwoCol div.image a img, div.CenterZone div.tocList div.image a img /*div.PhotoBlock.CenterZone div.thumbnails img*/{margin-bottom:8px;}/* gives a little extra space below image so wrapped text isn't do close */ /* margin to push the teaser content over from the teaser image filter, toc, what's new, width of teaser image - width + gutter = margin*/ #centerZone div.OneCol div.image p, #centerZone div.TwoCol div.image p, #centerZone div.tocList div.image p, #centerZone div.OneCol div.image h4, #centerZone div.TwoCol div.image h4, #centerZone div.tocList div.image h4, #centerZone div.OneCol div.image span.hitCount, #centerZone div.TwoCol div.image span.hitCount, #centerZone div.tocList div.image span.hitCount, #centerZone div.OneCol div.image span.date, #centerZone div.TwoCol div.image span.date, #centerZone div.tocList div.image span.date, #centerZone div.OneCol div.image div.classifications, #centerZone div.tocList div.image div.classifications, #centerZone div.TwoCol div.image div.classifications, /* following added for calendar block */ #centerZone div.Calendar div.OneCol div.image h1, #centerZone div.Calendar div.OneCol div.image h2, #centerZone div.Calendar div.OneCol div.image h3, #centerZone div.Calendar div.OneCol div.image h5, #centerZone div.Calendar div.OneCol div.image h6, #centerZone div.Calendar div.OneCol div.image ul, #centerZone div.Calendar div.OneCol div.image ol, #centerZone div.Calendar div.OneCol div.image blockquote{margin-left:150px;} div.OneCol h4, div.TwoCol h4, div.SiteMap h4, div.tocList h4{} /* === BLOCK LINKS === filter (alpha list = tocList), toc, what's new, search results, calendar, site map */ /* h4 - teaser page title when a link */ div.OneCol h4 a, div.TwoCol h4 a, div.SiteMap h4 a, div.tocList h4 a{} /* read more link */ div.OneCol p.linkText a, div.TwoCol p.linkText a, div.tocList p.linkText a{} /* comments link on filter, toc, what's new, calendar, search results */ div.OneCol p.linkComments a, div.TwoCol p.linkComments a, div.tocList p.linkComments a{} /* === BLOCK PARAGRAPH === filter (alpha list = tocList), toc, what's new, search results, calendar, site map */ div.OneCol p, div.TwoCol p, div.tocList p{margin:0;padding-bottom:1px;} /* === BLOCK AVERAGE REVIEW === filter (alpha list = tocList), toc, what's new, search results, calendar*/ div.OneCol p.averageRating, div.TwoCol p.averageRating, div.tocList p.averageRating{margin-bottom:0;padding-bottom:0;} div.OneCol p.averageRating span.label, div.TwoCol p.averageRating span.label, div.tocList p.averageRating span.label{padding-right:5px;} #rightZone div.OneCol p.averageRating span.label, #rightZone div.TwoCol p.averageRating span.label, #leftZone div.OneCol p.averageRating span.label, #leftZone div.TwoCol p.averageRating span.label, #rightZone div.tocList p.averageRating span.label, #leftZone div.tocList p.averageRating span.label, #rightZone div.OneCol p.averageRating span.value, #rightZone div.TwoCol p.averageRating span.value, #leftZone div.OneCol p.averageRating span.value, #leftZone div.TwoCol p.averageRating span.value, #rightZone div.tocList p.averageRating span.value, #leftZone div.tocList p.averageRating span.value, #centerZone div.TwoCol p.averageRating span.value, #centerZone div.TwoCol p.averageRating span.label{display:block;float:none;} div.OneCol p.averageRating a, div.TwoCol p.averageRating a, div.tocList p.averageRating a{display:none;} /* === BLOCK CLASSIFICATIONS === filter, toc, what's new */ div.OneCol div.classifications, div.TwoCol div.classifications, div.tocList div.classifications, div.OneCol div.classifications div, div.TwoCol div.classifications div, div.tocList div.classifications div{margin-bottom:0;padding-bottom:0;} div.TwoCol div.classifications, div.TwoCol div.classifications div{float:none;width:100%;} div.OneCol div.classifications span, div.TwoCol div.classifications span, div.tocList div.classifications span{display:block;} div.OneCol div.classifications ul, div.TwoCol div.classifications ul, div.tocList div.classifications ul{margin:0;padding:0;} /* === BLOCK HIT COUNT (not base), DATE (not base) & VIEW COMMENT === */ div.OneCol span.hitCount, div.TwoCol span.hitCount, div.tocList span.hitCount, div.VideoLineup span.hitCount, div.OneCol span.date, div.TwoCol span.date, div.tocList span.date, div.VideoLineup span.date, #rightZone span.viewComment, #leftZone span.viewComment, div.TwoCol span.viewComment, div.TwoCol span.writeComment{display:block;} /* === BLOCK ALT ROW === filter (alpha list = tocList), toc, what's new, search results, commenting, calendar */ div.OneCol div.altRow, div.TwoCol div.altRow, div.tocList div.altRow{} /* === LABELS === filter (alpha list = tocList), toc, what's new, search results, calendar, comments, display side upload, event upload */ div.OneCol div.classifications span, div.TwoCol div.classifications span, div.tocList div.classifications span, div.CalendarResults .data label, div.DisplaySideUpload label, div.Commenting .label, div.EventUpload label, div.LogIn label, div.UserAccount label{} /* === PAGINATION === search results, filter, calendar */ /* search results has - ul.paginationFooter.footerTop, ul.paginationFooter.footerBottom */ /* filter has - ul.paginationFooter */ /* calendar has - ul.pagination for date range selection - which is also the back to calendar link */ ul.paginationFooter, ul.pagination{clear:both;margin:10px 0;padding:0;} ul.paginationFooter, ul.pagination span{padding:0 4px;} ul.pagination{margin:0 0 10px 0;padding:0 0 4px 0;} ul.paginationFooter li, ul.pagination li{display:inline;} ul.paginationFooter li.nextButton{margin-left:2px;} div.Calendar div.CalendarResults ul.pagination{margin-top:4px;text-align:left;} /* centerzone only */ /*div.Calendar*/div.CenterZone div.CalendarResults ul.pagination span{display:inline;margin-left:0;} /* === MONTHLY CALENDAR TABLE === calendar, event upload */ div.Calendar div.calendarCallOut{margin-left:1px;}/* firefox weirdness */ div.Calendar div.calendarCallOut table, div.EventUpload div.DatePicker table{border-collapse:collapse;} div.Calendar div.calendarCallOut table th, div.EventUpload div.DatePicker table th{padding:3px 0;} div.Calendar div.calendarCallOut table th.arrow{padding-bottom:3px;} div.Calendar div.calendarCallOut table td, div.EventUpload div.DatePicker td{height:20px;width:23px;} div.Calendar div.calendarCallOut table td, div.EventUpload div.DatePicker td{cursor:pointer;} div.Calendar div.calendarCallOut table .arrow, div.EventUpload .DatePicker .arrow, div.EventUpload .DatePicker .caption th + th + th + th{cursor:pointer;} div.Calendar div.calendarCallOut table .otherMonth, div.EventUpload .DatePicker .otherMonth{cursor:text;} /* === FILTERS === filter, calendar, registration, event upload, file upload */ div.Aggregation div.AggregationFilter, div.Calendar div.CalendarFilter, div.UserAccount div.accountFilter, div.EventUpload div.accountFilter, div.DisplaySideUpload div.accountFilter, div.ProductIndexFilter div.AggregationFilter{overflow:hidden;} .IE6 div.Aggregation div.AggregationFilter, .IE6 div.Calendar div.CalendarFilter, .IE6 div.UserAccount div.accountFilter, .IE6 div.EventUpload div.accountFilter, .IE6 div.DisplaySideUpload div.accountFilter, .IE6 div.ProductIndexFilter div.AggregationFilter{height:1%;} div.Aggregation div.AggregationFilter, div.Calendar div.CalendarFilter, div.UserAccount div.accountFilter, div.ProductIndexFilter div.AggregationFilter{padding-bottom:20px;} div.EventUpload div.accountFilter, div.DisplaySideUpload div.accountFilter{padding-top:20px;} div.Aggregation div.AggregationFilter fieldset, div.Calendar div.CalendarFilter fieldset, div.UserAccount div.accountFilter fieldset, div.ProductIndexFilter div.AggregationFilter fieldset{margin-bottom:10px;} div.Aggregation div.AggregationFilter fieldset, div.Calendar div.CalendarFilter fieldset, div.UserAccount div.accountFilter fieldset, div.EventUpload div.accountFilter fieldset, div.DisplaySideUpload div.accountFilter fieldset, div.ProductIndexFilter div.AggregationFilter fieldset{background:transparent;padding-right:20px;} #centerZone div.AggregationFilter fieldset, #centerZone div.CalendarFilter fieldset, #centerZone div.accountFilter fieldset{clear:none;float:left;width:190px;} #centerZone div.AggregationFilter .clear, #centerZone div.CalendarFilter .clear, #centerZone div.accountFilter .clear{display:none;} div.Aggregation div.AggregationFilter fieldset h4, div.Calendar div.CalendarFilter fieldset h4, div.UserAccount div.accountFilter fieldset h4, div.EventUpload div.accountFilter fieldset h4, div.DisplaySideUpload div.accountFilter fieldset h4, div.ProductIndexFilter div.AggregationFilter fieldset h4{margin-bottom:5px;} div.Aggregation div.AggregationFilter fieldset span, div.Calendar div.CalendarFilter fieldset span, div.UserAccount div.accountFilter fieldset span, div.EventUpload div.accountFilter fieldset span, div.DisplaySideUpload div.accountFilter fieldset span, div.ProductIndexFilter div.AggregationFilter fieldset span{clear:both;float:left;margin-top:8px;} #mainBody div.Aggregation div.AggregationFilter fieldset span, #mainBody div.Calendar div.CalendarFilter fieldset span, #mainBody div.UserAccount div.accountFilter fieldset span, #mainBody div.EventUpload div.accountFilter fieldset span, #mainBody div.DisplaySideUpload div.accountFilter fieldset span, #mainBody div.ProductIndexFilter div.AggregationFilter fieldset span{height:100%;width:100%;}/*don't let show in wkst */ /*div.Aggregation*/.CenterZone div.AggregationFilter fieldset.keyword span, /*div.Calendar*/.CenterZone div.CalendarFilter fieldset.keyword span{margin-top:0;} div.Aggregation div.AggregationFilter fieldset span input, div.Calendar div.CalendarFilter fieldset span input, div.UserAccount div.accountFilter fieldset span input, div.EventUpload div.accountFilter fieldset span input, div.DisplaySideUpload div.accountFilter fieldset span input, div.ProductIndexFilter div.AggregationFilter fieldset span input{float:left;margin-top:0px;} .IE6 div.Aggregation div.AggregationFilter fieldset span input, .IE6 div.Calendar div.CalendarFilter fieldset span input, .IE6 div.UserAccount div.accountFilter fieldset span input, .IE6 div.EventUpload div.accountFilter fieldset span input, .IE6 div.DisplaySideUpload div.accountFilter fieldset span input, .IE7 div.Aggregation div.AggregationFilter fieldset span input, .IE7 div.Calendar div.CalendarFilter fieldset span input, .IE7 div.UserAccount div.accountFilter fieldset span input, .IE7 div.EventUpload div.accountFilter fieldset span input, .IE7 div.DisplaySideUpload div.accountFilter fieldset span input, .IE6 div.ProductIndexFilter div.AggregationFilter fieldset span input, .IE7 div.ProductIndexFilter div.AggregationFilter fieldset span input{margin-top:-4px;} .IE6 div.Aggregation div.AggregationFilter fieldset.keyword span input, .IE6 div.Calendar div.CalendarFilter fieldset.keyword span input, .IE7 div.Aggregation div.AggregationFilter fieldset.keyword span input, .IE7 div.Calendar div.CalendarFilter fieldset.keyword span input, .IE6 div.ProductIndexFilter div.AggregationFilter fieldset.keyword span input, .IE7 div.ProductIndexFilter div.AggregationFilter fieldset.keyword span input{margin-top:0;} div.Aggregation div.AggregationFilter fieldset span label, div.Calendar div.CalendarFilter fieldset span label, div.UserAccount div.accountFilter fieldset span label, div.EventUpload div.accountFilter fieldset span label, div.DisplaySideUpload div.accountFilter fieldset span label, div.ProductIndexFilter div.AggregationFilter fieldset span label{display:inline;} div.Aggregation div.AggregationFilter .clear, div.Calendar div.CalendarFilter .clear{clear:both;} /*div.Aggregation*/.CenterZone div.AggregationFilter .clear, /*div.Calendar*/.CenterZone div.CalendarFilter .clear, /*div.UserAccount*/.CenterZone div.accountFilter .clear{display:none;} /*div.Aggregation div.AggregationResults,*/ div.Aggregation div.AggregationFilter input.btnSubmit, div.UserAccount div.buttonsSubmit, div.EventUpload div.buttonsSubmit, div.DisplaySideUpload div.upload, div.ProductIndexFilter div.AggregationFilter input.btnSubmit{clear:both;} div.UserAccount div.buttonsSubmit, div.EventUpload div.buttonsSubmit, div.DisplaySideUpload div.upload{margin-top:10px;} div.Aggregation div.AggregationFilter input.btnSubmit, div.ProductIndexFilter div.AggregationFilter input.btnSubmit, div.Aggregation div.AggregationFilter input.btnReset{float:left;} /* end general shared tags and elements */ /* FORM BLOCKS commenting, event upload, file upload, filter, log in, registration */ /* === INPUT FIELDS CONTAINERS === display side upload, commenting, event upload */ div.Commenting div.commentForm div.name, div.Commenting div.commentForm div.email, div.Commenting div.commentForm div.rating, div.Commenting div.commentForm div.title, div.Commenting div.commentForm div.comment, div.Commenting div.commentForm div.recaptcha, div.Commenting div.commentForm div.thankYouFor, div.EventUpload div.eventName, div.EventUpload div.description, div.EventUpload div.sponsor, div.EventUpload div.location, div.EventUpload div.startDate, div.EventUpload div.startTime, div.EventUpload div.endDate, div.EventUpload div.endTime, div.EventUpload div.contactName, div.EventUpload div.contactEmail, div.EventUpload div.attachment, div.EventUpload div.notes, div.DisplaySideUpload div.uploadFields div label, div.LogIn div.username, div.LogIn div.password, div.LogIn div.email, div.UserAccount div.accountForm div, div.UserAccount div.hintQuestions div{padding-top:10px;} div.Commenting div.commentForm div.thankYouForm, div.Commenting div.commentForm div.recaptcha, div.EventUpload div.thankYouForm, div.EventUpload p{clear:both;} /* for rating */ div.Commenting div.commentForm table{border-collapse:collapse;margin:0;padding:0;} div.Commenting div.commentForm table tr{margin:0;padding:0;} div.Commenting div.commentForm table td{margin:0;padding:0;text-align:center;} /* === INPUT FIELDS LABELS === display side upload, commenting, event upload */ div.Commenting div.commentForm span.label, div.EventUpload label, div.DisplaySideUpload div.uploadFields div label, div.LogIn div.username label, div.LogIn div.password label, div.LogIn div.email label, div.UserAccount div.accountForm div label, div.UserAccount div.hintQuestions div label{display:block;padding-bottom:3px;} div.Commenting div.commentForm div.comment span.label{float:left;padding-right:4px;} /* === INPUT FIELDS === */ div.Commenting div.commentForm div.comment textarea{clear:both;float:left;} /* size the inputs - all of this is because of the file input type which can't be resized */ div.EventUpload div.eventName input, div.EventUpload div.description input, div.EventUpload div.sponsor input, div.EventUpload div.location input, div.EventUpload div.startDate input, div.EventUpload div.startTime input, div.EventUpload div.endDate input, div.EventUpload div.endTime input, div.EventUpload div.contactName input, div.EventUpload div.contactEmail input, div.DisplaySideUpload div.title input, div.EventUpload textarea, div.DisplaySideUpload textarea{width:184px;} #recaptcha_response_field{width:200px;} div.UserAccount div.accountForm input{width:200px;} div.UserAccount div.accountForm div.TOUAgree input{width:16px;} div.UserAccount div.accountForm select{width:205px;} div.UserAccount div.hintForm input{width:300px;} .IE div.EventUpload div.eventName input, .IE div.EventUpload div.description input, .IE div.EventUpload div.sponsor input, .IE div.EventUpload div.location input, .IE div.EventUpload div.startDate input, .IE div.EventUpload div.startTime input, .IE div.EventUpload div.endDate input, .IE div.EventUpload div.endTime input, .IE div.EventUpload div.contactName input, .IE div.EventUpload div.contactEmail input, .IE div.DisplaySideUpload div.title input, .IE div.EventUpload textarea, .IE div.DisplaySideUpload textarea{width:200px;} .Firefox.MacPPC div.EventUpload div.eventName input, .Firefox.MacPPC div.EventUpload div.description input, .Firefox.MacPPC div.EventUpload div.sponsor input, .Firefox.MacPPC div.EventUpload div.location input, .Firefox.MacPPC div.EventUpload div.startDate input, .Firefox.MacPPC div.EventUpload div.startTime input, .Firefox.MacPPC div.EventUpload div.endDate input, .Firefox.MacPPC div.EventUpload div.endTime input, .Firefox.MacPPC div.EventUpload div.contactName input, .Firefox.MacPPC div.EventUpload div.contactEmail input, .Firefox.Unknown div.EventUpload div.eventName input, .Firefox.Unknown div.EventUpload div.description input, .Firefox.Unknown div.EventUpload div.sponsor input, .Firefox.Unknown div.EventUpload div.location input, .Firefox.Unknown div.EventUpload div.startDate input, .Firefox.Unknown div.EventUpload div.startTime input, .Firefox.Unknown div.EventUpload div.endDate input, .Firefox.Unknown div.EventUpload div.endTime input, .Firefox.Unknown div.EventUpload div.contactName input, .Firefox.Unknown div.EventUpload div.contactEmail input, .Firefox.MacPPC div.DisplaySideUpload div.title input, .Firefox.Unknown div.DisplaySideUpload div.title input{width:215px;} .AppleMAC-Safari div.EventUpload div.eventName input, .AppleMAC-Safari div.EventUpload div.description input, .AppleMAC-Safari div.EventUpload div.sponsor input, .AppleMAC-Safari div.EventUpload div.location input, .AppleMAC-Safari div.EventUpload div.startDate input, .AppleMAC-Safari div.EventUpload div.startTime input, .AppleMAC-Safari div.EventUpload div.endDate input, .AppleMAC-Safari div.EventUpload div.endTime input, .AppleMAC-Safari div.EventUpload div.contactName input, .AppleMAC-Safari div.EventUpload div.contactEmail input, .AppleMAC-Safari div.DisplaySideUpload div.title input, .AppleMAC-Safari div.DisplaySideUpload div.title input{width:188px;} .Firefox.MacPPC div.EventUpload textarea, .Firefox.Unknown div.EventUpload textarea, .Firefox.MacPPC div.DisplaySideUpload textarea, .Firefox.Unknown div.DisplaySideUpload textarea{width:219px;} .AppleMAC-Safari div.EventUpload textarea, .AppleMAC-Safari div.EventUpload textarea, .AppleMAC-Safari div.DisplaySideUpload textarea, .AppleMAC-Safari div.DisplaySideUpload textarea{width:192px;} /* === BUTTONS === display side upload, form editor, commenting, event upload, filter buttons are up with the filter css, more buttons css for event upload and display side upload in filter section */ div.Commenting div.commentForm .buttons, /*div.EventUpload div.buttonsConfirm, div.EventUpload div.buttonsSubmit, div.FormEditor div.buttons,*/ div.LogIn div.buttons/*, div.DisplaySideUpload div.upload*/{padding-top:10px;} div.LogIn div.buttons /*div.LogIn div.buttons*/{margin-top:5px;} div.Commenting div.commentForm div.buttons, div.EventUpload div.buttons, div.LogIn div.buttons, div.UserAccount div.buttons, div.FormEditor div.buttons{clear:both;} /* === ERROR MESSAGES === form editor, event upload, comment form, log in */ div.FormEditor div.ErrorMessage, div.EventUpload div.ErrorMessage, div.Commenting div.commentForm div.ErrorMessage, div.UserAccount div.ErrorMessage, div.LogIn div.ErrorText, div.LogIn div.ErrorMessage{margin:10px 0;padding:5px;} div.FormEditor div.ErrorMessage div.SFMessage, div.EventUpload div.ErrorMessage div.SFMessage, div.Commenting div.commentForm div.ErrorMessage div.SFMessage, div.UserAccount div.ErrorMessage div.SFMessage{padding-left:5px;} /* hide error message */ div.Commenting div.commentForm div.nameMessage, div.Commenting div.commentForm div.emailMessage, div.Commenting div.commentForm div.titleMessage, div.Commenting div.commentForm div.ratingMessage, div.Commenting div.commentForm div.commentMessage, div.Commenting div.commentForm div.recaptchaMessage, div.Commenting div.commentForm .ErrorMessage, div.EventUpload div.eventNameMessage, div.EventUpload div.descriptionMessage, div.EventUpload div.sponsorMessage, div.EventUpload div.locationMessage, div.EventUpload div.startDateMessage, div.EventUpload div.startTimeMessage, div.EventUpload div.endDateMessage, div.EventUpload div.endTimeMessage, div.EventUpload div.contactNameMessage, div.EventUpload div.contactEmailMessage, div.EventUpload div.attachmentMessage, div.EventUpload div.notesMessage, div.UserAccount div.ErrorMessage{display:none;} /* error message icons */ div.Commenting .icon, div.EventUpload .icon{display:none;} /* after submit - show error message */ div.Commenting div.commentForm div.messageOn, div.Commenting div.commentForm div.error, div.EventUpload div.messageOn, div.EventUpload div.error, div.LogIn span.error{clear:both;display:none;} /* recaptcha */ #recaptcha_logo, #recaptcha_tagline{display:none;} #recaptcha_image{margin-top:20px;} #recaptcha_area span.recaptcha_only_if_image{display:block;padding:20px 5px 2px 0;} #recaptcha_response_field{margin-bottom:10px;} /* end forms blocks */ /* individual blocks - other than freeform, faq, form editor those are way above this */ /* === ALPHA LIST - filter block === */ div.Aggregation div.AggregationResults ul.alphaList{margin:0;overflow:hidden;padding:5px 0 10px 0;} .IE6 div.Aggregation div.AggregationResults ul.alphaList{height:1%;} div.Aggregation div.AggregationResults ul.alphaList li{float:left;padding-right:9px;} div.Aggregation div.AggregationResults div.alpha div.tocList{margin-left:25px;} /* === CALENDAR === */ div.Calendar div.calendarCallOut div.calendarNav{text-align:center;margin-top:5px;padding-bottom:10px;width:170px;} div.Calendar div.CalendarResults div.OneCol div{margin-bottom:10px;padding-bottom:10px;} div.Calendar div.CalendarResults .data span{display:block;margin:2px 0;} div.Calendar div.CalendarResults div.data h3{padding-bottom:15px;}/* date range */ div.Calendar div.CalendarResults div.data h4{padding-bottom:5px;} /* event title*/ div.Calendar div.CalendarResults div.data span.startTime, div.Calendar div.CalendarResults div.data span.endTime, div.Calendar div.CalendarResults div.data span.allDayEvent{float:left;margin-left:0;} div.Calendar div.CalendarResults div.data span.allDayEvent{margin-left:4px;} div.Calendar div.CalendarResults div.data span.startDate, div.Calendar div.CalendarResults div.data span.location, div.Calendar div.CalendarResults div.data span.sponsor, div.Calendar div.CalendarResults div.data span.contact, div.Calendar div.CalendarResults div.data span.email, div.Calendar div.CalendarResults div.data span.web, div.Calendar div.CalendarResults div.data span.attachment, div.Calendar div.CalendarResults div.data span.Description, div.Calendar div.CalendarResults div.data span.customField1, div.Calendar div.CalendarResults div.data span.customField2, div.Calendar div.CalendarResults div.data span.customField3, div.Calendar div.CalendarResults div.data span.customField4, div.Calendar div.CalendarResults div.data span.customField5, div.Calendar div.CalendarResults div.data span.linkText, div.Calendar div.CalendarResults div.data div.Description{clear:both;margin-left:0;} div.Calendar div.CalendarResults div.data span.attachment, div.Calendar div.CalendarResults div.data div.Description{padding-top:5px;} div.Calendar div.CalendarResults div.data label{float:left;width:90px;} div.CalendarResults div.data .averageRating span, div.CalendarResults div.data .linkComments span{display:inline;margin:0;} div.CalendarResults div.data .averageRating .label{padding-right:4px;} #rightZone div.CalendarResults label, #leftZone div.CalendarResults label{display:block;width:100%} #rightZone div.CalendarResults div.data span.startTime, #rightZone div.CalendarResults div.data span.endTime, #rightZone div.CalendarResults div.data span.allDayEvent, #leftZone div.CalendarResults div.data span.startTime, #leftZone div.CalendarResults div.data span.endTime, #leftZone div.CalendarResults div.data span.allDayEvent{float:none;display:inline;} /* === COMMENTING === */ div.Commenting{} div.Commenting div.summary{} div.Commenting div.comments{} div.Commenting div.comments.featured{} div.Commenting div.commentForm{padding-bottom:30px;} div.comments div.label, div.comments div.value, div.summary div.label, div.comments div.value span, div.summary div.value span{float:left;margin-right:5px;} /* summary */ div.summary div.count{clear:both;} div.summary{margin-bottom:10px;padding-bottom:10px;} /* comments */ div.comments div.label{width:49px;} div.comments div.comment div.label{width:auto} div.comments div.OneCol div{clear:none} div.comments div.OneCol div{margin-bottom:8px;padding:5px 0;} div.comments div.OneCol div div.title, div.comments div.OneCol div div.rating, div.comments div.OneCol div div.user, div.comments div.OneCol div div.dateTime, div.comments div.OneCol div div.comment{margin-bottom:2px;padding:0px;} div.comments div.OneCol div div.title div, div.comments div.OneCol div div.rating div, div.comments div.OneCol div div.user div, div.comments div.OneCol div div.dateTime div, div.comments div.OneCol div div.comment div{margin:0;padding:0px;} div.comments div.OneCol div div.comment{padding-top:13px;} .IE7 div.comments div.OneCol div div.comment{margin-top:13px;} div.Commenting div.comments div.comment div.label, div.Commenting div.comments div.comment div.value{clear:both;display:block;} div.comments div.comment div.value p{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:5px;} /* === EVENT UPLOAD === */ div.EventUpload div.startDate span.icon, div.EventUpload div.endDate span.icon{cursor:pointer;display:inline;margin-left:5px;padding:1px 7px;} /* === FAQ === */ /* question area */ div.FAQ ul{margin:0;padding:0;} div.FAQ ul li{padding-bottom:20px;} /* answer area */ div.FAQ dl{margin:0;padding:0;} div.FAQ dl dt{padding-top:10px;padding-bottom:5px;} div.FAQ dl dd{margin:0;overflow:hidden;} .IE6 div.FAQ dl dd{height:1%;} div.FAQ dl dd ul{margin-bottom:12px;} div.FAQ dl dd ul li{padding-bottom:0;} div.FAQ dl dd a.ToTop{clear:both;float:left;} div.FAQ div.titan_faq_q dl dt{padding-top:0;}/* wkst only */ /* === FILE UPLOAD === */ div.DisplaySideUpload{} /* === FILTER === */ div.Aggregation{} div.Aggregation div.AggregationResults{} div.Aggregation div.AggregationFilter{} /* === FORM EDITOR === */ div.FormEditor{} /* === FREEFORM === */ div.Freeform{} /* === LOG IN === */ div.LogIn{} div.LogIn div.logInForm{} div.LogIn div.remember{padding-top:5px;} div.LogIn div.buttons{padding-bottom:5px;} div.LogIn div.forgot{} div.LogIn div.account{} /* === PAGE SHARE === */ div.SharePage{padding:0;} /* === REGISTRATION === */ div.UserAccount{} div.UserAccount div.accountForm, div.UserAccount div.accountFilter, div.UserAccount div.hintQuestions{clear:both;padding-bottom:20px;} div.UserAccount div.accountForm div.TOUAgree{overflow:hidden;} .IE6 div.UserAccount div.accountForm div.TOUAgree{height:1%;} div.UserAccount div.accountForm div.TOUAgree input, div.UserAccount div.accountForm div.TOUAgree label{float:left;} div.UserAccount div.accountForm div.TOUAgree label{padding-top:3px;} div.UserAccount span.reqYes{float:left;padding-right:3px;} div.UserAccount span.req{display:none;} div.UserAccount div.hintQuestions div.response + div.response{padding-bottom:20px;} /* === SEARCH RESULTS === */ div.SearchResults div.smartSearchTitle{margin-top:10px;} div.SearchResults div.organicSearchResults div.OneCol div{overflow:hidden;padding-bottom:19px;} .IE6 div.SearchResults div.organicSearchResults div.OneCol div{height:1%;} div.SearchResults h4.header{padding:10px 0;} div.SearchResults div.smartSearchResults{margin:10px 0;padding:15px 15px 0 15px;} div.SearchResults div.smartSearchResults h3{margin:0 0 15px 0;padding:0;} div.SearchResults div.smartSearchResults div.OneCol div{margin-bottom:19px;} div.SearchResults div.docMatch{margin:10px 0;} div.SearchResults div.titleMiddle{display:none;} div.SearchResults div.didYouMean{margin:15px 0;padding-bottom:15px;} div.SearchResults div.didYouMean h2{margin:5px 0;} /* === SITE MAP === */ div.SiteMap{} div.SiteMap ul li{margin-top:10px;} /* === WHAT'S NEW === */ div.WhatsNew{} /* end individual blocks */ /* ========================================================================================== CUSTOM BLOCKS */ /* === COMMON ITEMS FOR CUSTOM BLOCKS === */ .addCart a, a.addCart, a.compare, a.more, .ShoppingCart .checkout a{cursor:pointer;padding:5px 10px 4px 10px;} a.compare, a.more{margin-left:4px;} .productInfo .buttons a.addCart, .productInfo .buttons a.more{float:left;padding:3px 10px;} /* === COMPARE BLOCK === */ table.compare{border-collapse:collapse;} table.compare td{padding:10px;width:160px;} table.compare td.specs{width:319px;} table.compare thead td{padding-top:0;} table.compare thead td.item{padding:0 10px 10px 15px;} table.compare thead td p.addCart{padding-bottom:10px;} table.compare tbody td img{display:block;margin:0 auto;} table.compare tfoot td.item{padding:10px 10px 10px 15px;} table.compare thead td { vertical-align: bottom; } table.compare p{margin:0;} table.compare p.price{margin-bottom:8px;} table.compare p.teaserImage{padding-bottom:10px;} table.compare select{width:130px;} /* === COMPARISON BLOCK === */ .Comparison{} .Comparison .buttonSubmit{float:left;margin-left:16px;margin-top:-4px;} .IE7 .Comparison .buttonSubmit{margin-left:8px;} .Comparison .buttonSubmit input{cursor:pointer;height:28px;padding-bottom:2px;width:102px;} .IE7 .Comparison .buttonSubmit input, .IE6 .Comparison .buttonSubmit input{padding-bottom:0;} .Comparison .error{display:none;float:left;margin:4px 0 0 10px;} .Comparison .errorOn{display:block;} /* === PRODUCT DETAIL BLOCK === */ .productDetailWrapper{} .productDetailWrapper .photos{float:left;padding-right:10px;width:270px;} .productDetailWrapper .shortDescrip{float:left;width:385px;} .productDetailWrapper .photos .imgTools{padding-top:5px;} .productDetailWrapper .photos .imgTools a{cursor:pointer;float:left;margin-left:15px;padding:2px 0 1px 18px;} .productDetailWrapper .photos .imgTools a.views{margin-left:30px;} .productDetailWrapper .teaser{clear:both;} /* === TABLE PRODUCT === */ table.product tr td{vertical-align:top;} table.product tr td iframe, table.product tr td .photo{padding-right:15px;} table.product tr td p{margin-bottom:5px;} table.product .sku, table.product .listPrice{float:left;padding-right:15px;} table.product .teaser{clear:both;margin-bottom:15px;} /* === PRODUCT DATA === */ #productDetailZone p{margin-bottom:5px;} #productDetailZone .sku, #productDetailZone.listPrice{float:left;padding-right:15px;} #productDetailZone.teaser{clear:both;margin-bottom:15px;} #productDetailZone .buttons{padding:5px 0 23px 0;} /* === PRODUCT TABS ===*/ .prodTabs{overflow:hidden;} .prodTabs ul{list-style:none;margin:0 0 20px 0;overflow:hidden;padding:0;width:100%;} .prodTabs li{float:left;} .prodTabs a{float:left;height:33px;padding-left:8px;cursor:pointer;} .prodTabs a span{bottom:0;float:left;height:28px;padding-right:8px;padding-top:5px;position:relative;width:67px;} /* === PRODUCT INFO IN THE TABS - like accessories === */ .productInfo {} .productInfo .TwoCol{padding-bottom:25px;} .productInfo .buttons{padding-top:10px;} .productConfigure h3{} .productConfigure .configSection{} .productConfigure .configHeader{margin-bottom:5px;padding:5px 5px 5px 25px;} .productConfigure .configHeader .content{display:none;} .productConfigure .configHeader .open{display:block;} .productConfigure .OneCol{padding-top:10px;} .productConfigure .OneCol .shortDescript *, .productConfigure .OneCol .listing *, .productConfigure .OneCol .buttons{margin-left:0;} .productConfigure .shortDescript{clear:none;float:left;padding-left:10px;width:303px;} .productConfigure .listing{clear:none;float:left;padding-left:15px;width:110px;} .productConfigure .listing span{clear:both;float:left;} .productConfigure .listing span.smprice, .ProductIndexFilter .listing span.smprice{float:none;} .productConfigure .buttons{clear:none;float:left;padding-left:10px;width:80px;} .productConfigure .buttons a{clear:both;float:left;margin:0;padding:3px 10px 6px 10px;width:55px;} .productInfo .TwoCol .image, .productInfo .OneCol .image, .productConfigure .TwoCol .image, .productConfigure .OneCol .image, .ProductIndexFilter .TwoCol .image, .ProductIndexFilter .OneCol .image{position:relative;overflow:hidden;} .IE6 .productInfo .TwoCol .image, .IE6 .productInfo .OneCol .image, .IE6 .productConfigure .TwoCol .image, .IE6 .productConfigure .OneCol .image, .IE6 .ProductIndexFilter .TwoCol .image, .IE6 .ProductIndexFilter .OneCol .image{height:1%;} .productInfo .TwoCol .image .imageWrapper, .productInfo .OneCol .image .imageWrapper, .productConfigure .TwoCol .image .imageWrapper, .productConfigure .OneCol .image .imageWrapper, .ProductIndexFilter .TwoCol .imageWrapper, .ProductIndexFilter .OneCol .imageWrapper{position:static;float:left;width:142px;min-height:70px;} .ProductIndexFilter .TwoCol .imageWrapper, .ProductIndexFilter .OneCol .imageWrapper{margin-right:10px;} .moreInfo{display:none;z-index:99;position:absolute;top:25px;left:100px;margin:0;padding:10px 10px 10px 15px;width:495px;min-height:300px;} .show, .popup{display:block;} .moreInfo .close{cursor:pointer;float:right;width:14px;height:15px;margin-bottom:0px;} .moreInfo .info{clear:none;float:left;width:305px;padding-left:10px;} .moreInfo .info *{margin:0;} .moreInfo .info p.listPrice{padding-bottom:9px;} .moreInfo .info .buttons2{padding-bottom:15px;} .moreInfo .info .teaser{clear:both;padding-bottom:9px;} .moreInfo .teaserImage{clear:both;float:left;} .moreInfo ul{margin:0;padding:0;list-style:none;} .moreInfo .listPrice{padding-bottom:12px;} .cartSummary table{margin-bottom:20px;width:100%;border-collapse:collapse;} .cartSummary td{text-align:right;vertical-align:top;} .cartSummary .label{width:145px;text-align:left;} .cartSummary .priceSummary .label{text-transform:uppercase;} .cartSummary .total .totalPrice{float:right;} .cartSummary .buttons3 {} .cartSummary .buttons3 .addCart{margin-right:10px;} .cartSummary .total{padding:0 0 25px 0;overflow:hidden;} .cartSummary .total .label{font-weight:bold;} .cartSummary .price{} .cartSummary .ts{color:#333333;display:block;font-size:10px;} .cartSummary .count{font-weight:bold;} #centerZone .ProductConfigFilter .AggregationResults div.OneCol div.image h4, #centerZone .ProductConfigFilter .AggregationResults div.OneCol div.image p{margin-left:0;} .ProductConfigFilter div.TwoCol div div, .ProductIndexFilter div.OneCol div div{clear:none;margin-bottom:0;} #centerZone .ProductConfigFilter div.TwoCol div.item, #centerZone .ProductIndexFilter div.OneCol div.item{overflow:hidden;padding-bottom:20px;} .ProductIndexFilter .compare{float:left;width:45px;text-align:center;margin-right:10px;} .ProductIndexFilter .header .compare{margin-right:20px;} .ProductIndexFilter .compare span{float:left;clear:both;} .ProductIndexFilter .teaserImage{float:left;width:130px;margin-right:10px;} .ProductIndexFilter div.OneCol .type{} .ProductIndexFilter .shortDescript{float:left;width:250px;margin:0;} #centerZone .ProductConfigFilter .AggregationResults div.OneCol div.image h4, #centerZone .ProductConfigFilter .AggregationResults div.OneCol div.image p .ProductIndexFilter div.OneCol .listing p, .ProductIndexFilter div.OneCol .buttons{margin-left:0;} .ProductIndexFilter .buttons{float:left;} .ProductIndexFilter .buttons a{float:left;clear:both;width:70px;text-align:center;margin:0;padding:3px 10px 6px 10px;} .ProductIndexFilter .listing{float:left;width:110px;margin-left:10px;} .ProductIndexFilter .listPrice span{clear:both;float:left;} .ProductIndexFilter .listPrice span span{float:none;} .ProductIndexFilter .OneCol{clear:both;} .ProductIndexFilter .header{overflow:hidden;padding:5px 0;margin-bottom:10px;} .ProductIndexFilter .OneCol div{clear:both;height:1%} .ProductIndexFilter .AggregationResults{clear:both;} .ProductIndexFilter .AggregationResults, .ProductIndexFilter .header{clear:both;padding-top:5px;} .ProductIndexFilter .paginationFooter{padding-top:10px;} .ProductIndexFilter .header{height:1%;} .ProductIndexFilter .header a{text-decoration:none;padding-right:14px;} /*.ProductIndexFilter fieldset h3{padding-bottom:5px;font:bold 12px Arial,Helvetica,sans-serif;}*/ #centerZone .ProductIndexFilter .AggregationFilter fieldset{width:100%;} .ProductIndexFilter fieldset div{float:left;margin-right:5px;} .ProductIndexFilter fieldset div.compatible{margin-right:20px;} .Firefox .ProductIndexFilter fieldset div select{padding:2px 2px 2px 2px;} .IE6 .ProductIndexFilter fieldset div select, .IE7 .ProductIndexFilter fieldset div select{vertical-align:middle;} #centerZone .ProductIndexFilter fieldset input{cursor:pointer;padding:1px 0 0 0;} /* === SHOPPING CART === */ .ShoppingCart{} .ShoppingCart .itemCount{padding:0 0 5px 7px;} .ShoppingCart .cart{clear:both;} .ShoppingCart table{width:100%;} .ShoppingCart table th, .ShoppingCart table td{vertical-align:top;text-align:left;padding:13px 7px 10px 7px;} .ShoppingCart table th{padding:6px 7px;} .ShoppingCart table .price{text-align:right;} .ShoppingCart table td a.update, .ShoppingCart table td a.remove{float:left;clear:both;padding-left:12px;} .ShoppingCart table td.sku{width:80px;} .ShoppingCart table td.product{width:270px;} .ShoppingCart table td.numItems{width:40px;padding-top:9px;} .ShoppingCart table td.price{width:70px;} .ShoppingCart table td.addRemove{width:50px;padding-top:9px;} .ShoppingCart table td input.cart_qty_input{width:25px;} .ShoppingCart .total{margin:10px 0;padding-top:10px;text-align:right;} .ShoppingCart .total span.ts{display:block;clear:both;} .ShoppingCart .checkout{clear:both;} .ShoppingCart .checkout a{float:right;} /* ========================================================================================== POP UP PAGES */ /* === COMMENTING POP UP === when coming from an TOC or Filter block Read Comments or Write Comments Link */ div.commentFormPop #pageTopArea, div.commentsPop #pageTopArea{} div.commentFormPop #contentContainer, div.commentsPop #contentContainer{padding-left:100px;} #topZone{height:314px;background:url('../images/bgJqueryHome.png') no-repeat right top; overflow: hidden;} #topLeft{float:left;width:550px;} #topLeft p{margin-bottom:0;} #topRight{clear:none;float:left;width:300px;padding:0 30px;} #topZone .OneCol div{padding:10px 0;margin:0;} #topZone .OneCol h4, #topZone .OneCol p, #topZone .OneCol h4 a{margin-left:0;color:#fff;} #topZone .OneCol h4, #topZone .OneCol h4 a{font-size:18px;} #topZone .OneCol p{font-size:12px;line-height:20px;} #topZone .OneCol h4 a{background:url('../bgJqueryH4Home.png') no-repeat right 4px;padding-right:20px;} .IE6 #topZone .OneCol h4 a{background:url('../bgJqueryH4Home.gif') no-repeat right 4px;} #topZone .OneCol div{border-top:1px solid #3c3e41;border-bottom:1px solid #3c3e41;} #topZone .OneCol div.altRow{border-top:0;border-bottom:0;} #topZone .OneCol h4 a:hover, #topZone .OneCol h4 a:focus, #topZone .OneCol h4 a:active{color:#bbb;} #contentArea{padding-top:9px;} .IE6 #contentArea{padding-top:8px;} #contentContainerWrapper{ position: relative; top: 14px;} .IE6 #contentContainerWrapper{position: relative; top: 14px;} #leftZone h3, #centerZone h3, #rightZone h3{text-transform:uppercase;font-weight:bold;} #leftZone a, #centerZone a, #rightZone a{font-weight:bold;} #leftZone, #centerZone, #rightZone{float:left;width:290px;} #leftZone, #centerZone{margin-right:20px;} #leftZone{} #centerZone{} #titleBarContainer{} #titleBarContainer h1{} #rightZone{} img { border: none; } .img1 { float: left; margin: 0px 15px 30px 0px; } .img2 { float: right; margin: 3px 0px 0px 15px; }