/*************************************************************************
' Function : CSS defintions for the store.
'**************************************************************************/
* {padding: 0px;margin-top: 0px}

#window_frame  {text-align: center;top: 0;padding: 0;border: 0;width: 100%}
#window_frame_white  {text-align: center;padding: 0px;width: 965px;margin-left: auto;margin-right: auto;background-color: white}


#itemC150 {position:relative;float: left;color: Black; width: 235px;height: 365px;padding-top: 0px;vertical-align: top;padding-bottom: 5px;margin: 5px;
       text-align: center;background-color: White;border:1px Black solid}
#itemC200 {position:relative;float: left;color: Black; width: 200px;height: auto;padding-top: 5px;padding-bottom: 5px;margin: 8px;
       text-align: center;background-color: White}
#itemC700 {position:relative;float: left;color: Black; width: 700px;height: 100px;padding-top: 0px;vertical-align: top;padding-bottom: 5px;margin: 5px;
       text-align: center;background-color: White;border:0px Black solid}
#itemRelated {position:relative;float: left;color: Black; width: 500px;height: 125px;padding-top: 0px;vertical-align: top;padding-bottom: 4px;margin: 0px;
       text-align: left;background-color: White}

/*----------------- header  ------------------*/
/*--------------------------------------------*/






/*----------------- global  ------------------*/
/*--------------------------------------------*/

body {
	font-family: Comic Sans MS, Lucida Sans, sans-serif;
	font-size:11pt;
	color:#000;
	background-color:#7ae1fb;
}

#container {
        position:relative;
	width: 965px;
	background-color: #fff;
	text-align: left;
}

.breadcrumbs {
padding-left: 6px;
padding-bottom: 10px;
letter-spacing:1px;
font-size:11pt}



#content {/* div for page elements on page*/ 
	text-align: justify;
}

.input {
border: 3px #8dc939 solid;
color:#666666;
font-size:14px;
padding:3px
}

.admin{
border: 2px #Black solid;
color: Black;
font-size: 11pt;
padding:3px
}

.lrgbutton { /*large input buttons*/
font-size:14px;
border: 3px #8dc939 solid;
color:#666666;
padding:3px;
}


a, a:visited {
        font-size: 11pt;
        padding: 0px;
	margin-top:1px;
	margin-bottom:1px;
	color:#F4763B;
	text-decoration:underline;
}

a:hover {
        font-size: 11pt;
	margin-top:1px;
	margin-bottom:1px;
        padding: 0px;
	text-decoration:underline;
}

a img {
	border:none;
}

cite {
        font-size: 11pt;
        font-style: normal;
        text-align: left;
        padding: 0px;
	margin-top:1px;
	margin-bottom:1px;
	color:Black;
}

p {
	margin-top: 0px;
	line-height: 160%
}

h1, h2, h3{
	font-weight:bold;
}

h1 {
	font-size:14pt;
	color: #00a0db;
	letter-spacing:2px;
	border-bottom: dotted 1px 7ae1fb;
	}
#heading {
	font-size:18pt;
        align=left;
	color: #00a0db;
	letter-spacing:2px;
}

#h1header { /**DIV around H1 Tag**/
border-bottom:dotted 3px #36b1d0
}


h2{
	font-size:13.5pt;
	letter-spacing:1px;
        text-align:center;
}


h3{
	font-size:13.5pt;
        text-align:center;
}

h4{
	font-size:11pt;
        font-style: normal;
        text-align:center;
        padding-bottom:0px;
        margin-bottom:0px;
}


hr {
border: none;
border-top: #36b1d0 dotted 6px
}

td.sum {color: Black;text-align: right;margin: 0;padding: 3px;border-spacing: 0;font: 11pt Comic Sans MS, Lucida Sans, sans-serif}
td.sumLEFT {color: Black;text-align: left;margin: 0;padding: 3px;border-spacing: 0;font: 11pt Comic Sans MS, Lucida Sans, sans-serif}
td.sumCENTER {color: Black;text-align: center;margin: 0;padding: 3px;border-spacing: 0;font: 11pt Comic Sans MS, Lucida Sans, sans-serif}
td.sumRIGHT {color: Black;text-align: right;margin: 0;padding: 3px;border-spacing: 0;font: 11pt Comic Sans MS, Lucida Sans, sans-serif}
th {color: Black;font-weight: bold;margin: 0;padding: 0;background: #999999;text-align: left;font: 11pt Comic Sans MS, Lucida Sans, sans-serif}

#newsletter {
width:935px;
color: #8dc939;
font-size:18px;
padding:10px;
text-align:center;
BACKGROUND-COLOR: #e2f0f4;}

#newsletter input {
border: 3px #8dc939 solid;
color:#666666
}


