/* Start of CMSMS style sheet 'jrb_general' */
/* Start of CMSMS style sheet 'jrb_general' */
/*
====Colours Used=======
white bg		= #ffffff   

light brown = #CFBD81
mid brown	= #805C39
dark brown	= #46331E

light grey	= #F1EEF0
mid grey = #d8d3d0
dark grey = #564F49

link	= #0066FF
text black	= #564F49
text white	= #ffffff
=======================
*/


#flash_popup{
	position:absolute;
	z-index:100;
	top:80px;
	width:550px;
	height:300px;
	
}
#followus{
	position:absolute;
	top:360px;
	width:180px;
}


* {
	padding: 0;
	margin: 0;
	border: 0;
}
body, html {
	color: #564F49; 
	font-family: Verdana, Arial, Tahoma, sans-serif;
	background-color: #ffffff; 
}
body {
	font-size: 70%;
	margin-top:5px;
}
p {
	padding: 7px 0 7px 0;
}

h1, h2, h3 {
	padding-bottom: 5px;
}
h1 {
	font-size: 1.8em;
	font-weight: normal;
}
#home_bg h1 {
	font-size: 1.4em;
}
#home_content h1{
	font-size: 1.2em;
	font-family: Arial, Tahoma, sans-serif;
	
}
h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.3em;
}
h4 {
	font-size: 1.1em;
	font-weight: normal;
}
ul{
	list-style-image:url(images/arrow.gif);	
}
ul.basic_list{
	list-style-image:url(images/bullet.gif);	
}
.basic_list li{

}
ul.big_list{
	list-style-image:url(images/bullet_1.gif);	
	font-size:1.2em;
}
.light_brown{
	color:#CFBD81;
}
.mid_brown{
	color:#805C39;
}
.dark_brown{
	color:#46331E;
}
.white{
	color:#ffffff;
}

/**************************
 LINKS   
**************************/
a:link,
a:visited{
	color: #805C39;
	text-decoration: none;
}
a:hover{
	color:#000066;
	text-decoration: underline;	
}
.feature_link{
	background-image:url(images/bullet_1.gif);
	background-repeat:no-repeat;
	padding-left:17px;
}
.feature_link a:link,
.feature_link a:visited{
	color:#46331E;
	font-weight:bold;
	font-size:1.2em;
}
.basic_list li a:visited,
.basic_list li a:link{
	color: #805C39;
	text-decoration: none;
}
.basic_list li a:hover{
	color:#000066;
	text-decoration: underline;	
}
/**************************
 General   
**************************/
.clear { 
	clear: both; 
}
.clearboth{
	clear:both;
	font-size:0px;
	height:0px;
}
.hideItem{
	visibility:hidden;
}
.left_col{
	float:left;
}
.right_col{
	float:right;	
}
#mainContainer {
	min-height: 300px;
	background-image:url(images/tile_banner.gif);
	background-repeat:repeat-x;
}
* html #mainContainer {
	height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
.align-l{
	text-align:left;
}
.line{
	background-color:#E8E5E3;
	height:2px;
	margin:10px 0px 10px 0px;
}
hr{
	height:1px;
	color:#CECECE;
	background-color: #CECECE;	
	border:0px;
}



/**************************
SUBNAV
**************************/
#subnav{
	width: 182px;
	background-image:url(images/bg_sub-nav.jpg);
	background-repeat:no-repeat;	
	position:absolute;
	top:83px;
	border:0px solid blue;
	min-height: 200px;	
	padding-bottom:50px;
}

* html #subnav {
	height: 200px;
}
/**************************
HEADER
**************************/
#header {
	height:88px;
		border:0px solid blue;
}
#logo{
	border:0px solid blue;
	float:left;
}
#main_nav{
	float:left;
	margin-top:55px;
	margin-left:10px;
}
#contact_menu{
	float:right;
	margin-top:5px;
	margin-right:30px;
	font-size:1.1em;
	font-weight:bold;
	color:#CFBD81;	
}
#contact_menu a:link,
#contact_menu a:visited{
	color:#805C39;
}
/**************************
BANNER
**************************/
#banner{
	background-image:url(images/banner_tile.gif);
	background-repeat:repeat-x;
	margin-left:175px;
	border:0px solid red;
	height:88px;
}
#banner img{

	}
