/* @override http://roll-over-rover.com/css/ror-threads.css */

/* ______________________________________________________ RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}nav ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}input,select,textarea{vertical-align:middle;font-size:inherit;line-height:inherit;font-family:inherit;}
/* ______________________________________________________ HELPERS */
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf {zoom:1;/* For IE 6/7 (trigger hasLayout) */ }

.box1of2{
	float: left;
	width:50%;
	}
.box1of3{
	float:left;
	width: 33%;
}
.box2of3{
	float: left;
	width: 66%;
	}
.left{ float: left }
.right{ float: right }
.hidden { display: none }	

.colors div{
	margin: 10px;
	padding: 10px;
	}
	.pms5595{background-color: #DEE5DB}
	.pms7499{background-color: #FFF6DA}
	.pms5875{background-color: #E5E0B7}
	.pms7408{background-color: #F6BF64}
	.pms7533{background-color: #4D4434; color:  white}
	.pms7765{background-color: #C8BE5A}	
	
#logo a{
	position: absolute;
	top: 40px;
	width: 200px;
	height: 130px;
	text-indent:-9999px;
	}
#logo a:hover{
	background: 0;
	}
#slogan{
	position: absolute;
	top: 140px;
	left: 198px;
	color: #F6BF64;
	color: rgba(77, 68, 52, .5);
	COLOR: #A69D87;
	font-size: 24px;
	}
.designsBody #slogan{
	font-size: 18px;
	top: 86px;
	left: 122px;
	}
/* ______________________________________________________ GENERAL */
html, html body {
	height: 100%;
	font-family: HelveticaNeue, "Helvetica Neue", Arial;
	font-size: 16px;
	line-height: 1.375em;
	color: #4D4434;
	}
body{
	background:#FFF6DA url("../images/logo.png") 12px 8px no-repeat;
	}
body.designsBody{
	background:#FFF6DA url("../images/logoSm.png") 6px 4px no-repeat;
	}
#wrapper {
	position: relative;
	height: 100%; 
	}
#content{
	clear: both;
	width: 70%;
	margin: 0 10% 0 20%;
	padding: 160px 0 50px 0;
	}
.designsBody #content{
	padding-top: 100px;
	}	
.aboutBody #content, .pressBody #content, .garmentsBody #content, .buyBody #content, .policiesBody #content{
	width: 45%;
	margin: 0 auto 0 20%;
	}	
#thumbnails li{
	float: left;
	margin: 0 14px 14px 0;
	background: #FFF;
	_border: 1px solid #DEE5DB;
	border-radius: 4px;
	list-style: none;
	overflow: hidden;
	box-shadow: 0 0 5px rgba(0,0,0,.3);
	}
#thumbnails img{
	border-radius: 4px;
	display:block;
	}
#preview {
	position: absolute;
	display: none;
	background-color: #FFF;
	padding: 5px 5px 0 5px;
	border: 1px solid #DEE5DB;
	border-radius: 4px;
	box-shadow:0 0 6px rgb(68,82,91);
	z-index: 500;
	}
#preview p {
	margin: 4px 0 0 0;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	border-top: 1px solid #C8BE5A;
	}

#dsnImg {
	float: left;
	background-color: #FFF;
	border: 1px solid #DEE5DB;
	border-radius: 4px;

	}
#dsnImg img{
	border-radius: 4px;
	box-shadow: 0 0 5px rgba(0,0,0,.3);
	}
.dsnDetails{
	float: left;
	margin-left: 20px;
	width: 40%;
	}
.dsnDetails ul{
	list-style: none;
	margin-bottom: .75em;
	}
.dsnAvailableIn > li{
	padding: 2px;
	font-weight: bold;
	}
.dsnAvailableIn ul{
	margin-left: 1.25em;
	font-weight: normal;
	}
.dsnAvailableIn .selected{
	background-color: rgba(255,255,255,.6);
	border-radius: 4px;
	}
/* ______________________________________________________ NAV */

#primNav{
	float:  right;
	padding: 6px 20px 0 20px;
	background-color: #DEE5DB;
	border-radius:0 0 0 4px;
	}
#primNav li{
	float: left;
	margin-right: 4px;
	list-style: none;
	}
