/* Basic structure of site */

* {
  margin: 0;
  padding: 0;
}

body  {
	font: 100% Verdana, Arial, sans-serif;
	font-size:11px;
	line-height:1.3;
	margin: 0; 
	padding: 0;
	text-align: center; 
	/* this centers the container in IE 5* browsers. The text is then set to the default alignment in the #container selector */
	color: #666666;
}


#container {
	margin: 0 auto;
	/* the auto margins (in conjunction with the width) center the page if needed */
	text-align: left;
	/* this overrides the text-align: center on the body element. */
width: 830px;
background: url(../template_images/blue.gif);
background-position:right;
background-repeat:repeat-y;
}  
#header {
	padding: 0;
	/* this padding matches the left alignment of the elements in the divs that appear beneath it. 
	If an image is used in the #header instead of text, you may want to remove the padding. */
} 
#header h1 {
	margin: 0; 
	/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs.
	 If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; 
	/* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

div#search {
float:right;
height:18px;
padding-top:30px;
width:267px;
color:#FFFFFF;
}

#search div{
float:left;

}

.title {
	font-size: 15px;
	font-weight: bold;
	color: #96A3AC;
	line-height: 24px;
	text-align:left;
}
 legend{
	color:#666666;
}

#mainContent {
	margin: 20px 10px 0px 145px;
	padding: 5px 5px 5px 15px;
	width: 620px;
} 

* html #mainContent {
	margin: 20px 0px 0px 145px;
	padding: 5px 5px 5px 10px;
	width: 620px;
} 

#mainContent p {
	font-size:11px;
	padding:0 0 15px 0;
}
.section_heading {
	padding:5px 0px 7px 5px;
	font-size:13px;
	font-weight: bold;
	background-color:#068DBA;
	color:#FFFFFF;
	width:500px;
	margin:0 0 8px 0;
	height: 15px;
	
}

a.section_heading:		   {color: #FFFFFF; font-size: 13px; text-decoration: none; background: transparent;}
a.section_heading:link     {color: #FFFFFF; font-size: 13px; text-decoration: none; background: transparent;}
a.section_heading:visited  {color: #FFFFFF; font-size: 13px; text-decoration: none; background: transparent;}
a.section_heading:active   {color: #FFFFFF; font-size: 13px; text-decoration: none; background: transparent;}
a.section_heading:hover    {font-size: 13px; text-decoration: none; background: transparent;}	

/* INDEX PAGE */
#HotSpots {
text-align:left;
margin:0;
}
#HotSpots img{
padding: 5px;
}

/*SIDEBAR*/

