html, body {
	height: 100%;
	margin:0; 
	padding:0;
}
body {
	background:url(1006/window-bg.png) repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#container { 
	position: relative;
	min-height: 100%;
	margin-bottom: -82px; 	/* height of footerbg */
	width:955px;
	margin-left: auto ;
	margin-right: auto ;
	background:url(1006/page-bg.png) repeat-y;
}
#header {
	position: relative;
	background:url(1006/hdr.png) no-repeat; 
	WIDTH: 955px; 
	HEIGHT: 135px;
	z-index:2;
}
#headerbg {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:135px;
	background:url(1006/hdrdeco-bg.png) repeat-x top;
}
#footerbg {
	height: 82px;		/* height of footerbg */
	position: relative;
	background-image: url(1006/ftrdeco-bg.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
#footer {
	height:82px;		/* height of footerbg */
	position:relative;
	text-align:center;
	width:955px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(1006/ftr.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.clearfooter { 
	height: 82px; 		/* height of footerbg */
	clear: both;
}
<!—[if lt IE 7]>   <link rel="stylesheet" type="text/css" href="ie6.css" /><![endif]—>

#container {
	height: 100%;
}
#content{
	margin-left: auto ;
	margin-right: auto ;
	padding-top:20px;
	width:895px;
	padding-bottom:10px;
	position: relative;
}
#logo {
	background:url(1006/logo.png) no-repeat; 
	width: 250px; 
	height: 90px; 
	position: absolute;
	top: 21px;
	left: 30px;
	cursor:pointer;
}

/*Button Bar*/
#btnbar { WIDTH: 950px; POSITION: absolute; TOP: 126px; LEFT: 20px; z-index:1000;
}
#btnbar-bkg {
Z-INDEX: 1; background-image:url(1006/btnbar-bkg.png); background-repeat: repeat; background-attachment: scroll; position: absolute; width: 916px; height: 100%;
}
#btnbar-top {
visibility:hidden;
Z-INDEX: 2; PADDING: 0 10px; background:url(1006/btnbar-t.png) repeat-x; HEIGHT: 20px; WIDTH: 100%; POSITION: absolute; RIGHT: 0; TOP: -20px; left: 0;
}
#btnbar-tr {
visibility:hidden;
Z-INDEX: 50; background:url(1006/btnbar-tr.png) no-repeat; WIDTH: 20px; HEIGHT: 20px; POSITION: absolute; TOP: -20px; RIGHT: -40px;
}
#btnbar-tl {
visibility:hidden;
Z-INDEX: 51; background:url(1006/btnbar-tl.png) no-repeat; WIDTH: 20px; HEIGHT: 20px; POSITION: absolute; TOP: -20px; LEFT: -20px;
}
#btnbar-bot {
visibility:hidden;
Z-INDEX: 3; PADDING: 0 10px; background:url(1006/btnbar-b.png) repeat-x; HEIGHT: 20px; WIDTH: 100%; POSITION: absolute; left: 0; BOTTOM: -20px;
}
#btnbar-br {
visibility:hidden;
Z-INDEX: 48; background:url(1006/btnbar-br.png) no-repeat; WIDTH: 20px; HEIGHT: 20px; POSITION: absolute; BOTTOM: -20px; RIGHT: -40px;
}
#btnbar-bl {
visibility:hidden;
Z-INDEX: 49; background:url(1006/btnbar-bl.png) no-repeat; WIDTH: 20px; HEIGHT: 20px; POSITION: absolute; BOTTOM: -20px; LEFT: -20px;
}
#btnbar-l {
visibility:hidden;
Z-INDEX: 4; background:url(1006/btnbar-l.png) repeat-y; WIDTH: 20px; HEIGHT: 100%; POSITION: absolute; LEFT: -20px; TOP: 0;
}
#btnbar-r {
visibility:hidden;
Z-INDEX: 5; background:url(1006/btnbar-r.png) repeat-y; WIDTH: 20px; HEIGHT: 100%; POSITION: absolute; RIGHT: -40px; TOP: 0;}

