/* MASSEYS CSS Main stylesheet COLORS: blue-light: 52c8f9 blue: 007da5 blue-dark: 102042 -------------------------------------------------------------------------------------------*/ body { /*background:url(../bg.jpg) repeat-x center top;*/ color:#666; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; margin: 0px 0px 0px 0px; text-align: center; padding:0px 0px 0px 0px; } * { margin:0; padding:0; list-style-type:none; text-decoration:none; border:none;} .clear { clear:both; margin:0; height:0; line-height:0.0; font-size:0;} hr { display:none;} /* FORMS -------------------------------------------------------------------------*/ #zip_code{ border:1px solid #ccc; } input.textbig { border:1px solid #ccc; width: 182px; height:22px; margin:0px 3px 1px 0px; background-color: #FFFFFF; padding-top: 5px; } input.entryfield { border:1px solid #ccc; width: 142px; height:20px; margin-right: 3px; background-color: #FFEECC; padding-top: 5px; } textarea.entryfield { border:1px solid #ccc; width: 300px; height:80px; margin-right: 3px; background-color: #FFEECC; padding-top: 5px; } input.text { border:1px solid #ccc; width: 142px; height:16px; margin: 0 3px 0 0; vertical-align:top;} input.carttext { border:1px solid #999999; height:16px; font-size:12px; } select.carttext { border:1px solid #999999; height:18px; font-size:12px; } .checkoutspacing { padding-top: 4px; padding-bottom: 4px; } input.buttonbig { color:#8c8e8c; font-size: 12px; width: 74px; height:29px; border:1px solid #8c8e8c; text-align:center; background-color: #FFFFFF; font-weight: bold; margin: 0px 0px 0px 0px; } input.button { background:#ffeecc; color:#d89201; font-size: 12px; width: 46px; height:18px; border:1px solid #ccc; text-align:center; vertical-align:top;} input.checkoutbuttongood{ color:#000000; font-size: 12px; height:18px; border:1px solid #B37800; text-align:center; vertical-align:top; background-color: #FFAD00; } input.checkoutbuttonbad{ background:#ffeecc; color:#d89201; font-size: 12px; height:18px; border:1px solid #ccc; text-align:center; vertical-align:top;} input.lost_password{ color: #ff9a31; background-color: #e7e3e7; font-weight:bold; font-family:"Courier New", Courier, monospace; font-size:12px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; vertical-align: top; height:14px; } input.lost_password:hover { cursor:pointer; } .sl_checkout{ text-align:center; display:block; } p strong { /* to show boldness, boldness will not appear for font sizes 10px below for arial*/ font-family:Verdana, Arial, Helvetica, sans-serif;} /* LINKS -------------------------------------------------------------------------*/ a,a:visited { color:#9e6b01;} a:hover { text-decoration:none; color:#000;} /* HEADERS -------------------------------------------------------------------------*/ h1{ font-size: 3.5em; overflow:hidden; margin-top: 40px; margin-right: 0; margin-bottom: 10px; margin-left: 10px; } h2{ background:url(../icon_arrowdark.gif) no-repeat center left; padding: 0 0 0 10px; margin: 0 0 3px 0; color:#666; font-size: 1.1em;} h3 { font-size: 1.1em; font-weight:normal; color:#666; float:left; margin: 0 0 0 3px;} h3 a{ color:#666 !important;} h3 a:hover{ color:#000 !important;} h4 { color:#d89201; font-size: 1.4em;} h5{ padding: 0 0 0 14px; background:url(../icon_arrowbig.gif) no-repeat center left; color:#d89201; font-size: 1.4em; margin: 0 0 12px 0; font-weight:normal;} /* SPECIFIC TO DEPARTMENT PAGES -------------------------------------------------------------------------*/ #green .categories { /* #roofracks is the id of the tag, just change id for every page */ background:url(../dept/bg_green.gif) no-repeat top left;} h1.green{ color: #95C147; } /* PAGE LAYOUT -------------------------------------------------------------------------*/ #container { width: 980px; margin: 0 auto; text-align: left; padding:0px 0px 0px 0px; background-color:#FFFFFF; } #checkoutforce { /*overflow: auto;*/ /*visibility: visible;*/ min-height:520px; height:auto !important; /* height:520px;*/ }/*forces footer down;*/ #container_wrapper { width: 775px; padding: 0 0 0 10px; } #main-text { width: 760px; background:#FFF; /*border:1px solid #ccc;*/ border-top:none; clear:both;} #bottom { width: 975px; margin-top: 15px; margin-right: 0; margin-bottom: 0; margin-left: 0; } #content_column { width:975px; background-color:#FFFFFF; } /* HEADER -------------------------------------------------------------------------*/ #header { width:987px; height:90px; background-color:#FFFFFF; } #header_left { width:713px; float:left; } #header_right { width:261px; float:right; } a.logo { /*bad link - background:url(../1x1.gif) no-repeat top left;*/ position:absolute; text-indent:1px; overflow:hidden;} ul.top-links{ margin: 0px 0px 0px 0px; font-size:12px;} ul.top-links li{ float:left; margin: 12px 10px 0px 0px;} ul.top-links li a{ color:#52c8f9 !important; text-decoration:underline; } ul.top-links li a:hover{ color:#000 !important; text-decoration:underline; } form.header_search { margin:4px 0px 4px 0px; } .header_cart{ height:21px;width:261px; background-image:url('../MasseysOutfitters/header_cart_back.gif'); background-repeat:no-repeat; vertical-align:middle; } .header_cart_text{ float:left; width:234px; font-size:10px; color:#000000; text-align:center; vertical-align:middle; line-height:20px; } .header_cart_link { width:25px; float:right; text-align:center; vertical-align:middle; line-height:20px; font-size:14px; font-weight:bold; } .header_cart_link a { color:#FFFFFF; } .header_cart_link a:hover { color:#52c8f9; } #menu { position:relative;margin:64px 0px 0px 68px; } /* MENU Infinite Menus CSS Styles -------------------------------------------------------------------------*/ /* --[[ Main Expand Icons ]]-- */ #imenus0 .imeam span,#imenus0 .imeamj span {width:6px; height:3px; left:-8px; top:7px; background-repeat:no-repeat;background-position:top left;} #imenus0 li:hover .imeam span,#imenus0 li a.iactive .imeamj span {background-repeat:no-repeat;background-position:top left;} /* --[[ Sub Expand Icons ]]-- */ #imenus0 ul .imeas span,#imenus0 ul .imeasj span {width:6px; height:9px; left:-6px; top:3px; background-repeat:no-repeat;background-position:top left;} #imenus0 ul li:hover .imeas span,#imenus0 ul li a.iactive .imeasj span {background-repeat:no-repeat;background-position:top left;} /* --[[ Main Container ]]-- */ #imouter0 {background-color:#ffffff; border-style:none; border-color:#ffffff; border-width:0px; padding:0px; margin:0px; } /* --[[ Sub Container ]]-- */ #imenus0 li ul {background-color:#ffffff; border-style:solid; border-color:#3f3f3f; border-width:1px; padding:5px 5px 5px 10px; margin:4px 0px 0px; } /* --[[ Main Items ]]-- */ #imenus0 li a, #imenus0 .imctitle {background-color:#ffffff; color:#4f4f4f; text-align:left; font-family:Verdana; font-size:12px; font-weight:bold; text-decoration:none; border-style:none; border-color:#ffffff; border-width:0px; padding:2px 8px; } /* [hover] - These settings must be duplicated for IE compatibility.*/ #imenus0 li:hover>a {color:#0080ff; text-decoration:none; } #imenus0 li a.ihover, .imde imenus0 a:hover {color:#0080ff; text-decoration:none; } /* [active] */ #imenus0 li a.iactive {color:#0080ff; } /* [NavCanvas Site Map - Titles] */ #imenus0 li .imctitle {} /* [NavCanvas Site Map - Title Sub Containers] */ #imenus0 .imcanvassubc {} /* [NavCanvas Site Map - Title Sub Items] */ #imenus0 ul .imzi {} /* --[[ Sub Items ]]-- */ #imenus0 ul a, #imenus0 .imsubc li .imctitle {background-color:transparent; color:#3b3b3b; text-align:left; font-size:11px; font-weight:normal; text-decoration:none; border-style:none; border-width:1px; padding:2px 5px; } /* [hover] - These settings must be duplicated for IE comptatibility.*/ #imenus0 ul li:hover>a {background-color:transparent; color:#0080ff; text-decoration:none; } #imenus0 ul li a.ihover {background-color:transparent; color:#0080ff; text-decoration:none; } /* [active] */ #imenus0 ul li a.iactive {background-color:transparent; color:#0080ff; } /* [Dividers] */ #imenus0 .dvs {} /* [NavCanvas Titles] */ #imenus0 .imsc li .imctitle {background-color:#ffffff; border-style:solid; border-color:#8f8f8f; border-width:1px; padding:3px 3px 3px 5px; } /* [NavCanvas Title Sub Containers] */ #imenus0 ul .imcanvassubc {border-style:none; } /* [NavCanvas Title Sub Items] */ #imenus0 ul ul .imzi {} /* MAIN TEXT -------------------------------------------------------------------------*/ #main-text p{ margin: 13px 0 0 0;} .more{ text-align:right;} .more a{ background:url(../icon_arrowsmall.gif) no-repeat center right; padding: 0 16px 0 0;} .categories { float:right; width: 478px;} .productinfo { float:right; width: 340px;} .productimage { float:left; width: 400px;} /* Product Pages */ .needhelp { float: right; padding-top: 5px; padding-right: 5px; } .StyleNumber { font-size: 9.5px; color: #666666; padding-top: 5px; } .ProductPrice { padding-top: 10px; } .ProductOptions { padding-top: 10px; } .ProductName1 { padding-top: 80px; } .ProductDescription1 { padding-top: 40px; } .ProductDescription2 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; } .ProductQuestions1 { padding-top: 30px; } .ProductQuestions2 { padding-top: 10px; padding-bottom: 20px; } .ProductChart1 { border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #CCCCCC; border-bottom-color: #CCCCCC; margin-top: 30px; padding-top: 5px; padding-bottom: 5px; margin-right: 10px; } .RelatedItems { padding-left: 15px; padding-right: 20px; padding-top: 30px; } .related img {border:1px solid #CCCCCC;} .related .deptlinkP:link {color: #7E7E7E; font-weight:bold; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 10px;} .related .deptlinkP:visited {color: #7E7E7E; font-weight:bold; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 10px;} .related .deptlinkP:hover {color: #7E7E7E; font-weight:bold; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 10px;} .related .deptlinkP:active {color: #7E7E7E; font-weight:bold; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 10px;} .related font {color: #d89201;} .ProductAttr { border:1px solid #CCCCCC; width: 300px; } /* New */ .new { padding: 0 0 0 145px;} .new .new-product { text-align:center; float:left; width: 100px; padding: 0 7px 10px 0;} .new a{ color:#fff !important; font-weight:bold; font-size: 1.1em;} .new a:hover{ color:#000 !important;} .new a img{ margin: 0 0 6px 0; border:1px solid #999;} .new a:hover img{ border:1px solid #000;} /* Quick Search */ .quick-search { margin: 0 0 15px 10px;} .quick-search .title { color:#FFF; font-size: 3.5em; text-transform: lowercase; } form.search { padding: 5px 0 0 203px;} /* Rack Systems */ .systems { width: 400px; float:left; position:relative; left: 16px; margin: 0 23px 13px 0px;} .coolstuff { width: 400px; float:left; position:relative; left: 16px; margin-top: 0; margin-right: 23px; margin-bottom: 13px; margin-left: 0px; background-color: #FFEACA; padding: 8px; } .sub-cat { padding: 0 0 0 7px;} /* Advice */ .advice { float:left; width: 280px;} .advice-text { border:1px solid #ccc; margin: 2px 0 0 0 !important; margin: 0; padding: 14px 10px 10px 10px;} /* BOTTOM -------------------------------------------------------------------------*/ .bottom-wrapper { width: 975px; padding: 10px 0 20px 10px; margin: 0 auto; position:relative;} /* popular searches */ .side-box { float:left; min-height:193px; height:auto !important; height:193px; background:#fff; width: 182px; padding: 5px 0 0 5px; border:1px solid #ccc;} #cart-side-box { height:193px !important; overflow:auto; } ul.list { padding: 0 0 0 2px;} ul.list li{ /* bad link - background:url(../bullet.gif) no-repeat center left; */ padding: 0 0 0 2px; margin: 0 0 2px 0; font-weight:bold;} ul.list li a{ color:#666 !important;} ul.list li a:hover{ color:#000 !important;} /* shopping cart */ table.cart tr td { border-bottom:1px solid #ccc; padding: 2px 0; vertical-align:top;} table.cart tr td.checkout{ border:none; vertical-align:bottom; padding: 20px 0 0 0;} table.cart tr td.desc{ width: 210px;} table.cart tr td a{ color:#d89201 !important; margin: 0 0 6px 0; display:block;} table.cart tr td a:hover{ color:#000 !important;} table.cart tr td a.delete { background:#eaeaea; border:1px solid #ccc; text-align:center; padding: 0 2px; color:#b7b7b7 !important;} table.cart tr td a.checkout{ display:block; float:right; background:url(../icon_checkout.gif) no-repeat top left; width: 27px; height:15px; text-indent:-9999px; overflow:hidden;} /* middle column */ .middle-col { width: 597px; float:left; margin: 0px 0px 0px 0px;} .middle-col .top-box { width: 581px; float:left; min-height:89px; position:relative; left: 2px; margin: 0 2px 2px 0; border:1px solid #ccc; background:#FFF; padding:5px; height:auto !important; height:89px;} .middle-col .consider { clear:both; margin: 0 0 0 2px; padding: 5px 5px 0 5px; width: 581px; border:1px solid #ccc; background:#FFF; height: auto !important; height:90px; min-height:90px;} form.newsletter { margin: 2px 0 0 0;} form.newsletter input.text { background:#fbfbfb; width: 270px; height: 20px; margin: 0 0 4px 0;} form.newsletter input.button { height: 22px; width: 28px;} form.newsletter span { color:#ccc; font-weight:bold; font-size: 1.5em;} .left-list { float:left; width: 80px;} .right-list{ width: 66px; float:right;} .left-list ul.list, .right-list ul.list { padding:0 !important;} .left-list ul.list li, .right-list ul.list li { margin: 0 !important;} .departments { clear:both; display:block; margin: 2px 0 0 0; border:1px solid #ccc; padding: 9px 9px 9px 7px; background-color:#FFFFFF; } .departments p { margin: 0 0 9px 0;} /* footer cart links */ .desc a:link {color: #d89201;} .desc a:hover {color: #000000;} .SalePrice {color: #DC9B1D; font-weight:bold;} /*shopper lookup*/ .shopper_lookup_table td { border:1px solid #102042; font-family:"Courier New", Courier, monospace; font-size:12px; } .shopper_lookup_table td div{ padding:7px 7px 7px 7px; } .shopper_login_table td { border:0px none #FFFFFF; font-family:"Courier New", Courier, monospace; font-size:12px; color: #757575; } .sl_heading { background-color: #102042; color:#FFFFFF; display:block; font-family:"Courier New", Courier, monospace; font-size:16px; height: 30px; font-weight:bold; vertical-align:middle; line-height:30px; } #new_customers { background-color: #FFFFFF; color: #757575; } #existing_customers { background-color: #e7e3e7; color: #102042; } #guest_customers { background-color: #999999; color: #FFFFFF; } #international_customers { background-color: #757575; color: #FFFFFF; } /* Checkout */ .CartItem { background-color: #999999; height: 25px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; font-size: 10px; background-image: url(../checkout/item-bg.jpg); } .CartDescription { background-color: #333366; height: 25px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; font-size: 10px; background-image: url(../checkout/desc-bg.jpg); } .CartTotal { background-color: #FF9933; height: 25px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #666666; font-size: 10px; } .CartItems { height: 50px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; } .confirmedthanksbox { background-color: #FFEECC; padding: 20px; border: 1px solid #FFBF27; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; } .ReceiptShipTo { height: 25px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; background-image: url(../checkout/ship-bg.gif); padding-left: 10px; } .ReceiptShipToData { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; padding-left: 10px; border: 1px solid #FFE6B2; } .receiptquestions { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; background-color: #AAC2A3; padding: 10px; } /* quick view classes */ #qv_window div {font-family:Arial, Helvetica, sans-serif;} .qv-wrapper {position:relative; visibility:hidden;} .qvicon {border:none !important; position:absolute; top:-60px; left:0px;cursor:pointer;} .qv_ProductName {color:#d89201;font-weight:bold;font-size:12px;display:block;margin:0px 0px 6px 0px;} .qv_descr {color:#666666;font-weight:normal;font-size:11px; } .qvLink:link, .qvLink:visited, .qvLink:hover, .qvLink:active {color:#0099ff; text-decoration:none; font-weight:bold;font-size:12px;} .ProductAttrqv {border:1px solid #7e7e7e;font-size:11px;} /* end quick view classes */ /* LIVE PERSON CLASSES */ .LPform { width: 175px; height: 91px; border: 1px solid #cbcbcb; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #LPidentifier { display: none; } #LPmessage { display: inline; } /* confirmation page popup messaging */ #cartMessagepopwrapper { align: left; position: relative; top: 40px; left: 10px; z-index:900; height: auto; } #cartMessagepop { position: absolute; top: 100px; left: 20px; z-index:899; height: auto; } #offlineMessagewrapper { width:400px; background-color:#FFBF27; border:1px solid #333366; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold; padding:20px 20px 20px 20px; } .status_offline { background-color:#FFEECC; border:1px solid #FFBF27; color:#000000; font-size:14px; font-weight:bold; padding:20px 20px 20px 20px; }