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

/* --- Body - control position #container, allows centering of site -- */
body {
	text-align:center;
	background:#e4ede8 url(../templateimages/body_bg.gif) top repeat-x;
}
#inhalt { 	
	
}
#container {
	
}
#centrecontainer {
	width:950px;
	margin:0 auto;
	text-align:left;
}


/* --- Header section ------------------------------------------------ */
#top_bar_wrap {
	
}
#top_bar {
	width:908px;
	padding:10px 20px 0 20px;
	margin:11px auto 0 auto;
	overflow:hidden;
	background:#e6efea url(../templateimages/top_bar_bg.gif) bottom no-repeat;
	color:#7a7482;
}
#top_bar .text {
	float:left;
	width:600px;
	text-align:left;
	background:transparent;
}
#top_bar .link {
	float:right;
	width:290px;
	text-align:right;
	background:transparent;
}
#top_bar .link a {
	color:#7a7482;
}

#header {
	width:950px;
	height:160px;
	margin:0 auto 20px auto;
	padding:0;
	text-align:left;
	background:#fff url(../templateimages/header_bg.jpg) bottom no-repeat;
	position:relative;
}
#header h1#logo {
	width:310px;
	height:160px;
	margin:0;
	position:absolute;
	top:0;
	left:320px;
}
#header h1#logo a {
	width:310px;
	height:160px;
	text-indent:-9999px;
	display:block;
}
#header p#showroom {
	width:150px;
	height:70px;
	margin:0;
	padding:0;
	position:absolute;
	top:70px;
	right:0;
}
#header p#showroom a {
	width:150px;
	height:70px;
	text-indent:-9999px;
	display:block;
}

/* Top links */
#header_wrap {
	width:100%;
	background:#006e39 url(../templateimages/bar_bg.gif) bottom repeat-x;
	height:30px;
	margin:0;
	padding:3px 0 3px 0;
}
#header2 {
	width:930px;
	margin:0 auto;
	padding:0 10px;
	overflow:hidden;
}
#header2 #menulinks {
	float:left;
	width:660px;
	padding:0 0 0 10px;
}
#header2 .links {
	margin:0;
	padding:0;
	list-style:none;
	height:30px;
}
#header2 .links li {
	margin:0;
	padding:5px 15px 0 0;
	float:left;
	height:30px;
}
#header2 .links a:link, #header2 .links a:visited {
	color:#fff;
	font-size:1.2em;
	text-decoration:none;
	padding:1px 0 0 0;
	font-weight:bold;
	display:block;
}
#header2 .links a:hover, #header2 .links a:active {
	border-bottom:2px solid #fff;
}
#header2 #menusearch {
	float:right;
	padding:5px 10px 0 0;
}
#header2 #menusearch #searchstring {
	width:170px;
	background:#fff url(../templateimages/search_box_box.gif) no-repeat;
	border:none;
	padding:2px 2px 2px 10px;
	vertical-align:top;
	margin:0;
}


/* --- Entire page body section - everything below the header -------- */


/* Left hand section of page body (if you have one!) */
#left {
	width:200px;
	float:left;
	padding:0;
}
#left .leftfullmenu {
	width:200px;
	margin:0 0 10px 0;
	padding:15px 0 10px 0;
	/*background:#eef5f2 url(../templateimages/menu_top.gif) top no-repeat;*/
	background:#fff url(../templateimages/colours.gif) top repeat-x;
	/*background:#fff;*/
}
#left .leftfullmenu ul {
	margin:0;
	padding:0;
	list-style:none;
	/*background:#fff url(../templateimages/menu_bottom.gif) bottom no-repeat;*/
	/*background:#fff url(../templateimages/menu_bottom2.gif) bottom no-repeat;*/
}
#left .leftfullmenu ul li ul, #left .leftfullmenu ul li ul li ul, #left .leftfullmenu ul li ul li ul li ul { padding:0; }
#left .leftfullmenu ul li {
	margin:0;
	padding:0;
}
#left .leftfullmenu a:link, #left .leftfullmenu a:visited {
	display:block;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration:none;
	color:#333;
	margin:0;
	line-height:1.1em;
	border:none;
}
#left .leftfullmenu a:hover, #left .leftfullmenu a:active {
	background:#036f3b url(../templateimages/menu_hover.gif) center repeat-x;
	color:#fff;
}
.lvl0 {
	background:#fff;
	padding-left:10px;
	padding-right:10px;
	width:180px;
}
.lvl1 {
	background:#fff;
	padding-left:30px;
	padding-right:10px;
	width:160px;
}
.lvl2 {
	background:#fff;
	padding-left:50px;
	padding-right:10px;
	width:140px;
}
.lvl3 {
	background:#fff;
	padding-left:70px;
	padding-right:10px;
	width:120px;
}
.lvl4 {
	background:#fff;
	padding-left:90px;
	padding-right:10px;
	width:100px;
}
#left .leftmenu {
	width:180px;
	color:#333;
	padding:15px 10px 10px 10px;
	/*background:#eef5f2 url(../templateimages/menu_top.gif) top no-repeat;*/
	background:#fff url(../templateimages/colours.gif) top repeat-x;
}
#left .leftmenu_bot {
	padding:0;
	/*background:#eef5f2 url(../templateimages/menu_bottom.gif) bottom no-repeat;*/
}
#left #basketlinks a:link, #left #basketlinks a:visited { background:#fff; color:#333; }
#left #basketlinks a:hover, #left #basketlinks a:active { background:#e1e2f7; color:#333; }


