/** SKI HIRE page styles **/

/* The toolbar for the content box */
ul#toolbar {
	height: 30px;
	/*width: 378px;*/
	text-align: center;
	list-style: none;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	clear: both;
	line-height: 28px;
}
#toolbar li {
	float: left;
	margin-right: 2px;
}
#toolbar li a {
	height: 30px;
	display: block;
}
#toolbar li.active {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #efefef;
}
#toolbar li.inactive {
	border-top: 1px solid #f2f2f2;
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
}
#toolbar li:hover {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#toolbar li#location-tab {
	width: 120px;
}
#toolbar li#party-tab {
	width: 120px;
}
#toolbar li#equipment-tab {
	width: 120px;
}


#frame,
#frame div.button,
#scroller,
.section
{
/*	height:400px;*/
}

#scroller {
	width: 412px;
	margin: 0 0 0 0;	
	border: 1px solid #ccc;
	/*background-color: #f3f;*/
	overflow: hidden;
}

#content {
	width: auto;
	padding: 0px;
}
	
.section {
	width: 540px;
	margin: 0px;
	/*float: left;*/
}

.box_head_bar
{
	clear: both;
	background: url("/images/title_bk_blue.gif") center left repeat-x;
	height: 26px;
/*	line-height: 24px;
	padding-top: 4px;*/
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}



#view_location_head,
#view_party_head,
#view_equipment_head
{
	float: left;
	margin-top: 4px;
	padding-left: 10px;
	cursor: pointer;
}

.toggle_icon {
	float: right;
	margin-top: 4px;
	padding-right: 6px;
}

#view_location_edit,
#view_party_edit,
#view_equipment_edit
{
	float: right;
	margin-top: 4px;
	padding-right: 10px;
	cursor: pointer;
}


.section#location-pane {
	clear: both;
	display: none;
	border: 1px solid #ccc;
	background: #fff url(../bin/bg_catContainer.gif) top left repeat-x;
}
.section#party-pane {
	clear: both;
	display: none;
	border: 1px solid #ccc;
	background: #fff url(../bin/bg_catContainer.gif) top left repeat-x;
}
.section#equipment-pane {
	clear: both;
	border: 1px solid #ccc;
	background: #fff url(../bin/bg_catContainer.gif) top left repeat-x;
}


hr {
	clear: both;
	height: 0px;
	border: 0px;
	visibility: hidden;
	padding: 0px;
	margin: 0px;
}

.cat_desc {
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	text-align:justify;
}

.save_button,
.cancel_button
{
	float: right;
	background: url("/images/bg_highlight.png") center left repeat-x;
	height: 24px;
	line-height: 24px;
	padding: 0px 10px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	margin: 5px 5px 5px 0px;
	cursor: pointer;
}

.action_button
{
	float: right;
	line-height: 24px;
	margin: 5px 5px 5px 0px;
	cursor: pointer;
}

.partyselector {
	float: left;
	display: block;
	cursor: pointer;
	height: 15px;
	border: solid 2px #ccc;
	padding: 5px 10px;
	margin: 0px 3px 3px 0px;
	background-color: #d2eafc;
}

