/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

p, em, a, li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #BDCB10;
}

table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}

form {
	margin: 2px;
}

.border {
	border: 1px solid #666666;
}

.BlueMed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #556670;
}

.BlueMedBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #556670;
}

.BlueLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #556670;
}

.BlueLargeBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #556670;
}

.GreySmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

.GreyMed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}

.GreyMedBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	font-weight: bold;
}

.LimeSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #BDCB10;
}

.LimeMed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #BDCB10;
}

.LimeMedBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #BDCB10;
}

.LimeLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #BDCB10;
}

.LimeLargeBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #BDCB10;
}

.WhiteSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.WhiteMed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}

.WhiteMedBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}

.WhiteLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
}	

.WhiteLargeBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
}

.WhiteLargeBold2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
}

a.BlueMed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #556670;
}
a.BlueMed:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #BDCB10;
}

a.BlueMedBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #556670;
	text-decoration: none;
}

a.BlueMedBold:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #BDCB10;
	text-decoration: none;
}

a.BlueLargeBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #556670;
	text-decoration: none;
}

a.GreySmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}

a.GreySmall:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: underline;
}

a.GreyMed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #58595B;
}

a.GreyMed:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #BDCB10;
}

a.LimeMed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #BDCB10;
	text-decoration: none;
}

a.LimeMed:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #BDCB10;
	text-decoration: underline;
}

a.WhiteMed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
}

a.WhiteMed:Hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
}

a.WhiteLargeBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

a.WhiteLargeBold:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #BDCB10;
	font-weight: bold;
	text-decoration: none;
}

a.WhiteLargeBold:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #BDCB10;
	font-weight: bold;
	text-decoration: none;
}

a.WhiteLargeBold2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

a.WhiteLargeBold2:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #556670;
	font-weight: bold;
	text-decoration: none;
}

/*************
	Menu Tree
*************/

#dhtmlgoodies_tree{
	position:relative;
	margin-top:-4px;
}
#dhtmlgoodies_tree li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	list-style-type:none;
	color: #58595B;
	font-weight: bold;
}
#dhtmlgoodies_topNodes{
	margin-left:0px;
	padding-left:0px;
}
#dhtmlgoodies_topNodes ul{
	margin-left:20px;
	padding-left:0px;
	display:none;
}
#dhtmlgoodies_tree .tree_link{
	line-height:13px;
	padding-left:2px;
}
#dhtmlgoodies_tree img{
	padding-top:2px;
}
#dhtmlgoodies_tree a{
	text-decoration:none;
	color: #666666;
}
#dhtmlgoodies_tree a:hover{
	color: #BDCB10;
}
.activeNodeLink{
	background-color: #316AC5;
	color: #FFFFFF;
	font-weight:bold;
}

/*************
	Formatting
*************/

#container{
	width:990px;
	margin-left:0px;
	margin-right:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}
#header{
	width:990px;
}
#logo{
	position:absolute;
	left:5px;
	top:50px;
	width:202px;
	height:179px;
}
#ordervia{
	position:absolute;
	left:227px;
	top:20px;
	width:364px;
	height:94px;
	background-image:  url(/images/ordervia.gif); 
	background-repeat: no-repeat;
}
#ordervia p{
	position:relative;
	margin-top:37px;
	margin-left:10px;
	width:350px;
}
#ordervia img{
	position:absolute;
	left:210px;
	top:55px;
}
#mybasket{
	position:absolute;
	left:620px;
	top:20px;
	width:364px;
	height:94px;
	background-image:  url(/images/mybasket.gif); 
	background-repeat: no-repeat;
}
#mybasket p{
	margin-top:7px;
	margin-left:12px;
}
#mybasket table{
	position:relative;
	margin-top:-12px;
	margin-left:6px;
	width:350px;
}
#offeroftheweek{
	position:absolute;
	left:227px;
	top:132px;
	width:757px;
	height:99px;
	background-image:  url(/images/offeroftheweek.gif); 
	background-repeat: no-repeat;
}
#offeroftheweek p{
	position:relative;
	margin-top:4px;
	margin-left:12px;
}
#offeroftheweek a{
	text-decoration:none;
}
#offeroftheweek img{
	position:relative;
	margin-top:-15px;
	margin-left:0px;
}
#sidebar{
	position:absolute;
	left:5px;
	top:250px;
	width:220px;
}
#navlines{
	position:relative;
	margin-top:0px;
	margin-left:21px;
}
#navlines a{
	text-decoration:none;
	color: #666666;
}
#navlines a:hover{
	color: #BDCB10;
}
#content{
	position:absolute;
	left:227px;
	top:250px;
	width:770px;
}
#testimonials{
	position:relative;
	margin-top:12px;
	border:none;
}
#sagepay{
	position:relative;
	margin-top:12px;
	text-align:center
}
#footerline{
	position:relative;
	margin-top:12px;
	height:1px;
	width:750px;
	background-image: url(/images/dot.gif); 
	background-repeat: repeat-x;
}
#footer{
	position:relative;
	margin-top:0px;
	width:750px;
}

