@charset "UTF-8";
/* CSS Document */
body {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	background-color: #282828;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ Element/tag selectors ~~ */
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
}
h1 {font-size: 18px;line-height:24px; }
h2 {font-size: 16px;line-height:21px;  }
h3 {font-size: 12px;line-height:16px;  }
.smalltext {font-size: 11px;line-height:14px; font-style:italic; }
p {margin-top:4px;margin-bottom:12px;font: 12px/18px Verdana, Arial, Helvetica, sans-serif;}
a img { border: none;}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color:#414958;
	text-decoration: underline; 
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}
.errormsg {color:#C00;font-weight:bold;}

/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
	width: 90%;
	max-width: 1260px;
	min-width: 900px;
	background-color: #FFF;
	margin: 0 auto; 
	overflow: hidden; 
}
.header { 
	width:90%;
	margin: 0 auto;
	padding:20px 0px;
	text-align:center;
	border-bottom:1px solid #333;
	margin-bottom:20px;
}
.mainblock {
	width: 100%;
	overflow: hidden; 
}
.footer {
	width: 100%;
	font-size:10px;
	text-align:center;
	color:#CCC;
}
.rightside30 {
	float: right;
	width: 30%;
	background-color: #eee;
	padding: 10px 0px;
}
.rightside40 {
	float: right;
	width: 35%;
	padding: 10px 0px;
	border-left:#666 1px solid;
}
.rightside50 {
	float: right;
	width: 45%;
	padding: 10px 0px;
	border-left:#666 1px solid;
}
.rightside60 {
	float: right;
	width: 55%;
	padding: 10px 0px;
	border-left:#666 1px solid;
}
.leftside40 {
	float: left;
	width: 35%;
	padding: 10px 0px;
	margin-left:20px;
}
.leftside50 {
	float: left;
	width: 45%;
	padding: 10px 0px;
	margin-left:20px;
}
.leftside60 {
	float: left;
	width: 55%;
	padding: 10px 0px;
	margin-left:20px;
}

.content {
	padding: 10px 0;
	width: 67%;
	float: right;
}
.contentfull {
	padding: 10px 0;
	width: 90%;
	margin:0 auto;
}

.content ul, .content ol { 
	padding: 0 15px 15px 80px; 
}
.contentfull ul, .leftside50 ul, .leftside60 ul, .contentfull ol, .leftside50 ol, .leftside60 ol, .rightside60 ul, .rightside60 ol, .rightside40 ul, .rightside40 ol { 
	padding: 0 15px 15px 80px; 
}
.buy { 
	width: 67%;
	float: right;
	font-size:18px;
}
.buy p{font-size:14px; color:black;}
.buy strong{font-size:16px;color:#333;}
.buy a{font-size: 18px; color:333;text-decoration:none;}
.buy a:hover{color:green}
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
	list-style: none; 
	border-top: 1px solid #666; 
	margin-bottom: 0px;
	padding:0px 0px 0px 15px 
}
ul.nav li {
	border-bottom: 1px solid #666; 
}
ul.nav a, ul.nav a:visited { 
	padding: 5px 5px 5px 15px;
	display: block; 
	text-decoration: none;
	background-color: #8090AB;
	color: #000;
}
ul.nav a.green {background-color:#b7d19e;}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
	background-color: #6F7D94;
	color: #FFF;
}
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.mybutton {padding:10px; background-color:#FFC; border:1px solid #000;}
.mybutton a{text-decoration:none;}
.mybutton a:visited{text-decoration:none;}
.mybutton:hover {padding:10px; background-color:#CCF; border:1px solid #000;}