body { color: #000; font: 62.5% Arial, Helvetica, sans-serif; }
table { border-collapse: collapse; }
a { color: #0b2850; }
a img { border: 0; }
.flRight { float: right; margin: 0 0 20px 20px; }


#pagewrapper { width: 960px; background: url('coreimages/dotted_bar.gif') repeat-x bottom left; padding-bottom: 7px; }

.clear { clear: both; }

sup.tm { font-size: 0.5em; }

#store a { background: #d11a21; color: #fff; }
#hlinks { margin: 0; padding: 0; }
#hlinks li {
    display: inline;
    border-left: 1px solid #393322;
    padding: 0 0 3px 10px;
    margin-left: 10px;
}
#hlinks li:first-child { border: 0; }
#hlinks { float: right; }

ul.MenuBarHorizontal a { font-size: 1.1em; }
#nav { margin-top: 22px; }

#header {
	background: url(/coreimages/dotted_bar.gif) repeat-x bottom left;
    padding-bottom: 6px;
}

#welcome { height: 124px; background: url('img/header-bg.gif'); }
#welcome { font-size: 2.2em; font-weight: bold; line-height: 0.9; color: #fff;}
#welcome div { margin: 27px 40px 0 0; float: right; }
#welcome .lg { font-size: 2em; }

.homeHero {
    background: url('img/grey-grad.gif') repeat-x bottom left;
    border: 6px solid #c8c9cb;
    padding: 17px 17px;
    color: #525252;
	overflow: auto;
}

.homeHero .left img { float: right; }

.homeHero h1 {
    font-size: 2.3em;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 10px 0;
    padding: 0;
}
.homeHero h1 .lg { font-size: 2.2em; }
.homeHero p { font-size: 1.5em; line-height: 1.5; }
.homeHero .left { width: 480px; float: left; padding-right: 30px; }
.homeHero .left p { padding-top: 10px; }

.homeHero .right { float: right; width: 400px; }
.homeHero .right h2 {
    font-weight: normal;
    line-height: 1.1;
    margin: 0;
    font-size: 1.5em;
}
.homeHero .right h2.first { padding: 0; }
.homeHero .right h2 .lg { font-size: 2.5em; font-weight: bold; }
.homeHero .right .choose { font-size: 1.3em; }
.homeHero .name { width: 220px; float:left; }
.homeHero .prod { 
    clear: both;
    padding: 15px 0 0;
    zoom: 1;
}
.homeHero .right div.first { padding-top: 0; }
.homeHero .price {
    float: right;
    width: 100px;
    text-align: right;
    line-height: 1;
    padding-top: 3px; 
}
.homeHero form { margin: 0; }

.homeHero p.sm { font-size: 1em; padding-top: 10px; margin-top: 0; }
.homeHero .price .lg { font-size: 3em; font-weight: bold; }

#footer {
    height: 259px;
    background: url('img/footer-bg.gif') repeat-x;
    border: 6px solid #bebfc1;
    margin-top: 2px;
    clear: both;
}
#footer h3 { font-size: 2.5em; margin: 0 0 10px 0; padding: 0; line-height: 1; }
#footer .map { width: 363px; float: left; }
#footer a { text-decoration: none; }
#footer .left { width: 590px; float: left; padding: 10px; height: 239px; border-right: 6px solid #bebfc1; }
#footer .left p { font-size: 1.5em; }
#footer .sm { font-size: 0.7em; }
#footer .right { padding: 10px; width: 310px; float: right; }
#footer .right .wxworx { float: right; }

#content { padding-top: 20px; color: #525252; }
#content h1 { color: #0b2850; font-size: 1.8em; font-weight: normal; padding-left: 25px;  }
#content h2 { color: #0b2850; font-size: 1.4em; font-weight: normal; }
#content p { font-size: 1.2em; }

