/*////////////////
	*	Overall stylesheet for Women on Tour
	*	v1 : Matt Casey s23 : 29 June 07
////////////////*/

body, td{
	font-family: arial, Tahoma, Verdana, Helvetica, Arial, sans-serif; 
	font-size: 12px;
	color: #666;/*default colour for text*/
	padding:0;
	margin:0;
	line-height: 150%;
	}

a {text-decoration:underline; color:#9cb38c;}
a:hover {color:#cc3300;}
a.sel {color:#fd6600;}

img{border:0;}
h1, h2, h3, h4, h5, h6 ,h7, p, caption, table, ol, ul {
	margin:0.5em 25px 1em 25px;
	position:relative;
	padding: 0;
	}
h1 {font-size:2.5em; margin-bottom:1.5em}
h2 {font-size:1.3em;}
h3 {font-size:1.2em;}
h4 {font-size:1.1em;}
h5 {font-size:1.1em;}
caption {text-align:left;}
table {vertical-align:bottom;}
td {text-align:left; padding:2px; margin:0;}
th {text-align:left; padding:2px; font-size:10px; color:#1c8095;}
li {padding:0;margin:1px 0 1px 0px;color:#333;}
ul li {zoom:1;}
ol li {	list-style-type: decimal;	display: list-item;}
em {}

h1, h2, h3, h4, h5 {
	color: #9CB38C;
}

.fr {float:right; display:inline;}
.fl {float:left; display:inline;}
.ac {text-align:center;}
.ar {text-align:right;}

/*small pre-header : lives inside h1,h2 etc*/
span.headersmall {
	display: block;
	padding: 0 0 4px 0;
	font-weight: bold;
	font-size: 11px;
	color: #999;
}
p.divider {
	display: block;
	height: 33px;
	font-weight: normal;
	font-size: 0.8em;
	background: url(/images/bg_divider.gif) no-repeat center center;
}

html {
	background: white url(/images/bg_html.gif) repeat left top;
	}
body {
	position: relative;
	margin: 0 auto;
	width: 960px;
	background: white;
	border-left: 1px #eae8e8 solid;
	border-right: 1px #eae8e8 solid;
	height: 100%;
	}
#footer {
	position: relative;
	margin-left: 225px;
	margin-right: 205px;
	background: url(/images/horizontal_dots_grey.gif) repeat-x left top;
}


/*other stuff*/
#frame {
	width: 960px;
	margin: 0px auto;
	padding: 0;
	position: relative;
	zoom: 1;
	overflow: hidden;
	background: white;
	background-position: left 250px;
	background-repeat: no-repeat;
}

#side {
	width: 200px;
	position: absolute;
	left: 0;
	display: inline;
	margin: 0;
	z-index: 1;
}

#promo {
	width: 180px;
	float: left;
	display: inline;
	margin: -65px 0 0 0;
	min-height: 300px;
	background: url(/images/vertical_dots_grey.gif) repeat-y left top; 
	color: #999999;
}

#promo h3, 
#promo a{
	color: #9cb38c;
}

#container {
	width: 760px;
	position: relative;
	margin: 0;
	padding: 0 0 0 200px;
	display: block;
	zoom:1;
	overflow: hidden;
}
#nav {
	width:760px;
	float: left;
	display: inline;
	zoom:1;
	overflow:hidden;
	font-size: 1.1em;
	margin:0;
	padding:0 0 40px 0;
}
#content {
	float: left;
	display: inline;
	margin:0;
	width: 580px;
	position:relative;
	padding:0 0 10px 0;
	/*overflow:hidden;*/
	min-height: 300px;
	_height: 300px;
	zoom:1;
}
body.tpl_gallery #content {
	width: 760px;
}

/*////////////////
*	sitemenu stuff
////////////////*/
#sitemenu {
	padding: 0;
	margin: 14px 0 26px 0;
	zoom:1;
	z-index:100;
	background: url(/images/default/bg_sitemenu.gif) no-repeat left top;
	width: 760px;
	color: #8f9b86;
	font-weight: bold;
	float:left;
	display: inline;
}
#sitemenu div {
	float: left;
	padding: 14px 0 0 0;
	background: url(/images/vertical_dots_white.gif) repeat-y right top; 
	margin: 0;
	zoom: 1;
	display: inline;
	height: 32px;
} 
#sitemenu .title {
	width: 265px;
} 
#sitemenu .menu {
	width: 316px;
}
#sitemenu .link {
	/*width: 179px;*/
	background: none;
}
X#sitemenu .link a {
	color: #fff;
}
#sitemenu div p {
	margin-top:0;
}
#sitemenu div ul.dropdown {
	margin-top:-2px;
	margin-left: 10px;
	position: relative;
	float:left;
}

