/* CSS ATTRIBUTES 

Date       		Version  		Author 			Comments  c0bebf

-----------------------------------------------------------------

14/09/08  		001      		HS     			drivingdotty.com - page layout

-----------------------------------------------------------------

*/





/*********************************************************************/

/************************ container elements *************************/

/*********************************************************************/



#maincontainer {
	width: 700px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	margin-top:1em;
	text-align:left;
	vertical-align:top;
	border:1px solid #e2dedf;
	background: #855f18 url(../Images/layout/MongolTruckBg500.jpg) no-repeat top left;
	position:relative;
}
#banner {
	position:relative;
	width:100%;
	height:140px;
}
.language {
	position:absolute;
	right:2em;
	top:2em;
}
.language input {
	border:1px solid #87aacb;
}
.maincontenttube {
	padding:0;
}
#contentwrapper {
	float:left;
	width: 100%;
	vertical-align:top;
	padding:0;
	min-height:350px;
}
/* mac hide \*/

*html #contentwrapper {
	height: 350px;
}
/* end hide */



.innertube {
	margin:0 4em 2em 4em;
	padding:0;
}
.left {
	width:420px;
	float:left;
}
.right {
	width:148px;
	float:right;
	text-align:center;
	background:#6f8592;
	position:relative;
	border-left:1px solid #d0d7dd;
	border-right:1px solid #d0d7dd;
}
.righttop {
	float:right;
	background:#6f8592 url(../Images/rightsidebgtop.gif) no-repeat top;
	width:150px;
	height:14px;
}
.rightbtm {
	float:right;
	background:#6f8592 url(../Images/rightsidebgbtm.gif) no-repeat bottom;
	width:150px;
	height:14px;
	margin-bottom:1em;
}
.rightbtmsm {
	float:right;
	background:#6f8592 url(../Images/rightsidebgbtmsm.gif) no-repeat bottom;
	width:150px;
	height:14px;
}
.rightnobg {
	width:150px;
	float:right;
}
#footer {
	width: 650px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	vertical-align:top;
	font-size:75%;
}
#footer a {
	font-weight:normal;
}
/*********************************************************************/

/************************ nav elements *******************************/

/*********************************************************************/



/* ---------- hidden ONLY if CSS is enabled.  If disabled, image is rendered ---------- */

img.image {
	display: none;
}
dl#navMap {
	margin: 0;
	padding: 0;
	width: 700px;
	position: relative;
}
dt {
	margin: 0;
	padding: 0;
	position: absolute;
	display: none;
	font-size: 95%;
}
dd {
	margin: 0;
	padding: 0;
	position: absolute;
	font-size: 95%;
}
/* ---------- Hotspot Declarations ---------- */

