@charset "utf-8";

/* ------------------------------Art Vargas General CSS ------------------------------*/



body, p, a, input, option, textarea, div 

{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	

}



a:link		{color : #3AB8E8; text-decoration : none;}

a:visited	{color : #3AB8E8; text-decoration : none;}

a:hover		{color : #F60; text-decoration : none;}



.spacer15 	{ clear:both; margin:0; padding:0; height:15px; }	

.spacer8 	{ clear:both; margin:0; padding:0; height:8px; }	



body {

	margin:0px 0px 0px 0px ;

	padding:0px 0px 0px 0px;

	background:#333333 url(../images/top_bgstrip.jpg) top repeat-x;

}



#wrapper_body

{

	margin:0px 0px 0px 0px;

	padding:0px 0px 0px 0px;

	width:100%;

	border:0px solid #0000ff;

}



#header

{

	margin:0 auto;

	padding:0px 0px 0px 0px;

	width:995px;

	border:0px solid #ff0000;

}

#header img

{

	float:left;

	margin:16px 0px 0px 56px;

	padding:0px 0px 0px 0px;

	border:0px solid #ff0000;

}



#header #toplink

{

	float:right;

	margin:8px 0px 0px 0px;

	padding:0px 0px 0px 0px;

	border:0px solid #00ff00;
	width: 735px;

}



#header #toplink ul

{

	margin:0px 0px 0px 0px;

	padding:0px 0px 0px 0px;

	list-style:none;

}



#header #toplink ul li

{

	margin:0px 0px 0px 0px;

	padding:0px 0px 0px 0px;

	display:inline;

	border: 0px solid #00ff00;

}



#header #toplink ul li a

{

	float:left;

	margin:0px 0px 0px 0px;

	padding:8px 18px 8px 18px;

	color:#040404;

	font:9pt Verdana, Geneva, sans-serif;

	border:0px solid #ff0000;

}



#header #toplink ul li a:hover

{

	color:#F30;

}



#header #toplink .selected

{

	margin:0px 0px 0px 0px;

	padding:8px 18px 8px 18px;

	border:1px solid #9f9f9f;

}


#header #topnav{
	margin:12px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border: 0px solid #00ff00;}

#header #topnav ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	border: 0px solid #00ff00;}
	
#header #topnav ul li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:inline;}


#header #topnav ul li a{
	margin:0px 0px 0px 0px;
	padding:10px 10px 10px 12px;
	font:11pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#CCC;
	line-height:40px;}



#header #topnav ul li a:hover
{
	background:#5d5d5d;
}



#header #topnav .selected

{

	margin:0px 0px 0px 0px;

	padding:10px 10px 10px 12px;

	font:11pt "Trebuchet MS", Arial, Helvetica, sans-serif;

	color:#fff;

	background:#5d5d5d;

	line-height:40px;

}



#my_account

{

	width:995px;

	clear:both;

	height:78px;

	margin:0 auto;

	padding:0px 0px 0px 0px;

	border:0px solid #ff0000;

}



#my_account  h1

{

	margin:0px 0px 0px 0px;

	padding:0px 0px 0px 0px;

	float:right;

	font:  

}



#banner

{

	width:995px;

	margin:0 auto;

	padding:0px 0px 0px 0px;

	border:0px solid #ff0000;

}



/*#banner img

{

	margin:0 auto;

	padding:0px 0px 0px 0px;

	border:1px solid #00ff00;

}*/



#banner .displayed {

    display: block;

    margin:0 auto;

}



.hide {

  display : none;

}



.clear {

  clear : both;

}



.redtext {

  border : #CC0000 solid 1px;

  color: #CC0000;

  margin : 12px;

  padding : 12px;

  background : #FFFFFF;

}

td {

color: #000;

font-size:12px;

}



.redtext {

  border : #CC0000 solid 1px;

  color: #CC0000;

  margin : 12px;

  padding : 12px;

  background : #d7d7d7;

}



hr {

  border : #CCCCCC dotted 1px;

  height : 1px;

}



html>body hr {

  border : #000000 solid 0px;

  border-top : #CCCCCC dotted 1px;

  border-bottom : #000000 solid 0px;

  display : block;

  margin : 3px 0px 3px 0px;

  background : #FFFFFF;

}



div.backbutton {

  border : #000000 solid 0px;

  float : left;

  width : 20px;

  height : 30px;

  display : inline;

}



div.nextbutton {

  border : #000000 solid 0px;

  float : left;

  width : 20px;

  height : 30px;

  text-align : right;

  display : inline;

}



div.pagenumbers {

  border : #000000 solid 0px;

  float : left;

  width : 500px;

  height : 20px;

  text-align : center;

  display : inline;

}



strong.pagenumber, a.pagenumber {

  border : #000000 solid 0px;

  background : #EEEEEE;

  padding : 3px;

  margin : 2px;

  text-decoration : none;

}



div.productthumb1 {

  border : #000000 solid 0px;

  background : #fff;

  width : 175px; 

  float : left; 

  display : block;

  margin : 10px;

  padding : 10px;

}



div.productthumb2 {

  border : #000000 solid 0px;

  background : #EEEEEE;

  width : 135px; 

  float : left; 

  display : block;

  margin : 10px;

  padding : 10px;

}

.intro{

color: #FFFFFF;

}



/* FORM STYLES - START */

form {

  margin : 0px 0px 0px 0px;

  padding : 0px 0px 0px 0px;

}



label {

  font-weight : normal;

}



label.formleft {

  display : block;

  width : 150px;

  float : left;

  text-align : right;

  margin-right : 6px;

}

label.formleft2 {

  display : block;

  width : 250px;

  float : left;

  text-align : right;

  margin-right : 4px;

}



small.formnote {/* margin left same width as label.formleft width */

  margin : 0px 0px 0px 160px;

  display : block;

}



input.checkbox {

  width : 20px;

  float : left;

}



label.labelright {

  display : block;

  width : 90%;

  float : left;

  margin-right : 6px;

  text-align : left;

  font-size : 10px;

  font-weight : normal;

  color : #000000;

  padding-top : 4px;

}



fieldset {

  margin : 12px;

  padding : 6px;

  color: #d7d7d7;

}

.class {
  margin : 12px 12px 0px 50px;
  padding : 6px;
  color: #000000;
  border:#D7D7D7 solid 1px;
  font-size: 12px;
  width: 300px;  
  float:right;
}



#search fieldset {

  margin : 12px 12px 12px 12px;

  padding : 6px;

  width: 290px;

  height: 60px;

  border: 1px solid #cccccc;

}



