/* 
========================================================================
TEMPLATE.CSS
========================================================================
*/

/* --- Body - control position #container, allows centering of site -- */
body { text-align: center; padding: 0px; background: #91CC00 url(none) no-repeat; }

#container { display: block; margin: 0 auto; background: #073C70 url(../templateimages/body-bg.jpg) repeat-x left top; }

/* Contains rest of HTML */
#centrecontainer { width: 948px; text-align: left; margin: 0 auto; min-height: 100%; position: relative; }


/* --- Header section ------------------------------------------------ */
#header { height: 184px; margin: 0px; background: url(../templateimages/header.jpg); padding: 0px; 
}

#header #title {	height: 70px;	margin: 0px 10px 0px 10px;}

/* Top links */
#header2 .links { margin: 0px 10px 0px 10px; padding: 5px 0px 5px 0px; font-size: 10pt; position: absolute; top: 156px; left: 149px; width: 90px; text-align: right; }


#header2 .links li {	list-style: none;	display: inline;	margin: 0px;	padding: 0px;}

#header2 .links a:link, #header2 .links a:visited	{	position: relative;	text-decoration: none;	color: white;	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;	font-weight: bold;	margin: 0px 12px 5px 0px;	}


#header2 .links a:hover	{ position: relative; text-decoration: none; color: #FFCC00; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; }
#header2 .links2 { margin: 0px; padding: 2px 0px; display: block; position: absolute; left: 265px; top: 156px; }
#header2 .links2 li {	list-style: none;	display: inline;	margin: 0px;	padding: 0px;}

#header2 .links2 a:link, #header2 .links2 a:visited
	{ margin: 0px 10px 0px 0px; text-decoration: none; color: white; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; border-right: 1px solid #C3E9FC; padding-right: 10px; }


#header2 .links2 a:hover
	{ color: #A5D611; text-decoration: none; }


/* --- Entire page body section - everything below the header -------- */
#pagebody { padding: 0px; margin: 0px; background: url(../templateimages/repeat.jpg); }

/* Left hand section of page body (if you have one!) */
#left { width: 200px; margin: 0px; float: left; }

/* Dynamic page content section of page body */
#pagecontent { width: 425px; float: left; padding: 0 0 0 15px; }

#pagecontent_pad {	padding: 10px 5px 5px 0px;}

/* Right hand section of page body */
#right { width: 178px; margin: 0px; float: right; padding-top: 100px; }

/* --- Footer -------------------------------------------------------- */
#footer { padding-top: 20px; clear: both; text-align: left; width: 948px; margin-right: auto; margin-left: auto; background: url(../templateimages/footer.jpg); height: 200px; position: relative; }

/* Footer nav links */
#footer .links {	margin: 0px;}

#footer .links li {	list-style: none;	display: inline;}
	
#footer .links a {	font-size: 7pt;	padding: 2px;	margin-left: 3px;	margin-right: 3px;}

/* T&Cs text */
#terms { background-image: url(../templateimages/back_fade3.png); background-position: top left; background-repeat: no-repeat; padding-top: 10px; margin-bottom: 12px; font-size: 7pt; color: #999999; padding-right: 80px; padding-left: 0px; margin-left: 265px; }


/* --- language, currency menu and search box ------------------------ */
#languagemenu form select, #currencymenu form select, #prodtypemenuform select {	width: 168px;	margin: 0;	padding: 0;}
#searchbox input {	width: 148px;}
#searchbox #searchbutton {	width: 10px;	text-align: right;	margin: 0;	padding: 0;}

/* --- Template items ------------------------------------------------ */
#left_pad {	padding: 0px 5px 0px 8px;}
#left h2 {	margin: 10px 0px 5px 0px;	font-weight: bold;}

/* search and mailinglist forms */
#quicksearch form {	display: block;}

#left input.submit {	height: 22px;	width: 30px;}

#left input.text {	width: 95px;}

#mailinglist label#email {	display: block;	margin: 0px 0px 2px 0px;}

#mailinglist label#htmlemail {	display: block;	margin: 2px 0px 2px 0px;}

#right h2 {	margin: 10px 0px 5px 0px;	font-weight: bold;}
#header2 { font-size: 1.4em; }
.hrclear { clear: both; margin: 0px; padding: 0px; height: 1px; }
#footerwrap { background: url(../templateimages/footerwrap.jpg); height: 249px; }
#mid { background: url(../templateimages/mid.jpg) no-repeat; padding-right: 65px; padding-left: 50px; height: 100%; }
.hrclear hr { display: none; }
#flash { background: #C2E8FB; height: 250px; width: 200px; position: absolute; top: 22px; right: 50px; }
.products_shortened em.strapline { display: none; }

#minibasket { padding: 5px; background: #EEEEEE; }
.tuck { display: none; }
.sitemap a { display: block; border-bottom: 1px solid #FFFFFF; padding-bottom: 5px; padding-top: 5px; }

#clickr { background: url(../templateimages/clickr.png) no-repeat; height: 175px; width: 245px; position: absolute; top: 0px; right: 0px; z-index: 10000; margin: 0px; padding: 0px; }
#clickr span { display: none; }
#clickr li { list-style: none; margin: 0px; padding: 0px; }
#clickr a { display: block; height: 175px; width: 245px; margin: 0px; padding: 0px; }
#clickr ul { margin: 0px; padding: 0px; }
.versions .versionstable .alt .description { background: #E7F9AE; }
.versions .versionstable .description { background: #D7F578; }.pic-l { float: left; margin-right: 20px; margin-bottom: 10px; }
.RRP { }
#terms .big { font-size: 16px; font-weight: bold; }
#terms img { position: absolute; top: 30px; left: 70px; }
table.specs { background: #CCCCCC; font-weight: normal; }
.brands img { display: block; margin: 25px auto 0px; }
.brands a, .brands a:link, .brands a:visited, .brands a:active, .brands a:hover { color: #FFFFFF; }
img.back { padding-top: 20px; display: block; clear: both; }
#subscribe { padding: 10px; clear: left; margin-top: 10px; }
.inputform div .ifyouhaveone { float: none; }