/* ========================================================================================== 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;} .Freeform blockquote{margin:0px;paddding:0px;} .titanBody fieldset,.mainBody fieldset, .Freeform fieldset,.DisplaySideUpload fieldset,.EventUpload fieldset,.Aggregation fieldset,.Calendar fieldset,.Product fieldset {border:0;margin:0;padding:0;}/* don't remove these attributes, can add attributes/change values */ .Aggregation,.Calendar,.Commenting,.DisplaySideUpload,.EventUpload,.FAQ,.Freeform,.FormEditor,.PhotoBlock,.Product,.SearchResults,.SiteMap,.TOCBlock,.WhatsNew{clear:both;margin-bottom:10px;} /* thing for backgrounds and borders when child floats - this hits most containers, you may need to adjust according to your design */ #mainBody,/*#pageTopArea,#topNavContainer,*/#topContentContainer,#contentArea,#leftContentContainer,#leftContentContainer, #contentNavContainer,#leftZone,/*#contentContainer,*/#toolContainer,#centerZone,/*#rightZone,*/#bottomNavContainer,#bottomNavContainer{overflow:hidden;} .IE6 #mainBody,/*.IE6 #pageTopArea,.IE6 #topNavContainer,.*/IE6 #topContentContainer,.IE6 #outercontentContainer,.IE6 #contentArea,/*.IE6 #leftContentContainer, .IE6 #contentNavContainer,*/.IE6 #leftZone,/*.IE6 #contentContainer,*/.IE6 #toolContainer,.IE6 #centerZone,/*.IE6 #rightZone,*/.IE6 #bottomNavContainer{height:1%;} /* ========================================================================================== Text Editor Drop Downs */ h1{padding-bottom:7px;}/* page title */ h3{padding-bottom:10px;}/* block title */ .floatLeft, .floatLeft_ImgBorder{float:left;margin:0 7px 0 0;} #topContentContainer .floatLeft{float:left;margin:0 15px 0 0;} .floatRight, .floatRight_ImgBorder{float:right;margin:0 0 0 7px;} .imgBorder{} /* ========================================================================================== PAGE LAYOUT */ #mainBody, #bottomContainer, #poweredBy{margin:0 auto;width:982px;} #pageTopArea{width:962px; margin:0 auto;margin-bottom:0px;height:155px;} #logoControlContainer{float:left;height:94px;overflow:hidden;padding:8px 4px 13px 0px;width:243px;} #UtilitiesContainer{float:right;margin-top:25px;padding:12px 15px;width:450px;} #utilityNavContainer{float:right;margin:0px 0 8px 0;overflow:hidden;padding:3px 0px;} #utilityNavContainer ul{list-style:none;margin:0;padding:0;text-align:right;} #utilityNavContainer ul li{display:inline;} #utilityNavContainer ul li span{padding:0 5px;} #searchBarContainer{clear:both;float:right;padding:0px;width:320px;} #searchBarContainer input#searchTerms{float:left;width:240px; height:20px;} .AppleMAC-Safari.MacPPC #searchBarContainer input#searchTerms{padding:2px 0 1px 0;} .AppleMAC-Safari.Unknown #searchBarContainer input#searchTerms{padding:2px 0 2px 0;} #searchBarContainer input#searchGo{cursor:pointer;width:69px; height:24px;margin-left:0px;padding-bottom:1px;} .AppleMAC-Safari.MacPPC #searchBarContainer input#searchGo{margin-top:1px;} .AppleMAC-Safari.Unknown #searchBarContainer input#searchGo{margin-top:2px;} .IE6 #searchBarContainer input#searchGo{} #topNavContainer{clear:both;height:40px; margin-top:0; padding:0 0 0 5px;} #topNavContainer ul{list-style:none;margin:0;padding:0;} #topNavContainer ul li{display:inline;} #topNavContainer ul li a{float:left;padding:13px 15px 12px 15px;} .MacPPC #topNavContainer ul li a, .Unknown #topNavContainer ul li a{padding-bottom:8px;} #contentArea{clear:both;margin-left:10px;margin-bottom:5px;} .IE6 #contentArea{height:1%;} #leftContentContainer{float:left;width:205px; margin:44px 25px 0 0; padding-top:0px;height:400px; overflow:visible; } #contentContainer{overflow: hidden;} /*#contentContainer{height:549px; overflow: visible;} .IE7 #contentContainer{height:auto; min-height:549px;}*/ #topContentContainer{width:686px;height:175px;margin-bottom:-1px; padding-bottom:12px;} #toolContainer{height:20px;padding:12px 10px 0px 0px;} .IE6 #toolContainer, .IE7 #toolContainer{padding-bottom:12px;} #breadCrumbContainer{float:left;width:600px;} #breadCrumbContainer ul{list-style:none;margin:0;padding:0;} #breadCrumbContainer ul li{display:inline;} #breadCrumbContainer ul li span{padding:0 3px;} #pageTools{float:right;margin-top:-2px;} #pageTools ul{list-style:none;margin:0;padding:0;} #pageTools ul li{float:left;padding:2px 0 2px 20px;} #pageTools ul li a{padding:2px 0 2px 20px;} #centerZone{float:left;padding-top:15px;width:485px;} #rightZone{float:right;padding:27px 20px 10px 30px;min-height:500px;width:190px;} #rightZone p{margin-bottom:0px;} .RightZone{width:170px; padding-bottom:20px; padding-rigth:10px;} /* footer */ #bottomContainer{margin-top:8px; overflow:hidden;} #contentFooter{clear:both;padding:0 10px 10px 0px;width:225px;} #bottomLeftZone{margin:25px 60px 0 0; width:218px; float:left;} #bottomCenterZone{width:340px;margin-top:25px; float:left;} #bottomCenterZone ul{list-style:none;margin:0;padding:0;} #bottomCenterZone ul li{padding-left:10px;} #bottomRightZone{margin:25px 30px 0 0;width:220px; float:right;} #bottomRightZone P{margin-bottom:0px;} #bottomRightZone label{clear:both; display:block; padding-bottom:3px;} #bottomRightZone input.formBlockSubmit{display:block; clear:both;border:0; margin-top:-10px; padding-bottom:5px; width:109px; height:29px; } #bottomRightZone input{clear:left;} #bottomNavContainer{margin-top:25px;padding:0px 10px 0 10px;} #bottomNavContainer ul{list-style:none;margin:0;padding:0;} #bottomNavContainer li{display:inline;} #bottomNavContainer li span{padding:0 7px;} #poweredBy{padding:0 10px 10px 0px;float:left;width:390px;} /* ========================================================================================== CONTENT NAV */ /* for base contentNavContainer is in the leftContentContainer */ #contentNavContainer{padding:0px 0 10px 0;} /* level 1 content nav */ #contentNavContainer ul{list-style:none;margin:0;padding:0;} #contentNavContainer ul li {padding:0px;} #contentNavContainer ul li a{padding:10px 0 10px 8px;display:block;} /* level 2 and beyond content nav - will use level 1 if you don't write anything here */ #contentNavContainer li ul li{margin:0;padding:0;} #contentNavContainer li ul li a{padding:3px 0px 3px 20px;} /* level 3 and beyond content nav - will use level 2 if you don't write anything here */ #contentNavContainer li ul li ul li a{padding:3px 30px;} /* ========================================================================================== SPECIAL CLASS NAMES */ /* bulletMenu class that can be added to blocks like TOCBlock and Filter(Agreggation) to have the appearance of navigation - NOT USED ON THIS TEMPLATE ul.bulletMenu{margin-left:0;} ul.bulletMenu 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;} .bulletMenu div.TwoCol div div{width:100%;} .IE6 ul.bulletMenu 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 h4 a{padding-left:15px;} #mainBody div.bulletMenu.SiteMap ul li ul li, div.bulletMenu ul.paginationFooter li{padding-left:0;} #mainBody div.bulletMenu.SiteMap ul{margin-left:0;} #mainBody div.bulletMenu.SiteMap ul li ul li ul{margin-left:14px;} ul.bulletMenu li, div.bulletMenu p, div.bulletMenu p, div.bulletMenu div.OneCol span.hitCount, div.bulletMenu div.TwoCol span.hitCount, div.bulletMenu div.tocList span.hitCount, div.bulletMenu div.VideoLineup span.hitCount, div.bulletMenu div.OneCol span.date, div.bulletMenu div.TwoCol span.date, div.bulletMenu div.tocList span.date, div.bulletMenu div.VideoLineup span.date, div.bulletMenu div.OneCol div.image span.hitCount, div.bulletMenu div.TwoCol div.image span.hitCount, div.bulletMenu div.tocList div.image span.hitCount, div.bulletMenu div.VideoLineup div.image span.hitCount, div.bulletMenu div.OneCol div.image span.date, div.bulletMenu div.TwoCol div.image span.date, div.bulletMenu div.tocList div.image span.date, div.bulletMenu div.VideoLineup div.image span.date{padding-left:14px;}changes based on width of bullet image div.bulletMenu div.image a.teaserImage{display:none;} don't need bullet and teaser image displaying #centerZone div.bulletMenu div.OneCol div.image div.otherStuff, #centerZone div.bulletMenu div.TwoCol div.image div.otherStuff{margin-left:0;}/* to undo the CenterZone margin below */ ul.bulletMenu li, div.bulletMenu div.OneCol div.image p, div.bulletMenu div.TwoCol div.image p, div.bulletMenu div.tocList div.image p, div.bulletMenu div.VideoLineup div.image p, div.bulletMenu div.OneCol div.image h4, div.bulletMenu div.TwoCol div.image h4, div.bulletMenu div.tocList div.image h4, div.bulletMenu div.VideoLineup div.image h4, div.bulletMenu div.CalendarResults div.data div.image span, div.bulletMenu div.OneCol div.image div.classifications, div.bulletMenu div.TwoCol div.image div.classifications, div.bulletMenu div.tocList div.image div.classifications{margin-left:0;} to undo the CenterZone margin below */ /* ========================================================================================== BLOCKS */ /* class automatically added to all blocks depending on what zone they are in */ div.TopLeftZone{} div.LeftZone{} /* this template has NO LEFT ZONE BLOCKS only Nav*/ 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:24px;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.ThreeCol, div.tocList div, div.tocList{clear:both;} div.OneCol div, div.TwoCol div, div.TwoCol, div.ThreeCol, div.tocList div{margin-bottom:8px;overflow:hidden; } .IE6 div.OneCol div, .IE6 div.TwoCol div, .IE6 div.TwoCol, .IE6 div.ThreeCol, .IE6 div.tocList, .IE6 div.tocList div{height:1%;position:relative;} div.LeftZone div.TwoCol, div.RightZone div.TwoCol{clear:both;} div.TwoCol, div.ThreeCol{clear:both;} div.TwoCol div{float:left;width:45%;} div.ThreeCol div{float:left;width:32%;} div.TwoCol div.otherStuff, div.ThreeCol div.otherStuff{width:auto;} .IE6 div.TwoCol div, .IE6 div.ThreeCol 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.Product h3, div.Freeform h3, div.FAQ h3, div.FormEditor h3*/{padding-bottom:10px;} /* === BLOCK TEASER IMAGES === filter (alpha list = tocList), toc, what's new, search results, calendar, photo block */ div.OneCol div.image a img, div.TwoCol div.image a img, div.ThreeCol div.image a img, div.tocList div.image a img, div.Calendar div.image a img, div.Product div.image img{margin-bottom:5px;}/* gives a little extra space below image so wrapped text isn't do close */ div.OneCol div.image a img, div.TwoCol div.image a img, div.ThreeCol div.image a img, div.tocList div.image a img, div.PhotoBlock div.thumbnails img{/*padding:0; used with borders */} div.OneCol div.image a img, div.TwoCol div.image a img, div.ThreeCol div.image a img, div.tocList div.image a img, div.Calendar div.image a img, div.Calendar div.image img, div.Product div.image img /*div.PhotoBlock div.thumbnails img*/{padding:2px;} /* center zone only - filter (alpha list = tocList), toc, what's new, search results, calendar, photo block */ div.CenterZone div.image a.teaserImage, div.CenterZone div.image div.mainPhoto, /*div.PhotoBlock*/div.CenterZone div.thumbnails img, #centerZone div.Calendar div.image img{float:left;}/* only want to float teaser image for wider zones like center)*/ #centerZone div.Calendar div.image div.otherStuff img{float:none;} div.CenterZone div.OneCol div.image a img, div.CenterZone div.TwoCol div.image a img, div.CenterZone div.ThreeCol 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 - VERSION2 */ #centerZone div.OneCol div.image div.otherStuff, #centerZone div.TwoCol div.image div.otherStuff, #centerZone div.tocList div.image div.otherStuff, #centerZone div.calendarItem div.image div.otherStuff, #centerZone div.Product .ColOne div.image div.otherStuff{clear:none;float:none;margin-left:176px;} #centerZone div.ThreeCol div.image div.otherStuff{clear:both;float:none;} /* margin to push the teaser content over from the teaser image filter, toc, what's new, width of teaser image - width + gutter = margin*/ div.CenterZone div.OneCol div.image p, div.CenterZone div.TwoCol div.image p, div.CenterZone div.tocList div.image p, div.CenterZone div.OneCol div.image h4, div.CenterZone div.TwoCol div.image h4, div.CenterZone div.tocList div.image h4, div.CenterZone div.OneCol div.image span.hitCount, div.CenterZone div.TwoCol div.image span.hitCount, div.CenterZone div.tocList div.image span.hitCount, div.CenterZone div.OneCol div.image span.date, div.CenterZone div.TwoCol div.image span.date, div.CenterZone div.tocList div.image span.date, div.CenterZone div.OneCol div.image div.classifications, div.CenterZone div.tocList div.image div.classifications, div.CenterZone div.TwoCol div.image div.classifications{} /*for teaser image size 150px*/ .SmThumb{} div.SmThumb div.OneCol div.image p, div.SmThumb div.TwoCol div.image p, div.SmThumb div.tocList div.image p, div.SmThumb div.OneCol div.image h4, div.SmThumb div.TwoCol div.image h4, div.SmThumb div.tocList div.image h4, div.SmThumb div.OneCol div.image span.hitCount, div.SmThumb div.TwoCol div.image span.hitCount, div.SmThumb div.tocList div.image span.hitCount, div.SmThumb div.OneCol div.image span.date, div.SmThumb div.TwoCol div.image span.date, div.SmThumb div.tocList div.image span.date, div.SmThumb div.OneCol div.image div.classifications, div.SmThumb div.tocList div.image div.classifications, div.SmThumb div.TwoCol div.image div.classifications{} /* === BLOCK TEASER HEADINGS === filter (alpha list = tocList),, toc, what's new, search results, calendar - these styles will show when the h4 is not a link */ div.OneCol h4, div.TwoCol h4, div.ThreeCol 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.ThreeCol h4 a, div.SiteMap h4 a, div.tocList h4 a{} /* read more link */ div.OneCol p.linkText, div.TwoCol p.linkText, div.tocList p.linkText{clear:both;} 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, div.TwoCol p.linkComments, div.tocList p.linkComments{clear:both;} 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:0;} /* === 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, div.Product 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, div.otherStuff 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, div.otherStuff p.averageRating a{display:none;} /* === BLOCK CLASSIFICATIONS === filter, toc, what's new */ div.OneCol div.classifications, div.TwoCol div.classifications, div.ThreeCol div.classifications, div.tocList div.classifications, div.OneCol div.classifications div, div.TwoCol div.classifications div, div.ThreeCol 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.ThreeCol div.classifications span, div.tocList div.classifications span{display:block;} div.OneCol div.classifications ul, div.TwoCol div.classifications ul, div.ThreeCol 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.ThreeCol 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.ThreeCol 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:9px;} div.Calendar div.CalendarResults ul.pagination{margin-top:4px;text-align:left;} div.multiPagePagination ul.paginationFooter, div.multiPagePagination ul.pagination{clear:both;margin:10px 0;padding:0;} div.multiPagePagination ul.paginationFooter, div.multiPagePagination ul.pagination span{padding:0 4px;} div.multiPagePagination ul.pagination{margin:0 0 10px 0;padding:0 0 4px 0;} div.multiPagePagination ul.paginationFooter li, div.multiPagePagination ul.pagination li{list-style:none;display:inline;padding:2px 0;margin:0 2px;} div.multiPagePagination ul.paginationFooter li.nextButton{margin-left:9px;} div.multiPagePagination ul.paginationFooter li.current, div.multiPagePagination ul.pagination li.current{padding:2px 4px;margin:0 4px;} div.multiPagePagination ul.paginationFooter li a, div.multiPagePagination ul.pagination li a{padding-left:2px;} /* centerzone only */ /*div.Calendar*/div.CenterZone div.CalendarResults ul.pagination span{display:inline;margin-left:0;} /* === MONTHLY CALENDAR TABLE === calendar, event upload */ #centerZone 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;} /* === VERSION 2 FILTERS === */ /* fieldset and selections */ div.Aggregation div.AggregationFilter2, div.Calendar div.CalendarFilter2 , div.EventUpload div.accountFilter2, div.DisplaySideUpload div.accountFilter2, div.UserAccount div.accountFilter2, div.Product div.ProductFilter2{overflow:hidden;padding-bottom:20px;} div.EventUpload div.accountFilter2, div.DisplaySideUpload div.accountFilter2{padding-top:20px;} div.Aggregation div.AggregationFilter2 fieldset, div.Calendar div.CalendarFilter2 fieldset, div.EventUpload div.accountFilter2 fieldset, div.DisplaySideUpload div.accountFilter2 fieldset, div.UserAccount div.accountFilter2 fieldset, div.Product div.ProductFilter2 fieldset{margin:0 0 10px 0;} .IE6 div.ProductFilter2 fieldset div.head, .IE6 div.Aggregation div.AggregationFilter2 fieldset div.head, .IE6 div.Calendar div.CalendarFilter2 fieldset div.head, .IE6 div.EventUpload div.accountFilter2 fieldset div.head, .IE6 div.DisplaySideUpload div.accountFilter2 fieldset div.head, .IE6 div.UserAccount div.accountFilter2 fieldset div.head{height:1%;} div.Aggregation div.AggregationFilter2 fieldset .head h4, div.Calendar div.CalendarFilter2 fieldset .head h4, div.Product div.ProductFilter2 fieldset .head h4{width:71%;} div.CenterZone div.AggregationFilter2 fieldset, div.CenterZone div.CalendarFilter2 fieldset, div.CenterZone div.accountFilter2 fieldset, div.CenterZone div.ProductFilter2 fieldset{float:left;margin-right:15px;width:180px;} div.CenterZone div.AggregationFilter2 fieldset.keyword, div.CenterZone div.CalendarFilter2 fieldset.keyword, div.CenterZone div.accountFilter2 fieldset.keyword, div.CenterZone div.ProductFilter2 fieldset.keyword{float:none;} div.Aggregation div.AggregationFilter2 fieldset .inputs, div.Aggregation div.AggregationFilter2 fieldset .input, div.Calendar div.CalendarFilter2 fieldset .inputs, div.Calendar div.CalendarFilter2 fieldset .input, div.EventUpload div.accountFilter2 fieldset .inputs, div.DisplaySideUpload div.accountFilter2 fieldset .inputs, div.UserAccount div.accountFilter2 fieldset .inputs, div.Product div.ProductFilter2 fieldset .inputs, div.Product div.ProductFilter2 fieldset .input{clear:both;overflow:hidden;padding:5px 0 0 2px;} div.Aggregation div.AggregationFilter2 .inputs input, div.Calendar div.CalendarFilter2 .inputs input, div.EventUpload div.accountFilter2 .inputs input, div.DisplaySideUpload div.accountFilter2 .inputs input, div.UserAccount div.accountFilter2 fieldset .inputs input, div.Product div.ProductFilter2 fieldset .inputs input, div.Aggregation div.AggregationFilter2 .inputs label, div.Calendar div.CalendarFilter2 .inputs label, div.EventUpload div.accountFilter2 .inputs label, div.DisplaySideUpload div.accountFilter2 .inputs label, div.UserAccount div.accountFilter2 .inputs label, div.Product div.ProductFilter2 .inputs label{float:left;} #mainBody div.Aggregation div.AggregationFilter2 fieldset.keyword input, #mainBody div.Calendar div.CalendarFilter2 fieldset.keyword input, #mainBody div.Product div.ProductFilter2 fieldset.keyword input{width:95%;} div.Aggregation div.AggregationFilter2 .inputs select, div.Calendar div.CalendarFilter2 .inputs select, div.Product div.ProductFilter2 .inputs select, div.DisplaySideUpload div.accountFilter2 .inputs select, div.EventUpload div.accountFilter2 .inputs select{width:98%;} div.Aggregation div.AggregationFilter2 .inputs label, div.Calendar div.CalendarFilter2 .inputs label, div.EventUpload div.accountFilter2 .inputs label, div.DisplaySideUpload div.accountFilter2 .inputs label, div.UserAccount div.accountFilter2 .inputs label, div.Product div.ProductFilter2 .inputs label{padding-top:2px;width:82%;} div.Aggregation div.AggregationFilter2 .inputs div label span, div.Calendar div.CalendarFilter2 .inputs label span, div.Product div.ProductFilter2 .inputs label span{clear:none;float:none;} div.Aggregation div.AggregationFilter2 .inputs div, div.Calendar div.CalendarFilter2 .inputs div, div.EventUpload div.accountFilter2 .inputs span, div.DisplaySideUpload div.accountFilter2 .inputs span, div.UserAccount div.accountFilter2 .inputs span, div.Product div.ProductFilter2 .inputs div{clear:left;overflow:hidden;padding:4px 0;} div.DisplaySideUpload div.accountFilter2 span, div.UserAccount div.accountFilter2 span{display:block;} div.EventUpload div.accountFilter2 .inputs span, div.DisplaySideUpload div.accountFilter2 .inputs span, div.UserAccount div.accountFilter2 .inputs span{display:block;overflow:hidden;} div.Aggregation div.AggregationFilter2 .inputs div span, div.Aggregation div.AggregationFilter2 .inputs div a, div.Calendar div.CalendarFilter2 .inputs div span, div.Calendar div.CalendarFilter2 .inputs div a, div.Product div.ProductFilter2 .inputs div span, div.Product div.ProductFilter2 .inputs div a{clear:none;float:none;margin-top:0;} /* filter header */ div.ProductFilter2 fieldset div.head, div.CalendarFilter2 fieldset div.head, div.AggregationFilter2 fieldset div.head, div.accountFilter2 fieldset div.head{overflow:hidden;padding:5px 5px 2px 5px;} div.Product div.ProductFilter2 fieldset div.head span, div.CalendarFilter2 fieldset div.head span, div.AggregationFilter2 fieldset div.head span{cursor:pointer;float:left;height:12px;margin:0 5px 0 0;} #mainBody div.CalendarFilter2 fieldset div.head span, #mainBody div.AggregationFilter2 fieldset div.head span, #mainBody div.Product div.ProductFilter2 fieldset div.head span{width:9px;} div.Product div.ProductFilter2 fieldset div.head h4, div.CalendarFilter2 fieldset div.head h4, div.AggregationFilter2 fieldset div.head h4{float:left;} div.Product div.ProductFilter2 fieldset div.head .reset, div.CalendarFilter2 fieldset div.head .reset, div.AggregationFilter2 fieldset div.head .reset{clear:none;cursor:pointer;float:right;margin:0;padding:0;width:35px;} /* see Less - seeMore - min - zero */ div.AggregationFilter2 fieldset.seeMore div.seeMore, div.ProductFilter2 fieldset.seeMore div.seeMore, div.CalendarFilter2 fieldset.seeMore div.seeMore, div.AggregationFilter2 fieldset.seeLess div.more, div.ProductFilter2 fieldset.seeLess div.more, div.CalendarFilter2 fieldset.seeLess div.more, div.AggregationFilter2 fieldset.seeMore div.less, div.ProductFilter2 fieldset.seeMore div.less, div.CalendarFilter2 fieldset.seeMore div.less, div.AggregationFilter2 fieldset.min div.inputs div.selected, div.ProductFilter2 fieldset.min div.inputs div.selected, div.CalendarFilter2 fieldset.min div.inputs div.selected{display:block;} div.AggregationFilter2 fieldset.seeLess div.seeMore, div.ProductFilter2 fieldset.seeLess div.seeMore, div.CalendarFilter2 fieldset.seeLess div.seeMore, div.AggregationFilter2 fieldset.seeLess div.less, div.ProductFilter2 fieldset.seeLess div.less, div.CalendarFilter2 fieldset.seeLess div.less, div.AggregationFilter2 fieldset.seeMore div.more, div.ProductFilter2 fieldset.seeMore div.more, div.CalendarFilter2 fieldset.seeMore div.more, div.AggregationFilter2 fieldset.hideZero div.zero, div.ProductFilter2 fieldset.hideZero div.zero, div.CalendarFilter2 fieldset.hideZero div.zero, div.AggregationFilter2 fieldset.min div.inputs div, div.ProductFilter2 fieldset.min div.inputs div, div.CalendarFilter2 fieldset.min div.inputs div, div.AggregationFilter2 fieldset.seeLess.min div.more, div.ProductFilter2 fieldset.seeLess.min div.more, div.CalendarFilter2 fieldset.seeLess.min div.more, div.AggregationFilter2 fieldset.seeMore.min div.less, div.ProductFilter2 fieldset.seeMore.min div.less, div.CalendarFilter2 fieldset.seeMore.min div.less{display:none;} /* 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:192px;} #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:192px;} .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:236px;} .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:240px;} .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 */ 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{margin-top:20px;} 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{padding:5px 0 10px 0;margin:0;overflow:hidden;} .IE6 div.Aggregation div.AggregationResults ul.alphaList{height:1%;} div.Aggregation div.AggregationResults ul.alphaList li{float:left;padding-right:6px;} div.Aggregation div.AggregationResults div.alpha div.tocList{margin-left:25px;} div.Calendar div.calendarCallOut div.calendarNav{text-align:center;margin-top:5px;padding-bottom:10px;width:170px;} div.Calendar div.CalendarResults {clear:both;} div.Calendar div.CalendarResults div.data h3{clear:both;padding-bottom:15px;}/* date range */ div.Calendar div.CalendarResults div.data .otherStuff{overflow:hidden;} .IE6 div.Calendar div.CalendarResults div.data .otherStuff{height:1%;} div.Calendar div.CalendarResults .data span{display:block;margin:2px 0;} div.Calendar div.CalendarResults div.data span.startDate, div.Calendar div.CalendarResults div.data span.startTime, 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;} div.Calendar div.CalendarResults div.data span.allDayEvent{margin-left:4px;} #centerZone div.Calendar div.CalendarResults div.data span.startTime, div.Calendar div.CalendarResults div.data span.endTime, div.Calendar div.CalendarResults div.data span.allDayEvent, #centerZone div.Calendar div.CalendarResults div.data span.startDate/*, div.Calendar div.CalendarResults div.data span.endDate*/{float:left;} div.Calendar div.CalendarResults div.data span.attachment, div.Calendar div.CalendarResults div.data div.Description, div.Calendar div.CalendarResults div.data p.teaser{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%;} /* === 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{display:inline;padding:1px 7px;margin-left:5px;cursor:pointer;} /* === 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{clear:both;} 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{} /* === PHOTO BLOCK === */ div.PhotoBlock div.filmstrip{} div.PhotoBlock div.filmstrip div h3{padding-left:5px;} div.PhotoBlock div.filmstrip img{cursor:pointer;float:left;margin:5px;} div.PhotoBlock div.filmstrip div.webImages{float:left;width:330px;} div.PhotoBlock div.filmstrip div.leftArrow, div.PhotoBlock div.filmstrip div.rightArrow{cursor:pointer;height:20px;float:left;margin-top:45px;width:20px;} div.PhotoBlock div.filmstrip div.rightArrow + div{display:none;} div.PhotoBlock div.filmstrip div.thumbnails{float:left;height:400px;margin-bottom:20px;margin-left:60px;width:187px;overflow-y:scroll;} .IE6 div.PhotoBlock div.filmstrip div{display:none;} .IE6 div.PhotoBlock div.filmstrip div.webImages, .IE6 div.PhotoBlock div.filmstrip div.webImages div, .IE6 div.PhotoBlock div.filmstrip div.leftArrow, .IE6 div.PhotoBlock div.filmstrip div.rightArrow, .IE6 div.PhotoBlock div.filmstrip div.thumbnails{display:block;} /* === PRODUCT LIST === */ /* general product listing stuff */ div.Product{} div.Product .CatalogListing h2, div.Product .category h3 , div.Product .noCategory h3, div.Product .products h2, div.Product .products h3{display:block;padding:5px 10px;} div.Product .CatalogListing h2, div.Product .products h2, div.Product .category h3, div.Product .noCategory h3{margin-bottom:10px;} div.Product .ColOne, div.Product .ColTwo, div.Product .ColThree, div.Product .ColFour{clear:both;margin:0 0 10px 0;overflow:hidden;} div.Product div.item{float:left;margin:0;overflow:hidden;padding:10px;} div.Product .ColOne div.item{float:none;margin:0;} div.Product .ColTwo div.item{width:45%;} div.Product .ColThree div.item{width:28%;} div.Product .ColFour div.item{width:20%;} div.Product .ColOne .teaserImage, div.Product .ColOne .otherStuff{clear:none;float:none;} div.Product div.otherStuff{clear:both;} /* sorter */ div.Product .sorter{clear:both;} .IE6 div.Product .sorter{height:1%;} div.Product .sorter ul{float:left;list-style:none;margin:0;padding:0;} div.Product .sorter a{cursor:pointer;} div.Product .sorter li.selected a{cursor:default;} div.Product .sorter ul li{float:left;padding:0 16px 0 0;} .IE6 div.Product .sorter ul li{padding:0 13px 0 0;} div.Product .sorter label, div.Product .sorter .select{float:left;} div.Product .sorter label {padding-right:5px;} /*CatalogListing */ div.Product .CatalogListing{position:relative;} div.Product .CatalogListing .category, div.Product .CatalogListing .noCategory, div.Product .CatalogListing .other{margin:0 0 20px 0;position:relative;} div.Product .CatalogListing .category, div.Product .CatalogListing .noCategory, div.Product .CatalogListing .other{height:1%;} div.Product .CatalogListing .products{padding:0 5px;} div.Product .categoryTeaser{padding:0 10px;} div.Product .viewMore{position:absolute;right:10px;top:8px;} div.Product div.ProductListing h2{padding:5px;} div.Product div.listingTools{margin-bottom:10px;overflow:hidden;padding:10px 5px;} /*Product Detail */ div.Product .productDetail{} div.Product .productDetail .linkText{text-align:right;padding-bottom:20px;} div.Product .productDetail div.item{clear:both;overflow:hidden;} div.Product .productDetail .photos{float:left;margin:0 0 20px 0;width:340px;} div.Product .productDetail .mainPhoto img{padding:2px;} div.Product .productDetail .photos .imgTools{padding:5px 0 10px 0;} div.Product .productDetail .photos .imgTools span, div.Product .productDetail .photos span img{cursor:pointer;} div.Product .productDetail .photos span img{padding-right:2px;} div.Product .productDetail .photos .imgTools span.viewLarger span{padding-left:15px;} div.Product .productDetail .shortDescrip{clear:none;float:left;width:300px;} div.Product .productDetail .shortDescrip h2{padding-bottom:10px;} div.Product .productDetail .shortDescrip div{clear:both;float:none;padding-bottom:5px;} div.Product .productDetail .longDescrip{clear:both;padding:10px 0;} /* larger product view */ .outerPopUp{position:fixed;top:0;left:0;width:100%;height:100%;} .innerPopUp{position:fixed;top:2%;left:50%;margin-left:-325px} .innerPopUp .wrapper{height:620px;overflow:hidden;padding:10px 10px 0 10px;width:657px;} .innerPopUp .wrapper .close{float:right;height:15px;width:14px;cursor:pointer;} .innerPopUp .wrapper .image, .innerPopUp .wrapper .previewPhotos{margin-left:8px;} .innerPopUp .wrapper .mainPhoto{height:485px;} div.Product .productDetail .innerPopUp .wrapper .mainPhoto img{padding:0;} .innerPopUp .wrapper h2{margin-bottom:7px;} .innerPopUp .wrapper div.previewPhotos{clear:both;height:85px;overflow-y:scroll;overflow-x:hidden;width:641px;} /* === 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{padding-bottom:19px;overflow:hidden;} .IE6 div.SearchResults div.organicSearchResults div.OneCol div{height:1%;} 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;} /* === TOCBLOCK === */ div.TOCBlock{} /* === WHAT'S NEW === */ div.WhatsNew{} /* end individual blocks */ /* ========================================================================================== 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{height:100px;} div.commentFormPop #contentContainer, div.commentsPop #contentContainer{padding-left:100px;}