body {
	text-decoration:none;
	font-size:1em;
	outline:none;
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #ffffff;
	width: 100%;
	line-height: 17px;
	padding-bottom: 10px;
}

strike {
text-decoration:line-through;
}

.required {
	padding: 0 2px 0 10px;
}

a:link {
	color:#ffffff
}
a:visited {
	color:#ffffff
}
a:hover, code, pre {
	color:#de1e27;
}
a:active, .a:focus {
	color:#ffffff
}/*

/*#example2 {
	display: none;
}
*/
input, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:14px; 
}

textarea {
	font-size: 10px;
	line-height:14px; 
}

.form_body {
	background: #000000 url(/assets/images_10/back_green.png) no-repeat center bottom;
}

.prod_body {
	background: #000000 url(/assets/images_10/back_blue.png) no-repeat center bottom;
}

.home_body {
	background: #000000 url(/assets/images_10/back_red.png) no-repeat center bottom;
}

img {
	border-style: none;
}

a {
	color:#FFFFFF;
}

.arrowlistmenu{
/*background: url("../images_09/navi_back.jpg") no-repeat center bottom;*/
width: 205px; /*width of accordion menu*/
margin-left: 3px;
margin-top: 20px;
padding-bottom: 40px;
clear:both
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/

color: #ffffff;
/*background: url(../images_09/menu_back.gif) no-repeat bottom right;*/
/*margin-bottom: 10px; bottom spacing between header and rest of content*/
/*text-transform: uppercase;*/
padding: 2px 0px 4px 0px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
margin: 0px 0px 0px 3px;
font-weight: normal;
}

.arrowlistmenu ul li h3.menuheader a{ /*CSS class for menu headers in general (expanding or not!)*/

color: #ffffff;
/*background: url(../images_09/menu_back.gif) no-repeat bottom right;*/
/*margin-bottom: 10px; bottom spacing between header and rest of content*/
text-transform: uppercase;
padding-left: 0px;
}

.arrowlistmenu ul li h3.menuheader a:hover { /*CSS class for menu headers in general (expanding or not!)*/

color: #ffffff;
background: none !important;
background-repeat: no-repeat !important;
background-position: 0px 40px !important;
background-image: none;
text-decoration: none;

/*background: url(../images_09/menu_back.gif) no-repeat bottom right;*/
/*margin-bottom: 10px; bottom spacing between header and rest of content*/
text-transform: uppercase;
padding-left: 0px;
}


.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
/*background: url(../images_09/menu_back.gif) no-repeat bottom right;*/
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
/*background: lightblue !important;*/

}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
	/*background: url(../images_09/menu_back.gif) no-repeat bottom right !important;*/
	background-position: 20px 98% !important;

/*background: lightgreen !important;*/

}

.arrowlistmenu ul li a{
color: #ffffff;
/*background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0px 4px 15px;
padding-left: 10px; /*link text is indented 19px*/
text-decoration: none;
/*font-weight: bold;*/
font-weight: normal;
/*border-bottom: 1px solid #dadada;
font-size: 90%;*/
}

.arrowlistmenu ul li a:visited{
/*color: #A70303;*/
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
/*background-color: #F3F3F3;*/
	/*background: url(../images_09/menu_back.gif) no-repeat bottom right !important;*/
	background-position: 20px 98% !important;
	text-decoration: none;

}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
/*background: lightblue;*/
}



#wrapper {
	width: 930px;
/*	background: url(/assets/images_10/back_all.jpg) center top;*/
	position: relative;
	margin: 5px auto;
}

.prod_body #wrapper h1{
	position: absolute;
	top: 259px;
	left: 245px;
	font-size: 10pt;
	z-index: 99;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

.prod_body #wrapper h2{
	position: absolute;
	top: 217px;
	left: 243px;
	font-size: 30px;
/*	text-transform: uppercase;*/
	z-index: 99;
	display: block;
	padding: 0px;
	margin: 0px;	
}

