/********************************************************************
 * Cascading Style Sheet                                            *
 * @ File Name: layout.css                                          *
 * @ Author: Inline Internet Systems                                *
 * @ Copyright © 2006                                               *
 * @ All rights reserved                                            *
 * @ Web Site: iMerchant Mall Template                              *
 ********************************************************************/

html { 
	height: 100%;
}

body {
	background-color: #FFF;
	color: #6699CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	margin: 0;
	padding: 0;
	height:100%;
}

#wrap {
	position: relative;
	background: #FFF url(../images/templatebg.jpg) top left repeat-y;
	min-height: 100%;
	width: 790px;
	margin: 0 auto;
}

* html #wrap { 
	height:100%; 
}

/********************************************************************
 *                             Links                                *
 ********************************************************************/
 
a { color: #336699; text-decoration: none; }
a:link{ color: #336699; text-decoration: none; }
a:visited{ color: #336699; text-decoration: none; }
a:hover{ color: #6699CC; text-decoration: none; }
a:active{ color: #99CCFF; text-decoration: none; }

.whtlinks a { color: #FFF; text-decoration: none; }
.whtlinks a:link{ color: #FFF; text-decoration: none; }
.whtlinks a:visited{ color: #FFF; text-decoration: none; }
.whtlinks a:hover{ color: #FFF; text-decoration: none; }
.whtlinks a:active{ color: #FFF; text-decoration: none; }

/* Font Sizes */
.fontsize_xxsmall { font-size: 9px; }
.fontsize_xsmall { font-size: 10px; }
.fontsize_small { font-size: 11px; }
.fontsize_normal { font-size: 12px; }
.fontsize_large { font-size: 14px; }
.fontsize_xlarge { font-size: 16px; }
.fontsize_xxlarge { font-size: 18px; }

/* Font Styles */
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }

.highlight { background-color: #D5FD56; }
.bgcolor1 { background-color: #CCCCCC; }
.bgcolor2 { background-color: #EEEEEE; }

/********************************************************************
 *                         Form Properties                          *
 ********************************************************************/

form {
	margin: 0px;
	padding: 0px;
}

input, select {
	cursor: pointer;
}

.button {
	background-color: #9DCE00;
	border: 1px solid #D5FD56;
	color: #FFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 6px 2px 6px !important;
	padding: 2px 2px 2px 2px;
}

.button2 {
	background-color: #6699CC;
	border: 1px solid #336699;
	color: #FFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 6px 2px 6px !important;
	padding: 2px 2px 2px 2px;
}

.forminput {
	border: 1px solid #336699;
	color: #336699;
	font-size: 11px;
	padding: 3px;
}

.formselect {
	border: 1px solid #336699;
	color: #336699;
	font-size: 11px;
	padding: 2px;
}


/********************************************************************
 *                             Header                               *
 ********************************************************************/
 
#header {
	height: 257px !important;
	height: 258px;
	background-color: #6699CC;
	border-bottom: 8px solid #336699;
	border-top: 2px solid #99CCFF;
	margin: 0 auto;
	padding: 0;
	width: 780px;
}


#ecommerce {
	background-color: #FFF;
	height: 18px !important;
	height: 18px;	
}

#ecommerce #logo {
	padding-left: 8px;
	float: left;
}

#ecommerce #greeting {
	padding-left: 8px;
	padding-top: 2px;
	float: left;
}


#ecommerce .hdrtxt {
	padding-right: 8px;
	padding-top: 2px;
	float: right;	
}

#ecommerce #basket {
	float: right;
	padding-right: 4px;
}

/********************************************************************
 *                         Header Search                            *
 ********************************************************************/

#boundary {
	background-image: url(../images/topheaderbg.jpg);
	background-repeat: no-repeat;
	height: 50px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	width: 764px;
}

#searchform {
	clear:both;
	float: right;
	margin-top: 0px;
	padding: 0px;
	width: 764px;
}

#search_txt {
	float: right;
	margin-top: 10px;
	padding-right: 120px;
}

#search_btn {
	float: right;
	padding-right: 0px;
}

#search_input {
	float: right;
	font-size: 10px;
	padding-right: 5px;
}

.search_type {
	float: right;
	padding-right: 5px;
}

#search_type select {
	border: 1px solid #336699;
	color: #336699;
	padding: 2px;
}