a.s_nav               {display: block;width:145px;color: #5CB1D0;border: 0px solid #E3E3E3;padding: 3px;background: #FFFFFF; text-align: right; text-transform:uppercase; font-weight: bold;height:22px; font-size: 14px;}
a.s_nav:link          {display: block;width:145px;color: #5CB1D0;border: 0px solid #E3E3E3;padding: 3px;background: #FFFFFF; text-align: right;text-transform:uppercase;font-weight: bold;height:22px;font-size: 14px;}
a.s_nav:active        {display: block;width:145px;color: #5CB1D0;border: 0px solid #E3E3E3;padding: 3px;background: #FFFFFF; text-align: right;text-transform:uppercase;font-weight: bold;height:22px;font-size: 14px;}
a.s_nav:visited       {display: block;width:145px;color: #5CB1D0;border: 0px solid #E3E3E3;padding: 3px;background: #FFFFFF; text-align: right;text-transform:uppercase;font-weight: bold;height:22px;font-size: 14px;}
a.s_nav:hover         {display: block;width:145px;color: #FFFFFF;border: 0px solid #E3E3E3;padding: 3px;background: #6ED1F1; text-align: right;text-transform:uppercase;font-weight: bold; text-decoration: none;height:22px;font-size: 14px;}

* html a.s_nav                  {width: 100%}
* html a.s_nav:link             {width: 100%}
* html a.s_nav:active           {width: 100%}
* html a.s_nav:visited          {width: 100%}
* html a.s_nav:hover            {width: 100%}

a.s_nav_active               {display: block;width:184px;color: #FFFFFF;font-weight: bold;border: 0px solid #E3E3E3;padding: 3px;background: #F0311A; text-align: right;text-transform:uppercase;font-weight: bold;height:22px;font-size: 11px;}
a.s_nav_active:link          {display: block;width:184px;color: #FFFFFF;font-weight: bold;border: 0px solid #E3E3E3;padding: 3px;background: #F0311A;text-align: right;text-transform:uppercase;font-weight: bold;height:22px;font-size: 11px;}
a.s_nav_active:active        {display: block;width:184px;color: #FFFFFF;font-weight: bold;border: 0px solid #E3E3E3;padding: 3px;background: #F0311A;text-align: right;text-transform:uppercase;font-weight: bold;height:22px;font-size: 11px;}
a.s_nav_active:visited       {display: block;width:184px;color: #FFFFFF;font-weight: bold;border: 0px solid #E3E3E3;padding: 3px;background: #F0311A;text-align: right;text-transform:uppercase;font-weight: bold;height:22px;font-size: 11px;}
a.s_nav_active:hover         {display: block;width:184px;color: #FFFFFF;font-weight: bold;border: 0px solid #E3E3E3;padding: 3px;background: #F0311A;text-align: right;text-transform:uppercase;font-weight: bold; text-decoration: none;height:22px;font-size: 11px;}

* html a.s_nav_active                  {width: 100%}
* html a.s_nav_active:link             {width: 100%}
* html a.s_nav_active:active           {width: 100%}
* html a.s_nav_active:visited          {width: 100%}
* html a.s_nav_active:hover            {width: 100%}

a.nav_sub_item               {color: #ffffff;line-height:20px; text-align: right;display: block; text-transform:uppercase; width: 100%; background: #ff6666;height:22px; padding-right: 8px;font-size: 11px;}
a.nav_sub_item:link          {color: #ffffff;line-height:20px; text-align: right;display: block; text-transform:uppercase; width: 100%;background: #ff6666;height:22px; padding-right: 8px;font-size: 11px;}
a.nav_sub_item:active        {color: #ffffff;line-height:20px; text-align: right;display: block; text-transform:uppercase;width: 100%;background: #ff6666;height:22px; padding-right: 8px;font-size: 11px;}
a.nav_sub_item:visited       {color: #ffffff;line-height:20px; text-align: right;display: block; text-transform:uppercase;width: 100%;background: #ff6666;height:22px; padding-right: 8px;font-size: 11px;}
a.nav_sub_item:hover         {color: #ffffff;line-height:20px; text-align: right;display: block; text-transform:uppercase; background:  #F0311A;width: 100%;height:22px; padding-right: 8px;font-size: 11px; text-decoration: none;}

a.nav_sub_item_active               {color: #ffffff;font-weight: bold;line-height:20px; text-align: right;display: block; text-transform:uppercase;width: 100%;background:  #F0311A;height:22px; padding-right: 8px;font-size: 11px;}
a.nav_sub_item_active:link          {color:#ffffff;font-weight: bold;line-height:20px; text-align: right;display: block; text-transform:uppercase;width: 100%;background:  #F0311A;height:22px; padding-right: 8px;font-size: 11px;}
a.nav_sub_item_active:active        {color: #ffffff;font-weight: bold;line-height:20px; text-align: right;display: block; text-transform:uppercase;width: 100%;background:  #F0311A;height:22px; padding-right: 8px;font-size: 11px;}
a.nav_sub_item_active:visited       {color: #ffffff;font-weight: bold;line-height:20px; text-align: right;display: block; text-transform:uppercase;width: 100%;background:  #F0311A;height:22px; padding-right: 8px;font-size: 11px;}
a.nav_sub_item_active:hover         {color: #ffffff;font-weight: bold;line-height:20px; text-align: right;display: block; text-transform:uppercase;width: 100%;background:  #F0311A;height:22px; padding-right: 8px;font-size: 11px; text-decoration: none;}



/* sub items */

td.lhs ul {
    
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 19px;
	
}

* html td.lhs ul {
    
    margin: 0px 0px 10px 21px;
    padding: 0px;
}

td.lhs ul.s_nav li {
    width: 100px;
}

/* MODULE (side) BOX(S) */

div.mod_box {
    margin: 0px 10px 5px 0px;
	float:right;
	height: auto;
}

* html div.mod_box {
	width: 190px;
	float:right;
	position:relative;
}

div.mod_box span {
    text-align: center;
    display: block;
    line-height: 25px;
    font-weight: normal;
    font-size: 11px;
    color: #FFFFFF;
    background: #FBAACA;
}    

div.mod_box div {
    padding: 3px 3px 3px 5px;
    margin: 0px
}

div.mod_box p {
    font-size: 10px;
    margin: 0px
}   

div.mod_box div input.field {
    font-size: 11px;
    width: 110px;
}    

#adspace {
    padding-left:5px
}

/*footer*/

#footer, #footer td{ 
	margin-left:145px;
	color:#FFFFFF;
	width: 679px;
} 
#footer td a{
color:#FFFFFF;
padding:inherit;
}
#footer p {
	margin: 0; 
	/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding-right: 42px; 
	/* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size:10px;
	color:#666666;
}
.pageFooter, .pageFooter a{
	font-size: 9px;
	background-color:#068DBA; 
	color: #ffffff;
	text-align: left;
	height: 14px;
	vertical-align: middle;
	padding: 3px;
}

.pageFooter, .pageFooter td{
	font-family: arial, helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
	text-align: left;
	height: 14px;
	vertical-align: middle;
	padding: 3px;
	font-weight:bold;
}


#divleft {
   text-align: left;
   float: left;
   position: relative;
   clear: left;
   padding-top: 9px;
}

#divright {
   text-align: right;
   float: right;
   position: relative;
   clear: right;
}

/* HELP */

#faq, #privacy {
	font-size:9px;
	padding: 0 0 0 20px;
}

#help {
    color: #666666;
}

#help a {
    color: #666666;
}

table.help_search {
    font-size: 12px;
    width: 100%;
    padding-bottom: 10px;
}

table.help_body {
    width: 100%;
    border-top: 1px solid #006AC;
    padding-top: 10px;
}

td.help_icon {
    text-align: left;
    width: 16px;
}

a.help_addresslink:link     {color: #000000; font-size: 12px; text-decoration: none}
a.help_addresslink:visited  {color: #000000; font-size: 12px; text-decoration: none}
a.help_addresslink:active   {color: #000000; font-size: 12px; text-decoration: none}
a.help_addresslink:hover    {color: #000000; font-size: 12px; text-decoration: underline}

td.help_section {
    font-weight: bold;
    text-decoration: underline;
    color: #000000;
}    

td.help_question {
    font-weight: bold;
    color: #666666;
    padding: 3px 0px 3px 10px;
}    

td.help_answer {
    font-style: italic;
    color: #000000;
    padding-left: 20px;
}    

table.help_topten {
    width: 100%;
    border-top: 1px solid #E3E3E3;
    padding-top: 10px;
    margin-top: 25px;
}

td.help_topten_header {
    font-weight: bold;
    color: #000000;
}   

#filerow {}

#filerowalt {
    background: #F8F8F8;
}

/* NEWS */

div.news h5 {
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

div.news span {
    display: block;
    font-style: italic;
}

/* FORMS */

table.feedback {
    width: 100%;
}  

table.form_table {
   text-align: center;
   width: 100%;
   margin: 10px auto 10px auto;
   padding-bottom: 5px;
}

td.feedback_text {
	text-align: left;
	font-size: 11px;
	vertical-align: top
}

td.form_right {
   text-align: left;
}

td.form_left {
   text-align: right;
   padding: 0px 15px 0px 5px;
   white-space:nowrap;
}

td.form_right input,textarea {
   font-size: 11px;
   color: #000000;
   width: 200px;
   border: 1px solid #E3E3E3;
   margin: 5px 0px 5px 0px;
   overflow: auto;
   padding: 3px 1px 3px 1px;
}   

td.form_section {
    text-align: left;
    font-weight: bold;
    color: #000000;
    padding: 10px 0px 0px 10px;
    border-bottom: 1px solid #000000;
}  

input.field {
   font-size: 10px;
   color: #000000;
   border: 1px solid #666666;
   height: 26px;
}

input.button {
   font-size: 10px;
   color: #000000;
   background: #E3E3E3;
   border: 1px solid #666666;
}

/* Sitemap */

li.sitemap {
    font-style: italic;
    color: #AAAAAA;
}  

li.sitemap a {
    font-style: normal;
    font-weight: bold;
    color: #666666;
}

a:			{color:#666666;text-decoration:none;}
a:link		{color:#666666;text-decoration:none;}
a:visited	{color:#666666;text-decoration:none;}
a:active	{color:#666666;text-decoration:none;}
a:hover		{color:#666666;text-decoration:underline;}

#mainContent a:			{color:#666666;text-decoration:none; font-weight: bold;}
#mainContent a:link		{color:#666666;text-decoration:none; font-weight: bold;}
#mainContent a:visited	{color:#666666;text-decoration:none; font-weight: bold;}
#mainContent a:active	{color:#666666;text-decoration:none; font-weight: bold;}
#mainContent a:hover		{color:#666666;text-decoration:underline; font-weight: bold;}

/*ProdCat*/  


#ShopNav {
	margin-left:145px;
	text-align:left;
	vertical-align: bottom;
} 
ul#ShopNavMenu{
	font-size:10px;
	padding:6px 2px 5px 2px;
}

ul#ShopNavMenu li{
	height:12px;
	display:inline;
	vertical-align:bottom;
}
.ShopNavMost {
	padding-left:5px;
	padding-right:5px;
	border-left:solid 1px #666666;
}
.ShopNavMost img{
	border:none;
}
.ShopNavMost a:link, .ShopNavLast a:link, .ShopNavMost a:visited, .ShopNavLast a:visited{
	text-decoration:none;
}
.ShopNavMost a:hover, .ShopNavLast a:hover{
	text-decoration:underline;
}
.ShopNavLast {
	padding-left:5px;
	padding-right:5px;
}

#sidebar {
	float: left;
	position: relative;
	top:-125px;
	width: 145px;
}



#ProdNav {
	color:#FFA9CA;
	float: left;
	position: relative;
	width: 145px;
	height:120px;
	padding: 0px;
	text-align:right;
}

* html #ProdNav {
	color:#FFA9CA;
	float: left;
	width: 145px;
	padding: 0;
	text-align:right;
}

#ProdNavMenuList {
	color:#FFA9CA;
	display:block;
	height: 21px;
	text-align: right;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
}
.ProdNavMenu a, .ProdNavMenu a:link, .ProdNavMenu a:visited{
	color:#FFA9CA;
	padding: 5px 5px 2px 0;
	height: 22px;
	display:block;
	text-align: right;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;	
}

a#ProdNavMenu			{font-size:11px; color:#5CB1D0; padding: 7px 5px 0px 0; height: 22px; display:block; text-align: right; font-weight:bold; text-transform:uppercase; text-decoration:none;}
a#ProdNavMenu:link		 {font-size:11px; color:#5CB1D0; padding: 7px 5px 0px 0; height: 22px; display:block; text-align: right; font-weight:bold; text-transform:uppercase; text-decoration:none;}
a#ProdNavMenu:active	{font-size:11px; color:#FFFFFF; background: #6ED1F1; padding: 7px 5px 0px 0; height: 22px; display:block; text-align: right; font-weight:bold; text-transform:uppercase;}
a#ProdNavMenu:visited	 {font-size:11px; color:#5CB1D0; padding: 7px 5px 0px 0; height: 22px; display:block; text-align: right; font-weight:bold; text-transform:uppercase; text-decoration:none;}
a#ProdNavMenu:hover			{font-size:11px; color:#FFFFFF; background: #6ED1F1; padding: 7px 5px 0px 0; height: 22px; display:block; text-align: right; font-weight:bold; text-transform:uppercase;}

a#link_sub1			{font-size:9px; color:#5CB1D0; padding: 7px 5px 0px 0; height: 22px; display:block; text-align: right;  text-transform:uppercase; text-decoration:none;}
a#link_sub1:link		 {font-size:9px; color:#5CB1D0; padding: 7px 5px 0px 0; height: 22px; display:block; text-align: right;  text-transform:uppercase; text-decoration:none;}
a#link_sub1:active	 {font-size:9px; color:#FFFFFF; background: #6ED1F1; padding: 7px 5px 0px 0; height: 22px; display:block; text-align: right; text-transform:uppercase;}
a#link_sub1:visited	 {font-size:9px; color:#5CB1D0; padding: 7px 5px 0px 0; height: 22px; display:block; text-align: right;  text-transform:uppercase; text-decoration:none;}
a#link_sub1:hover			{font-size:9px; color:#FFFFFF; background: #6ED1F1; padding: 7px 5px 0px 0; height: 22px; display:block; text-align: right; text-transform:uppercase;}

.ProdNavMenu a:hover, .ProdNavMenu a:active{
	color:#FFA9CA;
	text-decoration:underline;
	padding: 7px 5px 0px 0;
	height: 22px;
	display:block;
	text-align: right;
}

.ProdNavMenuON a, .ProdNavMenuON a:link, .ProdNavMenuON a:visited{
	padding: 7px 0px 0px 0;
	height: 22px;
	display:block;
	text-align: right;
	width: 190px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	background-image: url(../template_images/bg_nav.gif);
	color:#FFFFFF;
}
.ProdNavMenuON a:hover, .ProdNavMenuON a:active{
	color:#FFFFFF;
	text-decoration:underline;
	padding: 7px 5px 0px 0;
	height: 22px;
	display:block;
	text-align: right;
	width: 190px;
}
.ProdNavMenuSUB {
	margin:0px;
	text-decoration:none;	
}
.ProdNavMenuSUB a:link, .ProdNavMenuSUB a:visited{
	padding: 7px 5px 0px 0;
	margin:0px;
	width:177px;
	display:block;
	color:#9FA8AF;
	text-decoration:none;
	font-weight:bold;
}
.ProdNavMenuSUB a:hover{
	padding: 7px 5px 0px 0;
	margin:0px;
	width:177px;	
	display:block;
	text-decoration:underline;
}
.ProdNavMenuSUBon {
	margin:0px;
	text-decoration:none;	
}
.ProdNavMenuSUBon a:link, .ProdNavMenuSUBon a:visited{
	padding: 7px 5px 0px 0;
	margin:0px;
	width:177px;
	display:block;
	color:#e786ae;
	text-decoration:none;
	font-weight:bold;
}
.ProdNavMenuSUBon a:hover{
	padding: 7px 5px 0px 0;
	margin:0px;
	width:177px;	
	display:block;
	text-decoration:underline;
}

a#FTBC{font-size:14px; color:#01aef0; padding: 7px 5px 0px 0; height: 22px; display:block; text-align: right; font-weight:bold; text-transform:uppercase; text-decoration:none;}
a#FTBC:link		 {font-size:14px; color:#01aef0; padding: 7px 5px 0px 0; height: 22px; display:block; text-align: right; font-weight:bold; text-transform:uppercase; text-decoration:none;}
a#FTBC:active	 {font-size:14px; color:#01aef0; padding: 7px 5px 0px 0; height: 22px; display:block; text-align: right; font-weight:bold; text-transform:uppercase; text-decoration:none;}
a#FTBC:visited	 {font-size:14px; color:#01aef0; padding: 7px 5px 0px 0; height: 22px; display:block; text-align: right; font-weight:bold; text-transform:uppercase; text-decoration:none;}
a#FTBC:hover {font-size:14px; color:#01aef0; padding: 7px 5px 0px 0; height: 22px; display:block; text-align: right; font-weight:bold; text-transform:uppercase; text-decoration:underline;}


.FTBC a, .FTBC a:link, .FTBC a:visited{

	color:#01aef0;

	padding: 7px 5px 0px 0;

	height: 22px;

	display:block;

	text-align: right;

	font-weight:bold;

	text-transform:uppercase;

	text-decoration:none;

}

.FTBC a:hover, .FTBC a:active{

	color:#01aef0;

	text-decoration:underline;

	padding: 7px 5px 0px 0;

	height: 22px;

	display:block;

	text-align: right;

}



.FTBCON a, .FTBCON a:link, .FTBCON a:visited{

	padding: 7px 0px 0px 0;

	height: 22px;

	display:block;

	text-align: right;

	width: 190px;

	font-weight:bold;

	text-transform:uppercase;

	text-decoration:none;

	background-image: url(../template_images/bg_nav.gif);

	color:#FFFFFF;

}

.FTBCON a:hover, .FTBCON a:active{

	color:#FFFFFF;

	text-decoration:underline;

	padding: 7px 5px 0px 0;

	height: 22px;

	display:block;

	text-align: right;

	width: 190px;

}

.FTBCSUB {

	margin:0px;

	text-decoration:none;	

}

.FTBCSUB a:link, .FTBCSUB a:visited{

	padding: 7px 5px 0px 0;

	margin:0px;

	width:177px;

	display:block;

	color:#9FA8AF;

	text-decoration:none;

	font-weight:bold;

}

.FTBCSUB a:hover{

	padding: 7px 5px 0px 0;

	margin:0px;

	width:177px;	

	display:block;

	text-decoration:underline;

}

.FTBCSUBon {

	margin:0px;

	text-decoration:none;	

}

.FTBCSUBon a:link, .FTBCSUBon a:visited{

	padding: 7px 5px 0px 0;

	margin:0px;

	width:177px;

	display:block;

	color:#e786ae;

	text-decoration:none;

	font-weight:bold;

}

.FTBCSUBon a:hover{

	padding: 7px 5px 0px 0;

	margin:0px;

	width:177px;	

	display:block;

	text-decoration:underline;

}	


/*
* html #ProdNav {
	float: left;
	position: relative;
	width: 100%;
}

#ProdNav {
	float: left;
	position: relative;
	width: 145px;
}

	#ProdNavMenuList {
	height: 22px;
	display:block;
	font-size:9px;
	text-decoration:none;
	text-align: right;
	text-transform:uppercase;
	font-weight:bold;
}
.ProdNavMenu a, .ProdNavMenu a:link, .ProdNavMenu a:visited{
	padding: 9px 4px 0px 0;
	text-decoration:none;
	height: 22px;
	display:block;
}
.ProdNavMenu a:hover, .ProdNavMenu a:active{
	padding: 9px 4px 0px 0;
	background-color:#F0311A;
	color:#FFFFFF;
	height: 22px;
	display:block;
}

.ProdNavMenuON a, .ProdNavMenuON a:link, .ProdNavMenuON a:visited{
	padding: 7px 0px 0px 0;
	height: 22px;
	display:block;
	text-align: right;
	width: 190px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	color:#FFFFFF;
}
.ProdNavMenuON a:hover, .ProdNavMenuON a:active{
	color:#FFFFFF;
	text-decoration:underline;
	padding: 7px 5px 0px 0;
	height: 22px;
	display:block;
	text-align: right;
	width: 190px;
}
.ProdNavMenuSUB {
	margin:0px;
	text-decoration:none;	
}
.ProdNavMenuSUB a:link, .ProdNavMenuSUB a:visited{
	padding: 7px 5px 0px 0;
	margin:0px;
	width:177px;
	display:block;
	color:#9FA8AF;
	text-decoration:none;
	font-weight:bold;
}
.ProdNavMenuSUB a:hover{
	padding: 7px 5px 0px 0;
	margin:0px;
	width:177px;	
	display:block;
	text-decoration:underline;
}
.ProdNavMenuSUBon {
	margin:0px;
	text-decoration:none;	
}
.ProdNavMenuSUBon a:link, .ProdNavMenuSUBon a:visited{
	padding: 7px 5px 0px 0;
	margin:0px;
	width:177px;
	display:block;
	color:#e786ae;
	text-decoration:none;
	font-weight:bold;
}
.ProdNavMenuSUBon a:hover{
	padding: 7px 5px 0px 0;
	margin:0px;
	width:177px;	
	display:block;
	text-decoration:underline;
}
*/	
#Promo {
	margin:0;
	float: right; 
	padding:0; 
	list-style-type: none;	
	font-size:0.6em;
}
	
* html #Promo {
	margin:-20px -10px 0 0;
	padding: 0 0 0 0; 

}

#Promo_cart{
	position:relative;
	margin:0;
	padding:0 0 10px 10px;
}
#Promo_discount{
	width: 250px;
	margin:0;
	position:relative;

}
#LoginBox, #LoginBox td{
	color:#FFFFFF;
	padding:0px;
}



.promoheading{
	font-size:11px;
	font-weight:bold;
	color: #ffffff;
	background-color: #00aeef;
	text-align:center;
	padding:10px;
}

#Promo_discount input{ 
	margin:2px;
	padding:0;
}
#Promo_signup{
	position:relative;
	margin:0;
	padding:10px 0 10px 10px;
}
.cart_items{
	margin:10px 0 0 0;
	padding:0;
}
.view{
	position:relative;
	text-align:right;
	margin:8px 0 0 0;
	font-weight:bold;
}
#Promo a{
	font-weight:bold;
}
#Promo a:link {
	text-decoration:none;
}
#Promo a:visited {
	text-decoration:none;
}
#Promo a:hover {
	text-decoration:none;
}
#Promo a:active {
	text-decoration:none;
}
#ProdNav h3, #ProdNav p, #Promo p, #Promo h3 {
	margin-left: 10px; 
	/* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

/* CATEGORY (CAT) PAGE */
#CatView{
	width:660px;
/* setting a width here will determine how many columns of product are to be displayed */
}
.img_m{
	border: 2px solid #003D7D;
}
.Product {
	width:150px;
	margin:10px;
	float:left;
}
.info {
font-size:10px;
float:left;
} 
.prod_price {
font-weight:bold;
}

.prod_price select {
width: 200px;
}
.lens {
width:auto;
}
/* PRODUCT DETAIL (PROD) PAGE */
.img_l{
	float:left;
	margin:0 20px 0 0;
	border: 2px solid #003D7D;
	width:265px;
}
* html td.prod_det_desc{
padding-left:20px;
width:100%;
}
td.prod_det_desc{
padding-left:20px;
width:100%;
}
#productdetail{
	float:left;
	width:220px;
	margin-left:0;	
	font-size:10px;
	margin-bottom:30px;
}
#productdetail p{
	margin-left:10px;	
}
#productdetail h2{
	width:265px;
}
#productdetail h3{
	margin:0 0 10px 0;
	padding:0;
}
#productdetail strong{
}
#product_details, #product_details li select, #product_details li input {
	font-size:0.9em;
}
#product_details li {
	padding-bottom:10px;
}
.select_qty {
font-size:11px;
height:20px;
width:22px;
}