#wrapper h2 .cufon{
	margin: 2px 0;
}

#sub_right h2{
	font-size: 18px;
	text-transform: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	text-align: left;
	left: 0px;
	top: 0px;
	margin: 0 0 13px 0px;
	line-height: 24px;
}

#sub_right p {
	display: block;
	margin: 5px 0;
	font-size: 13px;
	font-style: italic;
}


#wrapper h4{
	font-size: 20px;
	font-weight: normal;
	margin: 3px 0;
}

#wrapper h4 span{
	font-size: 13px;
	font-style: italic;
}

#scroll_controls {
	position: absolute;
	top: 54px;
	left: 522px;
	font-size: 8pt;
	z-index: 99;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	text-align: left;
	width: 150px;
}

#scroll_controls img{
	float: right;
	margin: 0px 4px;
}	


#header {
	position: absolute;
	top: 0px;
	left: 15px;
	width: 900px;
/*	background: url(/assets/images_10/logo.gif) center bottom no-repeat;	*/
/*	background-color:#99FF66;*/
	text-align: center;
	height: 207px;
}

#right {
/*	background: #006666;*/
	margin: 207px 15px 0 0;
	float: right;
	position: relative;
	width: 671px;
	z-index: 20;
	background: url(/assets/images_10/line.gif) left top repeat-x;
}

#right.catalogue_top {
/*	background: #006666;*/
	margin: 207px 15px 0 0;
	float: right;
	position: relative;
	width: 671px;
	z-index: 20;
	background: url(/assets/images_10/line_top.gif) left top repeat-x;
}

#left {
/*	background: #CCFF33;*/
	margin: 185px 0 0 15px;
	float: left;
	position: relative;
	width: 214px;
	z-index: 20;
}

.menu {
	background: url(/assets/images_10/line.gif) left top repeat-x;
	position:relative;
	width: 100%;
	z-index: 20;
	display: block;
	margin-bottom: 30px;
	padding-top: 10px;	
}

#product {
	margin: 325px 0 0 0; 
	float: left;
	width: 433px;
/*	background: red;*/
	z-index: 40;
	background: url(/assets/images_10/line.gif) left top repeat-x;
}

.rightmods #product {
	margin: 280px 0 0 0; 
	float: left;
	width: 443px;
/*	background: red;*/
	z-index: 40;
	background: url(/assets/images_10/line.gif) left top repeat-x;
}

#home_image {
	margin: 10px 0 0 0; 
	float: left;
	width: 443px;
/*	background: red;*/
	z-index: 40;

}

.dotted {
	background: url(/assets/images_10/line.gif) left top repeat-x;
	height: 1px;
	display: block;
	width: 100%;
}

#prod_copy {
	background: url(/assets/images_10/line.gif) left top repeat-x;
	float: left;
	width: 100%;
	margin-top: 2px;
	padding-top: 15px;
	font-size: 11px;
	line-height: 14px;
}
#prod_copy p {
	display: block;
	margin: 6px 0 7px 0;
	line-height: 1.5em;
	
	}

#prod_copy ul {
	list-style-position: outside;
	padding: 0px;
	margin: 5px 0px 5px 0px;
}

#prod_copy ul li{
	/*margin: 5px 0;*/
	margin: 5px 0px 5px 16px;
}


#image_med {
	width: 215px;
	margin: 325px 0 0 0; 
	float: right;
	text-align: center;
/*	background-color:#330000;*/
	display: block;
	z-index: 40;
}

.rightmods #image_med {
	width: 215px;
	margin: 280px 0 0 0; 
	float: right;
	text-align: center;
/*	background-color:#330000;*/
	display: block;
	z-index: 40;
}


#sub_right {
	width: 219px;
	margin: 10px 0 0 0; 
	float: right;
	text-align: center;
/*	background-color:#330000;*/
	display: block;
	z-index: 40;
	text-align: left;
	position: relative;
}

