@charset "utf-8";
/* Main CSS Document */
body{
	line-height:1.2;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	background:#829437 url(images/bodybg.jpg) repeat-x 0 0;
	padding:0;
}
#outer{
	width:774px;
	text-align:center;
	margin:auto;
	background:#414b1d;
	color:#181818;
	padding:3px 0 0;
	clear:both;
}
#header{
	width:100%;
	height:161px;
	background:url(images/headerbg.jpg) no-repeat 50% 0;
	margin:auto;
}
#header-inner{
	width:774px;
	margin:auto;
	clear:both;
	position:relative;
	height:161px;
}
/* use h1 as logo with image replacement */
.logo,.logo em,.logo a{
	margin:0;
	width:373px;
	height:127px;
	position:relative;
	overflow:hidden;
	display:block;
}
.logo{
	position:absolute;
	left:-8px;
	top:0;
}
.logo em{
	position:absolute;
	left:0;
	top:0;
	background:url(images/logo.jpg) no-repeat 0 0;
}
.search{
	width:365px;
	height:91px;
	position:absolute;
	right:0;
	top:13px;
	background:url(images/searchbg.jpg) no-repeat 0 0;
}
#search-input{
	background:transparent;
	border:none;
	margin:0;
	width:220px;
	height:16px;
	line-height:16px;
	color:#000;
	font-size:13px;
	position:absolute;
	left:25px;
	top:55px;
}
#search-button{
	position:absolute;
	left:261px;
	top:52px;
}
#nav{
	position:absolute;
	top:127px;
	left:0;
	width:774px;
	height:34px;
	z-index:3;
	font-family:"Trebuchet MS", sans-serif;
}
#nav li,#nav li a,#nav li strong{
	width:150px;
	height:34px;
	line-height:38px;
	text-align:center;
	color:#fff;
	float:left;
	font-weight:bold;
	overflow:hidden;
}
#nav li{margin:0 6px 0 0;display:inline;}
#nav li.last{margin:0}
#nav li a,#nav li a:visited{
	background:url(images/tab.png) no-repeat 0 -34px;	
	color:#fff;
		text-decoration:underline;
}
#nav li a:hover,
#nav li.current a,
#nav li strong{
	background-position:0 0;
	color:#414b1d;
	text-decoration:underline;
}
/* end header section */
/* left sidebar column */
#sidebar{
	width:194px;
	float:left;
	margin:0 0 0 5px;
	display:inline;
}

/* user login box */
.user-login,.user-login fieldset{
	width:194px;
	height:104px;
	color:#c2c2c2;
	text-align:center;
}
.user-login{
	background:url(images/user-login.jpg) no-repeat 0 0;
}
#username,#password	{
	width:165px;
	height:22px;
	line-height:22px;
	padding:0;
	border:none;
	background:transparent;
	margin:0 0 3px 0;
	color:#c2c2c2;
	text-align:center;
	font-size:12px;
}
#username{margin-top:22px}

