body{
	margin:	0;
	font-family:	Verdana, sans-serif;
	font-size:	11px;
	color:	#000;
	background:	#FFF;
	text-align:	center;
	}

/*__________________________ block positions*/
#container, #container_no_content_rule{
	width:	1175px;
	margin:	0 auto 0 auto;
	text-align:	left;
	background:	url(img/container_bg.gif) left top repeat-y;
	}
	#container_no_content_rule{
		background:	url(img/container_bg_no_content_rule.gif) left top repeat-y !important;
		}
#head{
	height:	117px;
	background:	url(img/head_bg.gif) left top no-repeat;
	}
#logo{
	width:	230px;
	height:	90px;
	float:	left;
	}
	#logo span{
		display:	none;
		}
#menu{
	width:	895px;
	margin:	59px 0 0 50px;
	float:	left;
	position:	relative;
	z-index:	15;
	}
	/*first level triggers*/
	#menu a, #menu span{
		color:	#F4F4F4 !important;
		display:	block;
		font-size:	12px;
		margin:	0 10px 0 0;
		float:	left;
		}
	#menu a:hover, #menu a.selected, .islink:hover{
		color:	#FFF !important;
		cursor:	pointer;
		}
	/*sub menus*/
	.dd, .sub_dd{
		display:	none;
		position:	absolute;
		margin:	18px 0 0 0;
		*margin:	19px 0 0 0;
		background:	url(img/dd_bg.gif);
		padding:	5px 0 10px 10px;
		width:	190px;
		-moz-box-shadow: 1px 1px 4px #000;
		-webkit-box-shadow: 1px 1px 4px #000;
		box-shadow: 1px 1px 4px #666;

		}
	.sub_dd{
		background:	url(img/sub_dd_bg.gif) !important;
		margin:	-17px 0 0 190px !important;
		*margin:	-19px 0 0 190px !important;
		}
		/*cause sub links and second level triggers to stack*/
		#menu span div a, #menu span div span,  #menu span div span div a, #menu a div a{
			float:	none !important;
			}
#sidebar{
	width:	175px;
	float:	left;
	margin:	0 0 0 15px;
	_margin:	0 0 0 7px !important;
	padding:	0 0 0 15px;
	font-size:	10px;
	color:	#3C3C3C;
	}
#calendar, #contact, #subscribe, #search, #art_addicts{
	margin:	0 0 10px 0;
	padding:	0 0 5px 0;
	font-size:	10px;
	border-bottom:	#b3b5b8 solid 1px;
	}
	#art_addicts a{
		display:	block;
		background:	url(img/artaddicts_bg.gif) right top no-repeat;
		height:	170px;
		height:	60px;
		font-size:	14px;
		padding:	5px 0 0 0;
		}
	#subscribe input.text, #search input.text{
		display:	block;
		width:	93px;
		height:	14px;
		background:	url(img/input_text_bg.gif) left top;
		border:	0;
		margin:	5px 5px 0 0;
		padding:	3px !important;
		font-size:	10px;
		float:	left;
		}
	#subscribe .button, #search .button{
		width:	65px !important;
		float:	left;
		}
/*		
	#subscribe input.text, #search input.text{
		display:	block;
		width:	168px;
		height:	14px;
		background:	url(img/input_text_bg.gif) left top;
		border:	0;
		margin:	5px 5px 0 0;
		padding:	3px !important;
		font-size:	10px;
		}
*/
	#follow a{
		display:	block;
		height:	34px;
		background-position:	top left;
		background-repeat:	no-repeat;
		float:	left;
		}
	#follow a span{
		display:	none;
		}
	#twitter, #facebook{
		background-image:	url(img/twitter_bg.gif);
		width:	32px;
		padding:	0 9px 0 0;
		margin:	0 9px 0 0;
		border-right:	#b3b5b8 solid 1px;
		}
	#facebook{
		background-image:	url(img/facebook_bg.gif) !important;
		}
	#youtube{
		background-image:	url(img/youtube_bg.gif);
		width:	72px;
		}
#content{
	float:	right;
	width:	920px;
	padding:	0 14px 20px 15px;
	overflow:	hidden;
	}
#foot{
	clear:	both;
	margin:	10px 0 0 0;
	border-top:	#b3b5b8 solid 1px;
	padding:	10px 0 20px 0;
	background:	#FFF;
	text-align:	left;
	font-size:	10px;
	}
#screen_dimmer, #prompt, #images{
	background: url(img/screen_dimmer_bg.png);
	_background: none;
	display:	none;
	position:	fixed;
	top: 0;
	right:	0;
	bottom:	0;
	left:	0;
	z-index:	900;
	
	_position:	absolute;
	_top: expression(eval(document.body.scrollTop));
	_height:	100%;
	_width:	100%;
	}
#ajax_status, #the_prompt, #the_image{
	background:	#DDD;
	padding:	15px;
	font-size:	30px;
	font-weight:	bold;
	width:	300px;
	height:	100px;
	margin:	60px auto 0 auto;
	z-index:	1000;
	text-align:	center;
	overflow:	auto;
	}
