/*GENERIC STYLESHEET for web build*/
/*All buttons across all pages INCLUDING DMS PAGES*/
.button{
	margin: 0px;
}
.button a, .button a:visited{
	padding: 2px;
	background-color: #4D7FAF;
	color: #FFFFFF;
}
.button a:hover{
	background-color: #FFFFFF;
	color: #4D7FAF;
}
/*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: 12px;
	background-position: center top;
	color: #3B3B3B;
	background-color: #E0EEF7;
}

a, a:visited{
	text-decoration: none;
	font-weight: bold;
	color: #215F9B;
	padding: 1px;
}
a:hover {
	color: #3DA24B;
}
#frame-bottom {
	height: 14px;
	width: 893px;
	background-image: url(../img/frame-lower.jpg);
	background-color: #FFFFFF;
}
ul{
}
li{
	list-style-type: none;
}
li a, li a:visited{
}
li a:hover{
}
img {
}
a img, a:visited img {
	border:0;
}
a:hover img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); 
	-moz-opacity: 0.8; 
	opacity: 0.8;
}
p {
	margin-top: 10px;
}
.clearer {
	clear:both;
	height:1px;
	line-height:1px;
}
/* used as main heading */
h1 {
	margin: 0px 0px 4px 0px;
	font-size: 18px;
	font-weight: bold;
	color: #4e8bc1;
	margin-bottom: 5px;
	margin-top: 5px;
}
h2 {
	margin: 0px 0px 4px 0px;
	color: #003C78;
	font-size: 14px;
	margin-bottom: 5px;
	margin-top: 5px;
}
h2 a, h2 a:visited {
}
h2 a:hover {
}
h3{
	margin: 0px 0px 4px 0px;
	color: #215F9B;
	font-size: 12px;
	margin-bottom: 6px;
}
/*table styles*/
table{
}

th {
}

td {
	border:1px solid #CCCCCC;
	padding:4px;
	text-align:left;
}

tr{
}
input{
	margin-bottom: 1px;
	font-size: 11px;
	margin-top: 1px;
	padding: 2px;
}
input#mb-name {
	margin-left: 5px;
}
input#mb-hidh-hidh {
	margin-left: 10px;
}


/*site build styles- here are some examples of some generic names that you should really be using to keep to standards.*/
#frame{
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	width: 893px;
	background-color: #FFFFFF;
}
#header{
}
#header2{
	width: 893px;
	background-image: url(http://mediafiles.thedms.co.uk/publication/NN/headers/header2.jpg);
	padding-top: 120px;
}
#topnav {
	width:841px;
	height: 37px;
	background-image: url(/img/nav-bg.jpg);
	float: left;
}
#topnav li {
	float:left;
	list-style-type: none;
}
#topnav ul {
	background-image: url(/img/nav-bg.jpg);
	background-repeat: repeat-x;
}

#topnav li a, #topnav li a:visited {
	color:#5183C0;
	text-decoration:none;
	font-size: 14px;
	display: block;
	padding-top: 10px;
	padding-right: 16px;
	padding-bottom: 11px;
	padding-left: 16px;
}
#topnav li a:hover {
	color: #FFFFFF;
	background-image: url(/img/nav-bg-hover.jpg);
}
#topnav-left{
	float: left;
	background-image: url(/img/topnav-left.png);
	background-repeat: no-repeat;
	height: 37px;
	width: 16px;
	margin-left: 10px;
}
#topnav-right{
	float: right;
	background-image: url(/img/topnav-right.png);
	background-repeat: no-repeat;
	height: 37px;
	width: 16px;
	margin-right: 10px;
}
.midnav{
	background-image: url(../img/footer-bg.jpg);
	margin-right: 10px;
	margin-left: 10px;
	height: 25px;
	background-color: #88AFD6;
}
.midnav-left {
	background-image: url(../img/footer-left-bg.jpg);
	height: 25px;
	width: 10px;
	float: left;
}
.midnav-right {
	background-image: url(../img/footer-right-bg.jpg);
	height: 25px;
	width: 10px;
	float: right;
}
.midnav ul{
}
.midnav li {
	float:left;
	list-style-type: none;
}
.midnav li a, .midnav li a:visited {
	color:#FBFBFB;
	text-decoration:none;
	display: block;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.midnav li a:hover {
	color: #B8D4EF;
	background-color: #333333;
}
#maincontent{
}
#content{
	width: 873px;
	padding: 10px;
}
#dms-content{
	width: 853px;
	background-color: #D7E7F6;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(../img/right-content-large-top.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 10px;
}
#dms-content-top{
	width: 873px;
	height: 10px;
	margin-right: 10px;
	margin-left: 10px;
	background-image: url(../img/dms-top.jpg);
}
#dms-content-bottom{
	width: 873px;
	height: 10px;
	background-image: url(../img/right-content-large-bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #D7E7F6;
}
#left-content {
	width: 239px;
	float: left;
}
#left {
}