dd#rallyDef {
	top: 24px;
	left: 60px;
}
dd#rallyDef a {
	position: absolute;
	width: 60px;
	height: 60px;
	text-decoration: none;
}
dd#rallyDef a span {
	display: none;
}
dd#rallyDef a:hover {
	position: absolute;
	background: url(../Images/layout/disk100_rally.jpg) top left no-repeat;
	top:0;
	left:3px;
}
dd#rallyDef a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #fff;
	margin: 0;
}
dd#teamDef {
	top: 24px;
	left: 125px;
}
dd#teamDef a {
	position: absolute;
	width: 60px;
	height: 60px;
	text-decoration: none;
}
dd#teamDef a span {
	display: none;
}
dd#teamDef a:hover {
	background: transparent url(../Images/layout/disk100_team.jpg) top left no-repeat;
	top:0;
	left:2px;
}
dd#teamDef a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #fff;
	margin: 0;
}
dd#carDef {
	top: 24px;
	left: 190px;
}
dd#carDef a {
	position: absolute;
	width: 60px;
	height: 60px;
	text-decoration: none;
}
dd#carDef a span {
	display: none;
}
dd#carDef a:hover {
	background: transparent url(../Images/layout/disk100_car.jpg) top left no-repeat;
	top:0;
	left:1px;
}
dd#carDef a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #fff;
	margin: 0;
}
dd#routeDef {
	top: 24px;
	left: 255px;
}
dd#routeDef a {
	position: absolute;
	width: 60px;
	height: 60px;
	text-decoration: none;
}
dd#routeDef a span {
	display: none;
}
dd#routeDef a:hover {
	background: transparent url(../Images/layout/disk100_route.jpg) top left no-repeat;
	top:0;
	left:1px;
}
dd#routeDef a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #fff;
	margin: 0;
}
dd#charitiesDef {
	top: 24px;
	left: 320px;
}
dd#charitiesDef a {
	position: absolute;
	width: 60px;
	height: 60px;
	text-decoration: none;
}
dd#charitiesDef a span {
	display: none;
}
dd#charitiesDef a:hover {
	background: transparent url(../Images/layout/disk100_charities.jpg) top left no-repeat;
	top:0;
	left:0px;
}
dd#charitiesDef a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #fff;
	margin: 0;
}
dd#sponsorsDef {
	top: 24px;
	left: 385px;
}
dd#sponsorsDef a {
	position: absolute;
	width: 60px;
	height: 60px;
	text-decoration: none;
}
dd#sponsorsDef a span {
	display: none;
}
dd#sponsorsDef a:hover {
	background: transparent url(../Images/layout/disk100_sponsors.jpg) top left no-repeat;
	top:0;
	left:-1px;
}
dd#sponsorsDef a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #fff;
	margin: 0;
}
dd#blogDef {
	top: 24px;
	left: 450px;
}
dd#blogDef a {
	position: absolute;
	width: 60px;
	height: 60px;
	text-decoration: none;
}
dd#blogDef a span {
	display: none;
}
dd#blogDef a:hover {
	background: transparent url(../Images/layout/disk100_blog.jpg) top left no-repeat;
	top:0;
	left:-2px;
}
dd#blogDef a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #fff;
	margin: 0;
}
dd#photosDef {
	top: 24px;
	left: 515px;
}
dd#photosDef a {
	position: absolute;
	width: 60px;
	height: 60px;
	text-decoration: none;
}
dd#photosDef a span {
	display: none;
}
dd#photosDef a:hover {
	background: transparent url(../Images/layout/disk100_photos.jpg) top left no-repeat;
	top:0;
	left:-3px;
}
dd#photosDef a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #fff;
	margin: 0;
}
dd#contactDef {
	top: 24px;
	left: 580px;
}
dd#contactDef a {
	position: absolute;
	width: 60px;
	height: 60px;
	text-decoration: none;
}
dd#contactDef a span {
	display: none;
}
dd#contactDef a:hover {
	background: transparent url(../Images/layout/disk100_contact.jpg) top left no-repeat;
	top:0;
	left:-4px;
}
dd#contactDef a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #fff;
	margin: 0;
}
body#tab2 .active {
	background: url(../Images/layout/disk100_rally.jpg) top left no-repeat;
	top:0;
	left:3px;
}
body#tab3 .active {
	background: url(../Images/layout/disk100_team.jpg) top left no-repeat;
	top:0;
	left:2px;
}
body#tab4 .active {
	background: url(../Images/layout/disk100_car.jpg) top left no-repeat;
	top:0;
	left:1px;
}
body#tab5 .active {
	background: url(../Images/layout/disk100_route.jpg) top left no-repeat;
	top:0;
	left:1px;
}
body#tab6 .active {
	background: url(../Images/layout/disk100_charities.jpg) top left no-repeat;
	top:0;
	left:0px;
}
body#tab7 .active {
	background: url(../Images/layout/disk100_sponsors.jpg) top left no-repeat;
	top:0;
	left:-1px;
}
body#tab8 .active {
	background: url(../Images/layout/disk100_blog.jpg) top left no-repeat;
	top:0;
	left:-2px;
}
body#tab9 .active {
	background: url(../Images/layout/disk100_photos.jpg) top left no-repeat;
	top:0;
	left:-2px;
}
body#tab10 .active {
	background: url(../Images/layout/disk100_contact.jpg) top left no-repeat;
	top:0;
	left:-4px;
}
.logo {
	width:400px;
	height: 40px; /* show to Mozilla/Safari/Opera */
 *height:38px; /* show to IE 6 & 7 */
}
/*********************************************************************/

/************************ content elements ***************************/

/*********************************************************************/



