﻿/* Style sheet for TWC Graphics Design template */
html {
	margin: 0px;
	padding: 0px;
}
.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
}

*{
padding:0;
margin:0;

}
body  { 	
	background: #12214E;
	color: #666; 
	margin: 0px auto;
	padding: 0px;
	text-align: center; 
	font: normal normal .9em/1.2em Verdana, Arial, sans-serif;
}
input { color: #000; font: normal normal .8em Arial, sans-serif; }
h1    { background: #DADEE6;
	border-top: 3px solid #374C88;
	padding: 7px 5px 1px 3px;
	font: normal bold .9em Verdana, Arial, sans-serif;
	color: #12214E;
	margin-top: 0px;  }
h2    { font: normal bold .9em Verdana, Arial, sans-serif;
	color: #12214E;
	border-bottom: 2px solid #DADEE6; }
h3    { font: normal bold .9em Verdana, Arial, sans-serif; color: #374C88; }
h4    { color: #12214E; font:  normal bold .9em Verdana, Arial, sans-serif; }
h5    { color: #000; font:  normal bold .8em Verdana, Arial, sans-serif; }
h6    { color: #000; font:  normal bold 10px Verdana, Arial, sans-serif; }
ol ol ol { color: #666; }
ol ol { color: #666; }
ol { color: #666; }
ul    { list-style-image: url('images/design_elements/bullet.gif'); color: #666; 
	 }
ul ul    { list-style-image: url('images/design_elements/bullet2.gif'); 
	color: #666; }
ul ul ul { list-style-image: url('images/design_elements/bullet3.gif'); 
	color: #666; }

#movie {
	width: 760px;
	height: 190px;
	text-align: center;
	}
#container {
	background: url(images/design_elements/bodyback.gif) repeat-y;
	display: block;
	width: 760px;
	text-align: center;
	margin: 0 auto;
	}
#container2 {
	background: url(images/design_elements/bodyback2.gif) repeat-y;
	display: block;
	width: 760px;
	text-align: center;
	margin: 0 auto;
	}
#container3 {
	background: #FFF;
	display: block;
	width: 760px;
	text-align: center;
	margin: 0 auto;
	}
	
#leftcol { background: none;
	float: left;
	width: 165px;
	margin: 0;
	position: relative;
	padding: 2px 10px 2px 10px;
	font:  normal normal .9em/1.2em Verdana, Arial, sans-serif; 
	text-align: left;
	vertical-align: top;
	z-index: 9;
	}
#midcol { 
	background:none;
	float:right;
	width: 160px;
	margin-top:20px;
	margin-right:15px;
	font:  normal normal .78em/1.1em Verdana, Arial, sans-serif; 
	text-align: left;
	z-index: 0;
	}
#rightcol { background: none;
	float: right;
	width: 383px;
	margin-top: 0px;
	padding: 0px 0px 15px 0px;
	font:  normal normal .9em/1.2em Verdana, Arial, sans-serif; 
	text-align: left;
	border-bottom: 3px solid #FFF;
	vertical-align: top;
	}
#rightcol p { padding-right: 10px; 
	padding-left: 10px;}
#rightcol li { padding-right: 10px; }	

#rightcol2 { background: none;
	float: right;
	width: 570px;
	margin-top: 0px;
	padding: 0px 0px 10px 0px;
	font:  normal normal .9em/1.2em Verdana, Arial, sans-serif; 
	text-align: left;
	border-bottom: 3px solid #FFF;
	vertical-align: top;
	}
#rightcol2 p { padding-right: 10px; 
	padding-left: 10px;}
#rightcol2 li { padding-right: 10px; }	

#fullcol { background: #FFF;
	padding: 0px 0px 10px 0px;
	font:  normal normal .9em/1.2em Verdana, Arial, sans-serif; 
	text-align: left;
	border-bottom: 3px solid #FFF;
	vertical-align: top;
	}
#fullcol p { padding-right: 10px; 
	padding-left: 10px;}
#fullcol li { padding-right: 10px; }	
#fullcol h2    { font: normal bold .9em Verdana, Arial, sans-serif;
	color: #12214E;
	border-bottom: 2px solid #DADEE6; 
	margin: 0px 10px; }
