/* ----- end float fix ----- */

.blue{
	color: #0000FF;
}

#secureimage {
	background-image: url(../images/secure-shopping.gif);
	height: 90px;
	width: 150px;
	margin-left: 10px;
	border-style: solid;
	border-color:  #F47339;
	border-width: 1px;	
}


.comments {
	font-size: 110%;
	color: #f0520b;
	text-decoration: none;
	font-weight:bold;
	
}

.maestro_comments {
	font-size: 110%;
	color: #f0520b;
	text-decoration: none;
	font-weight:bold;
	margin-left: 6px;

}

#dline {
	background-image: url(../images/double-line.gif);
	height: 20px;
	text-align: center;
	padding-top: 6px;
	margin-top: 16px;
}

.strong { font-weight:bold; padding:10px 10px 10px 0px}

.purple {
	background-color: #EAD5FF;
	padding: 2px 2px 2px 8px;
	margin-top: 6px;
	width: 518px;
}

caption {
	text-align: left;
	margin-top:0px;
	margin-bottom:0px;
	line-height: normal;
	color: #333333;
	padding-top: 6px;
	padding-bottom: 6px;
}

BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND-color: #e1cdfc; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 72%/150% Arial, Helvetica, sans-serif; COLOR: #333333; PADDING-TOP: 0px; TEXT-ALIGN: center; 
}

.verdana10White{
	font-family:verdana;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	font-weight:bold;
}
.verdana10White:hover{
	font-family:verdana;
	font-size: 10px;
	color: #ffee00;
	text-decoration: none;
	font-weight:bold;
}
.back{
	background-repeat: no-repeat;
	background-position:center;
}
.verdana10Black{
	font-family:verdana;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
.verdana10Orange{
	font-family:verdana;
	font-size: 10px;
	color: #f0520b;
	text-decoration: none;
	font-weight:bold;
}


/* ----- tables ----- */
table, td, input, textarea, select, li{
	font: 100% Arial, Helvetica, sans-serif;
	color:#000;	
}

th{	padding:0px;
}

td{padding:5px;}

#content table{
	width:99%;
	margin:0px;
	border-collapse:collapse;
	line-height:66%;
	height: 10%;
		
}


#content td {
	padding:5px;
	color:#000;
	}


.border-orange {border: 1px; border-style: solid; border-color: #f0520b; padding:4px 4px 4px 4px  }




.thgo {
	border-top: 1px;
	border-left: 0px;
	border-bottom: 0px;
	border-right: 0px;
	border-style: solid;
	border-color: #f0520b;
	width:24px;
	background-image: url(../images/go.gif);	
	


 }
 
 .thminfo {
	width:6px;


 }

.thinfo {
	
	border-top: 1px;
	border-left: 0px;
	border-bottom: 0px;
	border-right: 0px;
	border-style: solid;
	border-color: #f0520b;
	padding:5px;
	
}


#content th img {
	padding: 0px;
	border:0px;
	padding: 0px;
	border-style: solid;
	border-color:  #F47339;
	margin: 0px;
}

#content th img {
	padding: 0px;
	border:0px;
	padding: 0px;
	border-style: solid;
	border-color:  #F47339;
	margin: 0px;
}

.species {
	padding: 0px;
	border:0px;
	padding: 0px;
	border-style: none;
	border-color:  #F47339;
	margin: 0px;
	text-align: center;
}

#sptbcolour {
	background-color: #f6f0f7;

}


/* ----- global images ----- */
img{
	border:0px;
	padding: 2px;
	border-style: solid;
	border-color: #F47339;
	margin: 8px;
}	
	
	
	
.thbackground {
	background-image: url(../images/backboxes.gif);
	
	padding:5px;
	font-size: 11px;
	
}	
	

