body {
	margin: 0;
	background: #555 url('ls-back-tile.png') top left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555
}

h1 {	font-size: 20px;}
h2 {	font-size: 18px;}
h3 {	font-size: 16px;}
h4 {	font-size: 14px;}
h5 {	font-size: 13px;}
h6 {	font-size: 10px;}

h4, h5, h6 { margin: 5px 0;}
h1, h2, h3 { margin: 10px 0;}
p { margin: 10px 0; }

a:link {	color: #4169E1;}
a:visited {	color: #4682B4;}
a:hover {	color: #7392E9; }
a:active {	color: #7392E9;}

form {
	margin: 0;
	padding: 0;
}

hr {
	height: 2px;
	line-height: 2px;
	border: none;
	border-bottom: 1px solid white;
	background: #CCC;
	color: silver;
}



.clear {	clear: both; height: 1px; line-height: 1px; }

#layout {
	margin: auto;
	width: 920px;
	background: white url('ls-back.png') repeat-y top;
	overflow: hidden; padding-left:52px; padding-right:52px; padding-top:0; padding-bottom:0
}

#header {
	height: 116px; 
	background: #EEE url('ls-header.png') no-repeat bottom; 
	position: relative
}

#header-logo {
	margin: auto;
	width: 920px;
	height: 100px;
	display: block;
	x-index: 1111;
	font-weight: 
}



#topmenu1 {
	margin: 0;
	padding: 0;
	display: block;
	text-align: center;
	height: 36px;
	background: url('ls-menu1.png') repeat-x;
	border-bottom: 1px solid white; list-style-type:none
}

#topmenu1 li {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 36px;
	margin: 0;
	padding: 0;
	float: left;
}

#topmenu1 li a {
	line-height: 36px;
	text-decoration: none;
	color: #DDD;
	float:left;
	background: url('ls-menu1-sep.png') no-repeat bottom right;; padding-left:10px; padding-right:20px; padding-top:0; padding-bottom:0
}

#topmenu1 li a:hover {
	color: white;
	background: url('ls-menu1-right.png') no-repeat bottom right;
	text-decoration: none !important
}

#searchbar {
	background: url('ls-menu1-field.png') no-repeat bottom left;
	width: 260px;
	height: 36px;
	text-align: left
}

#searchbar .sfield {
	background: transparent;
	border: none;
	float: left; 
	height: 26px;
	width: 152px;
	line-height: 36px;
	color: white;
	margin: 5px 6px 0 5px;
	vertical-align: center;
}

#searchbar .sbtn {
	background: transparent;
	border: none;
	float: left;
	color: white;
	margin: 0px 12px;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	height: 26px;
	width: 70px;
	line-height: 36px;
	vertical-align: baseline;
}


#topmenu2 {
	height: 23px; 
	background:  url('ls-menu2.png') top;
	color: white;
	font-weight: normal;
	font-size: 12px;
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
	position: relative;
	x-index: 111111;
	border-bottom: 1px solid white; list-style-type:none
}

#topmenu2 li {
	margin: 0;
	padding: 0;
	float: left;
	background:  url('ls-menu2.png') top;
}

#topmenu2 li a {
	line-height: 23px;
	padding: 0 5px;
	margin: 0;
	float: left;
	color: #555;
	border-left: 1px solid #DDD;
	border-right: 1px solid #999;
	font-weight: normal;
	text-decoration: none;
}

#topmenu2 li a:hover {
	color: white;
	text-decoration: none !important;
	background: #0A6BA5 url('ls-btn1.png') repeat-x center;
}

#main {
	background: url('ls-main.png') no-repeat top left;
	width: 920px;
	position: relative;
	clear:both
}


#footer {
	text-align: center;
	position: relative;
	top: -5px;
	padding-bottom: 0px;
	color: #555;
	background: transparent;
	clear: both;
}

#footer-menu {
	color: white;
	background: url('ls-footer.png') no-repeat top center;
	height: 35px
}

#footer-menu, #footer-links {
	padding: 0 30px;
	margin: 0;
	list-style: none;
}

#footer-menu li {
	line-height: 35px;
	border-color: white !important;
}

#footer-menu li, #footer-links li {
	display: inline; 
	margin: 0;
	padding: 0 8px;
	border-right: 1px solid #777777;
	font-size: 11px;
}

#footer-menu a {
	color: white;
}


#footer-extra {
	width: 70%;
	text-align: center;
	margin: 10px auto;
}

#footer-extra h5, #footer-extra ul {
	font-size: 11px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer-extra td {
	vertical-align: top;
	text-align: left;
	width: 33%;
}


#left-col {
	width: 212px;
	float: left;
	clear: none;
	background: transparent;
	overflow: hidden;
	x-index: 11;
	padding-bottom: 10px;
}

