@charset "utf-8";
/* General */

body {
background:url('images/bg.png') #d6ebf0 repeat-x;
margin:50px 0;
font:12px Tahoma, Verdana, Arial, Helvetica, "Times New Roman", Times, sans-serif;
color:#333;
line-height:17px;
}

.left { float:left; }
.right { float:right; }
.clear { clear:both; }

img { border:0; }

a { color:#436e81; }

h2 { font-size: 150%; color:#006699; font-weight:normal; margin: 0 0 1.2em 0; }
h3 { font-size: 120%; margin: 1.5em 0 0 0; }
p { margin: 1.5em 0 0 0; padding:0; }
.bold { font-weight:bold; }

form { margin:0; }

#wrapper {
width:900px;
margin:auto;
}

/* Header/Logo */

#header {
background: url('images/logo.png') center no-repeat;
height:51px;
}

h1 { display:none; }

/* Navigation */

#nav {
background:url('images/nav_bg.png') repeat-x;
height:56px;
margin-top:40px;
border-bottom:3px solid #dedede;
}

a.nav {
padding:19px 20px 20px 20px;
display:block;
font-size:115%;
color:#fff;
text-decoration:none;
float:left;
}

a.nav:hover { background:#1c809c; }

a.navactive { position:relative; }

a.navactive, a.navactive:hover { background:#286f83; }

.navarrow { 
position:absolute;
top:56px;
}

/* Box Area (Home Page) */

#boxarea {
background:#fff;
padding:13px 25px 15px;
}

.box { 
width:211px;
padding:15px 0 23px;
float:left;
}

.box h2 {
color:#238aa7;
margin:20px 10px 10px;
}

.box p {
font-size:90%;
margin:10px 10px 20px;
}

.test { 
width:189px;
margin:15px 0 23px;
border:1px solid #acd36e;
}

.test .content {
height:161px;
padding:18px;
}

.test a.submit {
display:block;
border-top:1px solid #acd36e;
background:#e8f1ce;
padding:7px;
text-align:center;
text-decoration:none;
color:#333;
}

.test p { 
text-align:justify;
font-size:90%;
margin:0 0 10px;
}

a.moreinfo {
background:#ddd;
padding:8px 10px;
display:block;
font-weight:bold;
text-align:right;
text-decoration:none;
color:#000;
}

a:hover.moreinfo { background:#a9dced; }

a.sublinkactive {
font-weight:bold;
text-decoration:none;
}

/* Content Box */

.content {
background:#fff;
padding:25px 25px 15px;
text-align:justify;
}

.top { padding-top:23px; }

.plan {
width:241px;
text-align:justify;
}

.plandiv {
width:1px;
height:165px;
background:#9CD5E3;
margin:0 30px;
float:left;
}

a.order {
display:block;
height:18px;
padding:8px 10px;
margin:5px 0 0 0;
background:#e9f6fa;
border:1px solid #A7D4DF;
text-decoration:none;
}
a:hover.order { background:#f9f7d8; }

.term, .price {
width:34%;
font-weight:bold;
float:left;
cursor:pointer;
}
.term { color:#13a3cc; }
.price { color:#4ccc13;}
.ordernow {
padding-top:0.025em;
color:#000;
font-size:11px;
float:right;
cursor:pointer;
}

.benefits {
width:241px;
text-align:justify;
}

.addons {
text-align:justify;
}

.small { width:548px; }

.addonbox {
height:17px;
padding:6px 8px;
}

.kayakoaddon {
width:263px;
padding:8px 10px;
float:left;
}

/* Login Bar */

#login {
background:#52b61c;
margin-top:40px;
height:64px;
font-size:150%;
line-height:22px;
color:#fff;
}

#login a { color:#fff; }

.input {
background:url('images/form_bg.png');
width:145px;
padding:5px;
border:0; 
}

.login {
background:#333;
width:53px;
height:26px;
font:bold 10px Tahoma;
color:#fff;
border:0;
}

.linkage {
background:#3d8e11;
width:232px;
padding:20px 15px 22px 25px;
text-align:right;
}

/* Footer */

#footer { 
margin-top:40px;
text-align:center;
font-size:120%;
}