/*
 * css document
 *
 * Greg Merriman
 * Tue 24 Nov 2009
 *
 */

a, a:hover, a:active, a:link
{
	outline: none;
}

a.startagain,
a.startagainleft
{
	display: block;
	border: solid 1px #999;
	background-color: #efefef;
	padding: 3px 6px 3px 6px;
	text-decoration: none;
	float: right;
	margin: 2px 0 2px 0;
	width: 100px;
}

a.startagain:hover, a.startagain:active,
a.startagainleft:hover, a.startagainleft:active
{
	border: solid 1px #333;
	background-color: #fff;
}

a.startagainleft
{
	float: none;
	margin: 32px 0 0 0;
}

.clearfix
{
	clear: both;
}

fieldset
{
	border: 0;
	margin: 0 auto 20px auto;
	max-width: 580px;
}

form #supplements
{
	margin-bottom: 24px;
}

form #supplements div.option
{
	clear: both;
	display: block;
	margin-top: 12px;
	margin-right: 12px;
	border: solid 1px #ccc;
	background-color: #ececec;
}

form #supplements div.option label
{
	float: left;
	color: #333;
	font-size: 11px;
	font-weight: bold;
	margin-left: 6px;
	width: 75%;
	line-height: 28px;
}

form #supplements div.option input
{
	float: right;
	margin-top: 9px;
	margin-right: 48px;
	line-height: 28px;
}

form #supplements div.option span
{
	display: block;
	clear: both;
	font-size: 11px;
	font-weight: normal;
	margin-top: 4px;
	margin-left: 6px;
	margin-bottom: 6px;
	width: 75%;
	color: #666;
}

form #supplements div.option span strong
{
	font-size: 11px;
	font-weight: bold;
}


/* PRETTY RADIO BUTTONS */

div.prettyRadiobuttons {
	clear: both;
	margin-top: 12px;
}

.radiolist {
	list-style: none;
	margin: 0;
	padding: 0;
}

.radiolist p {
	float: left;
	margin-right: 10px;
	background: url("../images/radiobuttons/radiobutton.jpg") no-repeat 0 0;
	width: 180px;
	height: 220px;
	position: relative;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 6px;
	color: #fff;
}

/*wisc*/
.radiolist p#wisc {
	background: url("../images/radiobuttons/wisc.jpg") no-repeat 0 0;
}
.radiolist p#wisc.selected { background-position: -180px 0; }

/*wisc-undernines*/
.radiolist p#wisc-undernines {
	background: url("../images/radiobuttons/wisc.jpg") no-repeat 0 0;
}
.radiolist p#wisc-undernines.selected { background-position: -180px 0; }

/*wisc-ladies*/
.radiolist p#wisc-ladies {
	background: url("../images/radiobuttons/wisc.jpg") no-repeat 0 0;
}
.radiolist p#wisc-ladies.selected { background-position: -180px 0; }

.radiolist p.selected { background-position: -180px 0; }

.radiolist p.selected .radio-select { display: none; }

.radio-select {
	display: block;
	float: right;
	position: absolute;
	top: 185px;
	right: 10px;
	width: 85px;
	height: 23px;
	background: url("../images/select.gif") no-repeat 0 0;
	text-indent: -9999px;
}

.radiolist p input { display: none; }

a.radio-deselect {
	display: none;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	position: absolute;
	top: 185px;
	right: 10px;
	border: solid 1px #f3f3f3;
	background-color: #030;
	padding: 2px 4px 2px 4px;
}
a.radio-deselect:hover, a.radio-deselect:active {
	color: #f33;
	border: solid 1px #b30000;
}
.radiolist p.selected a.radio-deselect { display: block; }

.radiolist p span {
	display: block;
	text-align: center;
	padding: 8px;
	font-size: 12px;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
}


/*submit button*/

