html,body{
	margin:0;
	padding:0;
}
/* ============= CONSTANTS ================ */
body{
	font:normal .8em tahoma,arial,sans-serif;
	text-align:center;
	background: #fff;
}
*{
	margin:0;
	border:0;
}
img{
	border:0;
	margin:0;
	padding:0;
}
p{
	margin:0 .6em 1em;
}
.just {
	text-align:justify;
}
a{
	display:block;
	color: #981793;
	padding:10px;
}
img{
	border:0;
}
/* ============== HEADER =====================*/
#header{
	width:960px;
	height:110px;
	background:url(./images/head.jpg) no-repeat;
}
#head_menu_box{
	position:relative;
	top:50px;
	left:620px;
	height:35px;
	width:330px;
}
#head_menu_box a{
	display:inline;
	text-decoration:none;
	color:#222;
	padding:0;
}
#head_menu_box a:hover{
	text-decoration:underline;
}
#location{
	width:100%;
	padding:2px 1px;
	background:#fff;
	color:#555;
	font-weight:normal;
}
#location a{
	color:#555;
	text-decoration:underline;
	display:inline;
}
/* ================= MAIN ELEMENTS ============= */
#container{
	display:block;
	width:960px;
	margin:0 auto;
	text-align:left;
	color:5f5f5f;
	background:url(./images/container.png) repeat-y;
}
#right{
	float:right;
	display:inline;
	width:695px;
}
#left{
	float:left;
	width:260px;
	border-right:1px solid #ccc;
}
#footer{
	clear:both;
	height:78px;
	margin:0 auto;
	width:950px;
	text-align:left;
	background:url(./images/footer.jpg) no-repeat;
}



/* =============== HOME CONTENT ================ */
#category{
	margin:5px auto;
	width:682px;
	display:block;
	text-align:center;
}
#catbox_outer{
	position:relative;
	left:-8px;
	width:680px;
	height:320px;
	overflow:hidden;
	margin:0 auto;
}
.catbox{
	float:left;
	overflow:hidden;
	margin-left:5px;
	width:218px;
	border:1px solid #c00;
	height:320px;
	border:1px solid #ccf;
}

.top{
	width:226px;
	vertical-align:top;
	text-align:center;
}
#left p
	{
	line-height:1.4;
}
#wrapper{
	background:#fff;
}

#right a{
	display:inline;
}

#dsp{
	width:100%;
	display:block;
}
#dsp_inner{
	width:688px;
	height:291px;
	margin:0 auto;	
	background:url(./images/display.jpg) no-repeat;
}

.noborder{
	border:0;
	padding:0;
	margin:0;
}
.fab{
	float:left;
	display:inline;
	width:66px;
	min-height:66px;
	margin:1px;
	background:#fff;
}
/* =================== MENUS AND CONTAINERS ================== */

#side_nav{
	margin:0 0 0 5px;
	width: 255px;
	background-color: #ddf2f7;

}

#side_nav ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font: normal 87% "micorsoft sans serif", helvetica, sans-serif;
}

#side_nav li a{
	font-size:1.1em;
	display: block;
	padding: 3px 0;
	padding-left: 9px;
	width: 246px; 
	text-decoration: none;
	color: #6a4860;
}

#side_nav li a:focus {
	outline: none;
}

* html #side_nav li a{ /*IE only */
width: 187px; /*IE 5*/
w\idth: 169px; /*185px minus all left/right paddings and margins*/
}

#side_nav li a:hover {
color:#aaf;
}

#side_nav div.menutitle{
	height:23px;
	width:255px;
	color: #6a4860;
	padding: 5px 0 0 3px;
	background:url(./images/gradient.jpg) no-repeat;
	font: bold 100% "times new roman", times, serif;
}

/* ================================ HOME LEFT ============================== */

#left_menu_container{
	min-height:250px;
	margin:0;
}



#left2{background:#fff;}
#left2{float:left;width:250px}