.left-content-bottom {
	background-image: url(../img/left-nav-bottom.jpg);
	background-repeat: no-repeat;
	height: 10px;
	width: 239px;
}
#left-content-ad {
	width: 219px;
	background-image: url(../img/adBg.jpg);
	margin-top: 10px;
	padding: 10px;
	height: 150px;
	background-repeat: no-repeat;
	background-position: center center;
}
.shortlist-text {
	width: 110px;
	margin-bottom: 5px;
}

.left-content-box {
	background-image: url(../img/left-nav-box.jpg);
	width: 209px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	background-repeat: no-repeat;
	background-color: #CEE0F4;
}
.left-content-box img {
	float: right;
}

.left-content-box h2 {
	width: 100%;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	display: block;
}
.left-content-box h2 a, .left-content-box h2 a:visited {
	color: #FFFFFF;
	display: block;
	margin: 0px;
	padding: 0px;
}

.left-content-box-bottom {
	background-image: url(../img/left-nav-box-bottom.jpg);
	height: 5px;
	width: 219px;
	background-color: #CEE0F4;
	background-position: bottom;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.left-content-box-bottom-last {
	background-image: url(../img/left-nav-box-bottom.jpg);
	height: 5px;
	width: 219px;
	background-color: #CEE0F4;
	background-position: bottom;
	background-repeat: no-repeat;
}
#right-content {
	width: 624px;
	background-color: #D7E7F6;
	background-image: url(../img/right-content-top.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: right;
}
#right-content-top {
	background-image: url(../img/right-content-top.jpg);
	height: 10px;
	width: 624px;
}
#right-content-middle {
	width: 604px;
	line-height: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
#right-content-bottom {
	background-image: url(../img/right-content-bottom.jpg);
	height: 10px;
	width: 624px;
	background-color: #D7E7F6;
	background-repeat: no-repeat;
	background-position: bottom;
}
#right-content-large {
	background-image: url(../img/right-content-large-top.jpg);
	background-repeat: no-repeat;
	background-color: #D7E7F6;
	width: 853px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
#right-content-large-top {
	background-image: url(../img/right-content-large-top.jpg);
	height: 10px;
	width: 873px;
}
#right-content-large-middle {
	width: 853px;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 20px;
}
#right-content-large-bottom {
	background-image: url(../img/right-content-large-bottom.jpg);
	height: 10px;
	width: 873px;
	background-color: #D7E7F6;
	background-repeat: no-repeat;
	background-position: bottom;
}
#uppercontent{
	height: 300px;
	width: 873px;
	padding: 10px;
}
.float-left{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.float-left2{
	float: left;
	width: 150px;
	margin-right: 15px;
}

.float-right{
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}
.box-img{
	float: right;
	margin-left: 5px;
	padding-top:30px;
	padding-bottom:5px;
}
.float-right li {
	margin-bottom: 1px;
	color: #9AC1E8;
	list-style-type: none;
}
.float-right li a, .float-right li a:visited{
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	background-color: #80AEDC;
	padding: 7px;
}
.float-right li a:hover{
	color: #215F9B;
	background-color: #B8D4EF;
}
.float-right-snip{
	float: right;
	margin-left: 5px;
	background-color: #9BC3E9;
	width: 244px;
	background-image: url(../img/snippet-top.jpg);
	background-repeat: no-repeat;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-bottom: 5px;
	line-height: 23px;
}
.float-right-snip li {
	margin-bottom: 1px;
	color: #9AC1E8;
	list-style-type: none;
}
.float-right-snip li a, .float-right-snip li a:visited{
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	background-color: #80AEDC;
	padding-left: 10px;
}
.float-right-snip li a:hover{
	color: #ffffff;
	background-color: #3DA24B;
}
.float-right-snip h2{
	padding-left: 3px;
	padding-right: 3px;
	color: #FDFDFF;
}
#middlecol{
}
#frame-lower {
	background-image: url(../img/lower-frame.jpg);
	height: 15px;
	width: 893px;
}
#footer{
	background-image: url(../img/footer-bg.jpg);
	height: 25px;
	margin-right: 10px;
	margin-left: 10px;
}
#footer-left {
	background-image: url(../img/footer-left-bg.jpg);
	height: 25px;
	width: 10px;
	float: left;
}
#footer-right {
	background-image: url(../img/footer-right-bg.jpg);
	height: 25px;
	width: 10px;
	float: right;
}
#footer ul{
}
#footer li{
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
#footer li a, #footer li a:visited {
	font-size: 11px;
	text-decoration:none;
	display: block;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 5px;
	color: #F3F8FC;
}
#footer li a:hover {
	color: #FFFFFF;
	background-color: #333333;
}

