@charset "utf-8";

/* CSS Document */



/*******************************************************************************

 'ZEROING' OF BASIC HTML TAGS

 *******************************************************************************/



html, body {

	color:#333333;

	background-color:#FFFFFF;

	background-image: url(../images/color_bg.jpg);

	background-repeat:repeat-x;

	background-position:left top;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	margin:0;

	padding:0;

	text-align:center /* for centralised layouts only */

}



td, p {

	color:#333333;

}



/* reset margins and paddings */

div, p, ul, form {

	padding:0px;

	margin:0px;

}



img {

	border:none;

}



/*******************************************************************************

FORM ELEMENTS

 *******************************************************************************/



input, textarea, select {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

}



.compulsory {

	color:#FF0000;

}



/*******************************************************************************



 START OF LAYOUT INFORMATION - BASIC WEBSITE DIVISIONS



 *******************************************************************************/



#container {

	margin: 0 auto; /* for centralised layouts only */

	width: 980px;

}



/*******************************************************************************

 HEADER AREA

 *******************************************************************************/



#header {

	background-image:url(../images/masthead_bg.jpg);

	background-position:top center;

	background-repeat:no-repeat;

}



#masthead {

	text-align:left;

	margin-top:5px;

	margin-bottom:5px;

	margin-left:20px;

}



#navigation {

	text-align: left;

	height:30px;



	margin-left:15px;



}



#banner {

	height:180px;

}







/*******************************************************************************

 MAIN CONTENT AREA

 *******************************************************************************/



#body_background {

	padding-top:20px;

	padding-bottom:30px;





}



#body_canvas {

}



#body_base {

	clear:both;

}



/*******************************************************************************

 MAIN CONTENT AREA - CONTENT PANEL

 *******************************************************************************/



#content_panel {

	float:left;

	width:590px;

	margin-left:20px;

}



	#content_panel_textbox {

		text-align:left;

		color:#3e3e3e;

	}

	

	#content_panel_textbox h1{

		font-size:16px;

		color:#fa7d00;

		font-weight:bold;

		margin-bottom:18px;

		font-family:Arial, Helvetica, sans-serif;

	}

	

	#content_panel_textbox h2{

		font-family:Arial, Helvetica, sans-serif;

		font-size:14px;

		margin-bottom:16px;

		color:#becd14;

		font-weight:bold;

	}

	

	#content_panel_textbox h3{

		font-family:Arial, Helvetica, sans-serif;

		font-size:13px;

		color:#3C3C3C;;

		font-weight:bold;

		margin-bottom:14px;

	}

	

	#content_panel_textbox p{

		font-size:11px;

		color:#3C3C3C;

		margin-top:5px;

		margin-bottom:14px;

		line-height:15px;

	}

	

	#content_panel_textbox ol,ul{

		margin:0;

		padding:0;

		margin-left:15px;

		padding-left:15px;

	}
	
	#content_panel_textbox ol ul{
	margin-top:8px;
}

	

	#content_panel_textbox li{

		margin-bottom:8px;

		}

	

	#content_panel_textbox a{

		color:#FA7D00;

		text-decoration:none;

	}

	

	#content_panel_textbox a:hover{

		text-decoration:underline;

	}

	

	#pageheader{

	margin-bottom:20px;

	}

	

	.p_pic{

	float:left;

	margin-right:50px;

	}

	

	.p_pic-last{

	float:left;

	}



#breadcrumb {

	color:#767676;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	padding-bottom:10px;

}



div.browse{

clear:both;

text-align:right;

margin-top:10px;

margin-bottom:10px;

padding-right:10px;

	}

	

/*******************************************************************************

 MAIN CONTENT AREA COMPONENT - OFFER LISTING

 *******************************************************************************/	

/* OFFER THUMBNAILS */



.offer_listing_box {

	float:left;

	margin-right:10px;

	margin-bottom:10px;

	border:1px solid #ffd6ae;

	padding:10px;

	padding-right:10px;

	width:263px;
	height:110px;

}



.offer_listing_box .offer_image {

	float:left;

	border:1px solid #dedede;

	margin-right:5px;

}



.offer_listing_box .offer_title {	

	font-weight:bold;

	font-size:14px;

	font-family:Arial, Helvetica, sans-serif;

	margin-left:107px;

	color:#3c3c3c

}



#content_panel_textbox .offer_listing_box .offer_title a{	

	color:#3c3c3c;

	text-decoration:none;

}



#content_panel_textbox .offer_listing_box .offer_title a:hover{	

	color:#fa7d00;

	text-decoration:underline;

}



.offer_listing_box .offer_description {

	margin-top:10px;

	margin-left: 110px;

	min-height:50px;

	_height:50px;

}



.offer_listing_box .action {

	text-align:right;

	margin-top:5px;

}



#content_panel_textbox .offer_listing_box .action a{	

	color:#fa7d00;

	text-decoration:none;

}