#scroller {
	width: 671px;
	height: 249px;
/*	background-color:#00FF00;*/
	position:absolute;
	top: 90px;
	left: 0px;
}

scroller.mods {
	width: 671px;
	height: 200px;
	background-color:#00FF00;
	position:absolute;
	top: 90px;
	left: 0px;
}


.p_menu {
	width: 100%;
/*	background:#33CCFF;*/
	display: block;
	text-align: left;
	font-style: italic;
	margin: 0 0 5px 0 ;
}

#account {
	float: right;
	width: 350px;
/*	background:#33CCFF;*/
	display: block;
	text-align: right;
	margin-top: 2px;
	font-style: italic;
}

#mainnav{
	margin: 12px auto 22px auto;
	width: 673px;
/*	background-color:#663333;*/
	height: 24px;
	text-transform: uppercase;
	font-size: 14px;
	background: url(/assets/images_10/line.gif) center bottom repeat-x;
	padding-top: 6px;
}

#mainnav .cufon{
	padding-bottom: 0px;
}

h3.title {
	color: #ffffff;
	margin: 0px;
	font-size: 29px;
}

.code {
	display: block;
	margin: 22px 5px 0 12px;;
	float: left;
}
#title {
	float: left;
	margin: 0px;
/*	width: 288px;*/
	display: block;
	height: 30px;
	margin: 12px 5px 0 0;
}

#prices {
	float:right;
	width: 150px;
	height: 30px;
	text-align:right;
	font-size: 11px;
	margin-top: 15px;
}

.pounds {
	font-size:20px;
	font-weight: bold;
}

.button {
	width: 150px;
	height: 27px;
	display: block;
	background: url(/assets/images_10/buy_back.gif) center top repeat-x;
	text-align: left;
	font-size: 20px;
	color: #ffffff;
	padding: 9px 0 0 0;
	text-decoration: none;
	margin: 14px 0 10px 0;
}

.button:hover {
	color: red;
	text-decoration: none;
}

.button{
	font-size: 18px;
}

.bigger {
	font-size: 13px;
}

#footer {
	width: 493px;
	margin: 75px auto 30px auto;
	padding: 5px 0;
	background: url(/assets/images_10/line.gif) left top repeat-x;
	font-size: 11px;
}

.gar_thumb img {
	background-position:center center;
	background-repeat:no-repeat;
	border:medium none;
	margin-bottom:5px;
}

#products_icons ul li {
list-style-type:none;
margin-left:0;
width:115px;
}

.gar_thumb {
float:left;
margin:12px 0 5px;
text-align:center;
}
.gar_thumb a {
border:medium none;
}
.gar_thumb img {
background-position:center center;
background-repeat:no-repeat;
border:medium none;
margin-bottom:5px;
}
.gar_desc {
color:#ffffff;
display:block;
height:40px;
text-align:center;
text-decoration:none;
width: 131px;
/*text-transform:uppercase;*/
}
.gar_desc a {
color:#ffffff;
text-align:center;
text-decoration:none;
/*text-transform:uppercase;*/
}
.gar_desc a:hover {
color:#ffffff;
text-align:center;
/*text-decoration:none;*/
text-decoration: underline;
/*text-transform:uppercase;*/
}
.gar_strip {
clear:both;
color:#CC1A38;
display:inline;
float:left;
font-size:12px;
margin:2px 0 10px 7px;
}
#products_icons ul {
list-style-type:none;
margin:0;
}
#products_icons ul li {
list-style-type:none;
margin-left:0;
width:131px;
}

#mod_icons ul {
list-style-type:none;
margin:0;
}
#mod_icons ul li {
list-style-type:none;
margin-left:0;
width:110px;
}

#mod_icons .gar_desc {
	width:100px;
}

.head_title {
	font-size:18px;
	display: block;
	margin: 7px 0;
}


