html { 
height: 100%; 
margin-bottom: 1px; 
}

body {
 
margin: 0px; 
padding: 3px 0px 0px; 
background-color: #4b93bf; 
font-family: "Verdana", "Arial", "Helvetica",sans-serif;
font-size:76%;
}



form { display: inline; }
img { border: 0px; }
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input { margin: 0; padding: 0; }

#body ul li {
	list-style: none;
}



#content ul {
	margin: 0 0 12px 0;
    list-style: none;
}

#content ul li {
	margin-top: 10px;
	padding-left: 10px;
}

#content strong {
  color: #646D74;
}

#content a {
  color: #fff;
}

#content a:hover {
  color: #2e437f;
}


.fr { float: right; }

.clear { clear: both; 
margin: -1px 0px 0px !important; 
height: 1px !important; 
margin: 0px; 
height: 0px;
}

input, textarea { padding: 1px 3px; }
select { padding: 1px 0px 1px 3px }

p { margin: 0px 0px 10px; padding: 0px; }
p.bq { margin: 0px 0px 10px; padding: 0px 0px 0px 27px; }

span.u { text-decoration: underline; }


a {	color: #fff; text-decoration: none; }
a:hover { color: #2e437f; text-decoration: none; }

#logo{
	position: absolute;
	margin-top: 65px;
	margin-left: 10px;
	height: 4em;
	width: 22.312em;
	border: none;
	z-index: 300;
}

#logo2{
	position: absolute;
	margin-top: 62.5px;
	margin-left: 10px;
	height: 4em;
	width: 22.312em;
	border: none;
}

h2 { margin: 0px 0px 7px; padding: 0px 0px 0px 15px;}
h2.x { margin: 3px 0px 3px; padding: 0px 0px 0px 15px;}

/* STRUCTURE
-------------------------------------*/

#root { 
position: relative; 
width: 798px; 
margin: 0px auto; 
height: 696px;
background-color: #a2cad6; }

#root2 { 
position: relative; 
width: 798px; 
margin: 0px auto; 
height: 700px;
background-color: #a2cad6; }


 #head { 
 position: relative; 
 height: 32px; 
 width: 798px; 
 top: 0px;
 background-color: #4b93bf;
 }
 
 
  #head h1 { width: 120px; height: 84px; position: absolute; left: 18px; top: 18px; background: none; padding: 0px; margin: 0px; }
  #head h2 { width: 267px; height: 62px; position: absolute; right: 3px; top: 67px; text-indent: -10001px; overflow: hidden; padding: 0px; margin: 0px; }
  #head p { text-align: left; position: absolute; right: 0px; top: 9px; color: #777; }
   #head p a { color: #777; } #head p a:hover { color: #333; }
   #head p a.pd { font-weight: bold; padding: 0px 0px 0px 35px; }
 
 
<!-- upper menu-->
 #menu, #menu ul { /* all lists */
	padding: 0;
	margin: 0;
	float:left;
	list-style: none;
	position: relative;
	left: 2.6em;
	font-size: 16.5px;
	margin-top: 16px;
	background-color: #a2cad6;
	color: #fff;
}

#menu a {
	display: block;
	color: #fff;
	text-decoration: none;
}

#menu  li { 
	float: left;
	padding: 0px 4px; 
	height: 1.2em;
}

#menu a:hover { 
	left: auto;
	color: #2e437f;
	}
 
 
 <!--Lower menu-->
 
 #menu2, #menu2 ul {
 position: absolute;
 height: 32px;
 font-size: 13.5px;
 list-style: none; 
 top: 650px;
 left: 160px; 
 padding:0px; 
 text-align: center;
 }
 
 #menu2 li { 
 float: left; 
 height: 19.2px; 
 padding: 0px 3px;
 color: #f3f0e9; 
 }
 
 #menu2 li a { 
 color: #f3f0e9; 
 }
   
 #menu2 li a:hover, #menu2 li.over a {
 color: #2e437f; 
 }  
 
 <!--Lower menu on CUSTOMER CARE PAGE-->
 
 #menu3  {
 position: absolute;
 height: 32px;
 font-size: 13.5px;
 list-style: none; 
 margin-top: 850px;
 left: 180px; 
 padding:0px; 
 text-align: center;
 z-index: 600;
 }
 
 #menu3 ul{
  margin-left: 175px;
  list-style: none; 
   padding-top: 50px;
  }
  
 #menu3 ul li{
  margin-top: 100px;
  
}
 
 #menu3 li { 
 float: left; 
 height: 19.2px; 
 padding: 0px 3px;
 color: #f3f0e9; 
 }
 
 #menu3 li a { 
 color: #f3f0e9; 
 }
   
 #menu3 li a:hover, #menu3 li.over a {
 color: #2e437f; 
 }  
 
 
   
 #croot { 
 background-color: #a2cad6;
 }
  
 #side { 
 float: left; 
 border-top: 1px solid #E2E2E2; 
 width: 155px;
 }
 
 
 #content { 
 float: right; 
 width: 100%;
 height:352px; 
 margin-top: 135px; 
 margin-bottom: 52.8px;
 background-color:#f3f0e9;
}