#pagebody{
	width:750px;
}

/*************
	Index
*************/

#products{
	position:relative;
	float:left;
	width:33%;
	height:373px;
	background-image: url(/images/box_home.jpg); 
	background-repeat: no-repeat;
}
#productsheading{
	position:absolute;
	left:10px;
	top:5px;
	width:215px;
}
#productsimg{
	position:absolute;
	top:43px;
}
#productstext{
	position:absolute;
	left:10px;
	top:186px;
	width:215px;
}
#productstext p{
	margin:0px;
}
#productstext ul{
	margin-top:0px;
}
#productstext li{
	margin-left:-20px;
}
#productstext2{
	position:absolute;
	left:10px;
	top:300px;
	width:215px;
}
#productsprice{
	position:absolute;
	left:10px;
	top:324px;
	width:215px;
}
#productsclear{
	clear:both;
}

#welcome{
	position:relative;
	margin-top:18px;
	width:500px;
	height:201px;
}
#quickbuy{
	position:relative;
	margin-top:-230px;
	left:505px;
	width:235px;
	height:201px;
	background-image: url(/images/quickbuy.gif); 
}
#quickbuy p{
	position:relative;
	margin-left:5px;
	margin-right:5px;
	width:225px;
}
#quickbuy table{
	position:relative;
	margin-top:-8px;
	margin-left:5px;
	margin-right:5px;
	width:225px;
}
#secondary{
	position:relative;
	margin-top:18px;
	width:757px;
}

/*************
	Category
*************/

#box{
	position:relative;
	float:left;
	width:33%;
	height:373px;
	background-image: url(/images/box_home2.jpg); 
	background-repeat: no-repeat;
}
#boxheading{
	position:absolute;
	left:10px;
	top:5px;
	width:215px;
}
#boximg{
	position:absolute;
	top:43px;
}
#boxtext{
	position:absolute;
	left:10px;
	top:186px;
	width:215px;
}
#boxtext p{
	margin:0px;
}
#boxtext ul{
	margin-top:0px;
}
#boxtext li{
	margin-left:-20px;
}
#boxtext2{
	position:absolute;
	left:10px;
	top:300px;
	width:215px;
}
#boxprice{
	position:absolute;
	left:10px;
	top:324px;
	width:215px;
}
#boxprice2{
	position:absolute;
	left:10px;
	top:330px;
	width:215px;
}
#cattext{
	position:relative;
	width:770px;
	left:0px;
}
#boxclear{
	clear:both;
}

#heading{
	position:relative;
	margin-top:0px;
}
#heading2{
	position:relative;
	margin-top:-20px;
}

/*************
	Item
*************/

#item{
	position:relative;
	width:770px;
	height:310px;
	background-image: url(/images/box_wide.jpg); 
}
#itemname{
	position:relative;
	width:770px;
	left:12px;
	top:8px;
	font-size:15px;
	font-weight: bold;
}
#itemimage{
	position:absolute;
	left:35px;
	top:32px;
	width:235px;
}
#itemdescription{
	position:absolute;
	width:450px;
	left:300px;
	top:50px;
}
#itemmagnify{
	position:relative;
	width:770px;
	left:10px;
	top:200px;
	padding-left:5px;	
}
#itemprice{
	position:relative;
	width:770px;
	left:10px;
	top:196px;
	padding-left:5px;	
	color:white;
	font-weight: bold;
}
#itemtext{
	position:relative;
	width:770px;
	margin-top:-20px;
	left:0px;
}
#itemfooter{
	position:relative;
	width:770px;
	height:29px;
	left:0px;
	top:225px;
	padding-left:5px;	
	color: white;
	background-image:  url(/images/itemfooter.gif); 
	background-repeat: no-repeat;
}