#contentcolumn p {
}
#contentcolumn ul {
	position:relative;
	right:1em;
}
#contentcolumn li {
	margin-bottom:0.5em;
}
.homenews {
	float:left;
	margin-left:1.5em;
	*margin-left:1.2em;
	background:url(../Images/homenewsbg.jpg) no-repeat top left;
	width:301px;
	height:99px;
}
.newsinnertube {
	margin:1em;
}
.dictionary {
	float:left;
	margin:0 2em 0 0;
	*margin:0;
	color:#fff;
	width:255px;
}
.dictionary li {
	text-decoration:none;
}
#lcd {
	margin:1em 0 0.7em 0;
	background:#c1a224;
	padding:0.95em;
	width:auto;
}
.buttons {
	position:absolute;
	bottom:-2em;
	right:1em;
 *bottom:1em; /* show to IE 6 & 7 */
	width:100%;
}
.buttons ul {
	float:right;
}
.buttons li {
	text-decoration:none;
	list-style-type:none;
	float:right;
	margin:0 1em 0.5em 0;
}
#rssIframe {
	width:151px;
	float:right;
	margin-right:1.5em;
    *margin-right:1em;
}
#rssIframe ul {
	margin:0 1em 0 1em;
	padding:0;
	text-align:left;
	vertical-align:top;
}
#rssIframe li {
	width:125px;
	list-style-type:none;
	border-bottom:1px dashed #878b94;
	padding-bottom:3px;
}
.justgiving {
	float:left;
	margin-left:3em;
 	*margin-left:2em;
	margin-right:2em;
	*margin-right:2em;
	margin-bottom:13em;
}
.mid {
	background: url(../Images/layout/blogMidBg.gif) repeat-y top left;
	height:auto;
}
.bot {
	background: url(../Images/layout/blogBotBga.gif) no-repeat top left;
	height:10px;
	z-index:100;
}
.datefield { /*CSS for date field in general*/
	color:white;
	font-size: 85%;
}
.profilepic {
	float:right;
	margin:0em 0 2em 1em;
	width:125px;
	border:1px solid #fff;
}
.getadot {
	margin-top:0;
}
html>body .getadot {
	margin-top:2.5em;
}
.notepad {
	background:url(../Images/notepad.jpg) no-repeat top left;
	width:420px;
	min-height:310px;
	color:#333300;
	padding-top:5em;
}
.notepad p {
	margin:0 4em 1em 4em
}
.notepad ul {
	margin:0em 3em 0 2em
}
.rightimg {
	margin:0 0 1em 1em;
	float:right;
	margin-bottom:1em;
}
.leftcol {
	float:left;
	width:200px;
}
.rightcol {
	float:right;
	width:200px;
}
.widget {
	height:230px;
	width:150px;
	margin:1em 1em 2em 1em;
}
.paypaldot {
	float:left;
	width:151px;
}
.donateadothome {
	position:absolute;
	clear:right;
	right:4em;
	*right:5em;
	bottom:6em;
	*bottom:6.5em;
}
.hits {
	float:left;
	width:110px;
	margin:1em 0 1em 0
}
.bytelab {
	float:right;
	width:200px;
	margin:1em 0 1em 0
}
.countdown {
	float:right;
	font-weight:bold;
	text-align:right;
	font-size:110%;
	position:absolute;
	top:1em;
	right:4em;
	width:150px;
}
.setlang { float:right; width:60px; position:absolute; top:2.6em; right:1em; margin-right:1em; margin-left:1em;}
.setlangen {background:url(../Images/flagUk.gif) no-repeat; border:1px solid #fff; cursor:pointer; width:20px; height:13px; *height:15px;; float:left;}
.setlangfr {background:url(../Images/flagFrance.gif) no-repeat; border:1px solid #fff; cursor:pointer; width:20px; height:13px; *height:15px; margin-left:0.5em; float:left;}
.jlpimg {
	width:350px;
	margin:0 0 1em 1em;
	position:absolute;
	bottom:1em;
	right:0;
}
.sponsorlogodot {
	width:120px;
	margin:0.9em;
	border:1px solid #fff;
}
.sponsorlogodothome {
	width:120px;
	margin-left:0.1em;
	margin-bottom:0.5em;
	margin-right:0.5em; 
	border:1px solid #fff;
}
.dot135 {
	width:135px;
}
.shopdottitle {
	color:#FF9900
}
.divider {
	clear:both;
	width:100%;
	border-top:1px solid #fff;
	padding-top:1em;
}
.sponsorlogos {
	position:absolute;
	bottom:1em;
	left:-0.5em;
	*left:-1.5em;
}
.tickbox {
	margin:0 1em;
}
/*********************************************************************/

/************************ form elements ******************************/

/*********************************************************************/



/* All forms in page content areas use the following styles.*/



form.content {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	margin: 0;
	padding: 0;
	min-width: 600px;
	max-width: 600px;
	width: 600px;
	position:relative;
}
form.content fieldset {
	/* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */

  border: 1px solid #e4e4e4;
	padding: 10px;        /* padding in fieldset support spotty in IE */
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	margin-bottom:1em;
	width:580px;
}
form.content fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
	color:#fff;                   /* be careful with padding, it'll shift the nice offset on top of border  */
	font-weight:bold;
	padding:0 10px 10px 8px;
}
form.content label {
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	width: 75px;
	padding: 0;
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	color:#fff;
}
form.content input, form.content textarea, form.content select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */

	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 5px 10px; /* set margin on left of form elements rather than right of

                              label aligns textarea better in IE */
	float:left;
}
form.content input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}
form.content textarea {
	overflow: auto;
	width:30em;
	margin-bottom:0.5em;
}
form.content .stdTxtArea {
	width:12em;
	margin-right:1em;
}
form small {
	display: block;
	margin: 0 0 5px 15px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}