.tdborder{border: 1px;
	border-style: solid;
	border-color: #f0520b;}

/* ----- global links ----- */
a:link, a:visited, a:active{
	color:#275f81;
	text-decoration:none;
}
a:hover{color:#555;}

/* ----- global paragraphs, headers & horizontal rules ----- */
p, h1, h2, h3, h4, h5, h6{
	margin:1em 0;
	color: #333333;
}
h1{
	font-size:140%;
	color: #000000;    
}

h2{font-size:130%;}
h3{
	font-size:90%;
	color: #F47339;
	margin-left: 0px;
}
h4, h5{font-size:100%;}
hr{display:none;}



/* ----- hidden items ----- */
#skip{display:none;}
.hidden{display:none;}

/* ----- float left / right classes ----- */
.left{float:right;margin-right:.3em;}
.right{float:right;margin-left:.3em;}

/* ----- company contact details ----- */
address{
	font-style:normal;
	margin:1em 0;
}

/* ----- container size & positioning ----- */
#container {
	MARGIN: 0px auto;
	WIDTH: 830px;
	PADDING-TOP: 0px;
	POSITION: relative;
	TEXT-ALIGN: left;
	height: 100%;
	background-image: url(../images/edge-center.gif);
}


/* ----- header area ----- */
#header {
	BACKGROUND-IMAGE: url(../images/edge-top.gif); MARGIN: 0px auto; BACKGROUND-REPEAT: no-repeat; POSITION: relative; HEIGHT: 150px; BACKGROUND-COLOR: #e1cdfc
}



/* ----- company logo & strapline ----- */
#logo {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 230%;
	LEFT: 336px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	WIDTH: 290px;
	COLOR: #000000;
	LINE-HEIGHT: 18px;
	PADDING-TOP: 2px;
	POSITION: absolute;
	TOP: 50px;
	HEIGHT: 24px;
	text-align: left;
}
#tagline {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 244px;
	FONT-SIZE: 108%;
	LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	WIDTH: 550px;
	COLOR: #333333;
	LINE-HEIGHT: 14px;
	PADDING-TOP: 0px;
	POSITION: absolute;
	TOP: 140px;
	TEXT-ALIGN: left;
	font-weight: normal;
}


/* ----- shopping basket info ----- */
#info {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 10; RIGHT: 60px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #DF6B10; PADDING-TOP: 0px; POSITION: absolute; TOP: 200px
}

/* ----- optional mid div (useful for more complex backgrounds) ----- */
#mid{}

/* ----- breadcrumb trail ----- */
#breadcrumbs {
	PADDING-RIGHT: 0px;
	PADDING-BOTTOM: 10px;
	WIDTH: 300px;
	COLOR: #f0520b;
	position: absolute;
	margin-top: 80px;
	left: 244px;
	top: 122px;
}

/* ----- search box ----- */
#search {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 5px;
	MARGIN: 0px 0px 1em 0px;
	PADDING-TOP: 5px;
	BACKGROUND-COLOR: transparent;
}
#search label{display:block;}

/* ----- side navigation ----- */



#navDept, #navDept li{
	margin:0;
	padding:0;
	list-style:none;
	background-color:  #F47339;
}
#navDept{
	margin-bottom:1em;
	background-color:  #F47339;
}
#navDept li{
	margin-bottom:1px;
	background-color:  #F47339;
	padding-left: 12px;
	
}
#navDept li a{
	display:block;
	width:100%;
	background-color:  #F47339;
	color:#Ffffff;
	
}

#navDept li a span{
	PADDING-RIGHT: 20px;
	DISPLAY: block;
	PADDING-LEFT: 2px;
	PADDING-BOTTOM: 3px;
	PADDING-TOP: 3px;
	background-color:  #F47339;
	background-image: url(../images/arrow3.gif);
	background-repeat: no-repeat;
	background-position: right;

}

#navDept li a span:hover{
	color:#FFffff;
	background-image: url(../images/arrow3-glow.gif); background-repeat: no-repeat;
	background-position: right;
	text-decoration:underline
	
	
}

/* ----- subdepartment navigation ----- */

#navSubDept{
	padding:0;
	background:#ffffff;
	color:#000000;
	width: 460px;
	margin-left: 44px;
	
        
}

