/************** get rid of native margins **************/

*
{
	margin: 0;
	padding: 0;
}


/************** put new margins in **************/

p, h1, h2, h3, h4, h5, ul
{
	padding-bottom: 1em;
}

li
{
	margin-left: 20px;
	margin-bottom: 0.5em;
}


/************** page layout basics **************/

html, body 
{
	font-family: arial,helvetica,sans-serif;
}

img
{
	border: none;
}


/************** general **************/

.invisible
{
	display:none;
}

.clear
{
	clear: both;
}


/************** body / inner **************/

body
{
	background-color:#fff;
}

#inner1
{
	width:760px;
	margin:0 auto;
	padding-bottom:40px;
}

/************** masthead **************/

#masthead
{
	float:left;
	display:inline;
	width:760px;
	background:#fffdff url(../images/mastheadbg.gif) repeat-y top left;
}

#masthead-top
{
	float:left;
	display:inline;
	background:url(../images/masthead-top.gif) no-repeat top left;
}

#masthead-bottom
{
	float:left;
	display:inline;
	width:760px;
	height:11px;
	background:url(../images/masthead-bottom.gif) no-repeat bottom left;
}

#logolink
{
	float:left;
	display:inline;
}

#masthead .right
{
	float:left;
	display:inline;
	width:660px;
	text-align:right;
}

#masthead img.focusedon
{
	position: relative;
	left: -33px;
	top: 10px;
}

#tagline,
#masthead h1
{
	color:#fff;
	font-size:1.8em;
	font-weight:normal;
	margin:10px 24px 0 0;
	padding:0;
}
#masthead #logolink img{
	padding-top: 7px;
	padding-bottom: 7px;
}

#mastheadnav
{

	margin: 20px 0 0 81px;
	padding:0;
	float:left;
	display:inline;
}

#mastheadnav li
{
	list-style:none;
	margin:0 24px 0 0;
	padding-bottom:5px;
	float:left;
	display:inline;
	font-weight:bold;
	text-transform:uppercase;
}

#mastheadnav li a
{
	font-size: 0.7em;
	color:#000;
	text-decoration:none;
}


/************** topnav **************/

#topnav
{
	position:relative;
	clear:both;
	float:left;
	width:760px;
	height:29px;
	background-color:#ee1c25;
	/* this is a fallback - there should be a background image - see .topnav-threecol below */
	margin:12px 0 0 0;
}


.topnav-onecol
{
	background:url(../images/topnav-onecolbg.gif) no-repeat bottom left;
}

.topnav-threecol
{
	background:url(../images/topnav-threecolbg.gif) no-repeat bottom left;
}

#topnav ul
{
	float:left;
	display: inline;
	padding:0;
	margin:4px 0 0 14px;
}

#topnav li
{
	list-style:none;
	float:left;
	margin:0 18px 0 0;
	font-size:x-small;
	text-transform:uppercase;
	letter-spacing:-0.1em;
}

#topnav li.products
{
	margin-right:128px;
}

#topnav li.last
{
	margin-right:0;
}

#topnav li a
{
	text-decoration:none;
	color:#fff;
}

#searchform
{
	margin:3px 0 0 14px;
	position:absolute;
	top:-1px;
	right:16px;
}

#searchform label
{
	float:left;
	font-size:x-small;
	color:#fff;
	text-transform:uppercase;
	margin:2px 4px 0 0;
	letter-spacing:-0.1em;
}

#searchform div
{
	float:left;
}

#searchform input
{
	float:left;
	height:10px;
	width:90px;
	font-size:x-small;
}

/************** 3 columns **************/

#threecol-leftcol,
#threecol-centrecol,
#threecol-rightcol
{
	float:left;
	display:inline;
}

#threecol-leftcol
{
	width:188px;
}

#threecol-centrecol
{
	width:462px;
}

#threecol-rightcol
{
	width:100px;
}


/************** 1 column **************/

#onecol
{
	clear:both;
	padding-bottom:20px;
	background:url(../images/onecolbg.gif) repeat-y top left;
}

/************** products navigation **************/

#productsnav
{
	background:url(../images/productsnavbg.gif) repeat-y top left;
	padding:4px 0px 10px 8px;
}

#productsnav li
{
	list-style:none;
	font-size:x-small;
	text-transform:uppercase;
	width:152px;
	margin:0 0 8px 0;
	padding:0 0 0 8px;
	border:1px solid #ee1c24;
}

#productsnav li.last
{
	margin-bottom:0px;
}

#productsnav li a
{
	color:#fff;
	text-decoration:none;
	display:block;
	
}

#productsnav li:hover,
#productsnav li.selected
{
	border:1px solid #fff;
}

