/* In this store, css-base, css-element and css-contents are not called. This is your main style sheet and contains all pertinent styles except oones associated with optional ad-ons. Use this sheet to make changes and always save a backup before doing so. */


/* Elements also required at end of Checkout CSS */
body {
	background-color: #026;
	background-image: url('');
	font: normal 15px Arial, Helvetica, sans-serif;
	text-align: center;
	width: 100%;
	margin: 0;
	color: #000;
}

/* Header Styles also required at end of Checkout CSS */
#header {
	background: #026 url('/lib/yhst-30380288297632/head-right-back.jpg') no-repeat scroll top right;
	position: relative;
	height: 130px;
	width: 948px;
	border: 8px solid #fff;
	margin: 8px;
}
#logo {
	float: left;
	clear: none;
	border: 0;
	margin: 12px;
	text-decoration: none;
	text-align: center;
}
#tagline {
	color: #fff;
	font: bold 14px/18px Arial,verdana,sans-serif; 
	margin-top: -4px;
}
#nav-general {
	clear: none;
	float: right;
	display: block;
	list-style: none;
	margin-top: 6px;
}
#nav-general li {
	border: 0;
	float: left;
	margin: 0 2px; /* General Link Colors */
}
#nav-general li a {
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 8px 6px;
	text-align: left;
	text-decoration: none;
	white-space: nowrap;
}
#nav-general li a:hover {
	background-color: #026;
	color: #fff;
}
#nav-general li a img {
	border: 0;
	vertical-align: middle;
	padding-right: 6px;
}
#badge-bar {
	position: absolute;
	right: 4px;
	top: 62px;
}
#badge-bar img {
	padding-right: 15px;
	vertical-align: bottom;
}
#nav-hor {
	height: 24px;
	background: #026 url('/lib/yhst-30380288297632/nav-hor-bkgd.gif') repeat-x scroll;
	color: #fff;
	font: bold 13px/24px Arial,verdana,sans-serif;
	padding-left: 12px;
	padding-right: 25px;
}
#nav-hor a {
	color: #fff;
	text-decoration: none;
	font: bold 12px/24px Arial,verdana,sans-serif; 
	padding: 0 25px;
}
#nav-hor a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #37a;
}
 
/* Footer Styles also required at end of Checkout CSS */
#footer {
	background-color: #fff;
	border-top: 1px solid #37a;
	padding: 6px;
	clear: both;
	zoom: 1;
}
#footer-links {
	height: 24px;
	background: #026 url('/lib/yhst-30380288297632/nav-hor-bkgd.gif') repeat-x scroll;
	color: #fff;
	font: bold 13px/24px Arial,verdana,sans-serif;
	padding: 0 auto;
	text-align: center;
}
#footer-links a {
	color: #fff;
	text-decoration: none;
	font: bold 12px/24px Arial,verdana,sans-serif; 
	padding: 0 25px;
}
#footer-links a:hover {
	color: #fff;
	text-decoration: none;
	background: #000 url('') repeat-x scroll;
}
#cards-copy {
	width: 48%;
	float: left;
	clear: none;
}
#cards-copy img {
	margin: 0;
}
#copyright {
	width: 48%;
	float: right;
	clear: none;
}
/* End of Styles Required in Checkout CSS */

/* Styles to improve Yahoo Editor usability with background color */
center table {
	background-color: #fff;
}

/* Elements */
blockquote {
	margin: 1em;
}
dd {
	margin: 0 0 0 10px;
}
dl {
	margin: 5px 0;
}
em, i {
	font-style: italic;
}
img {
	border: 0;
}
li {
	margin: 0 0 0 15px;
	padding: 0;
}
ol, ul {
	list-style: disc outside;
	margin: 0;
	padding: 0;
}
p {
	margin: 10px 0;
	padding: 0;
}
tr, td {
	vertical-align: top;
}
a {
	color: 0d00ff;
}
a:visited {
	color: 990000;
}
* {
	padding: 0; /*margin:0;*/
}
td {
	font-size: 12px;
        font-style: bold
	color: #000;
	padding: 0;
	margin: 0;
}
h1, h2, h3 {
	margin: 0;
}

