/** 

 * SilverStripe Black Candy Theme

 * http://www.silverstripe.com

 *

 * Main Layout File

 */

 

/* Misc Styles and defaults 

-------------------------------------------- */

  

* {

	margin: 0;

	padding: 0;

}



body {

	color: #333;

 	font-size: 62.5%; 

 	margin-bottom: 40px;

	font-family: Verdana, Lucida, sans-serif; 

}



html {

	background: url(../images/main-bg.png) repeat;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}

caption, th, td {

	text-align: left;

	font-weight: normal;

}



.clear{

	clear:both;

}



/* CONTAINER

----------------------------------------- */

#BgContainer {

	width: 941px;  

	margin: 0 auto; 

}

#Container { 

	width: 941px;

	margin: 0 auto; 

}

#Layout {

	width: 870px;

	clear: both;

	height: 454px;

	margin: 0px 0px 0px 41px;

	background: url(../images/mid-bg.jpg) no-repeat left top;

	padding: 0 15px;

	z-index:1;

}

#Layout2 {

	width: 870px;

	clear: both;

	overflow: hidden;

	margin: 0px 0px 0px 41px;

	background: #bfeaff url(../images/mid-bg2.jpg) no-repeat left top;

	padding: 0 15px 15px 15px;

	z-index:1;

}

#Content {

	width: 495px;

	float: right; 	

	margin: 0;

	text-align: left;

}

#Inner {

	position:relative;

	left: 196px;

	width: 550px;

	clear: both;

}

#Lower {

	width: 870px;

	clear: both;

	height: 367px;

	margin: 0px 0px 0px 41px;

	background: url(../images/lower.jpg) no-repeat left top;

	padding: 0 15px;

	z-index:1;

}

.LowerSm {

	width: 310px;

	line-height:2.5em;

	height: 300px;

	margin:60px 0 0 0;

	float:right;

	z-index:1;

}

.LowerSm ul li {

	list-style:disc;

	font-size:1.2em;

	font-weight:700;

}

#Lower2 {

	width: 870px;

	clear: both;

	margin: 0px 0px 0px 41px;

	background: #fff5d1;

	padding: 0 15px;

	z-index:1;

}

#Lower2 table{

	width: 550px;

}

#Lower2 table tbody tr td{

	width: 50%;

}

.Lower2 table tbody tr td ul li {

	list-style:disc;

	font-size:1.2em;

	color:#F60;

	font-weight:700;

}

/* HEADER

----------------------------------------- */

#Header { 

 	width: 941px;

	height: 167px;

 	margin: 0 auto;

	background: url(../images/header-pg.png) no-repeat left top;

	z-index:300;

}

#Header2 { 

 	width: 941px;

	height: 167px;

 	margin: 0 auto;

	background: url(../images/header-bg.png) no-repeat left top;

	z-index:300;

}

/* MAIN NAVIGATION - TABS

----------------------------------------- */

#Navigation {
	width: 941px;
	margin: 0 auto;
	position:relative;
	top: 85px;
}

	#Navigation ul { 

 		float: right;

		margin-right: 9px;

		z-index:5000;

	}

		#Navigation ul li { 

	 		list-style: none;

			margin: 0;

			float: left;

			line-height: 4.5em;

			white-space:nowrap;

		}

  			#Navigation ul li a { 

				float: left;

				text-decoration: none;

				font-weight:700;

				display: block; 

				height: 46px; 

				font-size: 1.1em;

				padding-left: 9px;

				color: #777;

			    white-space:nowrap;

			}

				#Navigation ul li a span {

	        		float: left;

					padding-right: 9px;

					height: 46px;

				    z-index:5000 !important;

				}

					#Navigation ul li a:hover { 

						color: #777;

						cursor: pointer;

					}

					#Navigation ul li a:hover span {

						cursor: pointer;

					}

					

    			#Navigation ul li a.current,

	    		#Navigation ul li a.section,

	    		#Navigation ul li a.section:hover,

	    		#Navigation ul li a.current:hover {

					height: 46px;

				 	background: url(../images/tabLeft.png) no-repeat left top; 

				 	color: #777;

					}

				#Navigation ul li a.current span,

				#Navigation ul li a.section span,

	    		#Navigation ul li a.section:hover span,

				#Navigation ul li a.current:hover span {

					height: 46px;

					background: url(../images/tabRight.png) no-repeat right top;

					color: #777;

				}

				#Navigation ul li a.current span span,

				#Navigation ul li a.section span span,

	    		#Navigation ul li a.section:hover span span,

				#Navigation ul li a.current:hover span span {

					height: 46px;

					background: url(../images/tabCenter.png) repeat-x top;

					color: #777;

				}

				

	#Lower2 ul {

		font-size:1.2em;

		font-weight:bold;

		font-family:"Arial Black", Helvetica, sans-serif;

	}

		#Lower2 li {

			list-style-type:circle;

		}

		#Lower2 li a{

		color:#663300;

		text-decoration:none;

		}

		#Lower2 li a:hover {

		text-decoration:underline;

		}