#breadcrumbs{
	
	margin-top:5px; /* IE OVERIDE special */
	margin-left:30px;
	color:#805C39;	
}
#breadcrumbs a:link,
#breadcrumbs a:visited{
	color:#805C39;
}

/**************************
CONTENT AND COLUMNS
**************************/
.outer {
	border-left: 175px solid #F1EEF0; /*** This is the width and the color for our left column ***/
	border-right: 240px solid #ffffff; /*** This is the width and the color for our right column ***/
}
.inner {
	width: 100%; 
	min-width: 730px;  /*stops right content overlapping makes a min size for main content */
}

.float-wrap {
	float: left;
	width: 100%; /* IE ^ OVERRIDE styles */
	margin-left: -175px; /*** Same length as .outer border-left but with negative value ***/
}

#content {
	float: left;
	margin-left: 175px;  /*** Same length as .outer border-left but with negative value ***/
	width: 950px;
	border:0px solid red;
	
}
* html #content {
	position: relative;
}
.contentWrap{
	border:0px solid blue;
	margin:0px 20px 70px 30px;
	padding: 0px;
	float:left;
	width:650px;
}
#colour_page.contentWrap{
	width:940px;
border:0px solid blue;
}

/**************************
LEFT COLUMN
**************************/

#left {
	float: left;
	width: 170px;
	min-height: 150px;
	margin-top:150px;
}

* html #left {
	position: relative;  /*** IE needs this  ***/
	height: 150px;
}

/*************************
RIGHT COLUMN
**************************/
#right {
	/*background-color:#CCCCCC;*/
	float: left; 
	width: 233px;
	padding: 5px;
	min-height: 250px;
	border:0px solid green;
	margin-top:10px;
	
}
#colour_page #right{
	margin-top:40px;
}
* html #right {
	height: 250px;
	position: relative;  /*** IE needs this  ***/
}
#right ul{
	margin-left:30px;
}
#right .round-box_cap{
	background-image:url(images/right_box_cap.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:233px;
	height:14px;
}
#right .round-box_mid{
	background-image:url(images/right_box_tile.gif);
	background-repeat:repeat-y;
	width:233px;
	min-height:250px;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
}
#colour_page .round-box_mid #news_detail{
	padding:0px 0px 5px 0px;
	margin:0px 0px 10px 0px;
	border-bottom:1px solid #CFBD81;
	width:200px;
}
#right .round-box_base{
	background-image:url(images/right_box_base.gif);
	background-repeat:no-repeat;
	background-position:top;	
	width:233px;
	height:14px;
}
* html #right .round-box_mid {
	height: 250px; /*** IE needs this  ***/
}
#right .round-box_mid h3{
	margin-bottom:10px;
	font-size:13px;
}
/**************************
FOOTER
**************************/
#footer {
	border-top:1px solid #46331E;
	text-align: center;
	background-color: #CFBD81;
	color:#805C39;
	padding:5px 20px 20px 20px;
}
#footer a:link,
#footer a:visited{
	color:#805C39;
}
/***************************
INDIVIDUAL PAGES
***************************/


/**************************
HOME LAYOUT
**************************/
#home_bg {
	height:600px;
	background-image:url(images/home_tile.jpg);
	background-repeat:repeat-x;
}
#home_container {
	position:absolute;
	top:6px;
	left:0px;
}
#home_container #main_nav{
	margin-left:50px;
}
#home_content {
	width:930px;
		

}
#tagline{
	float:right;
	margin-top:125px;
	width:280px;
	text-align:right;
}
#tagline h3{
	color:white;
	font-size:1em;
}
#page_description{
	float:left;
	margin-left:314px;
	margin-top:105px;
	width:610px;	
}