ul.action_buttons {
	list-style: none;
	float: left;
	width: 100%;
	line-height: normal;
	margin: 0;
	padding: 5px 5px 5px 0;
	list-style: none;
}
ul.action_buttons li {
	float: right;
	background: url("/images/ski_hire_button_left.gif") no-repeat left top;
	margin: 0;
	padding: 0 0 0 9px;
}
ul.action_buttons li.disabled {
	background-image: url("/images/ski_hire_button_left_grey.gif");
}
ul.action_buttons a {
	float: left;
	display: block;
	background: url("/images/ski_hire_button_right.gif") no-repeat right top;
	padding: 4px 15px 5px 6px;
	text-decoration: none;
	font-weight: bold;
	color: #eee;
}
ul.action_buttons li.disabled a {
	background-image: url("/images/ski_hire_button_right_grey.gif");
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
ul.action_buttons a {
	float: none;
}
/* End IE5-Mac hack */
ul.action_buttons a:hover {
	color: #fff;
}


.tabs_container {
	background-color: none;
	margin: 0px !important;
	padding: 0px;
}
.tabs_container ul {
	position: relative;
	margin: 0px !important;
	padding: 0px;
	xheight: 2em;
}

.topLevel {
	margin: 0px !important;
	clear:both;
}

.secondLevel ul {
	display: block;
	margin: 0px 0px 0;
	padding: 0;
	clear: both;
	background-color: #B6C4D7;
	line-height: 2em;
	border: 0 solid #63839c;
	border-width: 1px 0;

}

.tabs_container ul li {
	float: left;
	display: block;
	height: 10px;
	margin: 0px 2px 0px 0px;
	padding: 0px;
	width: auto;
	height: auto;
}

/* tabs - common to category and type */

/* tabs - category */
.secondLevel ul li {
	margin: 0;
	padding: 0;
	display: inline;
	border-right: 1px solid #888;

}
.topLevel ul li {
	color: white;
	font-weight: bold;
	font-size: 12px;
	background: url(/bin/left_tab_1.gif) no-repeat top left;
}
.tabs_container .topLevel ul li:hover {
	display:block;
	margin-left:0px;
}

.secondLevel ul li a {
	line-height: 2em;
	font-weight: normal;
	white-space: nowrap;
	margin: 5px;
	font-size: 12px;
	color: #000;
	outline: none;
}
.topLevel ul li a {
	display:block;
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	background: url(/bin/right_tab_1.gif) no-repeat top right;
	margin-left:5px;
	color: #000;
	outline: none;
}
.secondLevel ul li.type_selected a {
	font-weight: bold;
	outline: none;
}
.topLevel ul li.selected a {
	background: url(/bin/right_tab_2.gif) no-repeat top right;
	outline: none;
}
.topLevel ul li a:hover {
	display:block;
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-left:5px;
	color:#FF0000;
	outline: none;
}

.secondLevel ul li.type_selected {
}
.topLevel ul li.selected {
	background: url(/bin/left_tab_2.gif) no-repeat top left;
}


.topLevel ul li.action a,

.topLevel ul li.action {

		background: none;

}


.tabs_container ul li.type_selected {
}


img { border: none; }

/*
.catContainer img {
	max-width: 250px;
}
*/



/* These following two control the max width of
   images. This stops the page looking bad if
   users upload large images. */
img.normalProductImage {
	max-width: 250px;
}

img.wideProductImage {
	max-width: 450px;
}

.catContainer,
.partyContainer {
	width: auto;
	margin: 0px;
	background:url(../bin/bg_catContainer.gif) repeat-x;
	border: 1px solid #CCCCCC;
	clear:both;
}

.typeContainer {
	width: auto;
	margin: 0px;
	background:url(../bin/bg_catContainer.gif) repeat-x;
	clear:both;
}



.catContainer p, 
.typeContainer p,
.partyContainer {
	font-size: 12px;
	padding-right: 5px;
	padding-left: 5px;
}
.partyContainer {
	width: 527px;
	padding: 0px;
}
.partyContainer td, input, select {
	font-size: 11px;
}


.catContainer {
	min-height: 500px;
}
.typeContainer {
	width: auto;
	min-height: auto;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 50x;
}

.catContainer > p:first-child {
	margin-top: 0px;
	/*border: 3px solid #D6FFD6;*/
	padding: 4px;
	font-size: 11px;
}

.s1 td,
.s2 td {
	vertical-align: top;
}

.s1 td {
/*	background-color: #F0F0FF;*/
}

.prod_name {
	display: block;
	float: left;
	color: #003f8c;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}
.prod_name_image {
	float: left;
	margin-right: 5px;
	cursor: pointer;
}





/* ORDER SUMMARY Styling */
.orderSummarryWrapper {
	width: 160px;
	margin: 222px 5px 5px 5px;
	padding: 3px;
	background-color: #fff;
	border: solid 1px #dfdfdf;
}


.orderSummary {
	/*padding-left: 9px;
	padding-right: 9px;
	background:#F7F7F7 url(../bin/basket_middle.gif) repeat-y;*/
}

.orderSummary td {
	font-size: 9px;
}

.orderSummary td.bottom {
/* background:url(../bin/basket_bottom.gif) bottom no-repeat; */
}

.orderSummary td.top {
	background-color: #fff;
	height: 22px;
	/* padding-top: 9px;
	background:url(../bin/basket_top.gif) top no-repeat;
	border-bottom: 1px solid #ccc; */
	font-size:12px;
	font-weight:bold;
}

.orderSummary th {
	border-bottom: 1px solid #CCCCCC;
	font-weight: bold;
	/*background:url(../bin/basket_top.gif) no-repeat;*/
	/*background-color: #EEFFEE;*/
}

.orderSummary .line td {
	/*border-bottom: 1px solid #CCCCCC;*/
	color: #990000;
}

.orderSummary .line1 td {
	border-top: 1px solid #CCCCCC;
	padding-top: 2px;
	color: #990000;
}

.orderSummary .line2 td {
	border-top: 1px solid #CCCCCC;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #990000;
}

.orderSummary .name {
	font-size: 11px;
}

.orderSummary .addname {
	cursor: pointer;
}

.orderSummary .subTotal td, .orderSummary .total td {
	text-align:right;
	font-weight: bold;
}

.orderSummary .total td {
/*	border-top: 2px solid #CCCCCC;*/
	font-size: 11px;
	font-weight:bold;
	border-top:solid 1px #CCCCCC;
}

.orderSummary .subTotal td {
/*	border-top: 1px solid #D6FFD6;*/
}




/* Tool tip styling */
.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}

.tool-title {
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(../images/bubble.png) top left;
}

.tool-text {
	font-family: arial, sans-serif;
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../images/bubble.png) bottom right;
}