.cartpage h1 { float: left; margin: 0; padding-bottom: 0; }
#incart { float: right; font-size: 1.5em; padding-right: 12px; }
.cart { width: 100%; border-collapse: separate; border-top: 2px solid #bebfc1; clear: both; }
.cart .remove { background: none; border: 0; color: #0b2850; padding: 0; margin: 3px 0 0 0; }
.cart td {
    border: 2px solid #fff;
    border-width: 2px 0;
    padding: 0;
    padding: 10px;
}
.cart .name { background: #f0f0f0; vertical-align: middle; padding-left: 20px; }
.cart .regionSelect { width: 200px; }
.cart .price {
    background: #f7f7f7;
    border-left: 4px solid #fff;
    text-align: right;
    padding-right: 10px;
    font-size: 1.2em;
}
.cart td.divide { border-top: 2px dotted #bebfc1; padding: 0;}
.cart .name { color:  #0b2850; }
.submit { text-align: right; }

.loginpage .login {
    border-top: 2px solid #bebfc1;
    border-bottom: 2px dotted #bebfc1; 
    padding: 3px 0;
    overflow: auto; 
    width: 100%;
    margin-bottom: 80px; 
}
.loginpage .register { 
    width: 47.8%;
    background: #f0f0f0;
    float: left;
    padding: 5px 5% 0 5%; 
    min-height: 200px;
}
.loginpage table { background: #f7f7f7; }
.loginpage td { border: 0; }
.loginpage table .label { text-align: right; }
.loginpage table td.submit { padding: 0; }
.loginpage .submit { margin: 0; }
.loginpage .existing {
    padding: 5px 3% 0 3%;
    width: 36%;
    float: right;
    background: #f7f7f7;
    min-height: 200px;
}

#content .forgot {
   	width: 400px;
	border: 1px solid #ccc; 
	padding: 20px; 
}

.createpage label { display: block; padding-top: 4px; }
.createpage .multiline { float: left; margin-right: 10px; }
.createpage #createWrap {
    border-top: 2px solid #bebfc1; 
}
.createpage input.hidden { display: none; }
.createpage .create {
    background: #f0f0f0;
    overflow: auto;
    width: 100%;
    border: 2px solid #fff;
    border-width: 4px 0;

}

.createpage .left {
    float: left;
    width: 540px;
    padding: 0 40px;
    border-right: 2px dotted #bebfc1; 
    margin: 20px 0; 
}
.createpage .right {
    margin: 20px 0;
    width: 290px;
    float: right;
}
.createpage input { width: 245px; margin-bottom: 4px; }
.createpage .long { width: 504px; }
.createpage #country { width: 249px; }
input.area_code { width: 50px; }
.createpage .multiline input.phone { width: 190px; }
.createpage .submit { width: 245px; }
.createpage .submit input { width: auto; }
.createpage .checkbox { width: auto; }
.createpage .email, #nocharge {
    clear: both;
    padding-top: 10px;
    border-top: 2px solid #bebfc1;
    margin-top: 20px;
}
.createpage .email input { width: 400px; }
.createpage label.inline, h2.inline { display: inline; padding-right: 1em; }

h2 span.req { color: #525252; font-size: 0.8em; }
#nocharge { width: 265px; }

.purchasepage { padding-bottom: 100px; }
.purchasepage .total, .purchasepage .tax, .purchasepage .ship_cost {
    text-align: right;
    font-size: 1.5em;
    padding-right: 10px; 
}
.purchasepage .tax { padding-top: 8px; }
.purchasepage .shipping {
    background: #f0f0f0;
    margin: 5px 0;
    padding: 8px 0 8px 10px;
}
.purchasepage .ship_cost { float: right; display: inline; }
.purchasepage .total {
    border-top: 2px solid #bebfc1;
    margin-top: 8px;
    padding-top: 8px;
 }
.purchasepage .total .update { float: left; margin-left: 687px; }
.purchasepage .total .coupon_code { margin-right: 100px; }

#messages {
    width: 400px;
    margin: 10px auto;
    padding: 10px;
    background: #fffbba;
    list-style: none;
    text-align: center;
}

#messages li { padding-bottom: 5px; }
#thanks { padding-left: 25px; }

.accountpage h2 { padding-top: 1em; }

.adminTable th { background: #999; color: #fff; padding: 4px 10px; border: 1px solid #000; }
.adminTable td { border: 1px solid #000; text-align: center; }

.editUser { clear: both; }
.editUser .left { width: 45%; float: left; }
.editUser .right { width: 45%; float: right; }
.adminForm label { width: 150px; float: left; clear: both; text-align: right; margin: 5px 12px 0 0;  }
.adminForm input.second { margin-left: 164px; }
.adminForm .phone_second { clear: none; }
.adminForm .staticInput { margin: 5px 0 0 0; display: block; }

.adminForm .submit { text-align: center; }

.adminForm label.static { margin:0 0.5em 0 0; }
.adminForm .right select { max-width: 200px; }

#optsSect .secondaryOpts select { display: block; margin-left: 165px; }
#product_selector td { border: 0; }
#product_selector select { width: 200px; }

#adminMenu { text-align: right; float: right; position: relative; padding-top: 20px; }
#adminMenu div {
   	display: none;
	text-align: left;
	border: 1px solid #ccc;
	background: #fff;
	position: absolute;
	z-index: 10;
	width: 100px;
	right: 0;
}
#adminMenu div a { padding: 2px 5px; display: block; }

.adminCart { border: 0; }
.adminCart th { border-bottom: 1px solid #ccc; }
.adminCart td { border: 0; }
.adminCart .status { background: #f0f0f0; }

.what { cursor: pointer; color: #0b2850; float: right; padding: 14px 40px 0 0;  }
.what div { display: none; position: absolute; background: #fff; border: 1px solid #ccc; padding: 10px;  }

#clouds  {
   	height: 101px;
	background: url('i/clouds.jpg');
	text-align: center;
	padding: 25px 80px 0 510px;
}
#clouds .head { 
	font-size: 4.5em;
	font-weight: bold;
}
#clouds sup { font-size: 0.3em; }
#clouds .sub { font-size: 1.3em; font-weight: normal; }

.secondary { display: none; }

#homeRight {
	position: relative;
   	width: 573px;
	height: 427px;
	float: right;
	background: url('i/homeRight.jpg') no-repeat top left;
	text-align: center;
}
#homeRight p { font-size: 1.4em; line-height: 1.5; }
#homeRight a { display: block; text-decoration: none; color: #000; padding-top: 125px; }
#homeRight h2 { font-size: 4em; margin: 0; padding: 0; }
#homeRight #marine {
   	width: 170px;
	position: absolute;
	top: 50px;
	left: 62px;
}

#homeRight #aviation {
   	width: 190px;
	position: absolute;
	top: 50px;
	left: 330px;
}
#homeRight #down {
   	text-align: left;
	position: absolute;
	left: 62px;
	top: 310px;
	width: 440px;
}

#blackBar {
	clear: both;
	background: url('i/black-bar.gif') repeat-x top left;
	height: 57px; 
	font-size: 1.2em;
	padding: 10px 0 0 38px;
}
#homeMain #blackBar {
	padding: 10px 0 0 90px;
}

