/* CSS Document */
/************************************************************************

	Site:
	Author:		eROI		[www.eroi.com] 

	Listing Order:

	==============
	
	1 - ECOM General
	2 - Product Listing
	3 - Product View
	4 - Shopping Cart
	5 - ECOM Navigation
	6 - Sofas
	7 - Request A Quote
	
************************************************************************/

/***********************************************************************
	1 - ECOM General
************************************************************************/

body{
	text-align:center;
}
li{
	list-style-type:none;
}
p{
	text-align:left;
}
div.product_view_product_title{
	font-size:14px;
	margin:0 0 10px 425px;
	font-weight:bold;
}
div.product_view_main_image{
	float:left;

	width:325px;
	margin:0 0 0 50px;
	display:inline;
	text-align:center;

}
div.product_view_main_image img {
	width:325px; 
	height:325px;
}
div.product_view_main_description{
	float:left;
	width:335px;
	margin: 0 0 15px 52px;
	text-align:left;

}
span.detail_retail_price{
	margin: 0 0 15px 28px;
	float:left;

	width:417px;
}
span.detail_retail_price_title{
	margin: 15px 0 0 28px;
	float:left;

	width:417px;
}
div#detail_breadcrumbs{
	margin-bottom:15px;
	text-align:left;
}
div.detail_option_name_pulldown{
	float:right;
	margin:15px 0 0 0;
	width:417px;
	font-size:16px;
	color:#787778;
	font-size:11px;
	text-align:left;
}
select.detail_option_value_pulldown{
	float:left;
	margin:5px 0 0 0;
}
div.product_view_product_title{
	text-align:left;
}

div.email_to_a_friend{
	display:block;
	width:417px;
	float:right;
	padding: 20px 0 0 0;
	text-align:left;
}
div.email_to_a_friend a{
	color:#67557a;
}
div.detail_prod_callout{
	margin: -15px 0 0 28px;
	float:right;
	width:417px;
	text-align:left;
}
div.detail_option_pulldown{
	display:block;
}
div.product_view_sku{
	width:417px;
	float:right;
	margin:0 0 0 28px;
}
div#detail_row3{
	width:350px;
	float:left;
	padding: 5px 0 0 50px;
	clear:both;
}
div.product_view_options{
	width:417px;
	float:right;
	text-align:left;
}
/* Safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { div.product_view_options  {width:100px; margin-right:315px;} } 
select.detail_option_value_pulldown {
	float:left;
	text-align:left;
}
div.product_view_specials {

}
div.request_a_quote, div.request_a_quote table tbody {
	text-align:left;
	font-size:11px;
}

div.product_view_price {
	float: left;
	width: 350px;
	text-align:left;
	display:block;
}

table#detail_price_list {
	font: 11px Arial, Helvetica, sans-serif;
	width: 335px;
	background-image: none;
	padding-left: 15px;
}

table#detail_price_list th {
	text-align: left;
}
		
div.product_view_button{
	float:right;
	margin:15px 0 0 28px;
	width:417px;
	text-align:left;
}

div.detail_foot {
	clear: both;
}
div#productSearch {
	margin-left:-15px;
}
/***********************************************************************
	2 - Product Listing
************************************************************************/

div#bottom_child_category_links, div#results_category_title, span.deadlinks, div#results_subcategory_title {
	display: none;
}

div#results_category_links {
	margin-right:32px;
	float:left;
	clear:both;
	margin-left:162px;
	margin-top:5px;
	
}

div#results_category_links a {
	color: #d5cfce;
}

span.results_price_title {
	color: #555655;
	font-weight: normal;
	margin: 0 5px 0 0;
}

div.results_wrap {
	background: url(../images/bg-body.gif) left top repeat-y;
	width: 811px;
	margin: 0 auto;
	padding: 45px 17px 0 17px;
	height:auto;
}

div#results { width: 623px; float: right; padding-right: 30px; }


div.results_col4 {
	width: 166px;
	height: 205px;
	float: left;
	border: 1px solid #d7d5d9;
	padding: 10px 14px;
	margin: 5px;
	overflow:hidden;
}

