/*GENERIC STYLESHEET for web build*/
/*All buttons across all pages INCLUDING DMS PAGES*/
*{
	padding: 0px;
	margin: 0px;
	/*text-transform: capitalize;*/
}
.button{
}
.button a, input.button{	
}
/*input based things*/
input, textarea, select{
	border: 1px #CCCCCC solid;
	margin: 2px;
	padding: 4px;
}
input#date {
	font-size:10px;
	margin-bottom:2px;
	margin-left:0px;
}
select#nd {
	font-size:10px;
	margin-bottom:2px;
	margin-left:13px;
}
select#accommType {
	font-size:10px;
	margin-bottom:2px;
	margin-left:3px;
}
select#in {
	font-size:10px;
	margin-bottom:2px;
	margin-left:23px;
}
input.submit_button{
	margin-left: 35px;
}
input.button{
	float: right;
}
.button a:hover, input.button:hover{
}
input.button, input.button:hover{
	cursor: pointer;
}
input:focus, textarea:focus, input:hover, textarea:hover, select:focus, select:hover {
}
/*Generic styles across all pages- This also contains all of the default colours and layouts from the initial web build. Overrides can be found in <PUBLICATIONCODE>_dynamic.aspx*/

body{
	font-family:  Arial,Helvetica,sans-serif;
	font-size: 12px;
	background-repeat: repeat-x;
	background-image: url(../img/li-bg3.gif);
	background-color: #333333;
	
}
.clearer {
	clear:both;
	line-height:0px;
}
a, a:visited{
	color: #454545;
	text-decoration: none;
}

a:hover {
	color: #08BCFF;
	text-decoration: none;
}

ul
{
	list-style: none;
}
#lower-content-right ul#links
{
  list-style-image: url(/img/li-bg.gif);
  list-style-position: outside;


}
#lower-content-right ul#links li
{
  list-style-image:inherit;

}

img, img a{
	border:0;
}

.translationflags{

}
p {
	margin-bottom: 10px;
	margin-top: 5px;
	line-height: 18px;
}

p.footer-left{
	font-family:  Arial,Helvetica,sans-serif;
	color:#ffffff;
	line-height: 22px;
}
p.footer{
	color:#ffffff;

}


/* used as main heading */
h1 {
	font-size: 18px;
	color: #4C91BB;
	font-weight: bold;
}
h2 {
	color: #4C91BB;
	font-weight: bold;
	font-size: 14px;
}
h3 {
	color: #FFFFFF;
	font-size: 14px;
}
h1, h2, h3{
	margin: 2px 0px 4px 0px;
}
/*seperate if visited is different*/
h2 a, h2 a:visited {
	text-decoration: none;
	color: #4C91BB;
}
h2 a:hover {
}
h3 a,h3 a:visited{
	color: #FFFFFF;
}
h3 a:hover{
}
/*table styles*/
table{
}

th {
}

td {
	padding: 2px;
}

tr{
}
/*site build styles- here are some examples of some generic names that you should really be using to keep to standards.*/
#frame{
	background-repeat: repeat-x;
	width: 973px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#header{
	height: 22px;
	background-repeat: no-repeat;
	font-size: 12px;
	text-align: right;
	padding-top: 80px;
	padding-right: 10px;
	background-image: url(../img/wittering-logo3.gif);
}
#header a, #header a:visited{
	color: #FFFFFF;
}
#header a:hover {
	color: #2D2D2D;
}


#nav-container{

	width: 220px;
	float: left;

}

#topnav ul{
}
#topnav {

}
#topnav-image {
	height: 217px;
	width: 953px;
	float: left;
	/*background-image: url(../img/main-img-14.jpg);*/
	background-color: transparent;
}
#topnav li{
}
#topnav a{
}
#topnav a:hover{
}
#topnav li a, #topnav li a:visited{
	background-image: url(/img/top-nav-bg.jpg);
	background-repeat: repeat-x;
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 0px;
	color: #FFFFFF;
	font-weight: bold;
	background-position: center;

}
#topnav li a:hover{
	background-position: center center;
	background-image: url(../img/top-nav-bg-hi.jpg);
}

