/*       General
======================= */
* {
	margin:0;
	padding:0;
}
html {
 overflow-y: scroll !important;
}
body {
	text-align:center;
	background:#FFF url(../images/bg.gif) repeat-x 0 0;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.red {
	color:#F00;
}
img.promoter{
	display:block;
	margin:0 20px 10px;
	float:left;
	border:1px solid #333;
}

/*       Links
======================= */
a {
	color:#484747;
	text-decoration:underline;
}
a:hover {
	color:#000;
}
a img {
	border:none;
}
a:active, a:focus {
	outline:0;
}

/*     Float containers fix 
=============================== */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/*       Text
======================= */
body, td, th, div, p, li, input, select, textarea {
	font: 14px "Segoe UI", Frutiger, Tahoma, Helvetica, "Helvetica Neue", Arial, sans-serif;
	color:#4b4b4b;
}
h1, h2, h3, p, table {
	margin-left:20px;
	margin-right:20px;
}
h1, h2, h3 {
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}
h1 {
	font-size:30px;
	font-weight:bold;
	padding-top:20px;
	padding-bottom:10px;
	color:#628012;
	letter-spacing: -0.5px;
}
h2 {
	font-size:18px;
	padding-top:20px;
	padding-bottom:10px;
	color:#3e7d0d;
}
h3 {
	font-size:15px;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
}
p {
	line-height:22px;
	padding-bottom:10px;
}
#Content ul,
#Content ol {
	padding:10px 30px 10px 0;
	margin:0 0 0 60px;
}
#Content ul li,
#Content ol li {
	padding: 0 0 9px 0px;
}
#Content li ul,
#Content li ol {
	padding: 0 0 0 0;
	margin:0 0 0 25px;
}
#Content li ul li,
#Content li ol li {
	padding: 9px 0 0 0;
}
/*       Layout
======================= */
.col1 {
	width:960px;
	text-align:left;
	margin:0 auto;
}
.col2 {
	width:660px;
	float:left;
}
.col3 {
	width:360px;
	float:left;
}
.col4 {
	width:280px;
	float:left;
}
.ML2 {
	margin-left:20px;
	display:inline;
}
#Header {
	height:110px;
	position:relative;
}
#HTop {
	position:absolute;
	top:10px;
	right:0;
	margin:0;
	padding:0;
}
#HTop a {
	color:#252525;
	font-weight:bold;
}
#HTop span {
	padding:0 2px;
}
#HTop a:hover {
	font-weight:bold;
}


/*       Logo
======================= */
#Logo {
	width:300px;
	height:90px;
	margin:0;
	padding:0;
	position:absolute;
	left:20px;
	top:20px;
	border:none;
}
#Logo a {
	display:block;
	width:300px;
	height:90px;
	background: url(../images/one-stop-shop.gif) no-repeat;
	
}
#Logo strong {
	display:none;
}

/*    Main Navigation
======================= */
#Nav {
	height:37px;
	position:absolute;
	top:48px;
	right:5px;
}
#Nav li { list-style:none; display:inline; background:#000;}
#Nav li a {display:block; float:left; height:37px; cursor:pointer; margin-left:10px; display:inline;}
#Nav li a strong { display:none;}

.home, .rewards, .maccount, .wnew, .contactu,.home-on, .rewards-on, .maccount-on, .wnew-on, .contactu-on { background: url(../images/navm1.gif) no-repeat;}
.home {background-position:0 0; width: 84px;}
.home:hover {background-position:0 -37px; width: 84px;}

.rewards {background-position:-84px 0; width: 110px;}
.rewards:hover {background-position:-84px -37px; width: 110px;}

.maccount {background-position:-194px 0; width: 110px;}
.maccount:hover {background-position:-194px -37px; width: 110px;}

.wnew {background-position:-304px 0; width:92px;}
.wnew:hover {background-position:-304px -37px; width:92px;}

.contactu {background-position:-396px 0; width: 103px;}
.contactu:hover {background-position:-396px -37px; width: 103px;}

