body {
	font-family: Helvetica Regular, Arial, sans-serif;
	line-height: 11px;
	font-size: 11px;
	
	background-color: #fff;
	color: #262622;
	
	margin: 0px 0px; 
	padding: 0px;
	text-align: center;
}

#outergrid {
	overflow: hidden;
	width: 1020px;
	background-color: #fff;
	
	margin: 0px auto;
	text-align: left;
}

#content {
	/*min-height: 493px;*/
	/*margin-bottom: 40px;*/
}

.leftside {
	overflow: hidden;
	float: left;
	width: 282px;
}

.mainside {
	overflow: hidden;
	float: left;
	width: 720px;
}


/* ***************************************************************************************************************
	style@ all pages
	
	css@ #header .leftside/.mainside
******************************************************************************************************************/
#header {
}

#logo {
	margin-left: 46px;
	margin-top: 24px;
	margin-right: 47px;
}

ul#sections {
	margin-top: 100px;
	margin-bottom: 95px;
}

ul#sections li {
	display: inline;
	margin-right: 63px;
	
	line-height: 14px;
	font-size: 14px;
}

ul#sections li a.active {
	font-weight: bold;
}

/* ***************************************************************************************************************
	style@ all pages
	
	css@ #footer
******************************************************************************************************************/
#footer {
	line-height: 10px;
	font-size: 10px;
	/*margin-bottom: 20px;*/
}

#footer ul {
	margin-left: 28px;
	margin-bottom: 50px;
}

#footer ul li {
	display: inline;
	margin-right: 40px;
	line-height: 10px;
	font-size: 10px;
}

#footer ul li#copy {
	margin-right: 0px;
	margin-left: 580px;
}



/* ***************************************************************************************************************
	style@collection.html
	style@detail.html
	
	css@ #content .leftside
******************************************************************************************************************/
ul.menu {
	margin-left: 112px;
	margin-bottom: 30px;
}

ul.menu li {
	margin-bottom: 12px;
	line-height: 11px;
	font-size: 11px;
}

ul.menu li a.active {
	font-weight: bold;
}

ul.menu li.sub {
	margin-left: 10px;
}




/* ***************************************************************************************************************
	style@brand.html
	
	css@ #content .mainside
******************************************************************************************************************/
p.text {
	width: 483px;
	line-height: 18px;
}



/* ***************************************************************************************************************
	style@collection.html
	
	css@ #content .mainside
******************************************************************************************************************/
.product {
	width: 161px;
	height: 290px;
	margin-right: 39px;
	margin-bottom: 53px;
}

.product img {
	width: 161px;
	height: 290px;
	margin-bottom: 7px;
}




/* ***************************************************************************************************************
	css@detail.html
	
	#content .mainside
******************************************************************************************************************/
.detail {
	margin-right: 24px;
	margin-bottom: 120px;
	/*width: 256px;
	height: 460px;
	background-color: #eee;*/
}

.detail #zoomSWF {
	overflow: hidden;
	width: 256px;
	height: 460px;
	margin-bottom: 10px;
}

.detail img.styles {
	width: 60px;
	height: 60px;
	margin-right: 7px; /* 10px appears as 13px? */
	cursor: pointer;
    cursor: hand;
}

.info {
	width: 345px;
}

.info p {
	width: 260px;
	margin-bottom: 20px;
}

.info > p:first-child { 
	/*margin-top: -5px;*/
	line-height: 17px;
} 

.info img.colors {
	width: 36px;
	height: 36px;
	margin-right: 10px;
	margin-bottom: 47px;
}

#findmorebtn img {
	margin-left: -6px;
	margin-bottom: 10px;
	cursor: pointer;
    cursor: hand;
}

#findmorebtn + p {
	margin-top: -4px;
	line-height: 17px;
}


/* ***************************************************************************************************************
	style@ contact.html
	
	css@ #content .mainside
******************************************************************************************************************/
div#contact_form_left,
div#contact_form_right {
	float: left;	
	margin-right: 20px;
}

.contact_form p {
	margin-bottom: 14px;
}

.contact_form .address {
	float: left;	
	margin-right: 20px;
	margin-bottom: 38px;
}

.contact_form .address br {
	margin-bottom: 7px;
}

.contact_form label {
	display: block;	
	margin-bottom: 5px;
}

.contact_form select,
.contact_form input {
	display: block;	
	margin-bottom: 12px;
	width: 260px;
	border: 1px solid #ccc;
}

.contact_form input {
	width: 220px;
	height: 20px;
}

.contact_form select {
	width: 150px;	
	margin-bottom: 20px;
	padding: 3px;
}

.contact_form textarea {
	width: 220px;
	height: 178px;
	margin-bottom: 12px;
	border: 1px solid #ccc;
}

#contactbtn {
	margin-bottom: 120px;
}

#contactbtn img {
	margin-left: 19px;
	cursor: pointer;
    cursor: hand;
}

#browsebtn {
	margin-top: 5px;
}


/* ***************************************************************************************************************
	style@ cart@contact.html
	
	css@ #content .mainside
******************************************************************************************************************/
#cart {
	margin-bottom: 12px;
}

#cart label {
	display: block;	
	margin-bottom: 3px;
}

#cart div.crow {
	/*border: 1px solid #D61F64;*/
	margin-left: -7px;
	margin-bottom: 10px;
	width: 480px;
	height: 74px;
}

#cart div.crow div {
	margin-top: 7px;
	margin-bottom: 7px;
}

#cart div.crow > div:first-child {
	margin-left: 7px;
	width: 60px;
}
	
#cart div.crow div + div {
	overflow: hidden;
	margin-left: 22px;
	width: 221px;
}

#cart div.crow div + div + div {
	overflow: hidden;
	width: 108px;
}

#cart div.crow div + div + div + div {
	width: 10px;
	font-weight: bold;
}



/* shared *****************************************************************************************************#F5F7F3*/
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.underline { text-decoration: underline; }
a, a:visited, a:hover { text-decoration: none; color: #262622; }
.active, .active:hover, a.active, a.active:hover, a.links:hover { color: #D61F64; }
.active-red, .active-red:hover, a.active-red, a.active-red:hover { color: #F00; }
a.browseuri, a.browseuri:hover { color: #D62064; }
div.content-pad { height: 120px; }
div.content-pad-collection { height: 67px; }
.lighter { color: #4f4f4f; }
/* debug *******************************************************************************************************/
/*div.debug, .debug { background-color: #fffccc; }
div.debug2, .debug2 { background-color: #F9C; }  
div { background-color: #F9C; } 
div div { background-color: #FCC; } 
div div div { background-color: #FFC; } 
div div div div div { background-color: #f00; } */