/*
Description:	CSS
Author:			Visualcode Limited
Date: 			November 2011.
Version:		1.0
*/

@import url('css/generalform.css');
@import url('css/products.css');
@import url('css/basket.css');
@import url('css/accounts.css');
@import url('css/nivo-slider.css');
@import url('css/fancybox.css');

/*---------------------------Global Start -----------------------------*/

body { 
	font:11px/18px "Verdana", Geneva, Tahoma, Lucida Grande, Arial, sans-serif;
	color:#333;
	margin:0;
	padding:0;
	background:#444652;
	text-align:center;
	}

input, 
button, 
select, 
textarea {
	font:11px/18px "Verdana", Geneva, Tahoma, Lucida Grande, Arial, sans-serif;
	}

a {
	color: #C2B08B;
	text-decoration: none;
	}

a:hover {
	color: #897956;
	text-decoration: none;
	}

a img{
	border:none;
	}
	
h1 {
	font-size: 1.9em;
	color:#C2B08B;
	margin-top:10px;
	}

h2 {
	color:#1E1E1E;
	font-size: 1.5em;
	font-weight:normal;
	}

h3 {
	color:#C2B08B;
	font-size: 1.3em;
	}

hr {
	border: none;
	border-top: 1px solid #C2B08B;
	height: 1px;
	margin: 8px auto;
	padding: 0;
	color:#FFF;
	}

p{
	margin:10px 0;
	}
	
div{position:relative; min-width:0;}
	
table{margin:0; border-collapse: collapse;}	
table td{padding:5px; font:11px/18px "Verdana", Geneva, Tahoma, Lucida Grande, Arial, sans-serif; border:#DFDFDF solid 1px; vertical-align:top;}	
table td.five{padding:5px;}
table thead td{background:#666; border-top:#FFF solid 1px; border-bottom:#FFF solid 1px; border-right:#FFF solid 1px; color:#FFF; padding-left:5px; font-weight:bold;}
table thead td.none{border-right:none;}	

.clear{
	clear:both;
	text-align:right;
	}
	
.clear a{
	display:inline;
	width:150px;
	text-align:center;
	background:#000 url('../images/button.gif') repeat-x left bottom !important;
	color:#FFF;
	-moz-border-radius:5px;
	border-radius:5px;
	border:#212121 solid 1px;
	border-left:#535454 solid 1px;
	border-top:#535454 solid 1px;
	padding:5px 10px !important;
	}


/* ______________________ Start Layout ______________________ */

#container{
	padding:0;
	margin:0;
	background:#444652 url('images/background.png');
	}

#wrapper {
	width:960px;
	margin:0 auto;
	padding:5px 0 0 0;
	}

#headContainer {
	background:#444652 url('images/headGradient.png') repeat-x bottom;
	border-bottom:1px solid #CFCFCF;
	z-index:100;
}
	
#header {
	width:960px;
	margin:0 auto;
	color:#FFF;
	}

#Logo {
	float:left;
	margin:0;
	}

#basketArea{
	float:right;
	clear:right;
	text-align:right;
	padding-top:25px;
	font-size:95%;
	margin:0;
	}

#basketArea a{
	color:#C2B08B;
	font-weight:bold;
	}

#basketArea a:hover{
	color:#897956;
	}


/* ______________________ Additional Navigation ______________________ */

#topbar { width:100%; float:left; }

#adNav a{color:#FFF;}
#adNav a:hover{color:#C2B08B;}	

#adNav{
	height:15px;
	width:550px;
	float:right;
	padding-top:8px;
	}

#adNav ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:90%;
	line-height:1em;
	}

#adNav li {
	padding:0px 10px 0 15px;
	border-right:#73747D solid 1px;
	list-style:none;
	display:inline;
	text-align:center; 
	float:right;
	background: url('images/tinyArrow.png') no-repeat 7px 2px;
	}


/* ______________________ Navigation ______________________ */	