.home-on{background-position:0 -37px; width: 84px;}


/*    Banner
======================= */
#Banner {
	border-bottom:5px solid #000;
}
#Banner .card{
	height:270px;
	background:url(../images/card.gif) no-repeat right top;
}
#Banner .card h1 {
	font:bold 40px Arial, Helvetica, sans-serif;
	color:#000;
}
#Banner .card h1 span {
	color:#718c29;
}
#Banner .card p {
	line-height:20px;
	width:590px;
}
#BaseAdd {

}
/*    Mid Part
======================= */
#Content {
	padding-bottom:20px;
}
#Sidebar {
}

.ROF {
	float:left;
	width:236px;
	height:230px;
}


/*    Footer
======================= */
#Footer {
	background:#000 url(../images/fbg.jpg) repeat-x left top;
}

#Merchants {
	background:#d3e89b; padding:20px 0; margin-top:20px;
}
#FindMerchants, #Advertiesment, #Testimonials {
	background:#d3e89b url(../images/bgp.gif) repeat-x left top;
	margin-top:20px;
	height:220px;
}
#FindMerchants h2, #Advertiesment h2, #Testimonials h2 {
	color:#000;
	padding:15px 0;
}
#Footer #Testimonials p {
	font: italic 16px Georgia, "Times New Roman", Times, serif;
	line-height:25px;
}
#FindMerchants input {
	padding:2px;
	width:232px;
}
#FindMerchants select {
	padding:2px;
	width:240px;
}
#FindMerchants input.button {
	width:auto;
}
#Testimonials p{
	line-height:20px;
}

#FooterNav{
	font-size:12px;
	line-height:24px;
}
#FooterNav p {
	color:#fff;
	line-height:24px;
	padding:10px 0;
	text-align:center;
}
#FooterNav p span {
	padding:0 3px;
}
#FooterNav a {
	color:#fff;
	text-decoration:none;
}
#FooterNav a:hover {
	color:#fff;
	text-decoration:underline;
}


/*       Support
============================ */
#Support {
	background: url(../images/hbg.gif) repeat-y left top;
	width: 280px;
	float:left;
	margin-top:20px;
}
#SupportIn {
	background: url(../images/hb.gif) no-repeat left bottom;
	padding:10px 0 20px 0;
}
#Support h3 {
	background: url(../images/hh.gif) no-repeat left top;
	margin:0;
	color:#485e0c;
	font: bold 20px Arial, Helvetica, sans-serif;
	padding:13px 20px;
	line-height:normal;
}
#Support p {
	line-height:normal;
	padding:12px 0 12px 40px;
	margin:0 0 0 20px;
	font-weight:bold;
	color:#333;
}
#Support p span {
	color:#444;
	font-size:12px;
	font-weight:normal;
}
#Support p.contact {
	background: url(../images/contact.gif) no-repeat left center;

}
#Support p.email {
	background: url(../images/email.gif) no-repeat left center;
}
#Support p.chat {
	background: url(../images/chat.gif) no-repeat left center;
	 padding-left:42px;
}

/*       My Account
============================ */
#MyAccount {
	margin:0 0 0 0;
	padding:20px;
}
#MyAccount #profile {
	background: url(../images/icon-profile.gif) no-repeat 0 6px;
	padding:4px 0 0 60px;
}
#MyAccount #MyTrans {
	background: url(../images/icon-transaction.gif) no-repeat 0 10px;
	padding:0 0 0 60px;
	margin-top:20px;
}
#MyAccount #Manual {
	background: url(../images/user-manual.png) no-repeat 0 10px;
	padding:0 0 0 60px;
	margin-top:20px;
}

#MyAccount h2 {
	padding:0 0 6px 0;
	margin:0;
}
#MyAccount p {
	margin:0;
	padding:0 0 10px 0;
	line-height:22px;
}
#MyAccount p span {
		padding:0 5px;
}
#Rewards img{
	margin:0 0 10px 0;
}
.RewardsBox{
	width:190px;
	margin: 0 15px 15px 0;
}