/*Menu Links*/
a.menulink:link {color:#fff;line-height:24px;font-family:arial, sans-serif;font-size:12px;text-decoration:none;text-indent:10px;font-weight: bold;}
a.menulink:hover {color:#fff; line-height:24px; font-family:arial, sans-serif; font-size:12px; text-decoration:none; text-indent:10px; font-weight: bold;}
a.menulink:active {color:#fff; line-height:24px; font-family:arial, sans-serif; font-size:12px; text-decoration:none; text-indent:10px; font-weight: bold;}
a.menulink:visited {color:#fff; line-height:24px; font-family:arial, sans-serif; font-size:12px; text-decoration:none; text-indent:10px; font-weight: bold;}

a.fly:link {color:#fff; line-height:24px; font-family:arial, sans-serif; font-size:12px; text-decoration:none; text-indent:10px; font-weight: bold;}
a.fly:hover {color:#fff; line-height:24px; font-family:arial, sans-serif; font-size:12px; text-decoration:none; text-indent:10px; font-weight: bold;}
a.fly:active {color:#fff; line-height:24px; font-family:arial, sans-serif; font-size:12px; text-decoration:none; text-indent:10px; font-weight: bold;}
a.fly:visited {color:#fff; line-height:24px; font-family:arial, sans-serif; font-size:12px; text-decoration:none; text-indent:10px; font-weight: bold;}

#mainmenu { Z-INDEX: 1000; PADDING: 0 0 0 10px; POSITION: relative; TOP: 0; width: 110%; height: 24px; margin: 0; }
/*#mainmenu a:link{font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #ffffff; text-decoration: none}
#mainmenu a:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #ffffff; text-decoration: none}
#mainmenu a:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #ffff00; text-decoration: none}
#mainmenu a:active {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #ffff00; text-decoration: none}
*/

#pad {height:140px;}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.mainmenusub {padding:0; margin:0; list-style:none; height:40px; position:relative; z-index:500;}
.mainmenusub li {float:left; margin-right:1px;}
.mainmenusub li a {display:block; float:left; height:24px; line-height:24px; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; padding:0 30px 0 20px;}


.mainmenusub table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.mainmenusub li a:hover {z-index:200; position: relative; color:#fff; background-color:#5d827c;}
.mainmenusub li:hover {position:relative; z-index:200;}

.mainmenusub li:hover > a {color:#fff; background-color:#5d827c;}
.mainmenusub li:hover > a.sub {color:#fff; background-color:#5d827c;}

/*.mainmenusub li.current a {color:#fff; background:#840;}*/

.mainmenusub li a.sub {background:url(1006/down-arrow.gif) no-repeat right center;}
.mainmenusub li.current a.sub {color:#fff; background:url(1006/down-arrow.gif) no-repeat right center;;}

.mainmenusub :hover ul {left:0; top:24px; width:120px;}

/* keep the 'next' level invisible by placing it off screen. */
.mainmenusub ul, 
.mainmenusub :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.mainmenusub :hover ul :hover ul
{left:120px; top:-1px; background:#222; white-space:nowrap; width:100px; z-index:200; height:auto;}

.mainmenusub :hover ul li {margin:0; /*border-top:1px solid #fff;*/}
.mainmenusub :hover ul li a {width:180px; padding:0; text-indent:10px; background-color: #83a7a2; color:#fff; height:24px; line-height:24px;}
.mainmenusub :hover ul li a.fly {background: #83a7a2 url(1006/right-arrow.gif) no-repeat right center;}

.mainmenusub :hover ul :hover {background-color:#5d827c; color:#fff;}
.mainmenusub :hover ul :hover a.fly {background-color:#5d827c; color:#fff;}

/*.mainmenusub :hover ul li.currentsub a {background-color: #5d827c;  color:#fff;}
.mainmenusub :hover ul li.currentsub a.fly {background:#840 url(1006/right-arrow.gif) no-repeat right center; color:#fff;}*/

.mainmenusub :hover ul :hover ul li a {width:250px; padding:0; text-indent:10px; background:#91b2ad; color:#fff;}
.mainmenusub :hover ul :hover ul :hover {background-color:#5d827c; color:#fff;}

/*.mainmenusub :hover ul :hover ul li.currentfly a,
.mainmenusub :hover ul :hover ul li.currentfly a:hover {background:#000; color:#fff;}*/


/*Highlight Box*/
#hltbox1 { WIDTH: 300px; POSITION: absolute; TOP: 10px; right: 30px; min-height: 200px; margin-bottom: 10px; padding-bottom: 10px; }
#hltbox1-bkg {background-image:url(1006/hltbox1-bkg.png); background-repeat: repeat; background-attachment: scroll; position: absolute; width: 320px; height: 100%;
}
#hltbox1-top {PADDING: 0 10px; background:url(1006/hltbox1-t.png) repeat-x; HEIGHT: 20px; WIDTH: 100%; POSITION: absolute; RIGHT: 0; TOP: -20px; left: 0;
}
#hltbox1-tr {background:url(1006/hltbox1-tr.png) no-repeat; WIDTH: 20px; HEIGHT: 20px; POSITION: absolute; TOP: -20px; RIGHT: -40px;
}
#hltbox1-tl {background:url(1006/hltbox1-tl.png) no-repeat; WIDTH: 20px; HEIGHT: 20px; POSITION: absolute; TOP: -20px; LEFT: -20px;
}
#hltbox1-bot {PADDING: 0 10px; background:url(1006/hltbox1-b.png) repeat-x; HEIGHT: 20px; WIDTH: 100%; POSITION: absolute; left: 0; BOTTOM: -20px;
}
#hltbox1-br {background:url(1006/hltbox1-br.png) no-repeat; WIDTH: 20px; HEIGHT: 20px; POSITION: absolute; BOTTOM: -20px; RIGHT: -40px;
}
#hltbox1-bl {background:url(1006/hltbox1-bl.png) no-repeat; WIDTH: 20px; HEIGHT: 20px; POSITION: absolute; BOTTOM: -20px; LEFT: -20px;
}
#hltbox1-l {background:url(1006/hltbox1-l.png) repeat-y; WIDTH: 20px; HEIGHT: 100%; POSITION: absolute; LEFT: -20px; TOP: 0;
}
#hltbox1-r {background:url(1006/hltbox1-r.png) repeat-y; WIDTH: 20px; HEIGHT: 100%; POSITION: absolute; RIGHT: -40px; TOP: 0;
}
/*Category Menu*/
#catmenu{
position:absolute;
visibility:hidden;
}

#loginarea{
	width:250px;
	height:80px;
	position:absolute;
	left:620px;
	top:20px;
	padding-left:10px;
	padding-top:5px;
	border: 1px dotted #284390;
	z-index:50;
}
#usernamediv{
width:125px;
float:right;
}
#usernamediv input{
width: 100px;
margin-bottom: 5px;
}
#userpassworddiv{
width:125px;
}
#userpassworddiv input{
width: 100px;
margin-bottom: 5px;
}
#loginarea label{
	display: block;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
#userrememberdiv{
width:52px;
left:100px;
}
#userrememberdiv input{
left:52px;
}
#userrememberdiv label{
	text-align:left;
	width:150px;
	left:-50px; 
}
#userremember {
position:relative;
left:10px;
top:-15px;
}
#loginbuttondiv{
position:absolute;
left:84px;
top:42px;
}
#forgotbuttondiv{
position:absolute;
left:140px;
top:42px;
}

