/*GENERIC STYLESHEET for web build*/
/*All buttons across all pages INCLUDING DMS PAGES*/
/*All buttons across all pages INCLUDING DMS PAGES*/
.button{
	margin: 2px;
}
.button a, input.button{
	padding: 4px;
	background: #CCCCCC;
	float: right;
	border: 2px solid #EAEAEA;
	font-size: 90%;
	color: #666666;
}
.left{
	float: left;
}
.right{
	float: right;
}
/*input based things*/
input, textarea, select{
}
input.button{
	float: right;
}
.button a:hover, input.button:hover{
	color: #000;
	background: #FFF;
}
input.button, input.button:hover{
	cursor: pointer;
	border: 1px solid #CCC;
}
input:focus, textarea:focus, input:hover, textarea:hover, select:focus, select:hover {	
	border: 1px solid #CCC;
}
fieldset{
	border: 1px solid #CCC;
}
/*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*/
*{
	padding: 0px;
	margin: 0px;
}
body{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-color: #333;
}

a, a:visited{
	color: #999999;
	text-decoration: none;
}

a:hover {
	color: #000000;
}

ul{
	list-style: none;

}
#main-content-landing ul{
	list-style: none;
    padding-top: 10px;
}

img, img a{
	border:0;
}
p {
	margin-bottom: 20px;
}

/* used as main heading */
h1 {
	font-size: 130%;
}
h2 {
	font-size: 110%;
}
h1, h2, h3{
	margin: 2px 0px 4px 0px;
}
/*seperate if visited is different*/
h2 a, h2 a:visited {
	text-decoration: none;
}

h2 a:hover {
	text-decoration: underline;
}

h3 {
}
/*table styles*/
table{
}

th {
}

td {
}

tr{
}
/*site build styles- here are some examples of some generic names that you should really be using to keep to standards.*/
#frame
{
    width: 960px;
    margin: auto;
    background: #ffffff url(/img/right-edge-border.jpg) repeat-y top right;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0px;  
    
}

#top-logo
{
    float: left;
    width: 190px;
    height: 236px;
    background-image: url(/img/logo-background.jpg);
    background-color: #555;
    padding: 0px;
    
}
#logo-img
{
    margin: auto;
    display:block;
    padding-top:70px;
}
#header
{
    width: auto;
    margin: 0px;
    padding: 0px;
}

#header-image
{
    float: right;
    height: 236px;
}


#main-content
{
    float:left;
    width: 940px;
    height:auto;
    padding-left: 10px;
    padding-right: 10px;
    background: #ffffff url(/img/right-edge-border.jpg) repeat-y top right;

}

#main-content-left
{
    float: left;


}

#main-content-right-holder
{
    float: left;
    margin-left: 10px; /*needed to use because of yellow line border*/
    width: 740px;
    height: auto !important;      /* will misalign text in FF if not used, will get stuck behind footer*/
    height: 200px;                /* for IE5.x and IE6   */
    min-height: 500px;/*in case page doesnt have much content, may need to check in IE6, used height on nav left instead */
    padding-left:0px;
    background-image: url(/img/right-content-sunshine.jpg);
    background-repeat: no-repeat;
    border-left: 1px #fff57d solid;
}

#main-content-landing
{
    margin-top: 30px;
    float: left;
    width: 560px;
    padding-left:10px;
    line-height: 20px;
}

#main-content-quotes
{
    margin-top: 30px;
    float: right;
    width: 150px;
    text-align: left;
}



#nav-container
{
    padding-top:22px;
}




