/**
 *	This file contains the layout information for the default index.php file.
 *	This layout will generally be modified to suit ones requirements.
 *	
 */


body {
	font-size:62.5%;
	font-family:Arial, sans-serif;
	font-weight:normal;
	text-align:left;
	color:#FFFFFF;
	background-color:#b4c8c7;
	margin:0px;
	padding:0px;
}
html,body {
	height:100%;
}
p {
	margin: 0px 0px 10px 0px;
}
h1, h3, h4, h5, h6, h7 {
	margin: 0px;
}
a:link,
a:visited,
a img {
	border:none;
	text-decoration:none;
	text-transform:none;
	color:#1a9db5;
}
a:hover,
a:active {
	border:none;
	text-decoration:none;
	text-transform:none;
	color:#FF6600;
}
.ON {
	color:#666666;
}
#container {
	position:relative; /* needed for footer positioning*/
	width:900px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */
}

/* ------------------------------ header ------------------------------ */
#header {
	position:relative;
	display:block;
	float:left;
	height:214px;
	background-image:url(../images/header.jpg);
	background-position:top;
	background-repeat:no-repeat;
	overflow:hidden;
	border-bottom:1px #999999 solid;
}
#topNav {
	position:relative;
	display:block;
	float:left;
	top:120px;
	height:94px;
	width:540px;
	background-image:url(../images/logo.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:0px 0px 0px 200px;
	color:#1a9db5;
	font-size:1.2em;
	font-weight:bold;
}
#topNav p {
	float:left;
	padding:76px 30px 4px 0px;
}
#webStore {
	position:relative;
	display:block;
	float:left;
	top:189px;
	height:25px;
	width:160px;
}


/* ------------------------------ content ------------------------------ */
#main_content{
	position:relative;
	display:block;
	clear:both;
	height:auto;
	width:900px;
	font-size:1.2em;
	color:#666666;
	padding:40px 0px 20px 0px;
}
#main_content table {
	padding:0px;
	margin:0px;
}
#left_nav{
	position:relative;
	display:block;
	float:left;
	height:auto;
	width:200px;
	padding:0px;
	margin:0px;
	font-size:1.2em;
	color:#666666;
}
#content{
	position:relative;
	display:block;
	float:left;
	height:auto;
	width:660px;
	padding:0px 0px 50px 0px;
}
.product_list_item {
	float:left;
	width:280px;
}
#xls_product_list {
	clear:both;
}

/* ------------------------------ footer ------------------------------ */
.clear {
	clear:both;
}
#clear {
	clear:both;
}
#footer {
	position:absolute;
	width:870px;
	bottom:0px; /* stick to bottom */
	left:0px;
	background-color:#FFFFFF;
	padding:0px 15px 0px 15px;
	line-height:15px;
	size:.9em;
	color:#666666;
	z-index:5;
}
#footer p.left {
	width:670px;
	float:left;
	text-align:left;
	margin: 0px 0px 0px 0px;
}
#footer p.right {
	width:200px;
	float:right;
	text-align:right;
	margin: 0px 0px 0px 0px;
}
#footer a:link,
#footer a:visited {
	border:none;
	text-decoration:none;
	text-transform:none;
	color:#666666;
}
#footer a:hover,
#footer a:active {
	text-decoration:none;
	text-transform:none;
	color:#FF6600;
}


/*** ------------------------------------------------------------------------------------- ***/



h2 {
	color:#666666;
	font-size:14px;
	display:block;
	border-bottom: 1px solid #cccccc;
	margin:0px 0px 10px 0px;
}

h4 {
	color:#666666;
	font-size:14px;
	margin-bottom:10px;
}

/*** Menu Boxes ***/
.round_corner_wrapper{
	width:180px;
}
.top_left {
	background-color:#CCCCCC;
	height: 17px;
	padding-top:5px;	
	font-size: 2px;
}
.top_right {
	float:right;
	background-image: url('images/narrow_box_top_right.jpg');
	background-position:top right;
	background-repeat:no-repeat;
	margin-top: -22px;
	width: 25px;
	height: 18px;
	font-size:2px;
}
.bottom_left {
	background-color:#999999;
	height: 12px;
	font-size: 2px;	
	margin-bottom:24px;
}
.bottom_right {
	float: right;
	background-image: url('images/narrow_box_bottom_right.jpg');
	background-position:bottom right;
	background-repeat:no-repeat;
	margin-top:-34px;
	width: 25px;
	height: 10px;
	font-size:2px;
}
.round_content{
	background-color:#999999;
	padding:8px 8px 2px 8px;
	line-height:14px;
}
.top_left .title{
	color:#666666;
	font-size:12px;
	font-weight:bold;
	padding-left:10px;
}
.round_content p {
	margin:0px;
	padding:0px;
	line-height:14px;
}
.round_content form{
	margin:0px;
	padding:0px;
}
.round_content ul {
	font-size: 10px;
	color:#666666;
	margin:0px;
	padding:0px;
	line-height:14px;
}
.round_content ul li {
	list-style: none;
}

/*** Content  ***/
div.borderbottom {
	padding-bottom: 2px;
}
#content h1 {
	font-size: 16px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 2px;
}
#content h3 {
	font-size: 12px;
	padding-top: 0px;
	margin-top: 0px;
}
#content h4 {
	font-size:14px;
	font-weight:bold;
}

/***  Search Box ***/
.inputForm {
	background-color:#eee; 
	border : 1px solid #cccccc;
	margin:0px 0px 7px 0px;
	color: #000000; 
	font-size:12px;
	width:97%;
}

/*** Added for 1.1 ***/

/***product_deatil.tpl***/
#price{
	margin:5px 5px 5px 0px;
	font-style:italic;
}
#description{
	margin:5px 5px 5px 0px;
}
#inventory{
	margin:5px 5px 5px 0px;
	font-style:italic;
}
#availability{
	margin:5px 5px 5px 0px;
	font-style:italic;
}

/***checkout_confirm.tpl***/

.ls_cart_total_note{
	font-style:italic;
}

/***product_list.tpl, search_list.tpl***/
.zoom{	
	height: 13px;
	width: 13px;
	float: right;
	margin: 0 25px 0 0;
	background: url(images/btn_zoom.jpg) no-repeat;
	
}