@charset "utf-8";
/* CSS Document */

/*-----------GENERAL------------*/
* { margin:0; padding:0;}
img,a { margin:0; padding:0; border:0}

.bold { font-weight:bold;}
.red { color:#b53b45;}
.redbold { color:#b53b45; font-weight: bold;}

.marleft15 { margin-left:15px;}
.marright15 { margin-left:15px;}
.martopbtm10 { margin:10px 0;}
.martopbtm17 { margin:17px 0;}

.bold564238 { color:#564238; font-weight:bold;}
.boldab4e4e { color:#ab4e4e; font-weight:bold;}

.article { margin:15px 0;}

div.text { line-height:1.4em;}

body {font: normal 9pt "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#393939; background:url('../images/body_bgrd.jpg') top left repeat; line-height:1em}

/*-----------CONTENT HOLDER------------*/
#holder { width:972px; margin:auto; margin-top:15px;}

/*-----------HEADER------------*/
#header { background:url('../images/header_bgrd.png') top left no-repeat; width:972px; height:116px; margin:0; padding:0;}
	#home { width:964px; height:104px; text-indent:-5000px; margin:6px 4px; padding:0; cursor:pointer;}

/*-----------MAIN------------*/
#main { width:972px; margin:0; padding:0;}

/* menu css on menu.css */

#container_top { width:972px; height:6px; margin:0; padding:0;}
#container { background:url(../images/container_bgrd.png) top left repeat-y; width:972px; margin:0; padding:0;}
#container_btm { background:url(../images/container_bgrd_btm.png) top left no-repeat; width:972px; height:16px; margin:0; padding:0;}

	/*-----------HOME PAGE------------*/
	
	#inner_container { width:962px; margin:0 5px; padding:10px 0 0 0;}

	#stock_left { float:left; width:106px; overflow:hidden; margin:0 0 0 0; padding:0 0 0 0; text-align:center; color:#b53b45; }
		#stock_left img {}
	
	#home_content { float:left; width:750px; margin:0; padding:0;}
		#home_img_container { width:750px; margin:0; padding:0;}
			#home_img_left { float: left; width:369px; margin:0; padding:0;}
			#home_img_right { float:left; width:369px; margin:0 0 0 12px; padding:0;}
	
	#stock_right { float:left; width:106px; overflow:hidden; margin:0 0 0 0; padding:0 0 0 0; text-align:center; color:#b53b45;}
		#stock_right img {}
		
	#prenews { margin:0; padding:0; border:1px solid #ccc;}
	
	#welcome { margin:0; padding:0 3px;}
		#welcome_img { text-align:center; margin:10px 0 0 0; padding:0;}

		
	/*---------END OF HOME PAGE-----------*/
		
	/*-----------CATEGORY PAGE------------*/
	
	#page_content img { float:right; margin:0 0 15px 25px; padding:3px; border:1px solid #999; clear:both;}
	
	#category_inner_container, #subcategory_inner_container { width:918px; margin:0 5px; padding:0 22px 15px 22px; }

	#stock_top { width:918px; margin:0; padding:10px 0; color:#b53b45; border-bottom:1px solid #aeaba8; }
		#stock_top_left { float:left; margin:0; padding:0;}
		#stock_top_right { float:left; margin:0; padding:0;}
			#stock_top_right img { float:left; margin-left:10px;}
	
	.category_item {}
		.category_item img { float:right; margin:22px 0 15px 15px; padding:5px; border:1px solid #d2d1cf;}
		
	/*---------END OF CATEGORY PAGE-----------*/
		
	/*-----------SUB CATEGORY PAGE------------*/
	
	.subcategory_item_holder { overflow:hidden; width:918px; margin:0; padding:0; }
		.subcategory_item { float:left; width:450px; margin:0 9px 0 0; padding:0;}
			.subcategory_item img { float:right; margin:0 0 8px 8px; padding:3px; border:1px solid #d2d1cf;}
	
	/*---------END OF CATEGORY PAGE-----------*/
	
	/*-----------PRODUCT DETAIL PAGE------------*/
	
	#product_detail { width:918px; margin:0; padding:0;}
		#product_description { float:left; width:518px; margin:0; padding:0;}
		
		#product_images {float:left; width:388px; margin:0 0 0 12px; padding:0;}
			#loadarea { float:right; width:376px; margin: 10px 0 0 0; padding:5px; border:1px solid #d2d1cf;}
			#others { margin:0; padding:0;}
			.other_image { float: left;}	
			.other_image img { display: inline; border:1px solid #d2d1cf; padding:2px; margin:0 3px;}
	
	/*---------END OF PRODUCT DETAIL PAGE-----------*/
		
		
/*-----------CONTACT DEETS------------*/
/* normal version */
.shop_message{width:928px; margin:5px auto;padding:10px 5px; font-size:13px;background:#605f5f; font-weight:bold; color:white; text-align:center;}
	.shop_message .coloured{color:#ffff00; }
	.shop_message a, .shop_message a:link, .shop_message a:visited{color:#ffff00; text-decoration:underline;}
	.shop_message a:hover, .shop_message a:active{color:#fff; text-decoration:none;}
	
/* xmas version 
.shop_message{width:928px; margin:5px auto;padding:10px 5px; font-size:13px;background:#981f2e; font-weight:bold; color:#cab98d; text-align:center;}
	.shop_message .coloured{color:#fff; }
	.shop_message a, .shop_message a:link, .shop_message a:visited{color:#fff; text-decoration:underline;}
	.shop_message a:hover, .shop_message a:active{color:#cab98d; text-decoration:none;}
*/
#contact_deets { width:934px; margin:0 9px; padding:10px 10px 0 10px;}
	#phone { float:left; width:250px; margin:0; padding:0; font-size:8pt;}
		#phone img { float:left; margin:0 10px 5px 0; padding:0;}
		#phone p { margin-top: 8px;font-size:14px; }
	#email { float:left; width:310px; margin:0; padding:0; font-size:8pt;}
		#email img { float:left; margin:0 10px 5px 0; padding:0;}
		#email .two { font-style:italic;}
		#email p {margin-top: 5px; font-size:12px; }
	#address { float:left; width:370px; margin:5px 0 0 0; padding:0; font-size:8pt; text-align:right}
			


/*-----------FOOTER------------*/
#footer { height:20px; margin: 10px auto; padding: 0 4px 10px; width:944px; font: normal 8pt "Lucida Sans Unicode", "Lucida Grande", sans-serif}

	#footer_copyright { float:left; width:340px; margin:0; padding:0;}
		#footer_copyright a { color:#565656; text-decoration:none; margin:0; padding:0;}
		#footer_copyright a:hover { text-decoration:underline;}

	#footer_menu { float:left; text-align:right; width:600px; margin:0; padding:0;}
		#footer_menu a { color:#565656; text-decoration:none; margin:0; padding:0 6px;}
		#footer_menu a:hover { text-decoration:underline;}
		
#footer-outer{width:900px; margin:0 auto 10px auto; font-size:11px; color:#666;}

/*-----------FONT------------*/
h1, #welcome h1 { margin:0 0 10px 0; padding:0; font:normal 14pt "Myriad Pro";}
#page_content h1, #category_intro h1, #subcategory_intro h1 { margin:10px 0 0 0; padding:0; font:normal 14pt "Myriad Pro";}
#breadcrumbs h1 { width:918px; margin:10px 0 0 0; padding:0 0 10px 0; font:normal 14pt "Myriad Pro"; border-bottom:1px solid #d2d1cf;}

h2 {margin:0; padding:0;}
.category_item h2 { width:630px; font:normal 12pt "Myriad Pro"; margin:10px 0; padding:0 0 3px 0; border-bottom:1px solid #d2d1cf;}
.subcategory_item h2 { width:257px; font:normal 12pt "Myriad Pro"; margin:0; padding:0 0 3px 0; border-bottom:1px solid #d2d1cf;}
#product_description h2 { font:normal 12pt "Myriad Pro"; margin:10px 0 0 0; padding:0; }
.article h2  { width:918px; font:normal 12pt "Myriad Pro"; margin:0; padding:0 0 3px 0; border-bottom:1px solid #d2d1cf;}

h3 {margin:0; padding:0;}
h4 {margin:0; padding:0;}
h5 {margin:0; padding:0;}
h6 {margin:0; padding:0;}

p {}
#prenews p { background-color:#f3efdf; margin:0; padding:10px 3px;}
#welcome p { line-height:1.4em; margin:5px 0; padding:0;}
#home_img_left p, #home_img_right p { text-align:center; margin:0; padding:7px 0; font:normal 14pt "Myriad Pro"; background-color:#bcb6a5;}
#category_intro p, .category_item p { margin:10px 0 0 0; padding:0;}
#subcategory_intro p, .subcategory_item p { margin:10px 0 0 0; padding:0; line-height:1.4em}
#product_description p { margin:10px 0 0 0; padding:0;}
#page_content p { margin:15px 0 0 0; padding:0;}
.article p { margin: 15px 0 }

/*-----------BUTTONS------------*/
/*
.btn_view { float:right; background:url('../images/btn_view.gif') top left no-repeat; width:174px; height:25px; margin:10px 0 0 0; padding:6px 0 0 12px; font:normal 10pt "Myriad Pro"; }
.btn_viewdetails { float:right; background:url('../images/btn_viewdetails.gif') top left no-repeat; width:169px; height:21px; margin:10px 0 0 0; padding:2px 0 0 9px; font:normal 10pt "Myriad Pro"; }
.btn_enquire { float:left; background:url('../images/btn_viewdetails.gif') top left no-repeat; width:169px; height:21px; margin:10px 0 0 0; padding:2px 0 0 9px; font:normal 10pt "Myriad Pro"; }
*/

.btn_view{margin:15px 0 0 0;}
	.btn_view_start, .btn_view_middle, .btn_view_end{ float: left; height:23px;}
	.btn_view_start {background:url('../images/btn_view_start.gif') top left no-repeat; width:9px;}
	.btn_view_middle {padding:5px 7px 5px 5px; background:url('../images/btn_view_middle.gif') top left repeat-x;}
	.btn_view_end {background:url('../images/btn_view_end.gif') top right no-repeat; width:26px;}
		.btn_view a, .btn_view a:link, .btn_view a:visited{color:#fff; text-decoration:none;}
		.btn_view a:hover, .btn_view a:active{color:#fcf6b6; text-decoration:underline;}


/*-----------LISTS------------*/
ul { }
#spec { margin:10px 0 15px 30px;}

li {}
#spec li { margin:5px 0; padding:0;}

/*-----------LINKOLOGY------------*/

a { text-decoration:none; color:#b53b45; }
a:link { text-decoration:none; color:#b53b45;}
a:visited { text-decoration:none; color:#b53b45;}
a:hover { text-decoration:underline; color:#b53b45;}
a:active { text-decoration:none; color:#b53b45;}

#breadcrumbs h1 a { text-decoration:none; color:#393939; }
#breadcrumbs h1 a:link { text-decoration:none; color:#393939;}
#breadcrumbs h1 a:visited { text-decoration:none; color:#393939;}
#breadcrumbs h1 a:hover { text-decoration:underline; color:#393939;}
#breadcrumbs h1 a:active { text-decoration:none; color:#393939;}

.btn_view a, .btn_viewdetails a, .btn_enquire a  { text-decoration:none; color:#ffffff; }
.btn_view a:link, .btn_viewdetails a:link, .btn_enquire a:link  { text-decoration:none; color:#ffffff;}
.btn_view a:visited, .btn_viewdetails a:visited, .btn_enquire a:visited { text-decoration:none; color:#ffffff;}
.btn_view a:hover, .btn_viewdetails a:hover, .btn_enquire a:hover { text-decoration:none; color:#d2d1cf;}
.btn_view a:active, .btn_viewdetails a:active, .btn_enquire a:active { text-decoration:none; color:#ffffff;}

#email a { text-decoration:none; color:#4a366b;  }
#email a:link { text-decoration:none; color:#4a366b;  }
#email a:visited { text-decoration:none; color:#4a366b;  }
#email a:hover { text-decoration:underline; color:#4a366b;  }
#email a:active { text-decoration:none; color:#4a366b; }

.collection a { text-decoration:none; color:#828080;  }
.collection a:link { text-decoration:none; color:#828080;  }
.collection a:visited { text-decoration:none; color:#828080;  }
.collection a:hover { text-decoration:underline; color:#828080;  }
.collection a:active { text-decoration:none; color:#828080; }

#links a { text-decoration:none; color:#828080;  }
#links a:link { text-decoration:none; color:#828080;  }
#links a:visited { text-decoration:none; color:#828080;  }
#links a:hover { text-decoration:underline; color:#828080;  }
#links a:active { text-decoration:none; color:#828080; }


/*---------CONTACT FORM---------------*/

#contact_form { margin:10px 0; padding:0; font:normal 9pt Verdana, Geneva, sans-serif;}
		#contact_form fieldset { margin:0; padding:10px;}
		#contact_form label { float:left; display:block; height:20px; width:100px; margin:0 0 0 15px; padding:10px 0 0 15px; text-align:left;}
		#contact_form input { width:250px; margin:6px 0; padding:3px;}
		#contact_form textarea { padding:3px; margin:6px 0; font:normal 9pt Verdana, Geneva, sans-serif; width:300px}

#contact_form input.button{
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin: 5px 0 0;
	padding: 0.4em 0.6em;
	cursor:pointer;
}


/*------------MESSAGES-------------*/

.message_box{
	border-style: solid;
	border-width: 1px;
	margin: 0.5em auto 1em auto;	
	padding: 0.75em;	
	width: 96%;	
	text-align: center;
	color: #000000;
}

.red_message_box{
	border-color: #FF0000;
	background: #FFB0B0;
}

.green_message_box{
	border-color: #235C34;
	background: #B8F5B1;
}

.blue_message_box{
	border-color: #0000FF;
	background: #99CCFF;
}

.short_message_box{
	width: 90%;
}