/*--------------- home page items  -----------*/
/*--------------------------------------------*/
#userpanel {
width: 580px;
float:right;
margin-top: 60px;
}

#marquee {
width: 965px;
height:400px
}

#nav{
	width:965px;
	background-color: #36b1d0;
	height:37px;
	}

#nav img {
float:left}



/*----------------- left menu  ---------------*/
/*--------------------------------------------*/
li.columnleft {align: left}

.mininav {background-color: #7BE3FF}

.vertnav{
/*border: 1px solid #C0C0C0;*/

border-bottom-width: 0;
width: 170px;
float: left;

}

* html .vertnav{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}

.vertnav ul{
padding: 0;
margin: 0;
list-style-type: none;
border-top:4px solid #7ae1fb;
border-bottom:4px solid #7ae1fb;
font-size:14px
}

.vertnav ul a{
background-color: #36b1d0;
padding: 6px 6px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #ffffff;
text-decoration: none;
border-bottom: 4px solid #7ae1fb;
border-right: 4px solid #7ae1fb;
}

.vertnav ul a:visited{
color: #ffffff;
}

html>body .vertnav ul a{ /*Non IE rule*/
width: auto;
}

.vertnav  ul a:hover{
background-color: #8dc939;
color: #ffffff;
}

.whiteText {
color: white;
font-size:8pt;
}

.grayText {
color: gray;
font-size: 9pt;
}

#cart {
padding-left: 6px;
border-bottom: dotted 3px #36b1d0;
padding-bottom:12px;
padding-top:12px;
margin-bottom: 10px;
text-align:center
}

.cartcells {
padding-top:3px;
padding-bottom:3px;
border-bottom: dotted 1px  #36b1d0;
}

/*----------------- footer  ------------------*/
/*--------------------------------------------*/

#FooterArea {
color: gray;
font-size: 9pt;
text-align: left;
padding-left: 10px;
padding-right: 10px
}

#FooterText {
color: gray;
text-align: left;
padding-left: 10px;
padding-right: 10px
}

#footer {
background-color:#36b1d0;
color:#ffffff;
margin: 0 auto;
width: 965px;
text-align: center;
padding-top: 10px;
padding-bottom: 10px
}

#footer a {
color:#ffffff;
text-decoration: underline
}

#footer a:hover {
text-decoration:none
}


#footer ul li{
	/*float:left;*/
	display:inline;
	padding-left:1.2em;
	
}


.table {
padding:5px
}

/* --- prodlist --- */
div#prodinfoecB{
	position:relative;
	width: 98%;
	padding-bottom:1em;
	min-height:auto!important;
	height:10em;
	border-bottom: solid 1px #BBC3D3;
	border-left: solid .5em #BBC3D3;
	padding-left: 1%;
}
div#prodinfoecL{
	left:0em; 
	float:left;
	width:42%;
	text-align:left;
}
div#prodinfoecM{
	position:relative;
	right: 0em;
	width:42%;
	float: left;	
	height: 10em;
	bottom:1em;
}
div#prodinfoecR{
	position:relative; 
	float: left;
	right:1em; 
	top:0em; 
	width:15%;
	text-align: right;
}
div#prodinfoecRi{
	 position:absolute; 
	 left:0em; 
	 width:49%;
}
div#prodinfoecRb{
	 position:absolute; 
	 right:0em; 
	 width:49%; 
	 text-align:left; 
	 top:2em;
}
div#prodinfoColM{
	text-align:center;
	position:relative;
	float:left;
	min-height:auto!important;
	padding-bottom:20px;

					
}
div#prodinfoColB{
	position:absolute;
	width:100%;
	vertical-align:text-bottom;
	left:0em;
	bottom:1em;
}
div#prodinfo2Col{
	text-align:center;
	position:relative;
	float:left;
	min-height:auto!important;
	height:15em;
	width:49%;
}
div#prodinfo2ColT{
	text-align:left; 
	width:69%;
	left:0em;
	float:left;
	padding:1em;
}
div#prodinfo2ColI{
	position:absolute;
	width:30%;
	right:0em;
	top:1em;
	bottom:1em;
	height:auto;
	text-align:center;
}

.goleft {
	float: left;
	margin-right: 1px;
	margin-left: 2px;
}

/* --- prodView --- */
div#prodviewM{
	width:95%; 
	position:relative; 
	text-align:left;
	margin-top: 0px;
}
div#prodviewL{
	width:65%; 
	position:relative; 
	float:left;
	text-align:center

}

#prodviewL h1 {
	text-align: left;
	font-size: 25px;
	line-height: normal;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
div#prodviewR{
	width:34%; 
	position:relative; 
	float:left
}
div#prodviewBox{
	width: 18em;
}

div#prodviewBox input{
font-size:18px
}