#home_content #columns{
	float:left;
	margin-left:100px;
	margin-top:10px;
	width:900px;
	margin-bottom:30px;	
}
#home_content #columns a:link,
#home_content #columns a:visited{
	color:#46331E;
	text-decoration:none;
}
#home_content #columns a:hover{
	text-decoration:underline;
}
.column{
	float:left;
}
.column .round-box_cap{
	background-image:url(images/home_col_cap.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:203px;
	height:14px;
}
.column .round-box_mid{
	background-image:url(images/home_col_tile.gif);
	background-repeat:repeat-y;
	width:203px;
	min-height:130px;
	padding-left:10px;
	padding-top:10px;
}
.column .round-box_mid .desc{
	height:80px;
}
.column .round-box_base{
	background-image:url(images/home_col_base.gif);
	background-repeat:no-repeat;
	background-position:top;	
	width:203px;
	height:14px;
}
* html #column .round-box_mid {
	height: 130px; /*** IE needs this  ***/
}
.column .round-box_mid p{
	padding-right:30px;
	padding-left:10px;
padding-top:0px;	
}
.column .round-box_mid h2{
	padding-left:10px;
	margin-bottom:0px;
	font-size:17px;
	font-family: Arial, Tahoma, sans-serif;
	font-weight:normal;
	line-height:20px;
}

/****************************************
GENERAL DATA TABLE
*****************************************/
.data_table{
	background-color:#d8d3d0;
	border:1px solid #46331E;
}
.data_table td{
	border-right:0.5px solid white;	
	border-bottom:0.5px solid white;	
	padding:5px 5px 5px 5px;
	width:60px;
	text-align:center;		
}
.data_table thead{
	background-color:#46331E;
	color:#FFFFFF;
	font-size:1.1em;
	font-weight:bold;
}
.data_table tfoot{
	background-color:#CFBD81;
	height:5px;
	font:0px;
}
.data_table tfoot td{
	padding:0px;
	border:0px;
}
/***************************
GENERAL FORMS
***************************/

.title_col{
	width:120px;
	vertical-align:top;
	color:#FFFFFF;
	background-image:url(images/arrow_sub-nav.gif);
	background-repeat:no-repeat;
	background-position:10px 10px;
	background-color:#46331E;
	border-bottom:1px solid #685848;
	padding:7px 5px 3px 25px;	
}
th.title_col{
	background-image:none;
	padding:7px 5px 7px 25px;	
	
}
.input_col{
	vertical-align:top;
	width:250px;
	background-color:#d8d3d0;
	border-bottom:1px solid #ffffff;	
	padding:3px 0px 3px 10px;
	color:#46331E;
	font-weight:bold;
}
input.inputbox,
textarea.inputbox,
select.inputbox{
	width:200px;
	margin-bottom:5px;
}
.form_button img{
	border:0px;
}
/***************************
ORDER STEPS
***************************/

#order_steps{
	border-bottom:1px solid #ACA39A;
	padding-bottom:10px;
	margin-bottom:35px;
	width:625px;
}
#order_steps img{
	margin-left:-3px;
}

/***************************
ORDER HELP
***************************/
#overDiv{
 padding:5px;
background-color:#ccccff;
}
.help_box{
	width:250px;
	border-top:1px solid #d8d3d0;
	border-right:1px solid #F1EEF0;
	border-bottom:1px solid #F1EEF0;
	border-left:1px solid #d8d3d0;
	
	margin:10px 0px 0px 20px;
	float:left;
	padding:8px;
}
.help_box h3{
	background: url(images/icon_help.gif) no-repeat 0px 0px;
	padding-left:25px;
		margin:-35px 0px 0px 0px;

}
.help_item{
	border-bottom:1px solid #F1EEF0;
	padding:6px 0px 6px 15px;
	background:url(images/bullet.gif) no-repeat 0px 10px;
	
}
#spring_assist_msg, #fabric_direction_msg{
	background-color:#56a779;
	color:#ffffff;
	padding:3px;
	display:block;
}
/***************************
ORDER FORMS
***************************/
.help_box{
	/*width:870px;*/
}
.form_container{
	width:700px;	
}
#form_one{
	width:400px;
	float:left;
}
#form_two{
	width:600px;
	float:left;
}
.order_form{
	border:1px solid #46331E;
	margin-top:10px ;
	margin-bottom:10px ;
	float:left;
	background-color:#46331E;	
}

