/* Page layout styles for Abercrombie & Kent DMC Website - February 2009 */

/* Global Elements
==============================================================================*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	}
p, .padlist { 
	font-size: 100%;
	margin: 0; padding: 5px 10px;
	line-height: 18px;
	}
	p.portdesc {
		text-align: center;
		padding: 0 10px 10px 10px;
		}
#logo { display: none; }
h1 {
	font-size: 140%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	margin: 0; 
	padding: 10px 10px 5px 10px;
	text-transform: uppercase;
	}
h2 {
	font-size: 110%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	margin: 0; 
	padding: 10px 10px 5px 10px;
	text-transform: uppercase;
	}
	.nav_column h2 {
		height: 23px;
		margin:0; 
		padding: 7px 0 0 10px;
		font-size: 110%;
		text-transform: uppercase;
		}
h3 {
	font-size: 110%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	margin: 0; 
	padding: 10px 10px 0 10px;
	}		
a {
	text-decoration: none;
	}
	a:hover { text-decoration: underline; }
	a img { border: none; }


/* Page
==============================================================================*/

#wrap {
	width: 860px;
	margin: 0 auto; padding: 0;
	}
#header {
	height: 120px;
	}
#logo p {
	padding: 0 0 0 2px;
	margin: 0;
	font-size: 110%;
	letter-spacing: 2px;
	font-weight: 600;
	text-transform: uppercase;
	}

/* Main content columns & Adverts
==============================================================================*/

.content_left { 
	float: left; 
	width: 210px; 
	}
.content_right { 
	float: right; 
	width: 650px;
	overflow: hidden;
	}

.content_full { 
	width: 860px; 
	}
.item {
	display: block;
	clear:both;
	}


/* Secondary Navigation
==============================================================================*/

.nav02 {
	margin: 0 0 10px 0; padding:0;
	list-style: none;
	}
	.nav02 li {
		height: 30px; width: 200px;
		margin:0; padding:0;
		overflow: hidden; /* if text-resize, this'll keep the nav the same size */
		}
		.nav02 li a {
			display: block;
			height: 30px; width: 200px;
			line-height: 30px;
			text-indent: 10px;			
			margin:0; 
			overflow: hidden;
			}
			.nav02 li a:hover, .nav02 li a.active { 
				text-decoration: none;
				background-position: 0 -30px; 
				}

/* Detail Navigation
==============================================================================*/

#detail02 {
	margin: 0; padding:0;
	list-style: none;
	}
	#detail02 li {
		height: 33px; width: 200px;
		margin:0; padding:0;
		overflow: hidden; /* if text-resize, this'll keep the nav the same size */
		text-transform: uppercase;		
		}
		#detail02 li a {
			display: block;
			height: 33px; 
			width: 200px;
			line-height: 30px;
			text-indent: 10px;
			margin:0; 
			overflow: hidden;
			}
			#detail02 li a:hover, #detail02 li a.active { 
				text-decoration: none;
				background-position: 0 -33px; 
				}

/* Default HTML elements, globals, and miscellaneous
==============================================================================*/

.clear { clear: both; }
.hideme { display: none; visibility: hidden; overflow: hidden; }
p.daytab {
	font-size: 100%;
	margin: 10px 0 0 0; padding: 0 540px 0 0;
	text-align: center;
	font-weight: 600;
	line-height: 30px;
	clear: both;
	}
	.daytab a:hover {
		text-decoration: none;
		}


/* Images
==============================================================================*/
.colimg { 
	width: 630px;
	height: 180px;
	margin: 10px;
	overflow: hidden;
	}
.img02 { 
	float: right; 
	width: 180px;
	height: 180px;
	}
.imggrid { 
	width: 640px;
	height: 150px;
	overflow: hidden;
	margin: 0 0 0 10px;
	}
.imggrid img {
	float: left;
	padding: 0 10px 0 0;
	}
	.imggrid img.last {
		padding: 0;
		}

.imgport {
	display: block;
	width: 630px;
	height: 420px;
	margin: 10px;
	text-align: center;
	}