#topnav .b-home a, #topnav .b-home a:visited{
	background-image: url(/img/top-nav-bg.jpg);
	background-repeat: repeat-x;
	display: block;

	padding-left: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-position: center;
}
#topnav .b-home a:hover{
	background-repeat: no-repeat;
	background-color: #3f6073;
	background-image: url(../img/top-nav-bg-hi.jpg); /*has gap without leaving a hover image in here*/
	background-position: right;
}


#topnav .b-accomm a, #topnav .b-accomm a:visited{
	background-image: url(/img/top-nav-bg.jpg);
	background-repeat: repeat-x;
	display: block;
	padding-left: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-position: center;
}
#topnav .b-accomm a:hover {
	background-repeat: no-repeat;
	background-color: #3f6073;
	background-image: url(../img/top-nav-bg-hi.jpg);
/*	background-image: url(../img/button-bg-accommodation.gif);*/
	background-position: right;
}
#topnav .b-see-do a, #topnav .b-see-do a:visited{
	background-image: url(/img/top-nav-bg.jpg);
	background-repeat: repeat-x;
	display: block;

	padding-left: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-position: center;
}
#topnav .b-see-do a:hover{
	background-repeat: no-repeat;
	background-color: #3f6073;
	background-image: url(../img/top-nav-bg-hi.jpg);
/*	background-image: url(../img/button-bg-whattoseedo.gif);*/
	background-position: right;
}

#topnav .b-food a, #topnav .b-food a:visited{
	background-image: url(/img/top-nav-bg.jpg);
	background-repeat: repeat-x;
	display: block;

	padding-left: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-position: center;
}
#topnav .b-food a:hover{
	background-image: url(../img/top-nav-food.jpg);
}
#topnav .b-shopping a, #topnav .b-shopping a:visited{
	background-image: url(/img/top-nav-bg.jpg);
	background-repeat: repeat-x;
	display: block;
	padding-left: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-position: center;
}
#topnav .b-shopping a:hover{
	background-repeat: no-repeat;
	background-color: #3f6073;
	background-image: url(../img/top-nav-bg-hi.jpg);
/*	background-image: url(../img/button-bg-shopping.gif);*/
	background-position: right;
}
#topnav .b-whats-on a, #topnav .b-whats-on a:visited{
	background-image: url(/img/top-nav-bg.jpg);
	background-repeat: repeat-x;
	display: block;

	padding-left: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-position: center;
}
#topnav .b-whats-on a:hover{
	background-repeat: no-repeat;
	background-color: #3f6073;
	background-image: url(../img/top-nav-bg-hi.jpg);
/*	background-image: url(../img/button-bg-events.gif);*/
	background-position: right;
}

#topnav .b-map a, #topnav .b-map a:visited{
	background-image: url(/img/top-nav-bg.jpg);
	background-repeat: repeat-x;
	display: block;

	padding-left: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-position: center;
}
#topnav .b-map a:hover{
	background-image: url(../img/top-nav-bg-hi.jpg);
}
#topnav .b-contact a, #topnav .b-contact a:visited{
	background-image: url(/img/top-nav-bg.jpg);
	background-repeat: repeat-x;
	display: block;

	padding-left: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-position: center;
}
#topnav .b-contact a:hover{
	background-repeat: no-repeat;
	background-color: #3f6073;
	background-image: url(../img/top-nav-bg-hi.jpg);