#form_two .order_form .title_col{
	width:150px;
}
#form_two .order_form .input_col{
}

.order_form .total_col{
	padding-bottom: 25px;	
	padding-top: 10px;	
	font-size:1.2em;
	font-weight:bold;	
	background-image:none;	
}
.order_form input.inputbox,
.order_form textarea.inputbox,
.order_form select.inputbox{
}

#descriptions{
	clear:both;
	border-top:1px solid #ACA39A;	
	padding-top:10px;	
	margin-top:20px;	
}
.description_col{
	float:left;
	margin-top:30px;
	margin-bottom:20px;
	margin-right:25px;	
	padding-right:25px;	
	border-right:1px solid #CFBD81
}

.description_col h3{

}
.description_col img{
	float:left;
margin-right:8px;
}
.description_col .description{
	float:left;
	width:170px;
}
.fabric_range{
	border-bottom:1px solid #ACA39A;
	margin-top:20px;	
}
.fabric_range h2{
	margin:0px;
	padding:0px;
}
.fabric_range .description_col{
	margin-top:10px;
	margin-bottom:10px;
}
.compare_prices{
	width:350px;
	background-color:#CFBD81;
	border:1px solid #46331E;
	margin:10px -140px 0px -300px;
	float:right;
}
.compare_prices .title_header{
	background-color:#46331E;
	padding:10px 10px 10px 37px;
	background-image:url(images/down_arrow.gif);
	background-repeat:no-repeat;
	background-position:17px 13px;
	color:#FFFFFF;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:15px;
	
}
.compare_prices .item{
	margin:5px 20px 10px 20px;
	padding:0px 5px 10px 5px;
	border-bottom:1px solid #ffffff;
		font-weight:bold;
}
/*************************************
COLOUR SELECTOR
*************************************/
.colour_selector_title{
	width:373px;
	color:#FFFFFF;
	font-size:1.2em;
	background-image:url(images/arrow_sub-nav.gif);
	background-repeat:no-repeat;
	background-position:10px 10px;
	background-color:#46331E;
	border-bottom:1px solid #685848;
	padding:7px 5px 10px 25px;	
	margin-top:50px;
}
.colour_selector{
	border:1px solid #46331E;
	background:#d8d3d0;
	width:400px;
	height:320px;
	overflow:auto;
	margin:0px 0px 20px 0px;	

}
.colour_container{
	border:1px solid #564F49;
	width:370px;
	background-color:#c0bab9;
	position:absolute;
}
.colour_swatch{
	float:left;
	width:170px;
	margin:10px 10px 10px 10px;	
	border-bottom:1px solid white;
}
.colour_swatch_2{
	float:left;
	width:100px;
	height:90px;
	margin:10px 10px 10px 10px;	
	border-bottom:1px solid white;
	border:0px solid red;
}

.fabric_name{
	font-size:1.1em;
}
.colour_selector input{

}
.colour_selector img{
	float:left;
	margin-right:10px;	
	border-left:1px solid #666666;
	border-top:1px solid #666666;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}
#colourNote{
	width:400px;
	margin-left:260px;
	margin-top:-70px;
	font-size:9px;
}

/****************************************
SHOPPING CART
*****************************************/
#cart_container{
	width: 650px;
}
#cart{
}
#cart td{	
}
#cart thead{
}
#cart tfoot{
}
#cart tfoot td{
}

#cart .colour{
	width:180px;
}
#cart .quantity {

}
#cart .quantity input{
	width:40px;
	text-align:center;
}
#cart .remove{
	text-align:center;
}
#cart_summary{
	float:right;
	font-size:1.1em;
	font-weight:bold;
	width:220px;
	margin-top:30px;
}
#cart_summary .item{
	border-bottom:1px solid #46331E;
	padding:5px;
}
#cart_summary .total_price{
	border-top:1px solid #46331E;
	margin-top:1px;
	padding-top:20px;
	font-size:1.2em;	
}
#cart_summary .left_col{
	text-align:right;
}
#checkout_button{
	margin-top:-40px;
}
/****************************************
USER DETAILS
*****************************************/
#user_details_container{
	width: 610px;
}
#user_details td{
	border-right:0px solid white;	
	text-align:left;
	}