.colorsize, .colorsize a {
	font-size: 11px;
	color: #ffffff;
	font-weight:bold;	
}

.priceLozenge, .priceLozenge a {
	font-size: 15px;
	color:#ffffff;
	font-weight:bold;	
}



.variationformtable {
	line-height: 10px;
	font-size: 9px;
	color: #ffffff;
/*	background:url(../images_09/avail_back.jpg) no-repeat right bottom;*/
	padding-right: 25px;
	padding-bottom: 25px;
	padding-top: 5px;
}
.variationformcornercell {
	border-bottom: dotted 1px #ffffff;
}
.variationformcolheading {
	max-width: 35px;
	height: 18px;
	_height: 18px;
	padding: 2px;
	text-align:center;
	border-bottom: dotted 1px #ffffff;
	font-weight: normal;
}
.variationformrowheading {
	max-width: 200px;
	height: 18px;
	_height: 18px;
	padding: 4px;
	text-align:left;
	border-top: dotted 1px #ffffff;
	border-collapse:collapse;
}
.variationformtableheading {
	height: 18px;
	_height: 18px;
	/*background-color: #eeeeee;*/
	padding: 2px;
	text-align:right;
	border: dotted 1px #ffffff;
	vertical-align:middle;
}
.variationformcell {
	width: 35px;
	_width: 35px;
	height: 18px;
	_height: 18px;
	padding: 2px;
	text-align:center;
	border: dotted 1px #ffffff;
	border-bottom: none;
	border-right: none;
	vertical-align:middle;
	border-collapse: collapse;
}

#extraInfo	{
	width: 100%;
	margin: 10px auto 25px;
	font-size: 12px;
	color: #ffffff;
/*	background:url(../images_09/extra_info.jpg) no-repeat center top;*/
	padding: 3px;
/*	height: 121px;*/
}

#extraInfo .text {
	margin: 5px;
	font-size: 13px;
	color: #ffffff;
	width: 438px;
	float: left;
	font-weight: bold;
	line-height: 18px;
	font-style: italic;
	line-height: 20px;
}

#extraInfo .text h2{
	margin: 0 0 3px 0px;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	position: relative;
	top: 0px;
	left: 0px;
}


















#header #rightheader ul {
	margin:0px;
	padding:0px;
	list-style-type: circle;
}
#header #rightheader li {
	display: inline;
	margin-right:12px;
	float: left;
	list-style-type: circle;
}
#header #rightheader a {
	text-decoration: none;
	color: #333333;
}
#header #rightheader a:hover {
	text-decoration: underline;
}

 #header #account span {
/*	float:left;*/
	display:block;
/*	background:url(../images_09/navi/account_right.jpg) no-repeat right top;*/
/*	padding: 12px 8px 30px 3px;
	font-weight: 14px;
*/   }

  
 #header #account #right {
	float:left;
	display:block;
/*	background:url(../images_09/navi/account_right.jpg) no-repeat right top;*/
	padding: 4px 8px 25px 3px;
   }   


 #header #account  {
	float:right;
	display:block;
   }   
   
 #header #mainnav a:hover {
/*	background:url(../images_09/navi/left_hover.gif) no-repeat left top;*/
	color:#ffffff;
}   
   


 #header #mainnav ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
/*	width: 644px;*/
	width: 582px;	
	margin: 0px auto;
	}
 #header #mainnav li {
	display: inline;
	margin-right: 0px;
	float:left;
	margin: 0px 7px;
}

 #header #mainnav a {
/*	background:url(../images_09/navi/down_right.jpg) no-repeat left top;*/
	text-decoration:none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	margin-right: 0;
	margin-bottom: 0;
	color: #ffffff;
	font-weight: bold;
	float:left;
/*	height:16px;*/
	display: block;
	}


 #header #mainnav .first a {