/*    Table Style
======================= */
.tblBody {
	border-collapse:collapse;
	width:920px;
	background:#FFF;
}
.tblBody thead th {
	color:#FFF;
	font-size:18px;
	font-weight:normal;
}
.tblBody thead th span {
	color:#999;
	font-weight:normal;
	font-size:13px;
}
.tblBody th {
	padding:6px 10px;
	font-weight:bold;
	text-align:left;
	border:1px solid #333;
	background:#d7ed9c;
	text-align:center;
}
.tblBody td {
	padding:6px 10px;
	border:1px solid #333;
}
.tblBody tr.odd {
	background:#F7F7F7;
}

.MessageBox {
	background-repeat: no-repeat;
	background-position: 7px 5px;
	font-family: Tahoma;
	font-size: 11px;
	color: #333;
	background-color: #F4F4F4;
	margin:5px 20px;
	padding: 8px 8px 8px 30px;
}
.MessageBoxError {
	background-image: url('../images/error1.gif');
	background-color: #FFECEC;
}
.MessageBoxSuccess {
	background-image: url('../images/success.gif');
	background-color:#e2f9e3;
}
.MessageBoxWarning {
	background-image: url('../images/warning.gif');
	background-color: #FDFCBD;
}
.MessageBoxTip {
	background-image: url('../images/tip.gif');
	background-color: #e6f5fa;
}
.MsgBox{
	width:150px;
	height:100px;
	top:5px;
	right:0;
	position:absolute;
	font-size:12px;
	z-index:1;
	border:1px solid #F60;
	padding:10px;
	background:#FFC;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height:19px;
	margin:0;
}

#box{
	margin-bottom:10px;
	padding:20px;
}
#boxOne{
	margin-bottom:10px;
	width:295px;
	float: left;
	margin-left:20px;
}
#b_m{
	font:13px Verdana, Geneva, sans-serif;
	width:255px;
	background:#e1f0bc;
	line-height:30px;
	padding:10px 20px;
	background:url(../images/b_m.gif) repeat-y;
	margin:0;
	color:#000;
	font-weight:bold;
}

#b_m  a{
	text-decoration:none;
	
}
#b_m  a:hover{
	font-weight:bold;
	padding-left:5px;
	
}

#b_m .ach_selected {
	color:#480750;
	text-decoration:underline;
}

/*#b_m{
	font:14px "Trebuchet MS";
	width:230px;
	background:#e1f0bc;
	line-height:30px;
	padding:10px 20px;
	background:url(../images/b_m.gif) repeat-y;
	margin:0;
	color:#000;
	font-weight:bold;
}

#b_m  a{
	text-decoration:none;
	
}
#b_m  a:hover{
	font-weight:bold;
	padding-left:5px;
	
}*/

.boxOne {
	padding-top:10px;
	background:  url(../images/box_center.gif) repeat-x;
	width:520px;
	height:139px;
}
.boxOne th, .boxOne td{
	font:"Trebuchet MS";
	font-weight:bold;
	text-align:left;
	}
.box_head{
	font:15px "Trebuchet MS";
	font-weight:bold;
	color:#628012;	
	line-height:35px;
}
.boxOne td{
	font-size:13px;
	line-height:25px;
}
#asseccories{
	float:left;
	width:590px;
	padding:0;
	margin-left:5px;
}
#boxtwo{	
	font-weight:bold;
	line-height:30px;
	font:14px "Trebuchet MS";
	color:#000;
}

#boxthree{
	width:547px;
	clear:both;

}
#box3top{
	background:url(../images/box_top.gif) no-repeat;
	width:640px;
	height:8px;
	clear:both;
	margin:0;
}
#box3mid{
	background:url(../images/box_middle.gif) repeat-y;
	width:640px;	
	padding:0;
}
#box3bottom{
	background:url(../images/box_bottom.gif) repeat-y;
	width:640px;
	height:9px;
	clear:both;
}
#card{
	width:209px;
	height:110px;
	margin:20px 20px 20px 0;
	background:url(../images/asse_bg.gif) no-repeat 0 0;
	
	}