/* BREADCRUMBS

-------------------------------------------- */

#Breadcrumbs { 

 	color: #B7C0C5;

	text-align: left;

	font-size: 0.9em; 

	margin: 0px 5px 10px 0;

}

	#Breadcrumbs p {

		margin: 0;

	}





/* SIDEBAR

-------------------------------------- */

#Sidebar { 

 	width: 196px;

	float: left;  

	margin: 0;

	padding: 0 0 0 60px;

}

	#Sidebar .sidebarBox {

		margin: 0;

	}

	#Sidebar ul {

		margin: 0;

	}

		#Sidebar li {

			margin: 0;

			height: 31px;

			width: 196px;

			list-style: none;

		    background: transparent url(../images/nav-bg.png) no-repeat center top;

		}

	#Sidebar .sidebarTop { 

		clear: both; 

		height: 25px;

		margin: 0;

		background: transparent url(../images/nav-top.png) no-repeat center top;

	}

	

	#Sidebar .sidebarBottom {

		height: 34px;

		width: 196px;

		margin: 0;

		background: url(../images/nav-bottom.png) no-repeat center top;

	}

	#Sidebar a em {

		font-style: normal;

	}

	#Sidebar p {

		font-size: 1.1em;

	 	clear: both;

	 	margin: 0;

		padding:0;

	}

	

	/* MENU2 */

    ul#Menu2 li { 

    	font-size: 0.9em; 

    	margin: 0;

        list-style: none;

    }

    	ul#Menu2 li a {

            display: block;

            width: 196px;

            font-size: 1.3em;

            height: 31px;

            line-height: 2.8em;

            color: #006699;

      	}

			ul#Menu2 li em {

				padding-left: 8px;

				display: block;

			}

				ul#Menu2 li li em {

					padding-left: 0;

				}

      	/* Level 1 

      	- We use 3 elements for the nav to get 3 background images applied.

            * span - topleft rounded corner

            * em - bottomleft rounded corner

            * a - arrow on the right

            <a><span><em></em></span></a>

      	*/

      	ul#Menu2 li a.current,

        ul#Menu2 li a.current:hover {

			background: url(../images/nav-on.png) no-repeat center top;

        	color: #006699;

			cursor: pointer;

            text-decoration: none;

      	}

      	ul#Menu2 li a:hover {

        	background: url(../images/nav-hover.png) no-repeat center top;

        	color: #006699;

			cursor: pointer;

            text-decoration: none;

      	}

	  	ul#Menu2 li a.current {

	  		font-weight: 700;

	  	}

      	ul#Menu2 li a.section,

      	ul#Menu2 li a.section:hover {

            font-weight: 700;

            width: 196px; 

      	}

      	ul#Menu2 li a.levela:hover span,

      	ul#Menu2 li a.current span,

      	ul#Menu2 li a.section span,

      	ul#Menu2 li a.section:hover span,

      	ul#Menu2 li a.current:hover span {

			display: block;

			width: 100%;

			height: 100%;

		} 

		ul#Menu2 li a.levela:hover em,

		ul#Menu2 li a.current em,

		ul#Menu2 li a.section em,

		ul#Menu2 li a.section:hover em,

		ul#Menu2 li a.current:hover em {

			display: block;

			width: 100%;

            height: 100%;

      	}

      		ul#Menu2 li ul {

            	height: 100%;

            	position: relative;

            	margin: -4px 0 0 0;

            	width: 193px;

            	padding: 4px 0 10px 0;

            	background: #DCDCDC url(../images/sidebarSectionBottom.png) no-repeat bottom left;

      		}

      			ul#Menu2 li ul li {

            		width: 160px;

            		background: #DCDCDC;

            		padding: 0;

            		font-size: 0.8em;

            		display: inline;

            		margin: 0;

      			}

      				ul#Menu2 li ul li ul {

            			background: #DCDCDC;

            			margin-left: 0;

      				}	

      

					ul#Menu2 li li a.current,

      				ul#Menu2 li li a.section,

      				ul#Menu2 li li a.section:hover,

      				ul#Menu2 li li a.current:hover {

            			color: #555;

            			font-weight: 700;

            			background: #DCDCDC;

      				}

      					ul#Menu2 li li ul {

            				margin: 0 0 0 10px;

            				padding: 0;

            				width: 175px;

      					}

      					ul#Menu2 li li ul .roundWhite {

            				margin-bottom: -10px;

      					}

      			

			/* Sub Menu */

      		ul#Menu2 li a.levelb {

            	font-size: 1.7em;

            	text-indent: 8px;

            	width: 188px;

				background: transparent;

            	margin-left: 10px;

      		}

	  		ul#Menu2 li a.levelb:hover,

      		ul#Menu2 li li a.current,

      		ul#Menu2 li li a.current:hover,

      		ul#Menu2 li li a.section,

      		ul#Menu2 li li a.section:hover {

            	background: #BCBCBC url(../images/sidebarSideArrow2.gif) no-repeat right center;

            	text-decoration: none;

            	display: block;

            	color: #fff;

      		}

      		ul#Menu2 li a.levelb:hover span,

      		ul#Menu2 li li a.current span,

      		ul#Menu2 li li a.current:hover span,

      		ul#Menu2 li li a.section span,

      		ul#Menu2 li li a.section:hover span {

            	background: transparent url(../images/sidebarTopLeftHover2.gif) no-repeat left top;

            	display: block;

            	width: 100%;

            	height: 100%;

      		} 	

      		ul#Menu2 li a.levelb:hover em,

      		ul#Menu2 li li a.current em,

      		ul#Menu2 li li a.current:hover em,

      		ul#Menu2 li li a.section em,

      		ul#Menu2 li li a.section:hover em {

            	background: transparent url(../images/sidebarBottomLeftHover2.gif) no-repeat left bottom;

            	display: block;

            	width: 100%;

            	height: 100%;

      		}



