@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
body, html {
	background: none;
	border: 0;
	outline: 0;
	padding: 0;
	margin: 0;
}
body {
	background-image: url('images/background.jpg');
	background-color: white;
	background-position: top left;
	background-size: 100% auto;
	background-repeat: no-repeat;
	text-align: center;
	min-width: 1000px;
}
.clear { height: 0; clear: both; overflow: hidden; }
#body {
	width: 1000px;
	border: 1px solid black;
	margin: 30px auto 30px auto;
	position: relative;
	
	border: 1px solid #666;
	text-align: left; 
	-webkit-box-shadow: #000 0px 0px 20px;
	-moz-box-shadow: #000 0px 0px 20px;
	box-shadow: #000 0px 0px 20px;
	background: #FFFFFF;
	behavior: url(/pie/PIE.htc);
	
	font-family: 'Source Sans Pro', Arial;
	font-weight: 400;
	font-size: 14px;
}
#body a { text-decoration: none; } 
.contain { padding: 10px; }


/* MAIN HEADER */
	#header {
		position: relative;
	}
	#header ul.main_list {
		width: 100%;
		height: 200px;
		list-style: none;
	}
	#header ul.main_list li.outer {
		width: 33%;
		float: left;
	}
	#header ul.sub li {
		float: left;
		width: 50%;
	}

	#header ul.sub li a {
		display: block;
		height: 30px;
		line-height: 30px;
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 700;
		font-size: 18px;
		width: 125px;
		margin: auto;
		color: #000;
		position: relative;
		top: 20px;
		background: url('images/link_background.png') 50 0 repeat-x;
	}
	#header ul.sub li a:hover {
		background-color: black;
		color: white;
		background: url('images/link_background.png') 0 0 repeat-x;
	}
	#header #logo {
		background: url('images/logo.gif') 0 0 no-repeat;
		width: 399px;
		height: 200px;
		margin-left: -35px;
	}
	#header #logo a { width: 100%; height: 100%; display: block; }
	#header #logo h1 { display: none; }
	
	#cta { position: absolute; bottom: 42px; right: 40px; }
	#cta-top { color: #003366; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size: 14pt; }
	#cta-bottom { height: 22px; color: #cc0000; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size: 14pt; text-align: right; background: url('images/callout_sprite.png') repeat-x 0 -11px; position: relative;}
	#cta-pointer { height: 11px; width: 25px; background: url('images/callout_sprite.png') repeat-x 0 0; position: absolute; left: -5px; top: 0; }
	#cta-bottom-right { line-height: 22px; height: 22px; background-color: white; padding-left: 25px; display: inline-block; position: absolute; top: 0; right: 0; }
/* END MAIN HEADER */