#sitemenu .title p span {
	color: #fff;
	font-size: 1.1em;
} 

#sitemenu ul {
	z-index:100;
	font-weight: normal;
	margin:0.3em 15px;
}
#sitemenu ul h3,
#sitemenu ul p,
#sitemenu ul li a {
	display: block;
	padding: 2px 8px;
	margin: 0px;
	font-size: 1em;
	color: #bababa;
	}

#sitemenu ul li {
	float:left;
	display:inline;
	margin:0px;
	position:relative;
	list-style-type: none;
	list-style-image: none;
	zoom:1;
	z-index:1;
}
#sitemenu .menu p.label {
	float:left;
	margin-right: 0px;
}
#sitemenu ul li p.option {
	border: 1px #bababa solid;
	text-align: center;
	background: white url(/images/bg_dropdown.gif) no-repeat right center;
	cursor: pointer;
	padding: 2px 10px;
	width: 134px;
}
#sitemenu ul li li {
	display: block;
	float: none;
	clear: none;
}
#sitemenu ul li a {
	display: block;
	text-decoration: none;
	padding: 2px 8px;
	color: #000;
	white-space: nowrap;
	font-weight: bold;
	border-bottom: 1px #bababa dotted;
	}

#sitemenu ul li a.sel,
#sitemenu ul li a:hover  {
	color:white;
	background-color:#8c957a;
}
#sitemenu ul li ul {
	position: absolute;
	background: white;
	border-left: 1px #bababa solid;
	border-right: 1px #bababa solid;
	border-bottom: 1px #bababa solid;
	margin: -1px 0 0 0;
	padding: 0 2px 1em 2px;
	left: -999em;
	width: 150px;
}
#sitemenu li:hover ul, 
#sitemenu li.sfhover ul {
	left: auto;
}

/*////////////////
*	Navigation stuff
////////////////*/
#nav ul {
	padding-left: 7px;
	margin:0;
}
#nav ul li {
	float:left;
	display:inline;
	margin:5px 0px 1px 0px;
	padding: 0;
	position:relative;
	list-style-type: none;
	list-style-image: none;
	zoom:1;
}
#nav ul li a {
	font-family: "Arial Black";
	font-size: 12px;
	line-height: 13px;
	display: block;
	text-decoration: none;
	padding: 4px 0;
	color: #a9a9a9;
	font-weight: bold;
	white-space: nowrap;
	text-transform: uppercase;
	font-weight: normal;
	}
#nav ul li a span {
	border-left: 1px #999999 solid;	
	padding: 0px 18px;
	display: block;
}
#nav ul li.first a span {
	border: none;
}

#nav ul li a.sel {
	color: #ff6600;
}
#nav ul li a:hover {
	color: #fd6600;
}
#nav ul li ul {
	position: absolute;
	width: 490px;
	left: -999em;
	padding:0;
}
#nav ul li ul li {
	margin-top: 12px;
}
#nav ul li ul li a {
	font-family: arial, Tahoma, Verdana, Helvetica, Arial, sans-serif; 
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
}
#nav ul li.sel ul, 
#nav ul li:hover ul,
#nav ul li.sfhover ul {
	left: auto;
}

#nav ul li:hover,
#nav ul li.sfhover {
	z-index: 100;
}

#nav ul li:hover ul,
#nav ul li.sfhover ul {
	z-index: 100;
	background: white;
}

#nav ul li:hover ul li,
#nav ul li.sfhover ul li {
	z-index: 100;
}

/*////////////////
*	content stuff
////////////////*/
#content ul,
#content li {float:none;clear:both;}
#content p {
	clear:both;
	float:none;
}

div.leftblock {float:left;width:49.5%;display:inline;zoom:1;}
div.rightblock {float:right;width:49.5%;display:inline;zoom:1;}
div.fullblock {float:none;clear:both;position:relative;overflow:hidden;zoom:1;}
#content div {}

#content li {
	list-style-type: none;
	list-style-image:none;
	padding: 1px 18px;
	margin-left:0;
	margin-top:0.4em;
	margin-bottom:0.4em;
	background:transparent url(/images/bullet_default.gif) no-repeat left top;
}

#content p img.pushleft {
	margin-left: -225px;
	position: absolute;
}

