/* CSS Document */

body {
margin: 0;
padding: 0;
background-color: #CACACA;
background-image: url(assets/backy.gif);
background-position: center;
background-repeat: repeat-y;
text-align: center;
font: normal 1em verdana, arial, geneva, helvetica, sans-serif;
line-height: 110%;
}

.clearboth { clear: both; }

.floatright {
float: right;
margin-left: 10px;
margin-right: 10px;
}

.floatleft {
float: left;
margin-right: 10px;
}

.grey {
background: url(assets/list_backy.gif) top left repeat-y;
padding: 2px;
}

h1 {
float: left;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
margin: 0;
padding: 0;
color: #FFFFFF;
}

#header {
height: 140px;
background-color: #FFFFFF;
background-image: url(assets/header-backy.gif);
width: 100%;
}

#headerwrap {
text-align: center;
margin-left: auto; 
margin-right: auto;
height: 140px;
background-image: url(assets/header-backy.gif);
background-color: #FFFFFF;
}
#headerwrap2 {
width: 754px;
align: center;
text-align: center;
margin-left: auto; 
margin-right: auto;
}

#headercol1 {
width: 90px;
height: 140px;
float: left;
align: center;
background: url(assets/dio_logo.gif) top left no-repeat;
}

#headercol2 {
width: 659px;
height: 140px;
float: left;
align: center;
}


#container, #container-christmas {
	margin: 0 auto;
	padding: 0 0px;
	width: 754px;
	\width: 770px;
	w\idth: 754px;
	text-align: left;
	background-color: #FFFFFF;
	}

.headertitle {
margin-top: 40px;
}




/* SIDE NAV */	

#subnav, #subnavhome {
	width: 195px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
	background: url(graphics/bg_subnav.gif) center top no-repeat;
	}

#subnav ul, #subnavhome ul {
	list-style-type: none;
	font-size: 70%;
	margin: 20px 0 0 0;
	padding: 0;
	border-bottom: 1px solid #EDEDEC;
	}
	
#subnavhome ul {
	margin: 0;
	}
	
#subnav ul a, #subnavhome ul a {
	padding: 8px 2px 8px 35px;
	font-weight: normal;
	display: block;
	width: 158px;
	\width: 195px;
	w\idth: 158px;
	margin: 0;
	text-decoration: none;
	color: #4E4E35; 
	border-top: 1px solid #EDEDEC;
	border-bottom: 1px solid #f8f8f8;
	background: url(graphics/bg_subnav_button.gif) left top repeat-x;
	}


#subnav ul a:hover, #subnav ul a.on, #subnavhome ul a.on, #subnavhome ul a:hover {
	color: #000; 
	text-decoration: none; 
	background-color: transparent;
	border-top: 1px solid #EDEDEC;
	border-bottom: 1px solid #f8f8f8;
	background: url(graphics/bg_subnav_button_hover.gif) left top repeat-x;
	}
	
#subnavhome h3 {
	font-size: 70%;
	font-weight: bold;
	padding: 27px 20px 8px 20px;
	margin: 0;
	color: #727271;
	line-height: 150%;
	}

	
/* BREAKING NEWS */

.breakingnews h2 {
	color: #fff;
	background-color: #9F162C;
	padding: 3px 8px 3px 8px;
	margin: 0;
	font-family: arial, geneva, sans-serif;
	font-weight: bold;
	font-size: 70%;
	}

.breakingnews {
	color: #4E4E35;
	background-color: #FFFFFF;
	font-family: arial, geneva, sans-serif;
	font-weight: normal;
	border: 1px solid #9F162C;
	margin: 15px;
	}
	
.breakingnews p {
	color: #4E4E35;
	font-family: verdana, arial, geneva, sans-serif;
	font-weight: normal;
	font-size: 70%;
padding-left: 10px;
padding-right: 10px;
line-height: 120%;
	}

.breakingnews a {
	background: #FDEDDC;
	display: block;
	margin: 0;
	padding: 8px;
	color: #9F162C;
	text-decoration: none;
	font-family: verdana, arial, geneva, sans-serif;
	line-height: 120%;
	font-size: 70%;
	}
	