fieldset.address {

  width : 45%;

  float : left;

  margin : 12px;

  padding : 6px;

}



legend {

  color : #d7d7d7;

  font-weight : bolder;

}



.formmsg {

  color: #CC0000;

  padding-top : 6px;

}



.form {

  width : 200px;

}

input.form {

  border:1px solid #003366;

  margin-top:1px;

}



textarea {

  font-size : 12px;

}



/*.button {

  background-color : #3AB8E8;

  color: #ffffff;

  border:1px solid #666666;

  font-size:10pt;

  font weight: bold;

}*/

/* FORM STYLES - END */



table {

  margin-top : 12px;

  margin-bottom : 12px;

  border : 0px;

}



caption {

  text-align : left;

}



th {

  background-color : #CCCCCC;

  padding-left : 3px;

  padding-right : 3px;

  padding-top : 3px;

  padding-bottom : 3px;

  font-size : small;

  font-weight: normal;

  text-align : left;

  border : 0px;

}



td.right, td.data, td.center {

  background-color : #EEEEEE;

  padding-left : 3px;

  padding-right : 3px;

  padding-top : 3px;

  padding-bottom : 3px;

  border : 0px;

}



td.right {

  text-align : right;

}



#highlight a.title {

  color: #999999;

  font-size: 18px;

  font-weight:bold;

  text-decoration:none;

  font-family:Arial, Helvetica, sans-serif, Verdana ;

}



#highlight small {

  color: #000000;

  font-size: 10px;

  text-decoration:none;

  font-family:Verdana, Arial, Helvetica, sans-serif;

}



#highlight p.pricelabel {

  color: #000000;

  font-size: 12px;

  text-decoration:none;

  font-family:Verdana, Arial, Helvetica, sans-serif;

}



#highlight p.price {

  color: #CC0000;

  font-size: 14px;

  font-weight:bold;

  text-decoration:none;

  font-family:Verdana, Arial, Helvetica, sans-serif;

}