/* COMMENTS

---------------------------------------- */

#CommentHolder ul {

	list-style: none;

	margin: 20px 0;

}

#PageComments li {

	margin: 5px 0;

	padding: 1px;

	width: 88%;

}

	#PageComments li.odd {

		background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;

		padding-left: 40px;

		padding-right: 10px;

		border-bottom: 2px solid #BCE4FE;

	}

	#PageComments li.even {

		background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;

		padding-right: 40px;

		padding-left: 10px;

	}



		#PageComments li.odd p.info {

			color: #3AA0C3;

		}



		.actionLinks li {

		   display: inline;

		   border-right: 1px solid;

		}

			.actionLinks li a {

				padding-right: 3px;

				font-size: 10px;

			}

   			.actionLinks li.last {

      			border-right: none;

   			}



.commentrss {

	background: transparent url(../images/feed-icon-14x14.png) no-repeat;

	padding-left: 20px;

	font-size: 1.1em;

	line-height: 1.6em;

}

#PageCommentsPagination p {

	text-align: center;

	font-size: 1.2em;

}

#PageComments p {

	font-size: 1em;

}

	#PageComments p.info {

		color: #999;

		margin: 0px;

		padding: 0;

		line-height: 1em;

		font-size: 0.9em;

	}



/* SEARCH RESULTS STYLES

------------------------------------------------ */

ul#SearchResults {

	margin: 10px 0;

}

	ul#SearchResults li {

		list-style: none;

		margin: 5px 0;

		font-size: 1em;

	}



/* SEARCH FORM 

-----------------------------------------------*/

html #SearchForm_SearchForm {

	float: right;

	width: 240px;

	margin: 5px;

}

html #SearchForm_SearchForm .middleColumn {

	float: left;

	width: 164px;

	margin: 0 5px 0 0;

	padding: 2px;

	background-color: #51a9df;

	

}

	html #SearchForm_SearchForm .middleColumn input.text {

		width: 160px;

		border: none;

		color: #666;

	}

html #SearchForm_SearchForm #SearchForm_SearchForm_action_results {

	float: left;

	margin-top: 2px;

}