.breakingnews a:hover {
	color: #A05000;
	text-decoration: underline;
	}
	
/* BEER BANNER */

.beerbanner {
	margin: 15px 0 15px 15px;
	display: block;
	}
	
#plainenglish {
	padding: 8px 0 0 0;
	text-align: center;
	}
	

/* MAIN CONTENT */
	
	
#main {
	float:left;
	width: 558px;
	padding: 30px 0 0px 0;
	background: url(graphics/bg_top.gif) center top no-repeat;
	}
	
#container-christmas #main {
	width: 754px;
	\width: 770px;
	w\idth: 754px;
	}

#main h2 {
	font-size: 90%;
	font-weight: bold;
	padding: 0 30px;
	margin: 0 0 20px 0;
	color: #4E4E35;
	line-height: 150%;
	}
	
#main h3 {
	font-size: 70%;
	font-weight: bold;
	padding: 0 30px;
	margin: 0 0 5px 0;
	color: #606060;
	line-height: 150%;
	}
	
#main h3.headerextrapadding {
	padding: 20px 30px 5px 30px;
	clear: both;
	}
	
#main h4 {
	font-size: 70%;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin:  0 30px;
	color: #383838;
	line-height: 150%;
	}
	
#main p, .text {
	font-size: 70%;
	padding: 0;
	margin: 0 30px 20px 30px;
	color: #383838;
	line-height: 150%;
	}
	
#main p.news, .newsarticle {
	font-size: 70%;
	color: #383838;
	line-height: 150%;
	padding-right: 30px;
	padding: 10px 0;
	margin: 0 30px;
	border-bottom: 1px solid #EDEDEC;
	}
	
#main p.error {
	color: #590000;
	}
	
#main ul, #main ol {
	font-size: 70%;
	padding: 0 60px;
	margin: 0 0 25px 0;
	color: #383838;
	line-height: 150%;
	}

#main ol ol, #main ol ol ol {
	font-size: 100%;
	padding: 0 30px;
	margin: 0;
	}
	
#main ul.listnostyle {
	list-style: none;
	}
	
#main a {
	color: #9F162C;
	background: transparent;
	font-weight: normal;
	text-decoration: underline;
	}
	
#main a:hover {
	color: #000000;
	background: transparent;
	font-weight: normal;
	text-decoration: underline;
	}

#main a.newwindow, #main a.newwindow:hover {
	background: url(/graphics/microlink.gif) 100% 50% no-repeat;
	padding-right: 15px;
	white-space: nowrap;
	}

#main li {
margin-bottom: 10px;
}
	
.date {
	color: #888;
	margin: 0;
	padding: 0;
	}
	
.logos {
	text-align: center;
	padding: 20px 15px 0 18px; 
	}
	
.logos img {
	margin: 0 30px;
	}
		
.highlight {
	color: #ffcc00;
	background: transparent;
	}
	
.work {
	padding: 10px;
	margin: 0 30px;
	background: #fbfbfb;
	border: 1px solid #EDEDEC;
	}
	
.clientlogo {
	float: right;
	padding: 10px;
	margin: 0 30px;
	background: #fbfbfb;
	border: 1px solid #EDEDEC;
	}
	
.clientlogo2 {
	padding: 10px;
	margin: 5px;	
	background: #fbfbfb;
	border: 1px solid #EDEDEC;
	}

div.desktop {
	width: 130px;
	margin: 0 30px;	
	background: #fbfbfb;
	border: 1px solid #EDEDEC;
	float: left;
	padding: 10px 10px 0 10px;
	}
	
div.desktop2 {
	width: 130px;
	margin: 0 30px;	
	background: #fbfbfb;
	border: 1px solid #EDEDEC;
	padding: 10px 10px 0 10px;
	float: left!important;
	}
	
div.clientlogo2 img {
	border: 1px solid #aaa;
	}
	
.clientgrid	{
	padding: 10px;
	margin: 0 30px;
	}
	
.calendargrid	{
	padding: 10px;
	margin: 0 30px 20px 30px;
	text-align: center;
	}
	}
	
