﻿* {margin: 0; padding: 0}

/* colours */

.lighttonebg { background-color: #fff; }
.midtonebg { background-color: #ccdbe5; }
.darktonebg { background-color: #094c79; }

.debugyellow { background-color:Yellow; }
.debuggreen { background-color:Green; }
.debugred { background-color:Red; }

/* generics */
.floatright { float:right; }
.floatleft { float:left; }
.centered { text-align: center; }
.clear { clear:both; }
.clickable { cursor:pointer; }
.noborder { border:none; }
.thinborder { border: solid 1px black; }
.medborder { border: solid 2px black; }
.thickborder { border: solid 3px black; }
.invisible { display:none; visibility:hidden; }
.it { font-style:italic; }
.bold {  font-weight:bold; }
.error { background-color:#ffefef; }
.error input { border: solid 2px red !important; }

/* site-wide tag styles */
input { padding:0.1em; }

body 
{
	font-family: Verdana;
	background: url(images/topfade.gif) repeat-x;
height:100%;
min-height:100%;/*for mozilla*/
}

h1 
{
}

h2 
{
}

h3 
{
	color:#094c79;
	margin-left:0.5em;
}
h4
{
	color:#094c79;
	margin-left:1em;
}

a
{
	color:#cc0000;
}
a:hover 
{
	color:#ec7575;
}

#content h2 
{
	color:#094c79;
	margin:0.2em;
}
#content p 
{
	margin: 0.7em 0.3em 0.7em 0.3em;
	font-size:small;
}

/* page layout */

html>body #outer {height:auto}/*for mozilla */


#outer
{
	/*background: white url(../images/topfade_container.gif) repeat-x;*/
	background: url(images/container_back.png) repeat-y;
	_background:white;
	width: 804px;
	margin:0px auto 0px auto;
	padding:0;
/*border-left:solid 2px #eff5eb;
border-right:solid 2px #eff5eb;*/
}
#container 
{
	padding-left:12px;
	padding-right:12px;
}

#header
{
	padding: 0;
	width:780px;
	height:100px;
	background: url(images/top.jpg) no-repeat;
}
#header h1 
{
	float:left;
	margin-left:-100em;
}
#header #headerlogo
{
	float:left;
}
#header #headertext
{
	float:left;
	margin-bottom:4px;
}
#header #headerad 
{
	float:right;
	margin:0.8em;
}
#header #brochurelinks 
{
	background:url(../Common/images/50pcwhite.png);
	width:151px;
	float:right;
	/*padding:8px 8px 8px 8px;*/
	float:right;
	text-align:center;
	height:100%;
	font-size:x-small;
}
#header #brochurelinks div { margin: 0.5em; }
#header #brochurelinks a img
{	
	margin:0.4em;
}

#content 
{
	padding:0.5em;
	width:610px;
}
#right 
{
	width:135px;
	float:right;
	padding:16px 8px 16px 8px;
	text-align:center;
}
#right p, #right div
{
	padding-bottom:0.5em;
}
#footer 
{
	padding: 0.2em 1em 0.2em 1em;
	font-size:x-small;
	text-align:center;
	color:#094c79;
	margin:1em 1.5em 1em 1.5em;
}

#headerband 
{
	height:26px;
	font-size:small;
	z-index:9999;
}

#footerfade 
{
	height:30px;
	background: url(images/container_back_fade.png) repeat-y;
}



div.booknow 
{
	font-size:1.3em;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	background-color:#f1f9b8;
	border:solid 2px #cc0000;
	padding:0.4em;
	margin:0.25em;
}

.homepagebox 
{
	font-size:small;
	width:100%;
	margin:5px;
}
.homepagebox h2 
{
	font-size:1em;
	padding:0.3em;
	margin-bottom:4px;
}
.homepagebox p 
{
}
.homepagebox div img 
{
	margin:0.5em;
}

ul.whyspicy 
{
	font-size:large;
	font-weight:bolder;
	list-style:url(../Common/images/spicy_s20.png);
	margin:2em;
	color:#094c79;
}



/* bookings */
table.bookingtable 
{
	margin:1em;
	font-size:small;
	width:580px;
}
table.bookingtable tr th 
{
	text-align:left;
	padding:0.3em;
}
table.bookingtable tr td
{
	padding:0.2em;
}
table.bookingtable tr td input, table.bookingtable tr td select
{
	margin:0.2em 0.5em 0.2em 0.5em;
	vertical-align:middle;
}


/* special bits for ajax calendar */
table.bookingtable td td 
{
	padding:0px;
}
#content td td { border-style:none; }


h3.bookingstep
{
	text-align:center;
	color:#094c79;
	font-size:0.9em;
}

.helpbox 
{
	background-color:#f9f889;
	padding: 0.3em 0.3em 0.3em 0.3em;
	background-image:url(images/helpbox_icon.png);
	background-position:top left;
	background-repeat:no-repeat;
	border:solid 1px #acab5f;
	position:absolute;
	margin:1em 0em 0em 1em;
	font-size:small;
}
.helpbox h3 
{
	font-weight:bolder;
	margin-left:38px;
}
.helpbox h4 
{
	margin-top:0;
	font-style:italic;
	margin-left:38px;
}
.helpbox p
{
}

a.bookingbutton 
{
	background-color: #ccdbe5;
	border: solid 2px #094c79;
	text-decoration:none;
	padding:0.25em;
	font-size:small;
	color:Black;
	margin:1em;
}
a.bookingbutton:hover
{
	background-color:#094c79;
	color:white;
}




.renters
{
	width:100%;
	height:100%;
	font-size:0.85em;
}
.renters td 
{
	padding:0.2em !important;
	border: solid 1px #d5f6ba !important;
}
.renters td.label 
{
	width:120px !important;
}


div.bookingerror 
{
	border: solid 2px red;
	background-color:#ffefef;
	padding:0.3em 0.3em 0.3em 1em;
	margin:0.5em;
	text-align:center;
	font-size:small;
	color:Red;
	font-weight:bold;
}

span.bookingId 
{
	font-size:1.1em;
	font-weight:bolder;
}








/* confirmation email bits */
div.emailPanel
{
	padding:1em;
	font-size:small;
}
div.emailPanel p 
{
	margin:0.6em;
}
div.emailPanel ul 
{
	margin-left:2em;
	list-style-type:none;
}
div.emailPanel ul li
{
	background:url(../Common/images/spicy_s20.png) no-repeat;
	padding-left:2em;
	margin-bottom:0.5em;
}

/* equipment list */

div.equipcategories  
{
	font-size:small;
	background-color:#ccdbe5;
	color:#094c79;
	border:solid 1px #ccdbe5;
}
div.equipcategories p 
{
	margin:0;
}
div.equipcategories ul
{
	list-style-type:none;
	background-color:White;
	padding:0.3em;
}
div.equipcategories ul li 
{
display:-moz-inline-box; -moz-box-orient:vertical;
            display:inline-block;	padding-left:2.5em;
	height:25px;
	padding-right:0.6em;
	overflow:hidden; 
	word-wrap:break-word;
}
* html div.equipcategories ul li { display:inline; }  /* for IE 6 */
* + html div.equipcategories ul li { display:inline; }  /* for IE 7 */

div.equipcategories ul li a 
{
	color:#094c79;
	text-decoration:none;
}
div.equipcategories ul li a:hover 
{
	color:black;
	text-decoration:underline;
}
div.equipcategories ul li.ski
{
	background:url(images/icon_ski_white.png) no-repeat;
}
div.equipcategories ul li.snb
{
	background:url(images/icon_snb_white.png) no-repeat;
}

/* experiment! */
div.equipcategoriesleft 
{
	float:left;
	background-color:#094c79;
	font-size:x-small;
	padding:0;
	margin:0;
}
div.equipcategoriesleft ul 
{
	list-style-type:none;
}
div.equipcategoriesleft li 
{
	width:100px;
}
div.equipcategoriesleft ul li a 
{
	color:White;
	text-decoration:none;
	width:100px;
}
div.equipcategoriesleft ul li a:hover 
{
	color:#094c79;
	background-color:#ccdbe5;
}




div.model 
{
	border:solid 1px #094c79;
	margin:1em;
	padding:0;
}
div.model h3 
{
	margin:0;
	padding:0.4em;
	background-color:#094c79;
	color:White;
}
div.model div 
{
	font-size:small;
}
div.model div.image 
{
	text-align:center;
	padding:0.6em;
}
div.model div.desc 
{
	padding:0.4em;
	font-size:x-small;
}
div.model div.sizes 
{
	float:right;
	padding:1em;
	font-weight:bold;
	color:#094c79;
}
div.model div.brandlogo 
{
	float:left;
	padding:0.4em;
}
div.model div.bookequip 
{
	padding:1em;
	float:right;
}




table.ratetable 
{
	margin:1em;
	font-size:small;
}
table.ratetable th 
{
	text-align:left;
}
table.ratetable td 
{
	padding:0.2em;
}
table.ratetable tr.days th
{
	text-align:center;
	width:48px;
}
table.ratetable tr.rateheader th 
{
	padding:0.5em;
	font-size:medium;
}

ul.ratelist 
{
	margin-left:2em;
	font-size:small;
}




ul.spicylist
{
	margin-left:2em;
	list-style-type:none;
	font-size:small;
	margin-bottom:1em;
}
ul.spicylist li
{
	background:url(../Common/images/spicy_s20.png) no-repeat;
	padding-left:2em;
	margin-bottom:0.5em;
}


table.contact 
{
	margin:1em;
	font-size:small;
}
table.contact td 
{
	vertical-align:top;
	padding:0.5em;
}

ol.faq 
{
	list-style-type:none;
	margin-left:2em;
	font-size:small;
}
ol.faq li 
{
		background:url(../Common/images/spicy_s20.png) no-repeat;
	padding-left:2em;
	margin-bottom:0.5em;
}
ol.faq li strong 
{
	display:block;
}



div.transport 
{
	margin:1em;
}
div.transport h3 
{
	margin: 1em 0 0.5em 0;
}
div.transport h4 
{
	margin:0.5em 0 0.25em 0;
}
div.transport h5 
{
	padding-left:0.5em;
}
div.transport p 
{
	padding-left:1em;
}
.allcaps 
{
	text-transform: uppercase 
}



div.drivebctable table
{
	margin:1em;
}
div.drivebctable .listHeadings 
{
	font-weight:bold;
}
div.drivebctable tr td
{
	font-size:small;
}
div.drivebctable img 
{
	display:none;
	visibility:hidden;
}


table.tuneuptable 
{
	margin:1em;
	font-size:small;
}
table.tuneuptable th 
{
	font-size:medium;
	text-align:left;
	padding:0.4em;
}
table.tuneuptable td 
{
	padding:0.3em;
}
table.tuneuptable td.name 
{
	font-weight:bold;
}
table.tuneuptable td.price
{
	text-align:right;
}
table.tuneuptable td.desc 
{
	padding-left:1em;
	font-size:0.8em;
}



/* photos */
div.photocategory_addsomething 
{
	margin: 1em;
	font-size:small;
}
div.photocategory_item 
{
	background-color: #edf5fa;
	border: solid 1px #b8d2e1;
	padding: 6px;
	margin-bottom: 10px;
	float:left;
	width: 150px;
	margin-right: 10px;
}
div.photocategory_item div.title
{
	margin: -6px;
	margin-bottom: 6px;
	background-color: #b8d2e1;
	height: 20px;
	padding: 3px;
	font-weight: bolder;
}
div.photocategory_item div.minipics
{
	text-align:center;
	margin-bottom:4px;
}
div.photocategory_item div.minipics img
{
	margin-right:6px;
	margin-left:6px;
	border: solid 1px #094c79 !important;
}
div.photocategory_item div.description
{
	margin-bottom: 3px;
	font-size: 0.9em;
	height: 60px;
}
div.photocategory_item div.go
{
	position:relative;
	margin-top: 5px;
	text-align: right;
	font-size: 0.8em;
}
div.photocategory_item div.add
{
	position:relative;
	margin-top: 5px;
	text-align: right;
	font-size: 0.8em;
}
div.photocategory_item div.details
{
	margin: -6px;
	margin-top: 6px;
	background-color: #b8d2e1;
	font-size: 0.7em;
	padding: 3px 3px 0 3px;
	height:19px;
}
div.photocategory_item div.details span.left
{
	float:left;
}
div.photocategory_item div.details span.right
{
	float:right;
}
div.nocategories 
{
	display:block;
	background-color: #faf5ed;
	border: solid 2px #e1d2b8;
	padding: 4px;
	margin-bottom:1em;
	text-align:center;	
	margin:2em;
}


/* photos */
div.photos_description
{
	margin-top:1em;
	margin-bottom:1em;
	font-size:0.9em;
	width:60%;
}
div.photos_owner 
{
	background-color: #edf5fa;
	border: solid 1px #b8d2e1;
	font-size:small;
	padding: 5px;
	margin-top:0.75em;
	margin-bottom:1em;
	margin-right:15px;
	float:right;
}
div.photos_item_wrapper
{
	min-width:155px;
	width:155px;
	height:220px;
	float:left;
	margin-right: 15px;
	/*border: solid 1px black;*/
	margin-bottom: 20px;
}
div.photos_item 
{
	background-color: #edf5fa;
	border: solid 1px #b8d2e1;
	padding: 0px;
	text-align:center;
}
div.photos_item div.photo 
{
}
div.photos_item div.photo img
{
	border: solid 1px #094c79 !important;
}
div.photos_item div.shortdescription 
{
	background-color: #b8d2e1;
	height: 20px;
	padding: 3px;
	padding-top: 4px;
	font-weight: bolder;
	font-size:small;
	line-height:0.8em;
	margin-right:-6px;
	margin-right:0 !important;
}
div.photos_item div.details 
{
	margin: -6px;
	margin-top: 6px;
	font-size: 0.7em;
	padding: 3px 3px 0 3px;
	height:19px;
	font-size:x-small;
	color: Red;
}
div.photos_item div.details img
{
	margin-right: 5px;
}
div.nophotos 
{
	display:block;
	background-color: #faf5ed;
	border: solid 2px #e1d2b8 !important;
	padding: 4px;
	margin-bottom:1em;
	text-align:center;	
	margin:2em;
}

div.breadcrumb 
{
	margin-top:0px;
	margin-left:2em;
	font-size:small;
}

div.photo
{
	margin: 5px;
	z-index:2;
}
div.photo a 
{
	font-size:small;
}
div.photo div.navtop
{
	margin-bottom: 10px;
	font-size: small;
}
div.photo div.navbottom
{
	margin-top: 10px;
	font-size: small;
}
div.photo div.left
{
	float:left;
}
div.photo div.right
{
	float: right;
}
div.photo img 
{
	border: solid 2px #094c79 !important;
}


div.upload
{
	font-size:small;
	padding-left:1em;
}
div.upload h2 
{
	font-size:medium;
}
div.upload div.upload_intro
{
	margin-bottom: 1em;
}
div.upload div.upload_preview
{
	float:right;
	margin-left:2em;
}
div.upload div.upload_preview img
{
	border: solid 1px black !important;
}
div.upload div.upload_form
{
}
div.upload div.upload_form a
{
	padding: 2px 5px 2px 5px;
	background-color: #edf5fa;
	border: solid 1px #b8d2e1;
}
div.upload div.upload_form span.error 
{
	display:block;
	width:300px;
	background-color: #faf5ed;
	border: solid 2px #e1d2b8;
	padding: 4px;
	margin-bottom:1em;
	text-align:center;	
}


div.addcategory
{
	font-size:small;
	padding-left:1em;
}
div.addcategory h2 
{
	font-size:medium;
}
div.addcategory div.addcategory_intro
{
	margin-bottom: 1em;
}
div.addcategory div.addcategory_preview
{
	float:right;
	margin-left:2em;
}
div.addcategory div.addcategory_preview img
{
	border: solid 1px black;
}
div.addcategory div.addcategory_form
{
}
div.addcategory div.addcategory_form div
{
	padding-top:0.5em;
	padding-bottom:0.5em;
}
div.addcategory div.addcategory_form a
{
	padding: 2px 5px 2px 5px;
	background-color: #edf5fa;
	border: solid 1px #b8d2e1;
}
div.addcategory div.addcategory_form span.error 
{
	display:block;
	width:300px;
	background-color: #faf5ed;
	border: solid 2px #e1d2b8;
	padding: 4px;
	margin-bottom:1em;
	text-align:center;	
}



div.partner 
{
	border:solid 1px #094c79;
	margin:1em;
	padding:0;
}
div.partner h3 
{
	margin:0;
	padding:0.4em 0;
	color:#094c79;
	margin-bottom:0;
}
div.partner div 
{
	font-size:small;
}
div.partner div.image 
{
	text-align:center;
	padding:0.6em;
	float:left;
}
div.partner div.desc 
{
	font-size:small;
	float:right;
	width:390px;
	padding:0.5em;
}
div.partner div.brandlogo 
{
	float:left;
	padding:0.4em;
}
div.partner div.website 
{
	padding: 0 1em;
	float:right;
}