#content_panel_textbox .offer_listing_box .action a:hover{	

	font-weight:bold;

}



#offer_listing th {

	background-image:url(../images/offer_listing_header_bg.jpg);

	background-repeat:repeat;
	
	/*min-height:25px;
	
	_height:25px;*/
	height:25px;

	border-left: 1px solid #effcb6;

	border-right: 1px solid #c0d561;

	padding:5;
}



#offer_listing td {

	border-bottom:1px solid #c0d563;

	padding:3px;

	color:#454545;

}



#offer_listing td #main_image{

border:1px solid #C0D563;

}



#offer_listing td.col_1 {

	background-color:#FFFFDB;

	padding:8px;

}



#offer_listing td.col_2 {

	background-color:#F5F5C6;

	padding:8px;

}



#offer_listing #title a {

	font-weight:bold;

	text-decoration:underline;

}



#offer_listing #supplier {

	font-size:10px;

	font-style:italic;

}



#offer_listing #description {

	margin-top:10px;

}



#offer_listing #related_offers {

	margin-top:15px;

	font-size:10px;

}



/*******************************************************************************

 MAIN CONTENT AREA COMPONENT - PAGINATION

 *******************************************************************************/	



div#pagination {

	margin-top:25px;

	font-size:10px;

} 



/*******************************************************************************

 MAIN CONTENT AREA COMPONENT - OFFER DETAILS

 *******************************************************************************/	

 

#offer_details {

	border:1px solid #CCCCCC;

	margin-top:10px;

}

 

#offer_details #information th {

	background-image:url(../images/offer_listing_header_bg.jpg);

	background-repeat:repeat;

	height:25px;

	color:#333333;

} 



#offer_details #information th h2 {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight:bold;

	color:#333333;

	margin-left:10px;

	margin-bottom:0;

}



#offer_details #information td {

	padding:3px;

	padding-left:10px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight:normal;

	color:#333333;

}



#offer_details .CollapsiblePanelTab {

	background-image:url(../images/offer_details_header_bg.jpg);

	background-repeat:repeat-x;

	height:25px;

	border:0px;

	padding:0px;

	padding-top:5px;

	margin-top:3px;

}



#offer_details .CollapsiblePanelTab h2 {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight:bold;

	color:#333333;

	margin:0px;

	margin-left:10px;

}



#offer_details td.col_1 {

	background-color:#f0f9ff;

}



#offer_details td.col_2 {

	background-color:#f0f9ff;

}



#offer_details td {

	padding:3px;

}



#offer_details #item_options .description {

	margin-top:10px;

}



#offer_details #item_options .image {

	padding:5px;

}



#offer_details .buying_grid th {

	text-align:left;

	color:#666666;

	padding:3px;

	padding-left:10px;

	border-bottom:1px solid #CCCCCC;

}



#offer_details .buying_grid td {

	border-bottom:1px solid #CCCCCC;

	padding:3px;

	padding-left:10px;

}





/*******************************************************************************

 MAIN CONTENT AREA COMPONENT - PRODUCT LISTING

 *******************************************************************************/

 

 div#title{

 font-size:12px;

 color:#000000;

 }

 

 div#title a{

 color:#000000;

 text-decoration:none;

 }

 

 div#title a:hover{

 color:#FA7D00;

 }



/*******************************************************************************

 MAIN CONTENT AREA - LEFT PANEL

 *******************************************************************************/



#left_panel {

	float:left;

	width:170px;

}



div.leftbox_top{

	background:url(../images/leftbox_top.jpg);

	height:15px;

	background-repeat:no-repeat;

}



div.leftbox_middle{

	padding-left:15px;

	padding-right:15px;

	padding-bottom:10px;

	background:#3c3c3c;

}



div.leftbox_base{

	background:url(../images/leftbox_base.jpg);

	height:15px;

	background-repeat:no-repeat;

}



#searchbar{

	display:none;

	text-align:left;

	margin-bottom:10px;

}



#searchbar .heading{

	margin-bottom:10px;

}



#promotion{

	text-align:left;

}



#product_categories {

	text-align:left;

	margin-bottom:10px;

}



#product_categories .heading {

	margin-bottom:10px;



	}



#product_categories .text{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#FFFFFF;

	font-size:11px;

}

	

	#product_categories .text ul{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#FFFFFF;

	font-size:11px;

	list-style:none;

	margin:0;

	padding:0;

/*	margin-top:5px;*/

	}

	

	#product_categories .text li{

	color:#ffffff;

	margin-top:5px;

	margin-bottom:8px;

	}



	#product_categories .text a{

	color:#FFFFFF;

	text-decoration:none;

	}



	#product_categories .text a:hover{

	color:#fa7d00;

	}

	



/*******************************************************************************

 MAIN CONTENT AREA - RIGHT PANEL

 *******************************************************************************/



#right_panel {

	float:right;

	width:180px;

	text-align:left;

}



#right_panel_textbox{

	}



#member_login{

margin-bottom:

}



