/* MyStore-Solution Stylesheet */ /* PAGE LAYOUT */ body {background:white;} #mainbody {border:none;} /* HEADER ABOVE NAV BAR */ #header {position:relative;} #header h3.storeLogo {width:auto; margin:0; padding:0;} #header #topnav-logo {display:inline;} #header #toplinks-holder {float:right; line-height:100px;} #header #toplinks-holder .spacer {vertical-align:middle; width:1px; height:45px; margin:0 20px;} #header #toplinks-holder a {color:#666; text-decoration:none;} #header #toplinks-holder a:hover {color:#666; text-decoration:none;} #header #toplinks-holder a:visited {color:#666; text-decoration:none;} /* SEARCH BAR STYLES */ #search-form * {border:none; color:#ea6824;} #info-div {margin-top:7px; margin-right:9px; background:white; border:1px solid white;} #info-div form {margin:0;} #query {color:#999;} #submit {background-color:#aaa;} /* HEADER ORANGE TOP NAV BAR */ #topNav {min-height:44px !important; width:982px; !important; background:white url('/lib/yhst-63404202557480/mss-navbar.gif') no-repeat scroll 0 0; border:none; padding:0; margin-left:-4px; line-height:36px;} /*#topNav ul a {color:blue; text-decoration:none; font-size:12px; font-weight:bold; border:none;} #topNav ul a:hover {color:green; text-decoration:none;} #topNav ul a:visited {color:blue; text-decoration:none;} #topNav ul {margin:0; padding:0 20px; background:url('/lib/yhst-63404202557480/mss-navbar-spacer.gif') no-repeat scroll top right; list-style-type:none; }*/ .mss-nav {background:white url('/lib/yhst-63404202557480/mss-navbar.gif') no-repeat scroll 0 0; height:44px; border:none; margin-left:-4px; } /* ul styles */ .mss-nav ul {margin:0 20px; list-style: none; line-height:auto; float:left;} .mss-nav ul * {line-height:auto !important;} /* li styles */ .mss-nav ul li {position: relative; display: block; float: left; text-align: center; margin: 0 0 0 5px; padding: 0 0 0 5px; z-index: 900; background:url('/lib/yhst-63404202557480/mss-navbar-spacer.gif') no-repeat scroll top right; white-space:nowrap; } *html .mss-nav ul li {width: expression(document.body.clientWidth > 60? "60px": "auto" );} /* a tag styles */ .mss-nav ul li a:link, .mss-nav ul li a:visited, .mss-nav ul li a:hover, .mss-nav ul li a:active {display: block; color:white; text-decoration: none; background:url('/lib/yhst-63404202557480/mss-navbar-spacer.gif') no-repeat scroll top right; padding:12px 10px 5px 10px; height:38px; margin:0px; /*line-height:25px;*/} .mss-nav ul li a:hover {text-decoration: none; color: #fff;} /* specific to the li class=shop */ /* sub ul styles (some colors controlled through variables) */ .mss-nav li ul {display: none; position: absolute; margin: 0; text-align: left; top: 38px; left: 0px !important; border:none; border-bottom-width: 0px;} .mss-nav li > ul {margin: 0px; text-align: left; top: 38px; left: 0px !important; } /* display subnav on mousover */ .mss-nav li:hover ul,.mss-nav li.over ul, li.over ul li, li.over ul li a {color: #FFF; display:block;} /* sub li styles */ .mss-nav li ul li {float:none; text-align:left; margin:0; padding:0; border-top:1px solid #aaaaaa ; width:100%;} /* sub a tag styles */ .mss-nav li ul li a:link, .mss-nav li ul li a:visited, .mss-nav li ul li a:hover, .mss-nav li ul li a:active { background: #90401c; padding: 5px 15px; height: auto; font-size: 12px; margin:0 !important; white-space:nowrap; color: #ffffff ; display:block !important; z-index:900; opacity: 0.9 ; } /* *:first-child+html .mss-nav li ul li a {padding: 3px 15px 5px 15px;} */ .mss-nav li ul li a {color: #ffffff ; width:180px; display:block;} .mss-nav li ul li a:hover {display:block; background: #d0551c ;opacity:1.0;} .mss-nav li ul li:hover {} .mss-nav a:hover {text-decoration:none !important;} /* HEADER MAIN PIC (:main. page only) */ #mainpic-holder {height:250px; background:white url('/lib/yhst-63404202557480/mss-header-pic.jpg') no-repeat; margin-top:-6px; position:relative;} #mainpic-holder #mainpic-text {position:absolute; left:30px; top:160px; width:315px; color:#aaa;} #mainpic-holder #mainpic-text a, #mainpic-holder #mainpic-text a:hover, #mainpic-holder #mainpic-text a:visited {color:#e0641c; text-decoration:none; font-size:12px;} /* HEADER JUMP TO STYLES */ #jumpto-holder {height:44px; margin:0 20px;} #jumpto-holder span {font-size:14px; margin:0 10px; color:#666; line-height:36px;} #jumpto-holder span a {font-size:14px; color:#e0641c; text-decoration:none; font-weight:bold;} #jumpto-holder span a:hover {color:#e0641c; text-decoration:none;} #jumpto-holder span a:visited {color:#e0641c; text-decoration:none;} /* BREADCRUMBS STYLES */ .breadcrumbs {clear:left;} .breadcrumbs a {color:#000; text-decoration:none;} .breadcrumbs a:hover {color:#000; text-decoration:none;} .breadcrumbs a:visited {color:#000; text-decoration:none;} .breadcrumbs .gt {color:#bbb;} /* FOOTER STYLES */ #footer {height:36px; width:982px; margin:0 auto 0 -4px; background:#aaa url('/lib/yhst-63404202557480/mss-footer-bar.gif') no-repeat; line-height:32px; clear:both;} #footer .copyright {float:none; padding:0; margin:0 30px; text-align:left;} #footer a {color:white; border-left:1px solid #ddd; text-decoration:none; padding:0 15px; font-size:11px;} #footer a:hover {color:white; text-decoration:none;} #footer a:visited {color:white; text-decoration:none;} #sub-footer {color:#888; margin:40px 0; line-height:17px;} /* RIGHT COLUMN STYLES */ #mss-right-col {position:absolute; top:0; right:-270px; width:260px; background:white url('/lib/yhst-63404202557480/mss-col3-fadebox.gif') no-repeat;} #mss-right-col .holder {margin:20px; line-height:1.5em; font-family:arial,sans-serif;} #mss-right-col .holder h4 {color:black; margin-bottom:3px;} #mss-right-col .holder2 {margin:10px 0; color:#000000;} #mss-right-col .holder2 h5 {font-size:1.0em; color:#e0641c; font-weight:normal;} #mss-right-col .holder2 img {float:left; margin:0 10px;} /* INDEX PAGE */ #bodyContent {position:relative;} #bodyContent .boxHeader {font-size:15px; font-weight:bold; color:black; margin:16px 0 15px 25px;} /* INDEX MESSAGE LEFT BOX */ #bodyContent #index-body-left {float:left; width:332px; min-height:400px; background:white url('/lib/yhst-63404202557480/mss-fadebox-left.gif') no-repeat;} #index-body-left table {margin:0 15px;} #index-body-left table td {padding:10px; color:#000; font-size:1.0em; text-align:left;} #index-body-left table td h6 {color:#e0641c; font-size:1.2em;} /* CONTENTS AREA */ #index-body-right {float:right; width:635px; min-height:400px; background:white url('/lib/yhst-63404202557480/mss-fadebox-right.gif') no-repeat;} .content-box {font-size:1.0em; line-height:1.5em; margin:16px 16px; color:#000;} .content-box h6 a {color:#3399cc;} .content-box h6 {font-size:1.2em; color:#3399cc;} .content-box .content-img {float:left; padding:0 15px;} .content-box a {color:#e0641c; text-decoration:none;} span.price {margin-right:10px; color:black;} span.old-price {margin-right:10px; color:black; text-decoration:line-through;} span.sale-price {margin-right:10px; color:black; font-weight:bold; color:red;} .mss-button-text {border:none; background:white; font-size:1.0em; color:#e0641c;} .mss-button-text:hover {cursor:pointer;} /* BOX ABOUT FREE EXTRAS ON INDEX PAGE */ #index-body-right {position:relative;} #free-stuff {position:absolute; top:40px; right:15px; width:125px; background:#f4f4f4; color:#000; padding:15px 0 15px 15px; font-size:0.9em; border-left:1px solid #ddd;} *html #free-stuff {width:105px;} #free-stuff h6 {color:black; font-size:1.1em; margin} #free-stuff img {margin:15px 0;} #free-stuff ul {list-style-type:square; list-style-image:url('/lib/yhst-63404202557480/raquo-bullet.gif');} #free-stuff ul li {margin-bottom:4px;} #bodyContent .contentsDiv {width:970px;} #bodyContent .contentsTable {width:100%; line-height:1.5em;} #bodyContent .contentsTable td {border:none;} #bodyContent .contentsTable td img {margin:0 15px;} #bodyContent .contentsTable .itemName {padding:0; padding-bottom:5px;} /* ITEM PAGE STYLES */ #bodyContent {color:#000;} #contentarea2 {margin-left:-215px;} #contentarea2 #contentarea {width:auto;} #contentarea {margin-left:215px; width:485px; position:relative; min-height:400px;} #contentarea .itemPageTitle {color:#e0641c; font-weight:normal; font-family:verdana,arial,sans-serif;} #left-image-holder {position:absolute; top:0; left:0;} #contentarea .itemContainer .floatLeft {position:absolute; top:0; left:-215px;} .pageText {color:#000; line-height:1.5em;} #bodyContent .itemContainer .itemProperties {margin:0; padding:20px 0 0 50px;} #bodyContent .itemContainer .itemPrice {color:#000; font-size:1.2em; padding:0; margin:0;} #bodyContent .regPrice {font-weight:normal; color:#000; font-size:1.2em;} #bodyContent .oldPrice {font-weight:normal; text-decoration:line-through; color:#000; font-size:1.2em;} #bodyContent .priceBold { color:#000; font-size:1.2em;} #bodyContent .itemContainer .salePrice {color:red; font-size:1.50em; font-weight:normal; display:block;} .itemPropertiesHolder {width:485px; background:white url('/lib/yhst-63404202557480/mss-product-fadebox.gif') no-repeat top left; position:relative;} #bodyContent .itemContainer .addToCart {border:none; padding:0; margin-top:10px;} .itemBonusText {position:absolute; color:#3da3c7; top:16px; right:16px; width:250px; font-size:1.25em;} /* ACCESSORIES BELOW SPECIAL BOXES ON ITEM PAGES */ #bodyContent .accessoriesHeader {border:none;} h4.below-header {margin:10px 0; color:#000; font-size:1.3em;} .product-spacer-bar {margin:15px 0; display:block;} .below-holder {color:#000; line-height:1.5em;} .below-img {float:left; margin:0 10px;} .below-holder h6 {font-size:1.1em;} /* ITEM IMAGE ON LEFT AND 'click to enlarge' */ #contentarea .mss-image {text-align:center; margin-bottom:5px;} #contentarea .multi-image-title {text-align:center; color:e0641c;} #contentarea .multi-image-title img {vertical-align:center;} #contentarea .mss-multi-image img {margin:3px;} #image2,#image3,#image4,#image5 {display:none;} .mss-multi-image {width:200px;} .contentsDiv #mss-right-col {position:static; float:right; right:0;} /* MSS - TABS. FROM TABBED-SECTIONS tab styles */ #contentarea .tabs-holder {margin:20px 0 50px 0;} /* If it's not already in the main style sheet, this will stop the dotted borders on-click. */ a {outline: none;} :-moz-any-link:focus {outline: none;} /* end */ .mss-tab { float:left; background:#FFF; padding:2px; border:2px solid #ccc; border-bottom:none;} .mss-tab-on { float:left; background:#FFF; padding:0px; border:2px solid #ccc; border-bottom:none;} .mss-tab a, .mss-tab a:visited, .mss-tab-on a, .mss-tab-on a:visited, .mss-tab a:hover, .mss-tab-on a:hover { padding:2px 20px; text-decoration:none; z-index:4; position:relative; display:block;} .mss-tab a, .mss-tab a:visited, .mss-tab a:hover {background:#f6f6f6; color:#ccc !important; font-weight:bold} .mss-tab-on a, .mss-tab-on a:visited, .mss-tab-on a:hover {background:#fff; color:#555 !important; line-height:1.6em; font-weight:bold; position:relative; top:4px;} .mss-tab-spacer {float:left; width:4px; height:1px;} #t2, #t3, #t1, #t4 {border:2px solid #ccc; border-bottom:none; padding:10px; z-index:3; clear:left; position:relative; min-height:80px; z-index:1;} #t2, #t3, #t4 {display:none;} a:hover {text-decoration:underline !important;} #mss-paging-hidden-links {display:none;} .pagingDiv {} .pagingLinks{background:#eee url() no-repeat scroll 0 0; height:18px; _height:28px; padding:5px 10px;} .pagingLinks-left {float:left;} .pagingLinks-left div{padding: 0px 14px;display:inline;} .pagingLinks-left b span {color:#000;} .pagingLinks-left .prev{background: transparent url(/lib/yhst-63404202557480/left-op.gif) no-repeat scroll center left; padding-right:5px;} .pagingLinks-left .next{background: transparent url(/lib/yhst-63404202557480/right-op.gif) no-repeat scroll center right;padding-left:5px;} .pagingLinks-left .prev.cl{background-image:url(/lib/yhst-63404202557480/left-cl.gif);} .pagingLinks-left .next.cl{background-image:url(/lib/yhst-63404202557480/right-cl.gif);} .pagingLinks-left a {text-decoration:none;} .pagingLinks-left a span{text-decoration:underline;color:#3399CC;} .pagingLinks-left span.noLink {color:#999;} .pagingLinks-right{float:right;} .pagingLinks-right span {color:#000;} .pagingLinks-right strong {color:#000; padding-right:4px;} .sortDiv{display:inline; padding-left:15px; text-align:left;} .sortDiv a {padding-left:10px; background: transparent url(/lib/yhst-63404202557480/right-op.gif) no-repeat scroll center left; margin:0px 5px; } .sortDiv a.chosen{background:transparent url() no-repeat scroll 0 0; font-weight:bold;color:#000;text-decoration:none;} .sortDiv a span {color:#3399CC;} .sortDiv a.chosen span {color:#000;font-weight:normal;} #pagingtop {margin:10px 0 15px 190px;width:780px;} * html #pagingtop{width:775px;} #pagingbottom {margin-top:10px;clear:left;} #pagingTable{margin-left:180px;} * html #pagingTable{width:775px;} #pagingTable .name {margin-bottom:10px;} #pagingTable .name a{font-size:12px; font-weight:bold; text-decoration:none;} #pagingTable .img{width:90px; float:left;} #pagingTable .rightDiv {margin-left:95px;text-align:left;} #pagingTable .cap a {display:block; margin:3px 0px;} #pagingTable .price {color:#000; margin:10px 0px;} #pagingFilterstop{width:160px; float:left;padding-bottom:20px;} .pagingFilters{} .pagingFilters input {vertical-align:middle;width:15px;margin:0px; padding:0px;} .pagingFilters span {vertical-align:middle; padding:0px 0px 0px 8px; color:#3399CC;} .pagingFilters span.pagingFiltersTitle{color:#000; padding:0px 5px 0px 0px; font-weight:bold;display:block;} .pagingFilters span.pagingFiltersSubtitle{color:#000; padding:0px 5px 0px 0px; display:block;padding-top:5px; border-top:1px solid #BBB; margin-top:15px;} .pagingFilters div{margin-top:8px;}