body{ background:#cacaca; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:8px 0 10px 0; color:#000000; margin:0; } #crumbNavBlock{ font-size:10px; margin:4px 0 4px 0; } /* global styles */ a, a:visited{ text-decoration:none; color:#b21f24; } a:hover{ text-decoration:underline; } .left{ float:left; } .right{ float:right; } .required{ color:#FF0000; } .center{ text-align:center; width:100%; } .header{ border-bottom:1px solid #000000; font-weight:bold; } .headerFloat{ border-bottom:1px solid #000000; margin:0 0 5px 0; font-weight:bold; width:800px; float:left; } .headerFloat2{ border-bottom:1px solid #000000; margin:0 0 5px 0; font-weight:bold; width:646px; float:left; } .space{ float:left; height:15px; width:800px; } .clear{ clear:both; } #underline{ font-weight:bold; border-bottom:1px solid #000000; } /* end global styles */ .hmpgHeader{ font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:24px; color:#444444; border-bottom:1px solid #000000; } #hmpgProdBlock{ margin-left:30px; float:left; width:760px; } .hmpgProd{ width:130px; text-align:center; float:left; } .hmpgProd img{ width:100px; height:100px; margin:5px; } .spacer{ width:1px; height:100px; border-right:solid 1px #cccccc; margin:10px; float:left; } .prodLine{ width:750px; height:1px; border-top:dashed 1px #978080; margin:10px -5px 10px 0; float:left; } .prodLine2{ width:600px; height:1px; border-top:dashed 1px #978080; margin:10px -5px 10px 0; float:left; } /* NEW HOMEPAGE */ #hmpgProdBlock2{ margin:10px 17px 10px 17px; float:left; width:960px; } .hmpgProdNew{ width:210px; float:left; font-size:10px; } .hmpgProdNew a{ color:#676767; text-decoration:underline; } .hmpgProdNew a:hover{ text-decoration:none; cursor:pointer; } .hmpgProdNew a img{ border:0; border-bottom:1px solid #676767; } .hmpgProdNew h3{ text-align:center; font-weight:bold; font-size:16px; margin:0 0 5px 0; font-family:Geneva, Arial, Helvetica, sans-serif; width:210px; } .hmpgProdNew h3 a{ color:#003399; text-decoration:none; } .hmpgProdNew h3 a:hover{ text-decoration:underline; } .ctgryImgHmpg{ border:1px solid #555555; -moz-border-radius:15px; border-radius:15px; width:210px; height:120px; margin:0; } #hmpgPlatinum{ width:275px; height:266px; background:url(/images/graphics/hmpg-platinum-new.jpg) 0 0 no-repeat; float:left; } #hmpgPlatinum .hmpgPlatLink{ width:275px; height:245px; float:left; } #hmpgPlatinum .allBoardLink{ width:275px; float:left; text-align:right; font-size:11px; } #hmpgPlatinum .allBoardLink a{ margin-right:5px; color:#0000CC; } /* END NEW HOMEPAGE */ .hmpgProd2{ width:110px; margin:2px; text-align:center; float:left; font-size:11px; } .hmpgProd2 img{ width:100px; height:100px; margin:5px; } #hmpgBoardDiv{ line-height:1.2em; height:225px; width:314px; background:url(/images/banners/hmpg-markerboard.gif); float:left; } #boardLink{ display:block; width:314px; height:149px; } #boardPrice{ padding:0 0 0 5px; } #boardPrice b{ color:#FF0000; } #boardBox{ width:300px; margin:5px 0 0 7px; font-weight:bold; } #hmpgCustoms{ height:225px; width:271px; background:url(/images/banners/hmpg-customs.gif); float:left; } #customsLink{ display:block; width:271px; height:165px; } #customsInfo{ line-height:1.2em; color:#4c4c4c; padding:0 0 0 5px; } /* page loader */ div.loading-invisible{ display:none; } div.loading-visible{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; z-index:30; background:#ffffff; filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; } div.loading-visible p{ padding:20px 0 20px 0; border-top:2px solid #CCCCCC; border-bottom:2px solid #CCCCCC; position:absolute; z-index:35; width:100%; left:0; top:300px; text-align:center; font-weight:bold; font-size:12px; } div.loading-visible iframe{ z-index:20; position:absolute; left:0; top:0; height:100%; width:100%; } /* end page loader */ /* main layout table */ #mainTable{ width:100%; text-align:left; font:Verdana, Arial, Helvetica, sans-serif; font-size:12px; table-layout:fixed; height:100%; } #mainHeader{ height:98px; background:#cacaca; } #headerDiv{ width:980px; height:98px; position:absolute; background:#ffffff; } #logo{ position:absolute; margin:0 0 0 10px; } #number{ margin:12px 0 0 387px; position:absolute; z-index:20; } #chat{ margin:10px 0 0 387px; position:absolute; z-index:20; } #topLinks{ font-size:10px; text-align:right; margin:20px 0 0 730px; position:absolute; z-index:99; width:240px; } #sale_block{ margin:45px 0 0 800px; position:absolute; z-index:98; width:185px; height:50px; } #headerText{ position:absolute; margin:80px 0 0 2px; font-style:italic; color:#222222; } #headerText2{ position:absolute; font-size:11px; font-weight:bold; right:25px; top:80px; color:#222222; } #rightSide{ background:url(/images/layout/new/gradient-right.gif) left top repeat-y; } #leftSide{ background:url(/images/layout/new/gradient-left.gif) right top repeat-y; } #linksBar{ height:41px; } #linksDiv{ z-index:20; width:980px; height:41px; position:absolute; background:url(/images/layout/new/linkBar_tile.gif) 0 0 repeat-x; } #btnHome{ margin-top:0; display:block; height:32px; width:120px; background:url(/images/layout/new/btn_home.gif); float:left; } #btnHome:hover{ background:url(/images/layout/new/btn_home_over.gif); } #btnAbout{ margin-top:0; display:block; height:32px; width:120px; background:url(/images/layout/new/btn_about.gif); float:left; } #btnAbout:hover{ background:url(/images/layout/new/btn_about_over.gif); } #btnContact{ margin-top:0; display:block; height:32px; width:120px; background:url(/images/layout/new/btn_contact.gif); float:left; } #btnContact:hover{ background:url(/images/layout/new/btn_contact_over.gif); } #btnCustom{ margin-top:0; display:block; height:32px; width:120px; background:url(/images/layout/new/btn_custom.gif); float:left; } #btnCustom:hover{ background:url(/images/layout/new/btn_custom_over.gif); } #btnGreen{ margin-top:0; display:block; height:32px; width:120px; background:url(/images/layout/new/btn_green.gif); float:left; } #btnGreen:hover{ background:url(/images/layout/new/btn_green_over.gif); } #btnProducts{ margin-top:0; display:block; height:32px; width:140px; background:url(/images/layout/new/btn_products.gif); float:left; } #btnHelp{ margin-top:0; display:block; height:32px; width:120px; background:url(/images/layout/new/btn_help.gif); float:left; } #btnHelp:hover{ background:url(/images/layout/new/btn_help_over.gif); } #btnCompany{ margin-top:0; display:block; height:32px; width:120px; background:url(/images/layout/new/btn_company.gif); float:left; } #linksBar2{ height:43px; } #linksDiv2{ z-index:20; width:980px; height:43px; position:absolute; background:url(/images/header/nav-bar.gif) 0 0 repeat-x; } #btnHome2{ margin-top:0; display:block; height:43px; width:81px; background:url(/images/header/nav-home-off2.gif); float:left; } #btnHome2:hover{ background:url(/images/header/nav-home-on2.gif); } #btnProducts2{ margin-top:0; display:block; height:43px; width:139px; background:url(/images/header/nav-products-off.gif); float:left; } #btnProducts2:hover{ background:url(/images/header/nav-products-on2.gif); } #btnCustom2{ margin-top:0; display:block; height:43px; width:152px; background:url(/images/header/nav-custom-off.gif); float:left; } #btnCustom2:hover{ background:url(/images/header/nav-custom-on2.gif); } #btnContact2{ margin-top:0; display:block; height:43px; width:122px; background:url(/images/header/nav-contact-off.gif); float:left; } #btnContact2:hover{ background:url(/images/header/nav-contact-on2.gif); } #btnAbout2{ margin-top:0; display:block; height:43px; width:106px; background:url(/images/header/nav-about-off.gif); float:left; } #btnAbout2:hover{ background:url(/images/header/nav-about-on2.gif); } #btnHelp2{ margin-top:0; display:block; height:43px; width:124px; background:url(/images/header/nav-help-off.gif); float:left; } #btnHelp2:hover{ background:url(/images/header/nav-help-on2.gif); } /* quick search */ #searchBox{ text-align:left; margin-top:0;height:43px; width:256px; background:url(/images/header/nav-search-bg2.gif); float:left; } #quickSearch{ margin:0; padding:0; height:43px; width:256px; position:absolute; right:0; } #quickSearch #inputString{ padding:0 0 0 5px; margin:5px 0 0 17px; font-size:12px; height:21px; width:159px; border-right:0; border:1px solid #790000; border-right:0; float:left; color:#555555; } * html #quickSearch #inputString{ padding:4px 0 0 0; height:19px; } #quickSearch .submit{ padding:0; margin:0 6px 0 0; float:right; border:0; width:65px; height:43px; cursor:pointer; } .suggestionsBox { width:191px; -moz-border-radius:8px; -webkit-border-radius:8px; font-size:11px; position:relative; left:0px; margin:3px 0px 0px 0px; background:#f8f8f8; border:1px solid #797979; float:left; padding:4px 0 4px 0; } .suggestionsBox a{ line-height:11px; border-bottom:1px dotted #666666; font-size:10px; color:#000000; padding:3px 2px 3px 2px; display:block; width:187px; text-decoration:none; float:left; } * html .suggestionsBox a{ width:191px; } .suggestionsBox a img{ height:30px; width:30px; border:1px solid #999999; float:left; } .suggestionsBox a p{ margin:0; width:149px; float:right; } .suggestionsBox a p small{ border-bottom:1px dotted #333333; } .suggestionsBox #lastLink { border:0; } #quickSearch .suggestionsBox a:hover{ cursor:pointer; background:#e3e3e3; color:#bb0000; } /* end quick search */ #mainContent{ height:100%; } #csBox{ margin:4px 0 4px 0; float:right; } /*.sides{ background:url(/images/layout/outer_grad.gif) bottom repeat-x; }*/ #pageContent{ background:#ffffff; padding:0 7px 7px 7px; } .sideHeaderText{ width:152px; color:#555555; font-size:11px; text-align:center; font-weight:bold; } #mainFooter{ height:95px; background:#cacaca; } #footerBlock{ font-size:10px; width:980px; height:95px; position:absolute; background:url(/images/layout/bottom_grad.gif) top no-repeat; background-color:#ffffff; } #ssl{ margin:5px 0 0 10px; float:left; } #bbb{ margin:5px 0 0 15px; float:left; } .footerDivs{ display:inline; width:140px; margin:3px 0 0 50px; float:left; } .footerDivs a, .footerDivs a:visited{ color:#7a7a7a; } .footerDivs p{ margin:0 0 0 5px; } #footerAddress{ margin:10px 0 0 0; width:980px; text-align:center; color:#7a7a7a; float:left; font-size:9px; } /* end main layout table */ /* NEW SIDE NAV LAYOUT */ #sidebarFeaturedHeader{ height:21px; width:165px; margin:3px 0 0 0; background:url(/images/layout/new/sidebar-featured.gif); } #sidebarFeatured{ width:164px; background:#ffffff; border:1px solid #444444; border-top:none; border-left:none; font-family:Arial, Helvetica, sans-serif; padding-bottom:4px; } #sidebarFeaturedBottom{ margin:0 0 5px 0; font-size:1px; height:7px; width:165px; background:url(/images/layout/new-sidebar-bottom2.gif); } #sidebarFeatured img{ margin:0 0 0 4px; padding:0; float:left; } #sidebarFeatured a{ border-bottom:1px dotted #a1a1a1; font-weight:bold; font-size:11px; color:#000000 ; display:block; padding:4px 4px 4px 4px; margin:0; width:152px; float:left; } #sidebarFeatured a:hover{ text-decoration:none; color:#aa0000; padding:4px 2px 4px 12px; background:url(/images/graphics/arrow.gif) 3px 8px no-repeat; width:146px; } #sidebarHeader{ height:21px; width:165px; margin:3px 0 0 0; background:url(/images/layout/new/sidebar-header.gif); } #sidebarDiv2{ width:164px; background:#ffffff; border:1px solid #444444; border-top:none; border-left:none; font-family:Arial, Helvetica, sans-serif; padding-bottom:4px; } #sidebarBottom2{ margin:0; font-size:1px; height:7px; width:165px; background:url(/images/layout/new-sidebar-bottom2.gif); } #sidebarDiv2 img{ margin:0 0 0 4px; padding:0; float:left; } #sidebarDiv2 a{ border-bottom:1px dotted #a1a1a1; font-size:11px; color:#000000 ; display:block; padding:4px 4px 4px 4px; margin:0; width:152px; float:left; } #sidebarDiv2 a:hover{ text-decoration:none; color:#aa0000; padding:4px 2px 4px 12px; background:url(/images/graphics/arrow.gif) 3px 8px no-repeat; width:146px; } .addThis{ float:left; margin-top:5px; } /* END NEW SIDE NAV LAYOUT */ /* CATEGORY PAGE */ #ctgry_block{ width:775px; float:left; } #ctgry_block h1{ width:775px; margin:0; font-size:18px; font-weight:bold; text-align:left; } #ctgry_img{ width:150px; height:150px; float:left; } #ctgry_desc{ text-align:left; width:775px; margin-bottom:10px; float:left; } #ctgry_desc img{ width:150px; height:150px; float:left; } #ctgry_desc p{ text-indent:15px; width:615px; margin:0; float:right; } #ctgry_desc p img{ width:auto; height:auto; } #ctgry_block #ctgry_desc ul{ margin-top:0px; float:left; } #ctgry_desc .sectDescLinks{ margin:15px 0 0 0; width:615px; text-align:center; font-weight:bold; float:left; } #ctgry_desc .sectDescLinks img{ border:0; height:auto; width:auto; float:none; } #ctgry_desc #topFeatured{ font-size:10px; line-height:1.1em; margin:5px 0 5px 0; text-align:left; width:150px; text-align:center; float:left; } #ctgry_desc #topFeatured a img{ margin:0 0 0 3px; border:0; height:140px; width:140px; float:none; } #ctgry_desc #topFeatured #topFeatHeader{ height:21px; width:150px; background:url(/images/layout/sec-feat-header.gif); } #ctgry_desc #topFeatured #topFeatFooter{ font-size:1px; height:8px; width:150px; background:url(/images/layout/sec-feat-footer.gif) } #ctgry_desc #topFeatured #topFeatBody{ text-align:center; width:148px; border-right:1px solid #919394; border-left:1px solid #919394; } #ctgry_desc #topFeatured #topFeatBody #center{ margin:0 4px 0 4px; } /* SECTION BLOCK */ #sections_block{ width:800px; float:left; } #sections_block a{ color:#000000; } #sections_block .section{ font-size:11px; width:150px; text-align:center; padding:5px; background:url(/images/layout/section-divider.gif) right no-repeat; float:left; } #sections_block .section a img{ border:0; } #sections_block .section .subSectImgLink img{ height:100px; width:100px; } #sections_block .sectionTemp{ margin:5px 0 5px 0; width:387px; background:url(/images/layout/section-divider.gif) right no-repeat; float:left; } #sections_block .sectionTemp img{ margin:0 0 0 4px; height:100px; width:100px; float:left; } #sections_block .sectionTemp div{ margin:0; font-size:11px; padding:0; width:280px; float:right; } #sections_block .sectionTemp h2{ margin:10px 0 0 0; font-size:12px; } #sections_block .noLine{ background:none; } .noLine{ background:none; } .secLine{ height:5px; width:800px; background:url(/images/layout/section-underline.gif) center no-repeat; float:left; } .secLineSm{ height:5px; width:620px; background:url(/images/layout/section-underline-sm.gif) center no-repeat; float:left; } /* Wide List Display */ #sections_block .wideList{ width:800px; } #sections_block .wideList .wideInfo{ width:566px; } /* ICONS */ #sections_block .productDiv .vid_play{ display:block; cursor:pointer; margin:2px 0 0 90px; height:20px; width:20px; position:absolute; background:url(/images/graphics/play.gif); } /* PAGINATION */ .paginationDiv{ font-size:12px; color:#4d4d4d; width:800px; } .paginationTop{ font-size:1px; height:7px; width:800px; background:url(/images/layout/pagination-top.gif) no-repeat; } .paginationBottom{ font-size:1px; height:7px; width:800px; background:url(/images/layout/pagination-bottom.gif) no-repeat; } .paginationTopSm{ font-size:1px; height:7px; width:640px; background:url(/images/layout/pagination-top-sm.gif) no-repeat; } .paginationBottomSm{ font-size:1px; height:7px; width:640px; background:url(/images/layout/pagination-bottom-sm.gif) no-repeat; } .paginationContent{ width:804px; border-bottom:1px solid #c8c6c6; border-right:1px solid #c8c6c6; border-left:1px solid #c8c6c6; background:#f5f5f5 url(/images/layout/pagination-grad.gif) top repeat-x; } * html .paginationContent{ width:800px; } .pageBottom{ margin:2px 0 0 0; border-bottom:none; border-top:1px solid #c8c6c6; background:#f5f5f5 url(/images/layout/pagination-grad2.gif) bottom repeat-x; } .paginationDiv form{ display:inline; width:auto; margin:2px 5px 2px 10px; } .paginationDiv form label{ float:none; } .paginationDiv form select{ width:auto; margin:0; padding:1px 0 1px 0; font-size:11px; border:1px solid #b5b5b5; float:none; } .paginationDiv .orderBy{ padding:0 0 0 4px; display:inline; float:left; } .page_block2{ display:inline; margin:5px 0 5px 10px; padding:0; float:left; } .pageSmall{ width:640px; } .contentSmall{ width:638px; } * html .contentSmall{ width:638px; } #displayStyle{ margin-bottom:5px; float:left; } #displayStyle form{ margin:0; padding:0; } /* END PAGINATION */ /************************************************************************************************/ /****************************** Even Newer Sub Section Page **************************/ /* NEW CTGRY, SECT, SUB_SECT STYLES */ #ctgry_info{ width:640px; margin:30px 0 0 0; } #ctgry_info h1{ width:640px; margin:0 0 10px 0; font-size:18px; font-weight:bold; text-align:left; } #ctgry_info h2{ margin:10px 0 10px 0; font-size:12px; font-weight:bold; text-align:left; } #ctgry_info p{ text-indent:15px; width:640px; margin:0 0 10px 0; } #ctgry_info #deep_link{ margin:30px 0 0 0; } #ctgry_info #common_tags{ font-size:10px; margin:10px 0 0 0; } #ctgry_info img{ border:none; } #ctgry_info ul{ width:260px; margin:10px 0 10px 15px; padding:0 0 0 15px; float:left; } #mainContent .wideCtgryInfo{ width:775px; } #mainContent .wideCtgryInfo h1{ width:775px; } #mainContent .wideCtgryInfo p{ width:775px; } #ctgry_nm{ border-bottom:1px solid #000000; width:775px; padding:0 0 3px 0; margin:0 0 5px 0; font-weight:normal; font-family:Constantia, "Times New Roman", Times, serif; } #ctgry_nm strong{ font-size:24px; } #ctgry_nm small{ font-size:18px; } #h2Tags{ color:#333333; font-size:11px; margin:0 0 15px 0; font-weight:normal; } /* END NEW CTGRY, SECT, SUB_SECT STYLES */ #altPagination{ width:640px; padding:0 0 4px 0; border-bottom:1px solid #000000; float:left; } #sections_block .pageAltBottom{ padding:4px 0 0 0; border-bottom:0; border-top:1px solid #000000; } #sections_block .pageWide{ width:775px; } #altPagination .page_block2{ margin:0; padding:0; } #altPagination .page_block2 span{ padding:0 2px 0 2px; border:1px solid #120376; background:#465bcc; color:#FFFFFF; } #altPagination form{ margin:0; padding:0; } #altPagination label{ margin:0 2px 0 5px; float:left; } #altPagination select{ width:auto; margin:0; padding:0; border:1px solid #999999; float:left; } #altPagination .viewAllForm{ margin:0 0 0 5px; padding:0; float:left; } #altPagination .viewAllForm input{ cursor:pointer; font-size:12px; color:#0000FF; width:auto; margin:0; padding:0; background:none; border:none; } #sections_block .sectionProd{ text-align:center; font-size:11px; width:203px; padding:5px; background:url(/images/layout/section-divider.gif) right no-repeat; float:left; } #sections_block .sectionProd a img{ border:0; margin:0 auto 0 auto; } #sections_block .nmPrice{ text-align:left;} #sections_block .sectionProd .subSectImgLink img{ height:150px; width:150px; } #sections_block .sectionProd .preview{ display:block; cursor:pointer; padding:0 0 5px 0; font-size:10px; color:#FF0000; } #sections_block .noLine{ background:none; } /* END CATEGORY PAGE */ /* drop downs */ #nav, #nav ul { text-align:left; padding: 0; margin: 0; list-style: none; font-family:Arial, Helvetica, sans-serif; } #nav a { } #nav p{ margin:0; } #nav li { margin:0; width:140px; float: left; } #nav li ul { margin:32px 0 0 -1px; z-index:20; display:inline; position:absolute; width:140px; left: -9999px; } #nav .liSm{ width:120px; } #nav .liSm2{ width:auto; } /* IE 7 Fix */ #nav li:hover{ position: static; } #nav li ul li a{ cursor:pointer; display:block; font-weight:bold; margin:3px; padding:3px 5px 3px 5px; color:#222222; } #nav li ul li a:hover{ text-decoration:none; background:#e8eee5; } #nav li:hover ul { left: auto;} #nav li.sfhover ul { left: auto;} #nav li:hover #btnProducts2{ background:url(/images/header/nav-products-on2.gif); } * html #nav li.sfhover #btnProducts2{ background:url(/images/header/nav-products-on2.gif); } #nav li:hover #btnHelp2{ background:url(/images/header/nav-help-on2.gif); } * html #nav li.sfhover #btnHelp2{ background:url(/images/header/nav-help-on2.gif); } /* end drop downs */ /* product drop down */ #nav #prodAlign ul{ margin:43px 0 0 -5px; } #nav #deptAlign ul{ margin:32px 0 0 -152px; -webkit-border-top-left-radius:7px; -moz-border-radius-topleft:7px; } #nav #brandsAlign ul{ margin:32px 0 0 -304px; -webkit-border-top-left-radius:7px; -moz-border-radius-topleft:7px; } #nav #helpAlign ul{ margin:32px 0 0 -456px; -webkit-border-top-left-radius:7px; -moz-border-radius-topleft:7px; } #nav #companyAlign ul{ top:11px; right:-1px; width:620px; } #nav .prodDrop ul{ font-size:12px; border:1px solid #444444; background:#fafafa url(/images/header/drop_grad.gif) bottom left repeat-x; padding:5px; width:820px; -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; -webkit-border-bottom-right-radius:7px; -moz-border-radius-bottomright:7px; -webkit-border-bottom-left-radius:7px; -moz-border-radius-bottomleft:7px; } #nav .prodDrop ul .dropLinksDiv{ float:left; width:268px; margin-right:3px; } #nav .prodDrop ul .dropLinksDiv li{ width:268px; } #nav .prodDrop ul .dropHelpDiv{ float:left; width:150px; margin-right:5px; } #nav .prodDrop ul .dropHelpDiv li{ width:145px; } #nav .prodDrop ul .dropHelpDiv h3{ text-decoration:underline; font-size:12px; margin:5px 0 0 2px; } #nav .prodDrop ul .dropTab{ position:absolute; height:32px; width:140px; } #nav .prodDrop ul .dropTab div{ margin:32px 0 0 -3px; position:absolute; height:6px; font-size:1px; width:140px; background:url(/images/layout/tabcover.gif) no-repeat; } #nav .prodDrop ul .lineFix{ width:238px; height:1px; background:#f7f7f7; margin:-1px 0 0 0; font-size:1px; } #nav .prodDrop ul #prodTab{ margin:-49px 0 0 120px; } #nav .prodDrop ul #prodTab img{ position:absolute; margin:6px 0 0 27px; } #nav .prodDrop ul #deptTab{ margin:-49px 0 0 148px; } #nav .prodDrop ul #deptTab img{ position:absolute; margin:8px 0 0 13px; } #nav .prodDrop ul #brandsTab{ margin:-49px 0 0 300px; } #nav .prodDrop ul #brandsTab img{ position:absolute; margin:8px 0 0 31px; } #nav .prodDrop ul #helpTab{ margin:-49px 0 0 452px; } #nav .prodDrop ul #helpTab img{ position:absolute; margin:7px 0 0 35px; } #nav .prodDrop ul #companyTab{ margin:-49px 0 0 500px; } #nav .prodDrop ul #companyTab img{ position:absolute; margin:8px 0 0 44px; } #nav .prodDrop ul .dropBox{ margin:0; background:#ffffff url(/images/layout/link-gray.gif) left repeat-y; border:1px solid #c6c6c6; border-left:none; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; } #nav .prodDrop ul .dropBox .dropLinks{ width:238px; border-right:1px solid #c6c6c6; background:#f7f7f7; float:left; } #nav .prodDrop ul .dropBox .dropLinks div{ background:#ffffff url(/images/layout/dl-grad.gif) bottom repeat-x; } #nav .prodDrop ul .dropBox .dropLinks div a{ padding:5px 12px 0 5px; display:block; border-bottom:1px solid #c6c6c6; color:#283b7b; width:221px; height:20px; font-size:12px; background:url(/images/layout/dl-arrow.gif) 227px 9px no-repeat; } #nav .prodDrop ul .dropBox .dropLinks div a:hover{ color:#000000; text-decoration:none; background:url(/images/layout/dl-arrow-over.gif) 227px 9px no-repeat; } #nav .prodDrop ul .dropBox .dropLinks .dLink div{ display:none; } #nav .prodDrop ul .dropBox .dropLinks .linkOn a{ color:#000000; background:url(/images/layout/dl-arrow-over.gif) 227px 9px no-repeat; } #nav .prodDrop ul .dropBox .dropLinks .linkOn div{ display:inline; position:absolute; margin:-1px 0 0 -15px; height:36px; width:15px; background:url(/images/layout/dl-linkend.gif) no-repeat; } #nav .prodDrop ul .dropBox .dropContent{ width:572px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; float:left; } #nav .prodDrop ul .dropBox .dropContent .dlCont{ margin:0 0 0 10px; width:550px; float:left; } #nav .prodDrop ul .dropBox .dropContent .dlCont h2{ margin:5px 0 5px 0; font-weight:normal; color:#28469f; } #nav .prodDrop ul .dropBox .dropContent .dlCont h2 a{ font-size:24px; color:#28469f; } #nav .prodDrop ul .dropBox .dropContent .dlCont .dlDsc{ font-size:11px; margin-bottom:5px; } #nav .prodDrop ul .dropBox .dropContent .dlCont .dlSects{ width:127px; padding:5px; text-align:center; float:left; } #nav .prodDrop ul .dropBox .dropContent .dlCont h3{ text-align:right; font-size:16px; margin:5px 0 5px 0; } #nav .prodDrop ul .dropBox .dropContent .dlCont b{ font-size:14px; } #nav .prodDrop ul .dropBox .dropContent .dlCont strong{ display:block; padding:3px 0 3px 0; font-weight:normal; } #nav .csDropLinks{ margin:5px 0 5px 10px; font-size:13px; } #nav .prodDrop ul .dropBox #helpContent{ height:215px; background:url(/images/layout/cs_bg.gif) bottom right no-repeat; } #nav .prodDrop ul .dropBox .dropContent .dlCont .dropCntr{ font-size:16px; } #nav .prodDrop ul .dropBox .dropContent .dlCont .dropCntr b{ font-size:20px; } #nav .prodDrop ul .dropBox .dropContent .dlCont .csLinks{ width:260px; margin:0 0 0 10px; display:inline; float:left; } #nav .prodDrop ul .dropBox .dropContent .dlCont .csLinks h4{ font-size:14px; margin:0; } #chatUnavailabe{ text-align:center; font-size:18px; color:#FF0000; } /* end product drop down */ /* customer service */ .sitesBlock{ width:200px; font-size:10px; text-align:left; float:left; } .sitesBlock p { padding:0 4px 0 4px; } #aboutUsAddress{ width:800px; text-align:center; float:left; } #csLinks{ display:inline; width:601px; height:134px; background:url(/images/layout/cs_links3.gif) 0 0 no-repeat; margin:30px 100px 10px 100px; float:left; font-size:10px; } #csLinks table{ margin:10px; font-size:10px; } #csLinks td{ width:141px; } #csLinks a{ display:block; margin:0 6px 0 15px; padding:1px 0 1px 0; border-bottom:1px dotted #cf9e9e; color:#aa0000; } #csLinks a:hover{ background:#e6cdce; text-decoration:none; } #csLinks h3{ margin:3px 0 0 6px; color:#555555; font-size:11px; } #csLinks #linkOn{ color:#c1272d; font-weight:bold; } #newsletterBlock{ width:550px; margin:10px 0 0 145px; float:left; } #unsubscribe{ border:0; margin-left:200px; } #unsubscribe .submit{ margin:2px 0 0 10px; width:120px; height:18px; position:absolute; } #subscribe{ border:0; margin-left:50px; } #subscribe .submit{ margin:2px 0 0 10px; width:120px; height:18px; position:absolute; } /* end customer service */ /* account and cs forms */ #formCenter{ width:800px; text-align:center; float:left; } #stdForm{ width:400px; margin:20px auto 0 auto; } #stdForm label{ width:150px; padding-top:4px; text-align:right; float:left; } #stdForm input, #stdForm select{ width:150px; margin:0 0 2px 2px; background:#f5f5f5; border:1px solid #880000; float:left; } #stdForm textarea{ width:245px; height:150px; margin:0 0 2px 2px; background:#f5f5f5; border:1px solid #880000; float:left; } #stdForm small{ padding:5px; text-align:center; float:left; } #stdForm span{ width:150px; padding:5px 0 5px 0; text-align:right; float:left; } #stdForm #formButton{ border:0; margin-top:10px; width:61px; height:23px; } #stdForm p{ float:left; } #stdForm #radioButtons{ width:150px; text-align:center; margin:3px 10px 0 0; float:left; } #stdForm .radio{ width:15px; background:none; border:0; margin:0; padding:0; float:none; } #accountNav #linkOn{ font-weight:bold; } /* end account and cs forms */ /* Account Pages */ .accountInfoBlock{ margin:5px 0 0 0; width:280px; float:left; } .accountInfoBlockRight{ margin:5px 0 0 0; width:170px; float:right; } .accountInfoBlock p, .accountInfoBlockRight p{ padding:5px 0 0 5px; margin:0; } .accountInfoBlock h4, .accountInfoBlockRight h4{ margin:5px 0 0 5px; font-size:12px; } #tableWrapper h4{ margin:0 0 0 0; font-size:12px; text-align:right; } .addressBlock{ display:inline; width:250px; margin:10px 0 0 130px; float:left; } .addressBlock h3{ text-align:center; font-size:16px; margin:5px 0 0 0; float:none; } .addressBlock h4{ font-size:12px; margin:0 0 10px 0; } .addressBlock p{ margin:0 0 0 5px; } #buttons{ width:800px; text-align:center; float:left; } #accountNav{ display:inline; width:480px; height:80px; background:url(/images/layout/account_links.gif) 0 0 no-repeat; margin:30px 0 0 160px; float:left; } #accountNav .accountContent{ width:470px; font-size:11px;table-layout:fixed; margin:15px 5px 0 5px; padding:0; } #accountNav .accountContent td{ width:146px; margin:0 10px 5px 10px; padding-bottom:5px; } #accountNav .accountContent a{ display:block; margin:0 6px 0 15px; padding:1px 0 1px 0; border-bottom:1px dotted #cf9e9e; color:#aa0000; } #accountNav .accountContent h3{ margin:3px 0 0 6px; color:#555555; font-size:11px; } #accountNav .accountHeader{ width:165px; height:21px; margin-bottom:-1px; } /* end Account Pages */ /* pagination bar */ .page_block{ font-size:12px; height:17px; margin:0; border:1px solid #b0b0b0; background:#fefefe url(../../images/layout/header_bg.gif) top repeat-x; } * html .page_block{ height:18px; } .viewing{ margin:1px 0 0 2px; float:left; } .pages{ margin:1px 2px 0 0; float:right; } /* end pagination bar */ /* category / section pages */ #categoryBlock{ width:800px; float:left; } #largecatimg{ float:left; } #largecatimg img{ width:150px; height:150px; } #categoryDesc{ width:620px; float:right; margin-bottom:10px; margin-right:20px; } #categoryDesc h1{ font-size:18px; margin:10px 0 0 0; } #categoryDesc p{ margin:0; } .best_seller{ background:url(/images/layout/best_seller2.png); text-align:center; padding:0; width:115px; height:43px; margin:0 auto -43px auto; z-index:99; position:relative; } * html .best_seller{ background:none; filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/best_seller2.png', sizingMethod='image');"; } .great_value{ background:url(/images/layout/great_value.png); text-align:center; padding:0; width:115px; height:43px; margin:0 auto -43px auto; z-index:99; position:relative; } * html .great_value{ background:none; filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/great_value.png', sizingMethod='image');"; } #featGroup{ margin:10px 0 10px 0; border:1px solid #b0b0b0; float:left; } #featGroup .featBlock2{ font-size:11px; text-align:center; float:left; font-size:10px; } #featGroup .featBlock2 img{ width:80px; height:80px; } #featGroup .featBlock2 div{ margin:3px 5px 5px 5px; max-width:200px; } #featGroup .featBlock2 .view{ margin:5px 0 0 0; } #featGroup .featHeader{ font-size:12px; height:17px; margin:0; border-bottom:1px solid #b0b0b0; background:#fefefe url(../../images/layout/header_bg.gif) top repeat-x; font-weight:bold; } * html #featGroup .featHeader{ height:18px; } #featGroup .featHeader .text{ margin:2px 0 0 8px; font-size:13px; } #related{ float:right; margin:0; border:1px solid #b0b0b0; width:150px; text-align:center; } #related .rTop{ font-size:12px; height:17px; margin:0; border-bottom:1px solid #b0b0b0; background:#fefefe url(../../images/layout/header_bg.gif) top repeat-x; font-weight:bold; } * html #related .rTop{ height:18px; } #related .section{ padding:5px; border-bottom:1px dashed #b0b0b0; } /* end category / section pages */ /* second category page */ #sub_div{ width:750px; float:left; margin-left:30px; font-size:12px; text-align:center; } #sub_div .subSect{ width:140px; float:left; margin:10px; } #sub_div .subSect a img{ width:100px; height:100px; margin:5px; border:none; } #sub_div .subSect a img:hover{ filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; } #sub_div .subSect .subName{ font-weight:bold; } .headerViewAll{ text-align:right; margin:0; font-weight:bold; font-size:13px; } #sub_div2{ display:inline; width:600px; float:left; margin-left:20px; font-size:12px; text-align:center; } #sub_div2 .subSect{ width:120px; float:left; margin:5px; } #sub_div2 .subSect a img{ width:100px; height:100px; margin:5px; border:none; } #sub_div2 .subSect a img:hover{ filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; } #sub_div2 .subSect .subName{ font-weight:bold; } /* end second category page */ /* product display table */ #productTable{ width:100%; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; table-layout:fixed; } #productTable td{ padding:10px 5px 10px 5px; } #productTable td div{ margin-top:5px; } #productTable .thumbproductimg{ height:100px; width:100px; border:none; } #productTable .itemsRowB td{ border-top:1px solid #CCCCCC; } #productTable .itemLine{ background:url(/images/layout/table_divider.gif) right no-repeat; } #productTable2{ width:640px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; table-layout:fixed; } #productTable2 td{ padding:10px 5px 10px 5px; } #productTable2 td div{ margin-top:5px; } #productTable2 .thumbproductimg{ height:80px; width:80px; border:none; } #productTable2 .itemsRowB td{ border-top:1px solid #CCCCCC; } #productTable2 .itemLine{ background:url(/images/layout/table_divider.gif) right no-repeat; } /* end product display table */ /* group page */ .grpInfoBlock{ display:inline; margin:0 0 20px 5px; width:800px; float:left; } .grpInfoBlock h2{ width:710px; margin:0; padding:0 0 2px 0; color:#333333; background:url(/images/layout/fade_line.gif) bottom left no-repeat; font-size:13px; float:right; } .grpInfoBlock h2 a{ color:#000000; } .grpInfoBlock h2 a:hover{ text-decoration:none; color:#0000CC; } .grpInfoBlock p{ text-align:left; margin:0 0 0 0; font-size:12px; color:#333333; padding:0; width:710px; float:right; } .grpInfoBlock .sectImg{ width:80px; height:80px; float:left; } .grpInfoBlock .grpText{ width:710px; float:right; } /* end group page */ /* search */ .searchHeader{ margin:0 0 0 0; font-size:12px; border-bottom:1px solid #666666; } #advancedSearch{ margin:10px 0 15px 0; width:800px; float:left; } #advancedSearch input, #advancedSearch select{ font-size:12px; width:170px; background:#f5f5f5; border:1px solid #880000; float:left; } #advancedSearch label{ padding:2px 2px 0 0; width:130px; text-align:right; font-size:12px; float:left; } #advancedSearch #advSearchButton{ margin:0 0 0 30px; width:61px; height:23px; border:0; } #prodLinks{ width:800px; float:left; } #refineTable{ font-size:12px; width:800px; } #refineTable td{ padding:5px 5px 10px 5px; } #prodLinks .brandsForm{ margin:0; padding:0; } #prodLinks .brandsForm .inputCenter{ min-width:100px; text-align:left; margin:0 auto 0 auto; border:1px solid black; } #prodLinks .brandsForm label{ font-size:12px; margin:0; padding:0 0 3px 0; } #prodLinks .brandsForm select{ margin:0; font-size:12px; background:#f5f5f5; border:1px solid #880000; } #tableWrapper{ width:800px; float:left; } #tableWrapper2{ width:640px; float:left; } /* end search */ /* green page */ .greenBlock{ font-size:11px; min-height:72px; width:190px; margin:5px 0 15px 9px; background:url(/images/layout/green_box.gif) top no-repeat; float:left; } * html .greenBlock{ display:inline; height:72px; } .greenBlock h3{ font-size:11px; color:#004807; margin:2px 0 0 3px; } .greenBlock p{ margin:0 0 0 5px; } .greenBlock a, { color:#009a04; } #greenTitle{ color:#005008; font-size:18px; text-align:center; padding:4px 0 4px 0; margin:2px 0 0 0; } #greenText{ width:800px; float:left; } .grnLink{ display:block; padding:3px 0 3px 0; border-bottom:1px dotted #CCCCCC; } /* end green page */ /* home page */ .hmpgCatHeader{ background:#CCCCCC; font-weight:bold; padding:3px; } .hmpgCatDivs{ display:inline; font-size:11px; margin:0 0 10px 0; width:266px; float:left; } .hmpgCatDivs a{ color:#0000CC; text-decoration:none; } .hmpgCatDivs a:hover{ text-decoration:underline; } .hmpgCatDivs h2{ font-size:11px; padding:0 0 2px 0; margin:0 0 3px 0; background:url(/images/graphics/underline-grad.gif) bottom left no-repeat; } .hmpgCatDivs h2 a{ text-decoration:none; color:#000000; } .hmpgCatDivs h2 a:hover{ color:#FF0000; text-decoration:none; } .hmpgCatDivs img{ width:80px; height:80px; float:left; } .hmpgCatDivs ul{ padding:0; margin:7px 0 0 0; width:180px; float:right; } .hmpgCatDivs ul li{ font-size:10px; margin:0 0 0 15px; } /* end home page */ /* NEW HOME PAGE */ #hmpgMainBanner{ margin:3px 0 8px 10px; width:781px; float:left; } .hmpgMargin{ margin-bottom:8px; display:inline; float:left; } #clpHmpgDiv{ margin-bottom:8px; display:inline; height:204px; width:236px; background:url(/images/banners/hmpg-cl-new.gif) no-repeat; float:right; } #clpLink{ display:block; width:236px; height:115px; } #clpReview{ font-size:10px; margin:17px 5px 0 7px; line-height:1.2em; } #vatLink{ padding-top:2px; text-align:right; display:block; width:225px; } #ctcText{ margin:5px 0 0 10px; width:205px; font-size:11px; color:#4c4c4d; line-height:1.2em; float:left; } #ctcText b{ color:#000000; font-size:12px; text-decoration:underline; } #pihText{ margin:5px 0 0 10px; width:190px; font-size:11px; color:#4c4c4d; line-height:1.2em; float:left; } #pihText b{ color:#000000; font-size:12px; text-decoration:underline; } /* END NEW HOME PAGE */ /* custom boards page */ .customDiv{ width:800px; margin:0 0 10px 0; float:left; } .customDiv img{ float:left; } .customDiv div{ width:631px; margin:0; float:right; } .customDiv h3{ font-size:14px; margin:0; } /* end custom boards page */ /********************* product page ****************************/ /***************************************************************/ #skuName{ font-size:18px; margin:0 0 0 10px; } #mfrName{ font-size:12px; margin:0 0 5px 10px; } #productImage{ width:200px; margin:0 0 10px 0; float:left; } #productToolLinks{ width:200px; border-top:1px solid #999999; } #productToolLinks p{ margin:0; font-size:10px; padding:2px 0 0 0; } #prodLinksText{ font-size:10px; color:#666666; } .productLinksText{ text-align:left; font-size:10px; color:#666666; font-weight:bold; border-bottom:1px solid #999999; } #productTools{ width:200px; text-align:center; padding-top:3px; font-size:10px; } #productTools a{ width:25px; margin:0; padding:0; } #productTools a img{ margin:0; padding:0; } #productTools .smallImages{ display:inline; margin:0 5px 5px 9px; text-align:center; font-size:9px; width:25px; float:left; } #productTools div span{ z-index:10; margin:-25px 0 0 -45px; width:60px; background:#ffffff; padding:3px; border:1px solid #000000; position:absolute; left:-999px; cursor:pointer; text-align:center; } * html #productTools div span{ margin:-25 0 0 -45px; } #productTools div span img{ border:0; } #productTools div:hover span{ left:auto; } * html #productTools div.sfhover6 span{ left:auto; } /* IE 7 Fix */ #productTools div:hover{ position: static; } /* end sku name image and links */ /* more images box */ #videosBox{ padding:0; text-align:center; font-size:10px; margin:0; float:left; } #videosBox .smallImages{ margin:4px 8px 0 0; text-align:center; font-size:9px; width:62px; float:left; } #videosBox .smImage{ border:1px solid #9d9d9d; } #videosBox div span{ z-index:10; margin:0 0 0 -265px; width:200px; background:#ffffff; padding:0 0 3px 0; border:1px solid #424242; position:absolute; left:-999px; } * html #videosBox div span{ margin:0 0 0 -270px; } #videosBox div span img{ border:0; } #videosBox div:hover span{ left:auto; } #videosBox div.sfhover8 span{ left:auto; } /* IE 7 Fix */ #videosBox div:hover{ position: static; } #bulletsDesc{ margin:10px 0 0 7px; width:445px; float:left; } * html #bulletsDesc{ width:447px; } /* tab boxes tabs and content */ #tabBoxContent{ font-size:11px; margin:35px 0 0 0; width:99%; min-height:150px; background:#f6f6f6 url(/images/graphics/tabbox-grad.gif) top repeat-x; border:1px solid #727272; float:left; padding-bottom:6px; } * html #tabBoxContent{ height:150px; } #low_price{ color:#FF0000; } #bulletsDesc{ margin:0 0 0 7px; width:590px; float:left; } * html #bulletsDesc{ width:592px; } #tabBoxContent div{ margin:5px; width:97%; float:left; } #tabBoxContent div ul{ margin:5px 0 5px 15px; padding:0; } .tabBoxHeader{ margin:0 0 4px 0; border-bottom:1px solid #999999; font-size:11px; } #tabBoxContent .tabContainer{ position:absolute; margin:-35px 0 0 -6px; height:30px; width:575px; z-index:5; } #tabBoxContent .tabContainer img{ margin-right:3px; float:left; } #tabBoxContent .noMargin{ margin:0; } #tabBoxContent .tabContAlign{ margin:0; width:auto; float:none; } /* end tab boxes tabs and content */ #tabBoxContent #productReturnLink{ display:inline; -moz-border-radius:8px; -webkit-border-radius:8px; clear:both; float:left; margin:10px 0 0 160px; padding:5px; width:400px; border:1px solid #0012ff; background:#ffffff url(https://www.britevisualproducts.com/images/sfoc/graphics/blue-grad.gif) top repeat-x; text-align:center; font-size:14px; } #ctgryLink{ margin:5px 0 0 5px; font-weight:bold; } /* related and accessories box */ #sideBoxes{ width:149px; margin-top:9px; float:right; } .sideBoxesContent{ margin-top:10px; width:147px; text-align:center; font-size:11px; background:#eaecff; border:1px solid #7f83aa; float:left; } * html .sideBoxesContent{ width:149px; } .sideBoxesContent img{ height:80px; width:80px; margin:5px 0 2px 0; border:1px solid #000099; } /* end related and accessories box */ /* more images box */ #moreImagesBox{ padding:0; text-align:center; font-size:10px; margin:0; float:left; } #moreImagesBox .smallImages{ margin:4px 8px 0 0; text-align:center; font-size:9px; width:62px; float:left; } #moreImagesBox .smImage{ border:1px solid #9d9d9d; } #moreImagesBox div span{ z-index:10; margin:0 0 0 -265px; width:200px; background:#ffffff; padding:0 0 3px 0; border:1px solid #424242; position:absolute; left:-999px; } * html #moreImagesBox div span{ margin:0 0 0 -270px; } #moreImagesBox div span img{ border:0; } #moreImagesBox div:hover span{ left:auto; } * html #moreImagesBox div.sfhover2 span{ left:auto; } /* end more images box */ /* item added to cart box */ #itemAddedDiv{ text-align:center; } #itemAddedOpacity{ filter:alpha(opacity=0);-moz-opacity:0.0;opacity:0.0; } #itemAddedTop{ margin-top:15px; width:149px; height:16px; background:url(/images/graphics/item_added_header.gif) no-repeat; float:right; } #itemAddedBottom{ width:149px; height:7px; background:url(/images/graphics/prod_box_bottom.gif) no-repeat; float:right; } #itemAddedContent{ width:147px; text-align:center; font-size:11px; background:#eaecff; border-left:1px solid #7f83aa; border-right:1px solid #7f83aa; float:right; } * html #itemAddedContent{ width:149px; } #itemAddedContent p{ padding:3px 3px 0 3px; margin:0; text-align:left; } /* end item added to cart box */ /* option images */ #tabBoxContent .optionsAlign{ margin:0; padding:0; float:left; } .optionCell{ padding:0; text-align:center; width:65px; margin:10px 1px 0 1px; height:55px; font-size:9px; float:left; } .optionCell img{ border:1px solid #4a4a4a; } .optionCell a:hover img{ filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0; } .optionCell span{ padding:5px; background:#ffffff; border:1px solid #000000; z-index:10; margin:-30px 0 0 -75px; position:absolute; left:-999px; } .optionCell a:hover span{ left:auto; } * html .optionCell.sfhover3 span{ left:auto; } /* end option images */ /* Reviews */ .reviewHeader{ margin:0 0 4px 0; border-bottom:1px solid #999999; font-size:12px; } #viewReviews div{ margin:5px 0 0 0; padding:0; } #writeReviews{ display:none; } #writeReviews textarea{ border:1px solid #666666; height:70px; width:540px; } #writeReviews a, #viewReviews a, #readReviews a{ cursor:pointer; } #writeReviews form{ margin:0; padding:0; } #writeReviews .stars{ margin:0 10px 0 0; } #writeReviews .rateStars{ cursor:pointer; float:left; } #ratingStars{ margin:10px 0 0 0; } #readReviews{ display:none; } #readReviews .reviews_block{ margin:0; border-bottom:1px dotted #999999; padding:5px 0 5px 0; } #readReviews .reviews_block div{ margin:5px 0 0 0; } /* End Reviews */ #skuNumbers{ padding:5px; margin:600px 0 0 0; border:1px solid #CCCCCC; -moz-border-radius:5px; -webkit-border-radius:5px; } #skuNumbers h2{ font-size:15px; margin:0 0 5px; padding:4px 0 4px 0; border-bottom:1px solid #CCCCCC; color:#0066CC; } #skuNumbers h3{ font-size:14px; font-weight:normal; margin:0 0 10px 0; } /* price chart tabs*/ #tabBox{ width:790px; padding:3px 5px 0 5px; margin:0 auto 0 auto; text-align:left; font-size:12px; background:#f2f2f2; border:1px solid #727272; float:left; } * html #tabBox{ width:802px; } #tabAlign{ text-align:left; width:802px; height:25px; margin:10px 0 0 0; float:left; } #tabAlignAlt{ text-align:left; width:802px; height:25px; margin:10px 0 0 0; float:left; } #priceTab{ position:absolute; margin:5px 0 0 0; } #priceTabOff{ margin:5px 0 0 0; float:left; } * html #priceTabOff{ margin:5px 0 0 0; } #priceChartLink{ font-weight:bold; margin:7px 200px 0 0; float:right; } #priceChartLinkNew{ position:absolute; margin:5px 0 0 132px; } #priceChartLinkOn{ position:absolute; margin:5px 0 0 132px; } * html #priceChartLinkOn{ margin:5px 0 0 5px; } /* end price chart tabs */ /* item page styles */ .breakOutHeader{ width:775px; font-weight:bold; } #dropdown_box2{ display:inline; margin:0 0 0 7px; width:436px; float:left; } #dropdown_box2 h3{ margin:0; font-size:12px; } #dropdown_box2 form{ width:436px; margin:0; padding:0; float:left; } #dropdown_box2 form select{ margin:0 2px 0 0; padding:0; font-size:11px; background:#f5f5f5; border:1px solid #880000; float:none; } #dropdown_box2 form #prodQty{ margin:0 2px 0 0; font-size:11px; background:#f5f5f5; border:1px solid #880000; } #dropdown_box2 form .add{ margin:5px 0 0 0; } #priceDisplay{ width:190px; float:left; } #itemPrice{ font-size:11px; } #priceSpan{ font-size:18px; font-weight:bold; color:#ee0000; } #dropAddToCart{ width:230px; text-align:right; float:right; } #productDropDowns{ min-width:107px; text-align:left; float:right; } * html #productDropDowns{ width:107px; } #qtyAddCartButton{ margin:15px 0 0 0; width:240px; float:right; } #questions_text{ margin:10px 0 0 0; font-weight:bold; width:436px; float:left; } #questions_text ul{ margin-top:5px; } /* end item page styles */ .featItemsDiv{ width:161px; text-align:center; float:left; } .featItemsDiv div{ margin:10px 5px 0 5px; min-height:125px; } .featItemsDiv .view{ margin:5px 0 0 0; } /* new item page */ #skuNameItem{ font-size:16px; margin:0; } #itemName{ font-size:12px; margin:0 0 5px 10px; } #itemImageBlock{ width:325px; display:inline; margin:0 0 0 10px; text-align:left; float:left; } #itemImageBlock #main_image{ height:325px; width:325px; } #itemImageBlock #notActualImage{ margin:3px 0 0 0; font-weight:bold; font-size:11px; text-align:center; } #freeShipItem{ margin:20px 0 0 0; height:67px; width:108px; position:absolute; background:url(/images/graphics/freeship-itempg.png) no-repeat; } * html #freeShipItem{ behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "/images/graphics/freeship-itempg.png"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)); } #prodToolsDiv{ text-align:center; margin:0 auto 0 auto; width:270px; } #prodToolsDiv b{ text-align:left; display:block; font-size:11px; color:#666666; border-bottom:1px solid #666666; } #moreImages{ width:60px; float:left; } #moreImages a{ border:1px solid #a5a5a5; margin:0 0 3px 0; display:block; height:50px; width:50px; } #moreImages a img{ height:50px; width:50px; } #addToCartBlock{ width:230px; border:1px solid #c0d1ee; background:#edf4ff; -webkit-border-top-left-radius:7px; -moz-border-radius-topleft:7px; -webkit-border-bottom-left-radius:7px; -moz-border-radius-bottomleft:7px; float:right; } #signInBlock{ text-align:center; border-bottom:1px dashed #c0d1ee; padding:7px 0 7px 0; } #signInBlock a{ font-weight:bold; text-decoration:underline; } #addToCartBlock strong{ color:#000099; } #addToCartBlock .addStep{ padding:7px 0 7px 0; border-bottom:1px dashed #c0d1ee; } #addToCartBlock .addStep h3{ font-size:14px; margin:0 0 3px 0; padding:0 0 0 12px; background:url(/images/graphics/item-arrow.gif) center left no-repeat; } #addToCartBlock .addStep p{ margin:0 0 0 15px; } #addToCartBlock .noLine{ border:none; } #addToCartBlock form{ margin:0; padding:0; } #addToCartBlock form select{ border:1px solid #000ad7; font-size:13px; margin:0 0 6px 0; float:none; } #cartItemAdded{ padding:7px 0 7px 0; border-top:1px dashed #c0d1ee; display:none; } #cartItemAdded h3{ font-size:14px; margin:0 0 3px 0; padding:0 0 0 15px; background:url(/images/graphics/item-arrow-dark.gif) center left no-repeat; } #cartItemAdded p{ margin:0 0 0 15px; } #cartItemAdded p img{ margin:10px 0 0 0; } #addButton{ margin:8px 0 0 15px; } #addButton label{ margin:4px 3px 0 0; width:60px; font-size:13px; display:block; float:left; } #addButton input{ margin:4px 5px 0 0; text-align:center; width:20px; border:1px solid #000ad7; float:left; } #addButton #atcButton{ margin:0; width:auto; border:none; float:left; } #addButton #shopSafe{ display:block; margin:5px 0 0 25px; float:left; } #addButton #shopSafe img{ border:none; } #itemAccessories{ text-align:center; display:none; padding:0 0 10px 0; } #itemAccessories h3{ font-size:14px; margin:5px 0 10px 0; } #itemAccessories img{ border:1px solid #0000FF; } #toolsOptions{ width:150px; } #toolsOptions h3{ font-size:11px; margin:0; clear:both; } #optionsBlock{ width:150px;margin:0 0 0 53px; float:left; } #optionsBlock h3{ font-size:11px; margin:0; clear:both; } #optionsBlock .optionCellSm{ padding:0; text-align:center; width:20px; height:20px; margin:0 5px 5px 0; font-size:9px; float:left; } #optionsBlock .optionCellSm img{ } #optionsBlock .optionCellSm a:hover img{ filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0; } #optionsBlock .optionCellSm span{ padding:5px; background:#ffffff; border:1px solid #000000; z-index:10; margin:0 0 0 -137px; position:absolute; left:-999px; } * html #optionsBlock .optionCellSm span{ margin:0 0 0 -139px; } #optionsBlock .optionCellSm a:hover span{ left:auto; } * html #optionsBlock .optionCellSm.sfhover7 span{ left:auto; } #addedAlign{ display:none; position:absolute; margin:-9px 0 0 -347px; width:345px; z-index:99; } #cartIframe{ width:345px; height:210px; position:absolute; z-index:1; border:none; } #addedDropDown{ z-index:5; font-size:11px; position:absolute; width:345px; background:#f6f9ff; border-left:1px solid #5c7eb9; border-right:1px solid #5c7eb9; border-bottom:1px solid #5c7eb9; -webkit-border-bottom-right-radius:7px; -moz-border-radius-bottomright:7px; -webkit-border-bottom-left-radius:7px; -moz-border-radius-bottomleft:7px} #addedDropDown #addedHeader{ padding:4px; border-bottom:1px solid #c0d1ee; margin:0 2px 0 2px; } #addedDropDown h2{ font-size:17px; color:#120576; margin:0; float:left; } #addedContent{ margin:10px 0 10px 0; } #addedContent img{ margin:0 0 0 5px; border:1px solid #5865b1; float:left; } .itemInfo{ margin:0 7px 0 0; width:245px; float:right; } .itemInfo span{ font-weight:bold; color:#FF0000; } .numCartItems{ margin:10px 0 0 0; padding:10px; background:#d8e5ff; } .numCartItems strong{ float:left; } .numCartItems b{ color:#FF0000; } #addedLinks{ padding:5px 0 10px 0; } #addedLinks a{ display:block; margin:0 0 0 22px; float:left; } * html #addedLinks a{ margin:0 0 0 15px; } /* end new item page */ /*********************************************************************************/ /************************ end product page ***************************************/ /* pricing table and shopping cart items table */ #priceTable{ width:800px; font-size:12px; background:#fefefe; border:1px solid #b0b0b0; margin:5px auto 5 auto; } #priceTable .tableHeader{ font-weight:bold; background:#fefefe url(../../images/layout/header_bg.gif) top repeat-x; } #priceTable .price_list_rowA td{ border-bottom:1px dotted #dedede; padding:3px; } #priceTable .price_list_rowB td{ background:#f2f2f2; border-bottom:1px dotted #dedede; padding:3px; } #priceTable .addtoCart{ width:80px; text-align:center; } #priceTable td p{ margin:0; padding:0; } #priceTable form{ margin:0; padding:0; } #priceTable .desc{ width:450px; } #priceTable .qty{ width:30px; text-align:center; } #priceTable .total{ width:90px; text-align:center; } #priceTable select{ background:#f5f5f5; border:1px solid #880000; margin:5px 2px 0 0; font-size:10px; } #priceTable .itemNum{ font-weight:bold; padding-right:5px; } #priceTable .addQtyText{ background:#f5f5f5; border:1px solid #880000; margin:0; font-size:10px; width:20px; } #priceTable .addCartButton{ width:25px; padding:0; margin:0; background:#f5f5f5; border:1px solid #880000; font-size:9px; } #priceTable .cartTableQty{ font-size:10px; background:#f5f5f5; border:1px solid #880000; width:20px; } #priceTable .updateButton{background:#f5f5f5; border:1px solid #880000; margin:10px 70px 0 0; font-size:9px; } #priceTable #subtotalCell{ text-align:right; font-size:12px; font-weight:bold; } #priceTable .cartProductImage{ border:1px solid #CCCCCC; height:50px; width:50px; } #priceTable h4, #priceTable h3{ font-size:14px; margin:0 0 5px 0; } #priceTable .price{ width:130px; } #priceTable .viewItem{ text-align:center; padding:2px 0 2px 0; width:100px; } .smalltabletext{ font-size:10px; } .prodTable{ width:100%; font-size:12px; background:#fefefe; border:1px solid #b0b0b0; margin:5px auto 5 auto; } .prodTable .tableHeader{ font-weight:bold; background:#fefefe url(../../images/layout/header_bg.gif) top repeat-x; } .prodTable .price_list_rowA td{ border-bottom:1px dotted #dedede; padding:3px; } .prodTable .price_list_rowB td{ background:#f2f2f2; border-bottom:1px dotted #dedede; padding:3px; } .prodTable .addtoCart{ width:80px; text-align:center; } .prodTable td p{ margin:0; padding:0; } .prodTable form{ margin:0; padding:0; } .prodTable .desc{ width:450px; } .prodTable .qty{ width:30px; text-align:center; } .prodTable .total{ width:90px; text-align:center; } .prodTable select{ background:#f5f5f5; border:1px solid #880000; margin:5px 2px 0 0; font-size:10px; } .prodTable .itemNum{ font-weight:bold; padding-right:5px; } .prodTable .addQtyText{ background:#f5f5f5; border:1px solid #880000; margin:0; font-size:10px; width:20px; } .prodTable .addCartButton{ width:25px; padding:0; margin:0; background:#f5f5f5; border:1px solid #880000; font-size:9px; } .prodTable .cartTableQty{ font-size:10px; background:#f5f5f5; border:1px solid #880000; width:20px; } .prodTable .updateButton{background:#f5f5f5; border:1px solid #880000; margin:10px 70px 0 0; font-size:9px; } .prodTable #subtotalCell{ text-align:right; font-size:12px; font-weight:bold; } .prodTable .cartProductImage{ border:1px solid #CCCCCC; height:50px; width:50px; } .prodTable .price{ width:130px; } .prodTable .viewItem{ text-align:center; padding:2px 0 2px 0; width:100px; } /* end pricing table and shopping cart items table */ /* cart & check out */ #cartHeader{ font-size:18px; text-align:center; } #cartButtons{ width:800px; text-align:center; float:left; } #cartButtons h3{ margin:5px 0 5px 0; font-size:16px; } #cartButtons h3{ margin:5px 0 5px 0; font-size:14px; } #cartButtons h3 b{ font-size:18x; color:#FF0000; } #cartInfo{ width:800px; text-align:justify; } #cartButtons input{ background:#f5f5f5; border:1px solid #880000; } #cartButtons #proceedButton{ border:0; } .update-remove{ cursor:pointer; font-size:9px; color:#0000FF; margin-top:3px; background:none; border:none; } .pageNote{ font-size:14px; text-align:center; margin:0; color:#FF0000; } /* end cart & check out */ /* check out styles */ #estAddress{text-align:right; margin:0 50px 10px 0; display:inline; float:right; } #estInfo{ margin-left:50px; text-align:left; display:inline; float:left; } .addressInputHead{ width:380px; margin:0 50px 0 50px; float:left; } .addressInputWrapper{ width:380px; margin:10px 0 0 0; display:inline; } .reviewWrapper{ width:415px; } .confirmationWrapper{ width:350px; display:inline; } .addressInput2{ width:378px; margin:0; padding-bottom:10px; border:1px solid #5b6371; background:#eaeef3; } .addressInput2 p{ text-align:left; font-weight:bold; font-size:14px; color:#333333; font:Vrinda; margin-bottom:5px; } .addressInput2 #stateTrouble{font-size:10px;} .addressInput2 #requiredText{ text-align:center; font-size:10px; color:#000000; font-weight:normal; margin-left:10px; margin-bottom:20px; } .addressInput2 .requiredText{ text-align:center; font-size:10px; color:#000000; font-weight:normal; margin-left:10px; margin-bottom:20px; } .addressInput2 label{ width:160px; text-align:right; float:left; font-weight:bold; margin-left: 15px; } .addressInput2 input, .addressInput2 select{ width:180px; margin:0 0 10px 5px; border:1px solid #595959; background:#FFFFFF; float:left; font-size:11.5px; } .addressInput2 #shipSame{ border:0; background:none; } .addressInput2 #givenAddress{ margin-left:20px; text-align:left; font-weight:bold; font-size:11.5px; font:Vrinda; margin-bottom:10px; } .addressInput2 #requiredText2{ font-size:11px; color:#000000; font-weight:normal; margin-left:5px; margin-bottom:15px; width:370px; } .addressInput2 .question{ font-weight:bold; font-size:11px; text-align:left; vertical-align:top; width:315px; margin:10px 0 0 32px; } .addressInput2 .answer{ font-size:11px; text-align:left; vertical-align:top; width:280px; margin:0 0 0 49px; } .addressInput2 .radio{ width:20px; border:none; background:none; margin:2px; } .reviewWidth{ width:413px; } #checkoutComments2{ width:700px; text-align:left; padding:none; margin:0 0 20px 100px; display:inline; float:left; } #checkoutComments2 textarea{ float:none; margin:0; } #freightText{ float:left; margin-left:175px; margin-top:20px; width:600px; display:inline; } .checkOutBlock{ margin:5px 10px 5px 10px; } .checkOutBlockNew{ width:200px; margin:5px 0 0 10px; float:left; } .checkOutAddressCartNew{ border:1px solid #5b6371; background:#eaeef3; display:inline; width:348px; padding-bottom:5px; text-align:left; float:left; } .checkOutAddressCartNew p{ font-size:12px; margin:0 5px 2px 5px; } .cartFreeShip{ padding:0 0 0 17px; font-size:11px; color:#FF0000; background:url(/images/graphics/cart-star.gif) no-repeat; } #cartOr{ text-align:right; margin:0; padding:0 60px 0 0; font-size:18px; } #cartBuyNow form{ margin:0; padding:0; text-align:right; } #cartQuote #quoteReasons{ width:600px; float:left; } #cartQuote form{ float:right; } #checkOutHeader{ width:880px; padding-left:86px; float:left; font-size:11px; margin:10px 0 10px 0; border-bottom:#999999 1px dashed; } #checkOutHeader img{ margin-right:20px; } #cartAddressForm{ margin:0; padding:0; font-size:11px; width:966px; text-align:left; } #needHelpBox{ float:right; } #shippingSameBox{ margin-top:20px; margin-left:100px; width:350px; height:70px; float:left; } #shippingSameBox table{ width:100%; font-size:11px; margin-top:10px; background-color:#D8D8D8; } #shippingAddressType{ width:775px; margin-left:10px; float:left; } #shippingAddressType p{ text-align:left; font-weight:bold; font-size:14px; color:#333333; font:Vrinda; margin-bottom:5px; } #shippingAddressType label{ font-weight:bold; font-size:11px; text-align:right; float:left; width:165px; } #shippingAddressType select{ width:auto; margin:0 0 10px 5px; border:1px solid #595959; background:#FFFFFF; float:left; font-size:11.5px; } #callCustomerService{ width:500px; margin-left:10px; float:left; } #callCustomerService p{ text-align:left; font-size:13px; color:#333333; margin-bottom:5px; } #paymentInput{ margin:0; border:1px solid #5b6371; background:#eaeef3; width:378px; float:left; } #paymentInput p{ text-align:left; font-weight:bold; font-size:14px; color:#333333; font:Vrinda; margin-bottom:5px; } #paymentInput #requiredText{ font-size:10px; color:#000000; font-weight:normal; margin-left:10px; margin-bottom:30px; } #paymentInput label{ width:140px; text-align:right; float:left; font-weight:bold; margin-left:0px; } #paymentInput input, select{ width:160px; margin:0 0 10px 5px; border:1px solid #595959; background:#FFFFFF; float:left; font-size:11.5px; } #paymentInput #ccType{ width:120px; } #paymentInput #month{ width:90px; } #paymentInput #year{ width:75px; } #paymentInput #csc{ width:60px; } #paymentInput #whatsThis{ margin:2px 0 0 10px; width:auto; float:left; } #paymentInput br{ clear:left; } #paymentInput #chargeAmount{ float:left; font-weight:bold; font-size:11.5px; margin:10px 0 0 60px; } #seeOrderDetails{ margin:10px 0 0 15px; width:auto; float:left; } #orderSummary{text-align:left; font-weight:bold; font-size:14px; color:#333333; font:Vrinda; margin-bottom:5px; text-decoration:none; } #cardReq{ margin:5px 0 5px 90px; color:#FF0000; } .checkoutBox{ width:966px; float:left; } .cartAlign{ width:730px; text-align:center; margin:20px 0 0 0; float:left; } #cartTable{ border:0; font-size:11px; width:700px; } #cartTable .header td{ border-bottom:1px solid #7d7d7d; } #cartTable input{ font-size:10px; border:1px solid #7d7d7d; background:#eaeeff; } #cartTable .price_list_rowA td{ background:#f7f7f7; border-top:1px solid #e6e5e5; border-bottom:1px solid #e6e5e5; } #cartTable h3{ margin:0; color:#FF0000; font-size:12px; } #cartTable .cartAmt{ text-align:right; padding-right:8px; } .cartAlignAlt{ width:600px; text-align:center; margin:20px 0 0 0; float:left; } #cartTableAlt{ border:0; font-size:11px; width:600px; } #cartTableAlt .header td{ border-bottom:1px solid #7d7d7d; } #cartTableAlt input{ font-size:10px; border:1px solid #7d7d7d; background:#eaeeff; } #cartTableAlt .price_list_rowA td{ background:#f7f7f7; border-top:1px solid #e6e5e5; border-bottom:1px solid #e6e5e5; } #cartTableAlt h3{ margin:0; color:#FF0000; font-size:12px; } #cartTableAlt .sku_num{ text-align:left; padding-right:8px; } #cartTableAlt .item_name{ text-align:left; padding-right:8px; } #cartTableAlt .cartAmt{ text-align:right; padding-right:8px; } #updateRow td{ border-top:1px solid #7d7d7d; } #updateRow .updateButton{ margin:10px 115px 20px 0; } /* Confirmation Page Styles */ #viewAccountBlock{ float:left; margin-left:200px; width:auto; text-align:left; } #viewAccountBlock .errorText{ color:#FF0000; font-size:12px; } #viewAccountBlock #checkoutNextButtonPadding{ width:auto; margin:10px auto 0 auto; } #viewAccountBlock #checkoutNextButtonPadding #checkoutNextButton{ width:auto; margin-left:auto; margin-right:auto; color:#000000; height:25px; border:1px solid #863f1f; padding:0 3px 0 3px; font-size:11px; background:#f3efe5; font-weight:bold; } /* end check out styles */ /* end cart & check out */ /* register account */ .registerBlock{ display:inline; width:260px; padding-bottom:5px; margin:0 0 0 5px; text-align:left; float:left } .registerBlock b{ text-align:center; display:block; width:100%; height:17px; } .registerBlock label{ width:110px; padding-top:4px; text-align:right; float:left; } .registerBlock input, .registerBlock select{ width:140px; margin:0 0 2px 2px; background:#f5f5f5; border:1px solid #880000; float:left; } .registerBlock small{ padding:5px; text-align:center; float:left; } .registerBlock .checkBox{ border:0; margin-top:4px; background:none; } #buttonsWide{ display:inline; width:800px; text-align:center; margin-top:10px; float:left; } /* end register accont */ /* site map */ .siteMapDivs{ width:250px; display:inline; margin-left:15px; font-size:11px; text-align:left; float:left; } .siteMapDivs a{ text-decoration:none; } .siteMapDivs a:hover{ text-decoration:underline; } .siteMapDivs h1{ margin:0; width:240px; padding:2px; font-size:12px; border:1px solid #b0b0b0; background:#fefefe url(../../images/layout/header_bg.gif) top repeat-x; } #contentBlock .siteMapDivs h1 a{ color:#ffffff; } .siteMapDivs h2{ font-size:12px; margin:0 0 0 5px; } #contentBlock .siteMapDivs h2 a{ color:#515151; } .siteMapDivs .subsec{ margin: 0 0 0 10px; } .siteMapDivs .indent{ margin:0; } .siteMapDivs .csIndent{ margin-left:10px; } /* site map divs */ /* blog */ .infoH2{ font-size:16px; margin:0; } .infoH2 a{ text-decoration:none; } .blogBlock{ padding:10px 0 10px 0; border-bottom:1px dotted #CCCCCC; width:800px; float:left; } .blogBlock img{ margin:0 5px 0 0; padding:0 10px 0 0; float:left; } #blogTitle{ margin:10px 0 10px 0; font-size:16px; } /* end blog */ /* cart and check out */ .addressCont{ width:800px; margin-top:10px; float:left; } #cartSteps{ font-size:12px; text-align:center; } .checkOutAddress{ display:inline; width:300px; padding-bottom:5px; margin:0 0 0 50px; text-align:left; float:left } .checkOutAddress p{ font-size:12px; margin:0 5px 2px 5px; } .checkOutAddress b{ display:block; text-align:center; width:100%; height:17px; } .checkOutAddress label{ width:125px; padding-top:4px; text-align:right; float:left; } .checkOutAddress input, .checkOutAddress select{ width:165px; margin:0 0 2px 2px; background:#f5f5f5; border:1px solid #880000; float:left; } .checkOutAddress .checkBox{ border:0; margin-top:4px; background:none; } .checkOutAddress .editInput{ width:40px; margin-right:10px; font-size:10px; float:right; } .checkOutAddress #customerType{ width:auto; } /* end cart and check out */ /* brands */ .brand_header{ font-family:Constantia, "Times New Roman", Times, serif; color:#858585; display:block; font-size:40px; font-weight:bold; width:800px; text-align:center; } #alphabet_listing{ letter-spacing:0.7em; text-align:center; border:1px solid #b0b0b0; background:#fefefe url(../../images/layout/header_bg.gif) top repeat-x; font-size:12px; padding:2px; } #mfr_list{ margin:10px 0 0 20px; font-size:14px; } #mfrTitle{ color:#676767; border-top:1px solid #858585; background:#dfefff; font-size:18px; padding:4px 0 4px 0; margin:0; float:left; width:800px; } /* narrow products drop downs */ #navB, #navB ul { padding:0; margin:0; list-style:none; float:left; text-align:left; font-weight:normal; } * html #navB{ margin-bottom:-2px; } #navB a { display:block; padding:0; } #navB li { margin:0; width:197px; padding:0; } #navB li ul { z-index:20; position: absolute; width:195px; left: -999em; background:#dedede url(/images/layout/prod-drop-grad.gif) bottom repeat-x; border-right:1px solid #b0b0b0; border-left:1px solid #b0b0b0; border-top:1px dotted #b0b0b0; padding:0; margin:0; } #navB li ul li{ margin:0; width:195px; padding:0; } * html #navB li ul li{ width:195px; } #navB li ul li a{ margin:0; padding:2px 5px 2px 5px; border-bottom:1px dotted #b0b0b0; font-size:11px; } #navB li ul li a:hover{ text-decoration:none; background:#e6cdce; color:#660000; } #navB li:hover ul, #navB li.sfhover4 ul { left:auto; } #navB li ul li .corners{ width:197px; height:5px; position:absolute; margin:0 0 0 -1px; } #navB .dropLeft{ border:0px solid red; height:5px; width:5px; background:url(/images/layout/prod_drop_left.png); float:left; } * html #navB .dropLeft{ background:none; filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/prod_drop_left.png', sizingMethod='image');"; } #navB .dropBottom{ width:187px; height:5px; background:url(/images/layout/prod_drop_bottom.png) repeat-x; float:left; } * html #navB .dropBottom{ background:none; filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/prod_drop_IE.png', sizingMethod='image');"; } #navB .dropRight{ height:5px; width:5px; background:url(/images/layout/prod_drop_right.png); float:right; } * html #navB .dropRight{ background:none; filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/prod_drop_right.png', sizingMethod='image');"; } /* end narrow products drop downs */ .prodLeft{ width:800px; margin-top:0; float:left; } /* end brands */ /* View all related page */ .relProdParent{ border-bottom:1px dotted #dadada; border-top:1px dotted #dadada; background:#efefef; width:800px; margin:0; padding:5px 0 5px 0; font-size:12px; float:left; } .relProdParent img{ border:1px solid #7f7f7f; margin:0 0 0 5px; height:80px; width:80px; float:left; } .relProdParent div{ margin:0; width:710px; float:right; } .relProdParent h2{ margin:0 0 10px 0; font-size:18px; } .relProdParent h2 a{ text-decoration:none; color:#555555; } .featBlock{ font-size:11px; width:158px; text-align:center; float:left; } .featBlock div{ margin:10px 5px 0 5px; min-height:125px; } .featBlock .view{ margin:5px 0 0 0; } /* end view all related */ /* LARGER IMAGE */ body.bodyPop{ background:#ffffff; margin:5px;} #headerPop {padding: 10px 0 0 0; width: 600px; float: left;} #headerPop div#logoSM {width: 140px; float: left;} #headerLinks { width: 440px; text-align: right; float: right;} #headerLinks a{ text-decoration:none; } #headerLinks ul {list-style: none; margin:0; } #headerLinks ul li {display: inline; padding: 4px 0 4px 0; font-size: 10px; text-align: left;} #headerLinks ul li img {display: inline; border:0; postion: relative; top: 4px; left: 6px;} #imageLarger {padding: 10px 0 5px 0; width: 600px; text-align: center; float: left;} #imageLarger img {margin: 0 auto; border:0; text-align: center;} #imageLarger p {padding: 10px 0 0 0; text-align: center;} #footerPop {width: 600px; float: left;} #footerPop p{ text-align:center; margin:0; } #prodName{ text-align:center; } /* END LARGER IMAGE */ /* MORE IMAGES */ #pageBorder{ margin:10px 0 5px 0; text-align:center; padding:1px; border:1px solid #2e3192; width:600px; float:left; } #pageBorder h3{ margin:5px 0 0 0; font-size:18px; } #more_img_selected{ width:146px; margin:1px; height:130px; border:1px solid #666666; color:#666666; font-size:9px; float:left; } #moreImagesContent .more_img{ width:146px; margin:1px; height:130px; border:1px solid #85a9da; color:#85a9da; font-size:9px; float:left; } #moreImagesContent .more_img a img{ width:100px; height:100px; filter:alpha(opacity=55);-moz-opacity:.55;opacity:.55; } #moreImagesContent .more_img a:hover img{ filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0; } /* END MORE IMAGES */ /* charts */ #chartDiv{ margin:0 0 0 10px; } #chartDiv h3{ font-size:16px; text-align:center; margin:0 0 10px 0; } /* end charts */ /* EMAIL FRIEND */ p.returnMessage {padding: 10px; font-weight: bold;} #emailFriendProduct {display: inline; padding: 10px; width: 180px; float: left;} * html #emailFriendProduct {width: 200px; w\idth: 180px;} #emailFriendProduct p {padding: 8px; font-weight: bold; text-align: center;} #emailFriendProduct p.intro {padding-top: 0; font-size: 12px; font-weight: normal; text-align: left;} #emailFriendProduct p img {margin: 0 auto; text-align: center;} #emailFriendBlock {display: inline; padding: 10px; width: 580px; float: left;} * html #emailFriendBlock {width: 600px; w\idth: 580px;} #emailFriendBlock form {display: inline; margin: 0 auto; width: 380px; text-align: left; float: left;} #emailFriendBlock form fieldset {padding: 0 4px 4px 4px; width: 370px; background: #e3e3e3; border: 1px solid #2e3192;} * html #emailFriendBlock form fieldset {width: 380px; w\idth: 370px;} #emailFriendBlock form fieldset legend {padding: 4px 6px 0 6px; color: #385A6B; font-size: 12px; font-weight: bold;} #emailFriendBlock form fieldset p {font-size: 0.85em;} #emailFriendBlock form fieldset label {margin: 5px 0 0 0; width: 128px; font-size: 12px; text-align: right; display: block; float: left;} #emailFriendBlock form fieldset input {margin: 5px 0 0 6px; padding: 2px; width: 136px; font-size: 12px; border: 1px solid #2e3192;} #emailFriendBlock form fieldset select {margin: 5px 0 0 6px; padding: 2px; width: 136px; font-size: 12px; border: 1px solid #2e3192;} #emailFriendBlock form fieldset textarea {margin: 5px 0 0 6px; padding: 2px; width: 206px; border: 1px solid #2e3192;} #emailFriendBlock form fieldset br {clear: left;} #emailFriendBlock form fieldset#submit {padding: 20px 0 20px 0; width: 380px; border-style: none; background: none; text-align: center;} #emailFriendBlock form fieldset#submit input#sendButton {width: 80px; background: #e3e3e3; border: 1px solid #2e3192; font: 10px Verdana; font-weight: bold; line-height: 1.25em; cursor: pointer; cursor: hand;} #emailFriendBlock form fieldset#submit h4.cancelButton {display: inline; margin: 0 0 0 12px; padding: 3px 10px 3px 10px; background: #e3e3e3; border: 1px solid #2e3192; font: 10px Verdana; font-weight: bold; cursor: pointer; cursor: hand;} #emailFriendBlock form fieldset#submit h4.cancelButton a:link, #emailFriendBlock form fieldset#submit h4.cancelButton a:visited, #emailFriendBlock form fieldset#submit h4.cancelButton a:hover, #emailFriendBlock form fieldset#submit h4.cancelButton a:active {color: #000000; text-decoration: none;} #emailFriendBlock div.note {width: 600px; font-size: 12px; float: left;} /* END EMAIL FRIEND */ /* treatmentPriceTable */ .treatmentPriceTable{ width:800px; table-layout:auto; font-size:11px; margin-top:3px; background:#f8f8f8; border:1px solid #515151; float:left; } .treatmentPriceTable td{ border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; padding:4px 2px 4px 2px; } .treatmentPriceTable tr{ text-align:center;} .treatmentPriceTable .headerTop{ background:#b5c1e3; border-bottom:1px solid #ffffff; font-size:11px; color:#00195d; font-weight:bold; text-align:right; } .treatmentPriceTable .headerTop td{ border-right:0; } .treatmentPriceTable .head2{ background:#b5c1e3; border-bottom:0px; font-size:11px; width:64px; color:#00195d; font-weight:bold; } .treatmentPriceTable .corner{ background:#b5c1e3; border-bottom:0px; padding:0px; width:64px;} .treatmentPriceTable .tableTitle{ font-size:11.5px; font-weight:bold; padding-top:10px; } .treatmentPriceTable .bottomTable{ font-size:11.5px; font-weight:bold; padding-top:25px; } /* end treatmentPriceTable */ /* enable java page */ .enableJava{ width:800px; margin:0 0 10px 0; } .enableJava p{ width:300px; margin:0; float:left; } .enableJava img{ float:right; } /* end enable java page */ /* curtainPriceTable */ .curtainPriceTable{ width:800px; font-size:11px; margin-top:3px; background:#f8f8f8; border:1px solid #515151; float:left; table-layout:fixed; } .curtainPriceTable td{ border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; } .curtainPriceTable tr{ text-align:center;} .curtainPriceTable .headerTop{ background:#b5c1e3; border-bottom:1px solid #ffffff; font-size:10px; color:#00195d; font-weight:bold; text-align:center; } .curtainPriceTable .headerTop td{ border-right:0; } .curtainPriceTable .head2{ background:#b5c1e3; width:64px; border-bottom:0px; font-size:10px; color:#00195d; font-weight:bold; } .curtainPriceTable .corner{ background:#b5c1e3; border-bottom:0px; padding:0px; width:64px;} .curtainPriceTable .tableTitle{ font-size:11.5px; font-weight:bold; padding-top:10px; } .curtainPriceTable .bottomTable{ font-size:11.5px; font-weight:bold; padding-top:25px; } .curtainPriceTable .large{ background:#cacfe1; } .curtainPriceTable .custom{ background:#b5c1e3; border-bottom:0px; font-size:12px; color:#00195d; font-weight:bold; height:40px; } /* end curtainPriceTable */ #blindTrackBox{ font-size:11px; margin:5px 0 5px 0; width:480px; text-align:left; float:right; } #blindTrackBox img{ float:left; } #blindTrackBox p{ float:right; margin:0; width:430px; } /* colorTable */ .colorTable{ width:800px; font-size:11px; margin-top:3px; border:1px solid #515151; float:left; background:#e3e7f5; text-align:center; table-layout:fixed; } .colorTable td{ text-align:center; padding:5px; vertical-align:top;} .colorTable img{ border:1px solid #515151; } .colorTable .tableTitle{ font-size:12px; font-weight:bold; padding-top:20px; } .colorTable .header{ font-size:12px; font-weight:bold; text-align:left; padding:0 0 0 15px; } /* end colorTable */ /* allColorTable */ .allColorTable{ width:605px; font-size:11px; border:0px; float:left; margin-bottom:15px; margin-top:15px; table-layout:fixed; } .allColorTable td{ text-align:center; vertical-align:top; } .allColorTable tr{ height:70px; } .allColorTable img{ border:1px solid #000000; } .allColorTable .tableTitle{ font-size:12px; font-weight:bold; padding-top:35px; } /* end allColorTable */ /* measureForm */ .measureForm{ width:480px; font-size:10px; margin-top:2px; border:1px solid #515151; float:right; background:#e3e7f5; margin-bottom:10px; } .measureForm td{ text-align:left; padding-left:5px; padding-top:3px; padding-bottom:5px; } .measureForm .tableTitle{ color:#bf0000; font-size:10px; font-weight:bold; padding-top:5px; text-align:left; margin-right:13px; } .measureForm .formList{ height:15px; text-align:left; width:125px; font-size:10px; vertical-align:bottom; padding-left:20px; padding-bottom:4px; } .measureForm .formListBot{ text-align:left; width:125px; font-size:10px; vertical-align:top; padding-left:20px; padding-top:0px; } /* end measureForm */ /* shadeKey */ .shadeKey{ width:700px; font-size:10px; float:left; margin-left:15px; text-align:left; padding-left:5px; padding-bottom:0px; margin-bottom:0px; } .shadeKey img{ border:1px solid #515151; height:15px; width:30px; } .shadeKey li{ margin-left:27px; list-style-position:outside; } /* end shadeKey */ /* custom boards page */ #hcCustoms{ float:left; font-size:12px; margin-top:15px; } #hcCustoms h3{ font-size:14px; font-weight:bold; padding:10px 0 0 0; margin:0; } #hcCustoms img{ padding:0; width:150px; height:150px; } #hcCustoms table{ font-size:12px; } #hcCustoms .cent{ text-align:center; width:100%; } #boardCare{ font-size:12px; } #boardCare .pptdl{ font-size:11px; margin:3px 0 0 10px; } /* end custom boards page */ #replacement_form { width:75%; margin: auto; border:1px solid #90ABBE; font-family: Verdana; font-size: 11px; font-style: normal; font-weight: normal;} #replacement_form legend {padding: 4px 6px 0 6px; color: #385A6B; font-family: Verdana; font-weight: bold;} #replacement_form label { margin: 5px 0 0 0; width: 180px; text-align: right; display: block; float: left;} #replacement_form input { margin: 5px 0 0 6px; padding: 2px; border: 1px solid #90ABBE;} #replacement_form textarea { margin: 5px 0 0 6px; padding: 2px; border: 1px solid #90ABBE;} #replacement_submit { width:75%; margin: auto; border:0px; text-align:center;} #replacement_submit input { margin: 5px 0 0 6px; padding: 2px; border: 1px solid #90ABBE;} /* TRIVIA PAGE */ #trivia_form { border:1px solid #90ABBE; font-family: Verdana; font-size: 0.85em; font-style: normal; font-weight: normal; width:90%; margin: 0 auto 0 auto;} #trivia_form legend { padding:2px 6px 0 6px; color:#385A6B; font-family:Verdana; font-size:0.85em; font-weight:bold;} #trivia_form label { margin:5px 0 0 10px; font-size:0.85em; display:block; } #trivia_form input { margin:5px 0 0 10px; padding:2px; font-size:0.85em; border:1px solid #90ABBE; display:block; width:200px; } #trivia_form textarea { margin:5px 0 0 6px; padding:2px; border:1px solid #90ABBE;} #trivia_form .contact{ width:100px; float:left; text-align:left; margin-left:10px; } #trivia_form .contact_input { width:auto; display:inline; margin-left:6px; } #trivia_submit { border:0px; text-align:center;} #trivia_submit input { margin: 5px 0 0 6px; padding: 2px; font-size: 0.75em; border: 1px solid #90ABBE;} /* END TRIVIA PAGE */ /* VIEW ALL REVIEWS */ .reviews_block_all{ text-align:left; margin:5px; padding:5px; background:#f6f6f6; border:1px solid #999999; } .reviews_block_all div{ margin:5px 0 0 0; } #reviewHeader{ font-size:16px; text-align:center; margin:15px 0 5px 0; } #reviewStars{ font-size:14px; text-align:center; margin:0 0 15px 0; } /* END ALL REVIEWS */ /* SLIMBOX */ #lbOverlay {position: absolute;z-index: 9999;left: 0;width: 100%;background-color: #000;cursor: pointer;} #lbCenter, #lbBottomContainer {position: absolute;z-index: 9999;left: 50%;overflow: hidden;background-color: #fff;} .lbLoading {background: #fff url(/images/graphics/page-loading.gif) no-repeat center;} #lbImage {position: absolute;left: 0;top: 0;border: 10px solid #fff;background-repeat: no-repeat;} #lbPrevLink, #lbNextLink {display: block;position: absolute;top: 0;width: 50%;outline: none;} #lbPrevLink {left: 0;} #lbPrevLink:hover {background: transparent url(/images/graphics/prevlabel.gif) no-repeat 0% 15%;} #lbNextLink {right: 0;} #lbNextLink:hover {background: transparent url(/images/graphics/nextlabel.gif) no-repeat 100% 15%;} #lbBottom {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;font-size: 11px;color: #666;line-height: 1.4em;text-align: left;border: 10px solid #fff;border-top-style: none;} #lbCloseLink {display: block;float: right;width: 66px;height: 22px;background: transparent url(/images/graphics/closelabel.gif) no-repeat center;margin: 5px 0;outline: none;} #lbCaption, #lbNumber { margin-right: 71px;} #lbCaption {font-weight: bold;} #lbCaption a{ font-size:10px; } /* END SLIM BOX */ /* OLD SIDE NAV LAYOUT */ #sidenav{ width:165px; padding:0 0 10px 0; background:#ffffff; } #sidebarHeader-OLD{ height:21px; width:165px; margin:3px 0 0 0; background:url(/images/layout/new-sidebar-header.gif); } #sidebarDiv{ width:163px; padding-bottom:8px; border-left:1px solid #969696; border-right:1px solid #969696; background:#f7f7f7 url(/images/layout/sidebar_grad.gif) bottom repeat-x; } * html #sidebarDiv{ width:165px; } #sidebarBottom{ margin:0; font-size:1px; height:7px; width:165px; background:url(/images/layout/new-sidebar-footer.gif); } #sidebarDiv img{ margin:0 0 0 4px; padding:0; float:left; } #sidebarDiv a{ border-bottom:1px dotted #c3c3c3; font-size:11px; color:#333333; display:block; padding:4px 5px 4px 12px; margin:0; width:146px; background:url(/images/graphics/arrow.gif) 3px 8px no-repeat; float:left; } * html #sidebarDiv a{ width:163px; } #sidebarDiv a:hover{ text-decoration:none; color:#aa0000; background:#e1e1e1 url(/images/graphics/arrow.gif) 3px 8px no-repeat; } #sidebarDiv .navCtgryText{ font-size:11px; display:block; padding:4px 5px 4px 12px; margin:0; width:146px; color:#000000; background:#e1e1e1 url(/images/graphics/arrowD.gif) 2px 8px no-repeat; float:left; } * html #sidebarDiv .navCtgryText{ width:163px; } #sidebarDiv a.navCtgryText{ } #sidebarDiv a:hover.navCtgryText{ } #sidebarDiv a.sect_link{ font-size:11px; color:#aa0000; display:block; margin:0 0 0 12px; padding:3px 5px 3px 10px; width:131px; border-bottom:1px dotted #c3c3c3; background:url(/images/graphics/arrow-red.gif) 0 8px no-repeat; float:left; } * html #sidebarDiv a.sect_link{ width:143px; display:inline; } #sidebarDiv a:hover.sect_link{ background:#e6cdce url(/images/graphics/arrow-red.gif) 2px 8px no-repeat; color:#aa0000; } #sidebarDiv .navSectText{ font-size:11px; color:#aa0000; display:block; margin:0 0 0 12px; padding:3px 5px 3px 10px; width:131px; border-bottom:1px solid #c3c3c3; background:#e6cdce url(/images/graphics/arrow-red.gif) 2px 8px no-repeat; float:left; } * html #sidebarDiv .navSectText{ width:143px; display:inline; } #sidebarDiv a.navSectText{ } #sidebarDiv a:hover.navSectText{ } #sidebarDiv a.sub_sect_link{ font-size:10px; color:#c30000; border-bottom:1px dotted #8292fa; display:block; margin:0 0 0 22px; padding:2px 5px 2px 10px; width:121px; background:url(/images/layout/bullet.gif) 1px 6px no-repeat; float:left; } * html #sidebarDiv a.sub_sect_link{ display:inline; } #sidebarDiv a:hover.sub_sect_link{ color:#c30000; background:#ffcbcb url(/images/layout/bullet.gif) 1px 6px no-repeat; } #sidebarDiv .navSubsectText{ font-size:10px; color:#c30000; border-bottom:1px dotted #8292fa; display:block; margin:0 0 0 22px; padding:2px 5px 2px 10px; width:121px; background:#ffcbcb url(/images/layout/red-arrow.gif) 0 6px no-repeat; float:left; } * html #sidebarDiv .navSubsectText{ display:inline; } /* END OLD SIDE NAV LAYOUT */ /* SCIENCE TABLES CATEGORY.PHP */ #featureBlockHeader{width:775px;height:21px;background:url(/images/layout/new/see_also_wide.gif) top no-repeat;float:left;margin:10px 0 0 13px;} #featureBlock{float:left;margin:0 0 10px 13px;width:773px;border:1px solid #444444;border-top:0;padding-bottom:5px;} * html #featureBlock{width:775px;} #featureBlock .featureBlockProduct{margin:5px 0 5px 0;text-align:center;float:left;width:154px;font-size:10px;} #featureBlock .featureBlockProduct div a img{width:100px;height:100px;margin:5px;} #featureBlock .featureBlockProduct p{width:auto;margin:0 15px 0 15px;} #sciCat{float:left;width:208px;margin:18px 28px 18px 28px;text-align:center;font-weight:bold;} #sciCat a img{width:150px;height:150px;padding:5px 5px 10px 5px;border:none;} #sciHLine{float:left;width:730px;height:1px;margin-left:34px;border-top:1px solid #ccc;} #sciVLine{float:left;width:1px;height:150px;margin-top:30px;border-left:1px solid #ccc;} /* END SCIENCE TABLES CATEGORY.PHP */ #containerPrintVid { display:inline; margin:5px 0 0 5px; text-align:center; width:510px; padding:0; border:1px solid #000080; float:left;} #headerPrintVid {width:510px; padding:0; margin:5px 0 0 0; float:left;} #productToolLinksPrint {width:101px; margin:0; padding:4px; font-size:9px} #productToolLinksPrint ul {width:101px; margin:0; padding:0; list-style:none; clear:both} #productToolLinksPrint li {padding:0px 8px 4px 0px; text-align:center; float:left} /* videos */ #mainVideo{ margin:0 0 10px 0; text-align:center; width:775px; float:left; } #mainVideo h3{ margin:0; font-size:18px; } .videoDiv{ margin:5px 0 0 0; padding:5px; width:145px; font-size:11px; background:url(/images/layout/section-divider.gif) right no-repeat; float:left; text-align:center; } .selected{ background:#ededff; border:1px solid #000070; width:143px; } .noLine{ background:none; } .videoDiv img{ border:0; } #videoBtn{ display:block; margin:0 0 3px 0; height:27px; width:160px; background:url(/images/layout/videos.gif); } #videoBtn:hover{ background:url(/images/layout/videos-over.gif); } /* end videos */ /* CUSTOM BOARD REQUEST FORM */ #requestForm{ width:600px; margin:0 auto 0 auto; padding:5px 0 5px 0; height:auto; } #requestForm label{ width:250px; padding-top:4px; text-align:right; float:left; } #requestForm input, #requestForm select{ width:250px; margin:0 0 5px 2px; background:#e6efff; border:1px solid #000ad7; float:left; } #requestForm textarea{ width:440px; height:125px; margin:0 0 5px 80px; background:#e6efff; border:1px solid #000ad7; float:left; } #requestForm small{ padding:5px; text-align:center; float:left; } #requestForm span{ width:150px; padding:5px 0 5px 0; text-align:right; float:left; } #requestForm .submit{ border:0; margin-top:10px; width:auto; height:auto; } #requestForm p{ float:left; } #requestForm #radioButtons{ width:150px; text-align:center; margin:3px 10px 0 0; float:left; } #requestForm .radio{ width:15px; background:none; border:0; margin:0; padding:0; float:none; } #requestForm #graphicText{ display:none; float:left; margin:2px 0 2px 50px; text-align:center; clear:both; font-size:10px; font-weight:bold; width:500px;} /* END CUSTOM BOARD REQUEST FORM */ /* NEW CHECKOUT STYLES */ .checkOutBlue{ display:inline; text-align:justify; border:1px solid #dedede; background:#f1f5ff; width:200px; padding:15px; float:left; margin:0 0 0 20px; } .checkOutBlue h3{ margin:5px 0 0 0; } .checkOutGray{ display:inline; width:600px; padding:20px 30px 20px 30px; border:1px solid #cccccc; background:#efefef; float:right; margin:0 20px 15px 0; } .checkOutGray h2{ font-size:24px; margin:0 0 10px 0; font-weight:normal; } .checkOutGray h2 img{ float:left; } .blkBorder{ border:1px solid #000000; } .checkOutGray label{ width:auto; } .checkOutGray input{ border:1px solid #939393; } .checkOutGray select{ border:1px solid #939393; width:auto; height:19px; float:none; } .checkOutGold{ display:inline; width:600px; padding:20px 30px 20px 30px; border:1px solid #d9be62; background:#f5eed6; float:right; margin:0 20px 15px 0; } .checkOutGold h2{ font-size:24px; margin:0 0 10px 0; font-weight:normal; color:#7f6013; } .checkOutGold h2 img{ float:left; } .checkOutNames{ display:inline; margin:0 0 10px 0; width:290px; float:left; } .checkOutNames input{ width:290px; } .cityInput, .phoneInput{ display:inline; width:145px; margin:0 20px 10px 0; float:left; } .cityInput input, .phoneInput input{ width:145px; } .stateZipInput{ display:inline; width:125px; margin:0 20px 10px 0; float:left; } .stateZipInput input, .stateZipInput select{ width:125px; } .addTypeInput{ width:300px; float:left; } #hideShipAdd{ display:inline; } #editLink{ display:inline; margin-left:25px; padding:2px 6px 2px 6px; font-size:11px; border:1px solid #7d7d7d; background:#eaeeff; color:#000000; } #chargeAmount{ font-size:16px; font-weight:bold; } .checkOutGold #cartTable{ width:100%; } .checkOutGold #cartTable td{ background:none; } .checkOutGold #cartTable .priceRow td{ border-bottom:1px dotted #999999; } #submitOrderBtn{ border:none; } /* END NEW CHECKOUT STYLES */ /* whiteboard google page (landing page for google ads pertaining to whiteboards) */ #googleBanner{ text-align:right; margin:0 0 10px 0; height:123px; width:776px; background:url(http://www.britevisualproducts.com/images/usmarkerboard/banners/google-banner.gif) no-repeat; } #googleBanner div{ margin:40px 15px 0 0; float:right; } #googleBanner div h1{ font-size:40px; color:#01179b; margin:0 0 0 0; } #whiteboardChoices{ } #whiteboardChoices .whiteboardChoice{ margin:10px 0 10px 0; width:385px; background:url(http://www.britevisualproducts.com/images/usmarkerboard/layout/section-divider.gif) right no-repeat; float:left; } #whiteboardChoices .whiteboardChoice h2{ font-size:12px; margin:0 0 5px 5px; } #whiteboardChoices .whiteboardChoice .googleImg{ margin:0 0 0 5px; text-align:left; width:100px; float:left; } #whiteboardChoices .whiteboardChoice ul{ font-size:11px; padding:0; margin:0 5px 0 0; width:260px; float:right; } * html #whiteboardChoices .whiteboardChoice ul{ padding:0 0 0 15px; width:245px; } #whiteboardChoices .whiteboardChoice img{ border:none; } #whiteboardChoices .whiteboardChoice .googlePrice{ margin:0 0 0 5px; font-size:14px; float:left; } #whiteboardChoices .whiteboardChoice .googlePrice b{ color:#FF0000; } #whiteboardChoices .whiteboardChoice .googleCartBtn{ margin:0 10px 0 0; float:right; } #whiteboardChoices .whiteboardDivider{ height:5px; width:775px; background:url(http://www.britevisualproducts.com/images/usmarkerboard/layout/section-underline.gif) center no-repeat; float:left; } #whiteboardChoices .noDivider{ background:none; } #whiteboardChoices .whiteboardChoice #bestIcon{ position:absolute; height:40px; width:56px; background:url(http://www.britevisualproducts.com/images/usmarkerboard/graphics/best-icon.png) no-repeat; } * html #whiteboardChoices .whiteboardChoice #bestIcon{ behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "http://www.britevisualproducts.com/images/usmarkerboard/graphics/best-icon.png"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)); } #whiteboardChoices .whiteboardChoice #betterIcon{ position:absolute; height:40px; width:56px; background:url(http://www.britevisualproducts.com/images/usmarkerboard/graphics/better-icon.png) no-repeat; } * html #whiteboardChoices .whiteboardChoice #betterIcon{ behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "http://www.britevisualproducts.com/images/usmarkerboard/graphics/better-icon.png"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)); } #whiteboardChoices .whiteboardChoice #goodIcon{ position:absolute; height:40px; width:56px; background:url(http://www.britevisualproducts.com/images/usmarkerboard/graphics/good-icon.png) no-repeat; } * html #whiteboardChoices .whiteboardChoice #goodIcon{ behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "http://www.britevisualproducts.com/images/usmarkerboard/graphics/good-icon.png"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)); } .starBar{ margin:0; font-size:16px; height:26px; padding:12px 0 0 40px; background:url(http://www.britevisualproducts.com/images/usmarkerboard/graphics/star-bar.gif) no-repeat; } .starBar b{ color:#FF0000; } #greatPeople{ margin:10px 0 0 0; float:right; } #mainWhiteboards{ font-family:Arial, Helvetica, sans-serif; margin:10px 0 0 0; width:440px; float:left; } #youSearched{ text-align:center; font-size:15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width:438px; border:1px solid #2c3d9e; background:#f2f4ff; padding:5px 0 5px 0; } #youSearched h1{ font-size:25px; color:#2c3d9e; font-weight:normal; margin:0; } .grayBrdBox{ font-size:12px; padding:0 5px 2px 5px; margin:5px 0 0 0; text-align:center; height:275px; width:205px; border:1px solid #505050; background:#f7f7f7; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .brdBoxImg img{ height:160px; border:none;} .brdPrice{ margin:5px 0 0 0; font-size:14px; color:#006600; } .brdPrice strike{ color:#686868; } .brdPrice b{ color:#FF0000; } .brdBtn{ margin:5px 0 0 0; float:right; } .brdBtn img{ height:auto; width:auto; border:none; } #onSaleIcon{ display:block; height:56px; width:71px; position:absolute; background:url(http://www.britevisualproducts.com/images/usmarkerboard/graphics/google-onsale.png); } * html #onSaleIcon { behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "http://www.britevisualproducts.com/images/usmarkerboard/graphics/google-onsale.png"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)); } #freeShippingIcon{ display:block; height:56px; width:71px; position:absolute; background:url(http://www.britevisualproducts.com/images/usmarkerboard/graphics/google-free-shipping.png); } * html #freeShippingIcon { behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "http://www.britevisualproducts.com/images/usmarkerboard/graphics/google-free-shipping.png"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)); } #viewAllBoards{ border-top:1px solid #000000; border-bottom:1px solid #000000; font-size:18px; text-align:center; margin:10px 0 10px 0; padding:5px 0 5px 0; width:775px; float:left; } .blackDivider{ border-bottom:1px solid #000000; width:755px; margin:10px 0 10px 10px; float:left; } .ourBoards{ text-align:center; width:185px; padding:0 5px 0 5px; background:url(http://www.britevisualproducts.com/images/usmarkerboard/graphics/brds-divider.gif) right no-repeat; float:left; } .noDivider{ background:none; } .ourBoards .brdPrice{ font-size:12px; } .blackDividerSm{ clear:both; border-bottom:1px solid #000000; width:550px; margin:10px 0 10px 10px; float:left; } #googleExcelAd{ font-size:11px; text-align:center; padding:0 5px 0 5px; width:176px; border:1px solid #848687; float:right; } #googleExcelAd h3{ font-size:18px; margin:10px 0 0 0; } #googleExcelAd img{ width:150px; } #googleExcelAd .excelPrice{ display:inline; width:176px; padding:4px 0 4px 0; border-bottom:1px dotted #CCCCCC; float:left; } #googleExcelAd .excelPrice b{ float:left; } #googleExcelAd .excelPrice p{ color:#FF0000; margin:0; font-weight:bold; float:right; } #googleExcelAd .noDivider{ border:none; } #boardsTable{ width:550px; float:right; } #boardsTable h2{ font-size:16px; margin:0 0 0 5px; } #boardsTable table img{ margin:0 10px 0 0; width:50px; float:left; } #boardsTable table td{ padding:0 0 0 20px; background:url(http://www.britevisualproducts.com/images/usmarkerboard/graphics/bullet-point.gif) 5px 5px no-repeat; } #community{ margin:5px; border-bottom:1px solid #cccccc; padding-bottom:10px; } #community h3{ font-size:12px; font-weight:bold; text-decoration:underline; } #community img{ margin:10px 10px 5px 0; } #community a img{ border:0; } /* end whiteboard google page (landing page for google ads pertaining to whiteboards) */ /* 404 ERROR PAGE */ .errorDiv{ text-align:center; width:238px; padding:10px; float:left; } .errorDiv img{ } .errorDiv h2{ margin:10px 0 0 0; padding:4px 0 4px 0; font-size:16px; border-top:1px solid #bfbfbf; } .errorDiv h2 a{ color:#0b286c; } .errorDiv p{ margin:0; color:#4c4c4c; font-size:11px; text-align:left; } .errorDiv p a{ color:#4c4c4c; text-decoration:underline; } .errorDiv p a:hover{ text-decoration:none; } .errorDiv p b a{ text-decoration:none; } /* END 404 ERROR PAGE */