/* Markup for the content section on specific pages */

/*################################# INDEX ###############################*/

#index_text_main{
	width:730px;
	clear: both;
	margin-left: 10px;
	padding:0px;
}

#index_text_main h1{
    padding: 24px 0 0 0;
	font-size: 24px;
	line-height: 24px;
    overflow: hidden;
    background-image: url("../images/template/home-we-source.gif");
    background-repeat: no-repeat;   
    height: 0px !important;
    height /**/:24px;
}

/*******************************************************************************************************************
edited for CL ad - widhths were 350px.
*******************************************************************************************************************/
#index_text_main_left{
	width: 275px;
	margn:0;
	padding:0;
	padding-top: 5px;
	float:left;
	text-align: justify;
}

#index_text_main_right{
	width: 425px;
	margn:0;
	padding:0;
	padding-top: 5px;
	float:right;
	text-align: justify;
}

#homepage-minibanner{
	width:274px;
	height:190px;
	float:left;
	padding: 0;
	margin: 0px 30px 0px 0px;
}

#homepage-minibanner-image{
	float:left;
	clear: both;
	margin: 0px 0px 6px 0px;
	padding: 0;
}

#homepage-minibanner-image img{
	margin: 0;
	padding: 0;
}

#homepage-minibanner-text{
	width: 274px;
	float: left;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#homepage-minibanner-text a{
	background-color: #e2e7e7;
	color: #546565 ! important;
	text-decoration: none;
	padding: 5px;
	line-height: normal;
	display: inline-block;
	clear: both;
}
#homepage-minibanner-text a:hover{
	text-decoration: underline;
}

#index_content{
	width: 750px;
	margin: 55px 0 0 0 ;
	padding: 20px;
	color: #5E5E5E;
	float: left;
	clear: both;
	position: relative;
}

#index_content_home{
	width: 750px;
	margin: 0 0 0 0 ;
	padding: 20px;
	color: #5E5E5E;
	float: left;
	clear: both;
	position: relative;
}

/*################################ PRODUCT GRIDS ###################################*/

#collection_blocks_home{
	width: 730px;
	float:left;
	clear: both;
	margin: 15px 0px 0px 0px;
	display: inline;
}

#collection_blocks{
	width: 730px;
	float:left;
	clear: both;
	margin: 15px 0px 0px 10px;
	display: inline;
}

.row{
	float: left;
	width: 730px;
	margin: 0px 0px 20px 0px;
	clear: both;
	overflow: display;
}

.collection_item{
	width: 122px;
	padding: 0;
	margin: 0px 30px 0px 0px;
	float: left;
	position: relative;
}

.onsale{
	background-image: url(../images/template/sale-category.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 49px;
	height: 49px;
	margin: 0px;
	padding: 0px;
}

.collection_item_last{
	margin: 0px;
}

.collection_item_image{
	clear: both;
	width:122px;
	height:172px;
	background-image:url(../images/template/product-background-big.jpg);
	background-repeat:no-repeat;
	margin-bottom: 6px;
}

.collection_item_image img{
	margin: 10px;
}

.collection_item_name{
	clear: both;
}

.collection_item_name a, .collection_item_name a:visited, .collection_item_name a:active{
	text-decoration:none;
	color: #666666;
	padding: 5px;
	line-height: normal;
	display: inline-block;
}

.collection_item_name a:hover{
	text-decoration: underline;
	color: #666666;
}

.collection_product_name{
	clear: both;
}

.collection_product_name a, .collection_product_name avisited, .collection_product_name a:active{
	text-decoration:none;
	line-height: normal;
	font-weight: bold;
	color: #666666;
}

.collection_product_name a:hover{
		text-decoration: underline;
	color: #666666;
}

.price_lighter{
 font-weight: normal;
}
/*################################# INDEX END ###########################*/




/*################################# COLLECTION ###############################*/
#collection_content{
	width: 750px;
	margin: 10px 0 0 0 ;
	padding: 20px;
	float: left;
	clear: both;
	position: relative;
}
/*################################# COLLECTION  END###############################*/