#navSubDept li{
	float:left;
	display:inline;
	width:140px;
	margin-right:2px;
	margin-bottom:0.2em;
	color:#000000;
	position:relative;
	text-align: center;   
}

#navSubDept img { padding:2px;  }

#navSubDept li a{color:#0055B4; text-decoration:underline;}
#navSubDept li a:hover{color:#990000; text-decoration:underline;}
/* ----- customer tool list ----- */
#navTools, #navTools li{
	margin:0;
	padding:0;
	list-style:none;
	background-color:  #F47339;
}
#navTools{margin-bottom:1em; background-color:  #F47339;

}
#navTools li{
	margin-bottom:0px;
	background-color:  #F47339;
	font-weight: lighter;
}
#navTools li a{
	display:block;
	width:100%;	
	background-color:  #F47339;
	color:#FFFFFF;
}
#navTools li a:hover, #navTools li a.selected{ text-decoration:underline}
#navTools li a span{
	display:block;
	padding:3px 20px;
	background-color: #F47339;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: right;
}

/* ----- nav static menu items ----- */
.navStatic, .navStatic li{
	margin:0;
	padding:0;
	list-style:none;
}
.navStatic{margin-bottom:1em;}
.navStatic li{
	margin-bottom:0px;
}
.navStatic li a{
	display:block;
	width:100%;	
	background: #F47339;
	color:#FFFFFF;
}

.navStatic li a:hover{background-image: url(../images/arrow3-glow.gif); background-repeat: no-repeat;
	background-position: right;
	}
	
	.navStatic li a span:hover{ 
	background-image: url(../images/arrow3-glow.gif); background-repeat: no-repeat;
	background-position: right;
	text-decoration:underline
	}
	
.navStatic li a span{
	display:block;
	padding:3px 20px;
	background-color: #F47339;
	background-image: url(../images/arrow3.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#navToolsTitle, #navDeptTitle, .navStaticTitle{
	margin:0;
	padding:3px 12px;
	margin-bottom:0px;
	font-size:100%;
	background-image: url(../images/backLinks.jpg);
	color: #FFFFFF;
	background-color:  #F47339;
}

/* ----- side navigation column ----- */
#side {
	MARGIN-TOP: -6px; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 50px; WIDTH: 168px;
		
	
}

/* ----- main content area ----- */
#main A:link {
	COLOR: #f0520b;
	TEXT-DECORATION: underline;
	margin-left: 0px;
}
#main A:active {
	COLOR: #f0520b; TEXT-DECORATION: underline;
	
}
#main A:hover {
	COLOR: #f0520b; TEXT-DECORATION: underline;
	
}
#main A:visited {
	COLOR: #ff3300; TEXT-DECORATION: underline; margin-left: 0px;
}
#main {
	BORDER-RIGHT: #f0520b 0px ridge; PADDING-RIGHT: 10px; BORDER-TOP: #f0520b 0px ridge; MARGIN-TOP: 80px; DISPLAY: inline; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN-LEFT: 16px; BORDER-LEFT: #f0520b 0px ridge; WIDTH: 520px; PADDING-TOP: 10px; BORDER-BOTTOM: #f0520b  0px ridge; BACKGROUND-COLOR: #ffffff
}
#main H2 {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 120%; PADDING-BOTTOM: 0px; COLOR: #f0520b; PADDING-TOP: 0px; FONT-FAMILY: "18px/24px Arial", Helvetica, sans-serif; LETTER-SPACING: 0.2em
}
#main H2#pageTitle {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-WEIGHT: normal;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	COLOR: #f0520b;
	PADDING-TOP: 0px;
	FONT-FAMILY: "18px/24px Arial", Helvetica, sans-serif;
	LETTER-SPACING: 0.2em;
	font-size: 160%;
}
.note{
	font-size:110%;
}
.highlight{
	font-size:140%;
}
.module1{
	float:left;
	width:250px;
}
.module2{
	float:right;
	width:250px;
}

/* ---------------------- footer ----------------------------- */