/*SIZING CHART*/

table.sizechart{
text-align:center;
border:1px solid #003D7D;
border-collapse:collapse;
}

table.sizechart th{
background-color:#999999;
color:#FFFFFF;
width:50px;
text-align:center;
border-left:1px solid #CCCCCC;
}
table.sizechart td{
border-right:1px solid #003D7D;
border-top:1px solid #003D7D;
}
table.sizechart td.chlabel{
text-align:right;
padding: 0 5px 0 5px;
}

/* CART PAGE */
#cart td, #cart th, #cart td input, #cart td select {
	padding:2px;
}
#cart th{
	text-align:center;	
}
tr.cart_header {
	color:#FFFFFF;
	background-color:#199DBF;
	text-transform:uppercase;
}
tr.cart_body td {
	text-align:center;
}
tr.cart_total {
	color:#666666;
	text-align:right;
}
.shaded {
	background-color:#36C1E4;
	color:#FFFFFF;
}
ul#cart_nav{
	width:100%;
	list-style-type: none;
	margin: 20px 0px 0 -10px;
}
ul#cart_nav .left { 
	float: left;
	padding-left:10px;
}
ul#cart_nav .right { 
	float: right; 
	padding-right:3px;	
}
/* DELIVERY PAGE */
.important{
	color:red;
}
table.checkoutTotal{
	width:100%
}
#delivery_details{
	width:300px;
	font-size:0.7em;
}
#courier{
	padding:0 10px 0 5px;
	width:250px;
	font-size:0.8em;
}
/* PAYMENT PAGE*/
#Payment td, #Payment p{
	font-size:0.6em;
}
/* THANKYOU PAGE */

