/cdiv { border:1px dotted #999;}


/* css reset */

h1, h2, h3, h4, h5, h6 {   margin-top: 10px;   margin-bottom: 0px;   font-size: 100%; } 
p, ul, ol {   margin-top: 0px;   margin-bottom: 10px;   font-size: 100%; }
li {   margin: 0px;   padding: 0px; }
table {   border-collapse: collapse;   border-spacing: 0px;   font-size: inherit; }

/* EOF css reset */

a { color: #6b1c12; text-decoration: none;}
 a img {border: none;}

body {	font: 100% Arial, Helvetica, Verdana, sans-serif; font-size: 12px; background: #bfc1c3; 	margin: 0px; 	padding: 0px;	text-align: center; color: #333;}

#pageMainContent    {text-shadow: 1px 1px 1px #DDD}
#pageMainContent .node  a {font-weight: bold;  }
/* #pageMainContent  a img, #pageMainContent .imagecache-makeThumb  {border:none} */
	#pageMainContent .node  a:hover {font-weight: bold; color: #300;}
.content {font-size:14px; line-height: 140%; }
	h1 {font-size:20px;}

#outerContainer { 	width: 1110px; 	margin: 0px auto;	 	text-align: left; }
	
#wlxHeader {margin: 0px auto;	 padding:0; width: 1110px; height:220px;	background-image: url(stationery/headerBckg.jpg); 	background-repeat: no-repeat;}
	.front #wlxHeader {background-image: url(stationery/homeHeader.jpg); }


#homeSplash {width: 1110px; height:302px; 	background-image: url(stationery/homeSplashBckg.jpg); 	background-repeat: no-repeat; } 
	

a#homeLogoOverlay { width:156px; height:156px; margin:1px solid #006; display:block; float:left;}
	a#homeLogoOverlay img {width:156px; height:156px; border:none}

#mainMenu { height:156px; width: 1000px; position:relative; top: 55px; left:62px; font-family: Georgia, serif; font-style: italic;}
		ul.links {padding:0; margin:0;}
		ul.links li { display: inline;  list-style-type: none; margin-right:6px;}
		#mainMenu a, #mainMenu {text-transform: capitalize; color: #FEE; text-decoration:none;	text-shadow: 1px 1px 1px #5a1012}
		#mainMenu #secondaryLinks ul li a:hover, #mainMenu #primaryLinks ul li a:hover { color: #FFF; text-shadow: 1px 1px 1px  #A22; }
		#mainMenu a.active {  text-shadow: 2px 2px 1px #511; color: #FFF }
	
#primaryLinks { position:relative; top:55px; margin-left:160px;  z-index:2;}
/* #mainMenu	#primaryLinks a { font-size:20px; color: #FFF;} */


#secondaryLinks { position:relative; top:60px; margin-left:160px;  z-index:1;}
#primaryLinks a,	#secondaryLinks a { font-size:20px; }
#secondaryLinks a {  padding-right: 10px;}

#pageLeftCol .item-list ul, #pageLeftCol ul.menu  {list-style-type: none; margin:0; padding:0; font-size:12px; text-align:right; line-height:150%;}
	#pageLeftCol .leaf a.active {color: #300; font-weight:bold; text-decoration: underline;}
	#pageLeftCol .item-list li{}
	#pageLeftCol .block-submenutree div.title {display: none;}
	
#homeIntro {  position:relative; left:100px; top:60px; width:529px; color: #FFF; font-size:20px; 
text-shadow: 1px 1px 3px #000; line-height: 100%;}
	#homeIntro strong { color:#FFFFD0}
	
.homeTeaser { width:300px; height:120px; float: left; position:relative; top: 87px; color: #FFF; font-size:14px; left: 105px; margin-right: 10px;}
	.homeTeaser h1 {text-transform: uppercase; color: #f8e9ea; text-decoration:none; font-size:19px; font-weight: normal; margin-bottom: 20px;}
	.homeTeaser a {color: #FFF; }
	.homeTeaser a:hover {color: #DDD; }
#mainContent {width: 970px; padding: 0px 70px 0px 70px;}

.secondaryHomeTeaser{ width: 290px; float: left; margin-right:30px; margin-top:5px; position: relative; left:30px;}
	.secondaryHomeTeaser h4 {font-size: 10px; color: #346; font-weight: normal; text-transform:	uppercase; text-shadow: 1px 1px 1px #EEE}
	.secondaryHomeTeaser h2,
	.view-homepage-teasers .views-field-field-link-nid span.field-content a
	 {font-size: 20px; color: #821; margin-left:3px; text-shadow: 1px 1px 2px #EEE; font-weight: bold}
	.secondaryHomeTeaser p { font-size: 14px; padding-left: 4px;}
	.secondaryHomeTeaser a.readMore {color: #951b1f; position: relative; top: -8px;}


.view-homepage-teasers{width: 100%; margin-left: -25px} 
 .view-homepage-teasers .views-row {width: 290px; float: left; margin-right:20px; margin-top:5px; position: relative; left:30px;}

.views-field-field-link-nid-1 span.field-content {position: relative; font-size: 12px; top: -5px; color: #444;}
	.views-field-field-link-nid-1 a {text-decoration: underline; color: #333}
.views-field-body .field-content p {margin-left: -4px; font-size: 13px}

#wlxFooter { clear:both; width: 970px; padding: 0px 70px 0px 70px;}
	a#footerLogo {float: left; }
	#footerLinkBlock {}
	#footerMenu {position: relative; top: 20px; margin-left: 120px; border-top: 4px solid #B22; border-bottom: 4px solid #B22; padding: 5px 0px 5px 0px;}
		#footerMenu a { color: #633; font-size: 14px; text-shadow: 1px 1px 3px #EEE; margin-right:30px; }
		#footerMenu a:hover, #footerMenu a.active  { color: #300; text-shadow: 1px 1px 3px #FFF; }

	#footerFinePrint{border-bottom: 2px solid #B22; margin-left: 120px; position: relative; top:20px; font-size: 12px; padding: 5px 0px 5px 0px; color: #633;}

#section #mainContent {}
	#pageMainContent {width: 600px;  margin-left: 170px; text-align: justify;
		}
	#pageLeftCol {width: 150px; float: left; }
	#pageRightCol {width:200px; float: right;}


#footerTools {margin-top:20px; width:932px; height: 123px; position: relative; left: 80px; border:1px solid #AAA; padding:10px; background-image: url(stationery/footer-bckg.gif);   }
	#ftSearch, 	#ftNewsletter,	#ftMediaTools {width:259px; float: left; padding:20px; }
	#ftSearch {padding-top: 35px;}
	#ftSearch input.form-text {width: 150px;}
	#ftMediaTools  { text-align: center; vertical-align: middle; margin-top: 10px;}
	#ftMediaTools a img {filter: alpha(opacity=65); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65); -moz-opacity: 0.65; opacity:0.65;}
	#ftMediaTools a:hover img {filter: alpha(opacity=90); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity: 0.90; opacity:0.90;}
	#ftNewsletter label.option {display: inline;}
	div#ftNewsletter label {display: none;}
 	#footerTools input.form-submit {display: inline; }
	div.form-radios { display: inline;}

.ftSpacer {width:2px; height: 140px;background-image: url(stationery/footer-spacer.gif);  float: left; margin-top:-5px;}

.footerClear {clear:both; height: 50px;}

/* elements */


/* hacks */

#simplenews-subscription-manager-form legend, 
#simplenews-subscription-manager-form div.description {display: none;}

#pageMainContent .terms, .node-event .date {display: none;}
#pageMainContent .node-accommodation .terms, .node-event .date {display: inline;}

.node h3 {font-size:22px;}
.node-event .field-label-inline-first {display: none; }
.node-event .field-field-date {text-align: right; width:90px; float: left; position: relative; margin-left: -100px; margin-top: -16px; font-size: 12px;}
.node .date {display: none;}

#adminHeader {position: absolute; top:10px;}
div#edit-action-unsubscribe-wrapper, div#edit-action-subscribe-wrapper {display: inline;}

#search label {display: none;}
#search input, div#edit-search-theme-form-1-wrapper {display: inline}


input, textarea, select { border:1px solid #999; background-color: #DDD; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
input {font-size: 14px;}

.webform-client-form .error {border:3px solid #E60;}

.guestbook .guestbook-message {color: #000;   font-family: georgia, serif; font-style: italic; font-size: 16px;}
	.page-guestbook .guestbook input, .guestbook textarea {width: 190px; margin-bottom: 5px;}
	.guestbook .guestbook-message strong { font-weight: normal;}
	.guestbook-entry  {margin-bottom:20px;}
	.guestbook label {  width:80px; display: block; }
	.guestbook b {font-size: 15px; color: #633;  }
	.guestbook .submitted {display: none;}
	.guestbook form {float: right; margin-right: -270px;  width: 280px; position:relative; top: -400px; border: 1px solid #bfc1c3;
	background-color:#C0B0B0; margin-bottom:20px; -moz-border-radius: 6px; border-radius: 6px; -moz-box-shadow:0 0 4px #666; -webkit-box-shadow: 0 0 4px #666;
	padding:10px; text-align: left;}
	.guestbook {width: 360px; text-align: left;}
	.guestbook h3 {display: none;}
	.guestbook #guestbookIntro { font-size: 14px; padding: 20px 0 20px 0;}
	form#guestbook-form-entry-form {width:210px;}

.form-item {clear: both; margin-bottom:5px;}
.form-item label { font-size:11px;display: block;}

input.form-text, textarea, select {width: 250px;}

.webform-client-form label {font-size: 12px; color: #433}
.webform-client-form input, .webform-client-form select {font-size:14px; padding:4px;}
.webform-component-date { }
.webform-component-date .form-item, .webform-component-time .form-item {display: inline}
.webform-component-date .form-item select {width:66px;}
.webform-component-time .form-item select {width:66px;}
	.webform-component-webform_time { }
	#edit-submitted-start-time-hour-wrapper, #edit-submitted-start-time-hour, #edit-submitted-start-time-minute-wrapper, #edit-submitted-start-time-minute, 	#edit-submitted-end-time-hour-wrapper, #edit-submitted-end-time-hour, #edit-submitted-end-time-minute-wrapper, #edit-submitted-end-time-minute, #edit-submitted-time-hour-wrapper, #edit-submitted-time-minute-wrapper {display: inline;}
	
#edit-submitted-time-hour-wrapper select, #edit-submitted-time-minute-wrapper select,	#edit-submitted-start-time-hour-wrapper select, #edit-submitted-end-time-hour-wrapper select {width: auto;}
	
.form-item select#edit-submitted-date-month,
.form-item select#edit-submitted-rental-end-date-month,
.form-item select#edit-submitted-start-date-month,
.form-item select#edit-submitted-start-time-minute,
.form-item select#edit-submitted-end-time-minute {width: 80px;}


.webform-confirmation {background-color:#C0B0B0; margin-bottom:20px;  margin-top: 10px;
		-moz-border-radius: 6px; -webkit-border-radius: 10px; padding: 8px; border:3px solid #DDD;   font-size: 14px;  	-moz-box-shadow: 1px 1px 4px #666; 	-webkit-box-shadow:1px 1px 4px #666;  }

fieldset {border: none; padding:0;}

.views-field-field-image-fid {float: left; margin: 0 7px 5px 0;}


div.views-field-title {font-size: 16px; font-weight: bold; font-style: italic; font-family: georgia, times, sans-serif; }
.views-view-grid td { padding-bottom:10px; width: 50%; vertical-align: top;} 
 
td.col-1 {padding-right: 11px;}
td.col-2 {padding-left: 11px;}

.hidden {display: none;}
div#mainContent.noRightSidebar #pageLeftCol {display: none;}
div#mainContent.noRightSidebar #pageRightCol {display: none;}
div#mainContent.noRightSidebar #pageMainContent {width: 800px;  margin-left: 75px; }


.node-accommodation li.taxonomy_term_26 {display: none;}

.node-accommodation #accommodationBody .field-field-price-text,
.node-accommodation #accommodationBody a.imagecache-makeThumb,
.node-accommodation #accommodationBody .field-field-link {display: none}
#accommodationMeta {float: left; width:120px; margin-left: -120px;}

.node-accommodation  ul.links {display: inline;}
.node-webform .webform-client-form legend {display: none;}

.messages {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 0.3em;
  margin-bottom: 1em;
  width: 360px;
 -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.messages ul {list-style: none;}
.error {
  border-color: red;
}

.webform-submission label {color: #223; display: inline; font-size: 10px; 	margin-right: 4px; text-shadow: 1px 1px 1px #FFF}
	.webform-submission div div div { font-size: 13px; }
	.webform-submission-navigation a {font-size: 12px; text-shadow: 1px 1px 1px #EEE; color: #333; text-decoration: underline;}
	x.webform-submission-navigation a {background-color: #603; font-size: 12px; margin: 5px 0 5px 0; padding:5px; 	-moz-box-shadow: 0 0 10px #999;  -webkit-box-shadow: 0 0 10px #999; 	-moz-box-shadow: 1px 1px 1px #333; 	-webkit-box-shadow:1px 1px 1px #333; color: #FFF;}

xa.editOverlay {position: absolute; top: 10px; 	line-height: 170%; filter:alpha(opacity=80); -moz-opacity:0.80;	-khtml-opacity: 0.80; opacity: 0.80;  padding: 0 4px 0 4px;			-moz-box-shadow: 1px 1px 1px #000; 		-webkit-box-shadow:1px 1px 1px #000; 	background-color: #FFC; color: #000; font-size: 14px; }

a.editOverlay {position: absolute; top: 10px;  color: #000; font-size: 36px; text-shadow: 1px 1px 1px #FFF;	 -moz-border-radius: 6px; -webkit-border-radius: 6px; border:1px solid #666; padding: 3px; display: block; width:40px; height: 40px; text-align: center;	-moz-box-shadow: 1px 1px 1px #999; 		-webkit-box-shadow:1px 1px 1px #999; background-color: #DDD; float: right;	}
	a.editOverlay:hover { filter:alpha(opacity=80); -moz-opacity:0.80;	-khtml-opacity: 0.80; opacity: 0.80; 
			-moz-box-shadow: none; 		-webkit-box-shadow:none; 		}

	xa.editOverlay:hover {-moz-box-shadow: none; -webkit-box-shadow: none; 	background-color: #333; color: #FFF; 	-moz-box-shadow: 1px 1px 1px #FFF; 		-webkit-box-shadow:1px 1px 1px #FFF;  }
	xa.editOverlay strong {font-size: 26px; font-weight: normal;}

/* #adminHeader {float: lef; position: absolute; top:25px; left: 5px; }
	#adminHeader>div {background-color: #FFC; border: 1px solid #DDD; padding:3px;}
		#adminHeader * {display: inline;}	
	#adminHeader ul{list-style:none; }
	#adminHeader li{display: inline;  }
	#adminHeader a {margin:3px; background-color: #EEC;}
*/

.content table { }
.content table td {padding:5px;  border:1px solid #9ba2a0;}
.content table td a {text-decoration: underline; font-weight: bold; font-size: 15px}
  .content tr:first-child td {background-color: #c3b4b1; border-bottom: 2px solid #747a78;}
 .content table tr:hover td {background-color: #ced5d3;}

 #fb-button {padding-left: 80px; position: absolute; top:3px;}

.view-recommended-accomodation li, .view-self-drive-packages li{display: block; clear: both; margin-bottom:15px}
.view-recommended-accomodation ul, .view-self-drive-packages ul {padding:0}

/* the 'more details' button */
 li.node_read_more a, 
.views-field-view-node span a {background-color: #CCC; -moz-border-radius: 2px; -webkit-border-radius: 2px;
	-moz-box-shadow: 1px 1px 1px #a3a4a6; -webkit-box-shadow: 1px 1px 1px #a3a4a6; color: #333; padding:2px; text-transform: uppercase; font-size:10px;}
	.view-self-drive-packages li .views-field-view-node  a:hover {color: #900; background-color: #DDD}
.page-self-drive-packages .views-field-view-node span a {position:relative; top: -5px;}

li.node_read_more a {border:none; }


.self-drive-packages .views-field-teaser, .self-drive-packages .views-field-view-node { margin-left: 110px}

#pageMainContent img[align="right"] {margin-left: 10px}
#pageMainContent img[align="left"] {margin-right: 10px; }

	body.node-type-self-drive-package .node img {border:5px solid #EFEFDF; -moz-box-shadow: 1px 1px 4px #666;  -webkit-box-shadow:1px 1px 4px #666; margin-left: -6px}
	body.node-type-self-drive-package .node-self_drive_package img.imagefield-field_image,
	body.node-type-accommodation  img.imagefield-field_image 
	 {border:7px solid #EED; -moz-box-shadow: 1px 1px 7px #666; 	-webkit-box-shadow:1px 1px 7px #666;
	margin:7px 0 7px 0; position: relative; left: -10px}

img.imagecache-makeThumb {border:4px solid #EED; -moz-box-shadow: 1px 1px 4px #666;  -webkit-box-shadow:1px 1px 4px #666;}
	a:hover img.imagecache-makeThumb {border:4px solid #FFF}

body.page-franschhoek-accommodation div.article-intro, div.aboutUsIntro, 
body.page-self-drive-packages div.article-intro {font-size: 14px; padding:10px}
	body.page-franschhoek-accommodation .view-header, div.aboutUsIntro, 
	body.page-self-drive-packages .view-header {background-color:#C0B0B0; margin-bottom:20px; -moz-border-radius: 6px; border-radius: 6px;}
	body.page-franschhoek-accommodation .article-submenu,
	body.page-self-drive-packages .article-submenu {margin-top:10px; margin-bottom: 10px; background-color: #AAA; padding:10px; border-top: 2px solid #bfc1c3;
	-moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; }
	body.page-franschhoek-accommodation .article-submenu a,
	body.page-self-drive-packages .article-submenu a {background-color: #BBB; padding: 1px 3px 1px 3px;
 	-moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 1px 1px 1px #777; -webkit-box-shadow:1px 1px 1px #777; color: #300}
	body.page-franschhoek-accommodation .article-submenu a:hover,
	body.page-self-drive-packages .article-submenu a:hover {-webkit-box-shadow:1px 1px #999; -moz-box-shadow:1px 1px 1px #999; color:#333;}

#pageMainContent .node  a.imagecache-makeThumb {border: none;}
#pageMainContent .node  a.borderless {border:none}
body.node-type-accommodation .field-type-filefield .field-item a.imagecache-makeThumb_imagelink {float: left; margin-right: 5px}
body.page-franschhoek-accommodation .views-field-field-image-fid {float: right; margin-left: 5px; }

.page-taxonomy .terms ul.links a{font-size:11px; display: none;}

.sitemap-box h2, .sitemap-front {display: none}
.sitemap-box ul {list-style:none}

#contacts {width:300px; text-align: left;   float: left;}
#node-79 {width:640px}
form#webform-client-form-79  { width:300px; position:relative; float: right;
background-color:#C0B0B0; margin-bottom:20px; -moz-border-radius: 6px; border-radius: 6px; -moz-box-shadow:0 0 7px #666; -webkit-box-shadow: 0 0  7px #666;
padding: 10px; margin-left: 10px; top: -20px; border:1px solid #bfc1c3;}

.imgframe {border:5px solid #EED; -moz-box-shadow: 1px 1px 5px #666; 	-webkit-box-shadow:1px 1px 5px #666; margin:3px 0 3px 0; position: relative; left: -5px; }
.whiteborder {border: 1px solid #EEE}

#node-15 .content a {border-bottom: none; margin:3px;}
 	#node-15 .content a:hover {border-bottom: none;
	 filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.70; opacity:0.70;}
	#node-15 {width:860px; position: relative; left: -30px}

.fb-comments  {-moz-border-radius: 6px; border-radius: 6px; border:1px solid  #eee; background-color: #CDD; padding: 3px;  }

#node-141 {width: 760px;}
table.crewtable td, table.crewtable tr:first-child td, table.crewtable tr:hover td  {border: none; background-color: transparent;}
table.crewtable td {padding-right: 50px; padding-bottom:30px;}
table.crewtable td p {text-align: left;  }
table.crewtable td img {border:4px solid #EED; -moz-box-shadow: 1px 1px 4px #666;  -webkit-box-shadow:1px 1px 4px #44;}
	table.crewtable h2 {margin:0px; padding: 0 3px 0 2px; display: inline; background-color: #999; font-size: 16px; color: #111;  -moz-box-shadow:1px 1px 2px #444; -webkit-box-shadow: 1px 1px 2px #444;}
	table.crewtable h2 strong {color: #000;}
	table.crewtable span {background-color: #DDD; padding: 0 2px 0 3px; font-size: 13px;   -moz-box-shadow:1px 1px 2px #666; -webkit-box-shadow: 1px 1px 2px #666;}
	table.crewtable div.teamrole {position: relative; top: -45px; left: 2px; margin-bottom: -40px; padding: 2px 0 2px 5px; font-size: 13px; line-height: normal;
		filter:alpha(opacity=80); -moz-opacity:0.80;	-khtml-opacity: 0.80; opacity: 0.80;}
table.crewtable td  a.fb {  color: #339; font-size: 12px; text-decoration: none; font-weight: normal;}
table.crewtable td  a.fb img { border: none;  }
div.aboutUsIntro {  border-bottom:3px solid #6b1c12;  margin: 7px 0 15px 0; }

.exampleBox { padding:6px;}
div.exampleBox {background-color:#C0B0B0; margin-bottom:20px;  	-moz-border-radius-bottom: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottom: 6px; border-bottom-right-radius: 6px;
	
	}
h3.exampleBox  {background-color: #AAA; font-size: 14px; font-style:italic
	-moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px;	margin-bottom:3px;
	}
	div.exampleBox ul {list-style-type: none; padding: 5px;}
	div.exampleBox ul li {margin-bottom: 5px; border-bottom:1px solid #CCC; }
	div.exampleBox .note {font-style:italic}
	div.exampleBoxDestroyer {width:100px; float: right; background-color: #AAA; border:2px solid #DDD;  -moz-border-radius: 3px; -webkit-border-radius: 3px; text-align: center; -moz-box-shadow:0 0 4px #666; -webkit-box-shadow: 0 0 4px #666; margin-left: 5px;}
		div.exampleBoxDestroyer strong{display: block; font-size: 28px;}
		
		.hlabel {border-bottom:1px solid #333; margin-top: 5px;}
		
		#node-142 .content h3 {margin-top: 20px;}
		
p.switchCurrency {width: 448px; background-color: #cad9f0; border:1px solid #FFF; -moz-border-radius: 6px; border-radius: 6px; padding: 3px; }
p.switchCurrency img {vertical-align: middle;  position: relative; top: -2px;}		
	p.switchCurrency a {padding: 4px; margin:0;}
	p.switchCurrency a.active {background-color: #EEE;} 
	
	
x.node-webform #webform-client-form-71 {border:1px solid #333; width: 260px;}
x#node-71 .content p {float: right; width: 300px;}
.formIntro {float: right; width: 300px; 
	 border: 1px solid #bfc1c3;
	background-color:#C0B0B0; margin-bottom:20px; -moz-border-radius: 6px; border-radius: 6px; -moz-box-shadow:0 0 4px #666; -webkit-box-shadow: 0 0 4px #666;
	padding:10px; text-align: left; font-size: 12px;
	}
	
hr {filter: alpha(opacity=65); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65); -moz-opacity: 0.65; opacity:0.65;}