#footer {
	margin:0px 0px 0px 0px;
	color: #333333;
	HEIGHT: 70px;
	width: 830px;
	background-image: url(../images/edge-bottom.gif);
	padding-top: 6px;
	font-size: 70%;
	
}
#footer P {
	MARGIN: 0px
}
#footer UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#footer LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#footer LI {
	DISPLAY: inline;
	MARGIN-RIGHT: 0.5em;
	margin-left: 8em;
	color: #333333;
}
#footer A:link {
	VERTICAL-ALIGN: bottom; color: #333333; TEXT-DECORATION: underline; padding-left: 20px
}
#footer A:hover {
	VERTICAL-ALIGN: bottom; color: #333333; TEXT-DECORATION: none
}
#footer A:visited {
	color: #333333; TEXT-DECORATION: none
}
#footer A:active {
	color: #333333;
	TEXT-DECORATION: underline;
}
#footer #credits {
	MARGIN-TOP: 1em;
	FLOAT: left;
	margin-left: 300px;
}

#bottom-strapline {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 100%; PADDING-BOTTOM: 3px; MARGIN: 0px 0px 1px; COLOR: #ffffff; PADDING-TOP: 3px; BACKGROUND-COLOR: #046cb3
}

#bottom-strapline A:link {
	COLOR: #ffffff; TEXT-DECORATION: underline;
}
#bottom-strapline A:visited {
	COLOR: #ffffff; TEXT-DECORATION: underline;
}
#bottom-strapline A:active {
	COLOR: #ffffff; TEXT-DECORATION: underline;
}
#bottom-strapline A:hover {
	COLOR: #FFFFFF; TEXT-DECORATION: none;
}

/* ----- pagination (page 1/2 etc.) ----- */
#pagination{ margin-bottom:4px}
#pagination a#firstPage{color:#275f81}
#pagination a#prevPage{color:#275f81}
#pagination a#nextPage{color:#275f81}
#pagination a#lastPage{color:#275f81}

/* ----- product thumbnail list ----- */
.products{
	margin:1em 0;
}
.products ul, .products li{
	margin:0;
	padding:0;
	list-style:none;
} 
.products li{
	float:left;
	display:inline;
	width:160px;
	margin-right:2px;
	margin-bottom:.2em;
	color:#000000;
	position:relative;
}
.products li:hover{
		
}

.products li h3{
	margin-top:.5em;
	margin-bottom:1em;
	padding:0;
	text-transform:capitalize;
	padding:0 15px;
	text-align: center;
	margin-left: -3px;
	font-size:90%
}


.products li h3 a{color:#555;}
.products li h3 a:hover{color:#CC0000;}
.products .image{
	text-align:center;
	border:0px solid #676767;
	padding:3px;
}
.products .image a img{
	
	border:0px;
	padding: 2px;
	border-style: solid;
	border-color: #F47339;
	margin: 8px;
	
	
}
.products .image a:hover img{
	border:0px;
	padding: 2px;
	border-color: #CC0000;
	margin: 8px;
}
.products li .desc{
	padding-right:15px;
text-align: center;	
}
.products .price{
	clear:both;
	margin:0;
	margin-top:0em;
	background:#ffffff;
	padding:3px 8px;
	color:#f0520b;
	font-weight:bold;
	width: 80%;
text-align: center;	
	 
}
.products .quantity{
	clear:both;
	margin:1px 0;
	background:#262626;
	padding:3px 15px;
}

/* ----- individual products ----- */
#product{	
	margin:1em 0;	
}
#product .image{
	float:left;
	margin-bottom:1em;
	margin-left: -6px;
}	
#product .image p{margin:.5em 0;}
#product .image img{	
	border:1px solid #e1e1e1;
}	
#product .info{	
	float:right;
	width:270px;
}
#product .price{
	color:#f0520b;
	font-size:120%;
	font-weight: bold;
	padding-top: 10px;
}
#product .info p{
	margin:0;
	margin-bottom:0.2em;
}
#product .info h3{
	margin:0;
	margin-bottom:0.2em;
	font-size: 100%;
}
#product .actions{
	border-top:1px solid #e1e1e1;
	clear:both;
}	
#product #addBasket{
	border-top:1px solid #e1e1e1;
	padding-top:1em;
}
#product #addWishlist a{
}

