/*
* -------------------------------------------
* Reset the default Browser CSS styles.
* Whilst not all elements are reset, the elements detailed should be sufficient for our purposes.
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,/*h5,*/h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
} 
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
		border:0; 
}
address,caption,cite,code,dfn,em,strong,th,var { 
	    /*font-style:normal;
	    font-weight:normal; */
}
ol,ul {
	list-style:none; 
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,/*h5,*/h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:''; 
}
abbr,acronym {
border:0;
}
/*
* End of reseting the default browser styles.
* -------------------------------------------
*/


body {
text-align:center; /*to center old IE browsers*/
width:100%;
margin:0px;
padding:0px 0px 0px 0px;
}

html, body {
/*height:100%;*/
font-family:Arial, Helvetica, sans-serif;
font-size:0.85em;
color:#000000;
background-color:#d9d9d9;
background-image:url(../imgs/bodybg.gif); background-position:top left; background-repeat:repeat;
}

a:link, a:visited { color:#000000; text-decoration:none;}
a:hover, a:active, a:focus { color:#333333; text-decoration:underline;}

body p { margin:0px; padding:7px 0px 7px 0px; line-height:1.5em; overflow:hidden;}

#container {
/*min-height:100%;*/
width:960px;
margin: 0 auto;
text-align:left;
}

* { behavior: url(scripts/iepngfix.htc);}


.clear{
	clear: both;
}

/* USED ON THE HOMEPAGE TO ENABLE SHOW AND HIDE CONTENT - start */
#morecontent {
/*
width:70%;
padding:5px;
border:2px solid #EFEFEF;
background-color:Pink;
*/
display: none;
}

#read_more{
/*padding:5px;
border:2px solid #FFEFEF;
background-color:#00ff00;
*/
display:block;
}
/* USED ON THE HOMEPAGE TO ENABLE SHOW AND HIDE CONTENT - end */


#topnav { height:60px; background-image:url(../imgs/topnavbg.png); background-position:bottom left; background-repeat:no-repeat;}
#topnav ul { padding:28px 73px 0px 0px; margin:0px; list-style-type:none; list-style:none; text-align:right;}
#topnav ul li { margin:0px; display:inline; text-transform:normal; padding:0px 0px 0px 0px; height:25px; color:#808080; font-size:16pt;}
#topnav ul li a:link, #topnav ul li a:visited { color:#808080; text-decoration:none;}
#topnav ul li a:hover, #topnav ul li a:active, #topnav ul li a:focus { color:#333333; text-decoration:none;}

#header {width:960px; height:210px; /*background-color:#ffffff;*/}

#flashbg {position:absolute; z-index:1;}

#logobox { position:absolute; top:10px; z-index:2; float:none; clear:none; width:303px; padding:0px 0px 0px 10px; display:block;}
#logobox img { margin:0px; padding:0px;}
#logobox img, div { behavior: url(scripts/iepngfix.htc); }

