/*******************************
 General Styles
 *******************************/

td		{ font-size:12px; color:black;   font-family: Arial }
th      { font-size:12px; color:black;   font-family: Arial; text-align: none; }
option	{ font-size:12px; color:black;   font-family: Arial }
p		{ font-size:12px; color:black;   font-family: Arial }
h1		{ font-size:22px; color:#bad8fe; font-family: Arial }

.label	          { font-size:12px; color:black; font-family:Arial }
.ddl	          { font-size:12px; color:black; font-family:Arial }
.link             { font-size:12px; color:blue;  font-family:Arial }
.MaskedEditFocus  {background-color: #FFFFCC ; }
.MaskedEditError  {background-color: #FFA8D3;  }
.clearboth        {clear: both; }
.linkbutton:hover {text-decoration:none; font-family: Georgia;}
.linkbutton       {text-decoration:none; font-family: Georgia;}
.linkbuttonright  {text-decoration:none; font-family: Georgia; float: right; text-align: right;}
.checkbox         {font-size: 12px; color: Black;}
.actionpacks      {font-size: 12px; color: Black;}

* { margin: 0 0 0 0; padding: 0; }

body {
	
	font-family:"arial, trebuchet MS", tahoma, verdana, helvetica, sans-serif;
	background-repeat: no-repeat;
	background-image: url("images/extrasure_bg.jpg");	
	background-repeat: repeat;
	color: Blue;
}

#main {
	border: 4px solid #FFFFFF;
	width: 975px; 
	height: 567px;
	background-color:#FFFFFF;    
	margin-top: 0px;    
	margin-bottom: 0px;    
	margin-left: auto;    
	margin-right: auto;    
	padding: 0px;    
	background-position:  center;
	background-repeat:  no-repeat;
}

#menus {
    height: 40px;
    width: 975px;
    font-size: 14px;
    font-family:Georgia;
}

#menus ul {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	list-style: none;
	text-align: right;
} 

#menus ul li {
	display:  inline;
	list-style: none;
	margin-left: 15px;
	float: left;
}

#menubar {
	border: solid 0px #000;
	width: 100%;
	top: 0px;
	left: 0px;
	height: 20px;
	background-color: white;
}

#menulogo {
    width: 18%;
    height: 20px;
    float: left;
}

#menuleft {
    width: 60%;
    height: 20px;
    float: left;
}

#menuright {
    border: solid 0px #000;
    width: 21%;
    height: 20px;
    float: right;
}

#submenubar {
	border: solid 0px #000;
	background-color: White;
	height: 20px;
	left: 185px; 
	position:  relative;
	float: left;
	width: 630px; 
}

#submenufiller {
    background-color: White;
    width: 160px;
    height: 20px;
    top: 20px;
    float: right
}


#popups {
    width: 100%;
    height: 527px;
}

#footer {
	border: solid 0px red;
	width: 100%; 
	height: 60px;
	font-family: Georgia;
}

#footerlogo {
    border: solid 0px black;
    width: 24%;
    float: left;
}

#footerinfo {
    width: 75%;
    float: right;
}

#footerlinks {
    width: 100%;
    height: 30px;
    float: right;
}

#footernotes {
    width: 100%;
    float: left;
    text-align: right;
}

#footer ul {
	list-style: none;
	margin: 0;
} 

#footer ul li {
	display: inline;
	margin: 0px;
}
 
#footer ul li a {
	display: block;
	float: right;
	font-size: 12px;
	color: black;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
} 

#footer ul li a:hover {
	color: gray;
}

#footer ul li#active a {
	color: gray;
}


#agent {
	border: solid 0px #000;
	top: 0px;
	height: 24px;
	background-position:  center;
	background-color: White;
	position: relative;
	float: right;
}	

#renewal {
    border: solid 0px #000;
    padding: 0 0 2px 20px;
	background-color: white;
	position: relative;
	left: 290px;
	top: -20px;
	width: 340px;
}

#singletrip {
	border: solid 0px #000;
	background-color: white;
	position: relative;
	left: 185px;
	top: 0px;
	width: 380px;
}

#multitrip {
	border: solid 0px #000;
	background-color: white;
	position: relative;
	left: 330px;
	width: 350px;
	top: 0px;
}

#backpacker {
   	border: solid 0px #000;
	background-color:  white;
	position: relative;
	left: 210px;
	width: 380px;
	top: 0px;
}

#cruise {
	border: solid 0px #000;
	background-color:   white;
	position: relative;
	left: 324px;
	width: 320px;
	top: 0px;
	padding-left: 4px;
}

#drivesure {
	border: solid 0px #000;
	float: left;
	background-color: white;
	position: relative;
	padding-left: 5px;
	left: 520px;
	width: 260px;
	top: 0px;
}

#details {
	border: solid 0px #000;
	background-color: white;
	position: relative;
	float: left;
	top: 0px;
}

#popups {
    border: solid 0px #000;
	width: 810px;
	float: left;
	top: 0px;
}
    
#login {
    border-top: solid 0px #000;
	background-color: white;
	top: 0;
	right: 975px;
	width: 150px;
	padding: 0 0 0 10px;
	float: right;
}

.logonlinks {
    font-size: 12px; 
    color: Black; 
}

.logonlinks ul  {
    list-style-type: none; 
    color: Black;
}   
.logonlinks li a {
     display: block; 
     text-decoration: none; 
     color: Black;
}   
.logonlinks li a:hover  {
    color: Blue; 
}

#btn {
	border: solid 0px #000;
	float: left;
	background-color: white;
	position: absolute;
	left: 0px;
	width: 590px;
	height: 80px;
	top: 526px;
}

#wordings {
    background-color: White;
    border: solid 0px #000;
    width: 810px;
	float: left;
	top: -20px;
	left: 400px;
	height: 340px; 
	width: 390px; 
    padding-left: 4px;
    float: left;
    position:  relative;
}

#wordings ul {
	list-style: none;
	color: Black;
	margin: 0;
} 

#wordings ul li {
	display: list-item;
	color: Black;
	margin: 0px;
}
 
#wordings ul li a {
	display: block;
	font-size: 12px;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
} 

#wordings ul li a:hover {
	color: Blue;
}

#wordings ul li#active a {
	color: Blue;
}