/**
 * AH Tech Solutions *
	* @author      Tee G. Peng *
 * @link            http://www.lotusseedsdeisgn.com * 
  * @revision        $Revision: 1 $
 * @lastmodified     1.0  $Date: Sept 30th, 2009 $
  / ----------------------------------------------------------------------*/


 body {text-align: center; color: #151515;
  		font: normal 100.1%/1.5em Arial, sans-serif;background: #083a6a url(../images/base_images/body_bg.png) repeat-x}
    	 
  * {margin:0; padding:0;} /* Reset all elements */
	img {border:none;display: block;cursor:pointer;}
  .clear {clear: both;height: 0;line-height: 0; }
  small, span.edit { float: right;font-size:12px; text-shadow: 1px 1px 1px #fff;}
  
span{font-size:13px}

a {text-decoration:none;color: #133765;cursor: pointer;}
 a:hover,	#pager-alt li.first a:hover {color: #f93; }
a:focus {outline: 0;}

  fieldset {border:none;margin: 0;padding: 0;}
 select.multiselect {font-size: 13px; line-height: 2em;}
  label, option, textarea, li label{font-size: 13px; }

  input, textarea, select {border: 1px solid #BDD1DF; }
 #rightcol input  {background:transparent;}
input {padding: 2px 4px;}
  textarea {padding: 5px;}
  select {padding: 1px;}
  option {width: 99%;border-bottom: 1px solid #BDD1DF;padding: 1px 2px}
h2 a {color: #0A3C6D;letter-spacing: 1px;}
  address {line-height: 1.8em;}
em, address {font-style:normal;}
address {text-transform: capitalize;}
h1,h2,h3,h4,h5,h6,
#quick-access li a, #acct-login li a {font-family:  "Tahoma", "Lucida Grande", Lucida, Verdana, sans-serif;}


h1,h2,h3,h4,h5,h6 {color: #43627f;text-transform: capitalize!important;}


#content h1
 {/*background:url(../images/base_images/gradientbg3.png) repeat-x left -2px;*/ text-transform: capitalize;color: #43627f;font-size:125%;padding:8px 10px 6px 12px;letter-spacing: 1px;text-shadow: 1px 1px 1px #fff;}
 

h2.product-name {margin-bottom: 15px;}

h3, h4, h5, h6 { font-size: 16px }  
h3 span {font-size: 16px}             
                     
				
p, td, .ui-tabs-panel{font-family:  Arial, San-serif;}	
dd, p, li, td, address, strong {font-size:14px;line-height: 1.35em;}
li {list-style: none;}
 span a:hover, span a:focus {text-decoration: underline;color: #547680; } 

/* control floated elements */
.fleft {float:left;}
.fright {float:right!important;}

 
 /* column & row wrappers - site structure
 ============================================== */
#container{width: 952px;margin: 0 auto ;text-align: left;overflow: hidden;background: transparent url(../images/base_images/container_bg.png) no-repeat left top;padding-left: 18px;padding-right: 18px;display: block;}


#main {width: 54%;float: left;margin-left: 10px;position: relative;padding: 2%;}


 #leftcol, #rightcol, #product-view, #cms-view{margin-top:23px;}
 #leftcol {width: 20%;float:left;
margin-left: 2px;}

#rightcol {float: right;width: 20%;margin-right: 15px}

#product-view {float: left;width: 55%;margin-left: 25px;overflow: hidden;}

#cms-view {float: left;width: 75%;margin-left: 28px;min-height: 35em;}


/* for customer logged in  page - switch the left/right columns' placement and re-adjust margins*/
.acctnav {margin-left: 0!important; margin-top:0!important;}
.my-acct {margin-left:20px!important;}


 #content {width: 945px;overflow: hidden;clear: both;min-height: 33em;padding: 0;background: url(../images/base_images/ct_bgtop.png) no-repeat left top;display: block;}
 
#content-top {background: transparent url(../images/base_images/ct_bgctr.png) left center;display: block;width: 945px;overflow: hidden;clear: both;}

#cotent-btm{background: url(../images/base_images/ct_bgbtm.png) no-repeat left bottom;display: block;width: 945px;height: 42px;}




.checkout-cart-index #content {width: 915px;overflow: hidden;clear: both;padding: 0;background: url(../images/base_images/ct_bgtop-1col.png) no-repeat left top;display: block;padding:15px;min-height: 31em;}
 
.checkout-cart-index #content-top {background: transparent url(../images/base_images/ct_bgctr-cart.png) left center;display: block;width: 945px;overflow: hidden;clear: both;}

.checkout-cart-index #cotent-btm{background: url(../images/base_images/ct_bgbtm-1col.png) no-repeat left bottom;display: block;width: 945px;height: 42px;}


 p.register, #mini-login input, p.welcome, #quick-access li a,
 .forgot-psw, span.edit,
 #acct-login ul li a, label {letter-spacing: 1px;}
/* global elements=========================================*/

/* logo, h1 */
	#hdr {width:980px;background: #fff url(../images/base_images/hdr_bg.png) no-repeat 0 top;margin-left: -18px;}
	
	#logo {background: url(../images/base_images/logo.png) no-repeat 25px 10px;height: 63px; float: left;width: 40%;margin-bottom: 0;padding-bottom: 10px;margin-top:10px;}

		.cms-home #logo span  {display: none!important}
	#logo span {text-indent: -999999em;position: absolute;}
	 /*livechat*/
	 .top-container {float: right;width: 205px;margin-right: 10px;margin-top: 10px;height: 108px;} 
	  .top-container span {display: none;}
	 ul.communicates {width:28%;float: right;margin-right: 15px;margin-bottom: 0;margin-top: 30px} 
	 ul.communicates li {color:#1B4973;padding-top: 12px;padding-left:60px;padding-bottom: 12px;float: right;font-size: .9em;font-weight: bold;}

  ul.communicates li.call{background: url(../images/base_images/icon-communication.gif) no-repeat left 5px;margin-right:10px;width: 55%;}
    ul.communicates li span {display: block;font-size: 16px;}
      /*ul.communicates li.welcome {display: block;width:30%;text-align: right;font-weight: normal;margin-right: 25px;color: #555;line-height: 1;padding-bottom: 5px;font-size: 10px;letter-spacing: 1px;}*/

/*login (mini login) and welcome msg ======================================*/
.floatbox-wrap{display: block;clear: both;position: relative;margin-left: 19px;margin-right:18px;margin-top: 1px;background: url(../images/base_images/gradientbg3.png) repeat-x right -8px;border: 1px solid #EBF4F8;border-bottom: 0;overflow: hidden;}
.boxwrap{background: transparent url(../images/base_images/boxbg.png) repeat-x left top;}

/* Mini top search */
#mini-search {width:260px;float: right;margin-right: 0;}
#mini-search legend span, #mini-search label{position: absolute;top: -999em;}
	#mini-search #search {border: 1px solid #49769A;
background: url(../images/base_images/gradientbg3.png) repeat-x right -13px;
 padding:2px;width:80%;margin:5px 0 1px 5px;float: left;text-align: right;color: #777;font-size: 12px;}
 
	#mini-search input:focus  {color:#222;background: #EAF4F8;}
	#mini-search button{background: url(../images/base_images/icon-search.png) no-repeat left 0;margin-top: 4px;width:23px;height: 23px;margin-right: 10px;border: 0;display: block;float: right;}
#mini-search button:hover{background: url(../images/base_images/icon-search.png) no-repeat left bottom}
	
#searchbtn:hover {background:#fefefe;color:#38678F;}


/*jquery auto-complete*/	
.ac_results {
	padding: 0 3px;
	border:1px solid #49769A;
	border-top: 0;
	background: #fff;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	border-bottom: 1px solid #BDD1DF;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_results li:last-child {border-bottom: 0!important;}
.ac_loading {
	background: white url(../images/base_images/opc-ajax-loader.gif) right center no-repeat;
}

.ac_odd {
background: url(../images/base_images/ftr_bgtop.png) no-repeat center -5px;}

.ac_over {background:#EAF4F8;;
		color:#43627f;}



.ac_product_row{position:relative;text-align: left;width: 250px;}
.ac_product_row .ac_product_image{float:left;margin:2px 10px 2px 2px;width: 50px;}
.ac_product_row .wrap {float: left;width: 55%;}
.ac_product_row .wrap  .ac_product_name{font-size:14px;color:#00A5D6;}
.ac_product_row .wrap  .ac_product_manufacturer{font-size:12px;color:#43627f;}
.ac_product_row .wrap  .price,
.ac_product_row .wrap  .getsku{font-size:14px;padding-top: 3px;}


/*site navigations - home | products | Services | About | Contact*/
/* Quick Access - Register | My cart | Checkout  
==============================================*/

  #mwrap {background:transparent url(../images/base_images/hmenubg.png) no-repeat center top; margin: 0 0 0 17px;height:40px;width:947px; clear: both;}
  
  #mwrap li,  #mwrap li a {float: left;display: block; font-weight: bold;}
  
   #mwrap li a {background: url(../images/base_images/icon-pipe.png) no-repeat right center;}
  
#acct-login {width:45%;float:right;padding-top: 10px;padding-right: 0;margin-right: 5px;}
	#acct-login ul {text-align: right;float: right;margin-right: 4px;}
	#acct-login li a {padding:1px 8px 5px 6px;color: #292925;font-size: .8em;background: url(../images/base_images/icon-pipe.png) no-repeat right 2px;text-transform: capitalize;text-shadow: 1px 1px 1px #fff}
				#acct-login li.last a {background-image: none;}



  
#quick-access{ width:54%;float: left;padding-top: 9px;position: relative;}
#quick-access ul {text-align: center;padding-left: 15px;}

#quick-access li a {float: left;display: block;padding: 2px 8px 0 4px;color: #151515;font-size: .8em;text-transform: capitalize;margin-right: 3px;text-shadow: 1px 1px 1px #fff;}


#quick-access li a:hover, #quick-access li a:active, #quick-access li a:focus, #quick-access  li.active a,
 #acct-login ul li a:hover, #quick-access li a:hover {color: #335d82}


  
/* footer section #4C3F2F
============================ */

#ftr_wrap  {width: 945px;color:#232323;margin-left: 1px;clear: both;background: transparent url(../images/base_images/ftr_bgtop.png) no-repeat left top;}

#footer {background: url(../images/base_images/ftr_bgbtm.png) no-repeat left bottom;width: 945px; text-align: center; clear: both;color:#232323;padding-bottom: 10px;}

/*footer shadow*/
#container2{width: 986px;text-align: left;overflow: hidden;background:url(../images/base_images/ftr_bg2.png) no-repeat 0 top;height: 35px;margin:0 auto 0 auto}



#footer p {padding: 4px 15px 5px 20px;color: #888;font: .7em Tahoma, Arial, Helvetica, Geneva, sans-serif;}
#footer p a {font-style: italic;color: #979d4d}

/*wrap footer's links and company info*/
#footer .ftr-inner {
overflow: hidden;display: block;
}
#footer ul {display: block;overflow: hidden;clear: both;padding-top: 18px;text-align: center;margin: 5px 30px;}
#footer li {display: inline;margin-top: 55px;}
#footer li a {padding:0 10px 0 5px;
		font-size:.9em;background: url(../images/base_images/icon-pipe.png) no-repeat right 0;color: #252525;}

#footer li a:hover {text-decoration: none;color: #f93;}
#footer strong {font-weight: normal;}

/* CMS pages : About, Customer Service, FAQ, 404 not found 
============================================================*/
.cms-page-view {margin: 0 15px;border: none!important;}
.cms-page-view #cms-view p{padding-left: 15px;padding-right: 15px;padding-top: 10px;}
h1#content-heading {background-image: none;padding-left: 20px;padding-bottom: 0}

.cms-page-view #cms-view .fleft {margin-right:15px ;margin-bottom: 5px;margin-top: 10px;}
.cms-page-view #cms-view .fright{margin-left:15px ;margin-bottom: 5px;}

.cms-page-view #cms-view h2, 
.cms-page-view #cms-view h3,
.cms-page-view #cms-view h4, 
.cms-page-view #cms-view h5{font-size: 16px;padding-top: 20px;padding-left: 15px;}
.cms-page-view ul.disc li {padding-bottom: 5px;margin-left: 20px;}
.cms-page-view #cms-view ul.disc {margin-top: 20px;margin-left: 15px;}

/*overwrite dashboard h3*/
.cms-page-view #cms-view h3 {margin-bottom:0;background-image: none!important;background-color: #fff;border: 0;}

/*cms landing page*/
div.box-content {float: left;width: 70%;margin-bottom: 10px;}
div.box {float: left;width: 45%;margin-right: 18px;margin-top: 10px;border: 1px solid #BDD1DF;min-height: 15em}
#cms-view  div.box h2 {background-position: left -5px;margin-top:1px;}
div.box img {float: left;margin-right: 10px;margin-left: 10px;width: 22%;margin-top: 5px;}

div.box-wrap{clear: both;overflow: hidden;margin:10px 15px}
div.box-content p {padding-left: 0;}

div.box-content div.box-wrap ul.disc {margin-top: 0!important;}



/* @group keyboard navigation tab access features */

#skip_nav a:hover, 
#skip_nav a:active,
#skip_nav a:focus, 
#footer a:hover, 
#footer a:active, 
ol li a:focus, ul li a:focus,
td a:focus,
span.edit a:focus,
p a:focus,
.actions a:focus
{color:#3D281A;outline: 0;}

textarea:focus, multiselect:focus, input:focus, select:focus {background: #EAF4F8}
/* @end */

#menu {margin: 0 0 15px 9px;display: block;clear: both;background: #49769A; padding: 0;width: 178px;}

#menu h2 { display: block;background: url(../images/base_images/menuh6.png) repeat-x center top;color: #ededed;letter-spacing: 1px;padding: 6px 2px 5px 14px;font-size: 11px;}

#menu .arrow{text-align: right;display: block;margin-right: 5px;float: right;}
#menu .sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			178px/* left offset of submenus need to match (see below) */
}

#menu .sf-menu ul li {margin-left: 0;}

#menu .sf-menu li:hover,
#menu .sf-menu li a:hover { visibility:		inherit; /* fixes IE7 'sticky bug' */}

#menu .sf-menu li {display: block;
position:relative; /*prevent flyout menu going out of whack*/
border-top: 1px solid #749fba;}

#menu .sf-menu li li:first-child {border-top: 0;}

#menu .sf-menu li li,
#menu .sf-menu li.active li a { background: url(../images/base_images/hdr-bg.png) no-repeat right 90%;}
#menu .sf-menu li li:last-child {border-bottom: 0;}
/*parent hover*/ 	
#menu .sf-menu li a:hover, 
#menu .sf-menu li.active a:hover,
#menu .sf-menu li.active a {color: #fff;background: url(../images/base_images/body_bg.png) repeat-x center 40%;}
#menu .sf-menu li.active a {background-position: center center;}
/*2nd level hover*/
#menu .sf-menu li li a:hover,
#menu .sf-menu li.active li a:hover {color:#F4F8FA;opacity: 0.9;}
#menu .sf-menu li li a,
#menu .sf-menu li.active li a {padding-right: 0;padding-left: 0;display: block;text-transform: none;border-bottom: 0;}


#menu .sf-menu li a span {padding-left: 14px;font-size: 12px;}



#menu .sf-menu a {	display:		block;padding: 5px 0;color: #fff;
	text-align: left;text-transform: uppercase;
}


#menu .sf-menu li:hover ul,
#menu .sf-menu li.sfHover ul {
	left:			0;
	top:			0; /* match top ul list item height */
	z-index:		9999;
}



/*** shadows for all but IE6 ***/
#menu .sf-shadow ul {
	background:	url(../images/base_images/shadow-trans.png) no-repeat bottom right;
	padding: 0}
	

/*** DEMO SKIN ***/
#menu .sf-menu a, 
#menu .sf-menu a:visited,
#menu .sf-menu li.active li a   { /* visited pseudo selector so IE6 applies text colour*/
color: #e5f2f7}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
#menu .sf-vertical, 
#menu .sf-vertical li {width:	178px;}

	 

/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
#menu .sf-vertical li:hover ul,
#menu .sf-vertical li.sfHover ul {
	left:	179px; background: #49769A;
	top:	0;z-index:		99999;
	}




/*#quick-access{ width:52%;float: left;padding-top: 10px;position: relative;}*/
/*#quick-access ul {text-align: center;padding-left: 15px;}*/

/*#quick-access li a {float: left;padding: 2px 6px 0 2px;color: #151515;font-size: .8em;text-transform: capitalize;margin-right: 3px;}
#quick-access li {position:		relative}*/

#mwrap .sf-menu li:hover ul,
#mwrap .sf-menu li.sfHover ul {	position: absolute;z-index:1000;}


/*** ESSENTIAL STYLES ***/


#mwrap .sf-menu ul { z-index:600;
	position:		absolute;
	top:			-999em;
	width:			180px;}

#mwrap .sf-menu ul ul {margin-left:0;width:195px;padding-left: 0;}
#mwrap .sf-menu ul li {width:			100%;}
	
#mwrap .sf-menu li:hover { visibility:		inherit; /* fixes IE7 'sticky bug' */}

#mwrap .sf-menu li {	float:left;position:relative;}


#mwrap .sf-menu a {	display:		block;
	position:		relative;
}
#mwrap .sf-menu li:hover ul,
#mwrap .sf-menu li.sfHover ul {
	left:			0;
	top:			30px; /* match top ul list item height */
border-top: 0;
	background:#EAF4F9;	margin-left: 0;
}

#mwrap .sf-menu li li a {background-image: none;padding: 5px 0;}


#mwrap .sf-menu li li,
#mwrap .sf-menu li.active li a {color: #151515;}

#mwrap .sf-menu li li:hover,
#mwrap .sf-menu li li a:hover, #mwrap .sf-menu li li a:hover,
#mwrap .sf-menu li li a:focus {background: url(../images/base_images/ftr_bgtop.png) no-repeat center -5px;}

#quick-access ul ul {padding-left: 0;}

	/*2nd level - disable dropdown background image*/	

#mwrap .sf-menu li li,
#mwrap .sf-menu li.active li {border-bottom: 1px solid #B6D3DF; padding-left: 15px;width: 165px;}
#mwrap .sf-menu li li.last,
#mwrap .sf-menu li.active li.last {border-bottom: 0;} 
#mwrap .sf-menu li.sfHover,
#mwrap .sf-menu a:focus, #mwrap .sf-menu li a:active {
outline:0;text-decoration: none;}