.pcard{
	padding:25px;
}
#pcard
{
	/*
	padding:30px 25px;
	background: url(../images/card_bg.gif) no-repeat 0 0;
	width:209px;
	height:100px;
	float:left;
	margin:0 11px;
*/
	padding:15px 10px;
	background: url(../images/card_bg_1.gif) no-repeat 0 0;
	width:239px;
	height:130px;
	float:left;
	margin:10px;


}
.shopcart{
	background:url(../images/shopcart_bg.gif) no-repeat 0 0;
	font:15px Verdana, Geneva, sans-serif;
	font-weight:bold;
	padding:10px 20px;
	color:#628012;
	height:22px;
}

.cardtext td{

	font:12px "Trebuchet MS";
	font-weight:bold;
	color:#628012;	
	line-height:23px;
}
.cardtextblack{
	font:12px "Trebuchet MS";
	font-weight:bold;
	color:#000;	
	line-height:25px;
	text-align:left;
}
#ordernow{
	padding:10px 21px;
	background:url(../images/b_m.gif) repeat-y;
	width:298px;
}
.ordernow{	
	margin:0 30px 0 0 ;
	padding:0;
	
}
.ordernow th{
	padding:10px 5px 5px 0;
	text-align:right;
	background:#d3e4aa;
	font:12px Verdana, Geneva, sans-serif;
	border:1px solid #a4c15e;
}
.ordernow td{
	padding:5px;
	text-align:left;
	line-height:30px;
	background:#d3e4aa;
	font: 12px Verdana, Geneva, sans-serif;
	font-weight:bold;
	border:1px solid #a4c15e;
}
#orderbox{
	background:url(../images/box_middle.gif) repeat-y;
	width:547px;
	
}
	
#order{
	text-align:left;
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
}
#order_mbg{
	background:url(../images/orderbox_m.gif) repeat-y;
	width:600px;
}
#order td{
	padding-left:5px;
	text-align:left;
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	border:1px solid #628012;
	line-height:35px;
	text-decoration:none;
}
#order th{
	background:#779a18;
	padding-left:5px;
	text-align:left;
	font:16px "Trebuchet MS";
	font-weight:bold;
	border:1px solid #628012;
	line-height:30px;
	color:#fff;	
}
#tbl_confirm{
	text-align:left;
	font:"Californian FB";
	
}
.tbl_confirm{
	text-align:left;
	font:"Californian FB";
	border:1px solid #dfe7ac; 
}

#tbl_confirm td{
	padding-left:5px;
	line-height:25px;
	color:#000;
	font-size:15px;	
	border:1px solid #dfe7ac; 
}
#tbl_confirm th{
	padding-left:5px;
	line-height:25px;
	color:#628012;
	font-size:14px;
	font-weight:bold;
	background:#f2f7d4;
	border:1px solid #dfe7ac ; 
}
.textfield{
	font:12px "Trebuchet MS";
	font-weight:bold;
}
#add table{
	margin:0;
	padding:0;
}

/*      products
===================*/

#mainpro{
	width:245px;
	margin:15px 25px 15px 25px;
	float:left;
}
.card_topbg{
	background: url(../images/card_top.gif) no-repeat 0 0;
	width:235px;
	height:25px;
	padding:13px 5px 0 5px;
	font:bold 11px Verdana, Geneva, sans-serif;
	color: #585858;
	line-height:normal;
	text-align:center;
}
.card_midbg{
	background:url(../images/card_mid.gif) repeat-y;
	width:231px;
	text-align:center;
	padding:7px;
}
.card_codebg{
	background:url(../images/card_codebg.gif) no-repeat 0 0;
	height:18px;
	padding:5px;
	font:bold 11px Verdana, Geneva, sans-serif;
	color:#585858;
}
.card_bottbg{
	background:url(../images/card_bott.gif) no-repeat 0 0;
	height:31px;
	font:12px bold Verdana, Geneva, sans-serif;
	color:#585858;
	border-bottom:1px solid #fff;
	padding:7px 5px;
}


