/*************************************************************************
' Function : CSS defintions for the store.
' Product  : GVI Store Frontend
' Version  : 2.4
' Modified : June 2003
' Copyright: Copyright (C) 2003 GVI.Com 
'            See "license.txt" for this product for details regarding 
'            licensing, usage, disclaimers, distribution and general 
'            copyright requirements. If you don't have a copy of this 
'            file, you may request one at webmaster@GVI.com
'**************************************************************************/

/* General Tag specifications */
BODY{ 
/*background:url(images/redesign/bgrd.jpg) repeat;*/
background-color:#a0c8cb;
COLOR: #000000; .
FONT-FAMILY: Arial, Verdana , Helvetica; 
FONT-SIZE: 13px;
margin:0;
padding:0;
}


B, TD, P     {

FONT-FAMILY:  Arial, Verdana, Helvetica, sans-serif;
FONT-SIZE: 13px;
}


/* Added 5-17-05, for general links - Lupe */
A:link     {COLOR: #000000; FONT-SIZE: 14px; TEXT-DECORATION: underline}
A:visited  {COLOR: #000000; FONT-SIZE: 14px; TEXT-DECORATION: underline}
A:hover    {COLOR: #EF6F1E; FONT-SIZE: 14px; TEXT-DECORATION: underline}


/* Info Box WITHOUT Headings */
.CPbox1            {BACKGROUND-COLOR: #FFFFFF; BORDER: 0px solid #CECECE; text-align:center;}
.CPbox1 A:link	   {COLOR: #114B73; FONT-SIZE: 12px; TEXT-DECORATION: none; TEXT-ALIGN: center}
.CPbox1 A:visited {COLOR: #114B73; FONT-SIZE: 12px; TEXT-DECORATION: none; TEXT-ALIGN: center}
.CPbox1 A:hover   {COLOR: #EF6F1E; FONT-SIZE: 12px; TEXT-DECORATION: underline; TEXT-ALIGN: center}

/* Info Box WITH Headings ( H = Heading cell ; B = Body cell ) */
.CPbox2            {BACKGROUND-COLOR: #DBE9F8; BORDER: 1px solid #CECECE}
.CPbox2H           {BACKGROUND-COLOR: #114B73; PADDING: 1px; FONT-SIZE: 14px; COLOR: #FFFFFF; font-weight:bold}
.CPbox2B           {BACKGROUND-COLOR: #DBE9F8}
.CPbox2B A:link    {color: #000000; font-size: 12px; TEXT-DECORATION: none; line-height: 19px;}
.CPbox2B A:visited {COLOR: #000000; FONT-SIZE: 12px; TEXT-DECORATION: none; line-height: 19px;}
.CPbox2B A:hover   {COLOR: #EF6F1E; FONT-SIZE: 12px; TEXT-DECORATION: underline; line-height: 19px;}

/* Top Nav Box WITH Headings ( H = Heading cell ; B = Body cell ) */
.CPbox3            {BACKGROUND-COLOR: #FFFFFF; BORDER: 1px solid #4286B5; border-bottom:none;}
.CPbox3H           {BACKGROUND-COLOR: #FFFFFF; PADDING: 1px}
.CPbox3B           {BACKGROUND-COLOR: #e2edf8; FONT-SIZE: 16px; font-weight:bold; border-bottom:1px #4286B5 solid;}
.CPbox3B A:link	   {COLOR: #114B73; FONT-SIZE: 12px; TEXT-DECORATION: none; TEXT-ALIGN: center}
.CPbox3B A:visited {COLOR: #114B73; FONT-SIZE: 12px; TEXT-DECORATION: none; TEXT-ALIGN: center}
.CPbox3B A:hover   {COLOR: #EF6F1E; FONT-SIZE: 12px; TEXT-DECORATION: underline; TEXT-ALIGN: center}

/* subscribe form box by Hiroko */
.Subbox           {BACKGROUND-COLOR: #DBE9F8; BORDER: 1px solid #CECECE}
.SubboxH         {BACKGROUND-COLOR: #e1fcb9; PADDING: 1px; FONT-SIZE: 14px; font-weight: bold; COLOR: #3a3a3a; padding:5px 0}
.Subbox A:link    {color: #000000; font-size: 12px; TEXT-DECORATION: none; line-height: 19px;}
.Subbox A:visited {COLOR: #000000; FONT-SIZE: 12px; TEXT-DECORATION: none; line-height: 19px;}
.Subbox A:hover   {COLOR: #EF6F1E; FONT-SIZE: 12px; TEXT-DECORATION: underline; line-height: 19px;}


/* Info Box WITHOUT Headings */
.pushbox            {BACKGROUND-COLOR: #DEEAF4; BORDER: 1px solid #ED7115; MARGIN: 0px 5px 0 5px; COLOR: #000000; FONT-SIZE: 8pt;}

/* Info Box WITHOUT Headings */
P.pushbox            {BACKGROUND-COLOR: #DEEAF4; BORDER: 0px solid #ED7115; MARGIN: 0px 3px 0 3px; COLOR: #000000; FONT-SIZE: 8pt;}
.pushbox A:link     {COLOR: #000000; FONT-SIZE: 8pt; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.pushbox A:visited  {COLOR: #000000; FONT-SIZE: 8pt; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.pushbox A:hover    {COLOR: #000000; FONT-SIZE: 8pt; FONT-WEIGHT: normal; TEXT-DECORATION: underline}


/* top Navigation */
.nav            {BACKGROUND-COLOR: #FFFFFF; BORDER: 0px }
.nav A:link     {COLOR: #000000; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none; line-height: 8px;}
.nav A:visited  {COLOR: #000000; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none; line-height: 8px;}
.nav A:hover    {COLOR: #000000; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline; line-height: 8px;}


/* Box - Page Headings */
.CPpageHead {BACKGROUND-COLOR: #004c6d; color:#FFFFFF; HEIGHT:35px;FONT-SIZE: 16px; TEXT-DECORATION: none; Padding-Left:25px; border-top: 1px #FFD204 solid;font-weight:bold;}
.CPpageHead A:link  {BACKGROUND-COLOR: #004c6d; PADDING-BOTTOM: 2px; FONT-SIZE: 15px; color: #FFFFFF; TEXT-DECORATION: none;}
.CPpageHead A:visited  {BACKGROUND-COLOR: #004c6d; PADDING-BOTTOM: 2px; FONT-SIZE: 15px; color: #FFFFFF; TEXT-DECORATION: none;}
.CPpageHead A:hover  {BACKGROUND-COLOR: #004c6d; PADDING-BOTTOM: 2px; FONT-SIZE: 15px; color: #FFD204; TEXT-DECORATION: underline;}

/* Box - Page Navigation */
.CPpageNav {BACKGROUND-COLOR: #DBE9F8; border: 1px solid #CECECE}

/* Box - General Headings */
.CPgenHeadings {BACKGROUND-COLOR: #DBE9F8}

/* Box - Product Image (Home page) */
.CPhomeImg {BACKGROUND-COLOR: #FFFFFF; BORDER: 0px solid #CCCCCC}

/* Box - Product Description (Home page) */
.CPhomeDesc {border-right: #CCCCCC; border-width: 0 1px 0 0; border-style: none solid none none;}

/* Horizontal and Vertical lines */
.CPlines {BACKGROUND-COLOR: #CCCCCC}

/* Product Short Description (Except Detail page) */
.CPprodDesc {
	FONT-SIZE: 13px;
	FONT-FAMILY: Arial, Verdana,Helvetica, sans-serif;
	color:#333333;
}

/* Product Short Description (Detail page only) */
.CPprodDescDet {FONT-SIZE: 23px; padding: 3px 10px; COLOR: #000000; font-weight: bold;}

/* Product Long Description */
.CPprodDescLong {
	FONT-SIZE: 12px;
	FONT-FAMILY:  Arial, Verdana,Helvetica, sans-serif;
	color:#333333;
}

/* Product Detail */
.CPprodDet {}

/* Product SKU */
.CPprodSKU {}


.CPprodPriceH {
 background-color:#367eae;
 color:#FFFFFF;
 padding:5px 0px 5px 5px;
 font-size:14px;
 font-weight:bold;
 font-family:Geneva, Arial, Helvetica, sans-serif;
 border: 1px #367eae solid;
}

/* Product Price - Text Label */
.CPprodPriceT {
	FONT-SIZE: 12px;
	FONT-FAMILY:Arial, Helvetica, sans-serif;
	COLOR: #CC3333;
	font-weight:bold;
}

/* Product Price - Price Value */
.CPprodPriceV {
	FONT-SIZE: 15px;
	COLOR: #CC3333;
	font-weight: bold;
}

/* Product List Price - Text Label */
.CPprodLPriceT {}


/* Product Sale Price - Text Label */
.CPprodSPriceT {}

/* Product Sale Price - Price Value */
.CPprodSPriceV {COLOR: #FF0000}

/* Free Shipping text */
.CPfreeShipMsg {COLOR: #888888}

/* In Stock text */
.CPinStock {COLOR: #888888}

/* Out of Stock text */
.CPoutStock {COLOR: #FF0000}

/* No Image text */
.CPnoImgT {COLOR: #CC3333}

/* Category List */
.CPcatDescList {}

/* Category Description - No products linked to it */
.CPcatDesc {}

/* Category Description - Has products linked to it */
.CPcatDescProd {FONT-WEIGHT: bold}

/* Option Description */
.CPoptDesc {FONT-STYLE: italic; COLOR: #CC3333}

/* Option Select box */
.CPoptSel {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt}

/* Option Text box */
.CPoptTxt {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt}

/* ADDED - Version 2.3 */

/* Box - 2, 3 and 4 Column Layout for product list page */
.CPcolsView {BACKGROUND-COLOR: #FFFFFF; BORDER: 1px solid #CCCCCC;border-left:none; border-right:none;}
.CPcolsView A:link    {COLOR: #000099; TEXT-DECORATION: none}
.CPcolsView A:visited {COLOR: #000099; TEXT-DECORATION: none}
.CPcolsView A:hover   {COLOR: #EF6F1E; TEXT-DECORATION: underline}

/* System Messages */
.CPsysMsg    {FONT-SIZE: 10pt}
.CPsysMsgErr {COLOR: red; FONT-SIZE: 10pt}
.CPsysMsgURL {FONT-SIZE: 10pt}

/* ADDED - Version 2.4 */

/* Highlights used in search results */
.CPhighlight {COLOR: #000000; BACKGROUND-COLOR: #ffff66}

/* product of the month text */
.month {text-align: right; color: #FFFFFF; font-size: 9px; margin: 0px 0px 0px 0px;}
.month A:link {text-align: right; color: #FFFFFF; font-size: 9px; TEXT-DECORATION: none;}
.month A:visited {text-align: right; color: #FFFFFF; font-size: 9px; TEXT-DECORATION: none;}
.month A:hover {text-align: right; color: #FFFFFF; font-size: 9px; TEXT-DECORATION: underline; }

/* Add-on by Lupe */
.promohead {Font-Size: 18pt; Font-weight: bold; text-align: center; color: #FFFFFF; line-height: 28pt;}

/* product of the month head */
.monthhead {text-align: right; color: #FFFFFF; font-size: 12px; line-height: 14px; margin: 12px 6px 1px 6px;}

.head {COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 14pt}

/* Special Offers Title */
.spcecialtitle {COLOR: #FF0000; FONT-WEIGHT: bold}
.spcecialtitle a{COLOR: #FF0000; FONT-WEIGHT: bold; text-decoration:none;}
.spcecialtitle a:hover{COLOR: #FF0000; FONT-WEIGHT: bold; text-decoration:underline;}


/* ------------------- */
/* ADDED - Version 2.5 */
/* ------------------- */

/* Radio Button options */
.CPoptRadio {COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 9pt}

/* Option Description for "Mandatory" options*/
.CPoptDescM {FONT-STYLE: italic; COLOR: #CC3333}

/*Add-on by Mike Dj 3-20-06 */
.description2 {font-family:arial,verdana,san-serif; font-size:9pt; color:#000000;}  
form.margin {margin: 2px 2px 2px 2px; color:#000000; font-size-adjust: 10px;} 
.text {font-size: 10px; background-color: #ffffff; border: 1px solid #666666;}  

/*Add-on by Mike Dj 4-4-06 */
 .orange 	
 { 
 border-bottom: 1px solid #ef6f1e;
 border-left: 1px solid #ef6f1e;  
 border-right: 1px solid #ef6f1e;
 } 
 
/*Add-on by Hiroko */
.errMsg{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #cc0000;
	background-color:#fbf9f5;
	color:#cc0000;
	font-size:11px;
	padding:5px 10px;
	margin:5px 5px;
	line-height:17px;
	text-align:center;

}
.errMsg b{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#cc0000;
	font-size:11px
}
.errFields_L{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-top:1px solid #cc0000;
	border-bottom:1px solid #cc0000;
	border-left:1px solid #cc0000;
	background-color:#fbf9f5;
	padding:3px 0px;
	
}
.errFields_R{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-top:1px solid #cc0000;
	border-bottom:1px solid #cc0000;
	border-right:1px solid #cc0000;
	background-color:#fbf9f5;
	padding:3px 0px;
}
b.blue{
	font-weight:bold;
	color:#114b73;
}
.blueTextBox{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#114b73;
	font-size:11px;
	line-height:15px
}
.redTextBox{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#CC0000;
	font-size:11px;
	line-height:15px
}
.introText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#114b73;
	line-height:17px;
	font-weight:normal;
}
.cartheaderText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#114b73;
	font-size:15px;
	font-weight:bold
}
.orderItemHeader{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#114b73;
	padding:5px 0;
	background-color:#dceaf3; 	
}

A.bluelink:link {
	COLOR: #114b73;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
	font-size:11px;
	font-weight: normal;
	text-decoration: underline;
}

A.bluelink:visited {
	COLOR: #114b73;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
	font-size:11px;
	font-weight: normal;
	text-decoration: underline;
}

#emailSignup{
/*	padding-top:0px;*/
	padding-bottom:13px;

}
* html #emailSignup{
/*	padding-top:5px;*/
	padding-bottom:5px; 
}
.myaccount A:link {font-family:Verdana, Arial, Helvetica, sans-serif; color: #114b73; font-size: 12px; TEXT-DECORATION: none;}
.myaccount A:visited {font-family:Verdana, Arial, Helvetica, sans-serif; color: #114b73; font-size: 12px; TEXT-DECORATION: none;}
.myaccount A:hover {font-family:Verdana, Arial, Helvetica, sans-serif; color: #114b73; font-size: 12px; TEXT-DECORATION: underline;}


#navigation {
	font-family:arial,verdana,sans-serif;
	font-size:12px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:0;
	position:relative;
	width:892px;
	z-index:100;
	background-color:#004c6d;
}

#nav, #nav ul {
	padding: 0px;
 	margin: 0px;
 	list-style: none;

}

#nav li {
	float:left;
	position:relative;
	width:200px;
}

#nav li ul li {
	line-height: 20px;
	width:250px;
}

#nav li ul {
	position:absolute;
	display:none;
}
 
#nav ul li ul{
	margin-left:7em;
}
#nav li ul li a {
	display:block;
	border-right:1px solid #fff;
	background:#688a1c;
	color:#FFFFFF;
	text-decoration:none;
	padding:0 10px;
}
#nav li ul li a:hover {
	background-color:#5798B4;
	color:#fff;
}
#nav li ul {
	border-top:1px solid #fff;
}
#nav li ul a {
	border-right:none;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	background:#AEC245;
}

/* SHOW SUBMENU 1 */
#nav li:hover ul, #nav li.over ul {
	display:block;
}
#nav li:hover ul ul, #menu li.over ul ul {
	display:none;
}

#nav li > ul {
  	top: auto;
  	left: auto;
}

#nav li.off ul, #nav li.on ul {
  /*put the subnav below*/
  top: 58px;
  *top: 304px; /*reposition for IE*/
}

#nav li.off:hover ul, #nav li.over ul { 
  display: block;
  z-index: 6000;
  position:absolute;
  top:35px;
  left:0px;
  margin-top:-2px;

}

#nav li.off a:hover,
#nav li:hover a,
#nav li.over a {
  background: #688a1c;
  color: #fff;
}

#spacephoto {
	width:666px;
	height:372px;
}
#bannerContainer{
	position:relative;
	margin:0px 0px;
}

#bannerContainer #mainbanner{
	position:relative;
	width:666px;
	height:391px;
	background-color:#cbcbce; 
}
#bannerContainer #controller{
	position:absolute;
	text-align:right;
	top:200px;
	left:570px;
}
#bannerContainer #photopicker{
	position:absolute;
	text-align:right;
	top:372px;
	left:500px;
}


#stress_test .ques {
	color:#20838a;
	font-weight:bold;
	font-size:11pt;
}

#stress_test .ans {
	color:#000000;
	font-weight:bold;
	font-size:11pt;
}