@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}


/*Begin CSS*/

html {overflow: scroll;}

body {
  padding: 0;
  margin: 0;
  background-color:#000000;
  background:url(img/pgbg.jpg) no-repeat center top;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.clear{clear:both;}

h1 {text-align:center; font-family:"Trebuchet MS", Arial, Helvetica; font-weight:bold; font-size:16px; margin-bottom:10px; color:#FFFFFF;}
h2 {margin-bottom:6px; font-family:"Trebuchet MS", Arial, Helvetica; font-size:18px; color:#FFFFFF; margin-bottom:10px;}
h3 {font-weight:bold; font-size:13px;}

p {font: bold 13px arial; color: #fff;}

#wrapper {width:960px; height:auto; margin:auto;}

#header {width:960px; height:140px; background-image:url(img/header.png); margin:10px 0 0px 0;}

#rightcol {width:768px; float:right; height:450px; background:url(img/bgtile.png); background-repeat:repeat; border-style:solid; border-color: #FFFFFF; border-size: 1px; border-width: 1px;}
#leftcol{width:168px; background:url(img/bgtile.png); background-repeat:repeat; border-style:solid; border-color: #FFFFFF; border-size: 1px; border-width: 1px; margin:0 20px 0 0; float:left; min-height:445px; padding-top: 5px}
#sectionkey{width:460px; height:20px; background:url(img/sectionkey.png); margin:15px auto 0 auto;}
	

#navwrapper{width:402px; height:44px; margin:-16px 170px -16px auto;}

#cart{width:100px; margin:0 0 10px 20px; padding-top:30px; clear:right}
#cart a{font-family:"Trebuchet MS", Arial, Helvetica; font-weight:bold; font-size:14px; margin-left:10px; color:#FFFFFF; text-decoration:none;}
#cart a:hover{font-family:"Trebuchet MS", Arial, Helvetica; font-weight:bold; font-size:14px; margin-bottom:10px; color:#FFFFFF; text-decoration:underline;}


#textfullwidth {width:688px; margin:0 auto 10px auto; padding-top:30px;}
#textfullwidth p {font: bold 12px arial; color: #fff;}

#footer{width:420px; float:right; text-align:right; margin:10px 0 10px 0;}
#footer p{font-family:"Trebuchet MS", Arial, Helvetica; color:#999999; font-size:9px; margin:0px;}


/*Global Nav*/

.lavaLamp {position: relative; height: 44px; width: 388px; background: url(img/navbg.png) no-repeat top; padding: 8px 0px 0px 14px; margin:0px; overflow: hidden;}
/* Force the list to flow horizontally */
.lavaLamp li {float: left; list-style: none;}
/* Represents the background of the highlighted menu-item. */
.lavaLamp li.back {background: url("img/lava.png") no-repeat right -30px; width: 9px; height: 30px; z-index: 8; position: absolute;}
.lavaLamp li.back .left {background: url("img/lava.png") no-repeat top left; height: 30px; margin-right: 9px;}
/* Styles for each menu-item. */
.lavaLamp li a {position: relative; overflow: hidden; text-decoration: none; text-transform: uppercase; font: bold 14px arial; color: #fff; outline: none; text-align: center; height: 30px; top: 7px; z-index: 10; letter-spacing: 0; float: left; display: block; margin: auto 20px;}

/*quick links*/

ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 168px;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 1px;
}

ul.menu li a {
  background: url(img/ql/top_off.jpg) repeat-y;
  color: #fff;	
  padding: 0.3em;
}

ul.menu li a:hover {
  background: url(img/ql/top_over.jpg) repeat-y;
}

ul.menu li ul li a {
  background: url(img/ql/med_off.jpg) repeat-y;
  color: #000;
  padding-left: 20px;
}

ulmenu li ul li a:hover {
  background: url(img/ql/med_over.jpg) repeat-y;
  border-left: 5px #000 solid;
  padding-left: 15px;
}

ul.menu li ul li ul li a {
  background: url(img/ql/low_off.jpg) repeat-y;
  color: #000;
  padding-left: 30px;
}

ul.menu li ul li ul li a:hover {
  background: url(img/ql/low_over.jpg) repeat-y;
  border-left: 5px #666666 solid;
  padding-left: 25px;
}

* Form CSS */
/** You can use this style for your INPUT, TEXTAREA, SELECT elements **/
.myinputstyle {
	border: 1px solid #FFFFFF;
	/** remember to change image path **/
	background: url(img/formbg.png) repeat-x #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-style: normal;
	font-size: 13px;
	color: #454743;
}

/** You can use this style for your LABEL elements **/
.mylabelstyle {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-style: bold;
	font-size: 13px;
	color: #ffffff;
}