/*////////////////
*	side stuff
////////////////*/

#side h3{
	/*logo*/
	margin:0;
	padding:0;
	background:none;
	}
#side h3 a {
	display:block;
	width:200px;
	height:200px;
	background:transparent url(/images/default/logo_default.jpg) no-repeat 10px 8px;
	}
#side h3 a span{
	margin-left:-3000px;
	display:none;
	}


/*popupimage*/
html.popupimg, html.popupimg body, html.popupimg body table{
     margin:0;
     padding:0;
     height:100%;
     width:100%;
     border:none;
     background:white;
  }

body.popupimg table td{
   vertical-align: middle;
   text-align:center;
	margin:0;
	padding:0;
	}


/*////////////////
*	Events table
////////////////*/
table.events {
	width:530px;
}
table.events p {
	margin: 0;
	padding: 0.5em 15px;
}
table.events td,
table.events th {
	padding: 0px;
	margin: 0px;
	border: none;
	vertical-align: top;
}
table.events td {
	background: #fefefe;
	color: #656565;
	border-top: 1px #cbcbcb dotted;
}

table.events tr.last td {
	border-bottom: 1px #cbcbcb solid;
}

table.events th {
	background:#f8f8f8;
	color: #ff6600;
	font-size:1.2em;
	border-bottom: 2px #fff solid;
	border-top: 2px #fff solid;
}
table.events td.date {
	font-size:1.1em;
	width: 270px;
}
table.events td.booked p {
	background: url(/images/bg_alert.gif) no-repeat center center;
	text-align:center;
	height: 33px;
	width: 207px;
	color: white;
	padding-left: 30px;
	padding-top: 18px;
	font-weight: bold;
}

table.events td.closed p {
	background: url(/images/bg_alert.gif) no-repeat center center;
	text-align:center;
	height: 41px;
	width: 207px;
	color: white;
	padding-top: 10px;
	padding-left: 30px;
	font-weight: bold;
}
table.events td.closed p a {
	color: #ff6600;
}

table.events td.btn a {
	display:block;
	padding: 0;
	width: 100px;
	background: url(/images/bg_btn_80_0.gif) no-repeat center top;
	font-size: 11px;
	text-decoration: none;
	line-height: 13px;
}
table.events td.btn a span {
	color: white;
	display: block;
	font-weight: bold;
	padding: 4px 0;
}
table.events td.btn a:hover {
	background: url(/images/bg_btn_80_1.gif) no-repeat center top;
}


div.booking {
	position:relative;
}

/*////////////////
*	Form things
////////////////*/
button,
.button {
	background: url(/images/bg_btn_80_0.gif) no-repeat center center;
	padding:0 0 2px 0;
	margin:4px;
	width: 80px;
	height: 20px;
	border: none;
	color:#fff;
	cursor:pointer;
	font-size: 11px;
	text-decoration: none;
	line-height: 11px;
}

button:hover,
.button:hover {
	background: url(/images/bg_btn_80_1.gif) no-repeat center center;
}
.b120 {
	background: url(/images/bg_btn_120_0.gif) no-repeat center center;
	width: 120px;
}
.b120:hover {
	background: url(/images/bg_btn_120_1.gif) no-repeat center center;
}
.b140 {
	background: url(/images/bg_btn_140_0.gif) no-repeat center center;
	width: 140px;
}

.b140:hover {
	background: url(/images/bg_btn_140_1.gif) no-repeat center center;
}

input,
select,
textarea {
	border:1px #999999 solid;
	padding:2px;
	font-size:12px;
	font-family:Arial, sans-serif;
}
input.chbx {
	width:auto;
	border:none;
}
input,
textarea {
	width:25em;
}
input.var,
textarea.var {
	width:auto;
}
p.formHeader {
	padding: 0.5em 15px;
	margin-bottom: 0px;
	font-weight: bold;
	background:#f8f8f8;
	color: #ff6600;
	font-size:1.2em;
	border-bottom: 2px #fff solid;
	border-top: 2px #fff solid;
}
p.invalidFormHeader {
	color: #ff6600;
	font-weight: bold;
	padding: 0.5em 15px;
}
div.formElement {
	zoom:1;
	overflow: hidden;
	position: relative;
}

div.formElement p {
	background: #fefefe;
	color: #989898;
	border-top: 1px #cbcbcb dotted;
	padding: 0.5em 15px;
	margin-bottom: 0;
	margin-top: 0;
	zoom:1;
	overflow: hidden;
}
div.invalid p {
	border: 2px #ff6600 solid;
	margin-top:0;
	border-top:0;
	padding: 0.5em 13px;
}