#lower-content-see-do
{
    width: 240px;
    height: 104px;
    float: left;
    padding: 4px; 
    background-image: url(/img/i-see-do-box.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

#lower-content-shopping
{
    width: 240px;
    height: 104px;
    float: left;
    padding: 4px; 
    background-image: url(/img/i-shopping-box.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
#lower-content-food-drink
{
    width: 240px;
    height: 104px;
    float: right;
    padding-top: 4px;
    padding-left: 4px; 
    padding-right:0px;
    background-image: url(/img/i-shopping-box.jpg);
    background-repeat: no-repeat;
    background-position: center;
}


/*_______Feature boxes________*/

#feature-boxes
{
    margin: 0px;
    padding-left: 5px;
    font-size: 1.25em;
}

#feature-boxes-4
{
    margin: 0px;
    padding-left: 5px;
    font-size: 1.25em;

}

a#fb-shopping span.sp-inside, a#fb-see-do span.sp-inside, a#fb-food-drink span.sp-inside, a#fb-events span.sp-inside, a#fb-accommodation span.sp-inside, a#fb-micro-climate span.sp-inside,a#fb-search span.sp-inside, a#fb-leisure span.sp-inside, a#fb-gardens span.sp-inside, a#fb-hotels span.sp-inside, a#fb-selfcatering span.sp-inside, a#fb-camping span.sp-inside, a#fb-holiday-parks span.sp-inside
{
    display:block;
    padding:6px 10px 0px;
}

a#fb-see-do:hover, a#fb-shopping:hover, a#fb-food-drink:hover, a#fb-events:hover, a#fb-accommodation:hover, a#fb-micro-climate:hover, a#fb-search:hover, a#fb-leisure:hover, a#fb-gardens:hover, a#fb-hotels:hover, a#fb-selfcatering:hover, a#fb-camping:hover, a#fb-holiday-parks:hover
{
   opacity: 0.8;
   filter: alpha(opacity = 80);
   text-decoration: underline;
}

a#fb-see-do, a#fb-see-do:visited 
{
    background:url(/img/i-see-do-box.jpg) no-repeat center top;
    color:#fff;
    display:block;
    float:left;
    text-decoration:none;
    padding:5px;
    width:234px;
    height: 114px;
}

a#fb-shopping, a#fb-shopping:visited {
    background:url(/img/i-shopping-box.jpg) no-repeat center top;
    color:#fff;
    display:block;
    float:left;
    text-decoration:none;
    padding:5px;
    width:234px;
    height: 114px;
}

a#fb-food-drink, a#fb-food-drink:visited {
    background-image:url(/img/i-food-drink-box.jpg);
    background-position:center top;
    background-repeat:no-repeat;
    color:#fff;
    display:block;
    float:left;
    text-decoration:none;
    padding:5px;
    width:234px;
    height: 114px;
}

a#fb-events, a#fb-events:visited {
    background-image:url(/img/i-events-box.jpg);
    background-position:center top;
    background-repeat:no-repeat;
    color:#fff;
    display:block;
    float:left;
    text-decoration:none;
    padding:5px;
    width:234px;
    height: 114px;
}

a#fb-search, a#fb-events:visited {
    background-image:url(/img/i-events-box.jpg);
    background-position:center top;
    background-repeat:no-repeat;
    color:#fff;
    display:block;
    float:left;
    text-decoration:none;
    padding:5px;
    width:234px;
    height: 114px;
}

a#fb-accommodation, a#fb-accommodation:visited {
    background-image:url(/img/i-accommodation-box.jpg);
    background-position:center top;
    background-repeat:no-repeat;
    color:#fff;
    display:block;
    float:left;
    text-decoration:none;
    padding:5px;
    width:234px;
    height: 114px;
}

a#fb-micro-climate, a#fb-micro-climate:visited {
    background-image:url(/img/i-micro-climate-box.jpg);
    background-position:center top;
    background-repeat:no-repeat;
    color:#fff;
    display:block;
    float:left;
    text-decoration:none;
    padding:5px;
    width:234px;
    height: 114px;
}

a#fb-leisure, a#fb-leisure:visited {
    background-image:url(/img/i-leisure-box.jpg);
    background-position:center top;
    background-repeat:no-repeat;
    color:#fff;
    display:block;
    float:left;
    text-decoration:none;
    padding:5px;
    width:234px;
    height: 114px;
}
a#fb-gardens, a#fb-gardens:visited {
    background-image:url(/img/i-gardens-box.jpg);
    background-position:center top;
    background-repeat:no-repeat;
    color:#fff;
    display:block;
    float:left;
    text-decoration:none;
    padding:5px;
    width:234px;
    height: 114px;
}
a#fb-hotels, a#fb-hotels:visited {
    background-image:url(/img/i-hotels-box.jpg);
    background-position:center top;
    background-repeat:no-repeat;
    color:#fff;
    display:block;
    float:left;
    text-decoration:none;
    padding:5px;
    width:234px;
    height: 114px;
}
a#fb-selfcatering, a#fb-selfcatering:visited {
    background-image:url(/img/i-selfcatering-box.jpg);
    background-position:center top;
    background-repeat:no-repeat;
    color:#fff;
    display:block;
    float:left;
    text-decoration:none;
    padding:5px;
    width:234px;
    height: 114px;
}
a#fb-camping, a#fb-camping:visited {
    background-image:url(/img/i-camping-box.jpg);
    background-position:center top;
    background-repeat:no-repeat;
    color:#fff;
    display:block;
    float:left;
    text-decoration:none;
    padding:5px;
    width:234px;
    height: 114px;
}