#checkout_text {
/*	padding: 0px 10px 0px 10px;*/
	text-align: justify;
	padding: 0px;
}




/* Not sure if we need these */
.object_normal
{
	width: 189px;
}

.x
{
	background-color: #F5E5E5;
	border: 1px solid #EBCCCC;
}

.ximg
{
	border: 1px solid #EBCCCC;
}

.cal
{

}

.object_small
{
	width: 63px;
}

.messageStackWarning
{
	margin: 5px;
	background-color: red;
	padding: 3px;
	color: white;
	font-weight: bold;
}

.normal_price,
.n_price {
	font-family: font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}
.n_price {
	font-size: 12px;
}
.discount_price,
.d_price {
	font-family: font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	font-weight: bold;
}
.d_price {
	font-size: 13px;
}
/*styling for normal price and discounted price*/

/*.n_price{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
}
.n_price{
font-size: 12px;
}

.discount_price,
.d_price {
font-size:12px;
color:#333;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.d_price {
font-size:13px;
}*/








#mainNav ul{
	padding:0px;
	margin:0px;
}

#mainNav li{
	height:71px;
	list-style:none;
	float:left;
	background-color:#EBEBEB;
	background-image: url(images/navBtn.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#mainNav li.current{
	background-color:#C36615;
	background-image: url(images/navCurrentBtn.gif);
}

#mainNav li.lastDone{
	background-color:#7C8437;
	background-image: url(images/navLastDoneBtn.gif);
}

#mainNav li.done{
	background-color:#7C8437;
	background-image: url(images/navDoneBtn.gif);
}

#mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active {
color:#ccc;
}

#mainNav li.lastDone a, #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active, #mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active {
color:#fff;
}

#mainNav li.done a:hover, #mainNav li.lastDone a:hover  {
color:#FFFF99;
cursor:hand;
}

#mainNav li a em{
width:150px;
display:block;
margin:6px 0 0 10px;
font-style:normal;
font-weight:bold;
}

#mainNav li a span{
width:140px;
display:block;
margin-left:10px;
font-weight:normal;
}

#mainNav li.mainNavNoBg{
background-image:none;
}

#mainNav li a{
height:71px;
display:block;
}

/* #mainNav.fiveStep */
#mainNav.fiveStep li{width:182px;}
#mainNav.fiveStep li a{width:182px;}

/* #mainNav.fourStep */
#mainNav.fourStep li{width:227px;}
#mainNav.fourStep li.mainNavNoBg{width:229px;}
#mainNav.fourStep li a{width:227px;}

/* #mainNav.threeStep */
#mainNav.threeStep li{width:130px;}
#mainNav.threeStep li.mainNavNoBg{width:130px;}
#mainNav.threeStep li a{width:130px;}

/* #mainNav.twoStep */
#mainNav.twoStep li{width:455px;}
#mainNav.twoStep li a{width:455px;}