/* latest deals scrollbox */
.scrollbox{
	width:190px;
	margin:7px 0 7px 2px;
	background:url(images/scroll-mid.jpg) repeat-y 0 0;
	overflow:hidden;
	clear:both;
}
.scroll-inner{
	width:190px;
	min-height:63px;
	background:url(images/scroll-base.jpg) no-repeat 0 100%;
}
* html .scroll-inner{height:163px;}
.scroll-inner h4{
	height:20px;
	background:url(images/scroll-top.jpg) no-repeat 0 0;
}
.scrollbox h4{
	text-align:center;
	font-size:12px;
	line-height:20px;
	color:#fa0;
	font-family:"Trebuchet MS", sans-serif;
	margin:0;
}
.scrollbox ul{
	height:263px;
	width:171px;
	overflow:auto;
	margin:0 0 0 11px;
	font-size:12px;
}
.scrollbox ul li,
.scrollbox ul li a{
	display:block;
}
.scrollbox ul li a img {
border:1px solid;
border-color:green;
display:block;
}
.scrollbox ul li a{
	padding:3px 6px 3px 16px;
}
.scrollbox ul li a,
.scrollbox ul li a:visited{
	color:#000;
	text-decoration:underline;
}
.scrollbox ul li a:hover{color:#666}

.scrollbox ul li{
	border-top:1px solid #f4f6ee;
	border-bottom:1px solid #d8daca;
	background:#ebede3;
}
.scrollbox ul li a{
	border-bottom:1px solid #e7e9dd;
}
/* set up colours for even rows */
.scrollbox ul li.even{
	background:#fefeff;
	border-top:1px solid #fcfcfa;
	border-bottom:1px solid #d8daca;
}
.scrollbox ul li.even a{
	border-bottom:1px solid #f0f2ea;
}
.scrollbox ul li.even a,
.scrollbox ul li.even a:visited,
.scrollbox ul li.even a:hover{
	text-decoration:underline;
}
.scrollbox ul li a span{text-decoration:underline!important;}
.scrollbox ul li a strong{text-decoration:underline!important;}
.scrollbox ul li.even a strong{text-decoration:none!important;}
.scrollbox ul.normal li a {text-decoration:underline!important;}

.scrollbox ul li img{
	display:inline;
	vertical-align:middle;
	margin:0 3px 0 0;
}
.ldeals ul li a{text-decoration:none!important}

ul.columns strong{
	float:left;
	width:45px;
	text-align:right;
	padding:0 7px 0 0;
}
.scrollbox ul.columns li a{
	padding:3px 3px 3px 3px;
}
ul.columns span{overflow:hidden;display:block}
* html ul.columns span{height:1%;overflow:visible}
* html ul.columns strong{	padding:0 4px 0 0;}

.retail  ul li a{
	padding:1px 6px 1px 16px;
}
/* main right column */
#main{
	width:560px;
	margin:0 6px 0 0;
	display:inline;
	float:right;
	padding:0 0 0;
}
.welcome{
	width:560px;
	background:url(images/welcome-mid.gif) repeat-y 0 0;
	color:#fff;
}
.welcome-inner,.wel-base{
	width:560px;
	background:url(images/welcome-top.gif) no-repeat 0 0;
}
.wel-base{
	width:560px;
	line-height:1.3;
	text-align:center;
	background:url(images/welcome-base.gif) no-repeat 0 100%;
	min-height:99px;
}
* html .wel-base{height:99px}

.welcome h2{
	font-size:28px;
	color:#fa0;
	text-align:center;
	margin:0;
	font-family:"Trebuchet MS", sans-serif;
	letter-spacing:.08em;
}
.welcome-inner p{
	margin:0;	
	font-size:12px;
	padding:0 15px 7px;
}

/* how to save steps */

.steps{
	width:560px;
	height:163px;
	margin:7px 0;
	background:url(images/save.jpg) no-repeat 0 0;
}
.steps ul {
	margin:0;
	padding:44px 0 0;
	width:550px;
	margin:0 0 0 5px;
	overflow:hidden;
	font-weight:bold;
	font-size:10px;
	font-family:Tahoma, sans-serif;
}
.steps li,.steps li a{
	width:118px;
	height:111px;
	margin-right:-10px;
	float:left;
	text-align:center;
	position:relative;
}
.steps li a{
	background:url(images/steps.gif) no-repeat 0 0;
	text-decoration:none;
	color:#414b1d;
	line-height:1.4;
}
.steps li a:hover,.steps li.current a{
	background-position:0 -111px;
	text-decoration:none;
}
.steps li a span{
	color:#fff;
	position:absolute;
	left:7px;
	top:2px;
}
.steps li a strong{
	padding:42px 18px 0 3px;
	display:block;
	min-height:0;
}
.step1{z-index:5}
.step2{z-index:4}
.step3{z-index:3}
.step4{z-index:2}
.step5{z-index:1;}

.steps .step1 li a strong,
.steps .step2 li a strong {
	padding:45px 18px 0 3px;
}

/* actual listing box which contains 3 columns of listings. These will have to individually scroll if they exceed the height allowed */
.listings{
	width:557px;
	margin:0 0 7px 1px;
	background:url(images/list-mid.jpg) repeat-y 0 0;
}
.list-inner{
	width:557px;
	min-height:158px;
	background:url(images/list-base.jpg) no-repeat 0 100%;
	padding:0 0 7px;
}
* html .list-inner{height:158px;}
.list-inner h4{
	background:url(images/list-top.jpg) no-repeat 0 0;
	height:20px;
}
.firstscroll{margin-left:9px!important;display:inline;}