.leftcol { float:left; width:296px; display:block; overflow:hidden; background-color:#00FFFF; padding:15px 0px 10px 10px; background-image:url(../imgs/leftcolbg.gif); background-position:top right; background-repeat:no-repeat; background-color:#FFFFFF;}

.rightcol { width:643px; display:block; float:right; clear:none; padding:0px 10px 15px 0px;}
.rightcol h1, .rightcol h5 { font-size:1.7em; line-height:1.25em; font-weight:lighter; color:#dd2d21; /*text-transform:uppercase;*/ padding:15px 0px 0px 0px; margin:0px;}
.rightcol h2 { font-size:1.6em; font-weight:lighter; color:#dd2d21; /*text-transform:uppercase;*/ padding:10px 0px 0px 0px; margin:0px; margin:0px;}
.rightcol h3 { font-size:1em; font-weight:normal; color:#808080; /*text-transform:uppercase;*/ padding:10px 0px 0px 0px; margin:0px;}
/*.rightcol h5 { font-size:2.2em; color:#CC0000; padding:10px 0px 0px 0px; margin:0px; font-style:italic;}*/
.rightcol a:link h3, .rightcol a:visited h3{ color:#000000; text-decoration:none;}
.rightcol a:hover h3, .rightcol a:active, a:focus h3 { color:#333333; text-decoration:underline;}
.rightcol ul {padding:0px; list-style:disc; margin:0px;}
.rightcol ul li { padding:0px; margin:0px 0px 0px 15px; color:#000000; /*line-height:1em;*/}

.label { display:inline; float:left; clear:none; width:213px; height:110px; background-image:url(../imgs/labelbg.png); background-position:top center; background-repeat:no-repeat; text-align:center; font-family: Arial Black, Arial, Helvetica, sans-serif;}
.label h2 { color:#a58c64; font-size:1.8em; padding:22px 25px 0px 25px; line-height:1.2em;}
.label a:link, .label a:visited { color:#a58c64; text-decoration:none;}
.label a:hover, .label a:active, .label a:focus { color:#dd2d21; text-decoration:none;}

/* LEFT HAND BANNERS */
.lhbanners { clear:both;}

/* MAIN NAVIGATION */
/*#mainnav { position:relative; z-index:3; float:none; clear:none; height:30px; color:#000000; padding:190px 0px 0px 30px; margin:0px; width:900px; text-align:left; font-size:0.8em;}
#mainnav ul { padding:0px 0px 0px 0px; margin:0px; list-style-type:none; list-style:none; }
#mainnav ul li { margin:0px; display:inline; text-transform:uppercase; padding:0px 0px 0px 0px;}
#mainnav ul li a:link, #mainnav ul li a:visited { color:#000000; text-decoration:none; width:90px; height:30px; display:inline-block;}
#mainnav ul li a:hover, #mainnav ul li a:active, #mainnav ul li a:focus { color:#FFcc00; text-decoration:none; width:90px; height:30px; display:inline-block;}*/

.content { clear:both; padding:0px; background-image:url(../imgs/contentbg.gif); background-position:top right; background-repeat:no-repeat; background-color:#ffffff;}
/*
.content ul {padding:5px 0px 5px 30px; margin:0px;}
.content ul li { list-style:square; list-style-image:url(../imgs/list-arrow.gif); padding:0px 0px 5px 0px; line-height:1.3em; color:#666666; font-weight:bold;}
.content ol {padding:5px 0px 5px 30px; margin:0px;}
.content ol li { padding:0px 0px 5px 0px; line-height:1.3em; color:#666666; font-weight:bold;}
*/

.productlrgimg { width:315px; float:left; clear:none; display:block; overflow:visible; position:relative;}
.productcopy { width:320px; float:left; clear:none; display:block; overflow:visible; position:relative;}

.dots { background-image:url(../imgs/dots.gif); background-position:top left; background-repeat:repeat-x; height:5px; display:block; width:92%; margin:7px auto 0px auto;}

.sepline { border-top:1px dotted #CCCCCC; height:10px; line-height:0px; display:block;}

#footer { background-image:url(../imgs/footerbg.png); background-position:top left; background-repeat:no-repeat; padding:18px 0px 0px 15px; height:82px; display:block; clear:both; margin:0px; text-align:left; font-size:1em; font-style:normal;}
#footer p { margin:0px; padding:3px 55px 3px 0px; font-size:1em; text-align:center;}
#footer a:link, #footer a:visited { color:#666666; text-decoration:none; text-transform:normal;}
#footer a:hover, #footer a:active, #footer a:focus { color:#000000; text-decoration:underline;}

#drips { width:71px; height:100px; display:block; float:left; clear:none;}

#breadcrumb { color:#333333;}
#breadcrumb p { color:#333333; padding:0px 0px 15px 0px; margin:0px;}
#breadcrumb a:link, #breadcrumb a:visited { color:#666666; text-decoration:none; margin:0px; padding:0px;}
#breadcrumb a:hover, #breadcrumb a:active, #breadcrumb a:focus { color:#000000; text-decoration:underline; margin:0px; padding:0px;}

/* SUB PAGE LAYOUT STYLES */
#sidebar { width:238px; float:left; display:inline; clear:none;}
#sidebar ul { width:238px; background-color:#ACACAC; padding:0px; margin:0px; list-style-type:none; list-style:none; }
#sidebar ul li a:link, #sidebar ul li  a:visited { padding-left:10px; color:#FFFFFF; background-color:#ACACAC; border-bottom:1px solid #FFFFFF; height:27px; line-height:25px; display:block; text-decoration:none;}
#sidebar ul li a:hover, #sidebar ul li a:active, #sidebar ul li a:focus { padding-left:10px; color:#FFFFFF; background-color:#313131; border-bottom:1px solid #FFFFFF; height:27px; line-height:25px; display:block; text-decoration:none; background-image:url(../images/subnav-hover.gif); background-position:top right; background-repeat:no-repeat;}

#sidebar ul ul { width:238px; background-color:#B4B192; padding:0px; margin:0px; list-style-type:none; list-style:none; }
#sidebar ul ul li a:link, #sidebar ul ul li a:visited { padding-left:20px; color:#FFFFFF; background-color:#B4B192; border-bottom:1px solid #FFFFFF; height:27px; line-height:25px; display:block; text-decoration:none;}
#sidebar ul ul li a:hover, #sidebar ul ul li a:active, #sidebar ul ul li a:focus { padding-left:20px; color:#FFFFFF; background-color:#CDCBB6; border-bottom:1px solid #FFFFFF; height:27px; line-height:25px; display:block; text-decoration:none;}

.contentcol { width:622px; /* actual width is 642pixels but had to remove 20pixels as 20pixels left padding has been added */
float:left; display:inline; clear:none; margin:0px 0px 0px 20px;}

/* IMAGE STYLES */
.imgpos { float:left; }

/* FONT STYLES */
.bold { font-weight:bold;}
.fitalic { font-style:italic;}
.quoteit { font-size:1.5em; font-weight:bold; font-style:italic; color:#666666;}

/* FONT COLOURS */
.fcol1 { color:#dd2d21;} /* RED */
.fcol2 { color:#808080;} /* GREY */

/* MARGINS */
.mt1t { margin-top:10px;}
.mt1r { margin-right:10px;}
.mt1b { margin-bottom:10px;}
.mt1l { margin-left:10px;}
.mt2t { margin-top:20px;}
.mt2r { margin-right:20px;}
.mt2b { margin-bottom:20px;}
.mt2l { margin-left:20px;}
.mtopnavli { margin-right:58px;}

/* PADDING */
.pt1t { padding-top:10px;}
.pt1r { padding-right:10px;}
.pt1b { padding-bottom:10px;}
.pt1l { padding-left:10px;}
.pt1all { padding:10px;}

.pt2t { padding-top:20px;}
.pt2r { padding-right:20px;}
.pt2b { padding-bottom:20px;}
.pt2l { padding-left:20px;}
.pt2all { padding:20px;}

.pt3t { padding-top:15px;}
.pt3r { padding-right:15px;}
.pt3b { padding-bottom:15px;}
.pt3l { padding-left:15px;}
.pt3all { padding:15px;}

/* FLOATS AND PLACEMENT */
.fleft { float:left;}
.fright { float:right;}
.cboth { clear:both; float:none; display:block; overflow:hidden; height:0px;}
.cnone { clear:none;}
.centerit { text-align:center;}

/* BORDER STYLES */
.bt1r { border-right:5px solid #404040;}
.bt1l { border-left:5px solid #404040;}
.bt1all { border:5px solid #404040;}
.imgborder { padding:1px; border:1px solid #666666;} 

/* WIDTH STYLES */
.width1 { width:305px;}

/* BACKGROUND COLOURS */
.bgcolour1 { background-color:#F4F4F4;}
.bgcolour2 { background-color:#484848;}

/* SUBNAV BOX */
.subnavtop { background-image:url(../imgs/subnav-top.gif); background-position:top left; background-repeat:no-repeat; background-color:#e6e6e6; height:9px; width:269px;}
.subnavmiddle { background-image:url(../imgs/subnav-middle.gif); background-position:bottom left; background-repeat:no-repeat; background-color:#e6e6e6; width:259px; padding-left:10px; padding-bottom:10px;}

#subnavlinks {
	width: 249px;
	padding:0px;
	margin:0px;
	background-color: #90bade;
	color: #333;
	text-transform:uppercase;
	font-size:0.9em;
}
#subnavlinks li a {
 background-image:url(../imgs/subnavbg.gif); background-position:top left; background-repeat:no-repeat;
	display: block;
	padding: 0px 0px 0px 10px;
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
	width: 239px;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #e6e6e6;
}

html>body #subnavlinks li a {
	width: auto; 
}

#subnavlinks li a:hover, #subnavlinks ul li.current a{
 background-image:url(../imgs/subnavbgover.gif); background-position:top left; background-repeat:no-repeat !important;
	background-color: #d42b20 !important;
	color: #fff;
}

/* PRODUCT CATEGORY IMAGES */
.categorybox { width:110px; height:135px; float:left; display:block; margin:0px 7px 14px 7px; padding:0px; text-align:center;}
.categorybox h3 { padding:5px 0px 5px 0px; margin:0px; color:#666666; text-transform:uppercase; font-size:0.8em;}
.categorythumb a:link, .categorythumb a:visited { width:100px; height:100px; display:block; border:5px solid #D9D9D9; overflow: hidden;}
.categorythumb a:hover, .categorythumb a:focus, .categorythumb a:active { width:100px; height:100px; display:block; border:5px solid #DD2D20;}

/* FX */
.opacityit img { filter:alpha(opacity=100); -moz-opacity:1;opacity:1;}
.opacityit:hover img { filter:alpha(opacity=70); -moz-opacity:.70;opacity:.70;}
.opacityit2 img { filter:alpha(opacity=50); -moz-opacity:.50;opacity:.50;}
.opacityit2:hover img { filter:alpha(opacity=100); -moz-opacity:1;opacity:1;}



/*Form styling*/
fieldset { background-color:#fff; border: none; width: 45%; float: left} 
legend { border:none; padding:3px 5px 3px 0px; background-color:#FFFFFF; color: #477ba7; font-weight:bold; display: none; }

fieldset ol li, fieldset ol{ list-style: none; padding-left: 0; margin-left: 0; }

.dataform label{ display: block; font-weight: normal; }
.dataform ol{ display: block; padding: 0; margin: 0; list-style: none; }
.dataform ol li{ padding: 0; margin: 0; list-style: none; padding-bottom: 10px; }
.dataform ol li span{ font-style: italic; }
.note { font-size: 0.8em; background-color: #ebebeb; border: 1px solid #e7e7e7; margin-top: 5px; padding: 5px; color:red }
.note ol li{ list-style: disc; }
.inputtext{ width: 80%;}
.inputtextarea{ width: 90%; height: 10em;}
.datatextarea{ width: 80%; height: 15em; }
.datatextareasmall{ widht: 20em; height: 5em;}
.datatextinputsmall{ width: 3em; }
.normalweight{ font-weight: normal !important;}
.button{ margin-bottom: 10px; }
.dataform label em{	color:#FF0000; font-style:normal;}
.fullwidth{ width: 90%; }


li.error{ background-color: #FEF3F3; }
.mainnotification{ background-color: #d8f2ce; /*8ae069 */ padding:10px; color: #222; border: 1px solid #85a945; margin-top: 10px;}
.mainerror p{ color:#990000; font-weight:bold; padding: 3px; margin-top: 5px; }
.mainnotification p{ color:#333; font-weight:bold; padding: 3px; margin-top: 5px;}

.mainerror{ background-color: #fff6f6; border: 1px solid #ffadad; }

.testmonial strong{ font-weight: bold; padding-right:5px; margin-top: 0; padding-top: 0; padding-bottom: 10px;}

.banner{
	width: 270px;
	height: 155px;
	float: left;
	position: relative;
	margin-bottom: 10px;
}

.bannerline1, .bannerline2{
	padding-left: 5px;
	padding-top: 5px;
	font-size: 25px;
	line-height: 30px;
	color: #fff;
	text-transform: uppercase
}
.bannerline1{
	font-size: 20px;
	line-height: 25px;
}
.bannerarea1{
 	width: 270px;
	height: 155px;
}
.bannerarea3{
	width: 346px;
	height: 155px;
}
.bannerarea1 p.bannerline1, .bannerarea1 p.bannerline2{
	width: 200px;
}
.bannerarea3 p.bannerline1, .bannerarea3 p.bannerline2{
	width: 250px;
}
.subnavmiddle p{ background-color: #fff; width: 239px; padding: 5px; }

.banner a:hover, .banner a:active, .banner a:link{
	text-decoration: none;
	cursor: pointer;
}

.inner-columna{
	width: 180px;
	position: relative;
	float: left;
	margin: 20px 0 0 0;
}
.inner-columnb{
	position: relative;
	float: left;
	width: 410px;
	margin: 20px 0 0 20px;
}
.inner-columnc{
	width: 49%;
	position: relative;
	float: left;
}
.inner-columnd{
	width: 180px;
	position: relative;
	float: left;
	margin: 20px 0 0 0;
}
.inner-columne{
	width: 445px;
	position: relative;
	float: left;
	margin: 15px 0 0 0;
}
.detailimage {
float:left;
margin-top:10px;
margin-right:10px;
position:relative;
}

.productimage{
	width: 130px;
	position: relative;
	float: left;
	clear: left;
}
.productdetail{
	width: 510px;
	position: relative;
	float: left;
}
.productheader{
	clear: both;
	color: #dd2d21 !important;
	padding-bottom: 10px !important;
}

table.thumbnail{
	margin-top: 5px;
	border: 2px solid #D9D9D9;
}

table.thumbnail image{
	width: 20px;
	height: 20px;
	overflow: hidden;
	display:block; 
}