#blackBar a { 
	color: #fff;
	text-decoration: none; 
}
#blackBar img {
	vertical-align: middle;
}
#homeMain #blackBar span {
   	float: right;
	display: block;
	width: 573px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding-top: 8px;
}

#homeBot {
   	background: #c8cacb;
	padding: 0 9px 9px 9px;
	width: 942px;
}
#homeBot .cycle { height: 334px; }
#homeBot #page { padding: 5px 0 0 460px; }
#homeBot #page a {
   	display: block;
	width: 13px;
	height: 14px;
	background: url('i/circle.gif') no-repeat top left;
	text-indent: -5000px;
	float: left;
	margin-right: 5px;
}
#homeBot #page a.activeSlide { background-position: 0 -14px; }

#pubFooter { text-align: center; color: #666; line-height: 1.5; }
#pubFooter a { color: #666; text-decoration: none; }

#conForm label { display: block; width: 300px; text-align: right; }
#conForm label.check { width: auto; text-align: left; }

#conForm span span { margin-left: 150px; }

.landing {
   	background: #c8cacb;
	padding: 9px;
}

#marineLand, #aviationLand {
	background: url('i/marine-landing.jpg') no-repeat top left;
	position: relative;
	width: 942px;
	height: 393px;
}
#aviationLand { background-image: url('i/aviation-landing.jpg'); }

#aviationLand .avWrap {
	width: 260px;
	position: absolute;
	top: 100px;
	left: 497px;
}

#marineLand p a, #aviationLand p a { margin: 7px; font-weight: bold; }

.landing #marineLand #us {
	width: 170px;
	position: absolute;
	top: 95px;
	left: 420px;
}

.landing #marineLand #world {
	width: 220px;
	position: absolute;
	top: 95px;
	left: 692px;
}


.landFoot #blackBar { padding-top: 6px; height: 53px; }
#blackBar .whitegloss { font-size: 2em; margin-top: 7px; display: block; }
#blackBar sup { font-size: 0.3em; }
#blackBar .redButton { float: right; margin-right: 10px; }
.landFoot .whitegloss span { border-left: 2px dashed #727272; padding-left: 7px;  }


.redButton, .blueButton {
   	display: block;
	background: url('i/red-button.png') no-repeat top left;
	width: 129px;
	height: 29px;
	color: #fff;
	font-weight: bold;
	padding: 14px 0 0 0;
	text-align: center; 
	text-shadow: 1px 1px 3px #777;
	text-decoration: none; 
	font-size: 12px;
}

.blueButton { background-image: url('i/blue-button.png'); }

.landing h2 { font-size: 3.2em; margin: 0; line-height: 1; padding: 0; }
.landing p { margin: 5px 0 0 0; font-size: 1.3em; line-height: 1.3;  }

.CollapsiblePanelContent img { float: right; }
.CollapsiblePanel { clear: both; }

.Table2 { border-style: hidden; border-collapse: collapse; margin: 0 auto; background: none;  }
.Table2 td { border: 1px dashed #999; padding: 2px 8px; }
.Table2 p { margin: 0; padding: 0; }
.Table2 .P3 { text-align: center; color: #0397d6; font-size: 2em; }
.t3 td { padding: 7px; }

#datapackage, #faq {
   	background: #c8c9cb;
	padding: 10px 38px;
	background: -webkit-gradient(linear, left top, left bottom, from(#c8c9cb), to(#fff));
	overflow: auto;
	font-size: 1.2em;
}
#subpagecenter { font-size: 1.2em; }

.flright { float: right; margin: 0 0 10px 10px; }

#faq { padding-right: 150px; }
#faq h3 { border-top: 1px dashed #999; padding-top: 10px; }
#faq h2 { padding-top: 20px; }