#highlight .mainimg {

	margin-right: 10px;

	margin-left: 10px;

}

	

#highlight {

  background-image: url(../images/highlight_bg.gif);

	background-repeat: none;

	background-position: center top;

}



#highlight legend {

	color: #328CB7;

	font-size:110%;

	font-weight: bolder;

	margin: 0px 0px 0px 10px;

}



#highlight .smallimg_1 {

  float:left;

  margin:10px 0px 0px 0px;

}



#highlight .smallimg_2 {

  float:right;

  margin:10px 0px 0px 0px;

}



#highlight .smallimg_3 {

  float:left;

  margin:3px 0px 0px 0px;

}



.highlightbutton {

  margin:20px 0px 0px 40px;

}

/*#content table td 
{
color:#FFFFFF;
}*/

#content fieldset {

  border : solid 1px #CCCCCC;

  margin : 12px;

  padding : 12px;

}



#content p {

  margin: 12px;

  padding: 12px;

  color: #d7d7d7;

}



#content fieldset p {

  padding : 6px 12px 6px 12px;

  margin : 0px;

}



#content legend {

  /*background : #FFFFFF;*/

  margin : 0px 0px 6px 0px;

  padding : 3px 6px 3px 6px;

  font-size : 11px;

}



#content table.table {

  width : 529px;

}



#content td p {

  padding : 0px;

  margin : 0px;

}



#content fieldset.productoption {

  clear : both;

  border : solid 1px #EEEEEE;

  background : #F8F8F8;

  margin-top : 3px;

  margin-bottom : 3px;

}



#content fieldset.left {

  border : solid 1px #EEEEEE;

  width : 227px;

  float : left;

  margin : 6px 5px 6px 6px;

  font-size : 85%;

}



html>body #content fieldset.left {

  margin : 6px 5px 6px 12px;

  padding : 0px 12px 12px 12px;

}



#content fieldset.right {

  border : solid 1px #EEEEEE;

  width : 227px;

  float : left;

  margin : 6px 0px 6px 6px;

  font-size : 85%;

}



html>body #content fieldset.right {

  margin : 6px 0px 6px 6px;

  padding : 0px 12px 12px 12px;

}



#content img {

  border : solid 0px #EEEEEE;

}



#content fieldset.news {

  border : #CCCCCC solid 1px;

  margin : 3px;

  padding : 12px;

  background : #EEEEEE;

  font-size : 11px;

  color : #333333;

  text-align : center;

}



#content fieldset.news strong {

  color : #000000;

}

label {

  font-weight : normal;

  color:#FFFFFF;

  font-size:12px;

}



label.formleft {

  display : block;

  width : 150px;

  float : left;

  text-align : right;

  margin-right : 6px;

}

label.formleft2 {

  display : block;

  width : 250px;

  float : left;

  text-align : right;

  margin-right : 4px;

}



small.formnote {/* margin left same width as label.formleft width */

  margin : 0px 0px 0px 160px;

  display : block;

}



input.checkbox {

  width : 20px;

  float : left;

}



label.labelright {

  display : block;

  width : 90%;

  float : left;

  margin-right : 6px;

  text-align : left;

  font-size : 10px;

  font-weight : normal;

  color : #fff;

  padding-top : 4px;

}



fieldset {

  margin : 12px;

  padding : 6px;

}



#search fieldset {

  margin : 12px 12px 12px 12px;

  padding : 6px;

  width: 290px;

  height: 60px;

  border: 1px solid #cccccc;

}



fieldset.address {

  width : 45%;

  float : left;

  margin : 12px;

  padding : 6px;

}



legend {

  color : #d7d7d7;

  font-weight : bolder;

}



.formmsg {

  color: #CC0000;

  padding-top : 6px;

}



.form {

  width : 200px;

}

input.form {

  border:1px solid #003366;

  margin-top:1px;

}



textarea {

  font-size : 12px;

}



.button {

  background-color : #3AB8E8;

  color: #ffffff;

  border:1px solid #666666;

  font-size:10pt;

  font weight: bold;

}



.product {

  color: #fffff;

  margin : 0px;

  padding : 0px;

}

th{

color:#FFFFFF;

font-weight:bold;

padding: 3px 0px 3px 5px;

}