/* ***
mysterioso 
stylin styles
copyright eric smith 2009

colors:


*** */

/*-  normalize everything
----------------------------------------------------------------------*/

/* normalize margin, padding */
html, body, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, pre, input, 
p, blockquote, th, td, img {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

/* normalize font-size for headers */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

/* remove list-style from lists */
ol, ul {
	list-style: none;
}

/* normalize font-style and font-weight to normal */
address, caption, cite, code, dfn,
th, var {
	font-style: normal;
	font-weight: normal;
}

/* remove table border spacing */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* remove border from fieldset and img */
fieldset, img {
	border: 0;
}

/* left-align text in caption and th */
caption, th {
	text-align: left;
}

a:active, a:focus {
  outline: none ! important;
}

.left { float: left; display: inline; }
.right { float: right; display: inline; }

.cl { clear: both; display: block; height: 0; font-size: 0; line-height: 0; }
.notext {  font-size: 0; line-height: 0; text-indent: -4000px; color: #fff; }




body { color:#111; font:normal 11px Arial, Helvetica, sans-serif; background:#4f4f4f url('../images/bg.jpg') repeat-x top center; text-align:center; }
a:link, a:visited {  color:#000;  text-decoration:underline;  }
a:hover, a:active {  color:#442;  text-decoration:none;  background-color:transparent;  }
h1 { font-weight:bold; font-size:2em;}
h2 { font-weight:bold; font-size:1.5em;}
h3 { font-weight:normal; font-size:1.2em;}
h4 { font-weight:normal; font-size:1em;}

a.editproduct {background:#c33; padding:10px; color:#fff;}

.container{ width:960px; background:#000; margin:0 auto; position:relative; text-align:left; padding-bottom:10px;}
#allwomens .container{background:#839aba;}

.header { width:940px; margin:0 auto; height:118px; }
	.header .left {width:655px; height:118px; background:#fff url('../images/header-left.jpg') no-repeat center; position:relative;}
			a.logolink {position:absolute; top:0; left:0; width:400px; height:70px; display:block; cursor:pointer;}
			a.tab {height:32px; width:115px; background:transparent url('../images/tab-m.jpg') no-repeat top center; display:block; position:absolute; bottom:0; left:14px;}
			a.tab#w {background-image: url('../images/tab-w.jpg'); left:136px;}
			a.tab:hover {background-position:bottom;}
	.header .right {width:285px; height:118px; background:#000; position:relative;}
		.logo {width:278px; position:absolute; top:0; right:0; height:86px; background:#ff0 url('../images/logo-right.jpg') no-repeat center;}
		.extralinks {text-align:center; width:278px; background:#fff; position:absolute; bottom:0; right:0; height:24px; }
			.extralinks a {padding:6px 5px 0; font-size:11px; float:left;}
			.extralinks a:link,.extralinks a:visited  {color:#000; text-decoration:none;}
			.extralinks a:hover,.extralinks a:active  {color:#6b6b6a; text-decoration:none;}
			.extralinks a#contact {font-weight:bold;}
			.extralinks a#retail {padding-left:7px;}
			.extralinks a#kids { display:block; float:left; font-size:0px; width:68px; height:24px; padding:0; background:transparent url('../images/kids-btn.jpg') no-repeat center;}
			
			
.menu { width:940px; margin:0 auto; height:62px;}
	.menu a {height:64px; width:188px; background:#000 url('../images/menu-mens-1.jpg') no-repeat top center; display:block; float:left;}
	.menu a#menu1{width:218px; background-image:url('../images/menu-mens-1.jpg');}
	.menu a#menu2{width:186px; background-image:url('../images/menu-mens-2.jpg');}
	.menu a#menu3{width:256px; background-image:url('../images/menu-mens-3.jpg');}
	.menu a#menu4{width:150px; background-image:url('../images/menu-mens-4.jpg');}
	.menu a#menu5{width:130px; background-image:url('../images/menu-mens-5.jpg');}
	
	#allwomens .menu a { background-color:#839aba;}
	#allwomens .menu a#menu1{background-image:url('../images/menu-womens-1.jpg');}
	#allwomens .menu a#menu2{background-image:url('../images/menu-womens-2.jpg');}
	#allwomens .menu a#menu3{background-image:url('../images/menu-womens-3.jpg');}
	#allwomens .menu a#menu4{background-image:url('../images/menu-womens-4.jpg');}
	#allwomens .menu a#menu5{background-image:url('../images/menu-womens-5.jpg');}
	
	
	.menu a:hover, .menu a.cur {background-position:bottom;}


.main {width:940px; background:#fff; margin:0 auto;}
	
	/* index */
	.index .main {background:#000; }
	.index-hero {height:337px; background:transparent url('../images/index-hero.jpg') no-repeat center; margin-bottom:10px; }
	.index-bottom { height:220px; }
		.index-bottom .left{width:455px; height:220px; float:left;display:block;}
		.index-bottom .right{width:476px; height:220px; float:right;display:block;}
	
		.info-left {width:231px; height:220px; float:left;display:block;}
		.item-right {width:221px; height:220px; float:right;display:block; background:#fff; }
		
		.right .item-right {width:242px; text-align:center;}
		
		.label { height:39px; display:block; background:#000 url('../images/black-6.jpg') no-repeat 0 5px; }
		.right .label { background:#000 url('../images/black-6.jpg') no-repeat 0 12px;  }
		
		.yellow {float:left; height:181px; width:89px; display:block; background:#ff0 url('../images/yellow.jpg') no-repeat center; }
			.yellow#sale {background-image: url('../images/yellow-sale.jpg'); }
		.item-info {float:left; margin-left:3px; height:142px; width:139px; display:block; background:#fff;}
			.item-info .text {padding:5px 10px;}
			.item-info h2 {padding: 0 0 5px; letter-spacing:-1px; font-weight:normal; font-size:16px; line-height:1.1;}
			.item-info h4 {padding: 0 0 4px; text-transform:uppercase; color:#555; font-size:9px;}
			.item-info h2.price {padding-top:0px; font-size:40px;}
			
		.view-btn {position:relative;float:left; margin:3px 0 0 3px; height:36px; width:139px; display:block; background:transparent url('../images/view-btn.jpg') no-repeat center;}
			.view-btn a {position:absolute; width:139px; height:36px; display:block; cursor:pointer;}
		.right .view-btn {margin:0 0 3px 3px;}
		
		
		
	/* products */
	.main-header{padding:5px 0 20px;}
	.main-header .left {width:75%;}
	.main-header .right {width:25%; text-align:right;}
	.main-header .right h2 {font-size:28px; font-weight:bold; padding:10px 20px 0 0;}
	.main-header .right h2 a {font-size:12px; font-weight:normal; padding-bottom:5px; color:#839aba;}
	#allwomens .main-header .right h2 { color:#839aba;}
	#allwomens .main-header .right h2 a { color:#000;}
	
	.main-header h1 {padding: 10px 10px 0; font-size:20px; font-weight:normal; float:left;}
	
		.main-header h1 .second {color:#999;}
		.main-header h1 .third {color:#3d5076;}

	.stylecontainer {width:90px;float:left; display:block; border:solid 1px yellow;}
		.stylethumb {width:25px; float:left;}	
		.stylename {text-align:center; font-size:110%; width:65px; float:left; padding-top:15px;}

	.productcontainer {width:235px; height:296px; float:left; display:block;}
		a.product {width:235px; display:block; text-decoration:none;}
			.style2 a.product, .style4 a.product, .style7 a.product {color:#999;}
			.style5 a.product, .style8 a.product {color:#3d5076;}

		.productthumb {width:235px; }
		
		.productname {text-align:center;width:235px; margin:0 auto; cursor:pointer;}
			.productname span {text-decoration:underline;}


	/* detail */	
	.detail .main-header .left {width:100%; padding:15px; font-size:14px;}
	.detail .main-header a, .detail .main-header span {color:#828282;}
		.detail#allwomens .main-header a, .detail#allwomens .main-header span {color:#839aba;}
		.detail#allwomens .main-header a.parent2, .detail#allwomens .main-header span.parent2 {color:#3d5076;}
	
	.main-body {width:100%;}
		.main-body .left {width:506px; text-align:center;}
		
		.main-body .right {width:340px; float:right; padding-top:20px; margin-right:94px;}
			.main-body .right h2 {font-size:22px; line-height:1.1; padding:0 0 20px;}
			.main-body .right h2.price {font-weight:normal;}
			.main-body .right p {padding:0 0 20px; font-size:13px;}
			.main-body .right h4 {padding:0 0 10px; font-size:15px;}
			.main-body .right h4 span {color:#5c5c5c;}
			.main-body .right h3 {font-weight:bold; padding:10px 0 0; font-size:21px;}
			.main-body .right h3.highlight {padding:0 0 10px; color:#839aba; font-size:18px;}
			.main-body .right p small {color:#5c5c5c; font-size:11px;}
			.main-body .right p small a {color:#5c5c5c;}
			
		.like { width:960px; margin:0 auto; padding-bottom:10px}
		.like h5 {height:41px; width:220px; background: transparent url('../images/like-m.jpg') no-repeat center;}
		#allwomens .like h5 {background-image:url('../images/like-w.jpg');}

			.like .productcontainer {width:220px; height:256px; margin:0 10px;}
				.like a.product {width:220px; color:#fff; }
				.like .productthumb {width:220px; }
				.like .productname {width:200px; }

	/* textpage */	
	.textpage .main {background:#000;}
	.textpage .main-header .left {width:100%; padding:15px; font-size:14px;}
	.textpage .main-header h1 {font-size:30px; font-weight:bold;}
	
		
		.left#maincol {width:653px; background:#fff; min-height: 580px; height: auto !important; height: 580px;
}

		.textpage .main-body {padding:0 25px;}
		.textpage .main-body h3 {font-weight:bold; color:#3d5076; font-size:19px; padding:20px 0 7px;}
		
		.retailer {width:250px; margin:0px 5px 20px 0px;float:left;}
		.retailer p {font-size:14px}
		
		.testimony {width:600px; margin:0px 0px 20px;}
		.testimony p {font-size:14px}
		input, textarea{ padding:5px; font:normal 15px Arial, Helvetica, sans-serif; color:#999; border:solid 1px #bbb; width:300px; margin:0 0 15px; }
		
		#addretailer input {color:#000;}
		
		textarea{  height:58px; overflow:auto;}
			input.post {background:#000; color:#ff0; width: 100px;}			
	label, .inputtitle {font-size:130%; font-weight:bold; color:#111;}
	.testyform label {font:normal 15px Arial, Helvetica, sans-serif; color:#999;}
	input#inputSubmit {background:#39b421; color:#fff; }
		.right#salecol { width:280px; float:right; padding-bottom:10px; background:#aaa;}
		.right#salecol h5 {padding:20px 0; margin:0 auto;height:18px; width:151px; background: transparent url('../images/h-sale-items.jpg') no-repeat center;}

			.right#salecol .productcontainer {width:220px; height:256px; margin:0 auto; float:none;}
				.right#salecol a.product {width:220px; color:#000; }
				.right#salecol .productthumb {width:220px; }
				.right#salecol .productname {width:200px; }
				
		hr {width:600px; margin:30px 0;	border: 1px solid #bbb; border-width: 1px 0 0 0; border-collapse: collapse; clear: both;}		
		
		form.contact {margin:50px 0 20px;}		


#footer { width:940px; margin:10px auto; text-align:left; color:#fff; font-size:90%; padding-bottom:40px; }
#footer a { color:#fff; }

#footernav{ width:75%; text-align:left;float:left;}
	#footernav a{ padding-right: 5px}

#credits{ width:25%; text-align:right; float:right;}


/* logged-in */
.admin-header { z-index:3000; width:100%; height:20px; font-size:90%; padding:10px 0; text-align:center; background:#111; color:#ff3; }
	.admin-header a:link, .admin-header a:visited {color:#ddd;}
	.admin-header a:hover, .admin-header a:active {color:#fff;}
	
	.admin-header select {font-size:11px; width:130px; border:none;}
	
	.lefty {float:left; text-align:left; width:49%; margin-left:1%;}
	.righty {float:right; text-align:right; width:49%; margin-right:1%;}

	a.biggreen {background:#39B421; padding:3px; font-weight:bold; font-size:150%;}
	
	a.biggreen#toggleform {color:#fff; cursor:pointer;} 
		
		
	.message { color:#000; font-weight:bold; font-size:21px; padding:20px; border:solid 3px #ff0;}
	.message a {color:#000; font-size:11px;}
	.message a:hover {color:#ff0;}
	
	
	a.testlink {font-weight:bold; padding:2px; background:#3c3; color:#fff;}
	a.testlink#no { background:#c33;}

/* t */
.inlineheader {
 	font-size: 16px;
	font-weight: bold;
    line-height: 130%;
    color: #000;
    text-align: left;
}

.bodysoft {
 	font-size: 12px;
    line-height: 130%;
    color: #555;
    text-align: left;
}