/* ========================== FOOTER ========================== */
#footer p{
	font:normal 90%/130% tahoma, helvetica, sans-serif;
	padding:20px;
	color:#353535;
}
#footer a{
	padding:0;
	display:inline;
	font:normal 100%/130% tahoma, helvetica, sans-serif;
	text-decoration:none;
	color:#353535;
}
#footer a:hover{
	text-decoration:underline;
	color:#888;
}

/* ================== BROWSE STYLES  */

.product{
	padding:0;	
	display:block;
	height:100%;
	overflow:hidden;
	border:1px solid #ddd; 
	margin:2px 10px 2px 0;
}
.products{
	float:left;
	padding:3px;	
	display:block;
	width:180px;
	height:100%;
	overflow:hidden;
	margin:2px 15px 10px 15px;
	border:1px solid #526fbb;
}

.image{
	text-align:center;
	margin:auto;
	padding:0;
}	
.description{
	float:left;
	width:100%;
	text-align:center;
	padding:5px 0;
	color:#555;
}
.bottomrow{
	float:left;
	width:100%;
	margin:0;padding:0;
}
.button{
	height:19px;
	verical-align:top;
	text-align:left;
}
.price{
	font:bold 1em "microsoft sans serif", helvetica, sans-serif;
	color:#6a4860;
	width:200px;
	text-align:center;
}

/* ==================== HEADER STYLES ================== */
h1{
	font:bold 1.8em/2.5em arial, helvetica, sans-serif;
	color:#c00;
}

h2{
	font:bold 1.1em tahoma, helvetica, sans-serif;
	color:#fff;
}
h3{
	font:bold .8em tahoma, helvetica, sans-serif;
	color:#555;
}
h4{
	font:bold 1em tahoma, helvetica, sans-serif;
	color:#ee4e8c;
}
h6{
	font:normal .9em/1.5em "microsoft sans serif", arial, helvetica, sans-serif;
	color:#404040;
}
.dsc{
	font:1.1em/1.4em "microsoft sans serif", helvetica, sans-serif;
	color:#373737;
	margin:1em 1em 3em 1em;
}

/* ============== SHOPPING BAG STYLES ================== */
.centre{
	text-align:center;
}
a.cartco {
	display:inline;
	color:#555;
	text-decoration:underline;
}
.bag{
	border:0;
	margin:0;
	min-height:320px;
}
.qty{
	font-size:.9em;
	font-weight:bold;
	color:#339;
	width:100%;
	border:1px solid #eee;
	text-align:right;
	padding:2px;
}
select{
	font-weight:bold;
}
.zone{
	font:bold 115% "microsoft sans serif", helvetica, sans-serif;
	width:200px;
	padding:2px;
	color:#339;
}
#shopping_table{
	float:left;
	margin-left:25px;
	display:inline;
	padding:10px;
	border:1px solid #ddd;
	min-height:233px;
}
#shopping_right{
	width:250px;
	float:right;
	background:#eee;
	margin-right:10px;
}
.shopright{
	width:100%;
	padding:0;
	margin:0;
}


td.baghead{
	font:bold 1em tahoma, helvetica, sans-serif;
	color:#fff;
	text-align:center;	
}
td.baghd150{
	font:bold 1em tahoma, helvetica, sans-serif;
	width:245px;
	height:40px;
	text-align:left;
	vertical-align:middle;
	color:#333;
	border:1px solid #ccc;
}	
td.baghd50{
	font:bold 1em tahoma, helvetica, sans-serif;
	width:80px;
	height:40px;
	vertical-align:middle;
	color:#333;
	border:1px solid #ccc;
	text-align:center;
}
td.baghd70{
	font:bold 1em tahoma, helvetica, sans-serif;
	width:70px;
	height:40px;
	vertical-align:middle;
	color:#333;
	border:1px solid #ccc;
	text-align:center;
}
td.left{
	text-align:left;
	margin:1px;
	font:normal 1em/1.3em arial, helvetica, sans-serif;
	color:#333;
	border-bottom:1px solid #eee;
}	
td.right{
	text-align:right;
	margin:1px;
	font:normal 1em/1.5em arial, helvetica, sans-serif;
	color:#555;
	border-bottom:1px solid #eee;
}
td.middle{
	text-align:center;
	background:#ffe5ff;
	margin:1px;
	font:normal 1em/1.5em arial, helvetica, sans-serif;
	color:#333;
	border-bottom:1px solid #eee;
}
td.display_price{
	font:bold 1.2em/1.8em tahoma, helvetica, sans-serif;
	color:#333;
	background:#fff;
	border-bottom:1px solid #eee;
}
td.ship{
	font-size:.9em;
	color:#555;
}
.ppal{
	width:100px;
	height:49px;
	margin:2px;
	background:url(./images/ppal.gif) no-repeat;
}
.ppal:hover{
	background:url(./images/ppalx.gif) no-repeat;
}
/* ============= HOME STYLES ============ */
td.cat1{
	height:30px;
	vertical-align:center;
	text-align:center;
}
td.cat2{
	height:100px;
	vertical-align:top;
	text-align:center;
}
td.cat3{
	height:40px;
	vertical-align:top;
	text-align:center;
}
/* ============= ZOOM STYLES ============ */
	