.rainfall {
	display: block;
	width: 840px;
	margin: 10px;
	padding: 0 0 10px 0;
	text-align: center;
	}
	.imgport img, .rainfall img {
		padding: 10px 0 0 0;
		text-align: center;
		}


/* Form, search & table styles for Abercrombie & Kent Website - November 2008 */


/* non commonspot form styles  
==============================================================================*/

.stform {
	margin: 0;
	}
	.stfull {
		width: 690px;
		}
	.stform h2 {
		margin: 0;
		display: block;
		overflow: hidden;
		}
		.h2title {
			margin: 10px;
			height: 30px;
			}
	.stform form {
		padding: 0 0 10px 0;	
		}
.stform form fieldset {
	display: block;
	clear: both;
	border: none;
	margin: 0; 
	padding: 0 0 5px 0;
	}
fieldset.odd {
	display: block;
	clear: both;
	}
form .whitespace {
	height: 20px;
	}

	/* note: display-block expands element to edge of page */
	/* note: display-inline wraps element to itself */

.stform form legend {
	}
  
	/* note: display-block expands element to edge of page */
	/* note: display-inline wraps element to itself */

.stform form label, #custom form h3, .stform form h3 {
	font-weight: 300;
	font-size: 100%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	float: left;
	width: 210px;
	padding: 0;
	margin: 0;
	line-height: 16px;
	}
	h3.datelabel {
		height: 40px;
		}
label.radiooptions {
	width: 190px;
	font-weight: 300;
	padding: 0;
	}
.stform form input.standard {
	float: left;
	width: 209px;
	padding: 2px 0;
	text-indent: 2px;
	line-height: 16px;
	margin: 0 0 0 10px;
	}
.stform form input.standardbut {
	margin: 0 0 0 10px;	
	}
input.percentage {
	width: 190px;	
	}
input.radio {
	width: 20px;
	border: none;
	margin: 0 0 0 10px;	
	}
.stform form textarea {
	width: 208px;
	margin: 0 0 0 10px;
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	}
.stform form select {
	float: left;
	width: 211px; 
	/* note: value = single line text field + width of border + padding. 
	IE does NOT recognise the border value on the select element, 
	whereas Firefox does but the border width is not added to the overal width.  */
	margin: 0 0 0 10px;
	padding: 0;
	}
	form select.dates {
		width: 51px;
		}
	form select.month {
		width: 90px;
		}

	.stform form label.short, .stform form label.shortlast {
		float: left;
		text-transform: uppercase;
		height: 12px;
		font-size: 9px;
		padding: 0; 
		}
		.stform form label.short { 
			width: 67px; 
			}
		.stform form label.shortlast { 
			width: 55px;
			}
	.stform form select.short, .stform form select.shortlast {
		float: left;
		height: 24px; width: 57px;
		}
		
	.stform form select.short { margin: 0 10px 10px 10px; padding: 1px; }
	.stform form select.shortlast { margin: 0 0 10px 10px; padding: 1px; }

.stform form option {
	padding: 1px;
	}
/*.stform form button {
	float: left;
	width: 210px;
	padding: 0;
	line-height: 16px;
	margin: 0 0 0 10px;
	}
.button {
	padding: 1px 0;
	}*/
.stform form p {
	float: left;
	width: 210px;	
	padding: 0;
	}
	.stform form p.full {
		padding: 5px 10px 10px 10px;
		width: auto;
		margin: 0;
		border: none;
		clear: both;
		}
.stform form div {
	padding: 5px 0 0 0;
	clear: both;	
	}
.stform form a {
	padding: 0;
	margin: 0;
	}
div.actions {
	padding: 5px 0 0 10px;
	clear: none;
	}
p.datelabel {
	width: 210px;
	}
	
/* Dates + Prices tables
==============================================================================*/

.dates table {
	padding: 5px 9px 5px 10px;
	width: 100%;
	}
	.dates table tr {
		}
		.dates table th, .dates table td {
			padding: 5px;
			}
			.dates table tr.head_row td {
				background: none;
				}
			.dates table p {
				padding: 0;
				}