div.results_col4 a {
	color: #555655;
	font-weight: bold;	
}

div.results_col4 div.results_col4 span {

}

div.results_col4 a.results_prod_thumb_col4 {
	margin-left: auto;
	margin-right: auto;
}

div.results_col4 a.results_prod_thumb_col4 img {

}

div.results_col4 span.results_prod_name_span_col4 {

}

div.results_col4 a.results_prod_name_col4 {
	text-decoration: none;
}


div.results_col4 a.results_prod_name_col4:hover {
	text-decoration: underline;
}

div.results_col4 span.results_price {
	color: #555655;
}

div#bottom_next_links a {
	color: #a39a97;
	padding-right: 2px;
}	
div#bottom_next_links{
	margin-right:15px;
}
div#results_foot {
	clear: both;
	text-align:right;
	margin-right: 25px;
}

/***********************************************************************
	3 - PRODUCT VIEW
************************************************************************/

div#detail_wrap {
	background: url(../images/bg-body.gif) left top repeat-y;
	width: 845px;
	margin: auto;
	padding: 45px 0 0 0;
	height:inherit;
}

div#detail_wrap div#detail_row1 {
	width: 430px;
	margin-left: 165px;
	border-top: 10px solid #fff; /* pretends to be a margin to move the image box down */
}

div#detail_wrap div#detail_row1 div#detail_img_wrap {
	width: 628px;
	border: 1px solid #e4e4e4;
	margin: 0 0 30px 0;
	text-align: center;
	overflow: hidden;
}

div#detail_wrap > div#detail_row1 > div#detail_img_wrap {
	margin: 0 0 30px -3px;
}

div#detail_wrap div#detail_row1 div#detail_img_wrap img {
	display: block;
	margin: 5px auto 5px auto;
	text-align: center;

}

div#detail_wrap div#detail_row1 div#detail_desc_wrap p,ul,ol {
	color: #787778;
	text-align:left;
}
div.product_view_main_description p strong{
	text-align:left;
}

div#detail_wrap h1.detail_desc_title {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #67557a;
	margin: 0 0 8px 0;
	/*font-size: 135%;
	text-transform: uppercase;
	display: block;
	margin-bottom: 15px; */
}

div#detail_wrap h1.detail_desc_article {
	font: 12px Arial, Helvetica, sans-serif;
	color: #787778;
	margin: 0 0 18px 0;
	line-height: 1.4em;
	text-align: justify;
	/*color: #373737;
	font-size: 100%;
	font-weight: normal;
	margin-bottom: 15px;
	text-align: justify;*/
}

div#detail_wrap h1.detail_desc_article li {
	margin-left: 15px;
	padding-bottom: 5px;
}

div.detail_options {
	color: #373737;
	font-size: 135%;
	text-transform: uppercase;
	font-weight: bold;

}

.detail_option_value_pulldown {
	margin: 0 0 0 28px;
	/*float:right;*/
}

div#detail_wrap div#detail_row2 {
	width: 430px;
	margin-left: 165px;
}

img.detail_option_value_radio_img {

}

div.detail_option_name_radio {

}

div.detail_option_value_radio {
	margin: 0 35px 10px 0;
	float: left;
}

input.detail_option_value_radio {
	margin: -17px 0 12px 85px;
}

div.detail_option_value_radio div {

}

div.detail_option_radio {

}


div#detail_row3 div#detail_img_wrap {
	background: #fff; 
	width: 131px;
	padding: 4px 7px;

	border: 1px solid #D5CFCE;
	float: left;
	margin-right:2px;
	text-align: center;
}

div#detail_row3 div#detail_img_wrap img {
padding-bottom:20px;
}
div#detail_row3 div#detail_img_wrap {
	height:48px;
	width:48px;
	overflow:hidden;
}

div#detail_row3 a {
	color: #67557a;
	text-decoration: none;
	text-align: center;
}
div#detail_row3 div#detail_img_wrap img {
	margin: 0 auto;
	text-align: center;
	width:45px;
	height:45px;
}

div#row2col1 {
	padding-bottom: 15px;
}