/*	background-image: url(../img/button-bg-contact.gif);*/
	background-position: right;
}
#topnav .b-map a, #topnav .b-map a:visited{
	background-image: url(/img/top-nav-bg.jpg);
	background-repeat: repeat-x;
	display: block;

	padding-left: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-position: center;
}
#topnav .b-map a:hover{
	background-repeat: no-repeat;
	background-color: #3f6073;
	background-image: url(../img/top-nav-bg-hi.jpg);
	/*background-image: url(../img/button-bg-map.gif);*/
	background-position: right;
}

#topnav .b-useful-links a, #topnav .b-useful-links a:visited{
	background-image: url(/img/top-nav-bg.jpg);
	background-repeat: repeat-x;
	display: block;

	padding-left: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-position: center;
}
#topnav .b-useful-links a:hover{
	background-repeat: no-repeat;
	background-color: #3f6073;
	background-image: url(../img/top-nav-bg-hi.jpg);
/*	background-image: url(../img/button-bg-usefullinks.gif);*/
	background-position: right;
}

#content{
	padding: 10px;
	background-color: #FFFFFF;
	margin-top: 10px;
	padding-bottom:10px;
}
#lower-content {
	width: auto;
	background-color: #FFFFFF;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
#lower-content-dms {
	padding: 5px;
	border: 1px solid #EAEAEA;
	background-image: url(../img/content-right-bg.jpg);
	background-repeat: repeat-x;
}
#lower-content-right {
	padding: 6px;
	width: 709px;
	float: right;
	border: 1px solid #EAEAEA;
	background-image: url(../img/content-right-bg.jpg);
	background-repeat: repeat-x;
	
}

#lower-content-right ul {

}
#lower-content-right li {
	margin-left: 15px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	list-style:none;
}
#lower-content-right li a, #lower-content-right li a:visited {
	color: #4C91BB;
	font-weight: bold;
}
#lower-content-right li a:hover {
	color: #08bcff;/*test*/
}
#lower-content-right a, #lower-content-right a:visited{
	color: #4C91BB;
	font-weight: bold;
}
#lower-content-right a:hover{
	color: #08bcff;
}
#lower-content-left {
	float: left;
	width: 220px;
	/*height: 420px;*/
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-repeat: no-repeat;
}
.lower-content-left a, .lower-content-left a:visited{
	color: #669999;
	font-weight: bold;
	text-decoration: none;
}
.lower-content-left a:hover{
	color: #669999;
	text-decoration: underline;
}

#bottom-sec-nav{
	float: right;
	margin-right:0px;
	background-color:transparent;

}
#footer{
	
	width: 933px;
	height: 15px;
	margin-left:auto;
	margin-right: auto;
	margin-bottom: 40px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding:10px;

}

#footer ul{
}
#footer li{
	display: inline;
	margin-right: 15px;
}
#footer li a, #footer li a:visited {
	color: #FFFFFF;
}
#footer li a:hover {
	color: #ffffff;
	text-decoration: underline;
	
}
#footer li.end{
}
/*specific overrides here, for page specific h1s for example*/
.info-box{
	padding-top: 5px;
	margin-right: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EAEAEA;
	margin-top: 15px;
	width: 145px;
	float: left;
	height: 188px;
	background-image: url(../img/map-small.jpg);
	padding-right: 116px;
	padding-left: 5px;
}
#bottom-content {
	background-color: #5699c3;/*#669999;*/
	float: left;
	width: 933px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding: 10px;
}
#bottom-content-header {
	float: left;
	width: 220px;
	font-size: 26px;
	font-weight: normal;
	color: #FFFFFF;
}

/*#bottom-sec-nav {
	background-color: #666;
	float: left;
	width: 933px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding: 10px;
}*/

.logos-right {
	background-color: transparent;
	float: right;
	margin-top: 16px;
	margin-right: 4px;
}
.lowerline{
	color: #ffffff;
	background-color: transparent;
}

