@charset "UTF-8"; body { font: 100% Verdana, Arial, Helvetica, sans-serif; background-color: #fff; margin: 0; padding: 0; text-align: center; color: #666; font-size: 11px; } img { border: 0; } form { margin: 0; padding: 0; } a { color: #007CC2; text-decoration: none; } a:hover { text-decoration: underline; } h1 { font-size: 14px; color: #406085; font-weight: normal; margin: 0 0 7px 0; padding: 10px 2px; font-family: Verdana, Arial, Helvetica, sans-serif; } h2 { font-size: 12px; color: #406085; font-weight: normal; } .alert { color: #c41230; } #container { width: 924px; background-color: #FFFFFF; margin: 0 auto;  text-align: left; } #header { position: relative; background-color: #fff; padding: 0; background-image: url(/images/logo_background.jpg); background-position: center bottom; background-repeat: repeat-x; font-size: 10px; height: 116px; color: #002a5c; } #header h3 { font-weight: bold; margin: 2px; text-transform: uppercase; font-size: 10px; } #header p { margin: 1px; }  * html .submit { vertical-align: bottom; margin-bottom: 1px; } .submit { vertical-align: bottom; margin: 0; }  .new_feature { color: red; letter-spacing: 1px; } #masthead_logo { position: absolute; left: 285px; top: 0; text-align: center; } .logoclick { float: left; margin-left: 110px; } #topsearch { float: left; padding: 15px 10px 5px 15px; } #refined_search { display: block; text-align: right; margin: 2px 21px 5px 0; } #topsearch .blue_arrow { margin-left: -4px; border: 0 solid white; } #search, #order, #query, #productid { vertical-align: bottom; margin: 0; height: 16px; width: 128px; border: 1px solid #3c6c8f; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0; color: #999; font-size: 11px; } #sanmar_login { position: relative; margin-top: 20px; background: url(/images/login-BG.png) no-repeat; width: 160px; height: 54px; } #login_button { position: absolute; top: 0; left: 0; } #login_button_link { display: block; position: absolute; top: 6px; left: 44px; height: 22px; width: 75px; border: 0px solid red; } #login_links { position: absolute; top: 34px; left: 10px; border: 0px solid red; } .nav_pipe { color: black; } #bybrand { margin-top: 3px; width: 130px; display: block;  font-size: 9px; } #bycategory { margin-top: 3px; width: 130px; display: block;  font-size: 9px; } #bycolor { margin-top: 3px; width: 130px; display: block;  font-size: 9px; }  #user { float: right; width: 193px; margin-top: 10px; } #username { vertical-align: bottom; margin: 0; height: 16px; width: 75px; border: 1px solid #bfbfbf; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 0; color: #999; } #password { vertical-align: bottom; margin: 0; height: 16px; width: 75px; border: 1px solid #bfbfbf; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 0; color: #999; } #user .label { padding: 0 20px 4px 10px; } #user .smshoppingbox { float: right; padding-right: 4px; margin: 0; } #user .fake { width: 63px; height: 56px; display: inline-block; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hd_shoppingbox.png'); } #user .fake img { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); border: 0; }  #topnav { background-color: #556b90; background-image: url(/images/bg_topnav.gif); height: 28px; background-repeat: repeat-x; text-align: center; display: block; padding-left: 130px; margin-left: auto; margin-right: auto; } #topnav.MyAccount { padding-left: 50px; } #sidebar { float: left; width: 208px;  padding: 0; } #sidebar .content { margin: 10px; } #mainContent { margin: 0 0 0 209px; padding: 0; min-height: 300px; } #mainContent .content { margin: 10px; } #footer { padding: 0 10px 0 20px; background-color:#e6e6e6; text-align: center; font-size: 10px; border-top: 1px solid #adadad; border-bottom: 1px solid #adadad; color: #666; font-weight: bold; margin-top: 2px; } #footer .soc-class { font-weight: normal; } #loginmessage { padding: 5px 10px 5px 20px; background-color:#e6e6e6; text-align: left; font-size: 10px; border-top: 1px solid #adadad; border-bottom: 1px solid #adadad; color: #666; font-weight: bold; margin-top: 2px; } #footer p { margin: 0; padding: 5px 0; } #footer a { text-decoration: none; padding-left: 15px; font-weight: normal;  } #footer a:hover { text-decoration: underline; } .fltrt { float: right; margin-left: 8px; } .fltlft { float: left; margin-right: 8px; } .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }  #messagebar { border-bottom: 1px solid #c0c0c0; background-position: top; background-repeat: repeat-x; padding: 7px 6px 6px 6px; height: 14px; } #messagebar p { margin: 0; }   .pink { background-image: url(/images/bg_shadowgeneric.gif); background-color: #f8f4e8; } .green { background-image: url(/images/bg_shadowgeneric.gif); background-color: #f8f4e8; } .splash { text-align: center; } .green .on {  font-weight: bold; } #messagebar .title { float: left; margin-left: 0; } #messagebar .inventorycheck { float: right; margin-right: 0; margin-top: 0; }  #quickbar { background-color:#f6f9fe; padding: 6px; height: 25px; } #quickbar .inventorycheck { float: left; } #quickbar .invproductid { float: left; } #inventorycheckform { display: inline; } #inventorycheck, #invproductid, #grid_productid { vertical-align: bottom; margin: 0; height: 16px; width: 86px; border: 1px solid #bfbfbf; color: #999; padding: 0; } #quickbar .expressorder { float: left; padding-left: 16px; } #quickbar .exproductid { float: left; padding-left: 16px; } #expressorderform { display: inline; } #expressorder, #exproductid { vertical-align: bottom; margin: 0; height: 16px; width: 111px; border: 1px solid #bfbfbf; color: #999; padding: 0; } #quickbar .quicklinks { float: right; padding-top: 2px; }  #leftnav { margin: 0; width: 164px; } #leftnav .sideimages { margin: 0; padding: 0; } #leftnav .sideimages img { margin-bottom: 4px; display: block; } #leftnav .shoppingfor { text-align: center; } #leftnav .group { background-color: #eaedf4; border: 1px solid #cfd7e2; text-transform: uppercase; color: #47658a; font-weight: bold; padding: 2px; margin: 4px 0; } #leftnav .group a { color: #47658a; } #leftnav ul { padding: 0; margin: 0; list-style: none; } #leftnav { line-height: 15px; } #leftnav a { color: #666; } #leftnav ul li { margin-left: 5px; } #leftnav ul li li { margin-left: 10px; } #leftnav a.selected { color: #c41230; font-weight: bold; } #leftnav .slider input { vertical-align: bottom; margin: 0 5px 0 0; height: 16px; width: 46px; border: 1px solid #fff; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0; color: #333; background-color: #fff;  } #leftnav .slider input:hover { cursor: default; }  #catalogoptions { padding: 6px; height: 16px; } #catalogoptions .pager { float: left; margin-right: 22px; } #catalogoptions .total { float: left; margin-right: 22px; } #catalogoptions .displayed { float: left; margin-right: 22px; } #catalogoptions .actions { float: right; vertical-align: bottom; } #catalogoptions .actions img { margin: 0 5px; vertical-align: top; } #productlist { } #productlist a { color: #666; } #productlist a:hover { text-decoration: underline; } #productlist .product { width: 120px; text-align: center; margin: 0 9px 20px 9px; float: left; height: 250px;  } #productlist .saleproduct { width: 120px; text-align: center; margin: 0 9px 20px 9px; float: left; height: 300px;  } #productlist .fakeimage { background-position: top; background-repeat: no-repeat; } #productlist .imagedisplay { width: 120px; height: 156px; display: inline-block; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/cat_gradientmask.png'); } #productlist .imagedisplay img { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); border: 0; } #productlist .info { font-weight: bold; } #productlist .name { height: 65px; }  #productpage h1 { border-bottom: 1px solid #cdcdcd; } #imageside { float: left; width: 300px;  padding: 0; text-align: center; } #imageside .options { padding: 5px; } #imageside .options img { vertical-align: middle; margin: 0 4px 0 0; } #imageside .options a { margin: auto 10px; } #textside { margin: 0 0 0 340px; padding: 0; } #textside .productinfo { border: 1px solid #cdcdcd; } #textside .tab { width: 92px; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; text-align: center; float: left; padding: 3px 0; background-color: #eaedf4; } #textside .tab a { color: #8da0b7; } #textside .on { background-color: #fff; border-bottom: 1px solid #fff; } #textside .productinfo .tabcontent { margin: 10px; padding-top: 10px;  } #textside .productinfo .videotab { margin: 0; padding: 0; } #textside .addtobox { text-align: right; bottom-left: 10px; } #textside .options { padding: 5px; text-align: center; } #textside .options img { vertical-align: middle; margin: 0 4px 0 0; } #textside .options a { margin: auto 10px; } #buygrid { } #buygrid td { padding: 4px 6px; border-bottom: 1px solid #c0c0c0; vertical-align: top; text-align: left; } #buygrid .sizerow td { background-color: #d9d9d9; font-weight: bold; color: #666666; } #buygrid .pricerow td { background-color: #f2f2f2; color: #666666; } #buygrid .salerow td { background-color: #f2f2f2; font-weight: normal; color: #c41230; } #buygrid .salerow td { background-color: #f2f2f2; font-weight: normal; color: #c41230; } #buygrid td input {  display: inline; margin-bottom: 3px; font-size: 11px; width: 32px; } #buygrid td img.default { margin-top: 3px; }  #companions { height: 91px; background:no-repeat; padding: 1px; width: 346px; } #dropdown { padding-top:25px; padding-right:20px; }  #producttable { background-image: url(/images/product_container_x.png); height:520px; background-repeat:no-repeat; } #droplist { width:180px; height:150px; padding:1px; } companionTable { }  .swatchesandbuttons { margin-bottom: 12px; } .swatchesandbuttons .fakeimage { background-position: top; background-repeat: no-repeat; border: 1px solid #c0c0c0; } .swatchesandbuttons .imagedisplay { width: 75px; height: 90px; display: inline-block; } .swatchesandbuttons .imagedisplay img { border: 0; } #colors { width: 150px; height: 90px; overflow: auto; border: 1px solid #c0c0c0; } #colors, #colors ul { padding: 0; margin: 0; list-style: none; } #colors ul { border-top: 2px solid #fff; } #colors a { display: block; width: 190px; text-decoration: none; color: #000; border-bottom: 2px solid #fff; padding: 4px 3px 3px 40px; background-color: #fff; background-position: 2px 2px; background-repeat: no-repeat; } #colors a img { vertical-align: top; } #colors a:hover { background-color: #EAF0F9; } #colorsleftnav { font-size: 11px; color: #666; font-family: Verdana,Arial,Helvetica,sans-serif; width: 160px; }  #mainContent.quickfix, table#refined_search.quickfix, #maincontent.quickfix { margin: 0 104px; } table#refined_search.quickfix { text-align: left; padding: 0; } h1 a.quickfix { color: #406085; } .shoppingbox { margin: 12px 0; width: 99%; } .shoppingbox td { border-bottom: 1px solid #e5e5e5; padding: 3px 10px; vertical-align: top; text-align: center; } .shoppingbox .header td { background-color: #e5e5e5; font-weight: bold; } .shopbuttons { padding: 4px 0; text-align: right; vertical-align: middle; } .shopbuttons img { margin: auto 0 auto 20px; vertical-align: middle; } .shopbuttons.quickfix img { margin: auto 0 auto 5px; } .shopbuttons.quickfix img.continue_checkout { margin: auto 0 auto 20px; } .shopbuttons input { margin: auto 0 auto 20px; vertical-align: middle; } .checkoutgroup { background-color: #e5e5e5; font-weight: bold; font-size: 12px; padding: 3px 10px; } .checkoutgroup.quickfix { background: #386c93; color: white; font-size: 12px; font-weight: normal; padding: 3px 6px; } .left_column { float: left; margin: 10px; width: 250px; } .right_column { float: right; margin: 10px; width: 350px; } .bordertable { margin: 0 0 12px 0; border: 1px solid #e5e5e5; width: 99%; } .bordertable td { padding: 3px; vertical-align: middle; text-align: left; } .borderrows { margin: 0 0 12px 0; } .borderrows.quickfix { margin: 10px 0 20px 0; } .borderrows td { border-bottom: 1px solid #e5e5e5; padding: 3px; vertical-align: middle; text-align: left; } .nobordertable { margin: 0 0 12px 0; } .nobordertable td { padding: 3px; vertical-align: middle; text-align: left; } .tableRollOverEffect1 { background-color:#e5e5e5; } .tableRowClickEffect1 { background-color:#e4f3eb; } .variabletext { color: #8b5c29; }  #express { } #express .item { width: 99%; margin-bottom: 4px; } #express .item td { padding: 3px; } #express .item td span { padding-left: 20px; } #express .header1 td { background-color: #e8e8e8; } #express .editdelete { text-align: right; } #express .header2 td { background-color: #d6d6d6; } #express .itemactions { margin-bottom: 4px; } #express .itemactions td { padding: 3px; text-align: center; }  #marketing { margin: 0 0 0 209px; padding: 0; } #marketing td { font-size: 11px; } #marketing .content { margin: 10px; } #marketing h1 { border-bottom: 1px solid #cdcdcd; } #marketing h2 { font-weight: bold; margin-top: 2em; margin-bottom: 3px; } #marketing h3 { font-weight: bold; font-size: 12px; margin-top: 2em; margin-bottom: 3px; } #marketing p { margin-top: 3px; margin-bottom: 1.2em; } .jumpnav { background-color: #eaedf4; border: 1px solid #cfd7e2; text-align: center; color: #47658a; padding: 6px; margin: 10px 0; } .jumpnav a { color: #47658a; padding: 0 10px; font-weight: bold; } .actionbutton { float: right; padding-top: 10px; } .admintable { margin: 12px 0; width: 99%; } .admintable td { border-bottom: 1px solid #e5e5e5; padding: 3px 10px; vertical-align: middle; } .admintable td td { border: none; } .admintable .header td { background-color: #e5e5e5; font-weight: bold; } .adminbuttons { padding: 12px 0; text-align: right; vertical-align: middle; } .adminbuttons img { margin: auto 0 auto 20px; vertical-align: middle; } .adminbuttons input { margin: auto 0 auto 20px; vertical-align: middle; } .allborders { border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; } .allborders td { border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 1px; text-align: left; } .allborders td td { border: none; } .allborders .header td { background-color: #e5e5e5; font-weight: bold; } .shadedbox { background-color: #EAEDF4; padding: 2px; border: 1px solid #CFD7E2 }  #fabricnav { float: left; border: 0; width: 142px; background-image: url(/images/roundtop.gif); background-repeat: no-repeat; padding-top: 20px; margin-top: 4px; } #fabricnav .fabric ul li a { color: #638F38; } #fabricnav ul { list-style: none; padding: 0; margin: 0; border-bottom: 0; border-right: 0; border-left: 0;  } #fabricnav ul li { } #fabricnav ul li a { background-color: #fff; text-transform: uppercase; color: #1C75CF; text-decoration: none; padding-left: 10px; font-weight: bold; display: block;  padding-top: 3px; padding-bottom: 3px; background-image: url(/images/swooshbg.gif); background-position: bottom; background-repeat: no-repeat; border-left: 3px solid #C3BEB8; border-right: 3px solid #C3BEB8; } #fabricnav ul li a:hover { background-color: #fff; color: #104780; } #fabricnav ul ul { border-left: 0; border-right: 0; } #fabricnav ul ul li { background-image: none; padding-bottom: 0; border-left: 0; border-right: 0; } #fabricnav ul ul li a { background-color: #1C75CF; text-transform: none; color: #fff; text-decoration: none; padding-left: 20px; font-weight: bold; display: block;  padding-top: 3px; padding-bottom: 3px; border-bottom: 1px solid #fff; background-image: none; border-left: 3px solid #C3BEB8; border-right: 3px solid #C3BEB8; } #fabricnav ul ul li a:hover {  color: #E0AD13; background-color: #1C75CF; } div.errormessage { background-color:#f2f2f2; border: 2px; border-color:#ceddf0; border-style:solid; padding:2px; margin:1px; } div.alt { border: 2px; border-color:#ceddf0; border-style:solid; padding:2px; margin:1px; background-color:#f6f9fe; } div.autocomplete { width:230px;  background-color:white; border:1px solid #888; margin:0px; padding:0;  } div.autocomplete ul { list-style-type:none; margin:0; padding:0; } div.autocomplete ul li.selected { background-color: #ffb;} div.autocomplete ul li { list-style-type:none; display:block; margin:0px; padding:0px;   cursor:pointer; } @charset "UTF-8";  .column { float: left; width: 140px; margin: 0 1px; padding: 5px; } .column0 { float: left; width: 140px; margin: 0 1px; padding: 5px; } .column1 { float: left; width: 140px; margin: 0 1px; padding: 5px; } .column2 { float: left; width: 140px; margin: 0 1px; padding: 5px; }  #topnav .spaced_top { margin-top: 6px; } #catmenu, #marketingmenu, #learnmenu, #aboutmenu, #myaccountmenu { z-index: 1; } #catmenu { border: 2px solid #0d3564; width: 620px; padding: 5px; color: #365582; font-size: 10px; text-align: left; background-position: top left; background-color: none !important; background-color: #ffffff; background-image: url(/images/bg_menu.png);    } #catmenu p { margin: 0; font-weight: bold; padding: 0; } #catmenu a:hover { text-decoration: underline; } #catmenu p a { color: #365582; } #catmenu p.spaced { margin-bottom: 6px; } #catmenu ul { list-style-type: none; margin: 0 0 5px 0; padding: 0; } #catmenu li { list-style-type: none; margin: 0 0 0 10px; padding: 0; }  #marketingmenu { border: 2px solid #0d3564; width: 314px; padding: 5px; color: #365582; font-size: 10px; text-align: left; background-position: top left; background-color: none !important; background-color: #ffffff; background-image: url(/images/bg_menu.png) !important; background-image: url(/images/bg_menu.gif);  } #marketingmenu a:hover { text-decoration: underline; } #marketingmenu p { margin: 0; font-weight: bold; } #marketingmenu p a { color: #365582; } #marketingmenu p.spaced { margin-bottom: 6px; } #marketingmenu ul { list-style-type: none; margin: 0 0 6px 0; padding: 0; } #marketingmenu li { list-style-type: none; margin: 0 0 0 10px; padding: 0; }  #aboutmenu { border: 2px solid #0d3564;  width: 157px; padding: 5px; color: #365582; font-size: 10px; text-align: left; background-position: top left; background-color: none !important; background-color: #ffffff; background-image: url(/images/bg_menu.png) !important; background-image: url(/images/bg_menu.gif);  } #aboutmenu a:hover { text-decoration: underline; } #aboutmenu p { margin: 0; font-weight: bold; } #aboutmenu p a { color: #365582; } #aboutmenu p.spaced { margin-bottom: 6px; } #aboutmenu ul { list-style-type: none; margin: 0 0 6px 0; padding: 0; } #aboutmenu li { list-style-type: none; margin: 0 0 0 10px; padding: 0; }  #menu ul { margin: 0px; padding: 0px; list-style: none; } #menu li { margin: 0px 0px 0px 10px; padding: 0px; } #menu ul li { list-style: none; } #menu ul li a { float: left; display: block; } #menu ul.horizontal li.level1 { float: left; } #menu ul.horizontal > li.level1 a { width: auto; }  #menu ul li a { float:none; }  #menu ul.dropdown, #menu ul.flyout { position: absolute; top: 0px; left: 0px; visibility: hidden; }