/*################################# PRODUCT ###############################*/
#product_content{
	width: 750px;
	margin: 0px 0 0 0 ;
	padding: 0px 20px 30px 0px;
	float: left;
	clear: both;
	position: relative;
	text-align: right;
}

#prod_info_scroller{
	float: left;
	clear: both;
	width: 320px;
	height: 170px;
	padding-right: 10px;
	margin-bottom: 15px;
	overflow: auto;
}

#prod_price{
	clear: both;
	width: 320px;
	margin-bottom: 15px;
	overflow: auto;
}

#buyform{
	width: 330px;
	clear: both;
	margin: 0px;
	padding: 20px 0px 0px 0px;;
	border-top: 1px dashed #999999;
}

#buyform a{
	color: #666666;
	text-decoration: none;
}

.atb_form_row{
	width: 330px;
	clear: both;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}
.atb_form_row label{
	float: left;
	font-weight: bold;
	width: 60px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	overflow: display;
}

#add_to_basket input{
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

#add_to_basket select option{
	padding-right: 5px;
}
/*################################# PRODUCT  END###############################*/



/*################################# BASKET ###############################*/
#basket_content{
	width: 750px;
	margin: 10px 0px 0px 0px ;
	padding: 20px 30px;
	float: left;
	clear: both;
	position: relative;
}

.basket_header{
	width: 730px;
	clear: both;
	padding: 0px;
	margin:  0px;
	font-size: 12px;
	font-weight: bold;
}

.basket_header_image{
	float: left;
	width: 80px;
	margin: 0px;
	padding: 0px;
}
.basket_header_name{
	float: left;
	width: 400px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

.basket_header_quantity{
	float: left;
	width: 80px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}
.basket_header_total{
	float: left;
	width: 80px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

.basket_row{
	width: 710px;
	height: 102px;
	clear: both;
	padding: 10px;
	margin:  0px 0px 5px 0px;
	background-image: url(../images/template/basket_row2.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	overflow: hidden;
}

.basket_row_image{
	float: left;
	width: 70px;
	height: 82px;
	margin: 0px;
	padding: 0px;
}
.basket_row_name{
	float: left;
	width: 400px;
	height: 82px;
	margin: 0px 0px 0px 20px;
	padding: 10px 0px 0px 0px;
}

.basket_row_quantity{
	float: left;
	width: 80px;
	height: 82px;
	margin: 0px 0px 0px 20px;
	padding: 10px 0px 0px 0px;
}
.basket_row_total{
	float: left;
	width: 80px;
	height: 82px;
	margin: 0px 0px 0px 20px;
	padding: 10px 0px 0px 0px;
}



.basket_subtotal{	
	width: 248px;
	float: right;
	clear: both;
	padding: 10px;
	margin-right:  20px;
	margin-bottom: 17px;
	background-color: #DDDDCE;
	font-size: 12px;
	font-weight: bold;
	display: inline;
}
.basket_subtotal_items{
	float: left;
	width: 138px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
.basket_subtotal_cost{
	float: left;
	width: 80px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

.basket_buttons{
	width: 730px;
	clear: both;
	padding: 0px;
	margin:  0px;
	text-align: right;
}

.basket_buttons input, .basket_buttons img{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}



/*################################# BASKET  END###############################*/


/*################################# CHECKOUT###############################*/

#checkout{
	width: 730px;
	margin: 0px;
	padding: 0px;
}
	
#checkout h2{
	color: #546565 ! important;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	padding: 0px 0px 3px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #546565
}

.basket_content_table{
	clear: both;
	margin-bottom: 30px;
}

.basket_content_table td{
	text-align: left;
	v-align: top;
	padding-right: 10px;
}

#checkout_buttons{
	width: 730px;
	float: left;
	clear: both;
	padding: 0px;
	margin:  -20px 0px 0px 0px;
	text-align: right;
}

#checkout_buttons input{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

.error_box{
	width: 730px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	clear: both;
	background-color: #ffff66;
}
.error_box p{
	font-color: #0000000;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 10px 20px;
}
.error_box ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 20px 20px;
}

.error_box_small{
	width: 690px;
	margin: 10px 0px 10px 0px;
	padding: 20px;
	clear: both;
	background-color: #ffff66;
}

/*################################# CONFIRM ###############################*/

.confirm_content_table{
	clear: both;
	margin-bottom: 10px;
	width: 600px;
	border-collapse: collapse;
	border; 0;
}

.confirm_content_table td{
	text-align: left;
	v-align: top;
	padding-right: 20px;
}

#basket_content h1{
	width: 730px;
	color: #546565 ! important;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	text-transform: uppercase;
	padding: 0px 0px 5px 0px;
	margin: 30px 0px 20px 0px;
	border-bottom: 1px solid #546565;
}

