/* CSS Document */
/* CSS Layout code, author: Butter Creative */
/* Standard settings */
html, body { padding: 0; margin:0; }
body {font-family: Trebuchet, "Trebuchet MS", Verdana, Helvetica, Arial, Helvetica, sans-serif;
	background-color: #878686;	color: #000000;
	behavior:url("csshover.htc");
	font-size:75%;}

#body1 {position: relative; padding:0;}
#body1.IE {zoom: 1;}
pre, blockquote, fieldset, table {margin: 1em 0;}
.Quote {
	font-style: italic;
	font-weight: bolder;
	color: #01345F;
	line-height: 14px;
	padding-right: 20px;
	padding-left: 20px;
}

.strike {text-decoration: line-through; color:grey;}

.cleaner {clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;}

p {font-size:1.1em;}
ul {/*margin:1em ; line-height:1.3em;*/font-size:1.1em;}/*
li {padding: 0.06em 0;}
ul li {margin-left:1.4em;padding-left: 0.5em; list-style: square outside;	 }
ol li {list-style: decimal outside;}*/

h1,h2,h3,h4,h5,h6 
{margin:2px 0; padding: 3px 0; color:#000e4d; font-family: Arial, Geneva, Verdana, Helvetica, sans-serif; font-weight:bold; }

h1 {font-size:2.4em; color:#780002;}

h2 {
	font-size:1.8em;
	color: #000e4d;
}
	h2 a:link, h2 a:visited, h2 li a:active { color: black; text-decoration:underline;}
	h2 a:hover {color: black; text-decoration:none;}
h3 {
	font-size:1.4em;
	/*border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-bottom: 3px;
	margin-bottom: 8px;
	padding-top: 0px;
	margin-top: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #999999;*/
}
h4 {
	font-size:1.2em;
	padding-top: 10px;
}

/* form elements */
form {margin:0; padding:0;}
input, select, textarea {font-family: Arial, Geneva, Verdana, Helvetica, sans-serif; }
fieldset, label {border:0;  padding:0; margin:0;}

/* other bits*/


fieldset{margin:1em 0;padding:0 1.5em;border:none;border:1px dashed #ccc;}
legend{margin:0.4em 0;padding:0 0.5em;color:#036;background:#ffffff;font-size:13px;font-weight:bold;}

label { font-size: 11px;padding:3px 0;}
/*label:after{content:":";}*/
label.required:before{content:"* "; color:#FF0000;}
label.required {font-weight:bold;}


input, textarea, select { background-color: #F7F7F7; border: 1px solid #CCCCCC;}
input:hover, textarea:hover, select:hover { background-color: #f5f5f5; border: 1px solid #008BE6;}
input:focus, textarea:focus, select:focus { background-color: #ffffff; border: 1px solid #008BE6;}

input.imageinput, input:hover.imageinput, input:focus.imageinput {background-color:#ffffff; border:0 solid #ffffff;}
input.imageadd, input:hover.imageadd, input:focus.imageadd {background-color:none; border:0;}
input.price {width:22px;}

select, textarea, input {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 12px;
 padding: 3px 1px;
}	
textarea {width:250px;}

.submit {background-color:#ad0000; color:#ffffff; font-weight:bold;}
input.submit:hover { background-color: #007200; border: 1px solid #007200;}

input.submit:focus { background-color: #007200; border: 1px solid #007200;}
			
/* Layout */
#wrapper { margin:0 0 0 0; padding:0;  }
	
	#headerwrapper {position:relative; background:url(../imgs/header-bg.jpg) no-repeat top right ;}
		.allXIE6 #headerwrapper {min-height:126px;}
		.IE7below #headerwrapper {height:126px;}
	

	
		.titleHeader {position:absolute; top:27px; left:17px;
		background: url(../imgs/logo.gif);	height: 78px;	width: 250px;	margin:0; padding:0;
		display: block; background-position:0 0;background-repeat: no-repeat;	background-color: transparent; 	text-indent: -1200px;	overflow: hidden; 	}
		#topmenu {position:absolute; top:0; right:12px; width:430px;  background-color:#8f8f8f; color:#ffffff; padding:0 8px 0 10px; height:30px;}

	#topmenu ul {margin:0;padding:0;list-style-type:none;width:auto; text-align: center; }
	#topmenu ul li{display:block;float:left;margin:0; padding:0; display: inline;}
	#topmenu ul li a{display:block;float:left;color:#ffffff;text-decoration:underline;padding:3px 15px 0 15px;}
	#topmenu li a:hover, #topmenu ul li a.current{text-decoration:none;}


	
	#wrapper-white {position:relative;  width:960px; margin: 0 auto; clear:left; background-color:#ffffff; padding: 0 9px 9px 9px;}
	#wrapper-grey { position:relative; background-color:#cccccc; width:960px; }
		
		#right2 {float:right; width:230px; margin:-2px 0 0 0; padding:0; }
			#right2 a:link, #right2 a:visited, #right2 a:active { color: #dc3224; text-decoration:none; }
			#right2 a:hover { color: #dc3224; text-decoration:none; }
		
		#middle2 {}
		#middle2 a:link, #middle2 a:visited, #middle2 a:active { color: #dc3224; text-decoration:underline; }
		#middle2 a:hover { color: #dc3224; text-decoration:none; }
			.allXIE6 #middle2 {margin:0 236px 0 0; padding: 0;}
			.IE6below #middle2 {float: left; margin:0 0 0 0; padding: 0; width:724px;}

#middle2 ul {margin:1em ; line-height:1.3em;}
#middle2li {padding: 0.06em 0;}
 #middle2 ul li {margin-left:1.4em;padding-left: 0.5em; list-style: square outside;	 }

		
		
		
		.content-box {background-color:#ffffff; -moz-border-radius:7px;-webkit-border-radius:7px;}
			.cb-pad-r {margin-right:6px;}
			.cb-pad-r-t {margin-right:6px; margin-top:6px;}
			.cb-pad-r-t-b {margin-right:6px; margin-top:6px; margin-bottom:6px;}
			.cb-pad-l {margin-left:6px;}
			.cb-pad-l-t {margin-left:6px; margin-top:6px;}
			.cb-pad-l-t-b {margin-left:6px; margin-top:6px; margin-bottom:6px;}
			.cb-pad-l-b {margin-left:6px; margin-bottom:6px;}
			.cb-pad-t-b {margin-top:6px; margin-bottom:6px;}

		.content-box h1 {text-transform:uppercase; font-size:16px; background-color:#f1f1f1; display:block; padding:9px 12px; -moz-border-radius-topleft:7px;-webkit-border-top-left-radius:7px;-moz-border-radius-topright:7px;-webkit-border-top-right-radius:7px;}	
		.content-box h2 {text-transform:uppercase; font-size:14px; background-color:#f1f1f1; display:block; padding:9px 12px; -moz-border-radius-topleft:7px;-webkit-border-top-left-radius:7px;-moz-border-radius-topright:7px;-webkit-border-top-right-radius:7px;}	
	
		.content-box-b {padding:6px 12px;}

#prodcutadded {background:#007200; text-align:center; color:#ffffff;}

.posthidden {display:none}
.postshown {display:inline}

/* Side Menu Style*/

#right2 ul.sub-menu {list-style: none; padding: 0; margin: 0;}
#right2 ul.sub-menu li {list-style: none;padding-left: 5px; margin: 0;}

#right2 .content-box-b .sub-menu li {margin-bottom:1px; -moz-border-radius:6px;-webkit-border-radius:6px;}
	.allXIE6 #right2 .content-box-b .sub-menu li:hover {background:#e7e7e7;}
	.IE6below #right2 .content-box-b .sub-menu li a {display:block; }
	
/* Alt Side Menu for IE6 */	
.IE6below #right2 ul.sub-menu li {list-style: none; margin:0; padding:0;	background-image: url(../imgs/arrow.gif); background-repeat: no-repeat;}
							
	.IE6below #right2 .content-box-b .sub-menu li {	padding-left: 15px;}
	 .IE6below #right2 .content-box-b .sub-menu li a:hover {background:#e7e7e7;}
	.IE6below #right2 ul.sub-menu li {background-position: 0px 8px;}

.allXIE6 .popular-charts {min-height:170px;}
.IE6below .popular-charts {height:170px;}

.allXIE6 .front-p1 {width:357px; float: left;}
.IE6below .front-p1 {width:350px; float: left;}

.allXIE6 .front-p2 {width:354px; float: left;}
.IE6below .front-p2 {width:350px; float: left;}




		.bluefade {margin-top: 15px; padding:10px 10px 5px 10px; background:url(../imgs/blue-fade.jpg) bottom left repeat-x;}
		.image-center img {display:block; text-align:center; margin:0 auto;}	

		.sendtofriend { padding: 3px 0 3px 23px; background: url(../imgs/send-icon.gif) no-repeat center left;  color: #013560; text-decoration: none; }
			.allXIE6 .sendtofriend { min-height: 16px; color: #013560 }
			.IE56 .sendtofriend { height: 16px; color: #013560}

/* Menu */
#menuwrapper{position:relative; background:transparent url(../imgs/menu-bg.jpg) repeat-x bottom left; /*border-top:4px solid #780002; */ margin-bottom:6px; height:34px; background-color:#000e4d;}
#menu {position:relative;display:block; font-size:12px;font-weight:bold; /*width:962px;*/ margin: 0 auto; font-family:Arial,Verdana,Helvitica,sans-serif;}

	#menu ul {margin:0;padding:0;list-style-type:none;width:auto; text-align: center; line-height:34px;}
	#menu ul li{display:block;float:left;margin:0; padding:0; display: inline;}
	#menu ul li a{display:block; margin: 0 9px; text-transform:uppercase;	float:left;	color:#ffffff;	background:url(../imgs/menu-item-bg.gif) repeat-x top left;
	text-decoration:none;padding: 0 15px ;height:34px;}
		
	#menu ul li a:hover{color:#ffffff;	background:url(../imgs/menu-item-bg.gif) repeat-x  bottom left;}



/* Footer */
#footer {background-color:#f1f1f1; color:#000; padding:10px 12px 2px 12px ; border-top:#ffffff solid 9px;}
		.allXIE6 #footer {min-height:90px;}
		.IE6below #footer {height:90px;}
	#footer a:link, #footer a:visited, #footer a:active { color: #dc3224; text-decoration:underline; }
	#footer a:hover {  color: #dc3224; text-decoration:none; }
	#footer-l {float:left; width: 399px;}
	#footer-r {float:right; width: 380px; text-align:right;}
		
		

/* corners */

.bt-left-cnr {-moz-border-radius-bottomleft:7px;-webkit-border-bottom-left-radius:7px;}
.bt-right-cnr {-moz-border-radius-bottomright:7px;-webkit-border-bottom-right-radius:7px;}
.bt-cnr {-moz-border-radius-bottomleft:7px;-webkit-border-bottom-left-radius:7px;-moz-border-radius-bottomright:7px;-webkit-border-bottom-right-radius:7px;}
.top-left-cnr {-moz-border-radius-topleft:7px;-webkit-border-top-left-radius:7px;}
.top-right-cnr {-moz-border-radius-topright:7px;-webkit-border-top-right-radius:7px;}
.top-cnr {-moz-border-radius-topleft:7px;-webkit-border-top-left-radius:7px;-moz-border-radius-topright:7px;-webkit-border-top-right-radius:7px;}
.all-cnr {-moz-border-radius:7px;-webkit-border-radius:7px;}


/* EXTRA STYLES GO UNDER HERE */
.listtable {
	line-height: 13px;
	color: #000000;
	font-size: 11px;
	border: 1;
	border-top-color: #FF0000;
}
.imageboxleft {
	float: left;
	margin: 0px;
	padding-right: 10px;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.imageboxright {
	float: right;
	margin: 0px;
	padding-left: 10px;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-right: 0px;
}



/* Table Styling */

#mytable {
	width: 100%;
	padding: 0;
	margin: 0;
}

#mytable tr th.first {width:100px;}
#mytable tr th.last {width:85px;}

caption {
	padding: 0 0 5px 0;
	width: 100%;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background-color: #000E4D;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #cccccc;
	background: none;
}

td {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background: #fff;
	padding: 3px 6px 3px 12px;
	
}
 td.tablename {font-size:14px;}

td.alt {
	background: #f1f1f1;
	
}

.first {border-left: 1px solid #cccccc;}

td.spec, th.spec {
	border-left: 1px solid #cccccc;
	border-top: 0;
	/*background: #fff url(images/bullet1.gif) no-repeat;*/
	font: bold "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #cccccc;
	border-top: 0;
	background-color: #f1f1f1;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	
}