/*	background:url(../images_09/navi/first_down.jpg) no-repeat left top;*/
	text-decoration:none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 0;
	margin-bottom: 0;
	color: #ffffff;
	font-weight: bold;
	float:left;
	height:16px;
	display: block;
	}

 #header #mainnav .first a:hover {
/*	background:url(../images_09/navi/first_up.jpg) no-repeat left top;*/
	text-decoration:none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 0;
	margin-bottom: 0;
	color: #ffffff;
	font-weight: bold;
	float:left;
	height:16px;
	display: block;
	}


	
 #header #mainnav a:hover {
/*	background:url(../images_09/navi/up_left.jpg) no-repeat left top;*/
	color:#ffffff;
}
 #header #mainnav a span {
	float:left;
	display:block;
/*	background:url(../images_09/navi/middle_down.jpg) repeat-x left top;*/
	padding: 2px 1px;
      }
 #header #mainnav a span:hover {
/*	background:url(../images_09/navi/middle_up.jpg) repeat-x left top;*/
      }

 #header #mainnav .last {
	float:left;
	display:block;
/*	background:url(../images_09/navi/last_right.jpg) repeat-x right top;*/
	padding-right: 5px;
	/*padding: 8px 17px 6px 6px;*/
      }
 #header #mainnav .last:hover {
/*	background:url(../images_09/navi/last_right.jpg) repeat-x right top;*/
      }	  
	  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
 #header #mainnav a span  {float:none;}
    /* End IE5-Mac hack */
	
.docu_content img {
	background: #ffffff;
	padding: 5px;
}

.pack_line	{
	width: 693px;
	margin: 10px auto;
	font-size: 14px;
	color: #ffffff;
/*	background:url(../images_09/extra_info.jpg) no-repeat center top;*/
	padding: 3px;
	display: block;
	float: left;
}

.pack_line .text {
	margin: 7px 10px 10px 10px;
	font-size: 12px;
	color: #ffffff;
	width: 400px;
	float: left;
}

.pack_line .text p{
	font-size: 12px;
	color: #ffffff;
}

.pack_line .prices {
	margin: 10px 0px 0px 0px;
	font-size: 14px;
	line-height: 13px;
	color: #ffffff;
	width: 300px;
	float: right;
	text-align: right;
	display: block;
	font-weight: bold;
}

.pack_line .text h2{
	margin: 0 0 3px 0px;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
}

.right_image {
	float: right;
	display: block;
	display:inline;
	margin-right: 10px;
}

.right_image img{
	background: none;
	padding: 0;
}





/*BASKET*/
#basketTable {
	border-collapse: collapse;
	border: none;
	padding-bottom:70px;
	font-size: 12px;
	}
	


#basketTable th {
	color: #ffffff;
	line-height: 22px;
	padding-top: 0px;
	margin-left: 3px;
}
.basketRow1 {
/*	border-top: 1px solid #ccc;*/
	background-color: #ececec;
	height:30px;
	background: url(/assets/images_10/line.gif) bottom left repeat-x;
/*	background:url(../images_10/back_row_10.png) repeat-y center top;	*/
}
.basketRow2 {
/*	border-top: 1px solid #ccc;*/
	background-color: #ffffff;
	height:30px;
	background: url(/assets/images_10/line.gif) bottom left repeat-x;
}

/*OTHER*/

.Helplink, .Helplink a {
	font-size: 11px;
/*	color: #e2001a;*/
	font-weight:bold;	
	display: block;
	margin-bottom: 15px;
	clear: both;	
}

.sizepricen {
	float: left;
	border-collapse: collapse;
}

.sizepricen tr {
	margin: 2px;
	padding: 2px;
/*	background: url(/assets/images_10/line.gif) left bottom repeat-x;*/
}

.sizepricen tr td {
	padding: 4px 4px 4px 2px;
}

.formtable tr{
	margin: 5px 0;
}

.formtable tr td {
	padding: 3px 0;
}

.left {
	clear: both;
	float: left;
	width: 100%;
	margin-top: 70px;
}
