body
{
	background: #ffffff url(/Images/Page/background.jpg) no-repeat top center;
	background-color: #000000;
	color: #666666;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Tahoma, Verdana, Sans-Serif;
	font-size: 0.8em;
}


a:link		{text-decoration: none; color: #666666;}
a:visited	{text-decoration: none; color: #666666;}
a:hover		{text-decoration: underline; color: #666666;}


/* Main Structure */
.header	{width: 100%;height: 137px;background: #ffffff;}
.menu	{width: 100%;height: 38px;background-image: url(/Images/Page/nav.png); position: relative; z-index: 1000;}
#footer	{width: 843px;color: #ffffff;text-transform: uppercase; font-size: 0.8em; line-height: 1.4em; float: right;}
.wrapper{width: 980px;margin: 0px auto; position: relative;}
.twocol	{width: 980px;margin: 0px auto; position: relative; background-image: url(/images/page/twocol.png);}
.main	{float: right; width: 843px; background-color:#ffffff;}
.leftcol{float: left; width: 137px;}

.whitefooter	{background-color: #ffffff; width: 843px; float: right;}	
.whitebottom	{height: 6px; background-image: url(/images/page/whitebottom.png); width: 980px; margin-left: auto; margin-right: auto; background-position: right; background-repeat: no-repeat;}	

/*Header */
.logo					{padding-top: 23px; float: left;}
.number					{float: right; padding-top: 55px;}
.minibasket				{position: absolute; top: 0px; right: 0px; z-index: 10000;}
.minibasketback			{background-image: url(/images/page/mini-basket-back.png); width: 360px; font-weight: bold; color: #666666; font-size: 0.9em;}
.minibasketback .left	{padding: 10px 10px 0px 10px;}
.minibasketback .right	{padding: 10px 10px 0px 10px;}
.minibasketbottom	{background-image: url(/images/page/mini-basket-bottom.png); width: 360px; height: 8px;}
.minibasket	a{color: #666666!important;line-height: 24px; display: block; float: left;}
#closeme	{width: 16px; height: 16px; background-image: url(/images/buttons/arrow.png);}
.minibasket .active	{background-position: 0 16px;}
#orangeitems, .orangeitems	{display: inline;}


/* Main Col */
.main .homeproducts	{width: 822px; margin-left: 32px; padding-top: 18px;}
.products .product	{width: 245px; padding-right: 20px; float: left;}
.product .thumb	{float: left; width: 105px; padding-right: 15px;}
.product .summary{float: right; width: 125px;}
.summary a{font-size: 1.0em; color: #397a3a; font-weight: bold; text-decoration: none;}
.summary .text {margin-top: 0px;}
.summary .was {margin: 0px 0px 5px 0px;}
.summary .price {margin: 0px 0px 5px 0px; font-size: 1.2em; font-weight: bold;}
.summary .details	{font-size: 0.8em; color: #ba511b; text-decoration: underline;}
.product .save	{width: 100%; background-color: #ba511b; color: #ffffff;}
.product .delivery{width: 100%; background-color: #cf855f; color: #ffffff;}
.product .save p {margin: 0px; padding: 6px;}
.product .delivery p {margin: 0px; padding: 6px;}

.bigblue	{color: #397a3a!important; font-size: 1.2em; font-weight: bold;} 
.smallblue	{color: #40a8ff; font-weight: normal; text-decoration: underline!important;} 


.homebottom	{width: 100%;}
.homebottomtop	{width: 100%; height: 35px; background-image: url(/images/page/homebottomtop.png);}
.homebottom .right .content {margin: 0px 17px 0px 17px; padding-top: 20px;}
.homebottom .content {margin: 0px 32px 0px 32px; padding-top: 20px;}

.homenewsleft	{float: left; width: 125px;}
.homenewsright	{float: right; width: 400px;padding-top: 10px;}
.homenewsright p {margin: 5px 0px 5px 0px;}

.newsleft		{float: left; width: 300px; padding-right: 10px;}
.newsright		{float: right; width: 490px; }
.newsright p	{margin: 5px 0px 5px 0px;}

.main .listing	{width: 801px; margin-left: 21px;  margin-right: 21px; padding-top: 18px;}

/* Left Col */
.leftcol .heading	{margin-bottom: 5px;}
.leftbluetop	{width: 137px; height: 5px; background-image: url(/images/page/left-blue-top.png);}
.leftblueback	{background-image: url(/images/page/left-blue-back.png); color: #ffffff;}
.leftbluebottom	{width: 137px; height: 5px; background-image: url(/images/page/left-blue-bottom.png); margin-bottom: 13px;}
.leftblueback .content	{width: 105px; margin-left: 11px; padding-top: 11px;}
.leftblueback a:link	{color: #ffffff; font-size: 0.9em; text-decoration: none;}
.leftblueback a:visited	{color: #ffffff; font-size: 0.9em; text-decoration: none;}
.leftblueback a:hover	{color: #ffffff; font-size: 0.9em; text-decoration: underline;}
.leftblueback p {margin: 0px 0px 10px 0px;}
.leftblueback ul {list-style-type: none; margin: 0px; padding: 0px;}

/*Footer */
#footer a	{color: #ffffff;}

/* Headings */

h1 {margin: 0px; color: #397a3a; font-size: 32px;}
h2 {margin: 0px; color: #397a3a;}
h3 {margin: 0px; color: #333d76; font-size: 26px;}
h4 {margin: 0px; color: #905429; font-size: 18px;}


/* Home Page */

.hometop	{width: 100%; background-image: url(/images/page/blacktrans.png); margin-top: 20px; overflow: hidden;}
.hometop .left	{padding: 15px;}
.hometop ul {list-style-image: url(/images/page/arrow.png); margin-top: 5px; margin-bottom: 0px; line-height: 1.8em; padding-left: 20px;  margin-left: 0px; font-size: 1.3em;}
.arrow ul {list-style-image: url(/images/page/arrow.png); margin-top: 5px; margin-bottom: 0px; line-height: 1.4em; padding-left: 20px;  margin-left: 0px; font-size: 1.2em;}

.pod300	{float: left; width: 300px; padding-right: 40px;}
.pod300 p {float: left; width: 230px;}
.pod300 img {float: right; margin-top: 10px;}


.specialoffertop {width: 980px; height: 8px; background-image: url(/images/page/special-offer-top.png);}
.specialofferback {width: 980px; background-image: url(/images/page/special-offer-back.png);}
.specialofferbottom {width: 980px; height: 8px; background-image: url(/images/page/special-offer-bottom.png);}

.podspecial	{float: left; width: 280px; padding-right: 35px; padding-left: 19px;}
.podspecial	.left {float: left; width: 110px; padding-top: 11px;}
.podspecial	.right {float: right; width: 155px; padding-top: 8px;}
.podspecial	.save	{width: 100%;  background-color: #ff684c;}
.podspecial	.free	{width: 100%; background-color: #ff9582;}
.podspecial .left p {padding: 6px; margin: 0px;}
.podspecial .right a {color: #ff684c; font-size: 1.2em; font-weight: bold;}
.podspecial .right p {margin: 5px 0 0 0;}

.podproductbg	{float: left; width: 315px; background: url(/images/page/product-bg.png); padding-bottom: 11px;}
.podproduct	{float: left; width: 290px; padding-left: 11px; padding-right: 29px;}
.podproduct	.left {float: left; width: 110px; padding-top: 11px;}
.podproduct	.right {float: right; width: 155px; padding-top: 8px;}
.podproduct	.save	{width: 100%;  background-color: #ff684c;}
.podproduct	.free	{width: 100%; background-color: #ff9582;}
.podproduct .left p {padding: 6px; margin: 0px;}
.podproduct .right a {color: #ff684c; font-size: 1.2em; font-weight: bold;}
.podproduct .right p {margin: 5px 0 0 0;}

.depotStaffPic	{float: left; width: 100px;}
.depotStaffText	{float: right; width: 500px;}
.depotStaffText h2	{margin-top: 0px;}


/* Button */

.button {
	background:#000000 url(../images/buttons/button-bg.png) top right no-repeat;
	float:left;
	position:relative;
}

.button a, .button input{
	color:#ececec;
	padding:5px 20px 5px 5px;
	display:block;
	text-decoration:none;
}

.button a:hover 
{
	color:white;
	text-decoration: underline;
}

.button .tr {background:url(../images/buttons/tr.png) no-repeat top right;}
.button .tl {background:url(../images/buttons/tl.png) no-repeat top left;}
.button .br {background:url(../images/buttons/br.png) no-repeat bottom right;}
.button .bl {background:url(../images/buttons/bl.png) no-repeat bottom left;}

.blue .tr {background:url(../images/buttons/bluetr.png) no-repeat top right;}
.blue .tl {background:url(../images/buttons/bluetl.png) no-repeat top left;}
.blue .br {background:url(../images/buttons/bluebr.png) no-repeat bottom right;}
.blue .bl {background:url(../images/buttons/bluebl.png) no-repeat bottom left;}


.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:190px;}
.menu li {float:left;position:relative;}
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#666666; height:38px; border: 0px; line-height:36px; font-weight:bold; padding-left: 8px !important; padding-right: 8px !important;}
.menu ul ul a.drop, .menu ul ul a.drop:visited {background-color:#00ff00!important;}
.menu ul ul a.drop:hover{background-color: #ff0000!important;}
.menu ul ul :hover > a.drop {background-color: #ff0000!important;}
.menu ul ul ul a, .menu ul ul ul a:visited {background-color: #ff0000!important;}
.menu ul ul ul a:hover {background:#ff0000!important;}
.menu ul ul {visibility:hidden; position:absolute;height:0;top:38px;left:0; width:220px;border:0px;}
* html .menu ul ul {top:32px;t\op:33px;}
.menu ul ul ul{left:148px; top:0px; width:149px;}
.menu ul ul ul.left {left:-149px;}
.menu ul ul a, .menu ul ul a:visited {background-color: #0000ff; color:#ffffff; height:auto; line-height:1em; padding:5px 8px; width:180px; border-width:0px;}
.menu a:hover, .menu ul ul a:hover{color:#4DC5D6; background: #ff0000;}
.menu :hover > a, .menu ul ul :hover > a {color:#ffffff; background:  url(/images/nav/over.png)!important;}
.menu ul ul :hover > a {color:#ffffff; background: #905429!important;}
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
.menu ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul{ visibility:visible;}
.menu ul :hover ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul :hover ul{ visibility:visible;}

.menu ul li:hover a{background-color: #ce783b;}
/*
	#footer .menu a, .menu a:visited {padding-left: 26px; padding-right: 26px;}
*/



/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 843px;
	height: 70px;
	margin-bottom: 0px;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 843px;
	height: 70px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 100px;
	height: 70px;
}



.homebanners	{position: absolute; right: 0px; top: 0px; z-index: 500; width: 233px; height: 411px;}
.homebanners img {position: relative!important;}
.homebanners a {display: block; height: 102px; width: 233px; padding-bottom: 1px;}
 
#slide-holder {
z-index : 40;
width : 843px;
height : 411px;
position : relative;
background-color: #084e70;
}

div#slide-holder div#slide-runner {
top : 0px;
left : 0px;
width : 843px;
height : 411px;
overflow : hidden;
position : absolute;
}

div#top div#nav {
float : left;
clear : both;
width : 993px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
{
margin : -1px 0 0;
}
div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#slide-holder div#slide-controls {
left : 25px;
bottom : 0px;
width : 8433px;
height : 46px;
display : none;
position : absolute;
}
div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#slide-holder div#slide-controls p#slide-nav {
float : left;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(/images/slider/silde-nav.png);
}
div#nav ul li a {
background : url(/images/slider/nav.png) no-repeat;
}




ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 801px;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #666666;
	display: block;
	font-size: 1em;
	font-weight: bold;
	padding: 0 10px;
	outline: none;
}
ul.tabs li a:hover {
	background: #ff684c;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border-top:none;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
	overflow: hidden;
	clear: both;
	float: left; width: 801px;
	background: #fff;
}
.tab_content {
	padding: 10px;
	border: solid 1px #fff;
	border-top: none;
}


.leftCol	{float: left; width: 640px;}
.rightCol	{float: right; width: 300px;}


/*------------------------------------------Paging---------------------------------*/
.paging { text-align: right;}

.paging a:link, .paging a:visited, .paging a:active {
    background-color: #000000 !important;
    color: #ffffff !important;
    padding: 3px 5px 3px 5px !important;
    font-size: .8em !important;
    text-decoration: none !important;
}

.paging a:hover {
    background-color: #000000 !important;
    color: #ff684c !important;
    text-decoration: none !important;
}    

.selectedpage {
    background-color: #000000 !important;
    color: #ff684c !important;
    padding: 3px 5px 4px 5px !important;
    font-size: .8em !important;
    text-decoration: none !important;
    font-weight: bold;
}


/*------------------------------------------basket---------------------------------*/
.reviewOrderSub1 {
	float: left;
	width: 250px;
	text-align: left;
	font-weight: bold;
	padding: 4px 0px;
}

.reviewOrderSub2 {
	float: left;
	width: 130px;
	text-align: left;
	font-weight: bold;
	padding: 4px 0px;
}

.reviewOrderSub3 {
	float: left;
	width: 150px;
	text-align: left;
	font-weight: bold;
	padding: 4px 0px;
}

.reviewOrderSub4 {
	float: left;
	width: 130px;
	font-weight: bold;
	padding: 4px 0px;
	text-align: right;
}

.reviewOrderItem1 {
	float: left;
	width: 250px;
	text-align: left;
	font-weight: normal;
	padding-top: 4px;
	padding: 4px 0px;
}

.reviewOrderItem2 {
	float: left;
	width: 130px;
	text-align: left;
	font-weight: normal;
	padding: 4px 0px;
}

.reviewOrderItem3 {
	float: left;
	width: 150px;
	font-weight: normal;
	padding: 4px 0px;
}

.reviewOrderItem4 {
	float: left;
	width: 130px;
	font-weight: normal;
	padding: 4px 0px;
	text-align: right;
}


.reviewOrderItem5 {
	float: left;
	width: 660px;
	padding: 4px 0px;
	text-align: right;
}

.orderListHdrs1 {
	float: left;
	width: 150px;
	padding: 4px 0px;
}

.orderItem1 {
	float: left;
	width: 150px;
	padding: 4px 0px;
}

.orderItem50 
{
	float: left;
	width: 50%;
}

.label { float: left; width: 250px; display: block; }
.textbox {width: 250px; }
.textareabox { width: 250px; }


img {border: none;}
.clearer	{clear: both;}
.five		{height: 5px; width: 100%;}
.ten		{height: 10px; width: 100%;}
.twenty		{height: 20px; width: 100%;}
.thirty		{height: 30px; width: 100%;}
.right {float: right;}
.left{float: left;}
.underline	{text-decoration: underline;}
.bluebold {color: #333d76; font-weight: bold; font-size: 1.2em;}
.orange	{color: #ff684b; font-weight: bold; font-size: 1.4em;}
.orange .big	{font-size: 1.6em;}
hr {clear: both; width: 100%;border:0;height:1px;color:#ededed;background:#ededed;margin-top: 5px; margin-bottom: 5px;}
.hi	{line-height: 1.6em;}

.sIFR-flash {
width:100%;
}

.twocolumns { float: left; width: 49%; }
.threecolumns { float: left; width: 32%; }

.editDetailsTitle	{ float: left; display: block; width: 300px; }
.editDetailsTitle2	{ float: left; display: block; width: 350px; }

.TableHeader	{ background-color: #905429; color: White; }
.TableRow1		{ background-color: #e57b01; color: Black;}
.TableRow2		{ background-color: White; color: Black;}