body {
   text-align:center;
   background-color: #ffffcc;
   font-family: Arial, Helvetica, sans-serif;
   color: #000066;
   font-size:11px;
   line-height: 14px;
}
#fixed {
   margin:0 auto;
   width:990px;   /* you can use px, em or % */
   text-align:left;
}

a {
	color:#000066;
}
a:hover {
	color:#ffffff;
	background:#44916f;
	text-decoration:none;
}
h1, h2, h3, h5 {
	font-family: Arial, Helvetica, sans-serif;
	margin:.8em 0 .2em 0;
	padding:0;
}
h1 {
	font-size: 14px;
	color: #FFFFFF;
	line-height: normal;
	font-variant: normal;
	font-weight: bold;
}
h2 {
	font-size: 14px;
	color: #000066;
	line-height: normal;
	font-variant: normal;
	font-weight: bold;
}
h3 {
	font-size: 11px;
	color: #000066;
	font-weight: normal;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	font-weight: normal;
}
h5 {
	font-size: 14px;
	color: #FFFFFF;
	line-height: normal;
	font-variant: small-caps;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
}
.stuff {
	padding-right: 12px;
	padding-left: 12px;
}
/* Breadcrumb Menu */
.breads{
	font-size:10px;
	float:left;
	padding:0 0 0 10px;
	width:580px;
	margin:4px 0 5px;
    }
#header {
	float:left;
	width:100%;
	padding:0;
	margin:0;
	background:#44916f;
	border-bottom:1px solid #000066;
}
#header p {
	padding:.5em 15px	.2em 15px;
	margin:0;
}
#header h1  {
	padding:.4em 15px;
	margin:0;
}
#header h2  {
	padding:.2em 15px	.7em 15px;
	margin:0;
}
#colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	background:#cbbedc;		/* Left column background colour */
}
#colmid {
	float:left;
	width:200%;
	position:relative;
	left:200px;
	background:#fff;    	/* Centre column background colour */
}
#colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-400px;
	background:#f3f0f7;    	/* Right column background colour */
}
#col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
}
#col1pad {
	margin:0 0px 0 400px;
	overflow:hidden;
}
#col1 {
	width:100%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:200px;
	position:relative;
	margin-left:-50%;
	left:200px;
	
}
#col3 {
	float:left;
	width:200px;
	position:relative;
	left:1px;
	overflow:hidden;
}
#footer {
	clear:both;
	float:left;
	width:100%;
	padding:0;
	margin:0;
	border-top:1px solid #000066;
}
#footer p {
	padding:.5em 15px;
}

.secdark {
	font-size: 14px;
	line-height: 18px;
	font-variant: small-caps;
	color: #000066;
}
.seclight {
	font-size: 14px;
	line-height: 18px;
	font-variant: small-caps;
	color: #FFFFFF;
}
.featured {
	font-size: 14px;
	line-height: 18px;
	font-variant: small-caps;
	color: #FFFFFF;
	background: #44916f;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-align: left;
	margin-bottom: 8px;
}
.price {
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	font-variant: small-caps;
	color: #d7317a;
}.spec {
	font-size: 12px;
	line-height: 12px;
	font-variant: small-caps;
	color: #000066;
}
.red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #FF0000;
}
.rrp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	color: #000099;
	text-decoration: line-through;
}
.catcart {
	border: thin dashed #666699;
	font-family: Arial, Helvetica, sans-serif;
}
.prod {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #000099;
}
.intro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	padding-bottom: 15px;
}

/* Images and Alignments */
    .aligncenter{
        display:block;
        text-align:center;
        display: block;
        margin:0 auto 0 auto;
    }
    
    .alignleft{
        float:left;
        display: inline;
    }
    
    .alignright{
        float:right;
	display: inline;
    }

    img.aligncenter{
        display:block;
        text-align:center;
        display: block;
        margin:0 auto 20px auto;
        padding:0px;
        border:0px;
        background:none;
    }
    
    img.alignleft{
	float:left;
	margin: 0 20px 6px 0;
	display: inline;
	border:0px;
	background:none;
	padding:0;
	display:block;
    }
    
    img.alignright{
	padding:0;
	float:right;
	margin: 0 0 6px 20px;
	border:0px;
	display:block;
	background:none;
    }

/* Category Pages */

    .clear{
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
    } 

    /* line nomargin */
    .line.nomargin{
	position:relative;
	padding:0 10px;
	height:0;
	margin:0 auto 10px;
	clear:both;
	font-size:0px;
	line-height:0px;
	border-bottom:1px solid #cccccc;
    }

    .box{
	margin:0 0 10px;
	padding:0;
	display:inline;
	float:left;
	border:0;
	overflow:hidden;
    }

    /* first and last column fix*/
    .box.first{
	margin-left:0px !important;
    }

    .box.last{
	margin-right:0px !important;
    }

    /* Products */

    /* Product list line holder */    
    .product_list_block{
	position:relative;
	clear:both;
	padding:0 5px !important;
	width:578px;
	display:block;
    }

    .product_list_block.p_detail{
	left:0px;
    }
    
    .product_list_block .box{
	width:174px !important;
	margin:0 0px;
	padding:0 9px !important;
	border-left:1px solid #cccccc;
    }
    
    .product_list_block .box.first{
	 border:0px !important;
    }
	
    .product_image{
	margin:0 auto;
	text-align:center; 
    }

    .product_image img{
	padding:0 0 0px !important;
    }
	
	.gbp{
	color:#d7317a;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding-right: 7px;
	padding-left: 7px;
	margin-bottom: 5px;
	vertical-align: 30%;
    }
	.gbp2{
	color:#d7317a;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 5px;
	vertical-align: 30%;
    }		
	.buy{
	float:right;
	}
/* Paging */
    .paging {
	display:block;
	clear:both;
	overflow:hidden;
	margin:0 !important;
	position:relative;
	list-style-type:none;
	padding:0;
	float: right;
    }
       
    .paging li{
	display:inline;
	margin-right:5px;
	float:left;
	display:inline;
	font-size:12px;
	line-height:12px;
	background:#e5e0ee;
    }
    
    /* paging links */
    .paging li a,  .paging li.active a{
	border:0;
	padding:6px 0px 4px 0;
	overflow:hidden;
	width:24px;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#000066;
	font-weight: bold;
    }
   
    .paging li:hover{ 
	background:#e64d38;
    }
    
    /* paging mouseover*/
    .paging li.active a{
	text-decoration:none;
	color:#fff;
	background: #e12c7b;
    }
    
    .paging li a:hover{
	text-decoration:none;
	color:#fff;
	font-weight: bold;
    }
 