div#prodviewBoxH{
	width:100%;
	top:0em; 
	text-align:center;
}
div#spacer{
	height: 10px;
}


#products{
width : 170px;
padding: 3px;
margin-right:10px;
float : left;
height: 200px;
text-align:left;
color:#5A725E

}
#products img	{
	float: left;
	padding: 10px;
	margin-bottom:5px;
	border: 1px dotted #666666;
}
#products a:hover img {
	background:  #36b1d0;
}



/* Info Box WITHOUT Headings */
.CPbox1            {COLOR: #333333}
.CPbox1 A:link     {COLOR: #333333; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.CPbox1 A:visited  {COLOR: #333333; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.CPbox1 A:hover    {COLOR: #996666; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

/* Info Box WITH Headings ( H = Heading cell ; B = Body cell ) */
.CPbox2            {COLOR: #333333; }
.CPbox2H           {COLOR: #333333; PADDING: 1px}
.CPbox2H B         {COLOR: #333333;}
.CPbox2B           {COLOR: #333333; BACKGROUND-COLOR: #F5F5F5}
.CPbox2B A:link    {COLOR: #333333; FONT-SIZE: 10px; TEXT-DECORATION: none}
.CPbox2B A:visited {COLOR: #333333; FONT-SIZE: 10px; TEXT-DECORATION: none}
.CPbox2B A:hover   {COLOR: #996666; FONT-SIZE: 10px; TEXT-DECORATION: underline}

/* Box - Page Headings */
.CPpageHead {BORDER-BOTTOM: 1px solid #CCCCCC; PADDING-BOTTOM: 4px}

/* Box - Page Navigation */
#CPpageNav {
BACKGROUND-COLOR: #e2f0f4;
padding-left:15px;
padding-right:15px;
padding-top:6px;
border-top: dotted 1px #93c3ce;
border-bottom: dotted 1px #93c3ce;
height:24px;
}

#CPpageNav input {
padding-left:5px;
padding-right:5px;
background: #000000}

/* Box - General Headings */
.CPgenHeadings {
font-size:16px;
color: #666666;
border-bottom: 1px dotted #93c3ce
}

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

/* Box - Product Description (Home page) */
.CPhomeDesc {BORDER-BOTTOM: 1px solid #CCCCCC}

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

/* Product Short Description (Except Detail page) */
.CPprodDesc {FONT-SIZE: 10pt}

/* Product Short Description (Detail page only) */
.CPprodDescDet {FONT-SIZE: 11pt}

/* Product Long Description */
.CPprodDescLong {}

/* Product Detail */
.CPprodDet {
font-size:12pt;
letter-spacing:1px;
letter-spacing:150%;
color:#666666}

/* Product SKU */
.CPprodSKU {
color:#999999;
font-weight:normal}

/* Product Price - Text Label */
.CPprodPriceT {color:#999999;
font-weight:normal; font-size:140%}

/* Product Price - Price Value */
.CPprodPriceV {Ccolor:#999999;
font-weight:normal; font-size:140%}

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

/* Product List Price - Price Value */
.CPprodLPriceV {TEXT-DECORATION: line-through}

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

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

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

/* In Stock text */
.CPinStock {COLOR: #888888; font-size:10pt;}

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

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

/* Category List */
.CPcatDescList {}

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

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

/* Option Description for "Optional" options */
.CPoptDesc {FONT-STYLE: italic}

/* Option Select box */
.CPoptSel {
font-size:14px;
color:#333333;
padding:3px;
width:190px;
border: 3px #8dc939 solid;}

/* Option Text box */
.CPoptTxt {FONT-FAMILY: Comic Sans MS, Lucida Sans, sans-serif; FONT-SIZE: 8pt}


/* Box - 2, 3 and 4 Column Layout for product list page */
.CPcolsView {
	border: 1px solid #999999;
	float: left;
	width: 225px;
	height: 270px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;

}
.CPcolsView A:link    {COLOR: #000099; TEXT-DECORATION: none}
.CPcolsView A:visited {COLOR: #000099; TEXT-DECORATION: none}
.CPcolsView A:hover   {COLOR: #996666; TEXT-DECORATION: underline}
/* System Messages */
.CPsysMsg    {FONT-SIZE: 10pt;}
.CPsysMsgErr {COLOR: red; FONT-SIZE: 10pt;}
.CPsysMsgURL {FONT-SIZE: 10pt}


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


/* Radio Button options */
.CPoptRadio {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt}

/* Option Description for "Mandatory" options*/
.CPoptDescM {
font-size:10px}


.CPcloseWindow {FONT-SIZE: 6pt; TEXT-DECORATION: none;}
.install { 
	BORDER: 1px solid #BBC3D3
}
div#Snav {
    width: 82px;height: 20px        /* menu width */
}