/* Dynamic page content section of page body */
#pagebody {
	float:right;
	width:720px;
}
#pagecontent {
	width:720px;
}
#pagecontent a:link, #pagecontent a:visited { color:#556b4c; }
#pagecontent a:hover, #pagecontent a:active { color:#000; }
#pagecontent h1 {
	color:#5a6f4e;
	padding:0;
	margin:0 0 0.5em 0;
	font-size:2em;
	line-height:1.1em;
	letter-spacing:-1px;
}
#pagecontent h2 {
	color:#5a6f4e;
	padding:0;
	margin:0 0 0.5em 0;
	font-size:1.8em;
	line-height:1.1em;
	letter-spacing:-1px;
	font-weight:normal;
}
#pagecontent h3 {
	color:#5a6f4e;
	padding:0;
	margin:0 0 0.8em 0;
	font-size:1.3em;
	line-height:1em;
}
#pagecontent p {
	color:#333;
	padding:0;
	margin:0 0 1em 0;
	font-size:1.1em;
	line-height:1.5em;
}
#pagecontent ul {
	color:#333;
	margin-bottom:1em;
	font-size:1.1em;
	line-height:1.5em;
}
#pagecontent table {
	width:auto;
	margin:0 0 1em 0;
	font-size:1.1em;
	color:#333;
}
#pagecontent table th {
	padding:4px 10px;
	background:#ccdbd3;
	border:1px solid #b2cabe;
}
#pagecontent table td {
	padding:4px 10px;
	background:#fff;
	border:1px solid #b2cabe;
}
#pagecontent dt, #pagecontent dd {
	font-size:1.1em;
	line-height:1.5em;
}
#pagecontent dt {
	font-weight:bold;
}
#pagecontent .contactus {
	background:#f8f8f8;
	border:1px solid #d8dbdd;
	overflow:hidden;
	width:auto;
	padding:20px;
	display:block;
}
#pagecontent .contactus label {
	width:100px;
}

/* --- Div above cats and prods --- */
#pagecontent .top_cat_content {
	margin:5px 0 10px 0;
}
#pagecontent .top_cat_content p {
	font-size:1.1em;
	line-height:1.4em;
	color:#555;
	margin:0 0 1em 0;
	padding:0;
}
#pagecontent .top_cat_content .page_top_right {
	margin:0 0 0 10px;
	padding:0;
	text-align:center;
}
/* --- Product grid - Buy (ProdDisplayType=35) --- */
#pagecontent .prod_wrap {
	padding:0;
	margin:0;
}
#pagecontent .prod_wrap .product_imggrid_buy {
	border:1px solid #d4e2db;
	/*background:transparent url(../templateimages/prod_box.gif) top left no-repeat;*/
	background:#fff url(../templateimages/colours.gif) top repeat-x;
}
#pagecontent .prod_wrap .product_imggrid_buy a {
	background:transparent;
}
#pagecontent .prod_wrap .product_imggrid_buy .price {
	border:1px solid #ddd;
	margin:0 15px 15px 15px;
}
#pagecontent .prod_wrap .product_imggrid_buy .price p.title {
	background:#eee;
	color:#999;
	margin:0;
	padding:3px 0;
	line-height:1em;
}
#pagecontent .prod_wrap .product_imggrid_buy .price p.title span {
	font-size:0.8em;
}
#pagecontent .prod_wrap .product_imggrid_buy .price .vat p {
	color:#ff0000;
	margin:0;
	padding:7px 0 4px 0;
	line-height:1em;
}
/* --- Picture grid (CatDisplayType=22) --- */
#pagecontent .cat_wrap {
	padding:0;
	margin:0;
}
#pagecontent .cat_wrap .page_picgrid a img {
	border:2px solid #fff;
}
#pagecontent .cat_wrap .page_picgrid a span {
	bottom:15px;
}
#pagecontent .cat_wrap .page_picgrid a {
	border:1px solid #d4e2db;
	/*background:transparent url(../templateimages/cat_box.gif) top left no-repeat;*/
	background:#fff url(../templateimages/colours.gif) top repeat-x;
}
/* --- Product box --- */
#pagecontent .product_box {
	/*background:transparent url(../templateimages/prod_box_big.jpg) top left no-repeat;*/
	background:#fff url(../templateimages/colours.gif) top repeat-x;
	width:676px;
	margin:15px 0 0 0;
	padding:15px;
	border:none;
	border:1px solid #d4e2db;
}
#pagecontent .product_box .img200 {
	margin:0 10px 10px 0;
}
#pagecontent .product_box .img200 img {
	border:none;
	margin:0;
	padding:0;
	background:transparent;
	text-align:center;
}
#pagecontent .product_box .text {
	padding:0 0 0 15px;
	width:440px;
	font-size:1.1em;
}
#pagecontent .product_box .price_m {
	border:1px solid #ddd;
}
#pagecontent .product_box .price_m .title {
	background:#eee;
	color:#999;
	margin:0;
	padding:3px 0;
	line-height:1em;
}
#pagecontent .product_box .price_m .vat p {
	color:#ff0000;
	margin:0;
	padding:7px 0 4px 0;
	line-height:1em;
}
#pagecontent .product_box .text h3 {
	font-size:1.8em;
	line-height:1.2em;
	margin:0 0 0.3em 0;
	padding:0;
	color:#5a6f4e;
}
/* --- Search results --- */
#pagecontent .product {
	border-left:2px solid #586e4d;
	margin:0 0 10px 0;
	padding:5px 0 0 10px;
	background:#f8f8f8;
}
#pagecontent .product h2 {
	font-size:1.2em;
	line-height:1em;
	margin:0;
	padding:0;
	letter-spacing:0;
}
#pagecontent .product p {
	
}


