html, body {
 margin: 0;
 padding: 0;
}
.style2 {color: #663333}
.style3 {
	color: #FFFFFF;
	font-weight: bold;
}
.leftmenuback {
	background-color:#ffffff;
	border-right:0px solid #000066;
	border-bottom:0px solid #000066;
	width:165px;
}
.maincontainer {
	border:2px solid #000066; 
	padding-bottom:5px;
	background-color:#FFFFFF;
	background-image:url("../images/background-image.jpg");
	background-repeat:no-repeat;
	height:580px
}
.headerclass {
	border-left:1px solid #000000; 
	border-top:#000000 1px solid; 
	border-right:#000000 1px solid;
	background-color:#09c;
}
.menulink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#ffffff;
	text-decoration:none;	
	font-weight:bold;
}

.menulink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:red;
	text-decoration:underline;	
	font-weight:bold;
}
.menulink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#ffffff;
	text-decoration:none;	
	font-weight:bold;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#003871;
	font-style: normal;
	font-weight: normal;
}
.ab:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	text-decoration:none;
	display: block;
}
.ab:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	text-decoration:none;
	display: block;
}

.ab:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*font-weight:bold;*/
	color:red;	
	text-decoration:none;
}
.aa:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#663333;
	text-decoration:none;	
	font-weight:bold;
}

.aa:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:red;
	text-decoration:none;	
	font-weight:bold;
}

.aa:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#663333;
	text-decoration:none;	
	font-weight:bold;
}
.fntstyle{
	font-size: 12px;
	font-weight: bold;
	color:#000000;
}
.fntstyle1{
	font-size: 15px;
	font-weight: bold;
	color:#000000;
}
.Hrnormal {
	background-color:#FFD7AE;
}

.Hralter {
	background-color:#FFD5BF;
}

.Hrhover {
	background-color:#FFD5BF;	
}
.tblbg3{
	color: #FFFFFF;
	background-color: #663300;
	font-weight:bold;
}
.border {
	border: thin solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}
.fontsmall{ color:#000000; font-family:Verdana; font-size:9px;}

.welcome
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#333333;
	}
.font
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
.addressfont
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
}
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight:bold;
}
.price {
font-size: 16px; color:#663333; font-weight:bold;
}
.search {
font-size: 12px; color:#663333; font-weight:bold;
}
.border1
{
border:1px solid #CCCCCC;
}
.offer
{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#CD3301; font-weight:bold;
}
.navigation
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}
.navigation:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:red;
text-decoration:none;
font-weight:bold;
}
.new
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:none;
}
.new:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:none;
}
.msg
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FF0000;
}
.continue
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FF0000;
text-decoration:none;
}
.continue:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FF0000;
text-decoration:none;
}
.giftoffer
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FF0000;
text-decoration:none;
}
.giftoffer:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FF0000;
text-decoration:none;
}
.btnbg{
background-color:#515151;
color:#C99764;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
padding:3px;
}
.msg1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#8591FE;
font-weight:bold;}
.editlink
{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	text-decoration:none;	
	font-weight:bold;
}
.editlink:hover
{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	text-decoration:none;	
	font-weight:bold;
}
.update
{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#454141;
text-decoration:none;
font-weight:bold;
}
.update:hover
{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#454141;
text-decoration:none;
font-weight:bold;
}

div.sample_popup { z-index: +1;}

div.sample_popup div.menu_form_header
{
  border: 1px solid #000000;
  border-bottom: 0px;
  cursor: default;
  width: 500px;
  height:30px;
  background-color:#000000;
  line-height: 15px; 
  vertical-align:top;
  text-decoration: none;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size: 12px;
  color: #FFFFFF;
}

div.sample_popup div.menu_form_body
{
  border: thin solid #FED49A;
  width: 200px;
  background-color:#FFFFFF;
	
}

div.sample_popup img.menu_form_exit
{
  float: right;
  margin: 4px 5px 0px 0px;
  cursor: pointer;
}