#productsnav li.last:hover
{
	margin-bottom:-2px !important;
}

#productsnav-bottom
{
	background:url(../images/productsnav-bottombg.gif) no-repeat top left;
	height:16px;
}

/************** general page / content blocks **************/

.generalpage
{
	margin: 0px;
	float: left;
}

.generalpage h2,
.contentblock h2
{
	font-size:1em;
	font-weight:bold;
	color:#ed1c24;
	padding:0 0 0 0px;
}

.contentblock
{
	font-size:0.7em;
	margin: 20px 35px 0 0px;
	line-height:1.5em;
}

#onecol .contentblock
{
	margin-left:192px;
}


.contentblock a
{
	color:#ed1c24;
}

.rightblock a
{
	color:#ed1c24;
	font-size: 0.7em;
}

.firstcontentblock
{
	margin-top:0;
}

.rightblock h3,
.contentblock h3
{
	font-size:1.1em;
	font-weight:normal;
	color:#231f20;
	padding:0;
}

.contentblock img
{
	border:1px solid #ee1c24;
	margin:5px 0;
}

.contentblock img.imageright
{
	float:right;
	margin-left:10px;
}

.contentblock img.imageleft
{
	float:left;
	margin-right:10px;
}

.contentblock img.fullsize
{
	float:none;
	width:406px;
}

.contentblock img.largesize
{
	width:200px;
}

.contentblock img.smallsize
{
	width:120px;
}

.contentblock .relatedlink,
.contentblock .download
{
	clear:both;
	margin-top:5px;
}

.relatedlinks,
.downloads
{
	display: block;
	clear: both;
}

.relatedlinks h3,
.downloads h3
{
	font-size: 1em;
	padding: 0;
	text-transform: uppercase;
	color: #ed1c24;
	margin-bottom: 5px;
}

.relatedlinks ul,
.downloads ul
{
	list-style: none;
	
}
.relatedlinks ul li,
.downloads ul li
{
	margin-left: 0px;
	line-height: 1.1em;
}
/************** homepage **************/

.topnav-home
{
	background-image:url(../images/topnav-homebg.gif) !important;
}

.threecol-centrecol-home
{
	background:#fff url(../images/centrecolbg-home.gif) no-repeat top right;
}

.threecol-rightcol-home
{
	background-color:#e7e8ea;
}

#homeheader
{
	color:#ed1c24;
	font-weight:normal;
	padding:0;
	margin:0 0 0 4px;
}

#homeheader .topfloor
{
	display:block;
	font-size:xx-large;
}

#homeheader .groundfloor
{
	display:block;
	font-size:large;
	padding:0;
}

#hatdrop
{
	width:240px;
	margin-left:4px;
}

#hatdrop p
{
	font-size:x-large;
	color:#ee1c24;
	padding:0;
	text-transform:lowercase;
}

#hatdrop .topfloor
{
	margin:100px 0 0 0;
}

#manufacturers-home li
{
	list-style:none;
	margin:0 0 30px 0;
}


/************** rh blocks **************/

.rhblock
{
	margin:10px 4px 20px 4px;
	font-size:0.7em;
	line-height:1.5em;
}

.rhblock h3,
.rhblock h3 a
{
	font-size:x-large;
	font-weight:normal;
	text-transform:lowercase;
	text-decoration: none;
	line-height: 1em;
	color:#ed1c24;
	padding:0;
	margin-bottom:15px;
}

#twocol-rightcol
{
	float: left;
	width: 555px;
	margin-left: 5px;
	
}

#twocol-rightcol .mainpagearea
{
	float: left;
	width: 440px;

}

#twocol-rightcol .rhblock
{
	width: 95px;
	float: right;
	margin: 0px;
	padding: 0px;
}

/************** productlist **************/

.noimage
{
	width: 120px;
	height: 100px;
	float: left;
	display: inline;
	height: 1px;
	margin-right: 15px;
}

#twocol-rightcol h2
{
	font-size:1em;
	font-weight:bold;
	color:#ed1c24;
	padding: 0 0 0 0px;
	margin-top: 10px;
}

#productlist 
{
	margin: 0px;
	float: left;
}

#productlist .btn_enquire
{
	margin-bottom: 10px;
}

#productlist .product
{
	clear:both;
	float:left;
	display:inline;
	margin-bottom:20px;
	width: 565px;
}

#productlist .product .left
{
	float:left;
	display:inline;
	width: 150px;
	padding: 0px;
}

#productlist .product .productimage
{
	float:left;
	display:inline;
	width:135px;
	padding: 0px;
	margin: 0px;
		
}