#primNav a{
	display: inline-block;
	color: #4D4434;
	text-decoration: none;
	padding:8px 8px 10px 0;
	border-radius: 4px 4px 0 0;
	}
.defaultBody #designs a, .designsBody #designs a,
.garmentsBody #garments a,
.buyBody #buy a,
.policiesBody #policies a,
.aboutBody #about a,
.contactBody #contact a,
.clearanceBody #etc a,
.pressBody #press a,
#primNav a:hover,
#primNav a:focus{
	background-color: #FFF6DA;
	color: rgb(244, 177, 70)
	}
#primNav a:before{
	content: "⦿";
	display: inline-block;
	padding: 0 4px;
	}
#primNav a:hover:before{
		
	}
#navWrapper{
	float: right;
	position: relative;
	overflow: visible;
	}
#navNote{
	bottom: -2em;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: rgba(77, 68, 52, .8);
	}
	
/* ______________________________________________________ =SIDEBAR */	
#sidebar{
	position: absolute;
	top:300px;
	padding-top: 10px;
	text-align: center;
	border-radius: 0 4px 4px 0;
	display: none
	}
.designsBody #sidebar{
	background: #DEE5DB;
	}
.prevNext{ 
	margin-top: 10px;
	border-top: 1px solid #FFF6DA;
	}

/* ______________________________________________________ =CROSS SELL */
#supplementary{ margin-top: 20px; margin-bottom: 10px; border-top:  1px solid #DEE5DB }
#supplementary a{
	float: left;
	display: block;
	position: relative;
	margin-right: 8px;
	-webkit-transition: top 0.1s ease;
	background-color: #FFF;
	}
#supplementary a:hover{
	background-color: #FFF;
	top: -3px;
	}
#youMightLike, #photos {float:  left}
#youMightLike h3, #photos h3{ line-height: 2em }
#youMightLike{margin-left: 10px; border-left:  1px solid #DEE5DB; padding-left: 20px;}
/* ______________________________________________________ =TEXT pages */
p{
	margin-bottom:.6875em;
	}
h2, h3, .return, .pullquote, #sidebar, #footer, #primNav, #slogan, #navNote, #preview, legend, dt {
	font-family: "American Typewriter","Coronette","Courier Bold","Courier New Bold",monospace, sans-serif;
	}
h2{
	font-size: 18px;
	line-height: 2.44444em;
	}

.pressBody img {
	float: left;
	margin: 0 0 0 20px;
	border: 1px solid #333;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	transform: rotate(-5deg);
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.2);
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,.2);
	box-shadow: 2px 2px 3px rgba(0,0,0,.2);
	}
.pressBody .article{
	padding:20px 0 20px 0; 
	clear: both; 
	zoom:1;
	overflow:auto;
	border-bottom: 1px solid #DEE5DB;
	}
.pressBody .article:last-child{ border:none }
.pressBody .article p { margin-left: 240px }
.pressBody .article h3 { margin-left: 230px }

.pullquote{
	font-size: 18px;
	float: right;
	width: 40%;
	padding: 10px;
	margin-right: -100px;
	border-radius: 4px;
	background-color: #E5E0B7;
	margin: .6875em -100px .6875em .6875em;
	}
.states{
	padding: .5em 0;
	margin: .5em 0;
	border: 1px solid #E5E0B7;
	border-width: 1px 0;
	text-align: center;
	}
.states a{
	display: inline-block;
	padding: 2px;
	border-radius: 4px;
	}
.store{
	margin-left: 1.5em;
	}	
	
table{
	background-color: rgba(255,255,255,.5);
	text-align: left;
	margin-bottom: 1.5em;
	}
td, th{
	padding: 2px 10px 2px 2px;
	}
/* ______________________________________________________ =FOOTER */	

#footer{
	float: left;
	padding:20px;
	background: #E5E0B7;
	border-radius: 0 4px 0 0;
	}
#footer ul{
	list-style:none;
	}
#footer .left{
	border-right: 1px solid #FFF6DA;
	padding: 0 10px;
	height: 7em
	}
#footer .copyright{ border: none; }