.listings .scrollbox{
	width:179px;
	height:138px;
	margin:0;
	background:none;
	float:left;
	clear:none;
}
.listings .scrollbox ul{
	height:136px;
	width:179px;
	overflow:auto;
	margin:0;
	text-align:center;
}
/* set up a class to cancel scrollbars */
.noscroll{padding-bottom:7px;}
.noscroll ul,.noscroll .scrollbox{overflow:visible!important;height:auto!important;}
.listings h4,.popular h4{
	height:19px;
	overflow:hidden;
	margin:0;
}
h4.common{	
	text-align:center;
	font-size:12px;
	line-height:20px;
	color:#fa0;
	font-family:"Trebuchet MS", sans-serif;
	margin:0;
}
.popular h4 {margin-bottom:2px;}

/* popular listings box */
.popular{
	width:557px;
	margin:7px 0 7px 1px;
	background:url(images/pop-mid.jpg) repeat-y 0 0;
}
.pop-inner{
	width:557px;
	min-height:250px;
	background:url(images/pop-base.jpg) no-repeat 0 100%;
	font-family:"Trebuchet MS", sans-serif;
}
* html .pop-inner{height:345px;}
.pop-inner h4{
	background:url(images/pop-top.jpg) no-repeat 0 0;
	height:20px;
}
.pop-inner2{
	width:557px;
	min-height:445px;
	background:url(images/pop-base.jpg) no-repeat 0 100%;
	font-family:"Trebuchet MS", sans-serif;
}
* html .pop-inner2{height:455px;}
.pop-inner2 h4{
	background:url(images/pop-top.jpg) no-repeat 0 0;
	height:20px;
}
.pop-inner3{
	width:557px;
	min-height:145px;
	background:url(images/pop-base.jpg) no-repeat 0 100%;
	font-family:"Trebuchet MS", sans-serif;
}
* html .pop-inner2{height:455px;}
.pop-inner3 h4{
	background:url(images/pop-top.jpg) no-repeat 0 0;
	height:20px;
}


.poplist{
	margin:0 10px 0 15px;
	width:522px;
}
.poplist ul{
	padding:15px 0 0;
	min-height:0;
}
.poplist li{	
	display:inline;
	float:left;
	position:relative;
	font-size:22px;
	margin:0 10px 0 0;
}
.poplist li a{color:#b2c664;text-decoration:none!important}
.poplist li a:hover{color:#003333!important}
.c1 a{color:#414b1d!important}
.c2 a{color:#b2c664!important}
.c3 a{color:#829437!important}
.c4 a{color:#414b1d!important}

.poplist li.p1{font-size:30px;}
.poplist li.p2{font-size:36px;top:-4px}
.poplist li.p3{font-size:29px;top:2px}
.poplist li.p4{font-size:43px;top:0px}
.poplist li.p5{font-size:20px;margin-top:-12px;clear:both}
.poplist li.p6{font-size:26px;margin-top:-12px}
.poplist li.p7{font-size:24px;margin:-15px 25px 0;}
.poplist li.p8{font-size:20px;clear:both;margin-top:-5px;}
.poplist li.p9{font-size:30px;margin-top:-5px;}
.poplist li.p10{font-size:48px;margin-top:-20px}
.poplist li.p11{font-size:28px;margin-top:-20px}
.poplist li.p12{font-size:26px;}

.popular p{
	margin:10px 0 0;
	padding:0 0 15px;
}

/* footer styles */
#footer{
	clear:both;
	width:774px;
	height:119px;
	background:url(images/footerbg.jpg) no-repeat 0 0;
	position:relative;
}
.copy{
	margin:0 0 0 220px;
	width:150px;
	color:#414b1d;
	font-size:10px;
	padding:15px 0 0;
	font-family:Tahoma, sans-serif;
}
p.www,p.www a,p.www em{
	position:absolute;
	width:231px;
	height:24px;
	overflow:hidden;
}
p.www {
	right:13px;
	top:40px;
}
p.www a,p.www em{
	top:0;
	left:0;
	cursor:pointer;
}
p.www em{	background:url(images/www.jpg) no-repeat 0 0;}

/* try to set up horizontal listing instead of vertical listings */
.horizontal .scrollbox{
	width:538px;
	height:136px;
	overflow:auto;
	overflow-x:hidden;
	margin:0;
	background:none;
	clear:none;
	margin:0 0 0 9px;
}
.horizontal .scrollbox ul{
	height:auto;
	width:538px;
	margin:0;
	text-align:center;
	overflow:hidden;
}
.horizontal .scrollbox ul li{
	width:179px;
	float:left;
}