/*
Name: Metal Sunglasses
URL: http://www.metalsunglasses.com/
Date Created: November 2006
Author: Solid Cactus / Cp
*/

*{font-size:100%;}
html,body {margin:10px 0 10px 0; padding:0}

/*===============general===============================*/
body {background-color:#252525; font:75%/140% Arial, Helvetica, sans-serif; text-align:center;}
.clear{clear:both;}
dd {margin-right:0;}

/* Invisible Logo click -------------------------------*/
.logolink a {position: absolute; top:0;  left:0; text-decoration:none;}
.logolink a i {visibility:hidden;}

/*===============layout================================*/
#wrap {width:760px;margin:0 auto;text-align:left;}
#header {height:155px; position:relative;}
#header-skate {height:156px;}
#header-boblbee {height:156px;}
#header-dietbook {height:156px;}
#container {width:760px;margin:0 auto;text-align:left; position:absolute;}
#main-content {width:390px;display:inline;float:left;margin-left:171px;}
#rightcol {width:195px;float:left;}
#leftcol {width:171px;float:left;margin-left:-760px; margin-top:-28px;}
/*#footer {clear:both; padding:0px 0 30px 0;}*/

.welcome {width:380px;}
.welcome p{padding-top:15px;}

/* item page ------------------------------------------*/
#container_item {background:#fff url(container_item_bkg.gif) repeat-y; width:760px;margin:0 auto;text-align:left; position:absolute;}
#main_content_item {width:589px;display:inline;float:left;margin-left:171px;}
.item_L {width:325px; float:left;}
.item_R {width:260px; float:left;}
#leftcol_item {width:171px;float:left;margin-left:-760px; margin-top:-28px;}

div#relatedbox{width:560px;}
div.relatedbox_L {float:right; width:280px;}
div.relatedbox_R {float:right; width:280px;}

/*===============typography============================*/
#main-content p, #main_content_item p {margin:0 10px 10px}
.welocome {color:#373833;}
p.copyright { font: normal .9em Arial, Helvetica, sans-serif; text-align:center; color:#acaca1; margin: 0 10px 10px;}
/*#footer a {color:#d3d3cb; text-decoration:underline;}
#footer a:hover {color:#fff;}*/
.description {padding:10px 30px 10px;}
/*--other section links -------------------------------*/
#biglinkbox {background:transparent; border-bottom:1px dashed #999; border-top:1px dashed #999; margin-left:5px}
.biglink {background:transparent; font-size:.9em; font-weight:bold; text-transform:uppercase; color:#44443d; text-decoration:none; margin:0 7px 7px; display:block;}

/*--customer testimonials -----------------------------*/
#talkback {background:transparent; text-align:center; margin-left:3px}
#talkback h2 {font-weight:bold; color:#af1d1d; text-align:center;}
#talkback p {font-size:.9em; line-height:1.2em; margin: 0 7px 10px;}

/*===============headlines=============================*/
h1,h2,h3 {margin-left:5px}
#wrap h1 {color:#000;}
h3.brand {background:#373833; text-transform:uppercase; font-weight:bold; color:#fff; text-align:center; width:174px; margin-left:0;}
#footer h2 {color: #d3d3cb; text-align:center;}

.itemname {font: normal 1.5em Arial, Helvetica, sans-serif; color:#373833;}
h2.related {margin:15px 15px 10px; border-bottom:1px solid #ccc;}
/*--sub store links -----------------------------------*/
h3.substore_link {font-size:1em; color:#a80000;margin:0 10px 10px}

/*--Image Headlines -----------------------------------*/
.exclusive {background:url(exclusive_headline.gif) no-repeat; height:22px;}
.featured {background:url(featured_banner.gif) no-repeat; height:38px;}
.item_descrip {background:url(item_banner.gif) no-repeat; height:24px; margin-left:15px;}
.cross_sell {background:url(cross_sell_banner.gif) no-repeat; height:24px; margin-left: 15px;}
.cart_btn {background:url(add_to_cart_btn.gif) no-repeat; height:26px; margin-left:90px;}
/*===============presentation==========================*/
/*--colors --------------------------------------------*/
#wrap {bbackground:#fff;}
#container {/*background:url(container_bkg.gif) repeat-y;*/}
#main-content {background:#fff;}
#rightcol {background:#373833;}
#leftcol {background:#000 url(leftcol_bkg.gif) repeat;}
/*#footer {background:#44443d;}*/

.welcome img{float:left; padding:5px 10px 0 0;}
.tribal {background:url(tribal.gif) no-repeat; height:31px; padding-bottom:15px;}
span.itemsale {color:#990000; font-weight:bold;}

/* Right Col images and priciing ----------------------*/
#excluse_items {background:#373833; border-bottom:1px dashed #cfcebc; width:195px;}
.centerimg {margin-left:30px; padding:15px 0 15px 0;}
.center {font-weight:bold; color:#cfcebc; text-align:center; margin:0 10px 10px}
.price {font-size:.9em; color:#cfcebc; text-align:center}
span.sale {color:#cfcebc; font-weight:bold;}

.contest_banner {background:url(photo_contest.gif) no-repeat; height:122px;}
.join_banner {background:url(join_banner.gif) no-repeat; height:124px; margin-left:12px;}

/*===============top menu navigation===================*/
#header li{font-weight: bold; text-transform:uppercase; letter-spacing:.0125em; text-align: right; color: #fff; list-style-type: none; margin:0; padding:0;}
#header-skate li {font-weight: bold; text-transform:uppercase; letter-spacing:.0125em; text-align: right; color: #fff; list-style-type: none; margin:0; padding:0;}
#header-boblbee li {font-weight: bold; text-transform:uppercase; letter-spacing:.0125em; text-align: right; color: #fff; list-style-type: none; margin:0; padding:0;}
#header-dietbook li {font-weight: bold; text-transform:uppercase; letter-spacing:.0125em; text-align: right; color: #fff; list-style-type: none; margin:0; padding:0;}
#topnavlist { background:url(topnav_bkg.gif) repeat-x; float:right; margin-top:0px;}
#topnavlist li { background: url(star_bullet.gif) no-repeat; background-position:left center; display: inline; padding-left:14px;}
#topnavlist li a{text-decoration:none; color:#d8d8ce; padding:.1em .2em;}
#topnavlist li a:hover{color: #fff;}

/*===============left menu navigation==================*/
#navcontainer {background:transparent; margin:0; padding:0;}
#navcontainer li {padding:2px; list-style-type:none;}
#navcontainer li a {font: bold 1.1em Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
#navcontainer li a:hover {color:#af1d1d; text-decoration:underline;}
#navlist {list-style-image:url(arrow_bullet.gif);}

/*===============subfoot menu navigation==================*/
#subfootnavcontainer {background:#232523; border-top:2px solid #ccc; border-bottom:2px solid #ccc;}
#subfootnavlist {padding: .8em 0; margin: 0; list-style-type: none; width: 100%;font: normal .9em arial, helvetica, sans-serif; text-align: center;}
#subfootnavlist li { display: inline; border-right: 1px solid #9c9c9c;}
#subfootnavlist li a {text-decoration: none; color: #9c9c9c; padding: .1em .8em; display:inline;}
#subfootnavlist li a:hover {color: #fff; text-decoration:none;}

/*===============footer menu navigation==================*/
#footernavcontainer {background:#44443d;}
#footernavlist {padding:0; margin: 0 10px 10px; list-style-type: none; font: normal .9em arial, helvetica, sans-serif; text-align: center;}
#footernavlist li { display: inline;}
#footernavlist li a{text-decoration:underline; color: #d3d3cb; padding: .1em .4em; display:inline;}
#footernavlist li a:hover{color: #fff;}

/* search form --------------------------------------------*/
#searchbox {position:relative; top:102px;}
.searchform {
	position:absolute;
 	margin:0 0 0 190px;
}
#searchbox > .searchform {
 margin:0 0 0 370px;
}
.search_input_text {background:#E2E1E6; font-size:14px; color:#000; border:1px solid #E2E1E6;margin: 0 4px;}
.search_btn {margin-top:-20px; margin-left:150px;}
/* IE margin hack ---------------------------------------*/
*html .search_btn {margin-top:-21px; margin-left:150px;}


/* mail form --------------------------------------------*/
#mailbox {position:relative; margin-bottom:120px; top:-40px;}
.mailform {position:absolute; margin-left:20px;}
.mail_input_text {background:#e0e0e0; font-size:14px; color:#000; border:1px solid #000;}
.mail_btn {margin-top:-20px; margin-left:130px;}
/* IE margin hack ---------------------------------------*/
*html #mailbox {top:-50px}

/* related items lists --------------------------------*/
#relatednavcontainer{margin:5px 0px 0px 20px;}
#relatedlist{margin-left: 0;padding-left: 0;list-style: none; font: normal 11px arial, helvetica, sans-serif;}
#relatedlist li{padding:5px 0 0 10px;background:url(related_bullet.gif) no-repeat;background-position: 0 .9em;}
#relatedlist li a{color:#000; text-decoration:none;}
#relatedlist li a:hover{color:#990000; text-decoration:underline;}

/* New Styles */

div.header-links {
	text-align: right;
}

div.header-links a img {
	border: none;
	margin: 0;
}

#main-content-container{
	float:left;
	width:760px;
	background:url(bodybg.gif) repeat-y top left;
}
#main-content-container:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}

#section-content-container{
	width:760px;
	background:url(otherbodybg.gif) repeat-y top left;
}

.floatleft{
	float:left;
}

.floatright{
	float:right;
}

.clear{
	clear:both;
}

.left-column{
	width:171px;
}

.right-column{
	width:589px;
}

.nav-text-header{
	width:161px;
	background-color:#373833;
	color:#FFF;
	text-align:left;
	padding-left:10px;
	text-transform:uppercase;
	font:bold 12px Arial, Helvetica, sans-serif;
}

* html .nav-text-header{
	width:171px;
}
.nav-text-header a
{
    color: #fff;
    text-decoration: none;
}


/* New Nav Styles */
.left-column ul{
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:left;
	width:171px;
}

.left-column ul li{
	width:171px;
	position : relative;
}

.left-column ul li a{
	font:bold 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000;
	background:url(new-nav-arrow.gif) no-repeat 10px 15px;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:5px;
	padding-right:20px;
	display:block;
}


.left-column ul li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	/*background:url(nav-hover-bullet.gif) no-repeat 15px right;*/
	background:url(pop-nav-arrow.gif) no-repeat 160px 15px;
}


#nav li ul, #nav1 li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left: 164px;
	margin-top : -1px;
	top: 0;
	display:none;
z-index:0;
}

.left-column ul li ul li a, .left-column ul li ul li a:hover{
	background:none;
}

.left-column ul li ul li img{
	border:1px solid #BFBFBF;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav1 li:hover ul ul, #nav1 li:hover ul ul ul, #nav1 li.sfhover ul ul, #nav1 li.sfhover ul ul ul {
	left: -999em;
}


#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: -14px;
	display:block;
}

#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul, #nav1 li li li.sfhover ul { /* lists nested under hovered list items */
	left: -40px;
	display:block;
}

#footer{
	clear:both;
	position:relative;
}


.footer-links{
	position:absolute;
	top:8px;
	left:0;
	text-align:center;
	width:760px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#373833;
}

.footer-links a{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}

.footer-links a:hover{
	font-weight: bold;
}

.footer-links2{
	position:absolute;
	top:40px;
	left:0;
	text-align:center;
	width:760px;
	padding-left:30px;
}

* html .footer-links2{
	padding-left:0px;
}

.footer-links2 div{
	width:697px;
	text-align:center;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#D3D3CB;
}

.footer-links2 span{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#D3D3CB;
}

.footer-links2 a{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#D3D3CB;
	text-decoration:underline;
}

.footer-links2 a:hover{
	text-decoration:none;
}

.copyright{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#ACACA1;
	position:absolute;
	top:90px;
	left:0px;
	text-align:center;
	width:760px;
}

.copyright a{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#ACACA1;
	text-decoration:none;
}

.copyright a:hover{
	text-decoration:underline;
}

.sister-links{
	text-align:left;
	width:171px;
	margin-top:10px;
}

.sister-links img{
	text-align:center;
	padding-top:6px;
	margin-top:0px;
}

* html .sister-links img{
	margin-top:6px;
	padding-top:0px;
}

.sister-links a{
	display:block;
	padding:0;
	margin:0;
	padding-left:10px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}

.sister-links a:hover{
	text-decoration:underline;
}

.links{
	text-align:left;
	width:171px;
	border-bottom:1px dashed #934F28;
	border-top:1px dashed #934F28;
	margin-top:10px;
	margin-bottom:10px;
}

.links div{
	padding-top:10px;
}

.links a{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	display:block;
	padding:0;
	margin:0;
	text-decoration:none;
	padding-left:10px;
}

.links a:hover{
	text-decoration:underline;
}

.testimonials{
	padding-left:10px;
	width:151px;
	font:normal 11px Arial, Helvetica, sans-serif;
	text-align:left;
	margin-bottom:10px;
}
/*
* html .testimonials{
	width:141px;
} */

.testimonials-header{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	padding-bottom:5px;
}

* html ul.testimonials {
	width:161px !important;
}

.welcome-area{
	width:395px;
	padding-left:5px;
	padding-top:5px;
}

.welcome-image{
	width:214px;
}

.welcome-text{
	/* width:175px; */
	padding-top:10px;
}

* html .welcome-text{
	/* width:165px; */
	padding-top:10px;
}


.welcome-text div{
	/* width:145px; */
	padding-left:10px;
	font:normal 11px Arial, Helvetica, sans-serif;
	text-align:left;
}

.welcome-text div span{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#373833;
	text-align:left;
}

.featured-items{
	margin-top: 12px;
	text-align:center !important;
	width:397px;
}

.featured-items table {
	margin: auto;
}

.home-container{
	width:589px;
}

.home-left{
	width:397px;
}

.home-right{
	width:192px;
	text-align:center !important;
}

.home-right table{
	text-align:center !important;
	padding-left:20px;
}

* html .home-right table{
	padding-left:0px;
}

.conts-name a{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
}

.conts-name a:hover{
	text-decoration:underline;
}

.home-right .conts-name a{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#E3DFE7;
	text-decoration:none;
}

.home-right .conts-name a:hover{
	text-decoration:underline;
}

.conts-price{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000000;
}

.conts-saleprice{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#AF1C1C;
}

.home-right .conts-saleprice{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#E3DFE7;
}

.home-right .conts-price{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#E3DFE7;
}

.home-right .conts-item2{
	background:url(right-col-divider.gif) repeat-x 0 0;
}

.featured-items .conts-item2{
	background:url(conts-sep1.gif) repeat-x 0 0;
}

/*
.conts-item{
	background:url(conts-sep1.gif) repeat-y 10px 0;
}*/

.home-right img.conts-im{
	border:3px solid #C46A36;
}

.section-body{
	width:575px;
	padding-left:10px;
	padding-top:10px;
}

.page-name{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#373833;
}

.photo-contest{
	padding-left:4px;
}

.mailing-area{
	background:url(mailing-bg.gif) no-repeat 0 0;
	width:175px;
	height:124px;
	padding-bottom:10px;
	position:relative;
	margin-left:6px;
	margin-bottom:10px;
}

* html .mailing-area{
	margin-left:0px;
}

.mailing-area form{
	position:absolute;
	top:94px;
	left:10px;
}

.mailing-area form * {
	vertical-align: middle;
}

input#newsletter-box {
	width: 120px;
}

.breadcrumbs{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#98988A;
	padding-top:10px;
	padding-left:10px;
}

.breadcrumbs a{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#98988A;
	text-decoration:underline;
}

.breadcrumbs a:hover{
	text-decoration:none;
}

.item-body{
	width:575px;
	padding-left:5px;
}

.item-body .item-image{
	width:345px;
	text-align:center;
}

.item-body .page-name{
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#373833;
}

.insets img{
	margin-right:5px;
	border:1px solid #98988A;
}

.item-body .item-info{
	width:230px;
}

* html .item-body .item-info{
	width:220px;
}

.item-info-price{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#293639;
}

.item-info-saleprice{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#AF1D1D;
}

.addtocart{
	text-align:right;
	padding-right:30px;
}

.item-caption{
	width:575px;
}

.item-caption div{
	width:525px;
	text-align:left;
	padding-left:10px;
}

.avail{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#373833;
	padding-left:20px;
}

.avail span{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
}


.cross-sell td.conts-item{
	background:url(conts-sep-vert.gif) repeat-y 15px 0;
}

#sc-seo-related-links {
    width: 557px;
	border-bottom:1px solid #C7C6C2;
    }
    #sc-seo-related-links:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
        }
    #sc-seo-related-links h3 {
        color: #000;  
        font: bold 13px/1.2 verdana, arial, sans-serif;
        text-align: center;
        }
    #sc-seo-related-links ul {
        margin:0; padding: 0;
        list-style: none;
		}
    #sc-seo-related-links ul.seo-links li {
        width: 49%;
        float: left;
        display: inline;
        background: url(related-bullet.gif) 5px center no-repeat;
        margin:0; 
        padding:0;
        }
        #sc-seo-related-links ul.seo-links li a {
            text-decoration: none;
            padding-left: 15px;
            display: block;
            _width: 100%;
			font:normal 11px Arial, Helvetica, sans-serif;
			color:#000;
			text-align:left;
            }
            #sc-seo-related-links ul.seo-links li a:hover {
                text-decoration: underline;
				color:#AF1C1C;
                }

