﻿html, body {
	height: 100%;
	margin:0; 
	padding:0;
}
body {
	background:url(/admin/css/1010/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(/admin/css/1010/page-bg.png) repeat-y;
}
#header {
	position: relative;
	background:url(/images/top-background.jpg) no-repeat; 
	WIDTH: 955px; 
	HEIGHT: 135px;
	z-index:2;
}
#headerbg {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:135px;
	background:url(/images/top-background-repeat.jpg) repeat-x top;
}
#footerbg {
	height: 82px;		/* height of footerbg */
	position: relative;
	background-image: url(/admin/css/1010/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(/images/bottom-background.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	color:white;
}
.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{
	padding-top:10px;
	width:715px;
	left:190px;
	padding-bottom:10px;
	position: relative;
}
#logo {
	background:url(/images/logo_white.png) center no-repeat; 
	width: 250px; 
	height: 90px; 
	position: absolute;
	top: 21px;
	left: 352px;
	cursor:pointer;
}

/*Button Bar*/
#btnbar { width: 145px; position: absolute; top: 120px; left: 30px; z-index:1000; border:2px solid #333333;
}
#btnbar-bkg {z-index: 1; background-image:url(/images/none.jpg); background-repeat: repeat; background-attachment: scroll; position: absolute; width: 150px; height: 100%;
}
#btnbar-top {z-index: 2; padding: 0 10px; background:url(/images/none.jpg) repeat-x; height: 20px; width: 100%; position: absolute; right: 0; top: -20px; left: 0;
}
#btnbar-tr {z-index: 50; background:url(/images/none.jpg) no-repeat; width: 20px; height: 20px; position: absolute; top: -20px; right: -40px;
}
#btnbar-tl {z-index: 51; background:url(/images/none.jpg) no-repeat; width: 20px; height: 20px; position: absolute; top: -20px; left: -20px;
}
#btnbar-bot { z-index: 3; padding: 0 10px; background:url(/images/none.jpg) repeat-x; height: 20px; width: 100%; position: absolute; left: 0; bottom: -20px;
}
#btnbar-br {z-index: 48; background:url(/images/none.jpg) no-repeat; width: 20px; height: 20px; position: absolute; bottom: -20px; right: -40px;
}
#btnbar-bl {z-index: 49; background:url(/images/none.jpg) no-repeat; width: 20px; height: 20px; position: absolute; bottom: -20px; left: -20px;
}
#btnbar-l {z-index: 4; background:url(/images/none.jpg) repeat-y; width: 20px; height: 100%; position: absolute; left: -20px; top: 0;
}
#btnbar-r {z-index: 5; background:url(/images/none.jpg) repeat-y; width: 20px; height: 100%; position: absolute; right: -40px; top: 0;}


/*Highlight Box*/
#hltbox1 { width: 300px; position: absolute; top: 10px; right: 65px; float: right; min-height: 200px; margin-bottom: 10px; padding-bottom: 10px;
}
#hltbox1-bkg {background-image:url(/images/none.jpg); background-repeat: repeat; background-attachment: scroll; position: absolute; width: 320px; height: 100%;
}
#hltbox1-top {padding: 0 10px; background:url(/images/none.jpg) repeat-x; height: 20px; width: 100%; position: absolute; right: 0; top: -20px; left: 0;
}
#hltbox1-tr {background:url(/images/none.jpg) no-repeat; width: 20px; height: 20px; position: absolute; top: -20px; right: -40px;
}
#hltbox1-tl {background:url(/images/none.jpg) no-repeat; width: 20px; height: 20px; position: absolute; top: -20px; left: -20px;
}
#hltbox1-bot {padding: 0 10px; background:url(/images/none.jpg) repeat-x; height: 20px; width: 100%; position: absolute; left: 0; bottom: -20px;
}
#hltbox1-br {background:url(/images/none.jpg) no-repeat; width: 20px; height: 20px; position: absolute; bottom: -20px; right: -40px;
}
#hltbox1-bl {background:url(/images/none.jpg) no-repeat; width: 20px; height: 20px; position: absolute; bottom: -20px; left: -20px;
}
#hltbox1-l {background:url(/images/none.jpg) repeat-y; width: 20px; height: 100%; position: absolute; left: -20px; top: 0;
}
#hltbox1-r {background:url(/images/none.jpg) repeat-y; width: 20px; height: 100%; position: absolute; right: -40px; top: 0;
}
/*Main Menu*/
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: 133px; height: 175px; margin: 0; background:#555555; border:1px solid #333333;}