#search_input input {
	border: 1px solid #336699;
	color: #336699;
	padding: 3px;
}

.srch_input {
	font-size: 10px;
}

.srch_type {
	font-size: 10px !important;
	font-size: 14px;
}

/********************************************************************
 *                          Top Navigation                          *
 ********************************************************************/
 
#nav-container {
	background-image: url(../images/menu/navbg.jpg);
	background-repeat: repeat-x;
	height: 27px;
	margin: 0 auto;
}

#nav {
  margin: 0 auto;
  width: 578px; 
  list-style: none none;
  height: 27px;
  padding: 0px;
}

#nav li {
  width: 82px; 
  list-style: none none;
  display: inline;
  text-indent: -9999px;
}

#nav #nav-home, 
#nav #nav-browse,
#nav #nav-getastore,
#nav #nav-featstore,
#nav #nav-featitem,
#nav #nav-aboutus,
#nav #nav-contactus
{
  width: 83px;
}

#nav a {
  float: left;
  width: 82px;
  display: block;
  background: url(../images/menu/nav.jpg) no-repeat;
  text-decoration: none;
  height: 27px;
}

#nav #nav-home a {
  width: 83px;
}

#nav #nav-home a:hover,
#nav #nav-home a:focus,
#section-actve #nav #nav-home a {
  background-position: 0px -27px;
}

#nav #nav-home-on a {
  background-position: 0px -27px;
}

#nav #nav-browse a {
  background-position: -82px 0px;
}

#nav #nav-browse a:hover,
#nav #nav-browse a:focus,
#section-actve #nav #nav-browse a {
  background-position: -82px -27px;
}

#nav #nav-browse-on a {
  background-position: -82px -27px;
}

#nav #nav-getastore a {
  background-position: -165px 0px;
}

#nav #nav-getastore a:hover,
#nav #nav-getastore a:focus,
#section-actve #nav #nav-getastore a {
  background-position: -165px -27px;
}

#nav #nav-getastore-on a {
  background-position: -165px -27px;
}

#nav #nav-featstore a {
  background-position: -247px 0px;
}

#nav #nav-featstore a:hover,
#nav #nav-featstore a:focus,
#section-actve #nav #nav-featstore a {
  background-position: -247px -27px;
}

#nav #nav-featstore-on a {
  background-position: -247px -27px;
}

#nav #nav-featitem a {
  background-position: -330px 0px;
}

#nav #nav-featitem a:hover,
#nav #nav-featitem a:focus,
#section-actve #nav #nav-featitem a {
  background-position: -330px -27px;
}

#nav #nav-featitem-on a {
  background-position: -330px -27px;
}


#nav #nav-aboutus a {
  background-position: -411px 0px;
}

#nav #nav-aboutus a:hover,
#nav #nav-aboutus a:focus,
#section-actve #nav #nav-aboutus a {
  background-position: -411px -27px;
}

#nav #nav-aboutus-on a {
  background-position: -411px -27px;
}

#nav #nav-contactus a {
  background-position: -494px 0px;
}

#nav #nav-contactus a:hover,
#nav #nav-contactus a:focus,
#section-actve #nav #nav-contactus a {
  background-position: -494px -27px;
}

#nav #nav-contactus-on a {
  background-position: -494px -27px;
}

#banner {
	background-color: #336699;
	height: 150px;
	margin-bottom: 0;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 0;
	padding: 0;
}

/********************************************************************
 *                             Content                              *
 ********************************************************************/

#inner-wrap {
	padding-bottom: 77px;
}

#inner-wrap:after {
	content: " ";
	display: block;
	clear: both;
}

#main {
	position: relative;
	margin-left: 165px;
}

* html #main,
* html #inner-wrap {
	height: 1px;
}

#pathtrail {
	background-color: #D5FD56;
	border-top: 3px solid #9DCE00;
	font-size: 11px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 22px;
	margin-top: 0px;
	padding-bottom: 1px;
	padding-left: 8px;
	padding-right: 0px;
	padding-top: 1px;
	vertical-align: top;
}

#pathtrail2 {
	background-color: #E9E9E6;
	font-size: 11px;
	height: 100%;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 1px 0px 1px 8px;
}


#content {
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 22px;
	padding-top: 0px;
}

/********************************************************************
 *                          Left Navigation                         *
 ********************************************************************/