/* MESSAGEBOXS

--------------------------------------------- */

.message {

	margin: 15px;

	padding: 5px;

	width: 92%;

	color: #979908;

	border: 4px solid #F7F8B4;

	background: #FFFFEA;

}

span.middleColumn .message {

	margin: 4px 0 0 3px;

}

.required {

	margin: 4px 0 0 3px;

	padding: 5px;

	width: 92%;

	color: #DC1313;

	border: 4px solid #FF7373;

	background: #FED0D0;

}







p#Remember label {

	margin: -24px 0 0 20px;

	text-align: left;

}

.entry {

	border-bottom: 1px solid #eee;

}



.typography #Content p.authorDate {

	color: #444;

	margin-top: -15px;

	}

/* UNSUBSCRIBE NEWSLETTER

------------------------------------------------ */

#Unsubscribe_MailingListForm_MailingListForm{

	min-height:100px;

}



	#Unsubscribe_MailingListForm_MailingListForm p{

		margin:0 !important;

		padding:10px;

	}

		#Unsubscribe_MailingListForm_MailingListForm p label{

			display: inline;

		}

	#Unsubscribe_MailingListForm_MailingListForm label{

		margin:0;

	}



#fbLink {
	position: relative;
	float: right;
	top: 10px;
	right: 10px;
	width: 32px;
	height: 32px;
}

#kayakLink {
	position: relative;
	font-family: 'Architects Daughter', Verdana;
	float: left;
	top: 90px;
	left: 290px;
	width: 320px;
	height: 32px;
}

#kayakLink span a:link, #kayakLink span a:visited {
	color: red;
	position:absolute;
	font-weight:700;
	top:7px;
	font-size:15px;
}

/* FOOTER

----------------------------------------------- */



#Footer { 

 	clear: both;

	font-family:Garamond, "Times New Roman", Times, serif;

	font-weight:700;

	width: 870px; 

	height: 90px;

	overflow: hidden;

	margin: 0 0 0 41px;

	padding: 15px;

	background: url(../images/footer.png) no-repeat left top; 

}

	#Footer .footerTop {

		width: 100%;

		background: #000;

		display: block;

		height: 2em;

	}

  	#Footer p { 

	    width:100%;

		color: #663300;

		font-size: 1.8em;

		text-align: center;

	}

  		#Footer a { 

	   		color: #663300; 

	   		text-decoration: none;

		}

			#Footer a:hover {

				color: #663300;

				text-decoration: underline;

			}
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
    position:absolute;
    left:0px;
    bottom:-20px;
    background:#000;
    color:#fff;
    opacity:0.8; /* Overridden by captionOpacity setting */
    width:100%;
    z-index:89;
	height:20px;
}
.nivo-caption p {
	padding:0;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
/*============================*/

/*=== Custom Slider Styles ===*/

/*============================*/

#slider-wrapper {
    width:100%;
    height:203px;
    position: relative;
    top: -20px;
}

#slider {
    position:relative;
    width:317px;
    height:203px;
    background:url("images/loading.gif") no-repeat 50% 50%;
    margin:0 auto;
}

#slider img {
    position:relative;
    display:none;
    margin:0 auto;
}

#slider a {
    border:0;
    display:block;
}

.nivo-controlNav {
    position:absolute;
    left:10px;
    bottom:-92px;
}

.nivo-controlNav a {
    display:block;
    width:22px;
    height:22px;
    background:url("images/bullets.png") no-repeat;
    text-indent:-9999px;
    border:0;
    margin-right:3px;
    float:left;
}

.nivo-controlNav a.active {
    background-position:0 -22px;
}

.nivo-directionNav a {
	z-index:99;
	cursor:pointer;
    display:block;
    width:30px;
    height:30px;
    background:url("images/arrows.png") no-repeat;
    text-indent:-9999px;
    border:0;
}

a.nivo-nextNav {
	position:absolute;
	top:45%;
    background-position:-30px 0;
    right:-38px;
}

a.nivo-prevNav {
	position:absolute;
	top:45%;
    left:-38px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
	visibility:hidden;
}

.nivo-caption p {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 200%;
	color: #FFF !important;
}

.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/

.clear {
    clear:both;
}
.forSale {
    position: absolute;
    top: 0;
    left: 600px;
    width: 250px;
    padding: 10px 20px;
    background: #fff;
    border: 1px #666 solid;
    font-weight: bold;
}