div#results_head {
margin-top:-25px;
}

input.detail_add_to_cart {
	display: block;
	clear: left;
}

h1.detail_desc_title {

}

h1.detail_desc_article {

}

div.results_prod_callout_col1 {

}

span.detail_price_title {
	font-weight: bold;

}
span.detail_price_title:after {
	
}

div.product_view_price {
	margin: 0 0 0 28px;
	display:block;
	font-weight: bold;
	font-size:16px;
	width:417px;

}

/***********************************************************************
	4 - SHOPPING CART
************************************************************************/

div.shoppingCart {
/*	width: 600px;
	border: 0;
	margin-left: 160px;
	color: #333;*/
	background: url(../images/bg-body.gif) left top repeat-y;
	width: 811px;
	margin: 0 auto;
	padding: 0 17px 0 17px;
	height:auto;
}
div.shoppingCart form {
width:600px;
padding-left:145px;

}
div.shoppingCart a{font-size:11px;}


div.shoppingCart a:link {
	color: #67557b;
}
div.shoppingCart a:hover {
	color: #b6aeaf;
}

table {
	background: url(../images/bg-body.gif) left top repeat-y;
	width: 845px;
	margin: 0 auto !important;
	/*padding: 0 17px 0 17px;*/
	border: 0px;
	font-size:11px;
}

div.shoppingCart table {
	background: none;
	width: 90%;

}

div.shoppingCart table tr td {
	padding: 3px;
}

div.shoppingCart table input[type=submit] {
	border: 1px solid #4a3b5a;
	background: #67557b;
	color: #D6D6D6;
	text-transform: uppercase;
	font-size: 75%;
	margin: 2px;
}

div#rightColumn div#textContainer table {
	border: 1px solid #e4e4e4;
}

div#textContainer table table,div#textContainer table,div#textContainer table table td {

}

div.shoppingCart h2 {
	color: #373737;
	font-size: 135%;
	text-transform: uppercase;
	display: block;
	margin-bottom: 15px;
}

.TitleBar {
	background-color: #e1ddde;
	text-align: left;
	text-transform: uppercase;
	line-height: 1em;
}

.littletabletext {
	line-height: 1.5em;
}

.shoppingCart .littletext {
	color: #938e8b;
	font-size:11px;
	
}
.shoppingCart td {
	font-size:11px;
}
.shoppingCart input[type=checkbox] {
	margin-right: 25px;
}

.enterInfo .littletext {
	text-align: left !important;
	font-size:11px;
	color:#333333;
}

div.enterInfo form, .logIn form {
	padding: 10px 18px;
	color: #333;
	margin-left: 145px;
	width: 350px;
	font-size:11px;
}
.logIn form td {font-size:11px;}

div.enterInfo form input, div.logIn form input {
	margin: 3px;
}

div.enterInfo form table { 
	width: 350px;
	margin-top: 15px;	
}

div.enterInfo form table tr td {
	overflow: visible;
	white-space: normal;
}

.logIn form table {
	width: 300px;
	margin: 0;
	margin-top: 15px;
}

table table {
	background: none;
}

.enterInfo form table tbody tr .TitleBar, .logIn form table tbody tr .TitleBar, .verifyInfo .TitleBar, .creditCard .TitleBar {
	background-color: #e1ddde;
	color: #938e8b;
	padding: 3px;
	margin-bottom: 12px;
	width: 650px;
}

.logIn .minorheading .littletext {
	margin: 3px;
}

.checkout_account_links {
	width: 600px;
}

.login_link, .setup_account_link, .no_login_link {
	text-transform: uppercase;
	font-size: 90%;
}
.enterInfo a:link, .logIn a:link, .no_login_link a:link {
	color: #67557b;
}
.enterInfo a:hover, .logIn a:hover, .no_login_link a:hover {
	color: #b6aeaf;
}

#detail_breadcrumbs, #results_breadcrumbs {
	text-align: left;
	
	margin-left: 162px;
}
#detail_breadcrumbs a{
	color:#67557a;
}
#detail_next_top {
	display: none;
/*	text-align: left;
	width: 300px;
	margin-left: 162px;
	padding: 5px 0; */
}