.mainmenusub {float:left; padding:0; margin: 0 0 0 0; list-style: none; position: relative; width: 120px;}
.mainmenusub ul {padding: 0; margin: 0; list-style: none; width: 120px; height: auto; position: absolute; left:-9999px; top:0;}
.mainmenusub table {border-collapse: collapse; width: 0; height: 0; margin: -1px -10px;}

.mainmenusub li {float:left; margin-bottom: 0px;}
.mainmenusub li a {display: block; float: left; width: 120px; height: 25px;}
.mainmenusub li a.fly {background:url(/admin/css/1010/right-arrow.gif) no-repeat right center;}

.mainmenusub li:hover {position: relative;}
.mainmenusub li a:hover {position: relative; background-color: #000; color: #fff;}
.mainmenusub li:hover > a {background-color: #666666; color: #fff;}

/*Color of succeeding levels of flyout*/
.mainmenusub ul li a {background: #777777; width:180px;}
.mainmenusub ul li a.fly {background: #777777 url(/admin/css/1010/right-arrow.gif) no-repeat right center;}
.mainmenusub ul ul li a {background: #888888;}
.mainmenusub ul ul li a.fly {background: #888888 url(/admin/css/1010/right-arrow.gif) no-repeat right center;}
.mainmenusub ul ul ul li a {background: #999999;}

.mainmenusub :hover ul,
.mainmenusub :hover ul :hover ul,
.mainmenusub :hover ul :hover ul :hover ul {left: 120px;}

.mainmenusub :hover ul :hover ul li a {width:250px;}

.mainmenusub :hover ul ul,
.mainmenusub :hover ul :hover ul ul {left: -9999px;}

.mainmenusub ul li:hover > a {background-color: #BE1E2D; color: #fff;}
.mainmenusub ul ul li:hover > a {background-color: #BE1E2D; color: #fff;}
/*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:left;
}
#usernamediv input{
width: 100px;
margin-bottom: 5px;
}
#userpassworddiv{
float:right;
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;
	color:white;
}
#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:45px;
}
#forgotbuttondiv{
position:absolute;
left:147px;
top:45px;
}

#loginbuttondiv input {
background:url(/images/btn-login.png) no-repeat;
height:30px;
width:60px;
border: none;
cursor:pointer;
}
#forgotbuttondiv input {
background:url(/images/btn-password.png) no-repeat;
height:30px;
width:94px;
border: none;
cursor:pointer;
}
/*cartarea*/
#cartarea{
	width:250px;
	height:80px;
	position:absolute;
	left:73px;
	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;
	color:white;
}
#carttotaldiv{
	position:relative;
	font-weight:bold;
	cursor:pointer;
	color:white;
}
#cartitemsdiv{
	position:relative;
	font-weight:bold;
	color:white;
}
#cartbuttondiv{
position:absolute;
left:170px;
top:0px;
background:url(/images/cart.png) no-repeat;
height:50px;
width:50px;
border: none;
cursor:pointer;
}
#createbuttondiv{
position:absolute;
left:25px;
top:45px;
background:url(/images/btn-create-account.png) 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:5px;
margin:0 3px;
}
#footermenu li a {
color:white;
text-decoration:none;
}
#footermenu li a:hover {
color:#BE1E2D;
}
#copyright{
position:relative;
top:-5px;
}

/*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:underline; text-indent:10px;}
a:hover {color:#006600; 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:underline; text-indent:10px;}
a:visited {color:#990000; line-height:24px; font-family:arial, sans-serif; font-size:12px; text-decoration:underline; 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;}