.newsimage {
	float: right;
	padding: 10px;
	margin: 0px 0 10px 10px;
	}

#main .clientlink {
	text-decoration: none;
	}
	
#sitemap ul {
	font-size: 100%;
	margin: 5px 0;
	}


/* Footer */

hr.clear {
	height: 1px;
	margin: 500px 0 0 0 !important;
	margin: 0px 0 0 0;
	padding: 0;
	
	}

#footer {
	display: block;
	clear: both;
	width: 754px;
	background-color: #E5E5E5;

	}

.footerlinks {
	text-align: right;
	}
	
.copyright  {
	float: left;
	}
	
#footer p {
	padding: 8px 30px;
	margin: 0;
	font-size: 60%;
	color: #4E4E35;
	}
	
#footer p a:hover {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
	}
	
#footer p a {
	color: #4E4E35;
	font-weight: bold;
	text-decoration: none;
	}
	
/* End Footer */

#ksboxes {
padding: 4px 3px;
background-color: #E5E5E5;
margin-bottom: 10px;
}

.news {
text-align: left;
}

.kspic {
float: right;
}

.kslink {
font-size: 15px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #000000;
}
.picbot {
margin-bottom: 10px;
}

.title {
font-size: 16px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #000000;
}

/* BREAKING NEWS */


	
#nav {
	clear:both;
	margin: 0;
	height: 1.4em;
	padding: 6px 0;
	}
  
#nav ul {
	background-color: #660000;
	border-top: 1pt solid #FFFFFF;
	border-bottom: 1pt solid #FFFFFF;
	display: inline;
	float: left;
	margin: 0;
	padding: 2px 4px 0px 4px;
	font-size: 70%;
	list-style: none;
	}
  
#nav li {
		margin: 0px;
display: inline;
	float: left;
	}
  
#nav a {
	float: left;
	display: block;
	background: url(assets/bg_nav.gif) no-repeat left center;
	padding: 1px 15px 1px 12px;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 150%;
	}
	
#nav #contrast {
	float: left;
	clear: both;
	padding: 6px 0 0 19px;
}
	
/* Fix for Opera 6 */
	html>body #nav ul { width: 485px; }
/* undo for CSS2-compliant browsers */
	head:first-child+body #nav ul { width: auto; }
  
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
	#nav a {float:none;}
/* End IE5-Mac hack */
  
#nav a:hover, #nav a.on {
  	text-decoration: none; 
	background: #9F162C url(assets/bg_nav_hover.gif) no-repeat left center;
		padding: 1px 15px 1px 12px;

	}
.newspic {
float: right;
}
#homebottom {
width: 558px;
height: 169px;
background: #FFFFFF url(assets/home_bottom.gif) bottom right no-repeat;
}
.quote {
font-size: 180%;
font-weight: bold;
float: right;
position: relative;
top: 130px;
color: #9F162C;
font-style: italic;
}

/* FORM */

form {
	}

	
.formleft {
	float: left;
	width: 230px;
	font-size: 70%;
	color: #838383;
	line-height: 150%;
	padding: 3px 0 3px 30px;
	margin: 0;
	}
	
.formright {
	float: right;
	width: 230px;
	padding: 3px 30px 3px 0;
	margin: 0;
	text-align: right;
	}
	
.formright2 {
	clear: both;
	float: right;
	width: 236px;
	padding: 0;
	margin: 0;
	text-align: left;
	}	
	
.formrightradio {
	float: right;
	width: 200px;
	\width: 230px;
	w\idth: 200px;
	padding: 3px 30px 3px 0;
	margin: 0;
	text-align: left;
	font: normal 70% verdana, arial, geneva, helvetica, sans-serif;
	}
	
.formboth {
	float: left;
	width: 460px;
	font-size: 70%;
	color: #838383;
	line-height: 150%;
	padding: 3px 0 3px 30px;
	}


input, textarea {
	width: 200px;
	border: 1px solid #9F162C;
	background: #fff;
	color: #000;
	padding: 1px 2px;
	margin: 0;
	font: normal 70% verdana, arial, geneva, helvetica, sans-serif;
	}
	