p {
	position:relative;
	zoom:1;
}

form p.buttons {
	clear:both;
	float:none;
	position:relative;
	padding: 0.5em 15px;
}

div.formElement p.error {
	border: 2px #ff6600 solid;
	border-bottom:1px #ff6600 dotted;
	color: #fff;
	padding: 2px 13px;
	background: #ff6600;
	margin-bottom: 0;
}

form hr {
	height:1px;
	margin: 0 25px;
	padding:0;
}

.req input{background:#9ad2e7;}
.req select{background:#9ad2e7;}
.req textarea{background:#9ad2e7;}
.req {color:#f4e400;}

form .req label {
	color:black;
}

form label {
	font-style: italic;
	color:#656565;
	}

label.blk {
	width:13em;
	text-align:right;
	margin-top:2px;
	margin-right:0.5em;
	vertical-align: text-bottom;
	float:left;
	clear:left;
	display:inline;/*IE6 margin hack*/
	position:relative;
	zoom:1;
}

div.resume {
}
div.resume p {
	clear: both;
	float: none;
	border-bottom: 1px #eae8e8 dotted;
	overflow: hidden;
	position: relative;
	padding: 1px 0;
	margin: 0 25px;
	vertical-align: text-bottom;
}

p span.blk {
	margin-left:13.5em;
	display:block;
	padding:0;
	vertical-align: text-bottom;
}

form p span.hint {
	font-size:0.9em;
	color:#176dad;
}

div.resume p label.blk {
	width:9em;
	margin-top:0;
}
div.resume p span.blk {
	margin-left:9.5em;
}


input.paypal {
	/*Paypal button*/
	width:auto;
	padding:0;
	border:none;
	}
	
/*Footer*/
#footer div {	
	padding-top:1em;
	padding-bottom:1em;
	}
#footer p {
	font-size:0.9em;
	color: #989898;
	margin: 0.5em 0;
}
#footer a {
	color: #9cb38c;
}
#footer a:hover {
	color: #cc3300;
}


/*////////////////
*	Pomotions column
////////////////*/

#promo p.programme {
	margin: 0 10px;
}
#promo p.programme a {
	display: block;
	text-align: center;
	background: url(/images/bg_btn_programme_0.gif) no-repeat center center;
	padding: 4px 0 0 0;
	margin: 4px 0;
	height: 16px;
	cursor:pointer;
	font-size: 11px;
	text-decoration: none;
	line-height: 11px;
}
#promo p.programme a:hover {
	background: url(/images/bg_btn_programme_1.gif) no-repeat center center;
	color: #fd6600;
}

#promo p,
#promo h3 {
	margin: 0.3em 0;
	font-size: 1em;
}
#promo div.news h3,
#promo div.comingsoon h3 {
	color: #cc3300;
}

#promo div.content {
	padding: 0 0 5px 0;
	margin: 0 10px;
	/*background: url(/images/horizontal_dots_grey.gif) repeat-x left bottom;*/
}

#promo div.promotion {
	padding: 0 0 5px 0;
	margin: 0 10px;
	background: url(/images/horizontal_dots_grey.gif) repeat-x left bottom;
}
#promo div.promotion a {
	display: block;
	text-align: center;
	background: url(/images/bg_btn_promo_0.gif) no-repeat center center;
	padding:2px 0 0 0;
	margin:4px;
	height: 15px;
	cursor:pointer;
	font-size: 11px;
	text-decoration: none;
	line-height: 11px;
}
#promo div.promotion a:hover {
	background: url(/images/bg_btn_promo_1.gif) no-repeat center center;
	color: #fd6600;
	}

/*////////////////
*	Default collages : Can be overridden in collection css files
	There are 4 main styles : default,walks,booking,reccomend : These are derived from structure.xml page class attribute
	You can add new ones if you like.
////////////////*/
Xbody.default #frame {
	background-image:url(/images/istanbul/bg_collage_default.jpg);
}
body.booking #frame {
	background-image:url(/images/shared_collages/bg_collage_booking.jpg);
}
body.gallery #frame {
	background-image: none;
}
body.recommend #frame {
	background-image:url(/images/shared_collages/bg_collage_recommend.jpg);
}

/*
*	Ymlp form styles
*/
#ymlpform {
	width: 300px;
	float: right;
}

#ymlpform input {
	width: 10em;
	}