#the_prompt, #the_image{
	display:	block !important;
	z-index:	950 !important;
	}
	#the_image{
		font-size:	12px;
		}
	#the_image h5{
		height:	15px;
		margin:	0 0 5px 0;
		}
		#the_image img{
			margin:	auto;
			text-align:	center;
			}
		
/*__________________________ end block positions*/

/*__________________________ text styling*/
a{
	color:	#999;
	text-decoration:	none;
	cursor:	pointer;
	}			
a:hover, .selected{
	color:	#444;
	cursor:	pointer;
	}
.link{
	color:	#b31d22;
	text-decoration:	none;
	cursor:	pointer;
	}
.link:hover{
	color:	#000;
	cursor:	pointer;
	}
h1{
	font-size:	16px;
	font-style:	italic;
	margin:	0 0 5px 0;
	padding:	0;
	}
h2{
	font-size:	16px;
	margin:	0 0 15px 0;
	padding:	0;
	}
h3{
	font-size:	14px;
	font-weight:	normal;
	color:	#3C3C3C;
	margin:	0 0 15px 0;
	}
h4{
	font-size:	13px;
	font-weight:	normal;
	color:	#3C3C3C;
	margin:	0 0 2px 0;
	padding:	0;
	clear:	both;
	}
h5{
	font-size:	11px;
	margin:	0 0 2px 0;
	}
h6{
	font-size:	10px;
	margin:	0 0 2px 0;
	}
.alert{
	color:	#b31d22;
	}
#response{
	display:	block;
	padding:	3px 5px 3px 5px;
	margin:	0 0 10px 0;
	background:	#b31d22;
	color:	#FFF;
	font-size:	14px;
	font-family:	Verdana, sans-serif;
	}
p{
	clear:	both;
	margin:	0 0 10px 0;
	text-align:	justify;
	}
.note{
	font-size:	10px;
	font-weight:	normal;
	}
sup{
	color:	#E62400;
	}
.clear{
	clear:	both;
	}
.hr{
	clear: both;
	padding:	5px 0 0 0;
	border-bottom:	#b3b5b8 solid 1px;
	margin:	0 0 5px 0;
	}
.previous{
	float:	left;
	margin:	0 5px 0 0;
	}
.next{
	float:	right;
	}
.next:hover, .previous:hover{
	cursor:	pointer;
	}
/*__________________________ end text styling*/

/*__________________________ form styles*/
form{
	margin:	0 0 10px 0;
	}
form #subject{
	display:	none 	!important;
	}
/*input, select{
	border:	none;
	border-bottom:	1px solid #000;
	background:	#FFF;
	font-size:	10px;
	padding:	2px;
	}*/
input, select{
	font-size:	10px;
	}
.button{
	display:	block;
	width:	168px;
	height:	14px;
	background:	url(img/button_bg.gif) left top;
	border:	0;
	margin:	5px 0 0 0;
	padding:	3px !important;
	color:	#FFF;
	font-size:	10px;
	text-align:	left;
	}	
input[type='button']:hover, .button:hover, input[type='submit']:hover{
	cursor:	pointer;
	color:	#000;
	}
textarea{
	margin:	5px 0 0 0;
	height:	80px;
	}
/*__________________________ checkout styles*/
#checkout_form input, #checkout_form select, #checkout_form textarea, #checkout_form a, #checkout_form div{
	float:	left;
	width:	300px;
	margin:	0 0 10px 40px;
	}
.normalise{
	float:	none !important;
	width:	auto !important;
	margin: 0 !important;
	}
#checkout_form select{
	width:	auto;
	}
#checkout_form textarea{
	heigh:	80px;
	}
#checkout_form  h5{
	float:	left;
	clear:	both;
	width:	200px;
	text-align:	right;
	margin:	0 0 10px 0;
	}
#checkout_form  h3{
	clear:	both;
	}
/*__________________________ end form styles*/

/*__________________________ image styles*/
img{
	display:	block;
	border:	0;
	}
.thumb{
	height:	72px;
	width:	72px;
	float:	left;
	margin:	2px;
	}
.product_img img, .pc_img{
	width:		300px;
	margin:	0 0 5px 0;
	}
.img_fl{
	float:left;
	margin:	0 10px 10px 0;
	}
.img_fr{
	float:right;
	margin:	0 0 10px 10px;
	}
.img_c{
	text-align:center;
	margin: 0 auto 10px auto;
	}
.img_l{
	text-align:left;
	margin:10px 0 10px 0;
	}
.img_r{
	text-align:right;
	margin:10px 0 10px 0;
	}
/*__________________________ end image styles*/	

/*__________________________ table styles*/
table{
	margin:	0 0 10px 0;
	background:	#FFF;
	width:	100%;
	}
