html{height:100%; background:url(../i/background.jpg) top repeat-x;}
html,body{font:12px/18px Tahoma, "Trebuchet MS", sans-serif; height:100%; margin:0px 25px 0px 25px; padding:0px;}

#content{padding:0 0 15px 50px;}
#content h1.pageTitle{font:italic 26px "Times New Roman", Times, serif; color:#4A492D; width:750px;}
#content h2.pageSubTitle{font:italic bold 18px "Times New Roman", Times, serif; color:#4A492D;}
#content h3{font:italic 18px "Times New Roman", Times, serif; color:#4A492D; margin:0;}
#content p, #content td{font:italic 16px/18px "Times New Roman", Times, serif; color:#4A492D;}
#content b{font:italic bold 16px/18px "Times New Roman", Times, serif; color:#4A492D;}
#content blockquote{text-align:left;}

.nav img, .nav button{padding:0px; margin:12px 10px 9px 0px; border:none;}
.nav input{background-color:#fff; height:14px; vertical-align:top; font:11px/14px Arial, Helvetica, sans-serif; color:#5A698B; margin-top:8px; padding:1px 1px 1px 3px; border:1px solid #8595B2;}
.nav form{padding:0px; margin:0px;}
.nav form button{padding:0px; margin:12px 5px 9px 0;}

.gradualshine{filter:alpha(opacity=80); -moz-opacity:0.3;}
.discount s{color:#990000;}
.discount .smaller{font-size:10px; color:#666;}

/* BEGIN CART CHECKOUT PROGRESS */
a img.step1_edit, img.step1_edit{background:url(../i/cart/personalize_edit.gif) bottom; width:121px; height:30px; cursor:pointer; border:none; margin:0px;}
a img.step2_edit, img.step2_edit{background:url(../i/cart/shipping_edit.gif) bottom; width:112px; height:30px; cursor:pointer; border:none; margin:0px;}
a img.step3_edit, img.step3_edit{background:url(../i/cart/billing_edit.gif) bottom; width:112px; height:30px; cursor:pointer; border:none; margin:0px;}

/* BEGIN PERSONALIZED DATA DISPLAY */
.personalizeData{border:1px solid #CCC;}
.personalizeData .imgDetails{font:italic 10px Arial; color:#999;}
.personalizeData .copyDetails{font:italic 12px "Times New Roman", Times, serif; color:#999;}
/* END PERSONALIZED DATA DISPLAY */

/* BEGIN PRODUCTS PAGE CSS */
#holder img{border:1px solid #CCC;}
/* END PRODUCTS PAGE CSS */

/* BEGIN PRIMARY NAV MOUSEOVER EFFECT */
.navHome a img{background:url(../i/nav/home.gif) bottom no-repeat;}
.navProducts a img{background:url(../i/nav/products.gif) bottom no-repeat;}
.navPortfolio a img{background:url(../i/nav/portfolio.gif) bottom no-repeat;}
.navOrdering a img{background:url(../i/nav/ordering.gif) bottom no-repeat;}
.navFAQ a img{background:url(../i/nav/faq.gif) bottom no-repeat;}
.navAbout a img{background:url(../i/nav/about.gif) bottom no-repeat;}
.navContact a img{background:url(../i/nav/contact.gif) bottom no-repeat;}
.navAccount a img{background:url(../i/nav/my_account.gif) bottom no-repeat;}
button.navSearch{background:url(../i/nav/search.gif) bottom no-repeat; padding:0; margin:0; height:17px; width:47px; cursor:pointer;}
button.navSearch:hover{background-position:top;}
button.navSearch:active{background-position:top;}
/* END PRIMARY NAV MOUSEOVER EFFECT */

/* BEGIN TOOLTIP CSS */
.fontClass{font:11px Tahoma, "Trebuchet MS", sans-serif; padding:10px;}
.capfontClass{font:bold 11px Tahoma, "Trebuchet MS", sans-serif; color:#ffffff;}
.capfontClass a{color: #ffffff; font-size: 9px;}
.fgClass{background-color:#FFF;}
/* END TOOLTIP CSS */

/* BEGIN CART CSS */
.cartImg img{border:1px solid #CCC; margin-right:20px;}
.cartData{font:10px "Times New Roman", Times, serif; color:#4A492D; vertical-align:top; text-align:left;}
.cartData b{font:bold 12px Arial; color:#000;}
.cartData h3{font-size:12px; color:#4A492D;}
.cartData h3 b{font:bold 14px Arial; color:#000;}
.cartData a{font:10px Arial; color:#999;}
.cartData a:hover{color:#3366FF;}

.banner{width:400px; border:1px solid #E9E9E9; text-align:left; padding:10px;}
.banner form{padding:0px; margin:0px;}
.banner .input{background-color:#fff; height:16px; vertical-align:top; font:11px/14px Arial, Helvetica, sans-serif; color:#5A698B; margin-top:4px; padding:1px; border:1px solid #8595B2;}
.banner form .submit{margin:5px 10px 5px 0px; border:none;}

.required_alert{font:10px Arial; color:#999;}
.min_order{font:italic 12px "Times New Roman", Times, serif; color:#4A492D;}
.error_alert{text-align:center; color:#CC0000;}
.error{font:10px Arial; padding-left:5px; color:#CC0000;}
.generalAlert{color:#999; text-align:center; padding:5px; border:1px solid #CCC; background-color:#FFF; width:20%; margin:10px;}
.stockAlert{color:#999; text-align:center; padding:5px; border:1px solid #CCC; background-color:#FFF; width:80%; margin:10px;}
.thank_you{color:#999; text-align:center;}


#thumbs{font:10px/12px Arial; text-align:center; color:#999; padding-top:20px;}
#thumbs td{font:10px/12px Arial;}
#thumbs img{border:none;}
#thumbs a.border img{
	border:1px solid #CCC;
	margin:2px;
  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

#thumbs a.border:hover img{
	border-color:#666;
  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

#thumbs a.active img{
	border:1px solid #666;
	margin:2px;
  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

#thumbs a{font:12px Arial; color:#999;}
#thumbs a:hover{color:#333;}
#thumbs .active{font:bolder 14px Arial; color:#000;}
#thumbs a .almost, #thumbs .almost{font:bold 12px Arial; color:#666;}
#thumbs a:hover .almost{font:bold 12px Arial; color:#333;}

#thumbs .thumbnav a{font:11px Arial; color:#999;}
#thumbs .thumbnav a:hover{color:#333;}
#thumbs .thumbnav a .disabled, #thumbs .thumbnav a:hover .disabled{color:#CCC;}

#thumbs a.next{background:url(../i/page_nav/next.gif);}
#thumbs a.next:hover{background-position:bottom;}
#thumbs a.prev{background:url(../i/page_nav/prev.gif);}
#thumbs a.prev:hover{background-position:bottom;}

.keywordCloud{font:10px/14px Arial; color:#4A492D; text-align:center; padding:10px 100px 10px 100px;}
.keywordCloud h1{font:bold 10px/14px Arial; margin-bottom:0px;}
.keywordCloud a{font:10px/14px Arial; text-decoration:none; color:#3366FF;}
.keywordCloud a:hover{color:#333;}

.suhaib {
	display:none;
}

.message_box {
	border-top:1px solid #CDCCCC;
	border-bottom:1px solid #CDCCCC;
	border-right:1px solid #CDCCCC;
	border-left:1px solid #CDCCCC;
	color: #000000;
}

.message_box_light {
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	color: #000000;
}



.body_text {
	font-size: 12px;
	font-family: Mirosoft Sans Serif;
	color: #000000;
}

.box_border {
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	background-color: #FFFFFF;
	font:bold 10px Arial;
	color: #3399FF;
	text-align:center;
	padding:5px;
	float:right;
	width:150px;
}

h1{font-size:16px;}
h2{font-size:14px;}
h3{font-size:12px;}
h4{font-size:10px;}
h5{font-size:16px;}
a {color:#3366FF; text-decoration: none;}
a:hover	{color:#FFCC00;	text-decoration: none;}

#disclaimer { color:#CCC; font:9px Arial, Helvetica, sans-serif; text-align:center; }
#disclaimer a { color:#CCC; text-decoration: none; }
#disclaimer	a:hover {	color:#000; }
.notice { color:#999; font:10px Arial, Helvetica, sans-serif; text-align:right; }

.address_details{padding-left:20px; text-align:left;}
							
.required_alert{font:10px Arial; color:#999;}
.error_alert{text-align:center; color:#CC0000;}
.error{font:10px Arial; padding-left:5px; color:#CC0000;}
.thank_you{color:#999;}

.checkoutPriceBreakdown{margin-right:75px;}
.checkoutPriceBreakdown td{border-collapse:collapse; font:12px/14px "Times New Roman", Times, serif; color:#4A492D;}
.checkoutPriceBreakdown td b{font:bold 12px/14px "Times New Roman", Times, serif; color:#4A492D;}

/* START BUTTON FORMATTING */
button.addCart{background:url(../i/buttons/addCart.gif) no-repeat bottom; border:none; margin:0px 20px 0 10px; cursor:pointer; padding:0px; height:18px; width:109px; cursor:pointer; vertical-align:bottom;}

.contShop a img{background:url(../i/buttons/contShop.gif) no-repeat bottom; vertical-align:middle; border:none; margin:0 20px 0 20px;}
button.submitOrder{background:url(../i/buttons/submit_order.gif) no-repeat bottom; border:none; margin:0 20px 0 20px; cursor:pointer; padding:0px; height:39px; cursor:pointer;}
.checkout a img{background:url(../i/buttons/checkout.gif) no-repeat bottom; vertical-align:middle; border:none; margin:0 20px 0 20px;}
.personalizedView a img{background:url(../i/buttons/personalized-view.gif) no-repeat bottom; vertical-align:middle; border:none; margin:0 20px 0 20px;}

button.login{background:url(../i/buttons/login.gif) no-repeat bottom; border:none; margin:0 20px 0 20px; cursor:pointer; padding:0px; height:39px; cursor:pointer;}
button.continue{background:url(../i/buttons/continue.gif) no-repeat bottom; border:none; margin:0 20px 0 20px; cursor:pointer; padding:0px; height:39px; cursor:pointer;}
button.review{background:url(../i/buttons/review%20order.gif) no-repeat bottom; border:none; margin:0 20px 0 20px; cursor:pointer; padding:0px; height:39px; cursor:pointer;}
a.continue img{background:url(../i/buttons/continue.gif) no-repeat bottom; border:none; margin:0 20px 0 20px; cursor:pointer;}
a.contact img{background:url(../i/buttons/contact_us.gif) no-repeat bottom; border:none; margin:0 20px 0 20px; cursor:pointer;}
a.viewedit img{background:url(../i/buttons/view_edit%20account.gif) no-repeat bottom; border:none; margin:0 20px 0 20px; cursor:pointer;}
a.proceed_checkout img{background:url(../i/buttons/proceed%20to%20checkout.gif) no-repeat bottom; border:none; margin:0 20px 0 20px; cursor:pointer;}
a.register img{background:url(../i/buttons/register.gif) no-repeat bottom; border:none; margin:0 20px 0 20px;}
button.register{background:url(../i/buttons/register.gif) no-repeat bottom; border:none; margin:0 20px 0 20px; padding:0px; height:39px; cursor:pointer;}
button.update{background:url(../i/buttons/update.gif) no-repeat bottom; border:none; margin:0 20px 0 20px; padding:0px; height:39px; cursor:pointer;}
button.cancel{background:url(../i/buttons/cancel.gif) no-repeat bottom; border:none; margin:0 20px 0 20px; padding:0px; height:39px; cursor:pointer;}
a.createNew img{background:url(../i/buttons/createNewAccount.gif) no-repeat bottom; border:none; margin:0 20px 0 20px; padding:0px; height:39px; cursor:pointer;}
button.browse{background:url(../i/buttons/browse.gif) no-repeat bottom; border:none; margin:0; padding:0px; height:39px; cursor:pointer;}
a.cancel img{background:url(../i/buttons/cancel.gif) no-repeat bottom; border:none; margin:0 20px 0 20px; cursor:pointer;}
a.skipReg img{background:url(../i/buttons/skip%20registration.gif) no-repeat bottom; border:none; margin:0 20px 0 20px; cursor:pointer;}
a.personalize img{background:url(../i/buttons/personalize.gif) no-repeat bottom; border:none; margin:0 20px 0 20px; cursor:pointer;}
a.delete img{background:url(../i/buttons/delete.gif) no-repeat bottom; border:none; cursor:pointer;}
a.edit img{background:url(../i/buttons/edit%20account%20details.gif) no-repeat bottom; border:none; margin:0 20px 0 20px; cursor:pointer;}

/* PSW RESET PAGE */
button.pwd_cancel{background:url(../i/buttons/pwd_cancel.gif) no-repeat bottom; border:none; margin:0 20px 0 20px; cursor:pointer; padding:0px; height:23px; cursor:pointer;}
button.pwd_submit{background:url(../i/buttons/pwd_submit.gif) no-repeat bottom; border:none; margin:0 20px 0 20px; cursor:pointer; padding:0px; height:23px; cursor:pointer;}

/* CUSTOMER HOME PAGE */
a.view_account img{background:url(../i/buttons/view_account.gif) no-repeat bottom; border:none; margin:0 20px 0 20px;}
a.edit_account img{background:url(../i/buttons/edit_account.gif) no-repeat bottom; border:none; margin:0 20px 0 20px;}
a.view_order_status img{background:url(../i/buttons/view_order_status.gif) no-repeat bottom; border:none; margin:0 20px 0 20px;}
a.logout img{background:url(../i/buttons/logout.gif) no-repeat bottom; border:none; margin:0 20px 0 20px;}

a:hover img{background-position:top;}
button:hover{background-position:top;};

.continueimg { float:middle; display:block; width:84px; height:18px; border:10px; }
.continueimg a { background-image:url(../i/continue.png); background-repeat:no-repeat; width:84px; height:18px; float:center; display:block; color:#336699; text-decoration:none; }
.continueimg a:hover { background-image:url(../images/continueo.png); background-repeat:no-repeat; width:84px; height:18px; float:middle; display:block; font-weight:bold; text-decoration:none; }

.checkoutimg { float:middle; display:block; width:91px; height:18px; border:10px; }
.checkoutimg a { background-image:url(../i/checkout1.png); background-repeat:no-repeat; width:91px; height:18px; float:center; display:block; color:#336699; text-decoration:none; }
.checkoutimg a:hover { background-image:url(../images/checkout1o.png); background-repeat:no-repeat; width:91px; height:18px; float:middle; display:block; font-weight:bold; text-decoration:none; }

.addtocartimg { float:middle; display:block; width:94px; height:18px; border:10px; }
.addtocartimg a { background-image:url(../i/addtocart.png); background-repeat:no-repeat; width:94px; height:18px; float:center; display:block; color:#336699; text-decoration:none; }
.addtocartimg a:hover { background-image:url(../images/addtocarto.png); background-repeat:no-repeat; width:94px; height:18px; float:middle; display:block; font-weight:bold; text-decoration:none; }


/* START FORM FORMATTING */
.title {
	width: 330px;
	height: 26px;
	color: #FFFFFF;
	font: bold 11px/18px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 5px;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
}

#content form {
	width: 600px;
}

.col1 {
	text-align: right;
	width: 150px;
	height: 26px;
	float: left;
	clear:both;
}

.col2 {
	height: 26px;
	width: 450px;
	float: left;
	text-align:left;
}

.colspan {
	height: 26px;
	width: 600px;
	float: left;
	text-align:center;
}

.subscribe_col1 {
	text-align: right;
	width: 150px;
	height: 20px;
	float: left;
	clear:both;
}

.subscribe_col2 {
	height: 20px;
	width: 450px;
	float: left;
}

.subscribe_colspan {
	height: 20px;
	width: 600px;
	float: left;
	text-align:center;
}

div.row {
	width:100%;
}

.input {
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 0px 0px 5px 8px;
	padding: 1px;
	border: 1px solid #8595B2;
}

.select {
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 0px 0px 5px 8px;
	border: 1px solid #8595B2;
}

.textarea {
	border: 1px solid #8595B2;
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
	padding: 1px;
}

.private {
	color:#FF3300;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

.thank_you{
	color:#0066FF;
	font:italic bold 16px Arial, Helvetica, sans-serif;
	margin:30px;
}
/* END FORM FORMATTING */


.hr{ height:1px; background:#666666; width:80%;}
.price_box {
	border-top:1px solid #CCCBCB;
	border-bottom:1px solid #CCCBCB;
	border-right:1px solid #CCCBCB;
	border-left:1px solid #CCCBCB;
	background-color: #FFFFFF;
	font-size: 10px;
	font-family: Arial;
	color: #000000;
}


/* Begin CSS Popout Menu */
#menuh{font:bold 10px/14px Arial, Helvetica, sans-serif;}
#menuh a{display:block;	text-decoration:none; color:#000;}

#menuh a.parent{
	background:url(../i/nav/nd_blk.png) right center no-repeat #ADA290;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}
	
#menuh a.parent:hover{
	background:url(../i/nav/nd_wht.png) right center no-repeat #5B3E2C;
	color:#FFFFFF;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

#menuh ul{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}

#menuh ul ul{
	list-style:none;
	margin-top:11px;
	padding:0;
	float:left;
	border-bottom:#5D5D5D 1px solid;
}

#menuh ul ul a{
	display:block;
	white-space:nowrap;
	background-color:#ADA290;
	width:150px;
	height:auto;
	margin:0px;
	padding:3px 0 3px 3px;
	border-top:#5D5D5D 1px solid;
	border-left:#5D5D5D 1px solid;
	border-right:#5D5D5D 1px solid;
	background:#ADA290;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}

#menuh ul ul a:hover{
	color:#FFF;
	background-color:#5B3E2C;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}	
			
#menuh ul ul ul{
	list-style:none;
	margin:3px 0px 0px -1px;
	padding:0;
	float:left;
	border-bottom:#5D5D5D 1px solid;
	z-index:2;
}

#menuh li{
	position:relative;
	z-index:100;
}

#menuh ul ul{
	position:absolute;
	z-index:1;
	top:27px;
	display:none;
}

#menuh ul ul ul{
	top:0;
	left:100%;
}

#menuh ul ul li:hover{
	cursor:pointer;
	z-index:100;
}

#menuh ul ul li:hover{
	cursor:pointer;
	z-index:100;
}

#menuh li:hover ul ul,
#menuh li li:hover ul ul,
#menuh li li li:hover ul ul,
#menuh li li li li:hover ul ul
{display:none;}

#menuh li:hover ul,
#menuh li li:hover ul,
#menuh li li li:hover ul,
#menuh li li li li:hover ul
{display:block;}

/* End CSS Popout Menu */