#loginbuttondiv input {
background:url(1006/login-btn-login.gif) no-repeat;
height:30px;
width:50px;
border: none;
cursor:pointer;
}
#forgotbuttondiv input {
background:url(1006/login-btn-password.gif) no-repeat;
height:30px;
width:100px;
border: none;
cursor:pointer;
}
/*cartarea*/
#cartarea{
	width:250px;
	height:80px;
	position:absolute;
	left:350px;
	top:20px;
	padding-left:10px;
	padding-top:5px;
	border: 1px dotted #284390;
	z-index:50;
}
#cartarea label{
	display: -moz-inline-box;
	display: inline-block;
	text-align: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	width:100px;
	clear:both;
	font-weight:normal;
}
#carttotaldiv{
	position:relative;
	font-weight:bold;
	cursor:pointer;
}
#cartitemsdiv{
	position:relative;
	font-weight:bold;
}
#cartbuttondiv{
position:absolute;
left:180px;
top:0px;
background:url(1006/cart.gif) no-repeat;
height:50px;
width:50px;
border: none;
cursor:pointer;
}
#createbuttondiv{
position:absolute;
left:25px;
top:45px;
background:url(1006/login-btn-createaccount.gif) no-repeat;
height:50px;
width:200px;
border: none;
cursor:pointer;
}
/*footermenu*/
#footermenu
{
padding:0;
margin:auto;
white-space:nowrap;
list-style-type:none;
}
#footermenu li {
position:relative;
display:inline;
top:15px;
}
#copyright{
position:relative;
top:0px;
}
#sslseal{
	position:absolute;
	right:20px;
	top:20px;
}
/*livesupport*/
#livesupport{
position:absolute;
visibility:hidden;
}

//*printerfriendly*/
#printerfriendly{
position:absolute;
visibility:hidden;
}
a:link {color:#990000; line-height:24px; font-family:arial, sans-serif; font-size:12px; text-decoration:none; text-indent:10px;}
a:hover {color:#990000; line-height:24px; font-family:arial, sans-serif; font-size:12px; text-decoration:underline; text-indent:10px;}
a:active {color:#990000; line-height:24px; font-family:arial, sans-serif; font-size:12px; text-decoration:none; text-indent:10px;}
a:visited {color:#990000; line-height:24px; font-family:arial, sans-serif; font-size:12px; text-decoration:none; text-indent:10px;}

a.one:link {color:#000; line-height:24px; font-family:arial, sans-serif; font-size:12px; text-decoration:none; text-indent:10px;}
a.one:hover {color:#000; line-height:24px; font-family:arial, sans-serif; font-size:12px; text-decoration:none; text-indent:10px;}
a.one:active {color:#000; line-height:24px; font-family:arial, sans-serif; font-size:12px; text-decoration:none; text-indent:10px;}
a.one:visited {color:#000; line-height:24px; font-family:arial, sans-serif; font-size:12px; text-decoration:none; text-indent:10px;}

a.two:link {font-family: Arial, sans-serif; font-size: 10px; font-weight: bold; color:#fff; line-height: 13px; text-decoration: none; padding: 10px;}
a.two:hover {color: #000; font-weight: bold; text-decoration: none;}
a.two:active {font-family: Arial, sans-serif; font-size: 10px; font-weight: bold; color:#fff; line-height: 13px; text-decoration: none; padding: 10px;}
a.two:visited {font-family: Arial, sans-serif; font-size: 10px; font-weight: bold; color:#fff; line-height: 13px; text-decoration: none; padding: 10px;}