/* Resets */
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, span, fieldset, legend, blockquote { margin: 0; padding: 0; }
li { list-style: none; margin: 0px; padding: 0px; }
img { border: none; }
a, a:link, a:visited, a:active, a:hover { text-decoration: none; font-weight: bold; color: #E72025; outline: none; }
a:hover { color: #333; }
hr, span, .plain-only{	display:none;}
body { margin: 0px; color: #333; font: 72.5% Arial, Helvetica, sans-serif, "Trebuchet MS", Verdana; background: #FFF url(images/mainwrap.png) repeat-x; }


/* General Stuff */
#mainwrap { background: #000000 url(images/mainwrap.jpg) repeat-x; }
#container { width: 921px; margin-right: auto; margin-left: auto; padding-top: 0px; position: relative; background: #FFFFFF; border-right: none #CCCCCC; border-left: none #CCCCCC; border-top-style: none; border-bottom-style: none; }
#top { background: url(images/top.png) no-repeat; height: 88px; }
.hrclear, .hrclear-show { clear: both; margin-bottom: 9px; }
.hrclear-show { display:block; height: 1px; margin-right: 0px; margin-left: 0px; background: #999999; margin-bottom: 9px; }
.hrclear-show-btm { display:block; height: 1px; margin-right: 0px; margin-left: 0px; background: #999999; margin-top: 9px; margin-bottom: 0px;}
p { padding-bottom: 9px; line-height: 140%; }
ol li { padding-bottom: 5px; border-bottom: 1px dashed #D6D6D6; padding-top: 4px; }
span.lc { display:inline; text-transform: lowercase; }
p.error { color:#930;}
p.date { font-weight: normal; color: #5E5F63; margin: 0px 0px 5px; padding: 0px 0px 3px; display: block; border-bottom: 1px dotted #E9E9EA; font-size: 0.85em; }
p.summary { margin: 0px 0px 9px; padding: 0px 0px 9px; }
a.newslink { display: block; padding-bottom: 2px; }
.logolink { position: absolute; height: 55px; width: 200px; left: 20px; top: 10px; }
.hidden {display:none;}#newslsub { width: 30px; }
#mailbuild { padding-left: 9px; padding-top: 5px; }
.onecol-rr p { font-weight: normal; }
.innerpixers {padding:20px;}
.pic-l { float: left; margin-right: 20px; margin-bottom: 15px; }
.pic-r { float: right; margin-left: 20px; margin-bottom: 15px; }



/*Header - This is the menu at the top */
#header { background: url(images/header.png); }
#header h2 { font-size: 1.2em; padding-bottom: 5px; }
#header h2.green { color: #8BB72C; }
#header h2.red { color: #FFF; }
#header .box { width: 199px; margin-left: 9px; float: left; padding: 10px; height: 84px; display: block; }
#header .box li { }

#header .box .enq a, 
#header .box .enq a:link, 
#header .box .enq a:visited, 
#header .box .enq a:active,
#header .box .reg a,
#header .box .reg a:link,
#header .box .reg a:visited,
#header .box .reg a:active 
{ color: #FFF; font-weight: normal; background: url(/templates/images/enq.jpg) no-repeat center center; padding-left: 0px; display: block; height: 20px; padding-top: 5px; text-align: center; }

#header .box .reg a,
#header .box .reg a:link,
#header .box .reg a:visited,
#header .box .reg a:active { background: url(/templates/images/reg.jpg) no-repeat center 0px; }

#header .box .enq a:hover {color: #000;}
#header .box .reg a:hover {color: #000;}

#header .box .enq { margin-bottom: 9px; margin-top: 12px; background: center; padding: 0px; }
#header .box ul { padding-left: 10px; }

.banner { margin-top: 0px; margin-bottom: 0px; padding: 0px 0px 0px 9px; }


/*main nav at top*/
#mainnav{ position: absolute; right: 0px; top: 3px; }
#mainnav li {display: inline;}
#mainnav li a, #mainnav li a:link, #mainnav li a:visited, #mainnav li a:active { float: left; width: 70px; display: block; text-align: left; color: #FFF; text-transform: uppercase; padding-left: 50px; padding-top: 8px; font: normal 8pt Tahoma, Geneva, sans-serif; }

/*product subnav*/
#pagecontent #subnav { background: #999999; padding: 2px; }
#subnav a, #subnav a:link, #subnav a:visited, #subnav a:active { color: #FFFFFF; background: url(images/subnav-off.jpg) repeat-x; display: block; height: 20px; padding-left: 25px; padding-top: 3px; font-weight: bold; }
 { color: #FFFFFF; background: url(images/subnav_off.jpg) repeat-x; display: block; height: 20px; padding-left: 10px; padding-top: 7px; font-weight: bold; }
#subnav a:hover { color: #999; background: url(images/subnav-on.jpg) repeat-x; display: block; height: 20px; padding-left: 25px; padding-top: 3px; font-weight: bold; }
#subnav ul a, #subnav ul a:link, #subnav ul a:visited, #subnav ul a:active { color: #000; display: block; height: 17px; padding-left: 10px; padding-top: 5px; font-weight: normal; background: #BCBCBC repeat-x; border-bottom: 1px solid #E2E2E2; }
 { color: #FFFFFF; background: url(images/subnav_off.jpg) repeat-x; display: block; height: 20px; padding-left: 10px; padding-top: 7px; font-weight: bold; }
#subnav ul a:hover { color: #000; background: url(images/subnav_on.jpg) repeat-x; display: block; height: 17px; padding-left: 10px; padding-top: 5px; font-weight: normal; }
#pagecontent #subnav li { background: url(none); padding-left: 0px; padding-bottom: 0px; padding-right: 0px; }
#pagecontent #subnav li ul li { background: url(none); padding-left: 0px; padding-bottom: 0px; padding-right: 0px; margin: 0px; }
#pagecontent #subnav, #pagecontent #subnav ul { margin: 0px; padding: 0px; }

/*cols*/
.fourcol-wide{ margin-left: 9px; background: url(images/cols-2-bg.png) repeat-x; float: left; padding: 20px; }
.fourcol .box { width: 219px; margin-left: 9px; float: left; background: url(images/4colbox-bg.jpg) no-repeat left top; }
.fourcol .box.pad { width: 199px; padding: 10px; }
.twocol-r { float: left; margin-left: 9px; width: 447px; display: block; margin-top: 9px; margin-bottom: 9px; }
.fourcol h3 { font-size: 1em; padding-bottom: 9px; }
.threecol {width: 635px; margin-left: 9px; background: url(images/cols-2-bg.png) repeat-x; padding: 20px; float: left;}
.twocol { width: 407px; margin-left: 9px; background: url(images/cols-2-bg.png) repeat-x; padding: 20px; float: left; }
.twocolnopad { width: 447px; margin-left: 9px; background: url(images/cols-2-bg.png) repeat-x; padding: 00px; float: left; }
.onecol-rr { width: 219px; float: left; margin-left: 9px; }
.onecol-r { float: left; width: 219px; margin-left: 9px; }
.onecol-r p { padding-right: 9px; padding-left: 9px; }



/*Headings*/
h3{ font-size: 1.5em; padding-bottom: 18px; font-weight: bold; text-transform: capitalize; }
h4 {font-size: 1.3em; padding-bottom: 9px; font-weight: bold;}
h5 { font-size: 1em; padding-bottom: 9px; }
#footer { background: url(images/footer.jpg) no-repeat; height: 250px; position: relative; }
p.red { color: #DF3035; }
#header .box a, #header .box a:link, #header .box a:visited, #header .box a:active { color: #FFF; font-weight: normal; background: url(/templates/images/white-bullet-aro.gif) no-repeat 0px 3px; display: block; padding-left: 15px; }
#header .box a:hover { color: #000; font-weight: bold; background: url(/templates/images/white-bullet-aro.gif) no-repeat 1px 3px; display: block; }

.credits { position: absolute; top: 156px; font-size: 80%; line-height: 120%; right: 18px; text-align: right; }
#footerlogos { position: absolute; top: 170px; left: 18px; }
#footerlogos img { float: left; margin-left: 30px; }
#footerlogos #hostuk-logo { padding-top: 15px; }
.box pad ul li { padding-bottom: 9px; }
#pagecontent li { background: url(/templates/images/grey_bullet_point.gif) no-repeat 0px 3px; padding-left: 20px; padding-bottom: 10px; padding-right: 20px; }
#pagecontent ul { padding-left: 0px; padding-bottom: 15px; }

#pagecontent span { display: inline; }



/*Featured stuff*/
#featured_product { background: url(/templates/images/featured-box.jpg) no-repeat; margin-top: 18px; margin-bottom: 18px; padding-top: 0px; border: 1px solid #C8C8C8; padding-bottom: 0px; }
#featured_product h5 { color: #F2795E; display: block; width: auto; font-size: 1.4em; font-weight: bold; padding: 25px 18px 9px; }
#featured_product p a { }
#featured_product h4 { color: #999; font-size: 1em; font-weight: normal; background: url(/templates/images/featured_product-h5-dots.jpg) no-repeat right 6px; padding-top: 1px; text-align: right; padding-right: 35px; padding-bottom: 9px; }
#featured_product .box { background: url(/templates/images/featured-box-btm.jpg) no-repeat bottom; }
.hr-featured-btm { background: url(/templates/images/featured-box-btm.jpg) no-repeat bottom; height: 100px; }

#featured_product p { padding-right: 18px; padding-left: 18px; }
#featured_product a, 
#featured_product a:link, 
#featured_product a:visited, 
#featured_product a:active { background: url(/templates/images/red-bullet-aro.gif) no-repeat 18px 3px; display: block; padding-left: 28px; }

.product_link a,
.product_link a:link,
.product_link a:visited,
.product_link a:active { background: url(/templates/images/red-bullet-aro.gif) no-repeat 0px 3px; display: block; padding-left: 12px; }

.product_link { background: url(/templates/images/product-triangle.jpg) no-repeat; padding-left: 30px; margin-bottom: 18px; padding-top: 10px; }
.product_link h5 { color: #F37454; font-size: 1.4em; }

#featured_box { background: url(/templates/images/featured-box_notxt.jpg) no-repeat right top; margin-top: 18px; margin-bottom: 18px; padding-top: 0px; border: 1px solid #C8C8C8; padding-bottom: 0px; }
#featured_box h5 { color: #F2795E; display: block; width: auto; font-size: 1.4em; font-weight: bold; padding: 25px 18px 9px; }
#featured_box p a { }
#featured_box h4 { color: #999; font-size: 1em; font-weight: normal; background: url(/templates/images/featured_product-h5-dots.jpg) no-repeat right 6px; padding-top: 1px; text-align: right; padding-right: 35px; padding-bottom: 9px; }
#featured_box .box { background: url(/templates/images/featured-box-btm.jpg) no-repeat bottom; }

#featured_box .box { background: url(/templates/images/featured-box-btm.jpg) no-repeat bottom; }
.hr-featured-btm { background: url(/templates/images/featured-box-btm.jpg) no-repeat bottom; height: 100px; clear: both; }

#featured_box p { padding-right: 18px; padding-left: 18px; }
#featured_box .pic-l { margin-left: 20px; margin-top: 10px; }




/* FAQ Styles */
.faq {  padding: 10px 0 0 0px;}
.faq h4 {	margin-bottom: .5em;}
.faq dt { margin-top: -1px; border: solid 1px #c4c4c4; padding: 4px 10px 4px 10px; font-weight: bold; line-height: 140%; cursor: pointer; font-size: 1.2em; }
.faq dt.faqClosed {  color: #3c3c3c !important;  background: #ffffff  !important;}
.faq dt.faqOpen { color: #333; background: #E9E9EA; }
.faq dd { display: block; margin: 0; padding: 0 18px; overflow: hidden; line-height: 140%; }
#faq dd { line-height: 140%; padding-top: 9px; }
.faq .faqToTop {	display: block;	text-align: right;	padding-bottom: 4px;  font-size: 0.75em;}
.faq .faqHide, .faq .faqShow {	display: block;	margin: 6px 0;	padding: 0 0 0 28px;	background: url(/templates/images/minus.gif) no-repeat 5px 50%;	font-weight: bolder;	text-decoration: none;}
.faq .faqShow {	background-image: url(/templates/images/plus.gif);}

/* General Form Styles */
.twocol form { margin: 0px 0px 20px; font-size: 100%; width: 407px; }
.twocol fieldset { border: 1px solid #CCCCCC; padding: 10px;  }
.twocol legend { padding: 5px; font-weight: bold; color: #EE2710; }
.twocol label { display: block; margin: 5px 0 4px 0; }
.twocol label.check { display: block; width: 300px; float: left; margin: 0px; padding: 0px; border-bottom: 1px dotted #E9E9EA; }
.twocol textarea, .twocol input { border: 1px solid #999999; font: .85em Verdana, Arial, Helvetica, sans-serif; margin: 0; background: #FFFFFF url(images/formshadow.jpg) left top; padding: 3px; color: #333; }
.twocol select { }
.twocol input.check { background: none; border: none; width: auto; margin: 6px 4px 0 4px; }
.twocol input.submit{ color:#000; background: #E9E9EA; width: 150px; border: 1px outset #FFFFFF; font: bold 1em Arial, Helvetica, sans-serif; margin-top: 10px; }
.twocol input.submit:hover {color:#000000; cursor:pointer;cursor:hand;}
.twocol .form .Submit { width: 100px; background: #CCCCCC url(images/submit.jpg) left top; font-weight: bold; text-transform: uppercase; height: 24px; color: #FFFFFF; margin-top: 15px; border-style: none; cursor:hand; cursor:pointer;}
.product_link h5 a, .product_link h5 a:link, .product_link h5 a:visited, .product_link h5 a:active { background: url(none); padding-left: 0px; color: #E62025; }
.product_link h5 a:hover {color: #707070;}
h4.menu { color: #CCC; background: url(images/box-top-bg.jpg); font-size: 12px; height: 26px; margin: 0px; padding: 6px 0px 0px 15px; }

.menuhr { background: url(images/subnav-hr.jpg); height: 7px; }