/* ______________________________________________________ =FORMS */	
input[type="text"], textarea{
	border-radius: 5px;
	border: 0;
	padding: 4px;
	-webkit-box-shadow: inset 1px 1px 4px rgba(0, 45, 61, .3);
	box-shadow: inset 1px 1px 4px rgba(0, 45, 61, .3);
	}
input[type="text"]:focus, textarea:focus{
	outline: none;
	box-shadow: inset 1px 1px 4px rgba(0, 45, 61, .5);
	background-color: #DEE5DB;
	}
#content fieldset{

	}
#content fieldset div{
	padding: .2em 0;
	}
#content label{
	float: left;
	display: block;
	width: 7em;
	}
#content .submit{
	padding:.5em 7em;
	}
#content legend{
	text-indent: -9999px;	
	}
/* ______________________________________________________ LINKS */
a{color: inherit}
a:hover, a:focus{background-color:  #F6BF64}

.prevNext a{
	display: inline-block;
	padding: 6px;
	text-decoration: none
	}
#linkToNext a{
	border-left: 1px solid #FFF6DA;
	border-radius: 0 0 4px 0;
	}
#linkToPrev a:before{
	content:"➜";
	display: inline-block;
	position: relative;
	margin-right: 3px;
	-webkit-transform: rotate(180deg);
	}
#linkToPrev a:active:before{
	right: 2px;
	}
#linkToNext a:after{
	content:"➜";
	display: inline-block;
	position: relative;
	margin-left: 3px;
	}
#linkToNext a:active:after{
	left: 2px;
	}	
.dwnld:before{
	content: "➜";
	display: inline-block;
	position: relative;
	margin-right: 4px;
	text-decoration: none;
	-webkit-transform: rotate(90deg);
	}
	
.dwnld:active:before{
	top: 2px;
	}
/* ______________________________________________________ =GARMENTS */
.dsnGarments a {
	display: block;
	float: left;
	height: 60px;
	margin-right: 6px;
	padding: 0 3px 8px 3px;
	background: url("../images/symbols/comboNew.png") 0 0 no-repeat;
	}
.dsnGarments a:hover {
	padding-bottom: 6px;
	border-bottom: 2px solid rgb(200,190,90);
	text-decoration: none;
	}
.dsnGarments a.uss {/* unisex short sleeve */
	background-position: 4px 0;
	width: 54px;
	}
.dsnGarments a.uls { /* unisex long sleeve */
	background-position: -87px 0;
	width: 72px;
	}
.dsnGarments a.ucs { /* unisex crewneck sweat */
	background-position: -170px 0;
	width: 72px;
	}
.dsnGarments a.uhd { /* unisex hoodie */
	background-position: -256px 0;
	width: 70px;
	}
.dsnGarments a.uzh { /* unisex zip hoodie */
	background-position: -344px 0;
	width: 70px;
	}
.dsnGarments a.lss { /* ladies short sleeve */
	background-position: -430px 0;
	width: 48px;
	}
.dsnGarments a.lls { /* ladies long sleeve */
	background-position: -516px 0;
	width: 72px;
	}
.dsnGarments a.lhd { /* ladies hoodie */
	background-position: -604px 0;
	width: 72px;
	}
.dsnGarments a.lzh { /* hat/cap */
	background-position: -688px 0;
	width: 72px;
	}
.dsnGarments a.hat { /* hat/cap */
	background-position: -772px 0;
	width: 60px;
	}
.dsnGarments a.tote { /* tote */
	background-position: -856px 0;
	width: 60px;
	}
.dsnGarments a.lcs { /* ladies crewneck sweat */
	background-position: -952px 0;
	width: 65px;
	}
.dsnGarments a.bag { /* ladies crewneck sweat */
	background-position: -1034px 0;
	width: 65px;
	}
.dsnGarments a.return {
	line-height: 60px; /*matches height of icons */
	background-image: none;
	}
/* ______________________________________________________ COLORS */
ul.dsnAvailableIn ul a {
	padding: 0 4px 0 0;
	background-color: transparent;
	border-right-width: 18px;
	border-right-style: solid;
	text-decoration: none;
	}
ul.dsnAvailableIn ul a:hover {
	background-color: transparent;
	}
#swatches {
	background-color: white;
	padding: 10px;
	}
#swatches td, #swatches th {
	padding: 10px;
	border-bottom: 4px solid white;
	}