#productlist .product .blurb
{
	float:left;
	display:inline;
	width: 255px;
	background:url(../images/productlist-blurbbg.gif) no-repeat top left;
	margin-left:16px;
	font-size:0.6em;
	color:#231f20;
}

#productlist .product .blurb h4
{
	font-size: 1.2em;
	font-weight: bold;	
}


#productlist .product .blurb p,
#productlist .product .blurb a,
#productlist .product .blurb h4
{
	margin: 5px 5px 5px 5px; 
}


#productlist .product .moreinfo
{
	display:block;
	color:#f0444b;
	border:1px solid #f0444b;
	width:6em;
	text-align:center;
	float:right;
	display:inline;
	margin: 5px 0 0 0;
}

#productlist .product h2
{
	padding:0px;
}

#productlist .product h2 .make
{
	display:block;
	font-size:medium;
	color:#ed1c24;
	font-weight:bold;
	text-decoration: none;
}


#productlist .product .model,
#productlist .product .type
{
	font-size:medium;
}

#productlist .product .moreinfo
{
	text-decoration:none;
}

/* brand page */

#brandcontainer .logo
{
	float: left;
	margin-top: 10px;
}

#brandcontainer .logo img
{
	float: right;
	clear: none;
}

#brandcontainer .logo h2
{
	width: 460px;
	float: left;
}

/* product details styles */

.generalproductinfo
{
	font-size: small;
	margin-top: 10px;
}

.generalproductinfo .lhcol
{
	float: left;
	width: 170px;
	margin-right: 5px;
}

.generalproductinfo .rhcol
{
	float: right;
	width: 260px;
	margin-right: 5px;
}

.generalproductinfo .rhcol img
{
	border: 0px solid #ee1c24;
	
}

.generalproductinfo .infoline
{
	clear: both;
	width: 160px;
	float: left;
	margin-bottom: 3px;
}

.generalproductinfo .infoline span.label
{
	width: 50px;
	display: block;
	clear: none;
	float: left;
	
	font-weight: bold;
	color: #ee1c24;
}

.generalproductinfo .infoline span.info
{
	width: 95px;
	float: right;
}

.detailedproductinfo
{
	float: left;
	clear: both;
}

.detailedproductinfo a
{
	color:#ed1c24;
	font-size: 0.7em;
}

/* news, case study listing styles */

#newslist,
#casestudylist

{
	font-size: small;
	width: 555px;
}

#newslist .article,
#casestudylist .casestudy
{
	margin-bottom: 15px;
	float: left;
	clear: both;
	width: 555px;
}



#newslist .article img,
#casestudylist .casestudy img
{
	float: left;
	border: 1px solid #ee1c24;
}

#newslist .article .info,
#casestudylist .casestudy .info
{
	float: right;
	width: 420px;
	margin-left: 5px;
	background: url(../images/generalpagebg.gif) repeat-x;
}

#newslist .article .info h2,
#newslist .article .info span.date,
#newslist .article .info .intro,
#casestudylist .casestudy .info h2,
#casestudylist .casestudy .info .intro
{
	margin-left: 5px;
}

#newslist .article .info h2,
#casestudylist .casestudy .info h2
{
	color: #ee1c24;
	margin-top: 5px;
}
#newslist .article .info a h2,
#casestudylist .casestudy .info a h2
{
	text-decoration: none;
}
#newslist .article .info span.date
{
	color: #ee1c24;
	font-size: .8em;
}
#newslist .article .info .intro,
#casestudylist .casestudy .info .intro
{
	font-size: .8em;
	margin-top: 5px;
}



/* newspage styles */

.generalpage h2 span.date
{
	font-size: small;
	margin-right: 20px;
}



/* case study page styles */


/*
#casestudy h1 span.date
{
	color: #ee1c24;
	font-size: small;
	margin-right: 20px;
}*/

#casestudy .infoline
{
	font-size: 0.8em;
	padding-bottom: 3px;
}

#casestudy .infoline .label
{
	color: #ee1c24;
	width: 100px;
}

/* paging styles */

.pagingdetails
{
	font-size: small;
}

.paginginfo
{
	font-style: italic;
}

.disabledpage
{
	color: #ccc;
}

.selected_page
{
	font-weight: bold;
}

.pagenumber
{
	color: #ee1c24;
}

/* breadcrumbs styles */

#breadcrumbs
{
	font-size: 0.6em;
	float: left;
	margin-left: 5px;
}

#breadcrumbs a
{
	color: #ee1c24;
}

#breadcrumbs a:hover
{
	text-decoration: none;
}

#breadcrumbs span.divider
{
	margin-left: 5px;
	margin-right: 5px;
	color: #ee1c24;
}