#navigation{
	clear:both;
	position:relative;
	padding-top:9px;
	position:relative;
	}

#navigation ul {
	list-style:none; 
	padding:0;
	margin:0;
	position:relative;
	height:30px;
	text-align:left;
	background:#FFF url('images/topBack.png') repeat-x left bottom;
	border:#ECECEC solid 1px;
	border-bottom:none
	}
	
#navigation ul li {
	display:inline;
	float:left;
	margin:0;
	position:relative;
	text-align:center;
	border-right:#FFF solid 1px;
	border-left:#CFCFCF solid 1px;
	font-weight:bold;
	font-size:90%;
	width:104px;
	}
	
#navigation ul li a {
	color:#333;
	position:relative;
	height:25px;
	display:block;
	padding:5px 15px 0px 15px;
	}
	
#navigation ul li a:hover {
	color:#FFF;
	position:relative;
	background:#444652;
	}

#navigation li ul {
	display: none;
	position: absolute;
	margin-top:5px;
	top: 29px;
	left: -2px;
	border:none;
	border-top:1px solid #FFF;
	background:transparent;
	z-index:100;
	}


#navigation li:hover ul { 
	display: block; 
	margin:0;
	padding:0;
	width:180px;
	list-style:none;
	padding-bottom:5px;
	background:transparent;
	}
	
#navigation li ul li {
	margin:0;
	padding:0px;
	display:block !important;
	float:none;
	border:none;
	border-bottom:#FFF solid 1px;
	border-right:none;
	text-align:left;
	font-size:100%;
	background:transparent url('images/dropNav.png') repeat;
	margin:0 !important;
	padding:0 !important;
	height:30px;
	width:auto;
	}

#navigation li ul li a{
	display:block;
	padding:5px 0 0px 15px !important;
	color:#333;
	border:none;
	text-align:left;
	}

#navigation li ul li a:hover{
	color:#FFF;
	background:#444652;
	}


/* ______________________ Banner ______________________ */	

#slides{
	border:#ECECEC solid 3px;
	height:345px;
	margin-bottom:5px;
	}
	
#slides img{
	margin:0 !important;
	padding:0 !important;
	}


/* ______________________ Main Content/Areas ______________________ */	

#mainContent{
	width:780px;
	float:right;
	clear:right;
	}

.sArea{
	background:#FFF url('images/areaBack.gif') repeat-x left bottom;
	border:#ECECEC solid 3px;
	margin-bottom:5px;
	text-align:left;
	}
	
.sContent{
	background:#FFF url('images/contentBack.gif') repeat-x left bottom;
	border:#ECECEC solid 3px;
	margin-bottom:5px;
	text-align:left;
	padding:10px;
	}

.sContent ul{
	list-style:none;
	}

.sContent ul li{
	background:url('images/bullet.gif') no-repeat 0 4px;
	padding-left:25px;
	}


/* ______________________ Side Navigation ______________________ */

#sideNav {
	font-size:100%;
	position:relative;
	width:175px;
	float:left;
	text-align:left;
	}
	
.sideNavAlt {
	font-size:100%;
	position:relative;
	width:175px;
	float:left;
	text-align:left;
	margin-bottom:5px;
	}

.rssSection { padding-top:20px; }
#rss {
	display:block;
	background: url('images/rss_icon.png') no-repeat;
	padding-left:50px;
	color:#FFF;
	border-bottom:#F1F1F1 solid 1px;
}

.sideNavAlt h3{
	margin:5px 0 0 0;
	font-weight:bold;
	font-size:12px;
	padding:3px 5px 3px 15px;
	color:#C2B08B;
	border-bottom:#FFF solid 1px;
	clear:both;
	position:relative;
	}

.sideNavAlt ul {
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	}

.sideNavAlt ul li {
	padding:2px 0px 2px 15px;
	border-bottom:#F1F1F1 solid 1px;
	background:transparent url('images/box.gif') no-repeat 0 8px !important;
	background-position: 0px center;
	position:relative;
	}