#lblRefNo, #lblTransactiontime, #lblReceiverName, #lblReceiverAddress, #lblReceiverAddress2, #lblReceiverPhone {
	font-weight:bold;
}

/*common*/ 


#location {
    text-align: left;
    color: #666666;
    height: 20px;
    padding: 5px 0px 5px 5px;
}    

#location a {
    color: #666666;
}
	
td {line-height:14px; font-size:11px;}
table {line-height:14px; font-size:11px;}

div             {margin: 0px; font-size: 11px; padding: 0px}

p 				{padding:2px; font-size: 11px; line-height:14px;}

img             {border:0px}    

form            {margin: 0px; padding:0px}
select          {font-size: 11px;color: #000000}
textarea        {font-size: 11px;color: #000000;font-family: Verdana, Arial, sans-serif;}
input           {font-size: 11px}

h1 {
font-size: 15px;
font-weight: bold;
color: #96A3AC;
line-height: 24px;
text-align:left;
}

h2              { font-size: 14px; color: #666666; font-weight: bold;
                }

hr  {
    border-width: 0px;
    color: #DECEB4;
    background: #E3E3E3;
    height: 1px;
}

.b {
   font-weight: bold;
}

.top {
   vertical-align: top
}

.mid {
vertical-align: middle
}

.bot {
    vertical-align: bottom;
}    

.center {
    text-align: center;
    margin: 0px auto 0px auto
}

.right {
    text-align: right;
    margin: 0px 0px 0px auto
}

.left {
    text-align: left;
    margin: 0px auto 0px 0px
}

ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	list-style-position: outside;	
}

ol{
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 14px
}
ol li{
	margin: 0px 0px 0px 10px;
}


/* Miscellaneous classes for reuse */
			.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
				float: right;
				margin-left: 8px;
			}
			.fltlft { /* this class can be used to float an element left in your page */
				float: left;
				margin-right: 8px;
			}
			.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
				clear:both;
				line-height:0px;
			}
			.clearfloat2 { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
				clear:both;
			}