/* base */
.clearer
{clear:both;}


.dblock
{display:block;}

p.right
{text-align:right;}

.nomargin
{margin:0px;}

.noborder
{border:0 none !important;}

.nopadding
{padding:0;}

.marginright
{margin-right:10px;}

.bigmarginright
{margin-right:20px;width:240px;}

.marginleft
{margin-left:10px;}

.margintop
{margin-top:10px;}

.marginbottom
{margin-bottom:10px;}

.bigmarginbottom
{margin-bottom:20px;}

img.marginright
{margin-right:20px;}

img.marginbottom
{margin-bottom:10px;}

.left
{float:left;}

/* box */
.box
{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:10px;
}

.column
{width:50%;	float:left;}
.column p {
	margin-right: 1em;
}

.box h3
{padding:5px 0px 5px 0px;}

.box a
{color:#000000;}

.boxHeader
{
	margin:5px 0px 10px 0px;
	padding:5px;
	color:#ffffff !important;
}

.boxLink
{
	display:block;
	margin:10px 0px 0px 0px;
	padding:3px;
	color:#ffffff !important;
	font-size:0.9em;
}

.boxLinkList
{}

.boxLinkList ul
{list-style:none;}
.boxLinkList ul li
{}
.boxLinkList ul li a
{
	display:block;
	margin:5px 0px 0px 0px;
	padding:3px;
	font-size:1em;
	text-align:center;
	font-weight:bold;
}

.boxLinkList ul li a:hover
{color:#ffffff !important;}

.box .block
{
	margin:10px 0px 0px 0px;
	padding:0;
}

.box .block p
{
	color:#000000;
	font-size:0.9em;
}

.box .list dt
{
	padding:5px 0px 5px 5px;
	float:left;
	clear:left;
	width:50%;
	font-size: 0.9em;
	line-height: 1.2em;
	color: black;
}

.box .list dd
{
	padding:5px 5px 5px 0px;
	font-size: 0.9em;
	line-height: 1.2em;
	color: black;
}


#details
{}

#pricechart
{}



/* general forms */
.message
{
	color:#ffffff !important;
	background-color:#EF6868;
	padding:5px;
	font-size:0.9em;
	font-weight:bold;
	line-height: 1.2em;
}

.message a
{color:#ffffff !important;}

.message a:hover
{color:#AF0000 !important;}

label
{
	float:left;
	clear:left;
	display:block;
	font-size:0.75em;
	line-height: 1.5em;
	font-weight:bold;
	text-transform:uppercase;
	width: 80px;

}

.simple_error
{ vertical-align:top; margin-top:3px; }

input, textarea, select
{ border:none; margin:0px; }

input.submit, input[type=submit], .button
{
	display: block;
	width: 120px;
/*	font-family: "Tahoma", Helvetica, sans-serif;
*/	margin:10px auto 0 auto;
	border:0px;
	height:23px;
	line-height: 23px;
	color:#ffffff;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	/*letter-spacing:0.5px;*/
	cursor:pointer;
	clear:both;
	text-align: center;
}

.button {
	text-align: center;
	line-height: 23px;
	color: white !important;
	display: block;
}
.hint
{
	position:absolute;
	background-color:#ffb;
	color:#000000 !important;
	padding:10px;
	margin:3px;
	font-size:0.7em;
	width:300px;
	border:1px solid #cccccc;
}

/* one third forms */
.onethird label
{width:70px;}

.onethird input[type=text], .onethird input[type=password], .onethird input.field,
.onethirdright input[type=text], .onethirdright input[type=password], .field
{
/*	width:150px; this is the width of the input fields BEFORE I put a border around them.
*/
		width:146px;
		_width: 145px;
}

.onethird textarea, .onethird textarea.field
{width:120px;height:100px;}

.onethird select, .onethird select.field
{width:124px;}

/* half forms */
.half label
{
	width:90px;
	padding-right:10px;
}

.half input[type=text], .half input[type=password], .half input.field
{
	width:258px;
	_width: 253px !important;
}

.half textarea, .half textarea.field
{
	width:258px;
	_width: 253px !important;
	height:100px;
}

.half select, .half select.field
{width:229px;}

/* two thirds forms */
.twothirds label
{
	width:190px;
	padding-right: 10px;
}

.twothirds input[type=text], .twothirds input[type=password], .twothirds input.field
{
	width:280px;
	_width: 275px !important;
}

.twothirds textarea, .twothirds textarea.field
{
	width:280px;
	_width: 275px !important;
	height:100px;
	}

.twothirds select, .twothirds select.field
{
	width:280px;
	_width:275px !important;
}

.twothirds .radio label
{clear:none;float:none;display:inline;width:40px;}

.twothirds .radio input
{margin-right:5px;background:none;border:none;}

.twothirds .radio label.radio
{display:block;width:400px;float:left;clear:left;}

/* Display Group */

.twothirds .displayGroup .displayGroupElement
{padding-left:210px;}

.twothirds .displayGroup input, .twothirds .displayGroup select, .twothirds .displayGroup textarea 
{margin-bottom:5px;}

.twothirds .displayGroup .postcode input, .twothirds .displayGroup .postcodeError input 
{width:250px;}

.twothirds .displayGroup .city input
{float:left;margin-right:5px;margin-left:210px;}

.twothirds .displayGroup .postcodeError
{float:left;margin-right:5px;padding-left:187px;}

.twothirds .displayGroup .postcode
{width:173px;display:block;margin-left:210px;}

/* box Color1 */
.color1
{
	background-color:#f2ede5;
}
.keylined {
	border: 1px solid #b7b1a8;
}
.color1 h3
{
	color:#754b2d;
	background: #d9cbb2;
}

.color1 a:hover, .color1 .boxLinkList ul li a
{color:#7754b2d;}

.color1 .boxHeader
{background-color:#a78952;}

.color1 .block p
{color:#754B2D !important;}

.color1 div
{color:#754B2D;}

.color1 input[type=submit], .color1 input.submit, .button
{background:url(/_resources/media/images/main_nav_background.gif) #957d4d top repeat-x;}

.color1 input, .color1 textarea, .color1 select
{background-color:#F2EDE5;}

.color1 .boxLink, .color1 .boxLinkList ul li:hover
{background-color:#a78952;}

.color1 .boxLink:hover, .color1 .boxLinkList ul li
{background-color:#d9cbb2;}



/* box Color2 */

.color2
{background-color:#e8f1e3;} /* light green grey */

.color2 h3
{color:#659350;}

.color2 a:hover, .color2 .boxLinkList ul li a
{color:#659350;}

.color2 .boxHeader
{background-color:#8ab875;}

.color2 .boxHeader .link
{
	background: url(/_resources/media/images/sub_nav_background.gif) repeat-x;
	color:#ffffff;
	padding: 4px 6px;
	margin: 0 2px;
	border-left: 1px solic #ccc;
	border-right: 1px solic #ccc;
	height: 16px;
	line-height: 16px;
}

.color2 .boxHeader .link:hover,.color2 .boxHeader .selectedLink 
{
	background: url(/_resources/media/images/sub_nav_background_hover.gif) repeat-x;
	color:#ffffff;
	padding: 4px 6px;
	margin: 0 2px;
}


.color2 .block
{background-color:#d3e2d1;} /* light green grey */

.color2 .block p
{color:#659350 !important;}

.color2 div
{color:#659350;}

.color2 input[type=submit], .color2 input.submit
{background-image:url(/_resources/media/images/sub_nav_background.gif);
 background-color:#699653;
 background-position:top;
 background-repeat:repeat-x;}

.color2 input, .color2 textarea, .color2 select
{background-color:#E8F1E3;}

.color2 .boxLink, .color2 .boxLinkList ul li
{background-color:#8ab875;}

.color2 .boxLink:hover, .color2 .boxLinkList ul li:hover
{background-color:#D1EFC2;}

.color2 .list dt
{color:#659350;}

.color2 .list .dark
{background-color:#D1EFC2;}

/* box Color3 */

.color3
{background-color:#F6EDEF;}/* light fuschia pink or light puce */

.color3 h3
{color:#B18793;}

.color3 a:hover, .color3 .boxLinkList ul li a
{color:#B18793;}

.color3 .boxHeader
{background-color:#cd9ba8;}

.color3 .block
{background-color:#DCC7CD;}

.color3 .block p
{color:#B18793 !important;}

.color3 div
{color:#B18793;}

.color3 input[type=submit], .color3 input.submit
{background:url(/_resources/media/images/sub_nav_background.gif) #699653 top repeat-x;}

.color3 input, .color3 textarea, .color3 select
{background-color:#F6EDEF;}

.color3 .boxLink, .color3 .boxLinkList ul li
{background-color:#cd9ba8;}

.color3 .boxLink:hover, .color3 .boxLinkList ul li:hover
{background-color:#DCC7CD;}

/* box Color4 */

.color4
{background-color:#E4F0F2;}/* light blue grey */

.color4 h3
{color:#83A9AF;}

.color4 a:hover, .color4 .boxLinkList ul li a
{color:#83A9AF;}

.color4 .boxHeader
{background-color:#6BB3BF;}

.color4 .block
{background-color:#C2E9EF;}

.color4 .block p
{color:#83A9AF !important;}

.color4 div
{color:#83A9AF;}

.color4 input[type=submit], .color4 input.submit
{background:url(/_resources/media/images/sub_nav_background.gif) #699653 top repeat-x;}

.color4 input, .color4 textarea, .color4 select
{background-color:#E4F0F2;}

.color4 .boxLink, .color4 .boxLinkList ul li
{background-color:#6BB3BF;}

.color4 .boxLink:hover, .color4 .boxLinkList ul li:hover
{background-color:#C2E9EF;}

.color5 
{background-color:#e5dccb;}

/* box Color5 */

.color5
{background:#ccc url(grey.png) repeat top left;}

.color5 h3
{color:#e5dccb;}

.color5 a:hover, .color5 .boxLinkList ul li a
{color:#e5dccb;}

.color5 .boxHeader
{background-color:#e5dccb;}

.color5 .block
{background-color:#e5dccb;}

.color5 .block p
{color:#e5dccb !important;}

.color5 div
{color:#e5dccb;}

.color5 input[type=submit], .color5 input.submit
{background:url(/_resources/media/images/sub_nav_background.gif) #e5dccb top repeat-x;}

.color5 input, .color5 textarea, .color5 select
{background-color:#e5dccb;}

.color5 .boxLink, .color5 .boxLinkList ul li
{background-color:#000000;}

.color5 .boxLink:hover, .color5 .boxLinkList ul li:hover
{background-color:#000000;}

/* box Color6 */

.pibsperform {
	background-color: #f2ede5;
}

.pibsperform .boxHeader,
.pibsperform table thead td {
	background-color: #663300;
	color: #ffffff;
}

.pibsperform table tbody td {
	background-color: #dfd4a6;
}

input.field {
	background-color: #ffffff;
}


/* history table */
.history
{width:100%; border:1px solid #000000;font-size:0.9em;}

.history thead td,.history tbody td 
{border:1px solid #000000; height:24px; text-align:center;vertical-align:middle;}

.history thead td
{background-color:#659350;color:#fff;font-weight:bold;} /*#3C838E*/

.history tbody td
{background-color:#D1EFC2;} /*#77A8B0*/

.history tbody td.empty
{background-color:transparent;} /*#D0D2D3*/