/* HEADING */
	#heading { background: url('images/header_bg.jpg') 0 0 no-repeat; height: 100px; border-top: 2px solid #cc0000; border-bottom: 2px solid #cc0000; }
	#heading h2 { font-size: 60px; padding-left: 10px; line-height: 100px; margin: 0; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; }
	.breadcrumb { line-height: 20px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; padding-bottom: 30px; color: #333; }
	.breadcrumb a { color : #333; }
	.breadcrumb a:hover { text-decoration: underline !important; }
	.descriptor { line-height: 20px; font-size: 14px; padding-bottom: 30px; font-weight: 300; }
/* END HEADING */

/* SLIDER */
	#slider {
		border-top: 2px solid #cc0000;
		border-bottom: 2px solid #cc0000;
		position: relative;
	}
	#slider .slide { height: 298px; }
	#slider .slide_image { position: absolute; }
	#slider .slide_background { height: 100%; width: 100%; position: absolute; top: 0; left: 0; }
	#slider .slide_text { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
	#slider .slide_textbox { float: right; background-color: black; max-width: 455px; padding: 10px; color: white;  clear: right; margin-top: 30px; position: relative; text-align: right; }
	#slider .slide_link { float: right; background-color: black; max-width: 455px; padding: 10px; color: white;  clear: right; margin-top: 30px; position: relative; text-align: right; }
	#slider .force_bottom { position: absolute; bottom: 10px; right: 10px; }
	#slider .force_bottom a { color: white !important; }
/* END SLIDER */

ul, li {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
	text-align: center;
}

#content { padding: 30px 0 30px 0; }
#content .tri { clear: right; }
#content .tri li { float: left; width: 33%; }
#content .tri_title { font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; letter-spacing: -1px; font-size: 24px; text-align: left; padding: 5px; line-height: 30px; }
#content .tri_desc { font-weight: 400; font-size: 14px; text-align: justify; padding: 5px; line-height: 20px; }
#content .tri_link { text-align: right; line-height: 20px; }
#content .tri_link a { color: #3366ff; }
#content .tri_link a:hover { text-decoration: underline; }

.services {
	text-align: center;
}
.services .service { width: 316px; display: inline-block; margin: auto; background: url('images/services_icon.png') top center no-repeat; padding-bottom: 70px; }
.services .service_icon { height: 191px; margin-bottom: 20px; }

/* SERVICE ICONS */
.icons_shipping { background: url('images/icon_shipping.png') center center no-repeat; }
.icons_transfers { background: url('images/icon_transfers.png') center center no-repeat; }
.icons_consignment { background: url('images/icon_consignment.png') center center no-repeat; }
.icons_repairs { background: url('images/icon_repairs.png') center center no-repeat; }
.icons_sales { background: url('images/icon_sales.png') center center no-repeat; }
/* END SERVICE ICONS */

.services .service_title { text-align: center; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size: 18px; }
.services .service_description {
	padding: 10px 63px;
	text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
	-webkit-text-align-last: center;
}

/* JOIN US */

#join { text-align: center; padding: 80px 0; }
#join-title { text-align: left; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size: 52px; }
#join-box { width: 652px; text-align: left; margin: auto; }
#join-form, #contact-form { padding: 5px; background-color: #cc0000; margin: 10px 0; }
#join-form form { padding: 0; margin: 0; position: relative; }
#join-textbox,.contact-textbox { float: left; border: 2px solid black; background-color: white; }

#join-submit { float: right; border: 2px solid black; background-color: #EEE; cursor: pointer; }
#join-sub { font-weight: 300; color: #666; font-size: 12px; }

#join-error { position: absolute; background: url('images/join_error.png') no-repeat 0 0; height: 80px; width: 110px; top: -80px; left: 390px; display: none; }
#join-form-body {  }
#join-success { display: none; background: url('images/success.png') #FFF no-repeat 10px center; border: 2px solid black; } 
#join-success-text { height: 80px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size: 22px; line-height: 80px; padding-left: 90px; }
textarea, input.text { 
	width: 474px; 
	height: 56px; 
	padding: 10px; 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */ 
	border: none;
	background: none;
	font-size: 36px;
	font-weight: 400;
	font-size: 36px;
	line-height: 56px;
}
.faded { color: #999999; font-weight: 300; }
.normal { color: black; font-weight: 400; }
#join-form input.submit { line-height: 56px; cursor: pointer; background: url('images/join-us.png') 0 0 repeat-x; border: none; width: 154px; height: 56px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size: 36px;  }
#join-form input.submit:hover { background: url('images/join-us.png') 0 56px repeat-x; }

/* END JOIN US */

/* PRODUCTS */

.product { float: left; width: 153px; height: 165px; margin: 0 5px 15px 5px; }
.product a {  background-image: url('images/product_bg.png'); background-color: #CCC; display: block; color: black; }
.product a:hover { background-image: none; }
.product span { display: block; }
.product .title { padding: 0 10px; line-height: 30px; height: 30px; font-size: 12px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; }
.product .image { height: 105px; background-color: white; overflow: hidden; text-align: center; }
.product .image img { height: 100%; margin: auto; }
.product .price { padding: 0 10px; height: 30px; line-height: 30px; font-size: 18px; text-align: right; font-weight: 700; font-family: 'Open Sans Condensed', sans-serif; }
.product .extra { display: block; float: left; }
#products-panel { float: left; width: 160px; background-color: #cc0000; }
#products-panel .option-group { padding: 5px; margin: 10px 5px; background-color: white; }
#products-panel .option-spacer { height: 10px; }
#products-panel .option-group b { padding-bottom: 20px; display: block; }
#products-panel .option { line-height: 30px; padding-left: 30px; background-color: #AAA; margin: 5px 0; cursor: pointer; font-weight: bold; font-size: 12px; background: url('images/buttons2.png') no-repeat 0 0; }
#products-panel .option.selected { background-position: left -60px !important; }
#products-panel .option:hover { background-position: left -30px !important; }
#products-panel .option.selected:hover { background-position: left -90px !important; }
#products, #products-loading, #products-no-results, #products-error { height: 392px; float: right; width: 815px; display: none; position: relative; }
#products-no-results { text-align: center; };
#products-error { text-align: center; background: url('images/error.png') no-repeat 100px 0; text-align: center; }
#products-loading { display: block; font-size: 12px; text-align: center; font-weight: 700; font-family: 'Open Sans Condensed', sans-serif; text-align: center; }
#products-loading #loading-block { background-image: url('images/712.gif'); width: 128px; line-height: 20px; padding-top: 128px; background-repeat: no-repeat; margin: auto; top: 30px; position: relative; }

#products-pagination { position: absolute; bottom: 0; left: 0; font-size: 18px; }
#products-pagination a { color: black; margin: 0 5px; font-weight: 700; font-family: 'Open Sans Condensed', sans-serif; display: inline-block; width: 32px; background-color: #DDD; border: 1px solid black; text-align: center; line-height: 32px; }
#products-pagination a.current { background-color: #AAA; }

/* PRICE SLIDER */
#price-start { width: 35px; height: 20px; float: left; text-align: center; }
#price-end { width: 35px; height: 20px; float: right; text-align: center; }
#price-slider { height: 20px; position: relative; background: url('images/slider_bg.png'); background-position: left center; }
#price-slider-range { padding-top: 20px; }
#price-slider .price-slider-button { width: 21px; height: 21px; position: absolute; background: url('images/hover-sprite.png') no-repeat 0 0; background-color: none; cursor: pointer; }
#price-slider .price-slider-button:hover { background-position: left -21px; }
#price-slider .price-slider-button.active { background-position: left -42px !important; }
#price-slider #price-slider-button-start { top: 0; left: 0; }
#price-slider #price-slider-button-end { top: 0; right: 0; }

/* END PRODUCTS */

/* INDIVIDUAL PRODUCT PAGE */
	/* LEFT SIDE */
	#product_left { float: left; width: 410px; }
	.product_image_box_main { border: 1px solid black; text-align: center; padding-bottom: 5px; }
	.product_image { height: 265px; text-align: center; line-height: 265px; }
	.product_image img { max-width: 100%; max-height: 100%; margin: auto; }
	.product_thumbs { clear: right; }
	.product_thumbs .product_thumb { float: left; display: block; background: url('images/loading.gif') #FFF center center no-repeat; width: 100px; height: 65px; line-height: 65px; border: none; cursor: pointer; text-align: center; }
	.loading { background: url('images/loading.gif') #FFF center center no-repeat; }
	.product_divider { height: 1px; overflow: hidden; width: 380px; margin: auto; clear: both; background-color: #DDD; }
	
	/* RIGHT SIDE */
	#product_right { float: right; width: 540px; }
	#product_title { font-size: 24px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; }
	#product_price { line-height: 25px; font-size: 18px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; color: #666; padding-bottom: 30px; }
	#product_specs { border: 1px solid black; border-top: none; }
	#product_specs .line { min-height: 30px; line-height: 30px; border-top: 1px solid black; padding: 0 10px; }
	#product_specs .line0 { background-color: #BBB; }
	#product_specs .line1 { background-color: #CECECE; }
	#product_specs .line .left { float: left; width: 140px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; }
	#product_specs .line .right { float: right; width: 378px; }
/* END INDIVIDUAL PRODUCT PAGE */

/* INDIVIDUAL SERVICE PAGE */
#services_bottom {
	padding: 0;
	margin: 0;
	text-align: justify;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
	-moz-column-gap: 40px; /* Firefox */
	column-gap: 40px;
	-webkit-column-rule: 1px outset #CCC; /* Chrome, Safari, Opera */
	-moz-column-rule: 1px outset #CCC; /* Firefox */
	column-rule: 1px outset #CCC;
}
#services_bottom p { margin-top: 0; }
#services_top h1 { font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; text-transform: uppercase; font-size: 52px; }
/* END INDIVIDUAL PRODUCT PAGE */

/* CONTACT PAGE */
#contact-left { 
	float: left;
	width: 50%;
}
#contact-right {
	float: right;
	width: 50%;
}

#contact-form form { margin: 0; padding: 0; }
.contact-submit { border: 2px solid black; margin-top: 5px; }
#contact-form input.submit { width: 100%; line-height: 56px; cursor: pointer; background: url('images/join-us.png') 0 0 repeat-x; border: none; height: 56px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size: 36px;  }
#contact-form input.submit:hover { color: red; background-position: left bottom; }
.contact-textbox { clear: both !important; float: none; margin-bottom: 5px; }
.contact-textarea { min-height: 100px; border: 2px solid black; background-color: white;  font-family: 'Source Sans Pro', Arial; font-weight: 400;}
.contact-textarea textarea { min-height: 100px; font-size: 16px !important; min-width: 100%; max-width: 100%; padding: 10px; line-height: 20px; }
#contact-disclaimer { font-size: 11px; color: #666; }
#contact-callout { text-align: justify; width: 450px; }
#success { background-color: white; border: 2px solid black; display: none; }
#success-container-line-1 { font-weight: 700; font-family: 'Open Sans Condensed', sans-serif; font-size: 32px; text-transform: uppercase; text-align: center; }
#success-container-line-2 { text-align: center; font-size: 18px; padding-bottom: 100px; background: url('images/success.png') no-repeat center 40px; }
#success-container-line-3 { text-align: center; font-size: 18px; padding-bottom: 10px; font-size: 14px; }
#success-container-line-3 a:hover { text-decoration: underline; }

#errors { border: 2px solid black; padding: 10px; background-color: white; margin-bottom: 5px; display: none; }
#error-title { font-size: 26px; font-weight: 700; font-family: 'Open Sans Condensed', sans-serif; }
#errors .error-line { line-height: 30px; color: red; padding: 0 10px;}
.error input, .error textarea { background: url('images/error.png') no-repeat 433px 10px; padding-right: 46px; }
/* END CONTACT PAGE */

/* SITEMAP PAGE */
.in { padding-left: 50px; }
/* END SITEMAP PAGE */

/* PRIVACY POLICY PAGE */
.policy { text-align: justify; }
/* END PRIVACY POLICY PAGE */

/* NEWS & EVENTS PAGE */
#news-events { }
#news { float: left; width: 480px; }
.new { display: block; position: relative; padding-left: 167px; padding-bottom: 20px;  }
.new-image { float: left; border: 2px solid #666; height: 80px; overflow-y: hidden; position: absolute; top: 0; left: 0; }
.new-image img { width: 153px; }
.new-2 { position: absolute; top: 0; right: 0; color: #666; }
.new-3 { line-height: 20px; font-size: 14px; }
.new-4 a:hover { text-decoration: underline !important; }
#news-title, #events-title { font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size: 36px; border-bottom: 2px solid black; color: black; }
#events { float: right; width: 480px; }
#events-entries, #news-entries { padding-top: 20px; }
.event-divider { margin: 10px 10px; height: 1px; background-color: #AAA; }
.event-1, .new-1, .new-2, .event-2 { font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size: 18px; }
.event-2 { background: url('images/calendar-sprite.png') no-repeat 0 0; padding-left: 34px; color: #666; margin: 5px 0; }
.event-3 { line-height: 20px; font-size: 14px; text-align: justify; }

/* END NEWS & EVENTS PAGE */

/* FOOTER */
#footer { clear: both; }
.footer_left { float: left; }
.footer_right { float: right; }
#footer_main { background-color: black; padding: 30px 10px; color: white; }
#footer_join { padding: 30px 10px; color: #666; }
#footer_join a { color: #3366ff !important; }
#footer a { color: #FFF; }
#footer a:hover { text-decoration: underline; }
/* END FOOTER */