#user_details .title_col{
	width:100px;	
	background-color:#d8d3d0;
	background-image:none;	
	color:	#46331E;
}

#user_details .input_col{
	width:180px;	
}
#user_details input.inputbox,
#user_details textarea.inputbox,
#user_details select.inputbox{
	width:150px;
}

/****************************************
FINAL REVIEW
*****************************************/
#final_review_container{
	width: 550px;
}

#final_review_container #cart_summary{
	font-size:1em;
	font-weight:bold;
	width:220px;
	margin-top:10px;
}
#final_review_container #cart_summary .item{
	border-bottom:1px solid #46331E;
	padding:5px;
}
#final_review_container #cart_summary .total_price{
	border-top:1px solid #46331E;
	margin-top:1px;
	padding-top:20px;
	font-size:1.2em;	
}
#final_review_container #cart_summary .left_col{
	text-align:right;
}
.delivery_details td{
	border:0px;
}
.delivery_details .colour{
	text-align:right;
}
.delivery_details .align-l{
	text-align:left;
}

/***************************************
View Fabrics
***************************************/
#fabric_cat_container{
	width:600px;
float:left;
border:0px solid red;
}
#ranges_help{
float:left;
}
#fabric_cat_container .line{
	margin:0px;
}
.fabric_cat h4{
	font-weight:normal;
	font-size:16px;
	padding-bottom:3px;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:5px;
}
.fabric_cat{
	width:285px;
	padding: 10px 0px 10px 0px;
}
.fabric_cat img{
	margin-right:10px;
	float:left;
	border-left:1px solid #999999;
	border-top:1px solid #999999;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:1px;
	
}
.fabric_cat .description{
	margin-bottom:10px;
	width:170px;
	float:left;
}
.fabric_cat .feature_link{
	padding-bottom:3px;
}	
#fabric_colour_name{
	display:inline;
}
/***************************************
View Colours
***************************************/
#view_colours_container{
	width:670px;
	margin-left:0px;
	border:0px solid #46331E;	
	float:left;	
}
#view_colours_container #swatch_large{
	width:250px;
	margin-right:10px;
	float:left;
	overflow:hidden;

}
#view_colours_container #swatch_large img{
	border:1px solid #46331E;
	margin-bottom:20px;
}
#view_colours_container #swatch_large .feature_link{
	font-size:.9em;
	background-position:0px -1px;
	margin-bottom:10px;	
}
#view_colours_container .colour_selector{
	float:left;	
}
#view_colours_container .fabric_name{
	margin-top:5px;
}
#view_colours_container .sample_link{
	margin-top:15px;
}

#view_colours_container .sample_link a:link,
#view_colours_container .sample_link a:visited{
	background:url(images/icon_addSwatch.gif) no-repeat 0px 2px;
	padding:0px 0px 0px 15px;
}

/***************************************
Tips Page
***************************************/
#tips_container{

}
.gateway_item{
	float:left;
	width:300px;
	border-bottom:1px solid #564F49;
	margin-right:20px;
	padding-bottom:10px;
	margin-bottom:30px;
}
.gateway_item h3{

	color:#CFBD81;
}
.gateway_item .feature_link{
display:block;
	margin-top:10px;
}

/***************************************
 Swatch Cart 
***************************************/

.request_swatch_list {
	background-color:#F1EEF0;
	width:400px;
	padding:10px 0px 10px 0px;
	padding-bottom:20px;
	list-style:none;
	border:1px solid #d8d3d0;
}
.request_swatch_list li{
	clear:both;
	padding:3px 10px 3px 10px;
	border-bottom:1px solid #d8d3d0;
	border-top:1px solid #ffffff;
}
.request_swatch_list li .remove{
display:block;
	float:right;
}
.swatch_code{
	display:block;
	float:left;
}
/* End of 'jrb_general' */


/* End of 'jrb_general' */