.sitemap-header {
    font: bold 14px verdana;
    color: #44443D;
    display: block;
    padding-top:  15px;
}
.sitemap-1      {
    font: bold 12px verdana;
    color: #232523;
    display: block;
    padding-left: 25px;
}
.sitemap-2      {
    font: normal 12px verdana;
    color: #44443D;
    display: block;
    padding-left: 50px;
}
.sitemap-3      {
    font: normal 10px verdana;
    color: #232523;
    display: block;
    padding-left: 75px;
}
.sitemap-4      {
    font: normal 8px verdana;
    color: #232523;
    display: block;
    padding-left: 100px;
}

.related-items ul{
	margin-top:10px;
	margin-bottom:10px;
}

table#contents{
	background-color:#E4E4E2;
	border:1px solid #000;
}

table#contents input{
	text-align:right;
}

.multi-add-button{
	text-align:right;
	padding-right:10px;
	padding-top:10px;
}

table#contents .price{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000;
}

table#contents .saleprice{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#AF1C1C;
}

.optionsdiv{
	width:535px;
	padding:10px;
	/*margin-bottom:20px;*/
	background-color:#FFFFFF;
	
}

.custom-options-text{
	padding:3px;
	background-color:#4B4C47;
	color:#FFF;
	font:bold 12px Arial, Helvetica, sans-serif;
	width:523px;
	padding-left:15px;
}