/* Utility Classes */
.boxclose {
	zoom: 1;
}
.breadcrumbs {
	margin: 10px;
}
.clear {
	clear: both;
	display: block;
	font-size: 1px;
	height: 1px;
	line-height: -1;
}
.last {
	border: 0 solid;
}
.wide {
	width: 100%;
}
.ac {
	text-align: center;
}
.aj {
	text-align: justify;
}
.al {
	text-align: left;
}
.ar {
	text-align: right;
}
.cb {
	clear: both;
}
.cl {
	clear: left;
}
.cn {
	clear: none;
}
.cr {
	clear: right;
}
.db {
	display: block;
}
.di {
	display: inline;
}
.dn {
	display: none;
}
.fl {
	float: left;
}
.fn {
	float: none;
}
.fr {
	float: right;
}
.relatively-high {
	position: relative;
	top: -4px;
}
.relatively-low {
	position: relative;
	top: 4px;
}
.thin {
	height: 2px;
}
.narrow { 
	width: 2px;
}
.b-black {
	background-color: #000;
}
.b-white {
	background-color: #fff;
}
.inline {
	display: inline;
}

/* Cust-service Styles */
#wrap, #wrap3 h1, h2, h3 {
	padding: 0;
	margin: 0;
}
#wrap2 {
	width: 804px;
	background: #fff url('/lib/yhst-30380288297632/bkgd-2col.gif') repeat-y scroll top center;
}
#col1of2 {
	float: left;
	clear: none;
	width: 397px;
}
#col2of2 {
	float: right;
	clear: none;
	width: 397px;
}
#wrap3 {
	width: 804px;
	background: #fff url('/lib/yhst-30380288297632/bkgd-3col.gif') repeat-y scroll top center;
}
#col1of3 {
	float: left;
	clear: none;
	width: 272px;
	margin-right: 10px;
}
#col2of3 {
	float: left;
	clear: none;
	width: 240px;
	margin: 0;
}
#col2of3 img {
	margin: 0;
}
#col3of3 {
	float: right;
	clear: none;
	width: 272px;
}
.headline {
	font-size: 18px;
	font-weight: 900;
}
.subhead {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: -12px;
}
.pagehead {
	color: #d22;
	font-size: 16px;
	text-decoration: none;
	font-weight: 900;
}
.header {
	color: #d22;
	font-size: 18px;
	font-weight: 900;
}
.headline {
	color: #d22;
	font-size: 21px;
	font-weight: 900;
}
.subhead {
	color: #000;
	font-size: 13px;
	font-style: italic;
	font-weight: 900;
	display: block;
	margin: 12px 0;
	width: 100%;
}
.paragraphhead {
	color: #d22;
	font-size: 14px;
	text-decoration: none;
	font-weight: 900;
}
.littlehead {
	color: #d22;
	font-size: 13px;
	text-decoration: none;
	font-weight: 600;
}

/* Sitewide styles */
.border-box {
	padding: 2px;
	border: 1px solid #37a;
	color: #555; 
	font-size: 9px; 
	float: left;
	clear: none;
}
.border-box img {
	vertical-align: middle; 
}

/* Form Buttons */
.ys_primary {
	background: #b14;
	color: #fff;
	font: bold 11px Arial,verdana,sans-serif;
	padding: 1px 5px;
	text-align: center;
	cursor: pointer;
	display: block;
	margin-top: 10px;
}
/*input.ys_primary {
	background: #66A5FF;
	color: #FFF;
	font: bold 11px Arial,verdana,sans-serif;
	padding: 1px 5px;
	text-align: center;
	cursor: pointer;
}
*/
/*input.add2cartsubmit {
	background-color: #888;
	border-color: #DDD #AAA #555;
	border-style: solid;
	border-width: 1px 1px 1px;
	color: #fff;
	font-weight: bold;
	outline: #000 solid 1px;
	padding: 0 2px;
}
*/
label.add2cartlabel {
	border: 1px solid #000;
}
/*input.buttonsubmit {
	background-color: #888;
	border-color: #DDD #AAA #555;
	border-style: solid;
	border-width: 1px 1px 1px;
	color: #fff;
	font-size: 0.8em font-weight:bold;
	outline: #000 solid 1px;
	padding: 0 2px;
	text-transform: uppercase;
}
*/
/*label.buttonlabel {
	border: 1px solid #000;
}
*/
.buttonlabel {
	margin-left: 4px;
}

/* IDs */
#info-div {
	background-color: #fff;
	padding: 0px;
	zoom: 1;
}
#info-div:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
#accessorytitle {
}
#itemtype #accessorytitle {
	background: none;
	color: #000;
	font: bold 14px Arial, Helvetica, sans-serif;
	padding: 2px 10px 8px;
}
#bodycontent {
	width: 824px;
	background: transparent; 
	float: right; 
	clear: right;
}
 /* The Min-width is needed for Moz to stretch the bodycontent that is shrinkwrapping content due to floats. This is only necessary on pages without Tables in the contents. Min-width breaks Opera's layout so Width:100% is used instead of Min-width. */
