/*----- Start "Main definitions" -----*/
* { padding: 0; margin: 0; outline: 0; }

/*----- Start "Clear" -----*/
.cl { font-size: 0; line-height: 0; height: 0; clear: both; }
/*------ End "Clear" ------*/

/*----- Start "Link styles" -----*/
a img { border: 0; }
a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }
/*------ End "Link styles" ------*/

/*----- Start "Box positions" -----*/
.center { margin: 0 auto; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }
/*------ End "Box positions" ------*/

/*----- Start "Text positions" -----*/
.a-center { text-align: center; }
.a-left { text-align: left; }
.a-right { text-align: right; }
/*------ End "Text positions" ------*/

/*----- Start "Images" -----*/
p img { padding: 0; max-width: 100%; }
/*	
Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) 
*/

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 5px 0 2px 15px; display: inline; }
img.alignleft { margin: 5px 15px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
/*------ End "Images" ------*/

/*------ End "Main definitions" ------*/

#page {
	width: 1200px;
}
#header {
	height: 155px;
	background: url(images/header-bg.gif) no-repeat 0 0;
}
#nav {
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
}
#nav span {
	padding: 0 12px;
}
#main {
	width: 1196px;
	background: #fff;
	margin: 0 auto;
}
#main-padder {
	padding: 8px 20px 0px 24px;
}
#top-bar {
	height: 18px;
	line-height: 16px;
	padding: 2px 12px 0;
    font-size: 11px;
    line-height: 14px;
    font-family: "Arial Black", Arial, "Trebuchet MS", sans-serif;
    font-weight: bold;
    color: #fff;
    text-align: left;
}
#top-bar p {
	color: #003399;
	text-align: center;
	width: 1120px;
	border: solid 2px #717b84;
	height: 12px;
	line-height: 12px;
	background: #fff;
}
#logo {
	height: 102px;
	width: 322px;
	padding-top: 31px;
	padding-left: 27px;
}
#logo a {
	height: 102px;
	width: 322px;
	display: block;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	background: url(images/logo.gif) no-repeat 0 0;
}
#search {
	padding-top: 101px;
	padding-left: 40px;
}
#search label,
#search .field,
#search .button {
	float: left;
	display: inline;
}
#search label {
	line-height: 27px;
	color: #003399;
	text-transform: uppercase;
	font-size: 12px;
	margin-right: 10px;
    font-family: "Arial Black", Arial, "Trebuchet MS", sans-serif;
    font-weight: bold;
}
#search .field {
	border: none;
	background: #fff;
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 13px;
	line-height: 15px;
	padding: 5px 5px 6px;
	width: 263px;
	font-weight: normal;
}
#search .button {
	border: none;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	height: 27px;
	width: 29px;
	background: url(images/search-button.gif) no-repeat 0 0;
}
#main-buttons {
	width: 256px;
	margin-right: 30px;
    font-family: "Arial Black", Arial, "Trebuchet MS", sans-serif;
    font-weight: bold;
	color:#ffffff;
}
#main-buttons h2 {
	font-size: 28px;
	line-height: 22px;
	margin-bottom: 1px;
	text-align: right;
}
#main-buttons .buttons {
	margin-bottom: 4px;
}
#main-buttons .buttons a {
	float: left;
	display: inline;
	margin-right: 6px;
	height: 48px;
	width: 81px;
	background: url(images/buttons.gif) no-repeat 0 0;
	text-align: center;
	font-size: 10px;
	line-height: 59px;
    font-family: "Arial Black", Arial, "Trebuchet MS", sans-serif;
    font-weight: bold;
}
#main-buttons .buttons a.last {
	margin-right: 0;
}
#main-buttons .button-checkout {
	height: 21px;
	width: 99px;
	float: right;
	display: inline;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	background: url(images/button-checkout.gif) no-repeat 0 0;
}
#main-buttons .button-contact {
	height: 21px;
	width: 99px;
	float: right;
	display: inline;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	background: url(images/button-contact.gif) no-repeat 0 0;
	margin-right: 18px;
}
#sidebar {
	width: 188px;
}
#content {
	width: 938px;
}
#content .darkgrey-box { 
	height: 450px;
	background: #ffffff;
	margin-bottom: 2px;
}
#content .lightgrey-box {
	height: 70px;
	background: #959494;
	margin: 2px 0 7px;
}
#content .banner {
	float: left;
	display: inline;
	height: 63px;
	width: 210px;
	margin:0 0 0 3;
	text-align: center;
	background: url(images/bottom-buttons.gif) no-repeat 0 0;
	padding: 6px 10px 10px 2px;
	line-height: 13px;
    font-family: "Arial", Arial, "Trebuchet MS", sans-serif;
    font-size: 12px;
	border:0px solid #ff0000;
}
#content .banner img,
#content .banner span {
	display: block;
}
#content .last-banner {
	margin-right: 0;
}
#sidebar .banner {
	height: 115px;
	width: 175px;
	padding-right: 11px;
	padding-left: 2px;
	background: url(images/sidebar-buttons.gif) no-repeat 0 0;
	display: block;
	margin-bottom: 5px;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 24px;
    font-family: "Arial", Arial, "Trebuchet MS", sans-serif;
    font-weight: bold;
}
#sidebar .banner span,
#sidebar .banner img {
	display: block;
}
#footer p {
	text-align: center;
	font-family: Arial, "MS Trebuchet", sans-serif;
    font-weight: bold;
	font-size: 12px;
	padding: 18px 0;
	color:#ffffff;
}
#footer p span {
	padding: 0 7px;
}