a#fb-holiday-parks, a#fb-holiday-parks:visited {
    background-image:url(/img/i-holidayparks-box.jpg);
    background-position:center top;
    background-repeat:no-repeat;
    color:#fff;
    display:block;
    float:left;
    text-decoration:none;
    padding:5px;
    width:234px;
    height: 114px;
}



#footer
{
    background-image: url(/img/footer-background.jpg);
    background-repeat: repeat-x;
    height: 68px;
    width: 930px;
    padding-bottom:10px;
}

#footer-nav
{
    
    text-align: right;
    padding-top: 40px;
    padding-right:15px;
    width: 720px;
    float: right;

}


#footer-nav li
{
    display: inline;
    list-style-image: url(/img/lower-nav-bullet.jpg);
    font-size: 0.9em;
    text-align: right;
    padding-left: 2px;
    padding-bottom: 2px;
}
#footer-nav ul

{

}


#footer-nav a, #footer-nav a:visited
{
    color: #000;
    padding-left: 0px;
}
#footer-nav a:hover
{
    text-decoration: underline;
}



a#newvision 
{
    text-align: left;
    font-size: 80%;
    float: left;
    padding-right: 10px;   
    padding-left: 10px;
}
.clearer
{
    clear:both;
}


ul#main-nav-list
{

    width:170px;

    
}
#main-nav-list li
{
    height:30px;
    margin-top:1px;
    vertical-align:middle;
    background-image: url(/img/left-nav/left-nav-button.jpg);
    background-position:bottom;
}
#main-nav-list a
{
    padding-left: 10px;
    padding-top:10px;
    display:block;
    color: #fff;
    font-weight:bold;
    
     
}
#main-nav-list a:hover
{ 


}
#main-nav-list li a:hover
{
    height:20px;
    padding-bottom: 0px;
    margin-top:0px;
    margin-bottom: 0px;
    background-color: #255666;
}



#lower-content-see-do a, #lower-content-see-do a:hover, #lower-content-see-do a:visited
{
    color: #fff;
    font-size: 1.25em;
    padding-left: 10px;
}


.footer-logos
{
    float: left;
    padding-left:0px;
}

.img-float-right

{
    float: right;
    padding: 5px;
    border:1px solid #CCCCCC;
}

#main-content-landing a, #main-content-landing a:visited, #main-content-standard a, main-content-standard a:visited
{
    color: #33AACF;

}

#main-content-landing a:hover, #main-content-standard a:hover
{
    color: #000;
    text-decoration: underline;
}
#link-list li
{
    list-style: disc inside; color:#33AACF;  
    padding-left: 0px;
    line-height: 30px;
}

/*______Main div for pages without the sun_________*/

/*------Originally in dms css, but also needed for other standard pages------*/

#main-content-standard
{
    float: left;
    margin-left: 10px;             /*needed to use because of yellow line border*/
    width: 740px;
    height: auto !important;      /* will misalign text in FF if not used, will get stuck behind footer*/
    height: 500px;                /* for IE5.x and IE6   */
    min-height: 580px;
    padding-top:30px;
    padding-left:10px;
    background-image: url(/img/dms-sun-insert.jpg);
    background-repeat: no-repeat;
    border-left: 1px #fff57d solid;
}

#main-content-standard p
{
    padding-right: 10px;
}

#contact ul
{
   padding-top:10px; 
}

ul.column
{
    float:left;
    width: 33%;
}

#main-content-landing ul li ul {
    padding: 0 0 0 5px;
}




/* rotator in-page placement */
div#rotator {
    float:right;
	width:150px;
	height:200px;
	position:relative;
	margin-top: 145px;
	margin-right: 8px;
	margin-bottom: 10px;
	border: 2px solid #7EDDFD;  /* image size is: 844px × 267px */
}
div#rotator ul li {
	float:right;
	position:absolute;
	list-style: none;
}

.jCarouselLite {
    width:150px !important;
   height: 200px !important; 
    position: relative;
    visibility: hidden;
    /*left: -5000px;*/
}
.jCarouselLite ul li {
   height: 200px !important; 
    padding: 5px 0;
}
.jCarouselLite h5, .jCarouselLite h5 a {
    color: #fff;
    font-size: 14px;
}


#box{
    

}



/*
#left-image-large {
    border: 2px solid #7EDDFD;
	float: right;
	height: 200px;
	width: 150px;
	margin-top: 145px;
	margin-right: 8px;
	margin-bottom: 5px;
}

*/

.thedmsServerError {display: block;height: 70px;padding: 2%;width: 96%;}