/* ----- featured articles ----- */
#articles{}
#articles ul, #articles li {
	margin:0;
	padding:0;
	list-style:none;
}
#articles ul{
	margin:1em 0;
	padding:3px 10px;
	background:#f1f1f1;
	border:1px solid #eee;
	color:#777;
}
#articles ul li{
	margin:.5em 0;
	line-height:150%;
	padding:0;
	padding-left:15px;
	list-style:none;
	background:url(/graphics/plain/arrow3.gif) no-repeat 0 .6em;
}
#articles  ul li a{color:#777;}
#articles  ul li a:hover{color:#777;text-decoration:underline;}

/* ----- customer reviews ----- */
#reviews{
}
#reviews ul, #reviews li {
	margin:0;
	padding:0;
	list-style:none;
}
#reviews ul{
	margin:1em 0;
	padding:3px 10px;
	background:#f1f1f1;
	border:1px solid #eee;
	color:#777;
}
#reviews ul li{
	margin:.5em 0;
	line-height:150%;
	padding:0;
	padding-left:15px;
	list-style:none;
}
#reviews  ul li a{color:#777;}
#reviews  ul li a:hover{color:#777;text-decoration:underline;}

/* ----- site map ----- */
#sitemap, #sitemap ul, #sitemap li{
	margin:0;
	padding:0;
	list-style:none;		
} 
#sitemap{margin:1em 0;}
#sitemap li{margin:.5em 0;}
#sitemap li h3{margin:.2em 0;}
#sitemap ul{padding-left:20px;}

/* ----- tables and forms ----- */
fieldset{
	border:none;
	padding:0;
	margin:1em 0;
}
legend{
	font-weight:normal;
	padding:0;
	margin:0;
	color:#555;
	font-size:120%;
	clear:both;
}
fieldset h3, fieldset h3{margin:1em 0 0 0;}

.formField, .formSelect{
	background:#fff;
	border:1px solid #000000;
	width:200px;
}
.formFieldShort, .formFieldMedium{
	background:#fff;
	border:1px solid #e1e1e1;
	width:20px;
	margin-right:5px;
}
.formFieldMedium{width:96px;}
table .price{
	color:#13689d;
	font-size:110%;
	font-weight:bold;
}
.formFieldProduct{width:150px;}
table .price{
	color:#13689d;
	font-size:110%;
	font-weight:bold;
}
.formRadio{vertical-align:middle;}
.formButton{
	color:#fff;
	border:1px;
	padding-top:3px;
	padding-bottom:3px;
	background-color: #EF550F;
	border-style: outset}
label span{
	color:#13689d;
	font-size:110%;
	font-weight:bold;
}
input.formField:focus, formFieldShort:focus, formFieldMedium:focus, textarea:focus, #quantity:focus	{
	background: #fff;
	border-color: #000000;
	border: solid;
	border-width: 1px;
}

/* ----- shopping cart ----- */
#total{
	margin:1em 0;
	padding:0;
	width:295px;
	font-size:110%;
}
#total dt{
	width:200px;
	float:left;
	font-weight:bold;
}
#total dd{
	margin-left:201px;
	text-align:right;
}
.actions{
	clear:both;
	margin:0;
	padding:.5em 0;
}

/* ----- first table data style ----- */
td.first{width:40%;}

/* ---------------------- float fix ----------------------------- */
.inner:after, .products:after, .products li:after, #pagination:after, #total:after, .modules:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.inner, .products, .products li, #pagination, #total, .modules{display:block;}
/*  \*/
.inner, .products, .products li, #pagination, #total, .modules {min-height:1%;}
* html .inner, * html .products, * html .products li, * html #pagination, * html #total, * html .modules {height:1px;}
 /*  */
/* ----- end float fix ----- */
.special {
	display:none;
}