/* search results page styles */

.result
{
	font-size: 0.8em;
	margin-bottom: 5px;
}

.result a
{
	color: #ee1c24;
	display: block;
}

.result a:hover
{
	text-decoration: none;
}


/***************************** 
					MEDIA ZONE 
******************************/

div.inputline
{
	margin: 0px 0px 0px 0px; 
	padding: 2px 0px 1px 0px;
	float: left;
	clear: left;
	display: inline;
	width: 100%;
}

.inputline label
{
	width: 180px;
	float: left;
	clear: left;
	font-size: small;
	font-weight: bold;
	color: #ee1c24;
}

.inputline input,
.inputline textarea,
.inputline select
{ 
	float: left;
	font-size: small;
	font-family: arial,helvetica,sans-serif;
}

.inputline input
{ 
	width: 170px;
}

.inpSubmit
{
	float: left;
	clear: both;
}


/*  -------------------------------------------------
	error notifications and messages
	-------------------------------------------------  */


.inputline .errorfield {
	border: 2px solid #f00;
}

.inputline .error
{
	text-decoration: none;
	color: #f00;
	margin-bottom: 2px;
	float: left;
	clear: left;
	margin-left: 180px;
	width: 200px;
}
.inputline .error span {
	font-size: 11px;
}	




/**************/

.mediazonetree
{
	
}

.mediazonesection
{
	float: left;
	margin-top: 25px;
}



.mediazonesection h3
{
	font-size: .9em;
	font-weight: normal;
	color:#ed1c24;
	padding: 0 0 0 0px;
}

.mediazonesection .introtext
{
	font-size: 0.6em;
}

.mediazonesection .mediazoneitem
{
	margin-left: 20px;
	margin-top: 10px;
	float: left;
}

.mediazoneitem img
{
	float: left;
	border: 1px solid #ed1c24;
}

.mediazoneitem .articleinfo
{
	float: right;
	width: 290px;
	
	font-size: 0.8em;
	background: url(../images/generalpagebg.gif) repeat-x top left;
}

.mediazoneitem .moreinfo
{
	display:block;
	color:#f0444b;
	border:1px solid #f0444b;
	width:6em;
	text-align:center;
	float:right;
	display:inline;
	margin: 5px 5px 5px 0;
	font-size: .8em;
	text-decoration: none;
}

.articleinfo h3,
.articleinfo .introtext
{
	margin-left: 5px;
	margin-right: 5px;
	font-size: 0.8em;
}
.articleinfo h3
{
	margin-top: 5px;
}


/* enquiry forms' styles */

form.enquiryform
{
	margin-top: 15px;
}

div.enquiryinputline,
.enquiryinputline-checkbox
{
	margin: 0px 0px 0px 0px; 
	padding: 2px 0px 1px 0px;
	float: left;
	clear: left;
	display: inline;
	width: 100%;
}

.enquiryinputline label
{
	width: 200px;
	float: left;
	font-size: small;
	font-weight: bold;
	color: #ee1c24;
}

.enquiryinputline input,
.enquiryinputline textarea
{
	width: 325px;
	float: left;
	font-family: Arial;
	font-size: 0.8em;
}


.enquiryinputline-checkbox label
{
	width: 330px;
	float: right;
	font-size: small;
	font-weight: normal;
	color: #000;
}

.enquiryinputline-checkbox input
{
	float: left;
	margin-left: 200px;
}


.radioline
{
	clear: none;
	float: left;
	margin-left: 200px;
}

.radioline input
{
	float: left;
	clear: none;
	width: 25px;
}

.radioline span
{
	width: 330px;
	float: right;
	font-size: small;
	font-weight: normal;
	color: #000;
}

.enquiryinputline .errorfield {
	border: 2px solid red;
}

.enquiryinputline .error span.errornotification {
	font-size: 0.7em;
	color: red;
	float: left;
	margin-left: 200px;
}
#litho-suppliers{
	margin-top: 8px;
}
#litho-suppliers .holder{
	width: 252px;
	float: left;
	margin-left: 11px;
	margin-right:14px;
}
#litho-suppliers .holder .dropwrap{
	background-image: url(/images/backgroundfade.gif);
}
#litho-suppliers .holder .dropwrap img{
	border: 1px solid black;
	margin-bottom: 6px;
}
#litho-suppliers .holder span.label{
	text-align: center;
	display: block;
	width: 240px;
	font-size: 0.7em;
	color: black;
	background: white;
}

#litho-suppliers .left{
	margin-left: 15px;
}
#litho-suppliers .right{
	margin-left: 45px;
}