/*************************************************
Created by Xitij Parmar
*************************************************/
/*.categorylinks {
	list-style-image:url(../images/addicon.gif);
	margin:5px auto 10px 18px;
	padding:0;
}

.categorylinks li {
	padding-bottom:1px;
}

.categorylinks li a {
border-bottom:1px solid #ECECEC;
color:#449805;
display:block;
font-size:12px;
font-weight:bold;
margin-left:-3px;
padding:3px 1px;
text-decoration:none;
}*/

#ctgr-mid{
	background:url(../images/cnt-bg.gif) repeat-y 0 0;
	width:298px;
}

.catBtn{
	width:250px;
	float:left;


}
.catBtn tr td{ 
	list-style:none; 
	background:#e2f1b6;

}

.catBtn tr td a {
	background:url(../images/ctgy-btn.gif) no-repeat 0 0;
	float:left;
	width:252px;
	height:22px;
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.catBtn tr td a:hover {
	background:url(../images/ctgy-btn.gif) no-repeat 0 0;
	float:left;
	width:252px;
	font:14px Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
}

.catBtnHover {
	background:url(../images/ctgy-btn.gif) no-repeat 0 0;
	float:left;
	width:252px;
	font:14px Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
}
/*.catBtn tr td a:active{
	background:url(../images/ctgy-btn-active.gif) no-repeat 0 0;
	float:left;
	width:262px;
	height:22px;
	font:14px Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
}*/

/*.catBtn{
	position:absolute;
	width:280px;
	height:186px;
	float:left;
	padding:0 !important;
	margin:0 !important;
	left: 20px;
	top: 9px;
}
.catBtn tr td{ list-style:none; display:inline; background:#e2f1b6; }
.catBtn tr td a {display:block; float:left; height:33px; margin-top:5px;cursor:pointer; right:0;}
.catBtn tr td a strong{display: none; font-family:Arial; font-size:16px;}

.allCate, .access, .wood,.Category,.elec, .allCate-on, .access-on, .wood-on, .Category-on, .elec-on{background:url(../images/ctgy-btns-new.gif) no-repeat;}

.allCate{background-position:0 0; width:257px;}
.allCate:hover{color:white;}



.access{background-position:0 -38px; width:257px;}
.access:hover{background-position:-257px -38px; width:283px;}
.wood{background-position:0 -76px; width:257px;}
.wood:hover{background-position:-257px -76px; width:283px;}
.Category{background-position:0 -114px; width:257px;}
.Category:hover{background-position:-257px -114px; width:283px;}
.elec{background-position:0 -152px; width:257px;}
.elec:hover{background-position:-257px -152px; width:283px;}
*/

.col4One {
	width:280px;
	float:left;
}
.ML2One {
	margin-left:0px;
	display:inline;
}

#SupportOne 
{
	background: url(../images/b_m.gif) repeat-y left top;
	width: 298px;
	float:left;
	margin-top:0px;
}

#SupportInOne {
	
	padding:10px 0 20px 0;
}

#SupportOne h3 {
	background: url(../images/hh.gif) no-repeat left top;
	margin:0;
	color:#485e0c;
	font: bold 20px Arial, Helvetica, sans-serif;
	padding:13px 20px;
	line-height:normal;
}
#SupportOne p {
	line-height:normal;
	padding:12px 0 12px 40px;
	margin:0 0 0 20px;
	font-weight:bold;
	color:#333;
}
#SupportOne p span {
	color:#444;
	font-size:12px;
	font-weight:normal;
}

/*      about us
====================*/	
#about_head{
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	padding:10px 15px;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#3e7d0d;
}

#TempSidebar 
{
	
}