/* CSS Document */
* {
	outline: none;
	font-family: "Trebuchet MS", Sans-Serif;
}

body {
	/*background: #000 url('http://www.gateway-int.com/assets/images/bg-body.jpg') top left repeat-x;*/
	background: #fff;
	color: #fff;
	font-size: 13px;
	margin: 0;
	padding: 0;
}

a {color: #4277b5;text-decoration: underline;}
a:hover {color:#ededed;text-decoration: none;}
a:visited {color: #fff}
.container {width: 959px; margin: 0 auto; background: #003776; position: relative;}


.header {position: relative;height: 115px;width: 959px;background: url("http://www.gateway-int.com/assets/images/bg-header.jpg") no-repeat;}
.header a {color: #fff;}
.header .logo {position: absolute;top: 10px;left: 12px;}
.header .logo a {display: block;width: 80px;height: 90px;}
.header .logo a span {display: none;}

.header .account-access {position: absolute; top: 0; left: 700px; width: 157px;height: 42px; background: url("http://www.gateway-int.com/assets/images/bg-account.png") no-repeat;}
.header .account-access span {position: absolute; top: 10px; left: 40px;}
.header .account-access span a {font-weight: bold; font-size: 12px;}


.navigation { font-weight: bold; height: 73px; margin: 0 0 6px 0;}
.navigation a {color: #fff; text-transform: uppercase; text-decoration:none}
.navigation ul {list-style: none; margin: 0 8px; padding: 0;}
.navigation li {float: left;display: block; width: 131px; height: 73px;margin: 0 0 0 3px;}
.navigation li a {position: relative;width: 100%; height: 73px;display: block;background: url("http://www.gateway-int.com/assets/images/sprite-nav.gif") 0 -73px repeat-x;}
.navigation li a:hover {background: url("http://www.gateway-int.com/assets/images/sprite-nav.gif") 0 0px repeat-x;}
.navigation li a span {position: absolute; bottom: 10px; left: 10px;}

.navigation li.nav-7 {width: 133px;}

body.home .nav-1 a {background: url("http://www.gateway-int.com/assets/images/sprite-nav.gif") 0 0px repeat-x;}
body.about-gateway .nav-2 a {background: url("http://www.gateway-int.com/assets/images/sprite-nav.gif") 0 0px repeat-x;}
body.services.nav-3 a {background: url("http://www.gateway-int.com/assets/images/sprite-nav.gif") 0 0px repeat-x;}
body.register .nav-4 a {background: url("http://www.gateway-int.com/assets/images/sprite-nav.gif") 0 0px repeat-x;}
body.inter .nav-5 a {background: url("http://www.gateway-int.com/assets/images/sprite-nav.gif") 0 0px repeat-x;}
body.events.nav-6 a {background: url("http://www.gateway-int.com/assets/images/sprite-nav.gif") 0 0px repeat-x;}
body.contact.nav-7 a {background: url("http://www.gateway-int.com/assets/images/sprite-nav.gif") 0 0px repeat-x;}
/* SHELL */

.main-shell {clear: both;}

.col-left {float: left; width: 180px; margin: 10px 0 0 10px;}
.col-right {float: left; width: 210px; margin: 10px 0 0 10px;}

.block-left {background: #0f204b url("http://www.gateway-int.com/assets/images/block-header.gif") repeat-x;width: 100%; margin-bottom: 5px;}
.block-left h2 {font-size: 16px; margin: 0px 15px 5px 10px; padding: 10px 0 5px 0}
.block-left h2 a {color: #fff;}

.news-item {padding: 10px 0px; margin: 0 15px; border-bottom: 1px solid #000;}



.news-item a {font-weight: bold;}
.news-item .date {font-size: 12px;}
.news-item h3 {font-size: 12px; margin: 0; padding: 0;}
.news-item h3 a {color: #fff;}
.news-item p {margin: 0; padding: 0; font-size: 80%;}

.news-items {padding: 10px 0px; margin: 0 15px; border-bottom: 1px solid #000; clear: both;}
.news-items a {font-weight: bold;}
.news-items .date {float: right; text-align:right;}
.news-items h3 {float: left; margin: 0; padding: 0;}
.news-items h3 a {color: #fff;}
.news-items p {margin: 0; padding: 5px 0; clear: both;}

.block-quicklinks p {padding: 10px; margin: 0;}
.block-quicklinks ul,
.block-downloads ul {list-style: none; padding: 0 10px; margin: 0;}
.block-quicklinks li,
.block-downloads li {border-top: 1px solid #000; background: url("http://www.gateway-int.com/assets/images/bullet-blocks.gif") 0 9px no-repeat; padding: 5px 5px 5px 12px;}

.col-main {font-size: 13px; background: #0f204b url("http://www.gateway-int.com/assets/images/block-header.gif") repeat-x; float: left; width: 709px; margin: 10px 0 10px 10px; padding: 0 20px 20px 20px;}
.col-main h1 {margin: 8px 0 25px 0; padding: 0; font-size: 18px; }

.home .col-main {width: 489px}


.col-main .home-items {clear: both; margin-top: 20px;}

.col-main .block-hp-products {height: 365px; float: left; width: 240px;background: #ccc;color: #333;}

.col-main .block-hp-products ul {list-style: none;margin: 0 10px; padding: 0;}
.col-main .block-hp-products li {background: url("http://www.gateway-int.com/assets/images/bullet-grey.gif") 0 9px no-repeat; padding: 5px 5px 5px 12px; border-bottom: 1px solid #666e77}

.col-main .block-hp-products h3,
.col-main .block-hp-info h3 {border-bottom: 5px solid #0f1e43; background: #0f1e43 url("http://www.gateway-int.com/assets/images/bg-home-h2.gif") repeat-x !important; color: #fff; padding: 10px; margin: 0;}

.col-main .block-hp-products h4,
.col-main .block-hp-info h4 {padding: 0 10px; margin: 0;}

.col-main .block-hp-products img,
.col-main .block-hp-info img {margin: 10px; width: 220px;}

.col-main .block-hp-products p,
.col-main .block-hp-info p {padding: 0 10px; font-size: 11px;}

.col-main .block-hp-info {height: 365px; float: right; width: 240px;background: #ccc;color: #333;}




#contact_form label span {float: left; width: 200px;}
#contact_form .nbox {padding-left: 200px;}

.footer {clear: both; width: 959px; margin: 0 auto 30px auto;}

.footer-links {background: #00184b; position: relative; margin-top: 10px;}
.footer-links h3 {margin: 0 0 5px 0; padding: 0; text-transform: uppercase; font-size: 12px;}
.footer-links ul {list-style: none; padding: 0; margin: 0;font-size: 12px;}
.footer-links li {background: url("http://www.gateway-int.com/assets/images/bullet-footer-links.gif") 0 4px no-repeat; padding-left: 12px;}
.footer-links li a {}

.link-col {padding: 10px 20px; position: relative; top: 0; left: 0px; width: 155px; float: left; background: url("http://www.gateway-int.com/assets/images/bg-footer-links.gif") 100% 36px no-repeat;}
.link-col-last {background: none; margin: 0; padding-right: 0;}
.extra-links {position: absolute; bottom: 5px; right: 100px;}


.footer .footer-contact {background: #29578d; padding: 10px; margin: 10px 0; height: 16px;}
.footer .footer-contact a {color: #fff}
.footer .left {float: left;}
.footer .right {float: right;}
.footer .small-print {font-size: 9px; text-align: right; color: #000}

.contact_map {float: right;}

#googlemap {width: 400px; height: 300px;}

/* //////////////////// FORM ELEMENTS //////////////////// */
.col-main fieldset {font-size: 90%; border: 1px solid #ccc; padding: 10px; margin-bottom: 10px;}
.col-main label {float: left; width: 150px;padding: 3px 10px 0 0;}
.col-main legend {padding: 0 15px; font-weight: bold; color: #ccc; font-size: 18px;}

.input250 {
font-size: 12px;
	padding: 4px;
	font: normal 14px arial, helvetica, sans-serif;
	border: 1px solid #dcdcdc;
	color: #000;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;


}
.input250:hover, .input250:focus {
	border: 1px solid #4F8A10;
	color: #444;
	background-color: #DFF2BF;


}

.input50 {
font-size: 12px;
width: 50px;
	padding: 4px;
	font: normal 14px arial, helvetica, sans-serif;
	border: 1px solid #dcdcdc;
	color: #000;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;


}
.input50:hover, .input50:focus {
	border: 1px solid #4F8A10;
	color: #444;
	background-color: #DFF2BF;


}


textarea {font-size: 12px;}




.box-success, .box-warning, .box-error, .box-message {
border: 1px solid;
margin: 10px 0px;
padding:8px 10px 8px 50px;
background-repeat: no-repeat;
background-position: 10px center;
font-size: 120%;
}






.box-success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('http://www.gateway-int.com/assets/images/success.png');
}
.box-warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('http://www.gateway-int.com/assets/images/warning.png');
}
.box-error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('http://www.gateway-int.com/assets/images/error.png');
}
.box-message {
color: #0058B0;
background-color: #B7D9F2;
background-image: url('http://www.gateway-int.com/assets/images/message.png');
}

/* MISC */
.clear {clear:both}
.noborder {border: none !important;}
.error {font-size: 10px; font-weight: bold; color: red;}
.first, .last {border: none !important;}
.link-book {color: #9C0; font-weight:bold}
.link-remove {color: #FF6600; font-weight:bold}


/* SPLASHES */
.home .splash {background: #000; width: 939px; height: 212px; margin: 0 auto;}


/* CALENDAR */

.calendar {float: right; padding: 10px;background: #003776; margin: 10px;}
.calendar table {border-collapse: collapse;}
.calendar th {background: #fff; color: #000}

.calendar tr {border: 1px solid #29578d;}
.calendar td {border: 1px solid #29578d; padding: 3px; text-align: center;}
.calendar table {}
.calendar table .event_ {background: #fff;}
.calendar table .event_ a {color: #000;}

.today {background: #29578d}
.dvhdr1 {border: 1px solid #29578d; background: #29578d; border-bottom: none; width: 200px; font-weight: bold; text-align: left;}
.dvhdr1 p {margin: 0; padding: 5px; font-size: 80%;}
.dvbdy1 {background: #29578d; width: 200px;  border: 1px solid #29578d; border-top: none; text-align: left}
.dvbdy1 p {margin: 0; padding: 5px; font-size: 80%;}



.supplier {float: left; width: 330px; margin: 5px; border: 1px solid #003776;height: 230px; padding: 5px;}
.supplier img {float: right; margin: 0 0 10px 10px; padding: 0;}
.supplier h2 {margin: 0; padding: 0; font-size: 14px;}


.product {border: 1px solid #003776; padding: 10px; margin: 5px 0;}
.product h2, .product h3 {font-size: 14px; margin: 0; padding: 0;}
.product .info {float: left;}
.product .documents {float: right; padding: 0 20px 20px 0;}






























.ui-tabs { padding: 0em; zoom: 0; margin: 0;}
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em 0 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { text-decoration: none; padding: 1em 0em .5em 0; position: relative; top: 7px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 0em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }



table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
color: #000;
	position: relative;
	background: #fff;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px 10px 10px 10px;
width: 159px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

.date-pick {float: left;}

a.dp-choose-date {
float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/calendar.png) no-repeat; 
}


.ui-tabs {}
.ui-tabs-nav {padding-left: 20px !important;width: 729px;position: relative; top: -15px; left: -20px; border-bottom: 1px solid #00498b; height: 40px;background: #1f2125; padding-top: 10px!important;}
.ui-state-default {background:  url(../images/tab-inactive.gif) no-repeat; width: 130px; height: 40px; text-align: center; }
.ui-state-active {top: 1px; background: url(../images/tab-active.gif) no-repeat; width: 130px; height: 40px; text-align: center;}
.ui-state-default a {text-align: center; color: #fff;}

.diarydates {float: left; width: 500px;border-right: 1px solid #000;}
.encyclopedia {float: right; width: 200px;}
.encyclopedia h3 {margin: 5px 0 0 0;padding: 3px; font-size: 12px; border-bottom: 1px dashed;}
.encyclopedia div {padding: 3px; font-size: 11px;color: #000;}
.encyclopedia div h3 {color: #000 !important}
.encyclopedia a {color: #000;font-weight: bold;}

.dates-items {padding: 10px 0px; margin: 0 15px; border-bottom: 1px solid #000; clear: both;}
.dates-items a {font-weight: bold;}
.dates-items .date {float: right; text-align:right;}
.dates-items h3 {float: left; margin: 0; padding: 0;}
.dates-items h3 a {color: #fff;}
.dates-items p {margin: 0; padding: 5px 0; clear: both;}