/*  NEW HEADER STYLES  */
/*  .header-right-col form { margin: 5px 0 0 0; } */
.header-right-subscribe { position: absolute; top: 4px; right: 1px; width: 80px; }
.header-right-top { position: absolute; top: 30px; right: 1px; }
.header-left-col { position: absolute; top: 87px; right: 155px; width: 125px; }
.header-right-col { position: absolute; top: 45px; right: 0px; width: 210px; text-align: right; }
.header-right-col, .header-right-col a { color: #562706; text-decoration: none; font: normal 14px/20px arial; }
.header-right-col form input.search-box { font: normal 13px/20px arial; margin-right: 3px; width: 85px; height: 18px; color: #562706; }



/*   MISCELLANEOUS    */
/*
.pdMyAccountLink{

}
.pdMyAccountLink a:link{font-family:arial,verdana,sans-serif; font-size:12px; color:#bba974; font-weight:700; text-decoration:none;}
.pdMyAccountLink a:visited{font-family:arial,verdana,sans-serif; font-size:12px; color:#bba974; font-weight:700; text-decoration:none;}
.pdMyAccountLink a:active{font-family:arial,verdana,sans-serif; font-size:12px; color:#bba974; font-weight:700; text-decoration:none;}
.pdMyAccountLink a:hover{font-family:arial,verdana,sans-serif; font-size:12px; color:#562706; font-weight:700; text-decoration:none;}*/

#myAccountLink div{
	color:#bba974;
	font-size:12px;
	font-weight:700;
	font-family:arial, verdana, sans-serif;
}
#myAccountLink span a:link{color:#bba974; font-size:12px; font-family:arial, verdana, sans-serif; text-decoration:underline;}
#myAccountLink span a:visited{color:#bba974; font-size:12px; font-family:arial, verdana, sans-serif; text-decoration:underline;}
#myAccountLink span a:active{color:#bba974; font-size:12px; font-family:arial, verdana, sans-serif; text-decoration:underline;}
#myAccountLink span a:hover{color:#bba974; font-size:12px; font-family:arial, verdana, sans-serif; text-decoration:underline;}



.pdAddFav:link{font-family:arial,verdana,sans-serif; font-size:12px; color:#bba974; font-weight:700; text-decoration:none;}
.pdAddFav:visited{font-family:arial,verdana,sans-serif; font-size:12px; color:#bba974; font-weight:700; text-decoration:none;}
.pdAddFav:active{font-family:arial,verdana,sans-serif; font-size:12px; color:#bba974; font-weight:700; text-decoration:none;}
.pdAddFav:hover{font-family:arial,verdana,sans-serif; font-size:12px; color:#562706; font-weight:700; text-decoration:none;}

.cross-sell { border: 1px solid silver; padding-top: 10px; }

#bodyContent .itemContainer .addToCart { PADDING-RIGHT: 10px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; color: #ff0000; }

#infotype #bodyContent { /*width: 1000px; float: right;*/ margin: 0 75px; }

.tell-a-friend { float: right; margin-top: 20px; margin-right: 35px; }
/*.tell-a-friend a { background-color: #BBA974; padding: 8px 16px; font: normal 11px/25px georgia; color: #ffffff; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; margin-left: 3px; }*/
.tell-a-friend a, a.link-block, #bodyContent .itemContainer .itemProperties a.link-block { background-color: #BBA974; padding: 4px 5px; font: normal 10px/25px georgia; color: #ffffff; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; margin-left: 3px; }

#bodyContent .related-items-links .contentsTableTd { padding-bottom: 3px; }
#bodyContent .related-items-links .contentsTable .itemName a { text-transform: uppercase; font-size: 12px; font-weight: normal;; }

.secondary-title { color: #562706; font: normal 12px/14px Georgia, Times New Roman, Times, serif; text-transform: uppercase; letter-spacing: 2px; margin-left: 35px; margin-bottom: 25px; }

#bodyContent .itemContainer .slideshow { padding: 0 20px 10px 0; float: left; }

.testimonials { width: 60%; padding:15px 0 15px 15px; margin-left: auto;
    margin-right: auto }

.testimonials-title { font: bold 14px/20px Times, serif; color: #000000; letter-spacing: 1px; margin: 30px 0 15px 0; }

.billcontent{ width: 100%; display:block; font-size: 11px; font-family: verdana; }

.info-page { margin: auto 75px auto 42px; }
#contentarea .info-page .pageText { font: normal 13px/16px arial; }

#contentarea .info-page .pageText h1 { margin-left: -50px; margin-bottom: 0; }

h1 { font: bold 14px/16px Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 25px 0 20px auto; }

.indent { margin-left: 45px; }

table.dealer-form td { font-size: 14px/16px; }

#bodyContent .message .pageText { padding: 10px 0 5px; z-index: 1; }

.sitemap ul { list-style: none; margin-left: 0px; }
.sitemap ul a { font-weight: bold; text-decoration: none; }
.sitemap ul ul { margin-left: 10px; }
.sitemap ul ul ul { margin-bottom: 10px; }
.sitemap ul li a { font-size: 11pt; }
.sitemap ul ul li a { font-size: 10pt; font-weight: normal; text-decoration: none; }
.sitemap ul ul ul li a { font-size: 8pt; font-weight: normal; text-decoration: none; }
.sitemap ul ul ul ul li a { font-size: 8pt; font-weight: normal; text-decoration: none; }
.sitemap ul ul ul ul li a:hover, ul ul ul ul li a:active { text-decoration: underline; }

/*   HEADER   */

#header {margin:30px auto 0 auto; width: 850px;; position: relative; height: 120px; border: 0px solid red;}

#header .storeLogo{ width: auto; float:none; padding:0px 0 0px 0px; position: absolute; top: 0px; left: 0px; }

/*
#search { position: absolute; top: 65px; right: 125px; width: 210px; text-align: left; }
#search form { display: inline; }
.search-box { font-size: 14px; margin-right: 3px; float: left; width: 100px; }
.search-button{ background:#ffffff;color:#000000;font:bold 11px/14px Arial,verdana,sans-serif;padding:2px 4px 1px 4px;text-align:center;cursor:pointer; display:inline; margin-top:0px; border: 1px dashed #000000;}

#phone-number { position: absolute; top: 23px; right: 74px; width: 340px; font-size: 12px; text-transform: uppercase; }
*/

#header-links { position: absolute; top: 50px; right: 153px; }

#header-links a {color: #000000; text-decoration:none; font-size: 12px; text-transform:uppercase; padding: 0 10px;}
#misc { position: absolute; right: 0px; }

/*    SECTION PAGE WIDTHS    */
.paddingWrapper { margin: 10px; }
#maintype .paddingWrapper { margin: 10px; margin-bottom: 0; }

#sectiontype #bodyNavWrapper { width: 100%; float: left; margin-left: -165px; }
#sectiontype #bodyContent { width: 800px; float: right; }


#mainbody {margin:0 auto; text-align:left; width:850px; border:dashed 3px #bce4f6; background: #ffffff;}

/*    LEFT NAVIGATION    */
#left-navigation { width: 30px; float: left; margin-left: 35px; border:0px solid red; }

.mainSection-name { font: bold 14px/18px arial; color: #000000; text-transform: uppercase; letter-spacing: 1px; }

#left-navigation a { font: normal 12px/16px arial; color: #000000; text-decoration: none; }
#left-navigation a:hover { color: #bce4f6; }
#left-navigation a.current-subcat { color: #b3504a; }

#left-navigation .subnav { margin-left: 12px; margin-bottom: 5px; }
#left-navigation .subnav a { font: normal 12px/14px arial; text-transform: lowercase; }

/*    BREADCRUMBS    */
.breadcrumbs{ padding: 20px 35px; background-color:#ffffff; text-transform: lowercase; font-size: 14px; }
.breadcrumbs a  { text-decoration: none; color: #000000; font-size: 14px; }

/*  VERTICAL CONTENTS TABLE  */

#bodyContent .contentsTable{ margin: 0; }
#bodyContent .vertical { text-align: left; }

#bodyContent .contentsTable .Image { padding: 0 0; border: 0px solid red; }
#bodyContent .contentsTable .Image img{ margin: 0 0px 5px 0px; padding: 0 0 0px 0px; }

#bodyContent .contentsTable .itemName { margin: 0 0 0px 0; padding: 0; }
#bodyContent .contentsTable .itemName a{ font:normal 13px arial/*1.1em Arial, Helvetica, sans-serif*/; color:#000066; text-decoration:none; text-transform: lowercase; }
#bodyContent .contentsTable .itemName a:hover { color: #CE1443; text-decoration: none; }

#bodyContent .contentsTable .contentsVSeparator{ border-right:0px dashed #ffffff; }
#bodyContent .contentsTable .contentsHSeparator{ border-bottom:0px solid #ffffff; }

#bodyContent .contentsTableTd { padding: 40px 10px 0px 0px; text-align: center; border: 0px solid red; }

#bodyContent .contentsTable .regPrice, #bodyContent .contentsTable .salePrice, #bodyContent .contentsTable .youSave, #bodyContent .itemContainer .youSave { display: inline; padding-right: 10px; font: normal 13px arial; }

#bodyContent .itemContainer .regPrice, #bodyContent .itemContainer .salePrice { display: inline; padding-right: 10px; font: bold 11px arial; }

#bodyContent .itemContainer .regPrice,#bodyContent .itemContainer .salePrice { font-weight: bold; } 

#bodyContent .contentsTable .youSave { color: #b3504a; }

/*    ITEM PAGE    */
#bodyContent .itemContainer .itemProperties .pageText { padding: 0px 0px 10px 0px; }
#bodyContent .itemContainer { margin-top: 25px; margin-left: 30px; }
#bodyContent .itemContainer .Image { padding: 0 10px 10px 0; }

/* #bodyContent .itemContainer .Inset { padding: 0 5px 10px 20px; } */
.ysw-inset {float:left; text-align:center; padding: 0 5px 10px 20px;}
.ysw-html-above-order {margin:10px 0; display:block;}


#bodyContent .itemContainer .itemProperties{ float:none; margin:0px 10px 0 10px; }
#bodyContent .itemContainer .itemProperties-expand { width: 900px; margin: 0; float: none; }

#bodyContent .itemContainer .itemProperties a { color: #F26722; text-decoration: none; }
#bodyContent .itemContainer .itemProperties h1 { margin-top: 0; }
#bodyContent .itemContainer .itemProperties .itemCode { display: inline; padding: 0 40px 0 0; padding-left: 0; /*font-weight: bold;*/ text-transform: uppercase; font: bold 11px/12px arial; }
#bodyContent .itemContainer .itemProperties .itemPrice { display: inline; }
#bodyContent .itemContainer .itemProperties .itemPrice .regPrice { font-weight: bold; font: ; }
#bodyContent .itemContainer .itemOption { padding-left: 0; }

#bodyContent .itemPageTitle{ color:#000000; font:normal 14px/16px Arial, Helvetica, sans-serif/*1.2em Arial, Helvetica, sans-serif*/; padding:5px 10px 0px 10px; background-color:#ffffff; text-transform: lowercase; }

#bodyContent .pageText { font: normal 14px/16px Arial, Helvetica, sans-serif; }

#bodyContent .itemContainer .youSave { color: #b3504a; }

input.qty-box { text-align: center; margin-right: 15px; padding: 2px; }

input.ys_primary{ background:#ffffff; color:#000000;font:bold 11px Arial,verdana,sans-serif;text-transform: uppercase;padding:3px 5px 2px 5px;text-align:center;cursor:pointer; display:inline; margin-top:0px; border: 1px dashed #000000;}

/*    FOOTER & COPYRIGHT   */
#footer { margin:35px auto 0 auto; width:850px; position: relative; }

#footer-links {font-size: 12px; line-height: 16px; padding:10px 0 0px; }
#footer-links a {color:#000000; text-decoration:none; text-transform:uppercase; padding: 0 5px;}
#footer-links a:hover { text-decoration: underline; }

#footer .copyright {color:#000000; font-size:11px; font:normal 11px/13px Arial, Helvetica, sans-serif, sans-serif; float: none; padding:20px 0 15px 0; text-align:center; }







/*    LIGHTBOX STYLES    */

/* SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/lib/yhst-54572401420750/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/lib/yhst-54572401420750/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/lib/yhst-54572401420750/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/lib/yhst-54572401420750/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

/*#lbCaption {
	font-weight: bold;
}*/


#bodyContent .itemContainer .itemProperties{ float:right; margin:0px 10px 0 0px; width: 325px; border: 0px solid red; }














/*   TOP NAVIGATION  */

#topNav{margin:0 auto; background:#562706 url('') 0 0; padding:0px 0px 0px 0px; border-bottom:0px solid #ffffff; height:1%; }

#topNav div{ float:none; margin-top: 0px; white-space:nowrap; }
#topNav div{ float:none; margin-top: 0px; white-space:nowrap; }
#topNav td { border-right:3px solid #ffffff; text-align: center; }
#topNav a, .anchorclass { color:#ffffff; /*padding:5px 27px;*/ text-decoration:none; display: block; text-transform: uppercase; font-family: georgia; font-size: 10px; line-height: 22px; letter-spacing: 3px; background:#562706; }
#topNav td.last { border-right: none; }

#topNav td a:hover, #topNav td a.anchorclass:hover { color:#ffffff; background-color: #95c0e0; text-decoration: none; line-height: 22px; }



/*    TOP NAVIGATION DROPDOWNS    */

#topNav .anylinkcss{ 
position:absolute;
visibility: visible;
border:1px solid #562706;
/*border-bottom: none;*/
z-index: 100;
background-color: #ffffff;
width: 250px;
padding: 5px 0;
text-align: left;
}

#topNav .anylinkcss a {
width: 100%;
display: block;
text-indent: 8px;
padding: 1px 0;
line-height: 16px;
text-decoration: none;
color: #562706;
/*border-bottom:1px solid #562706;*/
border-right: none;
background-color: #ffffff;
text-transform: none;
font-family: arial;
font-size: 13px;
letter-spacing: 0;
}

#topNav .anylinkcss a:hover, #topNav .anylinkcss div.subnav a:hover {
background-color: #bce4f6;
color: #562706;
}

#topNav .anylinkcss a:hover { line-height: 25px; }

#topNav .anylinkcss div.subnav a {
text-indent: 18px;
line-height: 12px;
text-transform: lowercase;
font-size: 11px;
}

#topNav .anylinkcss div { float: none; }

#topNav .anylinkcss  a.disable-link { cursor: text; }
#topNav .anylinkcss  a.disable-link:hover { background-color: #ffffff; color: #562706;  }


























/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkcsscols{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid #562706;
/*padding: 10px;*/
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #ffffff;
}

.anylinkcsscols .column{
width: 250px;
float: left;
margin: 0px 0px 0px 15px;
padding: 10px 10px 10px 0;
background: #ffffff url(/lib/yhst-54572401420750/bg-top-nav-dropdown.gif) top right repeat-y;
/*height: 335px;*/
}

.anylinkcsscols .column strong a {
display: block;
text-align: left;
margin-bottom: 2px;
text-decoration: none;
color: #562706;
font-family: verdana, arial, sans-serif; 
font-size:11px; 
font-weight:700;
}
.anylinkcsscols .column strong a:hover { color: #333; }

.anylinkcsscols .column ul{
margin: 0;
margin-bottom: 9px;
padding: 0;
list-style-type: none;
}

.anylinkcsscols li{
padding-bottom: 0px;
/*padding-left: 10px;*/
margin: 0 0 0 0;
}
.anylinkcsscols li a {
width: 100%;
display: block;
text-align:left;
text-transform: lowercase;
/*padding:4px;*/
padding-left: 10px;
color:#562706; 
font-family: verdana, arial, sans-serif; 
font-size:10px; 
font-weight:500; 
text-decoration:none;
}
.anylinkcsscols li a:hover { color: #BCE4F6; }

/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}


#itemtype #bodyContent.expand { border: 0px solid red; width: 900px; float: right; }
#bodyContent.expand .itemContainer { margin-top: 0px; margin-left: 10px; }
#bodyContent.expand .itemContainer .itemProperties{ float:none; margin:0px 10px 0 0px; border: 0px solid red; width: 580px; }



/* #########went here ######### */

body { 
	
	color:#434343;
	background:#ffffff repeat top center;
	padding:5px 0;
	position:relative;
	


}


#container {
	width:825px;
	padding:10px;
	margin:0 auto;
	position:relative;
                       z-index:0;
}

#example {
	width:900px;
	height:545px;
	position:relative;
                       
}

#mydiv {
	width:80%;
  margin-left: 15%;
  margin-right: 10%;
}


#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:1035px;
	height:525px;
	top:-3px;
	right:-87px;
}
#frame2 {
	position:absolute;
	z-index:0;
	width:1035px;
	height:525px;
	top:-3px;
	right:-48px;
}

#frame4 {
	position:absolute;
	z-index:0;
	width:1035px;
	height:525px;
	top:-3px;
	right:-48px;
}
/*
	Slideshow
*/
/*
			Load CSS before JavaScript
		*/
		
		/*
			Slides container
			Important:
			Set the width of your slides container
			Set to display none, prevents content flash
		*/
		#slides .slides_container  {
	position:absolute;
	top:5px;
	left:-5px;
	z-index:100;
}
		/*
			Each slide
			Important:
			Set the width of your slides
			If height not specified height will be set by the slide content
			Set to display block
		*/
		
		#slides .slides_container div {
			width:810px;
	overflow:hidden;
	position:relative;
	display:block;
		}
		
		/*
			Slides container
			Important:
			Set the width of your slides container
			Set to display none, prevents content flash
		*/
		#slides_two .slides_container {
			position:absolute;
	                                             top:5px;
	                                             left:-45px;
	                                             z-index:100;
		}

		/*
			Each slide
			Important:
			Set the width of your slides
			If height not specified height will be set by the slide content
			Set to display block
		*/
		
		#slides_two .slides_container div {
			width:850px;
			height:433px;
			display:block;
		}
		
		/*
			Slides container
			Important:
			Set the width of your slides container
			Set to display none, prevents content flash
		*/
		#slides_three .slides_container {
			position:absolute;
	                                             top:5px;
	                                             left:-45px;
	                                             z-index:100;
		}

		/*
			Each slide
			Important:
			Set the width of your slides
			If height not specified height will be set by the slide content
			Set to display block
		*/
		
		#slides_three .slides_container div {
			width:850px;
			height:433px;
			display:block;
		}
     
/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:150px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:none;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(http://site.pagestationery.com/img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}




/*
	Horizontal bar 
*/

/*
#horizontalbar {
position:absolute;
vertical-align:text-bottom;
font-size: 1px;
opacity:0.7;
width:61%;
height:50px;
left:251px;
background-color: #562706;
top: 950px;
z-index:0;
}

*/

.italics { font-style: italic; }