/* CSS Document */

* {
	padding: 0px;
	margin: 0px;
	}

html, body {
	text-align: center;
	background: url(../img/background.jpg) center top;
	}

h1 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	width: 395px;
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: bold;
	color: #1e770e;
	}


#container {
	width: 725px;
	height: 647px;
	margin: 0 auto;
	background: url(../img/background_content.jpg) left top no-repeat;
	padding-top: 28px;
	text-align: left;

	}

	#top {
		width: 705px;
		height: 204px;
		padding-left: 20px;
		padding-top: 20px;
		}

	#bottom {
		width: 705px;
		height: 334px;
		padding-left: 20px;
		padding-top: 20px;
		}


	#logo {
		width: 260px;
		height: 204px;
		float: left;
		}

	#picture {
		width: 400px;
		height: 204px;
		margin-left: 23px;
		float: left;
		}

	#menu {
		width: 260px;
		height: 334px;
		float: left;
		background-color: #379fb7;
		}

	#menu ul {
		list-style: none;
		margin-top: 20px;
		}

	#menu ul li a {
		border-bottom:1px solid #5DB1C5;
		color:#FFFFFF;
		display:block;
		font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
		font-size:16px;
		font-weight:bold;
		height:18px;
		margin-top:4px;
		padding-bottom:4px;
		padding-left:20px;
		text-decoration:none;
		width:230px;
		}

	#menu ul li a:hover {
		color: #FFFFff;
		background: url(../img/menu_over.gif) 10px 2px no-repeat;
		}

	#content  {
		width: 400px;
		height: 334px;
		margin-left: 23px;
		float: left;
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-align:justify;
		}

	#content a {
		color: #2e6fb3;
		padding-left: 15px;
		background: url(../img/link_dot.gif) left 2px no-repeat;
		}

	#content a:hover {
		text-decoration: none;
		color: #000000;
		}

	#content .link {
		color: #2e6fb3;
		padding-left: 0;
		}

	#content .link:hover {
		text-decoration: none;
		color: #000000;
		}

	#content-left {
		width: 235px;
		float: left;
		}

	#content-right {
		width: 165px;
		float: right;
		}

	#content-text {
		width				: 400px;
		height				: 304px;
		overflow			: auto;
		overflow-y			: auto;
		overflow-x			: hidden;
		margin-right		: -15px;
		margin-top			: 0px;
		}

	#content-text p{
		margin:10px 0px;
		}

	#content-text ul{
		list-style-type:square;
		margin-left:20px;
		}

	#content-text li{
		margin:5px 0px;
		}

#footer {
	width: 650px;
	margin: 0 auto;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: 30px;
	color: #FFFFFF;
	text-align:center;
	}

#footer a {
	color: #FFFFFF;
	}

#footer a:hover {
	text-decoration: none;
	}


/* JUST 4 HELF FROM 3oxa */
/* PAGING */
.paging {
    padding: 0;
    margin: 5px 0px 5px 0px;
    color: #535353;
    text-align:right;
    height: 15px;
    clear:both;
    display:block;
    vertical-align:top;
}
.paging ul {
    float:right;
    text-align:left;
    width:auto;
    height:12px;

    list-style:none;
    margin:0;
    padding:0;
}

.paging ul li {
	display:block;
    float:left;
    height:13px;
    line-height:13px;
    margin:0 2px;
    font-size: 11px;
    color: #535353;
	padding:0;
}

.paging ul li a {
	display:block;
    float:left;
    font-size: 11px;
    color: #535353;
    text-decoration:none;
	background:none !important;
	padding:0;
}
.paging ul li a.on {
    text-decoration:underline;
}

.paging ul li a:hover {
    text-decoration:underline;
}

.paging a#ruler_first {
    display:block;
    width:9px;
    height:13px;
    text-indent:-3000px;
    line-height:13px;
    background:#fff url(/skin/shared/images/button_pageFirst.gif) 0 65% no-repeat;
}

.paging a#ruler_prev {
    display:block;
    width:9px;
    height:13px;
    text-align:left;
    text-indent:-3000px;
    line-height:13px;
    background:#fff url(/skin/shared/images/button_pagePrev.gif) 0 65% no-repeat;
}