#bottom-content-text {
	float: left;
	width: 240px;/*was 340*/
	margin-left: 10px;
}
#bottom-content-text a, #bottom-content-text a:visited {
	color: #FFFFFF;
	font-weight: bold;
}
#bottom-content-text a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.brochure-holder{
	margin-top: 5px;
	margin-bottom: 5px;
	height: 140px;
	color: #FFFFFF;
	margin-right: 5px;
	background-image: url(../img/brochures.jpg);
}
.quicklink-box {
	background-color:transparent;
	float:right;
	margin-top:15px;
	width:428px;
}

.quicklink-box-link {
	float: left;
	height: 84px;
	width: 203px;
	margin-bottom: 10px;
	margin-left: 8px; /*was 12, made smaller to fit in IE6*/
	margin-right: 0px;
}
.info-box-img {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
.info-box a, .info-box a:visited {
	color: #71ADD1;
	text-decoration: underline;
}
.image-float-right{
	float: right;
	margin-left: 5px;
	margin-right: 5px /*move off edge*/
}
.image-float-left{
	float: left;
}
#lower-content-holder{
}
#lower-content-holder a, #lower-content-holder a:visited{
	color: #FFFFFF;
}
#lower-content-holder a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}
.lower-content-box {
	width: 334px;
	margin-right: 5px;
	margin-bottom: 5px;
	height: 100px;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	padding: 5px;
	background-color: #67A2C4;
	color: #FFFFFF;
	background-image: url(../img/top-nav-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.lower-content-box-header {
}
.lower-content-box-header a, .lower-content-box a:visited{
	font-size: 14px;
	color: #FFFFFF;
}
.lower-content-box-header a:hover{
}
.calOuterTable {
border:1px solid #5699C3;
width:210px;
}
.calOuterTable a {
color:black;
}
.calOuterTable a:visited {
color:black;
}
.calOuterTable a:hover {
color:black;
}
.calCtrl {
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-style:normal;
font-weight:normal;
line-height:normal;
}
.calWTitle {
background:#808080 none repeat scroll 0%;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-style:normal;
font-weight:normal;
height:20px;
line-height:normal;
text-align:center;
width:20px;
}
.calDayCurrent {
background:#bee2f9 none repeat scroll 0%;
width:20px;
}
.calDayWeekend {
background:silver none repeat scroll 0%;
width:20px;
}
.calDayHoliday {
background:gray none repeat scroll 0%;
width:20px;
}
.calDayWorking {
background:#FFFFFF none repeat scroll 0%;
width:20px;
}
.calThisMonth {
color:black;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:normal;
line-height:normal;
text-decoration:none;
}
.calOtherMonth {
color:#909090;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;

font-weight:normal;
line-height:normal;
text-decoration:none;
}
.calForbDate {
color:red;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:normal;
line-height:normal;
}
.calTimetable {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}
.calDataTitle {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}
#thedmsContact li{
	list-style-image: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 2px;
}
#thedmsContact input{
	padding: 5px;
}

.ad-search{
margin-left: 40px;

}

p.short-main{
margin-bottom:120px;

}

#translation-links{

text-align: left;

}
/*translation links*/

#translistcontainer li.translist{
display: inline;
list-style-type: none;
padding-right: 5px;

}

#translistcontainer{
float: left;
width: 200px;
display: inline;
padding-top:20px;
padding-bottom: 20px;
}

#bottom-content-weather{
float:left;
padding-left:4px;
padding-top:10px;
width: 100px;
text-align: center;
}
.weather-image
{
    text-align:center;
    display:block;
	margin: auto;
}

a:link.weather-text-link , a:visited.weather-text-link{
	color:#fff;
	font-weight: bold;
	text-decoration: none;
}

a:hover.weather-text-link {
	color:#fff;
	text-decoration: underline;
}




#lower-content-holder a:link.feature-text-link , #lower-content-holder a:visited.feature-text-link{
	color:#fff;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}

#lower-content-holder a:hover.feature-text-link {
	color:#fff;
	text-decoration: underline;
	font-size: 12px;
}