#bodycontent-home {
	background: transparent; 
	float: left; 
	clear: none;	
	width: 630px;
}
#bodyshell {
	width: 980;
	zoom: 1;
	margin: 0;
	*position: relative; /*Left Column Color*/
	background: #fff url('/lib/yhst-30380288297632/bkgd-bodyshell.gif') repeat-y scroll; 
	border-top: 1px solid #abc;
}
 /* Background color is needed to counter an IE rendering bug that erases the left column bgcolor */ /* float:left is needed in Moz to handle extra wide cntent that breaks the width */ /* Left/Right Margin was removed due to expanded content errors in Moz, this was used to push the nav/content area in to match the mock-up */ /* position:relative is needed to fix bug in IE that caused the navigation bar to push out over the main content*/
*:first-child+html #bodyshell {
	width: 830px;
}
#bodyshell.bodyshell-home {
	background: #fff url('/lib/yhst-30380288297632/bkgd-bodyshell-rightcol.gif') repeat-y scroll; 
}
#brandmark {
	float: left;
	font: normal 36px Arial, Helvetica, sans-serif;
	width: 600px; /* 600 + 280 = 980 */
}
#brandmark a {
	color: #fff;
	display: block;
	padding: 0 0 5px 13px;
	text-decoration: none;
}
#caption {
	zoom: 1;
}
#itemtype #caption {
}
#maintype #caption {
	background-color: #fff;
	padding: 15px;
}
#captionarea, #messagearea, #info-div {
	margin: 10px 10px 9px; 
	/*border-bottom:1px #fff solid;*/
}/* 1px is used to prevent Margin Folding */
#messagetitle {
	background-color: #026;
	color: #fff;
	font: bold 16px Arial, Helvetica, sans-serif;
	padding: 4px 10px 6px;
}
#itemtype #contentarea #itempage-captiontitle {
	margin: 15px 0 10px;
}
#contentarea, #home-contentarea{
	margin: 4px 10px 15px;
}
table.vertical {
	text-align: center;	
}
#contents-table {
	border-top: 2px solid #eee;
	border-left: 2px solid #eee;
	border-right: 2px solid #eee;
}
#contents-table td {
	padding: 0 5px 15px;
	text-align: center;
}
#contents-table td img {
	border: 0;
	vertical-align: middle;
	text-decoration: none;
}
#itemtype #itempage-captiontitle {
	background: none;
	color: #000;
	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 2px 2px 8px; /*The Left/Right Padding is smaller because the Caption Title needs to be nested within the Caption on Item pages, but not on Section pages */
}
#container {
	margin: 6px auto;
	text-align: left;
	width: 980px;
	border: solid 1px #abc;
	background-color: #fff; /* This "container" is needed as IE produces resize induced rendering errors when using the BODY element for a container. */
}
#bodyContent #info-div #searchpageHeader {
	background-color: #452;
	color: #fff;
	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 4px 15px 6px;
}
#specialstitle {
	background: #fff url('');
	color: #000;
	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 0 10px;
	padding: 4px 15px 6px;
}

/* Right Column Styles */
#right-col {
	width: 180px; 
	float: right; 
	clear: right;
	overflow: hidden;
	margin: 0 10px;
}
#right-col h1, h2, h3 {
	border-bottom:2px solid #abc;
	margin-bottom:10px;
}
#right-col div {
	border-bottom:1px dotted #abc;
	margin-bottom:10px;
	padding-bottom:15px;
}
#right-col div a img {
	float:left;
	padding-right:5px;
}
.right-num img {
	vertical-align: middle;
}

/* Search Page Styles */
#info-div form, 
     .infoText div {
	margin: 0 10px;
}
#info-div form table td a img {
	margin-right: 5px;
}
#info-div form table td b {
	display: block;
	padding: 15px 0 5px;
}
#info-div form table td font {
	font-size: 1em;
}