.sideNavAlt ul li.twoCol{
	width:70px;
	display:block;
	margin-left:2px;
	float:left;
	position:relative;
	overflow:hidden;
	height:18px;
	}

.sideNavAlt ul li a{
	color:#FFF;
	}

.sideNavAlt ul li a:hover{
	color:#fef3bf;
	}


/* ______________________ Footer ______________________ */

#footer {
	border-top:#292B36 solid 1px;
	clear:both;
	padding-top:0px;
	text-align:center;
	font-size:85%;
	color:#FFF;
	text-align:center;
	background:#444652 url('images/footGradient.png') repeat-x top;
	margin:0;
	}

#fholder{
	width:960px;
	margin:0 auto;
	padding:10px 0;
	}
	
#fholder b,
#fholder a{
	color:#C2B08B;	
	}

#fholder a:hover { color:#897956; }

#copyright{
	text-align:left;
	float:left;
	width:490px;
	}

#contactAd,
#contactNo{
	width:190px;
	padding:0 20px;
	float:right;
	text-align:left;
	border-left:#73747D solid 1px;
	}

#contactNo ul{
	list-style:none;
	margin:0;
	padding:0;
	}
	
#contactNo ul li{
	padding-left:20px;
	background: url(images/bullet.gif) no-repeat 0 3px;
	}

#legalAd {
	clear:both;
	text-align:right;
	padding-top:15px;
	}


/* ______________________ Data Grid ______________________ */
	
table.datatable{
	width:100%;
	border-collapse:collapse;
	position:relative !important;
	}

table.datatable thead td{
	background:#444652 url("images/headGradient.png") repeat-x bottom;
	color:#FFF;
	font-weight:bold;
	}
	
table.datatable tbody td{
	font-size:12px;
	border-bottom:#ECECEC solid 1px;
	}

table.datatable tbody tr.alt td{background:#F9F9F9;}

table.datatable tbody td h2{
	font-size:15px;
	color:#004a7f;
	font-weight:bold;
	}

table.datatable tbody td a.button{
	display:block;
	text-align:center;
	background:#000 url('../images/button.gif') repeat-x left bottom !important;
	color:#FFF;
	-moz-border-radius:5px;
	border-radius:5px;
	border:#212121 solid 1px;
	border-left:#535454 solid 1px;
	border-top:#535454 solid 1px;
	padding:2px 5px !important;
	}


/* ______________________ News ______________________ */

.newsItem{
	margin-bottom:10px;
	padding-bottom:7px;
	border-bottom:#CCC solid 1px;
	}
	
.newsItemInfo{
	margin-top:10px;
	padding-top:7px;
	border-top:#CCC solid 1px;
	}

.newsItem small, .newsItemInfo small{
	display:block;
	padding:5px;
	border:#CCC solid 1px;
	background:#F2F2F2;
	}

.newsItem h2{
	margin-top:0px;
	padding-top:0px;
	}

.newsItemInfo .button {
	display:inline;
	text-align:center;
	background:#000 url('../images/button.gif') repeat-x left bottom !important;
	color:#FFF;
	-moz-border-radius:5px;
	border-radius:5px;
	border:#212121 solid 1px;
	border-left:#535454 solid 1px;
	border-top:#535454 solid 1px;
	padding:5px 10px !important;
	float:left;
	width:150px;
	}

.newsItemInfo small { float:left; margin-left:15px; width:555px; }


/* ______________________ Sort Lists ______________________ */

.sortList{
	border:0;
	padding:5px;
	color:#FFF;
	text-align:right;
	font-size:11px;
	margin:5px 0;
	clear:both;
	background:#444652;
 	border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;
	}
	
.sortList a{padding:2px 5px; text-decoration:none !important; color:#FFF;}

.sortList a.current {
	background:#C2B08B;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}

.sortList .drpDwn{
	display:inline;
	float:left;
	}