.confirm_edit{
	font-size: 14px;
	text-decoration: none;
	text-transform: lowercase;
}

.confirm_content_table h2{
	color: #546565 ! important;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	padding: 0px 0px 3px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #546565;
}

.confirm_summary_table{
	clear: both;
	margin-bottom: 30px;
	width: 730px;
	border-collapse: collapse;
	border: 0;
}

.confirm_summary_table td{
	text-align: left;
	v-align: top;
	padding: 5px 20px 5px 0px;
}

.confirm_summary_table th{
	text-align: left;
	v-align: top;
	padding: 5px 0px 5px 0px;
}

.confirm_summary_table h2{
	color: #546565 ! important;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	padding: 0px 0px 3px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #546565;
}


/*################################# BASKET ###############################*/
#generic_content{
	width: 730px;
	margin: 0px 0px 0px 0px ;
	padding: 20px 30px;
	float: left;
	clear: both;
	position: relative;
}

#generic_content_text{
	width: 500px;
	margin: 0px ;
	padding: 0px;
	float: left;
}

#generic_content h1{
	width: 730px;
	color: #546565 ! important;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	padding: 0px 0px 5px 0px;
	margin: 10px 0px 20px 0px;
	border-bottom: 1px solid #546565;
}

#generic_content h2{
	color: #546565 ! important;
	margin: 20px 0px 10px 0px;
	font-weight: normal;
	font-size:14px;
}


/*################################# TELL A FRIEND / CONTACT ###############################*/
.contact{
	margin: 10px 0px;
	padding: 0px;
	border-collapse: collapse;
}

.contact td{
	padding: 5px 0px;
}

.leftcol2{
	width: 130px;
	font-weight: bold;
}


.sitemap_inline_list{
	width: 700px;
}

.sitemap_inline_list li{
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 15px 0px 0px;
	list-style: none;
	line-height: 22px;
}

/*########################################## NEWS STUFF #######################################*/
.news_article_row{
	float: left;
	width: 730px;
	margin: 0px 0px 20px 0px;
	clear: both;
	overflow: display;
}

.news_article_item_left{
	width: 350px;
	padding: 0;
	margin: 0px 30px 0px 0px;
	float: left;
}
.news_article_item_right{
	width: 350px;
	padding: 0;
	margin: 0px;
	float: left;
}

.news_article_image{
	float: left;
	width:122px;
	height:172px;
	background-image:url(../images/template/product-background-big.jpg);
	background-repeat:no-repeat;
	margin: 0px 0px 6px 0px;
}
.news_article_image img{
	margin: 10px;
}

.news_article_info{
	float: right;
	width: 220px;
}

.news_article_info h2{
	padding: 0px;
	margin: 0px;
	color: #666666;
}

.news_article_info p{
	margin: 10px 0px 0px 0px;
}

p.newsw_article_date{
	padding: 0px;
	margin: 0px 0px 0px 0px;
	color: #999999;
	font-style: italic;
}

.news_pagination{
	clear: both;
	margin-top: 10px;
	width: 730px;
	padding: 0px;
	font-size: 14px;
	text-align: right;
}

.pageon{
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}

/*################################# PRODUCT ###############################*/
#news_content{
	width: 750px;
	margin: 0px 0 0 0 ;
	padding: 0px 20px 30px 0px;
	float: left;
	clear: both;
	position: relative;
	text-align: right;
}

#news_info_scroller{
	float: left;
	clear: both;
	width: 380px;
	height: 350px;
	padding-right: 10px;
	margin-bottom: 15px;
	overflow: auto;
}

/*################################# PRODUCT  END###############################*/