th{
	/*color:	#E62400;*/
	background:	#EEE;
	border-top:	1px solid #000;
	font-weight:	bold;
	padding:	2px 4px 2px 2px;
	text-align:	right;
	vertical-align:	top;
	}
td{
	padding:	2px 2px 2px 4px;
	text-align:	right;
	vertical-align:	top;
	clear:	both;
	}
.odd{
	background:	#DDD;
	}
.even{
	background:	#EEE;
	}
.product_data .body table td{
	text-align:	left;
	}
.td_thumb{
	padding:	3px 0 3px 0;
	}
#totals td{
	border-top:	2px solid #000;
	font-weight:	bold;
	}
/*__________________________ end table styles*/

/*calendar styling */
#days{
	height:	162px;
	}
#days span, #days h6{
	display:	block;
	height:	12px;
	width:	25px;
	float:	left;
	font-weight:	normal;
	font-size:	10px;
	margin:	0;
	padding:	0;
	}
#days span{
	height:	21px !important;
	width:	21px !important;
	padding:	2px !important;
	background:	url(img/days_a_bg.gif) no-repeat;
	color:	#FFF;
	}
#days span:hover{
	cursor:	pointer;
	}
#days span.current{
	background:	url(img/days_a_bg_selected.gif) no-repeat !important;
	color:	#000 !important;
	}
#the_day{
	position:	absolute;
	width:	165px;
	height:	140px;
	padding:	5px;
	margin:	12px 0 0 0;
	*margin:	24px 0 0 -90px;
	_margin:	24px 0 0 -93px;
	background:	url(img/the_day_bg.png);
	display:	none;
	color:	#FFF;
	font-size:	9px;
	}
#the_day a{
	color:	#FFF;
	display:	block;
	}
#the_day a:hover{
	color:	#AAA;
	}

/*__________________________ section styling*/
#menu_news{
	clear:	both;
	overflow:	auto;
	width:	100%
	}
#menu_news a{
	margin-right:	20px;
	float:	left;
	}
#menu_category{
	float:	left;
	width:	230px;
	background:	#FFF;
	padding:	10px;
	}
	#menu_category a{
		display:	block;
		font-size:	18px;
		font-weight:	normal;
		margin:	0;
		}
.menu{
	width:	290px;
	margin:	0 5px 5px 0;
	padding:	5px;
	background:	#FAFAFA;
	float:	left;
	clear: none;
	overflow:	hidden;
	}
	.menu img{
		float:	left;
		padding:	0 3px 3px 0 !important;
		}
	.menu h4{
		clear:	none;
		}
.full, #slideshow{
	width:	580px;
	float:	left;
	padding:	0 15px 0 0;
	margin:	0 15px 0 0 ;
	}
.related, #news_feed{
	width:	310px;
	float:	left;
	}
	#news_feed h1{
		background:	url(img/news_feed_bg.gif);
		height:	20px;
		padding:	5px;
		margin:	0 0 10px 0;
		color:	#FFF;
		font-style:	normal !important;
		}
	#news_feed h4, .related h4{
		font-size:	10px !important;
		font-weight:	bold !important;
		padding:	0 0 0 10px;
		}
	#news_feed h6{
		font-size:	10px !important;
		font-weight:	normal !important;
		color:	#B3B5B8 !important;
		padding:	0 0 0 10px;
		}
	#news_feed p{
		font-size:	10px;
		padding:	10px;
		border-bottom:	1px solid #B3B5B8;
		}
	#news_feed a{
		color:	#b31d22;
		}
	.related div{
		clear:	both;
		padding:	0 0 5px 0;
		}
	.related .thumb{
		width:	40px;
		height:	40px;
		float:	left;
		padding:	0 3px 3px 0;
		}
	.related h4{
		clear:	none !important;
		padding:	0 !important;
		}
.full img{
	max-width:	580px;
	_width:	580px;
	}
.tabs{
	border-bottom:	1px solid #B3B5B8;
	margin: 10px 0 10px 0;
	}
.tabs a{
	background:	#FFF;
	color:	#B3B5B8;
	border:	1px solid #B3B5B8;
	font-size:	11px;
	font-weight:	bold;
	padding:	3px 5px 0 5px;
	margin:	0 1px 0 0;
	vertical-align:	middle;
	}
.tabs a.selected{
	color:	#000;
	border-bottom:	1px solid #FFF;
	}
.images{
	float:	left;
	width:	380px;
	margin:	0 20px 0  0;
	}
.other_media{
	float:	left;
	width:	180px;
	}
	
/*PRINT STYLES*/
@media print {
	#head{
		background:	none;
		}
	#logo span{
		display:	block;
		font-size:	30px;
		font-weight:	bold;
		color:	#000;
		}
	#menu, #sidebar, .related {
		display: none;
		}
	#container{
		width:	800px;
		background:	#FFF;
		}
	#content{
		border:	none;
		float:	none;
		width:	auto;
		padding: 0;
		}
	.full{
		width:	auto;
		border:	0;
		margin:	0;
		padding:	0;
		}
}