#footer li.end{
}
#left-holder{
	background-color: #9BC3E9;
	background-image: url(../img/left-nav-top.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.about-header-box{
	width: 594px;
	background-image: url(../img/header-box-header.jpg);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	height: auto;
	margin-top: 5px;
	background-color: #9BC2E9;
}
.about-header-box a,.about-header-box a:visited, .about-header-box h2 a, .about-header-box h2 a:visited, .about-header-box h3 a, .about-header-box h3 a:visited
{
	color: #FFFFFF;
	font-size: 14px;
}

.about-header-box h2
{
    margin:0px;
}

.about-header-box h3
{
    margin:10px 0 10px 0;
}

.about-header-box a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}
.about-header-box-bottom{
	width: 604px;
	background-image: url(../img/header-box-bottom.jpg);
	background-repeat: no-repeat;
	padding-top: 5px;
}

.left-content-box-header a, .left-content-box-header a:visited{
	color: #FFFFFF;
}
.left-content-box-header a:hover{
	color: #FFFFFF;
}
.paragraph-spacer{
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #4375A6;
	padding-bottom: 10px;
}

/*specific overrides here, for page specific h1s for example*/




.cycle-snip{
	float: right;
	margin-left: 5px;
	background-color: #9BC3E9;
	width: 244px;
	background-image: url(../img/snippet-top.jpg);
	background-repeat: no-repeat;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-bottom: 5px;
	line-height: 23px;
}
.cycle-snip li {
	margin-bottom: 1px;
	color: #9AC1E8;
	list-style-type: none;
}
.cycle-snip li a, .cycle-snip li a:visited{
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	background-color: #80AEDC;
	padding-left: 80px;
	padding-top: 9px;
	padding-bottom: 7px;
}
.cycle-snip li a:hover{
	color: #ffffff;
	background-color: #3DA24B;
}
.cycle-snip h2{
	padding-left: 3px;
	padding-right: 3px;
	color: #FDFDFF;
}



.north-sea{
	background-image: url(../img/cycle-north-sea.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
.north-coast{
	background-image: url(../img/cycle-north-cycle.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
.peddars-way{
	background-image: url(../img/cycle-peddars.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
.national-1{
	background-image: url(../img/cycle-north-1.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
.national-13{
	background-image: url(../img/cycle-north-13.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
.lords-manor{
	background-image: url(../img/cycle-manor.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
.bittern-line{
	background-image: url(../img/cycle-north-bittern.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
.weavers-way{
	background-image: url(../img/cycle-north-weavers.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
.marriots-way{
	background-image: url(../img/cycle-marriots.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
.bure-path{
	background-image: url(../img/cycle-bure.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
.bacton-woods{
	background-image: url(../img/cycle-bacton.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
.quiet-area{
	background-image: url(../img/cycle-quiet-lanes.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
.paston-way{
	background-image: url(../img/cycle-paston.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
.broads-trail{
	background-image: url(../img/cycle-broads-bike.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
.nelsons-norfolk{
	background-image: url(../img/cycle-nelsons.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
.download{
	padding: 5px;
	width: auto;
	background-color: #9BC2E9;
	margin-top: 10px;
}


/* -- slideshow jQuery --*/
#container
{
    width: 873px;
    margin: 0 auto;
}
#loader {
	background-color:white;
	display:inline;
	float:left;
	height:300px;
	margin:auto;
	overflow:hidden;
	position:relative;
	text-align:center;
}

#loader img
{
    width: 100%;
    height: 100%;
}
.loading
{
    background: url(../loadingIcon.gif) no-repeat 50% 50%;
    height: 100%;
    width: 100%;
	z-index:10;
}

/* peek a boo fix */

div#thedmsAccessibility 
{
    width: 97.5%;
}
div#thedmsAccessibility 
{
    background: white;
}
div#thedmsAccessibility h3 {
    background:#D7E7F6 none repeat scroll 0 0;
    color:#003C78;
}
div#thedmsAccessibility h3 {
    background:#D7E7F6 none repeat scroll 0 0;
    color:#003C78;
}

#digi-guide
{
 width: 200px;
 float:left;
 margin-top: 10px;
 text-align: left;
 border: 1px solid #3C70A0;
}

/* New Accomm landing */

.mapTwo{
	height:47px;
	padding-top:3px;
	background-color:#FFFFFF;
}
.mapTwo li{
	float:left;
	width:213px;
	text-align:center;
}
.mapTwo li:first-child{
	margin-right:4px;
}