@import url('/css/default.css');
@import url('/css/nav.css');
@import url('/css/cms.css');
@import url('/css/testDropMenu.css');
/* Generic Styles */


body {
	background: #6E8BAB url('/media/structure/body_bg.jpg') no-repeat 940px 0;
	font: 12px/17px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

#main_tile {
	width: 940px;
	background: url('/media/structure/bg_ytile_bottom.png') repeat-y 0 0;
	margin: 0;
	padding: 0;
}
#main_bottom {
	width: 940px;
	background: url('/media/structure/bg_bottom.png') no-repeat bottom center;

}

/* main [left, white] column  */
#main_col {
	width:940px ;/* 743px;*/
	background: url('/media/structure/bg_main_top.jpg') no-repeat top left;
	/* padding: 40px; */
}

#left_sub_col {
	width: 200px;
}
	#left_sub_col .content {padding: 10px 17px 10px 40px; font-size: 11px;}
	
	#left_sub_col .content div {border-top: 1px solid #ccc;}
		#left_sub_col .content div div {border-top: none;}
		#left_sub_col .content h2 { font-size:12px; font-weight:bold; color:#2576A7; margin:5px 0;line-height: 18px;}
		

#main_sub_col {
	width: 543px;
	padding: ;
	margin: 60px 0 0 0 ;
	min-height: 500px;
}
* html #main_sub_col {height: 500px;} /* does anyone still use ie6? */

#main_sub_col .content {
	padding: 15px 20px 20px 20px;
}

/* vv shop display styles begin vv */
.categoryBox,
.productBox {
	width: 140px;
	height:170px;
	border: 1px solid #BE0F33;
	padding: 10px 0;
	margin: 0 0 20px 0;
	text-align:center;
	background-color: #fff;
	overflow: none;
}
.productBox {
	width: 230px;
	height:260px;
}
	#left_sub_col .content div.categoryBox {
		height: auto;
		padding-bottom: 0;
		border:1px solid #BE0F33; 
		position:relative;
		top: 10px;
	}

	.categoryBox h3,
	.productBox h3 { color: #5F7A66; font: bold 12px arial, helvetica, sans-serif; display: block; height: 34px; margin: 0 5px; }
	#left_sub_col .content div.categoryBox h3 {height: auto;}
	
	.categoryBox div.image { height: 100px;  margin: 0 auto; border-bottom: 1px solid #ccc; }
	.productBox div.image { height: 170px;  margin: 0 auto; border-bottom: 1px solid #ccc; }
	
	.categoryBox div.image img,
	.productBox div.image img { margin: auto; }
	
	.categoryBox .button1, .categoryBox .button2, .categoryBox .button3 {margin: 10px auto;}

	.categorySpacer {margin-right: 20px;margin-left: 20px;}
	.productSpacer {margin-right: 20px;}
	
	.words {padding: 5px 10px;}
		.words .price {color: #5F7A66;font-weight: bold;font-size: 12px; }
		#left_sub_col .content div.categoryBox .words .price {padding-bottom: 0 5px 0 5px;}
		.words .price .black {color: #000;}
		.words .price .strikeout {text-decoration: line-through;}
		

.detailImage {
	width: 250px;
}

table {margin-bottom: 15px; padding: 0;}

div.fade {
	background: url("/media/structure/bg_order_box.png") no-repeat;
	width: 488px;
	padding: 0px 10px 0px 5px;	
}
div.fade table {width: 100%;}
div.fade table td, div.fade table th {padding:3px 4px;}

div.fade table thead td, div.fade table thead th {color: #5F7A66;font-size:9pt;font-weight: bold;}

.fade th {text-align:left;font-weight: bold;}
.fade td {padding: 3px 4px;line-height: 20px;}
table h1 {margin: 5px 0;}
table h2 {margin: 0;}

select option {padding-right: 10px;}

tr.items td {border-bottom: 1px solid #E7EDE9}
tr.total td {border-top: 3px double #6F8F77;}


/* ^^ shop display styles end ^^ */

/* right [nav] column */
#right_col_tile {
	width: 197px;
	background: url('/media/structure/bg_nav_tile.png') repeat-y top center;
	margin-bottom: 100px;
}
#right_col_bottom {
	background: url('/media/structure/bg_nav_bottom.png') no-repeat bottom center;
	padding-bottom: 40px;
}
#right_col_content {
	width: 187px;
	min-height: 320px;
	background: url('/media/structure/bg_nav_top.jpg') no-repeat top center;
	padding: 167px 1px 0 9px;
}
* html #right_col_content {height: 320px;} /* does anyone still use ie6? */

/* footer styles */
#footer {width: 748px;}
#footer .copy {
	font: 11px arial, helvetica, sans-serif;
	color:#B3C6B8;
	padding: 0 0 36px 31px;
	width: 40%;
}
#footer .webDesignBy {
	font: 11px arial, helvetica, sans-serif;
	color:#415770;
	padding: 23px 15px 0 0;
	width: 40%;
	text-align: right;
}
	#footer .webDesignBy a {color:#415770;}
	
	
/* Buttons  */
a.button1 { background-image: url('/media/structure/button_sm.gif'); width: 70px;}
a.button2 { background-image: url('/media/structure/button_md.gif'); width: 110px;}
a.button3 { background-image: url('/media/structure/button_lg.gif'); width: 160px;}
a.button1, a.button2, a.button3,
a:visited.button1, a:visited.button2, a:visited.button3  {
	display: block;
	font: 11px arial, helvetica, sans-serif;
	color:#000;
	text-align: center;
	line-height: 20px;
	height: 22px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.button1:hover, a.button2:hover, a.button3:hover { background-position: 0px -22px; text-decoration:underline;}