/* ----------------------------------------------------------------------------------------------
	layout.css:	layout.css for standard layout of cph.uk.com
	version:		1.0
	email:		info@praxitar.com
	website:		http://www.praxitar.com
	copyright:	Copyright 2008 Praxitar Ltd
	---------------------------------------------------------------------------------------------- */

body {
	height:		100%;
}

#wrapper {
	width:		960px;
	min-width:	960px;
	max-width:	100%;
	margin:		0 auto;
	text-align:	left;
	position:	relative;
	background-color:	#fff;
}

#header {
	height:			154px;
	background-color:	#055bbe;
}

.homeLink
 {
	background-color:	transparent;
	border:		0 none !important;
	margin:		0;
	position:		absolute;
	text-decoration:	none !important;

	top:			20px;
	left:			50px;
	height:		87px;
	width:		184px;
}

#branding {

}

#content {
	float:			right;
	margin-bottom:	0;
	width:			100%;
	background-color:	#fff;
}

#home #content {
/* width = ((960-215)/960)*100 = 77.6%*/
}

#content {
/* width = ((960-215)/960)*100 = 77.6%*/
}

#mainContent {
/*	border-bottom-style:	solid;
	border-bottom-width:	10px;*/
	float:					left;
	margin-top:				10px;
	width:					745px;
}
#mainContent, #homeContent .box, .secondaryContent, .mapCanvas {
	background-color:	#dae8f5;
	border-color:	#dae8f5;
}

#mainContent h2, #mainContent h3, #mainContent p {
	margin:	2% 5% 1% 5%;
}

#mainContent table {
	width:	50%;
	margin:	0 5% 3% 5%;
}

#mainContent table .priceitem {
	width:	68%;
}

#mainContent table .pricecost {
	text-align:	right;
}

#mainContent dl {
	width:	50%;
	margin:	0 5% 3% 5%;
}

#mainContent dt {
	margin-bottom:	2px;
}

#mainContent dd {
	margin:	0;
	padding:	0;
}

#feedback #mainContent blockquote {
	width: 50%;
}

#secondaryContent {
    float: right;
}

#services #mainContent dl {
    float: left;
    margin: 0 0 0 5%;
    width: 50%;
}

#services #mainContent dt {
    color: #515256;
    font-size: 13px;
    font-weight: normal;
	width: 35%;
    float: left;
/*    clear: right;*/
    margin: 0 8px 8px 0;
    padding: 0 0 0 12px;
    background: url(/img/red-bullet.gif) no-repeat scroll 0 50% transparent;
}

#services #mainContent dd {
    color: #515256;
	width: 56%;
    float: right;
    margin: 0 0 8px 0;
}


/*  removed as causing ie 6 not to collapse borders - floated / cleared img element only*/
/*
.secondaryContent {
	clear:			right;
	float:			right;
	line-height:	0;
}
*/

.secondaryContent img {
	clear:		right;
	float:		right;
	border-style:	solid;
	border-width:	14px;
	margin-left: 	5px;
}

.secondaryContent img, .mapCanvas {
	background-color:	#fff;
	border-color:	#b4cdeb;
}


#map {
	width:		288px;
	height:		234px;
	float:		right;
}

.mapCanvas {
	clear:		right;
	float:		right;
	width:		288px;
	height:		234px;
	border-style:	solid;
	border-width:	14px;
	margin-left: 	5px;
}

#mainContent .seasonal {
	width:				89%;
	margin:				0 4% 3%;
	padding:			8px;
	background-color:	#B4CDEB;
}

#mainContent .seasonal h3 {
	margin:	1% 5%;
}

#mainContent .seasonal ul {
	margin:	0;
}

#mainContent .seasonal p {
	margin:	1% 5%;
}

#homeContent {
	float:		left;
	margin-top:	10px;
	width: 		745px;
}

#homeContent .box {
	background-image: url(/img/home-bottom-left.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#homeContent .box-outer {
	background-image:		url(/img/home-bottom-right.png);
	background-repeat:		no-repeat;
	background-position: 	right bottom;
	padding-bottom:	8%;
}

#homeContent .box-inner {
	padding-left:	5%;
width: 52%;
}

#homeContent .box h2 {
	padding-top:	3.5%;
}

#homeContent .box h2, #homeContent .box p, #homeContent .box ul {
/*	padding-top:	2%;*/
/*	width: 			53%;*/
	margin: 0;
}

#header {
	background:	url(/img/header.png) no-repeat left top;
}

#content {
	background: url(/img/main-nav-bg.gif) repeat-y left bottom;
}

#home #content {
	background: url(/img/content-bottom-left.png) no-repeat left bottom;
}

#footer {
	background:		url(/img/footer.png) no-repeat right bottom;
}

#homeContent .box li {
	padding-bottom:	1%;
	margin: 0;
}