form input.nextbutton {
	display: block;
	float: right;
	width: 116px;
	height: 26px;
	border: 0;
	cursor: pointer;
	background: url("../images/nextbutton.gif") top center no-repeat;
	text-indent: -9999px;
	margin-right: 20px;
	/*hide submit button value*/
  display:block;
  font-size: 0px;
  line-height: 0px;
}
form input.nextbutton:hover {
	background: url("../images/nextbutton.gif") center center no-repeat;
	color: #fff;
}
form input.nextbutton:active {
	background: url("../images/nextbutton.gif") bottom center no-repeat;
	color: #fff;
}

form input.reservebutton {
	display: block;
	float: right;
	width: 116px;
	height: 26px;
	border: 0;
	cursor: pointer;
	background: url("../images/reservebutton.gif") top center no-repeat;
	text-indent: -9999px;
	/*hide submit button value*/
  display:block;
  font-size: 0px;
  line-height: 0px;
}
form input.reservebutton:hover {
	background: url("../images/reservebutton.gif") center center no-repeat;
	color: #fff;
}
form input.reservebutton:active {
	background: url("../images/reservebutton.gif") bottom center no-repeat;
	color: #fff;
}

/* first page form syling */

div.firstup div
{
	margin-top: 18px;
	margin-bottom: 6px;
}

div.firstup label
{
	clear: both;
	color: #333;
	font-size: 12px;
	float: left;
	width: 200px;
	text-align: right;
	margin-right: 8px;
}

