body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}
* {margin:0; padding:0}
:focus { outline-style: none; } /* Hide annoying outline around linked images */

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
}

/* ------------------------------------ Font Classes -----------------------------------------*/
.black11 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
.black12,.black12 a{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
.black14,.black14 a{font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; }
.black16 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; }
.black18 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; }
.black22 {font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #000000; }
.black28 {font-family: Arial, Helvetica, sans-serif; font-size: 28px; color: #000000; }
.blue11,.blue11 a {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #004e97; }
.blue12,.blue12 a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #004e97; }
.blue14,.blue14 a {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #004e97; }
.blue16,.blue16 a {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #004e97; }
.blue18,.blue18 a {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #004e97; }
.blue22,.blue22 a {font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #004e97; }
.gray10,.gray10 a {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #3C3C3C; }
.gray11,.gray11 a {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #3C3C3C; }
.gray12,.gray12 a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3C3C3C; }
.gray14,.gray14 a {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #3C3C3C; }
.gray16,.gray16 a {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #3C3C3C; }
.gray22 {font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #3C3C3C; }
.green12 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #1fb25a; }
.green14 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #1fb25a; }
.green18{font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #1fb25a; }
.green18 a:hover { text-decoration: underline; }
.green22 {font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #1fb25a; }
.navy11,.navy11 a{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #002d56; }
.navy12,.navy12 a{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #002d56; }
.navy14,.navy14 a{font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #002d56; }
.navy22 {font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #002d56; }
.orange12,.orange12 a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ff6600; }
.red10,.red10 a{font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #ff0000; }
.red11,.red11 a{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ff0000; }
.red12,.red12 a{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ff0000; }
.red14 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ff0000; }
.red16 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #ff0000; }
.red18 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #ff0000; }
.red22 {font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #ff0000; }
.white10 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; }
.white12,.white12 a{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; }

#shadow
{
	background: url('images/site_images/shadow.gif') repeat-y top center;
}
#pagebody
{
	margin:auto;
	width:970px;
	padding:0;
	background-color:#ffffff;
}
.clearfloat
{
	clear:both;
}
.header
{
	height:85px;
	width:100%;
	background: #000000 url('images/site_images/headerGradient.jpg') repeat-x top left;
	color:#ffffff;
	font-weight:bold;
}
.headerleft img
{
	float:left;
	margin: 16px 0 0 9px;
	border:0;
}
.headerright
{
	float:right;
	padding:10px;
	text-align:right;
}
.headercart
{
	margin: 0 10px 10px 0;
}
.headercart a
{
	font-size: 18px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}
.headersearch
{
	margin:15px 10px 5px 0;
	font-size:14px;
}
.headersearch .searchtext
{
	height:20px;
	width:200px;
}
.headersearch .searchbtn
{
	background:transparent url('images/site_images/buttonGradient.gif') repeat-x bottom left;
	border:0;
	margin-left:3px;	
	color:#ffffff;
	padding:1px;
	border:1px solid #666666;
	font-weight:bold;
	cursor:pointer;	
}
.main
{
	margin:0;
	padding:10px 0 0 0;
	background: url('images/site_images/mainBG.jpg') repeat top left;
	width:100%;
}
.sidecolumn
{
	margin:0 2px 10px 10px;
	background: #ffffff; /* url('images/site_images/sideColumnHeader.gif') no-repeat top left; */
	text-align:left;
	border:1px solid #999999;
}
.sidecolumn .sidecolumnheader
{
	padding:8px 0 8px 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #cc0033;
}
.sidecolumn ul
{
	padding:8px;
	list-style-image: none;
	list-style-type: none;
}
.sidecolumn li a
{
	font-size:12px;
	color:#666666;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}
.sidecolumn ul .navcat
{
	font-weight:bold;
	padding-bottom:8px;
}
.sidecolumn ul .navsubcat
{
	padding:0 0 8px 15px;
	list-style-image: none;
	list-style-type: none;
}	
.footer
{
	width:100%;
	border-top:0;
}
.footer ul
{
	margin: 0;
	padding:0 0 15px 0;
}
.footer li
{
	display:inline;
	margin:0 20px 0 20px;
}
.footer li a
{
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#666666;
	font-weight:bold;
}
.banner
{
	width:300px;
	height:100px;
	border:1px solid #999999;
}
.inner
{
	margin:auto;
	margin:0 10px 10px 10px;
	background-color:#ffffff;
	border:1px solid #999999;
	position:relative;
	min-height:250px;
}
.innertitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	text-align:left;
	padding: 10px 0 5px 10px;
}
.innerdescription
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	text-align:left;
	padding: 5px 10px 5px 10px;
}
/* pagination */
.totalProducts
{
	float:left;
	margin:10px;
	color:#666666;
}
.eachPage
{
	float:right;
	margin:10px;
	color:#666666;
}
.errorMSG {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px; 
	color: #ff0000;
	text-align:center;
	margin:auto;
	font-weight:bold;
	padding:20px;
}
.greyHR 
{
	background:transparent url(images/site_images/greyHR.gif) no-repeat;
	height:1px;
	width:670px;
	margin:10px 0 10px 0;
}

.cartTotals,
.cartTotals .shippingOptions {
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
}

/* infobox is for the checkout process */
.infoBox {
	width:90%;
	border:1px solid #000000;
	margin: 10px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #000000;
	padding:10px;
	text-align:left;
	background-color:#ffffcc;
}
.infoBox .title
{
	padding-bottom:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
.infoBox .formField {
	width:95%;
	margin-bottom:8px;
}
.infoBox .standardDropDown {
	margin-bottom:8px;
}
.productImage
{
	width:90px;
	border:0;
}
.subcategoryImage
{
	width:150px;
	border:0;
}
.subcategoryName a
{
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
#productPrice
{
	font-size:40px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#cc0000;
	border:1px solid #cccccc;
	padding:10px;
	width:150px;
	margin:auto;
}

.WYSIWYG
{
	text-align:left;
	margin:20px;
}

.hometext
{
	margin:0 10px 10px 10px;
	border:1px solid #999999;
	background-color:#ffffff;
	text-align:left;
	padding:10px;
}
.hometext h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

/* Slider */

.sliderbox
{
	margin:0 10px 10px 10px;
	border:1px solid #999999;
	background-color:#ffffff;
}
.slidertitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	text-align:left;
	padding: 5px 0 10px 5px;
}
#slidercontainer
{	
	position:relative;
	width:700px;
	margin:0 auto;
	text-align:left;		
}
.sliderProduct
{
	float:left;
	text-align:center;
	width:130px;
	margin-left:8px;
}
#slider{}	
#slider ul, #slider li, #slider2 ul, #slider2 li, #slider3 ul, #slider3 li
{
	margin:0;
	padding:0;
	list-style:none;
}
#slider li, #slider2 li, #slider3 li
{ 
	width:700px;
	height:170px;
	overflow:hidden; 
}	
p#controls, p#controls2, p#controls3
{
	margin:0;
	position:relative;
}
#prevBtn, #nextBtn, #prevBtn2, #nextBtn2, #prevBtn3, #nextBtn3
{ 
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;		
	width:33px;
	height:79px;
	position:absolute;
	left:-30px;
	top:-140px;
}	
#nextBtn, #nextBtn2, #nextBtn3
{ 
	left:700px;
}														
#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a, #prevBtn3 a, #nextBtn3 a
{  
	display:block;
	width:33px;
	height:79px;
	background:url(js/slider/directionBtnLeft.jpg) no-repeat 0 0;	
}	
#nextBtn a, #nextBtn2 a, #nextBtn3 a
{ 
	background:url(js/slider/directionBtnRight.jpg) no-repeat 0 0;	
}												

/* // Slider */



/* Everything below this is for the admin panel */

.adminLeftColumn {
	padding-left:10px;
	margin-left:0px;
}
.adminLeftColumn ul {
	padding-top:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight:bold;
	margin:0px;
	list-style-type:none;
	padding-left:0px;
	margin-left:0px;
}
.adminLeftColumn li {
	font-size: 12px;
	font-weight:normal;
	padding-left:5px;
}
.adminLeftColumn a {
	text-decoration:none;
}

/* This is for the popup message */
a.info
{
	position:relative; /*this is the key*/
  z-index:24;
}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span
{
	display:block;
  position:absolute;
  top:2em; left:2em; width:15em;
  border:1px solid #0cf;
  background-color:#cff; color:#000;
  text-align: center;
  text-decoration:none;
}
/* End of popup message css */

table.colorBox
{ 
	width: 20px;
	height: 20px; 
	padding: 0px; 
	border: 1px solid #000000;
	border-collapse: collapse;
}
table.colorBox td.colorBoxLeft
{ 
	width: 10px;
	border-right: 0px;
}
table.colorBox td.colorBoxRight
{ 
	width: 10px;
	border-left: 0px;
}