#leftnav {
	float: left;
	background-color: #6699CC;
	color: #FFF;
	font-size: 12px;
	margin-left: 13px !important;
	margin-left: 7px;
	padding: 0px;	
	text-align: center;
	vertical-align: top;
	width: 152px !important;
	width: 151px;
}

#leftnav #navcontainer {
	margin: 0 auto;
}

#leftnav .sections {
	border-bottom: 2px groove #336699 !important;
	border-bottom: 2px groove #99CCFF;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 2px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	text-align: left;
 	vertical-align: top;
}

#leftnav .menu_topleftcorner {
	position: relative;
	float: left;
	text-align: left;
	vertical-align:baseline;
} 

#leftnav .menusp {
	height: 3px;
	line-height: 0.3em;
}

#leftnav .menu_bottomleftcorner {
	position: relative;
	float: left;
	text-align: left;
	vertical-align:baseline;
}
 
.sub {
  color: #FFF;
  font: .9em Verdana, Arial, Helvetica, sans-serif;
}

.sub ul {
	margin: 0 auto;
	list-style: none;
	width: 96%;
	padding: 0;
	text-align: left;
}

.sub ul li {
	text-align: left;
	width: 96%;
	display: inline;
	line-height: 1.7em;
}

.sub ul li a {
	border: 1px solid #6699CC;
	background-image: url(../images/menu_dotleader.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 1px 2px 1px 14px;
	display: block;
	color: #FFF;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*IE Sucks*/
}

.sub ul li a:hover {
	background-image: url(menu_spacer.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #9DCE00;
	border: 1px solid #D5FD56;
	color: #FFF;
	text-decoration: none;
}

.sub ul li a:visited {
  font-weight: normal;
}

/********************************************************************
 *                              Tables                              *
 ********************************************************************/

table.tbl_main th {
	border-bottom: 5px solid #9DCE00;
	color: #6699CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: left;
	padding: 0px 0px 0px 0px;
}

table.masterbasket {background-color: #EFEFEF; border: solid 1px #CCC;text-decoration: none;}
table.masterbasket th {background-color: #E7E7E7;color: #333;font-family : verdana, arial, helvetica, sans-serif;font-size: 12px;border-bottom: dashed 1px #CCC; text-align: left; height: 20px;}
table.masterbasket td {padding: 3px;font-family : verdana, arial, helvetica, sans-serif;font-size: 10px; text-decoration: none;}

.rightcolumn {
	background-image: url(../images/rightcol_btmleftcorner.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #E9E9E6;
	padding: 0;
	margin: 0;
	vertical-align: top;
	width: 200px;
}

.rightcol {
	background-image: url(../images/rightcol_divider.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #E9E9E7;
	margin: 0 auto;
	width: 200px;
}

/********************************************************************
 *                              Footer                              *
 ********************************************************************/

#footer {
	position: absolute;
	background-color: #336699;
	bottom: 0;
	height: 69px;
	margin-bottom: 0;
	margin-left:5px;
	margin-right:5px;
	margin-top: 0;
	width:780px;
}

#footer #spacer {
	background-image: url(../images/footerbg.gif);
	background-repeat: repeat-x;
	font-size: 1px;
	height: 8px;
}

#footer #bg {
	background-color: #FFF;
	border-bottom: 3px solid #99CCFF;
	border-top: 3px solid #99CCFF;
	color: #336699;
	float: left;
	font-size: 11px;
	font-weight: bold;
	margin: 0 auto;
	padding: 2px;
	vertical-align: middle;
}

#footer #bg #content_left {
	float: left;
	margin-bottom: 2px;
	margin-left: 8px;
	margin-right: 0px;
	margin-top: 5px;
}

#footer #bg #content_left a {
	color: #9CCE00;
	text-decoration: none;
}

#footer #bg #content_left a:hover {
	color: #83AD01;
	text-decoration: none;
}


#footer #bg #content_right_txt {
	float: right;
	color: #336699;
	margin-bottom: 2px;
	margin-left: 0px;
	margin-right:4px;
	margin-top: 5px;
}

#footer #bg #content_right_img {
	float: right;
	color: #336699;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 8px;
	margin-top: 0px;
}

#footer #compliant {
	background-color: #336699;
	margin: 0 auto;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 0px;
	padding-top: 2px;
	text-align: center;
}

.pagefull {
	height: 200px;
	padding: 8px;	
	text-align: center;
}