#center-col {
	width: 688px;
	position: relative;
	float: left;
	x-index: 10;
	background:  url('ls-main-top.png') no-repeat top right;
	overflow: hidden; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px
}

#right-col
{
	float: right;
	x-index: 11;
	width: 160px;
	position: relative;
	border-left: 1px solid #CCC;
	padding: 5px 0 5px 10px;
	background-color: #9CC2FF;
}

#left-col .input {	width: 145px;}

#center-content {
	xwidth: 500px;

}

.left-pad {
	background: #777 url('ls-left.png') repeat-y top left;
}

.left-pad-head {
	background: url('ls-left-head.png') no-repeat;
	height: 42px;
	position: relative
}

.left-pad-head h4 {
	position: absolute;
	bottom: 5px;
	left: 30px;
	color: white;
	margin: 0;
	font-size: 14px;
	text-transform: uppercase;
}

.left-pad-btm {
	background: url('ls-left-btm.png') no-repeat;
	height: 18px 
}


.left-menu {
	margin: 0;
	padding: 0;
	list-style: none;
    white-space: nowrap;	
}

.left-menu li {
	margin: 0;
	padding-left:0px; padding-right:0; padding-top:0; padding-bottom:0px
	x-index: 13;
}

.left-menu li a {
	background: url('ls-left-item.png') no-repeat top; 
	height: 22px;
	line-height: 22px;
	color: #EEE;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 20px; 
	display: block;
	x-index: 14
}

.left-menu a:link { color: #DDD; }
.left-menu a:visited { color: #DDD; }

.left-menu a:hover {
	text-decoration: none;
	color: white;
}

.left-menu ul {
	margin: 0 0 0 0px;
	padding: 0;
	list-style: none;
}

.left-menu li li {
	background:  url('ls-left-sub.png') no-repeat bottom left;
	padding-left:0px; padding-right:0; padding-top:0; padding-bottom:0px
}

.left-menu li li a {
	background:  url('ls-left-sub.png') no-repeat bottom left;
	padding-left:22px; padding-right:0; padding-top:0; padding-bottom:0px
}

.left-menu li li a:link { color: #9CC2FF; }
.left-menu li li a:visited { color: #9CC2FF; }

.left-menu li li a:hover {
	text-decoration: none;
	color: #ffffff;
}


.left-menu ul a:hover {
	background: none !important; 
}

.side-box {
	margin: 0;
	background: #444 url('ls-left-box.png') repeat-y top right;
	color: white;
	font-size: 7pt;
	x-index: 12; padding-left:30px; padding-right:25px; padding-top:5px; padding-bottom:5px
}

.side-box a:link, .side-box a:visited, .side-box a:hover {
	color: #4682B4;
}

#right-col ul {
	margin: 0;
	padding: 5px;
	list-style: circle;
}

#right-col li {
	margin: 0 0 0 10px;
	padding: 0;
}

.cat_items {
  width: 397px;

  float: left;
  clear: left;
}

.cat_items li {
  width: 130px;
  height: 125px;
  list-style-type: none;  
  text-align: center;
  float: left;
  background: url('images/cat_items_bg.png') no-repeat 0 0; margin-left:0; margin-right:2px; margin-top:0; margin-bottom:2px; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:0
}
.cat_items li a {
  text-decoration: none;
  font-size: 92%;
  font-weight: bold;
  color: #141414;
}

#product-grid {
  width: 500px;
}

#product-grid ul {
list-style-type: none;
}
 
#product-grid li {
  width: 135px;
  height: 231px;
  background: url('images/product-grid_bg.gif') no-repeat 0 0;
  padding: 5px;
  overflow: hidden;
  text-align: center;
  float: left;
  font-size: 83%;
  line-height: 117%;
  color: #484242; margin-left:0; margin-right:4px; margin-top:0; margin-bottom:4px
}
#product-grid li a {
  text-decoration: none;
  color: #226E9C;
  display: block;
}  

.prod_img {
  background-position: center;
  background-repeat: no-repeat;
  height: 150px;
  width: 135px;
  margin-bottom: 3px;
}


#footer_lnks_con{
  height: 160px;
  background: #FFFFFF url('images/footer_bg.gif') repeat-x bottom;
  clear: both;
  width: 920px;
  border-top: 1px solid #a0a0a0; margin-left:0px; margin-right:0; margin-top:10px; margin-bottom:0
}

.footer_lnks {
	width: 170px;
	padding: 0;
	margin: 10px 0 0 10px;
	float: left;
	text-align: left;
	list-style: none;
}

.footer_lnks a {
	font-size: 10px;

	text-decoration: none;
	line-height: 14px;
}
.footer_lnks a:hover {
	text-decoration: underline;
}


a.ovalbutton{
background: transparent url('images/oval-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('images/oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