* html .custom-options-text{
	padding:3px;
	background-color:#4B4C47;
	color:#FFF;
	font:bold 12px Arial, Helvetica, sans-serif;
	width:535px;
	padding-left:15px;
}

.custom-options-options{
	width:535px;
	padding:3px;
	background-color:#E4E4E2;
}

.custom-options-options *{
	vertical-align:middle;
}

.custom-options-radio{
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
	width:28px;
	text-align:center;
	margin:0;
	height:21px;
}

.custom-options-option-text{
	border-bottom:1px solid #FFF;
	width:500px;
	text-align:left;
	padding-left:5px;
	font:normal 12px Arial, Helvetica, sans-serif;
	margin:0;
	height:21px;
}
.underAddToCartText{
font:bold 12px Arial, Helvetica, sans-serif;
padding:5px;
}
.multiple-add-header{
font:bold 14px Arial, Helvetica, sans-serif;
padding:0 0 10px 10px;
}
.prescription-link{
text-align:left;
padding-left:5px;
padding-top:5px;
}

.prescription-link a{
font:bold 12px arial;
color:#AF1C1C;
text-decoration:underline;
}

.below-multiadd-container{
width:550px;
}

ul.testimonials li{
	width:156px;
	margin-bottom:10px;
}

#container{
	background-color:#FFF;
}

div#searchbox div.searchform form * {
	vertical-align: middle;
}

#section-content-container{
float:left;
}

.new-options-div{
margin-left:-10px;
}

/* Fix Flash Header!!! */

div#logoRealLink {
	background:url(	/lib/yhst-47533216138871/1b1.gif) repeat;
	float:left;
	height:128px;
	left:0pt;
	position:absolute;
	top:0pt;
	width:185px;
	z-index:99999;	
}

div#logoRealLink a {
	width:185px;
	height:128px;
	display:block;
}

div.logolink {
	position:relative;
	z-index:2;
	width:185px;
	height:128px;
}

/* McAfee ScanAlert styles */
div#scanalert {
	position: relative;
	text-align: center;
	margin: -16px auto 12px auto;
}


/*  -- Modifications (6.24.2009 - AC) --  */

.item-body .item-image {
	width: 275px;
}

.item-body .item-info {
	width: 290px;
}

#scratchCoupon {
	margin:0 auto;
	width: 290px;
	height: 170px;
	background: url(/lib/yhst-47533216138871/couponbg.gif) no-repeat 0 0;
}

/*  -- End Modifications (6.24.2009 - AC) --  */