/*div.sample_popup table
{
  border-collapse: collapse;
  width: 100%;
}
*/
div.sample_popup th
{
  width: 1%;
  padding: 0px 5px 1px 0px;
  text-align: left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 13px;
  color: #004060;
}
div.sample_popup td
{
  width: 99%;
  padding: 0px 0px 1px 0px;
}
div.sample_popup form
{
  margin: 0px;
}
div.sample_popup input.field
{
  border: 1px solid #808080;
  width: 95%;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
div.sample_popup input.btn
{
  margin-top: 2px;
  border: 1px solid #808080;
  background-color: #DDFFDD;
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
}
.faq
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#663333;
}
.faq:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#663333;
}
.account
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
text-decoration:none;
color:#663333;
}
.account:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
text-decoration:none;
color:#663333;
}
div.pageheader
{
  width: 96.5%;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 2px;
  padding: 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  font-weight:bold;
  background-color:#000000;
}
div.sortoptions
{
  width: 96.2%;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 2px;
  padding: 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  background-color:#ffffff;
  border: 1px solid #000000;
}

div.sortoptions a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#0080C0;
	text-decoration:none;
}
div.sortoptions a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#0080C0;
	text-decoration:none;
}
div.sortoptions a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#990000;	
	text-decoration:none;
}

#leftblock { 
   padding: 0px 0px 0px 0px;
   margin-left: 5px;
   margin-right: 10px;
   margin-bottom: 0px;
   margin-top: 15px;
   border: 1px #CCCCCC solid;
   background-color:#FFFFFF;
   width:310px;
   float:left;   
}
#leftheader { 
   padding: 0px 0px 0px 0px;
   background-color:#000000;
   text-align:left;
   height:15px;
   padding-left:5px;
   background-repeat:repeat-x;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color:#663333;
   background-image: url("../images/products-header.jpg");
}
#leftcontent { 
   padding: 5px 5px 5px 5px;
   text-align:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:9px;
   font-weight:normal;
   color:#000000;
   height:135px;
   position:relative
}
#rightblock { 
   padding: 0px 0px 0px 0px;
   margin-left: 5px;
   margin-right: 10px;
   margin-bottom: 0px;
   margin-top: 15px;
   border: 1px #CCCCCC solid;
   background-color:#FFFFFF;
   width:310px; 
   float:right;  
}
#rightheader { 
   padding: 0px 0px 0px 0px;
   background-color:#000000;
   text-align:left;
   height:15px;
   padding-left:5px;
   background-repeat:repeat-x;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color:#663333;
   background-image: url("../images/products-header.jpg");
}
#rightcontent { 
   padding: 5px 5px 5px 5px;
   text-align:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:9px;
   font-weight:normal;
   color:#000000;
   height:135px;
   position:relative
}
.byline	{ 
	margin:0; 
	position:absolute; 
	bottom:0; 
	right:0; 
	border:0px; 
	padding:1em 1em 
}
.pricetag	{ 
	margin:0; 
	bottom:0; 
	right:0; 
	border:0px;
	clear:left;
	font-size: 16px;
	margin-left: 15px;
	margin-bottom:5px; 
	color:#663333; 
	font-weight:bold;
}

