/* Merchriants--Use this file to make any edits that you wish 
to override styles in the main stylesheets. By making edits 
to this CSS file, your styles applied here will cascade 
and overwrite styles in the main CSS files. This will allow 
you to modify or replace the entire contents of the main stylesheets should it become necessary to update those to fix styling issues with the themes without losing any of your custom styles. */

/* Generic Styles */
.clear {
	clear: both;
	display: block;
	font-size: 1px;
	height: 1px;
	line-height: -1;
}
.last {
	border: 0 solid;
}
.cb {
	clear: both;
}
.cn {
	clear: none;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.fine-print {
	font-size: 10px;
}

/* css-base styles overrides */
#container {
	width: 980px;
	position: relative;
}
#bodyshell {
	position: relative;
	width: 100%;
	border-left: 0px none transparent;
	float: none;
}
#bodyshell:after {
	display: none;
}
#nav-product {
	float: none;
	margin-left: 0;
	width: 150px;
	background-color: #eee;
	border-right: 1px solid #aaa;
}
#bodycontent {
	width: 648px;
	float: none;
}
#introtext {
	width: 630px !important;
}
#itemarea #caption {
	margin: 0 10px 0 0;
	padding: 0;
}
#section-contenttitle, #item-contenttitle {
	border: 1px solid #aaa;
	margin: 0;
}
#contentarea {
	margin: 0 10px;
}
#contentarea #caption {
	margin: 10px 0;
	padding: 0;
}
#caption {
	margin: 0;
}

/* Header styles */
#header {
	position: relative;
	width: 980px;
	height: 97px !important;
	color: #fff;
	font-weight: bold;
}
@header:after {
	display: none;
}
#brandmark {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 368px;
	height: 97px;
	float: none;
}
#top-nav {
	float: none;
	position: absolute;
	white-space: nowrap;
	min-width: 400px;
	max-width: 625px;
	right: 0px;
	top: 6px;
	z-index: 2;
}
#top-nav a {
	padding: 4px 10px;
	color: #eee;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}
#top-nav a:hover {
	color: #fff;
	background: #024;
}
#welcome-box {
	position: absolute;
	width: 320px;
	left: 375px;
	top: 40px;
}
#phone {
	position: absolute;
	width: 220px;
	right: 10px;
	top: 40px;
	text-align: right;
	z-index: 2;
}
#slogan {
	position: absolute;
	left: 375px;
	top: 74px;
	white-space: nowrap;
	min-width: 325px !important;
	max-width: 365px !important;
	z-index: 2;
	float: none;
	font: 14px Arial,Helvetica,sans-serif;
	padding: 0;
	margin: 0;
	text-align: left;
}
#searcharea {
	float: none;
	position: absolute;
	background: transparent;
	display: inline;
	right: 6px;
	top: 70px;
	width: 240px;
	height: 24px;
	overflow: hidden;
}
#searcharea fieldset {
	display: inline;
	padding: 0;
}
#searcharea label{
	color: transparent;
	text-transform: none;
}
#searcharea input {
	font-size: 12px;
}
input#query {
	height: 20px;
	border: 2px solid #036;
	padding: 0;
width: 120px;
}
#searchsubmit {
	background-color: #a03;
	padding: 0;
}
#searchsubmit:hover {
	background-color: #f00;
}

/* Redefine css-contents.css Styles */
.addtocartImg {
	background-color: #a30;
}
.addtocartImg:hover {
	background-color: #f00;
}

/* Footer Styles */
#foot-links {
	text-align: center;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background-color: #eee;
	line-height: 24px;
	height: 24px;
}
#foot-links a {
	padding: 6px 10px;
	color: #a30;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}
#foot-links a:hover {
	color: #f00;
	background: #fff;
}
#foottext {
	border-bottom: 1px solid #aaa;
	height: auto;
	vertical-align: top;
}
#foottext td img {
	padding-right: 2px;
}
#foottext p {
	margin=bottom: 15px;
}
#left-foot {
	float: left;
	width: 470px;
	margin-left: 10px;
}
#right-foot {
	float: right;
	width: 470px;
	margin-right: 10px;
}

/* Body Content Styles */

/* Hides from IE-mac \*/
* html .contents-row {
	height: 1%;
}
.contents-row {
	display: block;
}
/* End hide from IE-mac */

/* 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;
}
#searchpageHeader {
	background-color: #547;
	color: #fff;
	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 4px 15px 6px;
}

/* 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;
}

/* Style Mini-cart */
#ys_superbar {
    width: 980px ! important;
    background-color: #fff;
}

/*Right-column Styles */
#right-col { 
	float: none;
	background-color: #eee;
	border-left: 1px solid #aaa;
}
#right-col h3 {
	padding: 2px 10px 3px 10px; 
	float: none;
	clear: both;
	color: #fff;
	background-color: #036;
}
#right-col a img, #right-col img {
	float: left;
	clear: none;
	text-decoration: none;
	border: 0;
	margin-right: 10px;
}
#right-break, #right-end {
	text-align: center;
	margin: 0 10px 15px 10px;
}
#right-break img, #right-end img {
	margin: 0;
	float: none;
	clear: both;
}
.right-nice {
	float: none;
	clear: both;
	padding: 10px;
}
.numb-detail {
	width: 125px;
	float: right;
	clear: none;
}

/* Customer-service page styles */
#wrap3 {
	width: 630px;
	background: transparent url(/lib/yhst-130568687027571/bkgd-3col.gif) repeat-y scroll left top;
	margin: 0;
	clear: left;
}
#colleft {
	width: 190px;
	float: left;
	clear: none;
	margin-right: 10px;
}
#colcenter {
	width: 204px;
	float: left;
	clear: none;
	margin: 0 10px;
}
#colright {
	width: 190px;
	float: left;
	clear: none;
	margin-left: 10px;
}
#wrap2 {
	width: 630px;
	margin: 0;
	clear: left;
}
#col1of2 {
	width: 305px;
	float: left;
	clear: none;
	margin-right: 10px;
}
#col2of2 {
	width: 305px;
	margin-left: 10px;
	float: left;
	clear: none;
}
/* CSS for the Social Media Sharing feature -- Copy the styles below 
and paste them into your store's css-edits file. For instructions 
on how to do so, please see the help document at
http://help.yahoo.com/l/us/yahoo/smallbusiness/store/edit/social/social-03.html */

#ys_social_top_hr {
	border-top:1px solid #CFCECE; margin-bottom:5px; margin-top:5px; clear:both; 
}
#ys_social_media {
	height:26px;display:inline-block;vertical-align:middle;margin-left:10px; 
}
#ys_social_fblike {
	float:left;
}
#ys_social_tweet {
	float:left;
}
#ys_social_v_separator {
	margin-left:10px;margin-right:10px;float:left;
}
#ys_social_bottom_hr {
	border-top:1px solid #CFCECE; margin-top:5px;
}