#home #aside {
/*    height: 200px;*/
    width:  249px;
/*    float:  left;*/
    position:   absolute;
    top:    164px;
    right:  0;
    background: url(/img/aside-backgound.png) no-repeat top left;
    margin:     10px;
    padding:    16px 20px;
}

#home #aside h2 {
    color:  #fff;
    font-size:  26px;
}

#home #aside p {
    color:  #fff;
    font-size:  22px;
}

#home #aside a {
    color:  #fff;
    border: 0 none;
    font-size:  20px;
}

#home #aside a:hover {
    color:  #187cff;
}

#mainNav {
/* width = (215/960*100) =  */
	float:			left;
	display:			inline;
	min-width:		215px;
	width:			215px;
}

#mainNav ul {
	margin:	0;
}

#mainNav li {
	line-height:			45px;
	list-style-position:	inside;
	list-style-type: 		none;
	list-style-image: 		none;
	margin:					0 0;
	padding-right:			65px;
	text-align:				center;
}

#mainNav li a {
	border:	none;
	font-size:		15px;
	font-weight:	bold;
	line-height:	125%;
	padding:	12px 20px 14px 24px;
}

#mainNavTop, #mainNavBottom {
	height:	50px;
}

#mainNav, #mainNav li {
	background:		url(/img/main-nav-bg.gif) repeat-y left top;
}
#mainNav {
	background-color:	#ff0;
}

#mainNav li {
	background-color:	#fd0;
}

#mainNav li a {
	color:				#fff;
}

#mainNav li:hover {
	background-color:	#fc0;
}

#mainNavTop, #mainNavBottom {
	background-color:	#fe0;
}

#home #mainNav li.home{
	background:		url(/img/main-nav-home.gif) no-repeat left top;
}

#services #mainNav li.services{
	background:		url(/img/main-nav-services.gif) no-repeat left top;
}

#products #mainNav li.products{
	background:		url(/img/main-nav-products.gif) no-repeat left top;
}

#prices #mainNav li.prices{
	background:		url(/img/main-nav-prices.gif) no-repeat left top;
}

#about-us #mainNav li.about-us{
	background:		url(/img/main-nav-about-us.gif) no-repeat left top;
}

#contact-us #mainNav li.contact-us{
	background:		url(/img/main-nav-contact-us.gif) no-repeat left top;
}

#feedback #mainNav li.feedback{
	background:		url(/img/main-nav-feedback.gif) no-repeat left top;
}

#mainNav li:hover{
	background:		url(/img/main-nav-hover.gif) no-repeat left top;
}

#mainNavTop {
	background:		url(/img/main-nav-top.png) no-repeat left top;
}

/*
#mainNavBottom {
	background:		url(/img/main-nav-bottom.png) no-repeat left top;
}
*/

.showless{ display: none;}
.showmore {
	color:					#FFFFFF;
	background-color:		#ffa302;
	background-image:		url(/img/more.gif);
	background-position:	0 0;
	background-repeat:		repeat-x;
	border-color:			#DDDDDD #AAAAAA #AAAAAA #DDDDDD;
	border-style:			solid;
	border-width:			1px;
	display:				block;
	font-size:				18px;
	font-weight:			bold;
	height:					22px;
	margin:					0 3% 6px;
	padding:				6px 0;
	text-align:				center;
	width:					50%;
	text-decoration:		none;
}
.showmore:hover{
	border:					1px solid #bbb;
	text-decoration:		none;
	background-position:	left -78px;
}
.showmore:active{
	color:					#666;
	background-position:	left -38px;
}

.round {
	-moz-border-radius-bottomleft:8px;
/*			-moz-border-radius-bottomright:6px;*/
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}

.clearer {
    clear: both;
}

#footer {
	clear:	right;
	height:	115px;
}

#subfooter {
	clear:			right;
	line-height:	15px;
	text-align:		right;
	background-color:	#fff;
}

#subfooter a {
	color:		#B84747;
	border:		0;
	font-size:	1em;
	text-decoration:	none;
}

/*
 special offer
*/

#special-offer {
    color: #fff;
    background-color: #ffa302;
    width: 398px;
    border: 5px solid #01aaad;
    margin: 6px;
    padding: 4px 4px 12px 4px;
}

#special-offer h3 {
    color: #fff;
    text-align: center;
    font-size: 22px;
}

#special-offer p {
    color: #fff;
/*    font-size: 22px;*/
}

#mainContent #prices0 {
    margin: 0 5% 1%;
}

.normal-price {
    padding: 0 4px;
    width: 48px;
}

.special-offer {
    color: #FFA302;
    font-weight: bold;
    padding: 0 4px;
    width: 48px;
}

th.normal-price,
th.special-offer {
    text-decoration: underline;
}