/* !Search Page Styles */
#introtext {
}
#itemarea {
	background-color: #fff;
	margin: 10px;
	zoom: 1;
}
#itemarea a {
	float: left;
	clear: none;
}
.itemform.productInfo {
	float: left;
	clear: right;
	margin-left: 15px;
}
div.itemform.productInfo /*, label, img*/ {
	margin: 3px 5px;
	border: 1px solid #888;
	padding: 5px;
	max-width: 350px;
}
.itemform.productInfo form fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
.itemform.productInfo p {
	margin: 0;
}
.multiLineOption {
	display: block;
}
.unobtrusive {
	border: none;
	padding: 0;
	margin: 0;
}
.addtocartImg {
	margin-top: 3px;
}
div.itemform.productInfo a img {
	margin-top: -12px;
}
#contentarea #caption, #finaltext, #introtext {
	margin: 10px 0;
}
#section-contenttitle, #item-contenttitle {
	background-color: #026;
	color: #fff;
	font: bold 14px Arial, Helvetica, sans-serif;
	/* margin: 0 15px; */
	padding: 4px 10px 6px;
}
#contents .horizontal-seperator {
	border-bottom:12px solid #ffffff;
}
#contents .vertical-seperator {
	border-right:24px solid #ffffff;
}
div.contents-image {
	width: 150px;
	height: 150px;
	text-align: center;
	border: 4px solid #ddd;
	margin: 6px auto;
}	
tbale.vertical tr td {
	text-align: center;
}
div.contents-image img {
	display: block;
	vertical-align: middle;
	margin: auto;
}
#bodyshell:after, #caption:after, #header:after, #itemarea:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
#nav-product {
	_display: inline;
	width: 150px; 
	float: left; 
	clear: none; 
	margin-left: 0; 
	border: 0;
	overflow: hidden;
	position: relative;
	z-index: 100; /* IE Experiences the pixel doubling bug here. "display: inline;" fixes this. Position Relative and Z-Index are needed for IE in order to display the background colors */
}
#nav-product h3 {
	color: #aaa;
	font-size: 16px;
	padding: 4px;
	border-bottom: 1px solid #37a;
}
#nav-product ul li a {
	color: #fff;
	background-color: #026;
	display: block;
	font-weight: bold;
	font-size: 13px;
	height: 18px;
	margin: 0;
	min-height: 18px;
	padding: 4px 4px 4px 12px;
	text-decoration: none;
	width: 133px;
}
html>body #nav-product a {
	height: auto;
}
#nav-product ul li a:hover {
	background-color: #37a;
	color: #fff;
}
#nav-product li {
	margin: 0;
}
#nav-product ul {
	list-style: none;
}
 * html #nav-product ul li a {
	width: 150px; /* make hover effect work in IE */
}
#htmltop, #htmlbottom, #htmltop a, #htmlbottom a {
	padding: 5px;
	color: #000;
}
* html #nav-product ul li a {
	width: 133px;
	height: 100%;
	overflow: hidden;
	background-color: #026;
	overflow: hidden;
}
* html #nav-product {
	overflow: visible;
	width: 150px;
}
#searcharea {
	display: inline;
	margin-top: 40px;
}
#searcharea input {
	font-size: 1.0em;
}
#searcharea fieldset {
	display: inline;
	bproductinfo
	order: 0;
}
#searcharea label {
}
#searcharea label span, #searcharea label input {
	vertical-align: middle;
}
#searchsubmit {
	background-color: transparent;
	color: #b14;
	font: bold 11px Arial,verdana,sans-serif;
	padding: 1px 5px;
	text-align: center;
	cursor: pointer;
	display: inline;
	margin: 0;
}
#searchpageHeader {
	background-color: #169;
	color: #fff;
	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 4px 15px 6px;
}
input#query {
	margin-left: 4px;
}
#query {
	padding: 2px;
}
#slogan {
	color: #000;
	display: block;
	float: right;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding: 2.7em 15px 10px 10px;
	width: 225px;
	text-align: right; /* 225 + 25= 250 */
}
*:first-child+html #info-div,
*:first-child+html #specialtitle,
*:first-child+html #messagearea {
	width: 590px;
}
 *:first-child+html #itemarea {
	width: 570px;
}
#badge {
	margin: 15px auto;
}

* html #badge {
	width: 136px;
	text-align: center;
}

/* Cross-Sell Styles. */
.ystore-cross-sell-table {
	width: 100%;
	font-size: inherit;
	font: 100%;
}
.ystore-cross-sell-title {
	padding-bottom: 6px;
	color: #000;
	font: bold 14px Arial, Helvetica, sans-serif;
}
.ystore-cross-sell-table-vertical .ystore-cross-sell-cell {
	width: 100%;
}
.ystore-cross-sell-table-horizontal .ystore-cross-sell-cell {
	width: 28%;
	padding-right: 5%;
}
.ystore-cross-sell-product-image-link {
	display: block;
	padding-bottom: 8px;
}
.ystore-cross-sell-product-caption {
	padding-bottom: 16px;
}
.ystore-cross-sell-product-caption p,
.ystore-cross-sell-product-caption h4 {
	margin: 0 0 10px;
	font-size: 11px;
}
.ystore-cross-sell-table .ys_promo {
	font-weight: bold;
}