/* --- Home page -------------------------------------------------------- */
#cp_home {
	width:360px;
	background:#e4ede8 url(../templateimages/home_bg.jpg) top no-repeat;
	padding:55px 50px 0 290px;
	min-height:176px;
}
#cp_home p {
	color:#760e12;
	line-height:1.2em;
}
#cp_opts {
	margin:30px 0 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:700px;
}
#cp_opts li {
	margin:0 15px 0 0;
	padding:5px 0 0 0;
	float:left;
	width:158px;
	min-height:200px;
	background:#fff url(../templateimages/colours.gif) top repeat-x;
}
#cp_opts li a:link, #cp_opts li a:visited {
	display:block;
	min-height:200px;
	text-indent:-9999px;
}
#cp_opts li a:hover, #cp_opts li a:active {
	
}
#cp_opts li a.opt01 { background:#fff url(../templateimages/home_opt_01.jpg) top left no-repeat; }
#cp_opts li a.opt02 { background:#fff url(../templateimages/home_opt_02.jpg) top left no-repeat; }
#cp_opts li a.opt03 { background:#fff url(../templateimages/home_opt_03.jpg) top left no-repeat; }
#cp_opts li a.opt04 { background:#fff url(../templateimages/home_opt_04.jpg) top left no-repeat; }


/* --- Contact -------------------------------------------------------- */
#pagecontent .no4easthorpe {
	float:right;
	margin:0 0 15px 20px;
	padding:0;
	border:1px solid #ccd8d1;
}
#pagecontent .no4easthorpe img {
	margin:0;
	padding:0;
}

/* --- Hire -------------------------------------------------------- */
#pagecontent .costumehire {
	width:710px;
	height:74px;
	padding:0;
	background:#e4ede8;
}
#pagecontent .costumehire a {
	display:block;
	text-indent:-9999px;
	background:#e4ede8 url(../templateimages/logo_costume_hire.gif) center no-repeat;
	width:710px;
	height:69px;
}

/* --- Footer -------------------------------------------------------- */
#footer_wrap {
	clear:both;
	margin:50px 0 50px 0;
}
#footer {
	width:950px;
	overflow:hidden;
	color:#7a7482;
}
#footer #footertext {
	margin:40px 0 0 0;
	padding:0;
	width:400px;
}
#footer #footertext a {
	color:#7a7482;
}
#footer #subfooter {
	border-top:1px solid #ccc;
	width:950px;
	margin:7px 0 0 0;
	padding:7px 0 0 0;
	clear:both;
	font-size:0.9em;
}
#footer #subfooter #copyrightinfo {
	float:left;
	text-align:left;
	line-height:1.2em;
	width:470px;
}
#footer #subfooter #addressinfo {
	float:right;
	text-align:right;
	line-height:1.2em;
	width:470px;
}


/* --- 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;
}
.pdfdownload{
	padding:2px;
	position:relative;
	float:left;
}
.promethean-accredited-partner {
	margin:10px 0 0 15px;
}

/* Contact form
--------------------------------------------------------------*/
#pagecontent .contactus {
	width:400px;
	float:left;
}
#pagecontent .contactus h2 {
	font-size:1.3em;
	margin:0 0 1em 0;
}
#strContactAddress { width:250px; height:70px; }
#strContactComments { width:250px; height:70px; }


/* Basket
--------------------------------------------------------------*/
#pagecontent div.baskettable table {
	width:100%;
}

/* ------------ Checkout and Basket ---------------------------------- */
#pagebody .carddetails {
	background:transparent;
	border:none;
}