#detail_next_top a {
	color: #67557a;
}

div.verifyInfo {
	width: 500px;
	color: #666;
}

div.verifyInfo a:link, div.creditCard a, .verisign a, .forgotPassword a {
	color: #67557b;
	font-size:11px;
}
div.verifyInfo a:hover, div.creditCard a:hover, .verisign a:hover, .forgotPassword a:hover {
	color: #b6aeaf;
		font-size:11px;
}
.verisign {font-size:11px;}
.verifyInfoDisplayProducts, .verifyInfoDisplayLinks, .verifyInfoDisplayCheckoutForm, .verifyInfoDisplayAddress {
	width: 500px;
	margin-left: 165px;
}

.verifyInfoDisplayProducts tr td, .verifyInfoDisplayLinks tr td {
	padding: 3px;
}

div.verifyInfoDisplayCheckoutForm form, div.verifyInfoDisplayAddress, div.verifyInfoDisplayLinks table, div.verifyInfoDisplayProducts table, table.recalculate {
	width: 530px;
	/*margin-left: 165px;*/
}

.shippingTable {
	width: 300px;
	text-align: left;
}

.billingTable {
	width: 200px;
	text-align: left;
}	

table.outerTable {
	width: 525px;


}

.recalculate input[type=submit] {
	margin-right: 15px;
}

.recalculate td {
	padding: 6px;
}

.creditCard, .forgotPassword {
	width: 600px;
	margin-left: 160px;
	color: #666;
}

.creditCard form table {
	width: 600px;
	margin-top: 13px;
}

.creditCardTable {
	width: 600px;
}

.creditCardTable td{
	padding: 3px;
}

/*form input[value='Recalculate Order'] {
	border: 0;
	background: url(../images/button/recalculateOrder.gif) no-repeat top left;

}*/
div.verifyInfoDisplayCheckoutForm input[type=submit], div.verifyInfoDisplayLinks input[type=submit], div.verifyInfoDisplayProducts input[type=submit], table.recalculate input[type=submit], .enterInfo input[type=submit], .creditCard input[type=submit], .logIn input[type=submit], .forgotPassword input[type=submit] {
	border: 1px solid #4a3b5a;
	background: #67557b;
	color: #D6D6D6;
	text-transform: uppercase;
	font-size: 75%;
	margin: 2px;
}

/***********************************************************************
	6 - Sofas
************************************************************************/

ul#sofadetails { margin: 0 0 2em 15px; position: relative; }
ul#sofadetails li { line-height: 1.2em;  margin: 0; padding: 0; color: #333; }
ul#sofadetails li.column1 { margin-left: 0em; }
ul#sofadetails li.column2 { margin-left: 19em; }
ul#sofadetails li.reset { margin-top: -3.7em; }
* html ul#sofadetails li { position: relative; }
div#sofa_icons { padding-bottom: 20px; }
div#sofa_icons img { padding-right: 4px; vertical-align: top; }
div#sofa_sidebar { width: 196px; float: right; margin-right: -200px; }
div#sofa_sidebar img { margin-bottom: 1px; }


/***********************************************************************
	7 - Request A Quote
************************************************************************/

td.bodystyle h2 { 
	color: #373737;
	font-size: 135%;
	text-transform: uppercase;
	display: block;
	margin-bottom: 15px;
	}

div.request_a_quote {
	width: 600px;
	border: 0;
	margin-left: 160px;
	color: #333;	
	text-align: left; 
	}
	
div.request_a_quote table { width: 375px; }	

div.credit_card_checkout {
	width: 600px;
	border: 0;
	margin-left: 160px;
	font-size:11px;
	text-align:left;
	}
	
div.credit_card_checkout table {
	width: 600px;
	}

	
div.custom_receipt_page {
	width: 500px;
	border: 0;
	/*padding-left: 160px; */ 
	}
	
div.receiptPage { padding-left: 162px;text-align:left; }
	
div.custom_receipt_page .billingTable {
	width: 120px;
	}	
div.custom_receipt_page table {
	width: 590px;
}	
	
	