.tab_center{
	width:450px;
	text-align:left;
	border:0;
	padding:0;
}
td.description{
	text-align:center;
	height:30px;
	font:bold 1.1em tahoma, helvetica, sans-serif;
	color:#ee4e8c;
	background:#fff;
}
td.zoom_image{
	vertical-align:top;
	text-align:center;
}

/* =============== RIGTH NAV ================== */
a.greybutton{
	display:block;
	padding:0;
	margin:0;
	text-align:left;
	text-decoration:none;
}	

/* =============== DETAILS PAGE ================== */
#detail{
	display:inline;
	float:left;
}
#detail_button a{
	display:inline;
}
td.top_desc{
	height:25px;
	vertical-align:top;
	text-align:left;
	font:bold 1em tahoma, helvetica, sans-serif;
	color:#333;
}
#related{
	display:inline;
	float:right;
	margin-right:10px;	
	border:1px solid #ddd;
	min-height:300px;
	width:180px;
}
td.related_head{
	background:#555;
	color:#fff;	
	width:100%;
	font-size:100%;
	text-align:center;
	height:20px;
	vertical-align:middle;
}
/* ====================== FORM STYLES ================= */
th{
	font-family:arial, helvetica, sans-serif;
	font-size:80%;
}
textarea{
	font:normal 12px/16px "microsoft sans serif", helvetica, sans-serif;
}
	
#frm_upload, #tbl_upload, #btn, #sbm {
	margin:0px;
	padding:0px;
}
#tbl_upload {
	border-top:solid 1px #aaa;
	border-left:solid 1px #aaa;
	padding:0;
	margin:0;
}
#tbl_upload th, #tbl_upload td {
	border-right:solid 1px #aaa;
	border-bottom:solid 1px #aaa;
	text-align:left;
	vertical-align:top;
}
#tbl_upload th {
	padding:3px 10px 0px 10px;
	background-color:#f1f1f1;
	font-weight:bold;
}
#tbl_upload td {
	padding:3px;
}
.frmfld {
	border:1px solid #aaa;
	width:300px;
}
#btn, #sbm {
	height:20px;
	width:120px;
	display:block;
}
#btn {
	background-color:transparent;
	border:none;
	cursor:pointer;
}
#sbm {
	border:solid 1px #aaa;
	background:url(button.gif) repeat-x 0px 50%;
}
.warning {
	color:#990000;
	font-weight:bold;
}


.main{
	background:#f4f1ea;
}
option, select{
	font:90% "microsoft sans serif", helvetica, sans-serif;
}

/* ================= ADMIN ==================== */
input.log	{
	border:1px solid #999;
	padding:3px;
	maring: 2px;
	color: #336;
}

/* ================ POT HOLDER =================*/

#pph{
	width:570px;
	margin:25px auto;
	padding-top:50px;
	background:url(./images/select.gif) no-repeat;
}
.dropdown {
	width:150px;
	float:left;
	margin:0 15px;
}
.dropdown option, select{
	font:normal .9em/1.2em "microsoft sans serif", arial, helvetica;
	color:66c;
}