form.content .required {
	font-weight:bold; /* uses class instead of div, more efficient */
	color: red;
}
form.content br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
form.content .radiobtn {
	width:200px;
}
form.content .submit {
	margin-left:7.5em;
}
.contactform {
	width:610px;
	position:relative;
	left:0;
	clear:left;
}
form.paypaldot select {
	border:1px solid #fff;
	position:relative;
	right:3px;
	font-size:80%;
}
form.paypaldot .addtocart {
	margin-top:4px;
}
/*********************************************************************/

/************************ miscellaneous ******************************/

/*********************************************************************/



.clear {
	clear:left;
}
.screenshot {
	margin-left:0.7em;
}
.galleryList {
	margin-top:2em;
}
.flashgallery {
	border:1px solid #fff;
	width:550px;
	height:300px;
	margin-bottom:1em;
}
div.thumb {
	float:left;
	width:85px;
	border:1px solid #fff;
	margin-right:0.4em;
	margin-bottom:0.5em;
	text-align:center;
}
div.thumb img {
	width:85px;
	height:64px;
	border:0;
	padding:0;
	margin:0 0 0.5em 0;
}
div.thumbtitle {
	background:#fff;
	/* CSS3 standard */

	opacity:0.7;
	/* for IE */

    filter:alpha(opacity=70);
	zoom:1;
}
div.thumb a {
	color:#333;
}
.centre {
	text-align:center;
	margin:0 auto;
}
div.breakoutbox {
	padding:1em;
	background:#e8d761; /*url(../Images/layout/dotsBg1.jpg);

     CSS3 standard */
	margin-bottom:1em;
	color:#333333;
}
 *:breakoutbox {
width:400px;
}
div.breakoutbox p {
	color:#000000;
}
div.breakoutbox a, div.breakoutbox a:visited {
	color:#cc6600;
}
div.breakoutbox a:hover {
	color:#ff6600;
	text-decoration:underline;
}
div.breakoutbox ul {
	margin-bottom:0;
	margin-top:0;
}
.rtBullet {
	margin-left:0.1em;
	margin-right:0.5em;
	border:0;
}
#map {
	border:1px solid #fff;
	margin:2em 0 2em 0;
}
.b1f, .b2f, .b3f, .b4f {
	font-size:1px;
	overflow:hidden;
	display:block;
}
.b1f {
	height:1px;
	background:#fff;
	margin:0 5px;
}
.b2f {
	height:1px;
	background:#fff;
	margin:0 3px;
}
.b3f {
	height:1px;
	background:#fff;
	margin:0 2px;
}
.b4f {
	height:2px;
	background:#fff;
	margin:0 1px;
}
.contentf {
	background: #fff;
}
.contentf div {
	margin-left: 5px;
	color:#000000;
}
.curvy {
	position:relative;
	width:250px;
	background:#9caf9c;
	color:#000;
	margin:5em auto;
}
#ctl, #cbl, #ctr, #cbr {
	position:absolute;
	width:20px;
	height:20px;
	color:#9caf9c;
background:;
	overflow:hidden;
	font-style:normal;
	z-index:1;
}
#ctl {
	top:0;
	left:0;
}
#cbl {
	bottom:0;
	left:0;
}
#ctr {
	top:0;
	right:0;
}
#cbr {
	bottom:0;
	right:0;
}
.curvy em b {
	position:absolute;
	font-size:150px;
	font-family:arial;
	color:#9caf9c;
	line-height:40px;
	font-weight:normal;
}
#ctl b {
	left:-8px;
}
#ctr b {
	left:-25px;
}
#cbl b {
	left:-8px;
	top:-17px;
}
#cbr b {
	left:-25px;
	top:-17px;
}
.curvy p {
	position:relative;
	z-index:100;
	padding:5px 10px;
}