.numberinput {
	width: 142px;
	\width: 148px;
	w\idth: 142px;
	}
	
textarea {
	overflow: auto;
	}
	
form select {
	font: normal 70% verdana, arial, geneva, helvetica, sans-serif;
	width: 208px;
	\width: 200px;
	w\idth: 208px;
	}
	
form .submit {
	margin-top: 20px; 
	width: 100px;
	border: 1px solid #9F162C;
	background-color: #CACACA;
	cursor: pointer;
	}
	
form .submit:hover {
	border: 1px solid #c60;
	}
	
form .button2 {
	padding: 1px 2px 1px 2px;
	width: 100px;
	background: #cc9;
	color: #663;
	border: 1px solid #663;
	}	

form .dob2 {width: 20px}	
form .dob4 {width: 40px}

dropdown {
	border: 0;
	margin: 0;
	padding: 0;
	width: 156px;
	\width: 154px;
	w\idth: 156px;
	}
	
form .file {
	width: 206px;
	\width: 200px;
	w\idth: 206px;
	}
	
/* Clear style from radio button */	

.radio {
	width: 10px;
	border: 0px solid #000;
	background: transparent;
	vertical-align: middle;
	margin-right: 4px;
	}
	
.check {
	width: 18px;
	border: 0px solid #000;
	background: transparent;
	margin-right: 4px;
	}

.dateinput {
	width: 40px;
	}
	
.textarea {
	font: normal 100% verdana, arial, geneva, helvetica, sans-serif;
	border: 1px solid #E0E3CF;
	width: 300px;
	}
	
.login {
	width: 400px;
	margin: 50px auto;
	border: 1px solid #E0E3CF;
	padding: 20px 0;
	background: #FAFAF7;
	}
	
.formleftlogin {
	float: left;
	width: 100px;
	padding: 3px 0 3px 30px;
	margin: 0;
	text-align: left;
	font: normal 70% verdana, arial, geneva, helvetica, sans-serif;
	}
	
.loginarea {
	text-align: center;
	}

.movie {
padding: 15px;
background: #CACACA;
border: 1pt solid #CCCCCC;
display: block;
float: right;
width: 175px;
}

.fp_smallbox {
	float: left;
	padding: 15px; margin: 0;
	display: block;
	border: 1pt solid #CCCCCC;
	background: url(assets/video_backy.gif) no-repeat top right; 
	}

.fp_smallbox a {
	display: block;
	font: normal 0.9em/1em verdana, geneva, arial, sans-serif;
	padding: 15px 28px 15px 18px;
	color: #9F162C;
	text-decoration: none;
	}
	
.fp_smallbox a:visited {
	}
	
.fp_smallbox a:hover, .fp_smallbox a:focus {
	}

.fp_smallbox a strong {font: bold 1.4em/1em verdana, geneva, arial, sans-serif !important;}	
	
a.abroad {
	background: transparent url(/graphics/fp_boxes/sb_right_botright.jpg) no-repeat top right;
	}
	
a.breakdown {
	background: transparent url(/graphics/fp_boxes/sb_right_topleft.gif) no-repeat top right;
	}

a.routeplanner {
	background: transparent url(/graphics/fp_boxes/sb_right_topright.jpg) no-repeat top right;
	}

a.buy {
	background: transparent url(/graphics/fp_boxes/sb_right_botleft.jpg) no-repeat top right;
	}
	
a:hover.abroad, a:focus.abroad, a:hover.breakdown, a:focus.breakdown, a:hover.routeplanner, a:focus.routeplanner, a:hover.buy, a:focus.buy {
	background-position: top right;
	}

.fp_smallbox a strong {
	display: block;
	padding: 10px 6px 10px 0;
	font: bold italic 1.3em/1em verdana, geneva, arial, sans-serif;
	color: #9F162C;
	text-decoration: none;
	}
	
.fp_smallbox a:hover strong, a:focus strong {
	color: #000000;
	}
	
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
	}
	
.pricebox {
	width: 180px;
	float: left;
	padding: 5px;
	margin: 5px;
	display: block;
	}