.menu {
width:824px; 
height:25px; 
position:relative; 
z-index:100;
border-right:1px solid #000000; 
font-family:arial, sans-serif; 
background-color:#020067; 
border-bottom:0px;  
border-top:1px solid #000;

}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:824px; w\idth:824px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; text-align:center;}
.menu ul ul {width:91px; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:91px;position:relative;text-align:center;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:91px; height:25px; border:1px solid #000; border-width:0px 0 0px 1px; background:#020067; padding-left:0px; line-height:25px; font-weight:bold;  border-bottom:0px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:90px; w\idth:90px;}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#000000 90px center; color:#ffffff;  border-bottom:0px solid #000; border-top:1px solid #000} 
/* style the second level hover */
.menu ul ul a.drop:hover{background:#000 90px center; color:#ffffff;border-bottom:1px solid #000; border-top:1px solid #000}
.menu ul ul :hover > a.drop {background:#000 no-repeat 90px center; color:#ffffff;border-bottom:1px solid #000; border-top:1px solid #000}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#b2b2b2; color:#ffffff;border-bottom:1px solid #000; border-top:1px solid #000}
/* style the third level hover */
.menu ul ul ul a:hover {background:#CC0000; color:#ffffff;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:25px;left:0; width:90px;border-top:1px solid #000; color:#ffffff;}
/* another hack for IE5.5 */
* html .menu ul ul {top:25px;t\op:25px;}
/* position the third level flyout menu */
.menu ul ul ul{left:90px; top:-1px; width:90px;}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-90px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#b2b2b2; color:#ffffff; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px; border-bottom:1px solid #000;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#ffffff; background:#CC0000;}
.menu :hover > a, .menu ul ul :hover > a {color:#ffffff; background:#CC0000;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

#catlistblock { 
   padding: 0px 0px 0px 0px;
   margin-left: 5px;
   margin-right: 10px;
   margin-bottom: 0px;
   margin-top: 15px;
   border: 1px #CCCCCC solid;
   background-color:#FFFFFF;
   width:98%;
   float:left;   
}
#catlistheader { 
   padding: 0px 0px 0px 0px;
   background-color:#000000;
   text-align:left;
   height:15px;
   padding-left:5px;
   background-repeat:repeat-x;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color:#663333;
   background-image: url("../images/products-header.jpg");
}
#catlistheader a {
	margin:0; 
	bottom:0; 
	right:0; 
	border:0px;
	clear:left;
	font-size: 12px;
	margin-left: 2px;
	margin-bottom:5px; 
	color:#663333; 
	font-weight:bold;
	text-decoration:none;
}
#catlistheader a:hover {
	margin:0; 
	bottom:0; 
	right:0; 
	border:0px;
	clear:left;
	font-size: 12px;
	margin-left: 2px;
	margin-bottom:5px; 
	color:#663333; 
	font-weight:bold;
	text-decoration:underline;
}
#catlistheader a:visited {
	margin:0; 
	bottom:0; 
	right:0; 
	border:0px;
	clear:left;
	font-size: 12px;
	margin-left: 2px;
	margin-bottom:5px; 
	color:#663333; 
	font-weight:bold;
	text-decoration:none;
}
#catlistcontent { 
   padding: 5px 5px 5px 5px;
   text-align:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:9px;
   font-weight:normal;
   color:#000000;
   position:relative
}


/* common styling */
.leftmenu {
	z-index:10000;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight:bold;
	width:165px; 
	height:150px; 
	position:relative; 
	margin:25px 0;
	padding:0px;
}
.leftmenu ul li a, .leftmenu ul li a:visited {
	display:block; 
	text-decoration:none; 
	color:#ffffff; 
	width:165px; 
	height:25px; 
	text-align:center; 
	border:1px solid #fff; 
	border-width:1px 1px 0 0; 
	background:#020067; 
	line-height:22px; 
}
.leftmenu ul {padding:0; margin:0;list-style-type: none; }
.leftmenu ul li {float:left; margin-right:1px; position:relative;}
.leftmenu ul li ul {display: none;}

/* specific to non IE browsers */
.leftmenu ul li:hover a {color:#ffffff ; background:#666666;}
.leftmenu ul li:hover ul {z-index:10001;display:block; position:absolute; top:0; left:165px; width:165px;}
.leftmenu ul li:hover ul li a.hide {background:#cccccc; color:#020067;}
.leftmenu ul li:hover ul li:hover a.hide {width:165px;}
.leftmenu ul li:hover ul li ul {display: none;}
.leftmenu ul li:hover ul li a {display:block; background:#b2b2b2; color:#020067; width:165px;}
.leftmenu ul li:hover ul li a:hover {background:#cccccc; color:#020067;}
.leftmenu ul li:hover ul li:hover ul {display:block; position:absolute; left:165px; top:0; color:#000;}
.leftmenu ul li:hover ul li:hover ul li a {display:block; width:165px; background:#dfc184; color:#000;}
.leftmenu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}

/* Light Box */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 50000000; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 50000000; width: 100%; height: 500px; background-color: #000; }