#content4 { 
 float: right; 
 width: 100%;
 height:352px; 
 margin-top: 90px; 
 margin-bottom: 52.8px;
 background-color:#a2cad6;
}
 
 #content_index{
 float: right; 
 width: 100%;
 height: 384px; 
 margin-top: 135px; 
 background-color:#f3f0e9;
}
  #croot div.cx { 
  background: #a2cad6; 
  margin: 0px; 
  padding: 15px 0px; 
  }
  
#footer { 
position: absolute;
top: 682px;
width: 798px; 
height: 20px; 
color: white;
margin-right: 10px;
padding-top:5px;
 }
 
.fl {  
margin-left: 25px;
font-size:9px; }
 
  #footer a { 
  color: #fff; 
  text-decoration: underline; 
  } 
  #footer a:hover { 
  color: #2e437f; 
  }


 
 


/*-----SIZE------------------*/
#chart{
background-color: #a2cad6;
margin-top: 50px;
margin-left: 272px;
width: 410px;
font-size: 12px;
color: #303960;
}

#chart table{
border-collapse: collapse;
margin-top: 4.9em;
border: 1px solid #303960;
}

#chart h1{
position: relative;
top: 52px;
margin-left: 170px;
font-size: 20px;
color: #303960;
}

#chart img{
margin-left: -40px;
height: 120px;
width: 380px;
}

table {
border-collapse: collapse;
margin-top: 2.2em;

}

table  tr td{
padding: 4.5px 10px;
}

.header{
font-size: 1.2em;
color: #303960;
padding: 8px 10px;
}

#men{

width: 25em;
padding: 15px;

}

.men{
background-color: #99bdc8;
}

#drp {
position: absolute;
top: -80px;
right: 0px;
width: 160px;
height: auto;
}

/*--------CUSTOMER CARE-------*/
#description_care{
position: relative;
height: auto;
width: 740px;
font-size: 14px;
top: 120px;
left: 40px;
color: #2e437f;
background-color: #a2cad6;
}

#description_care p{
width: 700px;
margin-top: -.6em;
padding-left: 45px;
}



#description_care h1{
padding-bottom: 15px;
font-size: 20px;
color: #2e437f; 
}

#description_care h2{
padding-bottom: 10px;
font-size: 15px;
padding-left: 20px;
}

#description_care img{
margin-left: -100px;
margin-top: -80px;
}

#starfish{
position: relative;
margin-top: -4em;
left: 30em;
height: 14em;
width: 26em;
}

#drp_index {
position: absolute;
width: 100%;
height: auto;
background-color: #f3f0e9;
}

#thumbs{
margin-top: 10px;
}

#thumbs img{
height: 50px;
width: 50px;
border: none;
}

.leftcart { 
 position:absolute;
 margin-top: 490px;
 margin-left: 616px;

 }
 
 .leftcart2 { 
 position:absolute;
 margin-top: 359px;
 margin-left: 616px;

 }
 
 .leftcart4 { 
 position:absolute;
 top: 156px;
 margin-left: 616px;

 }
 
 
.minicart{
 margin-top: 20px;
left: 871px;
 font-size: 14.24px;}

 
 
.pagenums{
visibility:hidden;}
 
 
.proddescription{
position: absolute;
margin-top: -53px;
margin-left: -15px;
font-family:"Verdana", "Arial", "Helvetica", sans-serif;
font-size:14.4px;
width: 305px;
height: auto;
padding-top: 6px;
color:#303960;
}