div.firstup input.textinput
{
	float: left;
	border: solid 1px #ccc;
	font-size: 12px;
	width: 200px;
	padding: 2px 4px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
div.firstup input.textinput:focus
{
	border: solid 1px #666;
}

div.firstup p.promo
{
	clear: both;
	display: inline;
}

div.firstup input.promo_check
{
	clear: none;
	display: inline;
	margin: 0 0 0 3px;
	vertical-align: bottom;
}

div.firstup span.fieldinfo
{
	color: #666;
	font-size: 11px;
	padding-left: 12px;
}

div.firstup select
{
	font-size: 11px;
	border: solid 1px #ccc;
	width: 210px;
	padding: 2px 4px;
}
div.firstup select:focus
{
	border: solid 1px #666;
}

div.firstup option
{
	font-size: 11px;
	width: 200px;
	padding: 2px;
}


/* return coach option in supplements form syling */

#returncoachform
{
	border: solid 1px #333;
	width: 94%;
	margin: 8px auto 16px auto;
}

#returncoachform p#closereturncoachform a
{
	display: block;
	background: url("../images/close.gif") top right no-repeat;
	padding-right: 16px;
	height: 12px;
	line-height: 12px;
	text-align: right;
	text-decoration: none;
}

#returncoachform p#closereturncoachform a:hover, #returncoachform p#closereturncoachform a:active
{
	background: url("../images/close.gif") bottom right  no-repeat;
}

#returncoachform div
{
	margin-top: 18px;
	margin-bottom: 6px;
}

#returncoachform p
{
	margin-left: 6px;
	margin-right: 6px;
}

#returncoachform label
{
	clear: both;
	font-size: 11px;
	float: left;
	width: 200px;
	text-align: right;
	margin-right: 8px;
}

#returncoachform p span.label
{
	clear: both;
	font-size: 11px;
	float: left;
	width: 200px;
	text-align: right;
	margin-right: 8px;
}

#returncoachform p span.where
{
	font-size: 11px;
	float: left;
	width: 200px;
	padding: 2px 4px;
}

#returncoachform div.destination
{
	padding-bottom: 12px;
}


#returncoachform input.textinput
{
	font-size: 11px;
	float: left;
	width: 200px;
	padding: 2px 4px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#returncoachform span.fieldinfo
{
	font-size: 11px;
	color: #666;
	padding-left: 12px;
}

#returncoachform input.coachhire-submit
{
	clear: both;
	float: right;
	margin-top: 16px;
	margin-right: 126px;
}


/* right hand side styling */

#rhs
{
	clear: none;
	float: right;
	width: 180px;
	margin-top: 48px;
}

#quote
{
	color: #fff;
	text-align: center;
	background: url("../images/quote-background.jpg") top center no-repeat;
	height: 220px;
	width: 180px;
	margin-bottom: 9px;
}

#quote h4
{
	padding-top: 6px;
	font-size: 16px;
	margin-bottom: 24px;
}

#quote p
{
	color: #e0e0e0;
	font-size: 11px;
	margin-left: 10px;
	margin-right: 10px;
}

#quote p.from
{
	margin-top: 8px;
}

#quote p.price
{
	font-size: 48px;
	font-weight: bold;
	line-height: 64px;
}

#included
{
	color: #fff;
	text-align: center;
	background: url("../images/included-background.jpg") top center no-repeat;
	height: 220px;
	width: 180px;
	margin-bottom: 9px;
}

#added
{
	color: #fff;
	text-align: center;
	background: url("../images/added-background.jpg") top center no-repeat;
	height: 140px;
	width: 180px;
	margin-bottom: 9px;
}

#included h5,
#added h5
{
	padding-top: 8px;
	font-size: 14px;
}

#included ul,
#added ul
{
	text-align: left;
	margin-top: 12px;
	margin-left: 12px;
	margin-right: 10px;
	list-style: none;
}

#included ul li,
#added ul li
{
	background: url("../images/tick.png") top left no-repeat;
	line-height: 14px;
	margin-bottom: 6px;
	padding-left: 24px;
	font-size: 11px;
}

/* reserve online form */

#reserve_online div
{
	margin-top: 18px;
	margin-bottom: 6px;
}

#reserve_online label
{
	clear: both;
	color: #333;
	font-size: 12px;
	float: left;
	width: 200px;
	text-align: right;
	margin-right: 8px;
}

#reserve_online input.textinput
{
	float: left;
	border: solid 1px #ccc;
	font-size: 12px;
	width: 200px;
	padding: 2px 4px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#reserve_online input.textinput:focus
{
	border: solid 1px #666;
}

#reserve_online span.fieldinfo
{
	font-size: 11px;
	color: #666;
	padding-left: 12px;
}

#reserve_online p.human_verification span.label
{
	clear: both;
	font-size: 11px;
	float: left;
	width: 200px;
	text-align: right;
	margin-right: 8px;
}

#reserve_online p.human_verification span.images
{
}

#reserve_online span#codeinfo
{
	clear: both;
	display: block;
	font-size: 11px;
	margin-top: 8px;
}

/* form error messages*/

div.error_message
{
	border: solid 1px #c00;
	background-color: #f0cccc;
	padding: 6px;
}

div.error_message h4
{
	color: #d33;
	font-size: 12px;
}

div.error_message p
{
}

div.error_message ul
{
	font-size: 12px;
	list-style: circle;
	margin-left: 18px;
	margin-top: 6px;
}

div.error_message ul li
{
	color: #d33;
}

/* help tooltip */
/* trigger button */ 
a#help
{
	background: url("../images/help.gif") top center no-repeat;
	display:block;
	height:40px;
	overflow:hidden;
	text-indent:-9999px;
	width:174px;
	cursor:pointer;
	margin-bottom: 16px;
} 
 
/* mouseover state */ 
a#help:hover { 
    /*background-position:0 -44px ;*/
} 
 
/* clicked state */ 
a#help:focus { 
    /*background-position:0 -88px;*/
} 
 
/* tooltip styling */ 
.tooltip
{ 
	display: none; 
	background: url(../images/black_arrow_big.png) no-repeat;
	height: 232px;
	width: 310px;
	padding: 48px 40px 8px 40px;  
	font-size: 11px; 
	color: #fff; 
} 

.tooltip ol
{
	margin: 8px 3px 0 3px;
}

.tooltip ol li
{
	margin-bottom: 6px;
}