#fullcol h3    { font: normal bold .9em Verdana, Arial, sans-serif;
	background:  url('images/design_elements/bullet.gif') no-repeat top left;
	margin: auto 10px;
	color: #374C88; 
	padding-left: 16px; }

	
/* Define footer section */
#footer {
	clear: both;
	position: relative;
	background: url(images/design_elements/footer.gif) no-repeat bottom left;
	width: 760px;
	height: 42px;
	}

#footerleft {  background: inherit;
	text-align: left;
	float: left;
	font: normal normal 11px Verdana, Arial, sans-serif; 
	color: #333; 
	width: 364px;
	margin-left: 1px;
	padding: 22px 0px 0px 10px;
	}
#footerright {  
	float: right;
	text-align: right;
	display: inline;
	font: normal normal 11px Verdana, Arial, sans-serif; 
	color: #000; 
	width: 374px;
	padding: 22px 10px 0px 0px;
	}
#footerright a:visited  { color: #000; text-decoration: none;   }
#footerright a:active  { color: #000; text-decoration: none;   }
#footerright a:link  { color: #000; text-decoration: none;   }
#footerright a:hover   { color: #12214E; text-decoration: underline;  }

/* Define standard hyperlinks */	
a:link  { color: #12214E;  }  
a:active { color: #12214E;  }
a:visited { color: #12214E;  }
a:hover { color: #000; text-decoration: none; }



/* Define textbox area */

.textbox      { background: #DADEE6; color: #000; 
	padding: 5px; text-align: left;
	border: 1px solid #B4C0D6;
	}
/* Menu styling */

.menuul {
	margin: 0px 0px 0px 0px;
	padding: 0;
	width:158px;
	list-style: none;
	z-index: 10;
	}

.menuul li {
	position: relative;
	z-index: 9;
	}
	
.menuul li ul {
	position: absolute;
	left: 158px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	z-index: 9;
}

/* Styles for Menu Items */
.menuul li a {
	display: block;
	background-color: #B4C0D6;
	border-bottom: 1px solid #CDD5E4;
	padding: 0px;
	margin: 0;
	width: 158px;
	height: 22px;
	min-height: 22px;
	font-family: Arial;
	font-size: 11px;
	line-height: 22px;
	font-weight:bold;
	text-align: left;
	text-decoration: none;
	color: black;
	z-index: 9;
}
.menuul li li a {
	display: block;
	padding: 0px 6px;
	background-color: #CDD5E4;
	border-bottom:1px solid #B4C0D6;
	width:158px;
	height:22px;
	min-height: 22px;
	font-family: Arial;
	font-size:11px;
	font-weight:bold;
	text-align: left;
	text-decoration: none;
	color: black;
	z-index: 9;
}

/* Fix IE. Hide from IE Mac \*/
* html .menuul li { float: left; height: 1%; }
* html .menuul li a { height: 1%; }
/* End */

.menuul li a:hover { 
	display:block;
	width:158px;
	height:22px;
	min-height: 22px;
	color: #FFF;
	background-color: #B4C0D6;
}
.menuul li li a:hover { 
	display:block;
	width:158px;
	height:22px;
	min-height: 22px;
	color: #FFF;
	background-color: #B4C0D6;
}

 /* Hover Styles */
		
.menuul li.over ul { display: block; }

.menuul li:hover ul { display: block; }


/* css of table */

#table{
width:564px;
float:right;
padding:10px 7px 0 0;
font-family:Arial, Helvetica, sans-serif;
}
.red-bg{
width:563px;
height:134px;
float:left;
background:#ff0000;
}

.inner-red{
float:left;
padding:24px 0 0 16px;
}

.red-bg .heading{
color:#fff;
font-size:28px;
display:block;
margin:0 0 0 14px;
line-height:30px;
font-weight:bold;
}
.ul-left{
float:left;
padding:22px 45px 0 0;
margin:0;
}
.ul-left li{
text-decoration:none;
list-style:none;
float:left;
line-height:25px;
color:#fff;
}
.ul-left .li-1 span{
font-size:16px;
font-weight:bold;
float:left;
}
.ul-left .li-2 span{
font-size:13px;
float:left;
padding:12px 0 0 40px;
font-weight:bold;
}
.ul-right{
float:left;
width:230px;
padding:0;
margin:0;
}
.ul-right li{
text-decoration:none;
list-style:none;
color:#fff;
text-align:center;
float:left;
line-height:14px;
font-weight:bold;
font-size:13px;
}
.ul-right li span{
width:90px;
float:left;
margin:0 35px 0 0;
line-height:18px;
text-align:center;
}
.ul-right li label{
width:90px;
text-align:center;
line-height:18px;
float:left;
}
.holiday{
padding:5px 0 0 0;
}
.amounts{
padding:20px 0 0 0;
}
.amounts span{
font-size:13px;
}
.figures span{
font-size:13px;
}
.figures label{
font-size:13px;
}


.titles-first{
float:left;
height:60px;
width:563px;
padding:0;
margin:0;
}
.titles-first ul{
float:left;
width:563px;
padding:0;
margin:0;
}
.titles-first ul li{
width:64px;
height:60px;
float:left;
color:#fff;
text-transform:uppercase;
font-weight:bold;
padding:0 !important;
margin:0;
text-decoration:none;
list-style:none;
}
.titles-first ul li span{
font-size:13px;
line-height:21px;
width:64px;
padding:20px 0 0 0;
float:left;
text-align:center;
}
.titles-first ul .grey{
background:#cccccc;
}
.titles-first ul .grey-1{
background:#cccccc;
}
.titles-first ul .grey-1 span{
padding:42px 0 0 0;
line-height:20px;
}
.titles-first ul .black-1{
width:115px;
float:left;
background:#999999;
}
.titles-first ul .black-1 span{
width:114px;
padding:42px 0 0 0 !important;
line-height:20px;
text-align:center;
}
.titles-first ul .black{
background:#999999;
}


.titles{
float:left;
height:40px;
width:563px;
padding:0;
margin:0;
}
.titles ul{
float:left;
width:563px;
padding:0;
margin:0;
}
.titles ul li{
width:64px;
height:40px;
float:left;
color:#666666;
text-transform:uppercase;
font-weight:bold;
padding:0 !important;
margin:0;
text-decoration:none;
list-style:none;
}
.titles ul li span{
font-size:13px;
line-height:21px;
width:64px;
float:left;
text-align:center;
}
.titles ul .grey{
background:#cccccc;
}
.titles ul .grey-1{
background:#cccccc;
}
.titles ul .grey-1 span{
padding:23px 0 0 0;
line-height:19px;
}
.titles ul .black-1{
width:115px;
float:left;
background:#999999;
}
.titles ul .black-1 span{
width:114px;
padding:23px 0 0 0 !important;
line-height:19px;
text-align:center;
}
.titles ul .black{
background:#999999;
}
.table-figures{
float:left;
width:563px;
}
.table-figures ul{
padding:3px 0 0 0 ;
margin:0;
min-height:30px;
height:auto !important;
height:40px;
float:left;
}
.table-figures ul li{
float:left;
width:64px;
padding:0!important;
text-align:right;
line-height:16px;
color:#000;
text-decoration:none;
list-style:none;
}
.table-figures ul .car span{
text-align:left;
width:64px;
float:left;
}
.table-figures ul .model Span{
width:106px;
display:block;
float:left;
text-align:left;
}
.table-figures ul .model{
width:110px;
text-align:left;
padding:0 0 0 4px !important;
}
.figures-list-3{
padding:40px 0 0 0 !important;
}
.figures-list-5{
padding:45px 0 0 0 !important;
}
.figures-list-last{
padding:20px 0 0 0 !important;
}
.a-last{
float:left;
cursor:pointer;
padding:3px 0 13px 0;
}
.a-last a{
text-decoration:none;
}
/* css of table */


/* css of www.hawaiicarrental */

.brands{
float:left;
}
.brands .ul-brand{
float:left;
margin:0;
padding:10px 0 10px 5px;
text-decoration:none;
list-style:none;
}
.ul-brand li{
width:76px;
font-size:12px;
margin:10px 0 0 0;
line-height:14px;
float:left !important;
}
.ul-brand .li-4{
width:75px;
height:52px;
padding:0;
margin:2px 3px 0 0;
background:#00ffff;
}
.ul-brand .li-4 a{
float:left;
width:50px;
margin:12px 0 0 12px;
height:25px;
}
.ul-brand .li-5{
float:left;
height:42px;
margin:20px 0 0 0;
}
.ul-brand .li-6{
margin-top:-3px;
float:left;
}
.ul-brand .li-7{
float:left;
margin:-3px 0 0 0;
}
.red-bg-2{
width:563px;
height:60px;
float:left;
overflow:hidden;
background:#ff6600;
}
.inner-red-2{
float:left;
height:60px;
background:#383b7f;
width:154px;
font-weight:bold; 
}
.inner-red-2 div{
float:left;
padding:20px 0 0 20px;
_padding:15px 0 0 20px;
}
.inner-red-2 span{
display:block;
}
.inner-red-2 .brand-b{
color:#ff6600;
font-size:28px;
padding:0 0 0 4px;
line-height:22px;
}
.inner-red-2 .text-under{
color:#ff6600;
font-size:12px;
word-spacing:1px ;
letter-spacing:1px;
padding:2px 0 0 0;
_padding:6px 0 0 0;
line-height:12px;
}
.ul-right-2{
float:right;
width:230px;
padding:0 15px 0 0;
margin:0;
}
.ul-right-2 li{
text-decoration:none;
list-style:none;
color:#fff;
text-align:center;
float:left;
padding:0 0 3px 0;
font-weight:bold;
font-size:13px;
}
.ul-right-2 li span{
width:90px;
float:left;
margin:0 35px 0 0;
line-height:18px;
text-align:center;
}
.regular{
padding:22px 0 0 39px;
font-weight:bold;
color:#fff;
font-size:13px;
float:left;
}
.ul-right-2 li label{
width:90px;
text-align:center;
line-height:18px;
float:left;
}
.figures-list-last-2{
padding:20px 0 40px 0 !important;
}
.view-more{
float:left;
padding:13px 0 0 0;
}
.view-more-2{
float:left;
width:550px;
padding:5px 0 15px 2px;
}
/* css of www.hawaiicarrental */

/* http://www.hawaiicarrental.info/dollar-hawaii-car-rental.htm */
.red-bg-4{
width:563px;
height:85px;
float:left;
background:#363a90;
}
.inner-red-4{
float:left;
padding:20px 0 0 20px;
_padding:15px 0 0 20px;
width:140px;
color:#fff;
font-weight:bold; 
}
.inner-red-4 span{
display:block;
}
.inner-red-4 .brand-d{
font-size:28px;
padding:0 0 0 4px;
line-height:22px;
}
.inner-red-4 .text-under{
font-size:12px;
word-spacing:1px ;
letter-spacing:1px;
padding:2px 0 0 0;
_padding:6px 0 0 0;
line-height:12px;
}

.red-bg-4 .heading{
color:#fff;
font-size:28px;
display:block;
margin:0 0 0 14px;
line-height:30px;
font-weight:bold;
}
.ul-4{
float:right;
}
.ul-right-4{
float:left;
width:370px;
padding:8px 0 0 0;
margin:0;
}
.ul-right-4 li{
text-decoration:none;
list-style:none;
color:#fff;
text-align:center;
float:left;
padding:0 0 11px 0;
font-weight:bold;
font-size:13px;
}
.ul-right-4 li span{
width:90px;
float:left;
margin:0 35px 0 0;
line-height:18px;
text-align:center;
}
.ul-right-4 li label{
width:90px;
text-align:center;
line-height:18px;
float:left;
}
.li-figures{
padding:0 !important;
}
.li-figures .sp-1{
float:left;
width:120px;
text-align:left;
}
.li-figures label{
margin:0 0 0 95px;
}
.ul-titles li{
color:#666666 !important;
}
.ul-full-size{
float:left;
padding:45px 0 25px 0 !important;
}
.ul-suv{
float:left;
padding:20px 0 0 0 !important;
}
.ul-last{
float:left;
padding:20px 0 0 0 !important;
}
/* end-http://www.hawaiicarrental.info/dollar-hawaii-car-rental.htm */


/* http://www.hawaiicarrental.info/enterprise-hawaii-car-rental.htm */

.red-bg-e{
width:563px;
height:60px;
float:left;
overflow:hidden;
background:#00b050;
}
.logo-enterprise{
float:left;
margin:24px 0 0 12px;
font-weight:bold; 
}
.ul-right-e{
float:right;
width:360px;
padding:0;
margin:0;
}
.ul-right-e li{
text-decoration:none;
list-style:none;
color:#fff;
text-align:center;
float:left;
padding:0 0 3px 0;
font-weight:bold;
font-size:13px;
}
.ul-right-e li span{
width:120px;
float:left;
margin:0 70px 0 0 ;
line-height:18px;
text-align:center;
}
.ul-right-e li label{
width:120px;
text-align:center;
margin:0 0 0 40px;
line-height:18px;
float:left;
}
.summer{
position:relative;
}
.summer label{
float:left;
top:0;
left:70px;
position:absolute;
font-weight:normal;
}
.car .sp-underline{
text-decoration:underline;
color:#12214e;
font-size:12px;
}
.titles ul .grey-1-e{
background:#cccccc;
width:78px;
}
.titles ul .grey-1-e span{
padding:23px 0 0 0;
line-height:19px;
width:78px;
}
.titles ul .black-1-e{
width:101px !important;
float:left;
background:#999999;
}
.titles ul .black-1-e span{
width:101px;
padding:23px 0 0 0 !important;
line-height:19px;
text-align:center;
}
.table-figures ul .car-e{
text-align:left;
width:78px;
}
.table-figures ul .car-e span{
text-align:left;
width:78px;
text-decoration:underline;
float:left;
}
.table-figures ul .model-e{
width:100px;
display:block;
float:left;
text-align:left;
}
.ul-e{
float:left;
padding:19px 0 0 0 !important;
}
.ul-e-4{
float:left;
padding:45px 0 10px 0 !important;
}
.ul-e-7{
float:left;
padding:40px 0 20px 0 !important;
}
.ul-e-9{
float:left;
padding:0 !important;
}
.ul-e-10{
float:left;
padding:14px 0 0 0 !important;
}

/* end-http://www.hawaiicarrental.info/enterprise-hawaii-car-rental.htm */


.red-bg-3{
width:563px;
height:65px;
float:left;
background:#195c82;
}
.inner-red-3{
float:left;
width:150px !important;
padding:25px 0 5px 20px;
_padding:20px 0 5px 20px;
width:140px;
color:#fff;
background:#336699;
font-weight:bold; 
}
.inner-red-3 span{
display:block;
}
.inner-red-3 .brand-d{
font-size:28px;
padding:0 0 0 4px;
line-height:22px;
}
.inner-red-3 .text-under{
font-size:12px;
word-spacing:1px ;
letter-spacing:1px;
padding:2px 0 0 0;
_padding:6px 0 0 0;
line-height:12px;
}

.ul-3{
width:380px;
float:right;
}
.ul-right-3{
float:left;
width:370px;
margin:0;
}
.ul-right-3 li{
text-decoration:none;
list-style:none;
color:#fff;
text-align:center;
float:left;
padding:0;
font-weight:bold;
font-size:13px;
}
.ul-right-3 li span{
width:85px;
float:left;
margin:0 35px 0 0;
line-height:22px;
text-align:center;
}
.ul-right-3 li label{
width:110px;
text-align:center;
line-height:22px;
float:left;
}
.li-figures-2 label{
float:right;
margin:0 0 0 85px;
}
.li-figures-2{
padding:0 !important;
}
.li-figures-2 .sp-1{
float:left;
width:120px;
text-align:left;
}
.ul-midsize{
padding:20px 0 0 0 !important;
}
.ul-con{
padding:0 0 35px 0 !important;
}