table img{

}

#thumbs a{
color: #303960;

}

#thumbs a:hover{
color: #89d8ef;
text-decoration: none;
}

.proddescription img {
height: 40px;
width: 40px;
}

.products{
margin-top: 15px;}

.products p{
visibility:hidden;}

td input{
position:relative;
padding-top: 5px;
}

.prodseparator{
visibility: hidden;}

.products{
top: 150px;
left: -622px;
position: absolute;
height: 320px;
width: 750px;
 }

.prodoption{
width: 170px;
background-color:#f3f0e9;}

.prodname{
position: absolute;
font-size: 19.2px;
margin-top:-21.6px;
text-align: left;
margin-left: -13px;
width:250px;
color: #2e437f;
}

.prodoptions{
position: absolute;
width: 312px;
margin-top: 132px;
margin-left: -20px;
font-size: 21.6px;
z-index: 200;
background-color:#f3f0e9;
}

.prodimage{
margin-right: 35px;
margin-top: 59px;
height: 330px;
width: 400px;
z-index: 1000;
}

.prodimage img{
height: 330px;
width: 400px;
}

.prodimage a a:hover{
visibility:hidden;

}



p.pagenums{
visibility:hidden;}

.prodprice{
position: absolute;
margin-top: 0px;
width: 200px;
height: 26px;
margin-left: 30px;
z-index: 2000;
font-size: 15px;
}

.prodnavigation{
visibility:hidden;
}

.prodoption{
font-size: 13px;}


#drp ul {
	margin: 0px 0 7px 0;
    padding-top: 20px;
}

#drp ul li {

	margin-top: 3.2px;
	padding-left: 8px;
	color: #000000;
}

#drp ul li strong{
	color: #646D74;
}


div.plan1 {
    position: relative;
	float:left;
	margin-left:60px;
	margin-top: 26.56px;
	height: 160px;
	width:160px;
	border: 3px solid #f3f0e9;
}

div.plan1 img{
height: 160px;
width: 160px;

}

  div.plan2 {
    position: relative;
	float:left;
	margin-top: 26.56px;
	height: 160px;
	width:160px;
	border: 3px solid #4b93bf;
	
}

div.plan2 img{
height: 160px;
width: 160px;
}

  div.plan3 {
position: relative;
float:left;
margin-top: 26.56px;
height: 160px;
width: 160px;
border: 3px solid #f3f0e9;
	
}

div.plan3 img{
height: 160px;
width: 160px;}

div.plan4 {
position: relative;
float:left;
margin-top: 26.56px;
height: 160px;
width: 160px;
border: 3px solid #4b93bf;
	
}

div.plan4 img{
height: 160px;
width: 160px;
}

div.plan5 {
position: relative;
float:left;
margin-left:60px;
height: 160px;
width: 160px;
border: 3px solid #4b93bf;	
}

div.plan5 img{
height: 160px;
width: 160px;}

div.plan6 {
position: relative;
float:left;
height: 160px;
width: 160px;
border: 3px solid #f3f0e9;
	
}

div.plan6 img{
height: 160px;
width: 160px;
}

div.plan7 {
    position: relative;
	float:left;
	height: 160px;
width: 160px;
border: 3px solid #4b93bf;	
}

div.plan7 img{
height: 160px;
width: 160px;
}

div.plan8 {
    position: relative;
	float:left;
	height: 160px;
width: 160px;
border: 3px solid #f3f0e9;
	
}


div.plan8 img{
height: 160px;
width: 160px;}








.sub	{
	font-size: 22.2px;
	color: #666666;
    background: #a2cad6;
	height: 19px;
    width: 48px;
    border: 0px;
}

.detailname{
margin-top: -50px;
left: 30px;
width: 200px;
}
.detailimage{
width: 805px;
background-color:#f3f0e9;
top: -190px;
}

#content_cart{
position: absolute;
margin-top: 145px;
width: 798px;
margin-left: 0px;
background-color:#f3f0e9;
}

.cobll{
background-color:#f3f0e9;
border:none;
color:#303960;
}

.cobll strong{
color:#4b93bf;
}

.cobll strong a{
color:#a2cad6;
}

.cobll img{
visibility:hidden;
}

.cobhl{
background-color:#f3f0e9;
left: 0px;
color:#303960;
border:none;

}