#member_login .heading,

#supplier_login .heading{

	margin-bottom:10px;

}



#supplier_login{

padding-top:10px;

background-color:#fff;

}



.rightbox_top{

	background:url(../images/rightbox_top.jpg);

	background-repeat:no-repeat;

	height:20px;

}



.rightbox_middle{

	background:#e6e6e6;

	padding-left:20px;

	padding-right:20px;

}

	

	.rightbox_middle td{

	padding-bottom:3px;

	}

	

	.rightbox_middle input#login{

	margin-top:5px;

	}



.rightbox_base{

	background:url(../images/rightbox_base.jpg);

	background-repeat:no-repeat;

	height:20px;

}



/*BOTTOM NAVIGATION*/

#bottom_navi{

	clear:both;

	margin-top:10px;

	margin-bottom:10px;

}



#bottom_navi_textbox{

	text-align:center;

	font-size:10px;

}



#bottom_navi_textbox ul{

list-style:none;

}



#bottom_navi_textbox li{

display:inline;

padding-left:8px;

padding-right:8px;

border-right:1px solid #3c3c3c;

}



#bottom_navi_textbox a{

	color:#fa7d00;

	text-decoration:none;

}



#bottom_navi_textbox a:hover{

	text-decoration:underline;

}





/*END OF BOTTOM NAVIGATION*/



/*******************************************************************************

 FOOTER AREA

 *******************************************************************************/



#footer {

	clear:both;

	/*

	background-image: url(../images/footer_bg.jpg);

	background-repeat:no-repeat;

	height:42px;

	*/

	border-top: 1px solid #FF9900;

}



#footer_text {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:9px;

	text-align:right;

	color:#FF9900;

	margin-top:5px;

	margin-right:15px;

	margin-bottom:20px;

}



div.technical_notes{

	display:none;

}



/*****OTHER STYLES*****/



#offer_details .CollapsiblePanelClosed .CollapsiblePanelTab{

background-image:url(../images/offer_details_qa_header_bg.jpg);

background-position:right;

background-repeat:no-repeat;

border:0 none;

height:25px;

margin-top:3px;

padding:5px 0 0;

}



#offer_details .CollapsiblePanelOpen .CollapsiblePanelTab{

background-image:url(../images/offer_details_qa_header_bg2.jpg);

background-position:right;

background-repeat:no-repeat;

border:0 none;

height:25px;

margin-top:3px;

padding:5px 0 0;

}



#offer_details .CollapsiblePanelClosed .qa{

background-image:url(../images/offer_details_qa_header_bg.jpg);

background-position:right;

background-repeat:no-repeat;

border:0 none;

height:25px;

margin-top:3px;

padding:5px 0 0;

}



#offer_details .CollapsiblePanelOpen .qa{

background-image:url(../images/offer_details_qa_header_bg2.jpg);

background-position:right;

background-repeat:no-repeat;

border:0 none;

height:25px;

margin-top:3px;

padding:5px 0 0;

}



#offer_details div.image {

width:85px;

}



#offer_details div.image img{

border:1px solid #DEDEDE;

margin-bottom:5px;

}



#offer_details .CollapsiblePanel table td{

/*border-bottom:1px solid #DEDEDE;*/

padding:3px 8px;

}



#offer_details #CollapsiblePanel2 table td{

padding:8px;

border-bottom:0;

}



#content_panel_textbox table.tc{

border-bottom:1px solid #DEDEDE;

border-left:1px solid #DEDEDE;

margin-bottom:10px;



}



#content_panel_textbox table.tc td{

border-top:1px solid #DEDEDE;

border-right:1px solid #DEDEDE;

padding-left:5px;

padding-right:5px;

}



a.special {

color: #3C3C3C;

text-decoration:none;

}

table#tableDelivery td h3{
margin-bottom:0;
}

#content_panel_textbox table th.col_1 h3{
margin-bottom:0;
}

#content_panel_textbox div#bulk_offers table p {
	margin-bottom:5px;
}

div.err_msg {
margin-top:-5px;
margin-bottom:10px;
}

table#faqs {
	border:none;
}

table#faqs td {
	border:none;
	vertical-align:top;
	padding:5px;
}

table#faqs h2 {
	margin-top:20px;
	margin-bottom:5px;
}

div.referral {
	margin-top:25px;
}

div.front_announcememt{
	display:none;
	margin-bottom:15px;
}

div.cap{
	background-image:url(../images/news_cap.jpg);
	background-repeat:no-repeat;
	background-repeat:repeat-y;
	background-position:top;
	height:20px;
}

div.ann_contenter{
	background-image:url(../images/news_body.jpg);
	background-repeat:repeat-y;
	background-position:top;
}

div.base{
	background-image:url(../images/news_base.jpg);
	background-repeat:repeat-y;
	background-position:top;
	height:20px;
}

div.ann_title{
	padding-left:10px;
}

div.ann_contenter div.content{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:15px;
}