html, body{
	margin: 0;
	font-family: Arial, Verdana;
	font-size: 12px;
	height: 100%;
	background-image: url(../images/body-bg.png);
	background-repeat: repeat-x;
	background-color: #F4F2EC;
	line-height: 18px;
}
#container
{
	width: 988px; 
	margin-left: auto;
	margin-right: auto;
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background-image: url(../images/footer-bg.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	padding-bottom: 30px;
}

#inner-wrapper{ 
	width: 988px; 
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#banner{
	width: 988px;
	height: 120px;
	overflow:visible !important;
	
}
#navbar{
	width: 988px;
	height: 31px;
	margin-bottom: 7px;
	background-image: url(../images/navbar-bg.png);
	text-align: center;
}
#left-col{
	width: 778px;
	padding-left: 7px;
	margin-right: 3px;
	float: left;
}
#content{
	width: 981px;
	padding-left: 7px;
}
#right-col{
	width: 193px;
	margin-right: 7px; 
	float: left;
}
#inner-left-col{
	width: 195px;
	margin-right: 9px;
	float: left;
	padding-top: 7px;
	padding-bottom: 80px;
}
#inner-right-col{
	width: 560px;
	float: left;
	padding: 10px 7px;
}
#inner-right-wide{
	width: 742px;
	float: left;
	padding: 10px 15px;
}
.shoutbox-1{
	width: 183px;
	height: 50px;
	padding: 16px 5px;
	background: #D0CDCD;
	color: white;
	text-align: center;
	margin-bottom: 3px;
}
.shoutbox-2{
	width: 183px;
	height: 49px;
	padding: 16px 5px;
	background: #7FB1C7;
	color: white;
	text-align: center;
}
.box-title{
	width: 204px; 
	text-align: center; 
	background: #D8E7EF; 
	color: #4888A4; 
	text-transform: uppercase; 
	font-size: 14px;  
	line-height: 32px;
	margin-bottom: 3px;
}
.cart-title{
	width: 550px; 
	background: #8FBACE; 
	color: white; 
	text-transform: uppercase; 
	font-size: 12px;  
	line-height: 25px;
	margin-bottom: 10px;
	padding-left: 10px;
}
.news-box{
	width: 563px;
	padding: 5px 0;
}
.product-box{
	width: 540px;
	padding: 10px; 
	background: #F2EEE7; 
	margin-bottom: 10px;
}
img{
	border: 0;
}
.media-container{
	width: 140px;
	padding-left: 3px;
	padding-right: 3px;
	float: left;
	height: 210px;
	text-align: center;
}
.gallery-container{
	width: 188px;
	padding: 10px;
	float: left;
	height: 220px;
	text-align: center;
	background: #F2EEE7;
	margin-right: 10px;
	margin-bottom: 10px;
}
.gallery-pic-container{
	width: 188px;
	padding: 10px;
	float: left;
	height: 188px;
	text-align: center;
	background: #F2EEE7;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* start: new top navigation */

.top_navigation{ width:350px; float:right; padding:20px 0px 0px 0px; height:25px;}
.toplinks, .after_login{ float:right; padding:0px 10px 0px 0px; position:relative;}
.toplinks a{float:left;}
/*
.toplinks a:hover, .toplinks a.open, .toplinks a.open:hover{ background:#d8e7ef; border:1px solid #d8e7ef; color:#4888a4;}
.toplinks .pop_link{ float:left; background:none !important; padding:0px !important; color:#e2007a; font-size:11px !important; border:none!important; margin-top:10px;}
.toplinks .pop_link:hover{color:#5296B4 !important; background:none !important; border:none!important; }

#sign_modal_box, #sign_modal_box2{ position:absolute; background:#fff; padding:10px !important; top:30px; z-index:9000; border:1px solid #d8e7ef; width:200px;}
#sign_modal_box{left:0px;}
#sign_modal_box2{ right:10px !important;}
#sign_modal_box label, #sign_modal_box2 label{ display:block; padding:0px 0px 10px 0px; float:left; width:100%;}
.pop_input{border:1px solid #BCBCBC; width:188px; padding:5px; margin-bottom:5px;}
*/
/* remove the list style */
#nav_account {margin:0; padding:0; list-style:none;}	
/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav_account li {float:left; display:block; background:#fff; position:relative; z-index:500; margin:0 1px; color:#000;}
/* this is the parent menu */
#nav_account li a {display:block;}
#nav_account li a:hover {color:#000;}
/* you can make a different style for default selected value */
#nav_account a.selected {background:#d8e7ef; border:1px solid #d8e7ef; color:#4888a4; padding:5px;}
/* submenu, it's hidden by default */
#nav_account ul {	position:absolute; left:0; border:1px solid #d8e7ef; border-bottom:0px solid #d8e7ef; background:#fff; display:none; margin:0 0 0 -1px; list-style:none; width:157px; padding:0px;}
#nav_account ul li {width:136px; float:left; padding:10px !important;  border-bottom:1px solid #d8e7ef;}
/* display block will make the link fill the whole area of LI */
#nav_account ul a {display:block; color:#e2007a;}
#nav_account ul a:hover {text-decoration:none; color:#4888a4 !important;}
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav_account ul {	margin:0 0 0 -2px;}