.paging a#ruler_next {
    display:block;
    width:9px;
    height:13px;
    text-align:left;
    text-indent:-3000px;
    line-height:13px;
    background:#fff url(/skin/shared/images/button_pageNext.gif) 0 65% no-repeat;
}

.paging a#ruler_last {
    display:block;
    width:9px;
    height:13px;
    text-align:left;
    text-indent:-3000px;
    line-height:13px;
    background:#fff url(/skin/shared/images/button_pageLast.gif) 0 65% no-repeat;
}
/*END PAGING*/

div.ThumbImage a{
	background:none !important;
	padding:0 !important;
	margin:0;
}

div.ThumbImage , div.ProductThumb{
	display:block;
	float:left;
	height:113px;
	border:1px solid #f5f5f5;
	margin-right:5px;
	margin-bottom:5px;
	padding:5px;
	width:150px;
	text-align:center;
}

div.ProductThumb{
	height:125px !important;
}

div.ThumbImage img , div.ProductThumb img{
	max-height:110px;
	height: expression(this.height > 110 ? 110: true);
}

div#ProductList a{
	background: none !important;
	padding:0 !important;
	text-align:center;
	font-weight:bold;
}
/* FORMS */
#OnlineRegistrationForm{ width: 370px; clear: both; float: left;}

#IntroText{ font-weight: bold; margin: 3px 0px 5px 0px; }

.asterix{ color: #990000; }
.Errors{
    color: #990000;
}

.TextFieldDiv, .SelectDiv, #OnlineSex, .DateSelect,
#OnlineCampOption, #OnlineSessionsDiv, .OnlineOptionsDiv,
#OnlinceExtraPrice, #OnlinceIAgree, #CaptchaImage, #CaptchaFieldDiv, #ContactButton{
    float: left;
    clear: both;
    width: 370px;
    margin-bottom: 5px;
}
.TextFieldDiv label, .SelectDiv label{
    float: left;
    width: 150px;
}
.TextFieldDiv input{
    float: right;
    width: 200px;
}

.SelectDiv select{
    float: right;
    width: 204px;
}
#InputProvinceDiv div{ margin: 0px; }

#OnlineSex label, .DateSelect label{
    float: left;
    width: 165px;
}

label.OnlineCampOption, label.OnlinePrices, #OnlineOptionsDiv label, #OnlineSessionsDiv label{
    float: left;
    width: 370px;
    margin-bottom: 3px;
}

#OnlineSex .RadioButton{ float: left; width: 100px;}
#OnlineSex .RadioButton input{ float: left; margin-right: 5px;}
#OnlineSex .RadioButton label{ float: left; width: 75px;}
#dob_day  { float:left; width: 45px; }
#dob_month{ float:left; width: 90px; margin-left: 5px;}
#dob_year { float:left; width: 60px; margin-left: 5px;}

.RadioButtons{
    float: left;
    width: 165px;
}
.RadioButtons input{ margin-right: 5px; }
.RadioButtons label{}

#OnlinePrices .RadioButtons{ width: 168px; }
#OnlinePrices #buttonprices4{ width: 230px; margin-bottom:10px;}
#OnlinePrices #buttonprices9{ width: 230px; margin-bottom:10px;}

#OnlineOptionsDiv .Checkbox{ float: left; width: 120px; margin-top: 3px;}
.Checkbox input {float: left; margin-right: 5px; width: 13px; }
#OnlineOptionsDiv .Checkbox label{
    float: left;
    width: 100px;
}
#OnlineSessionsDiv .Checkbox{
    width: 165px;
    float: left;
}
#OnlineSessionsDiv .Checkbox label{
    float: left;
    width: 140px;
}

#Content77{
    float: left;
    width: 370px;
    clear: both;
    margin: 10px 0px 10px 0px;
}
#Content77 ol{ margin-left:30px; }

#CaptchaImage img{ float: left; margin-left: 165px;}
#CaptchaFieldDiv label{ float: left; width: 250px; }
#CaptchaFieldDiv input{ float: right; width: 200px; }