/* ========================
Spacertech Pty Ltd
CSS by Guy Lillico
08-01-2009 
======================== */

@import url("reset.css");

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

img	{
	border:none;
}

a	{
	text-decoration:none;
	color:#888;
}

	a:hover	{
		text-decoration:underline;
		color:#000;
	}
	
		a:hover img {
			filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;	
			}	

p {
	padding-bottom:6px;
}

h1	{
	padding:0;
	margin:0;
	font-size:24px;
	color:#2b4e88;
	font-family:Arial, Helvetica, sans-serif;
}

h2	{
	padding:0;
	margin:18px 0;
	font-size:16px;
	color:#1e4e97;
}

h3	{
	padding:0 0 20px 0;
	margin:22px 0 3px 0;
	font-size:14px;
	color:#1e4e97;
}

h4	{
	padding:0;
	margin:0;
	font-size:12px;
}

table {
	margin:10px 0;
	width:99%;
	border:1px solid #666;
	background:#fff;
	text-align:left;
}
	table tr {
		border-bottom:1px solid #ebebeb;
	}
		table tr th.tablehead {
			background:#2B4E88;
			color:#fff;
			font-weight:bold;
		}
		table tr th {
			color:#2B4E88;
			font-weight:normal;
			padding:4px;
		}
		table tr td {
			padding:4px;
		}

html {
	margin:0;
	padding:0;
	background:#888687 url('../images/html_bg.jpg') 0 0 repeat-x;
}

body {
	margin:0;
	padding:0;
	font-family:tahoma,arial,sans-serif;
	font-size:12px;
	color:#404145;
}

.clear	{
	height:0;
	width:0;
	clear:both;
}

.wrapper	{
	margin:0 auto;
	padding:0;
	width:990px;
	background:url('../images/wrapper_bg-trans.png') top center repeat-y;
}

	.container {
		position:relative; 
		margin:0 auto;
		width:960px;
		background:#f1f5fb;
	}

		.header {
			height:309px;
			padding:0;
			margin:0;
			background:#9bd2fc;
			position:relative;
		}
			.flash {
				border:1px solid #2a2423;
				border-top:none;
				position:absolute;
			}
			.logo {
				position:absolute;
				width:273px;
				height:272px;
				background:url('../images/logo_bg-trans.png') 0 0 repeat-x;
				top:37px;
				left:1px;
			}
				.logo h1 {
					position:relative;
					top:8px;
					left:20px;
					width:226px;
					height:253px;
					text-indent:-9999px;
					background:url('../images/logo-trans.png') 0 0 no-repeat;
				}
					.logo h1 a {
						display:block;
						width:226px;
						height:253px;
					}
		
			.login {
				position:absolute;
				width:657px;
				height:21px;
				top:2px;
				left:290px;
				color:#fff;
				font-size:10px;
			}
				.login img {
					position:relative;
					top:5px;
					margin-right:2px;
				}
				.login a {
					color:#fff;
				}
				.login p {
					font-size:11px;
					display:inline;
					position:relative;
					top:8px;
				}
				.login_status {
					float:right;
					position:relative;
					right:40px;
				}
					.login_status a {
						text-decoration:underline;
					}
					.login_status a:hover {
						text-decoration:none;
						color:#fff;
					}
				.login_name {
					margin-right:20px;
				}	
			

.nav	{
	height:33px;
	width:960px;
}
	.nav ul	{
		width:100%;
		margin:0;
		float:left;
		background:url("../images/bg-nav.gif") repeat-x;
		list-style:none;
		line-height:33px;
		font-size:16px;
	}
		.nav li	{
			float:left;
			background:url("../images/nav-divider.gif") no-repeat right;
		}
		.nav li a	{
			float:left;
			font-size:14px;
			color:#fff;
			text-decoration:none;
			padding:0px 27px;
		}
		.nav li a:hover {
			background:url("../images/bg-nav-hover.gif") repeat-x;
			}

.home_main	{
	width:960px;
	overflow:hidden;
	padding-bottom:15px;
	margin:0;
	background:url('../images/home_bg.gif') bottom right no-repeat;
	background: url('../images/content_bg.gif') top right no-repeat;	
	
}

.home_feature {
	width:99%;
	margin:0;
	background:#dde3ed;
	border:1px solid #d0d7e1;
	padding-bottom:60px;
}

	.refer_a_friend {
		width:188px;
		margin:0;
		float:left;
		padding:22px;
		line-height:16px;
		font-family:tahoma,arial,sans-serif;
		font-size:12px;
		}
		.referfrm {
			margin:10px 0 0 0;
			padding:0;
			}
		.refer_txt {
			width: 180px;
			padding: 3px;
			border: 1px solid #7994c1;
			background: #ffffff;
			color: #2553a5;
			margin-bottom: 5px;
			}
		form input.refersubmit {
			background:#072760;
			width:66px;
			border:none;
			color:#fff;
			font-weight:normal;
			font-size:12px;
			padding:3px 4px 4px 4px;
			float:right;
			margin:0;
			cursor:pointer;
			margin-top:2px;
			display:block;
			}
		form input.refersubmit:hover {
			background:#0b306d;
			color:#b1ccf9;
		}
		
		.hidden {
			display:none;
			height:0;
			width:0;
			margin:0;
			padding:0;
			}
	.benefits {
		width:374px;
		float:left;
		margin:0px;
		padding:22px 10px 0 0px;
		line-height:16px;
		font-family:tahoma,arial,sans-serif;
		font-size:12px;
	}
		.benefits h3 {
			width:377px;
			height:39px;
			text-indent:-9999px;
			background:url('../images/benefits.gif') 0 0 no-repeat;
			margin:0 0 0 20px;
			padding:0;
		}
		.benefits ul {
			font-size:11px;
			line-height:18px;
			margin:0;
			position:relative;
			left:0;
		}		
			.benefits li {
				background:url('../images/list_item_home.gif') 0 3px no-repeat;
				padding-left:26px;
				margin:0;
			}
.main_container {
	width:960px;
	padding:0;
	margin:0 auto;
	position:relative;
	background:#f1f5fb url('../images/columns_bg.gif') 0 0 repeat-y;
	z-index:0;
	top:0px;
	padding-bottom:22px;
}		
.main	{
	width:100%;
	position:relative;
	overflow:hidden;
	padding:0;
	margin:0 auto;
	background: url('../images/content_bg.gif') top right no-repeat;	
	z-index:100;
	padding-bottom:28px;	
}
	.sidebar	{
		float:left;
		width:273px;
		padding:4px 0; 
		margin:0;
		background:#96979b;
	}
		.ivc {
			margin:16px 0 0 10px;
		}
		.news_and_events {
			background:#2553a5;
			width:199px;
			border:1px solid #b1b2b4;
			margin:11px 0 5px 17px;
			font-size:11px;
			color:#ebebeb;
			line-height:16px;
			padding:21px 17px 13px 17px;
			position:relative;
		}
			.news_and_events p {
				padding:8px 0;
			}
			.news_and_events a {
				color:#95bbf9;
				text-decoration:underline;
			}
			.news_and_events a:hover {
				text-decoration:none;
				color:#fff;
			}
			.events {
				padding-top:24px;
			}
	
	.home_content {
		float:right;
	}	
	.content {
		float:right;
		width:648px;
		padding:24px 16px 11px 21px; 
		_padding:20px 12px 11px 0px; 
		margin:0;
	}
		.content a {
			color:#2553a5;
		}
			.content a:hover {
				text-decoration:underline;
			}

		.content p {
			line-height:18px;
			margin:8px 0;
		}
		.content ol {
			line-height:18px;
			margin:11px 0;
			list-style:decimal;
		}
		.content li {
			margin:3px 0 3px 20px;
		}
		.intro_txt	{
			margin:10px 10px 12px 10px;
			padding-right:10px;
		}
			.content h1	{
				margin:0 0 10px 0;
			}
		.content_fp h2 {
			width:607px;
			height:89px;
			background:url('../images/intro.gif') 0 0 no-repeat;
			text-indent:-9999px;
			margin:0;
		}	
	.truck {
		width:151px;
		height:133px;
		position:absolute;
		right:-45px;
		bottom:-25px;
		background:url('../images/truck-trans.png') 0 0 no-repeat;
		z-index:0;
	}		
.footer {
	position:relative;
	height:70px;
	background:url('../images/footer_top-trans.png') top center no-repeat;
	width:950px;
	margin:0 auto;
	padding:20px 20px 10px 20px;
}
	.foot_links	{
		padding:15px 0 0 10px;
		float:left;
		color:#e5e5e5;
		display:block;
	}
		.foot_links li {
			display:inline;
			padding:0 10px;
		}
		.foot_links li a	{
			color:#e5e5e5;
		}
		.foot_links span#copyright	{
			color:#1c3155;
			font-size:11px;
			display:block;
			padding-bottom:1px;
			padding-left:10px;
		}
	.titan	{
		float:right;
		padding-top:10px;
		padding-right:10px;
	}

/*****************************/

#frmWLogin {
	display:inline;
}

#frmWLogin input {
	width: 188px;
	height:17px;
	padding:4px 1px 0px 8px;
	border:none;
	background:url('../images/login_txt_bg.gif') 0 0 no-repeat;
	color: #cfddfa;
	font-size:11px;
	margin-right:1px;
	margin-top:5px;
	vertical-align:top;
}

#frmWLogin input.login_submit {
	padding:0;
    width: 30px;
	padding:0;
    height: 21px;
    cursor: pointer;
	border:none;
	background:url('../images/btn_go.gif')  0 0 no-repeat;
	text-indent:-9999em;
	margin-right:9px;
}
#frmWLogin input.login_submit:hover {
	background-position:0 -21px;
}	

a.view_all {
	display:block;
	color:#fff;
	font-size:11px;
	background:#072760;
	padding:3px 0 0 0;
	text-align:center;
	width:60px;
	height:19px;
	color:#fff;
	text-decoration:none;
	margin-top:12px;
}

	a.view_all:hover {
		background:#0b306d;
		color:#b1ccf9;
	}
.news_image,
.event_image {
	float:right;
	margin: 4px 6px 4px 6px;
	border:1px solid #999999; 
}

.cart_widget {
	background:#2553a5;
	width:199px;
	border:1px solid #b1b2b4;
	margin:11px 0 5px 17px;
	font-size:11px;
	color:#ebebeb;
	line-height:16px;
	padding:21px 17px 13px 17px;
	position:relative;
	}
	.cart_widget p {
		color:#8099c5;
		float:left;
	}
		.cart_widget p span {
			color:#fff;
		}

		.cart_widget a#view_cart {
			display:block;
			color:#fff;
			font-size:11px;
			background:#072760;
			padding:3px 0 0 0;
			text-align:center;
			width:60px;
			height:19px;
			text-decoration:none;
			float:right;
		}
		
			.cart_widget a#view_cart:hover {
				background:#0b306d;
				color:#b1ccf9;
			}
		
	.cart_widget img#title_cart {
		margin-right:8px;
		border:none;
		position:relative;
		top:-4px;
		margin-bottom:7px;
		}
.cart_icon {
	position:absolute;
	top:11px;
	right:13px;
}

.cart_icon:hover img {
	filter:none;
}

	
	
	/* ==== Calendar ==== */
	.evm_calendar {
		font-size:11px;
		margin-left:5px;
		width:599px;
		}
		.evm_calender table td { width:70px; }
		.evm_calendar a:hover { text-decoration:none; }
		.evm_calendar_previous img,
		.evm_calendar_next img {
			position:relative;
			top:10px;
		}
		.evm_calendar_today {
			margin-bottom:5px;
		}
		.evm_calendar_day_heading {
			background:#132d5c;
			color:#FFFFFF;
			border:1px solid #336699;
			width:70px;
			padding:6px 0;
			}
		.evm_calendar_today a {
			text-decoration:none;
		}	
		.evm_calendar_month_nav {
			padding-bottom:2px;
		}
			.evm_calendar_month_nav a {
			}
		
		.evm_event_list { text-align:left; }
		.event_url {
			margin-bottom:19px;
		}
		.evm_date {
			width:40px;
		}
		
		/* ==== Calendar Day ==== */
		.evm_cal_day {
			border:1px solid #3372e2;
			background:#2553a5;
			vertical-align:top;
			text-align:right;
			}
			.evm_cal_day .evm_date {
				background:#1c4388;
				border-bottom:1px solid #022144;
				color:#fff;
				padding:3px;
				}
			td:hover.evm_cal_day {
				background:#eee;
				}

		/* ==== Null Day ==== */
		.evm_null_day {
			border:1px solid #3372e2;
			background:#1a3d7c;
			}

		/* ==== Current Day ==== */
		.evm_cur_day {
			background:#183973;
			border:1px solid #3372e2;
			vertical-align:top;
			text-align:right;
			color:#fff;
			}
			.evm_cur_day .evm_date {
				background:#083d76;
				border-bottom:1px solid #000;
				padding:2px;
				}
			td:hover.evm_cur_day {
				background:#ccc;
				}
				
		/* ==== Event Days ==== */
		/* Event Day 1         */
		.evm_evt_day1 {
			background:#1b4693;
			vertical-align:top;
			text-align:right;
			}
			.evm_evt_day1 .evm_date {
				background:#67a4e6;
				border-bottom:1px solid #033367;
				color:#fff;
				padding:2px;
				}
			td:hover.evm_evt_day1 {
				background:#cddbe8;
				}
				td.evm_evt_day1 a {
					color:#fff;
					margin:1px;
				}
				
		/* Event Day 2         */
		.evm_evt_day2 {
			background:#1b4693;
			vertical-align:top;
			text-align:right;
			}
			.evm_evt_day2 .evm_date {
				background:#67a4e6;
				border-bottom:1px solid #033367;
				color:#fff;
				padding:2px;
				}
			td.evm_evt_day2 {
				color:#fff;
				margin:1px;
				}
		/* Event Day 3         */
		.evm_evt_day3 {
			background:#1b4693;
			vertical-align:top;
			text-align:right;
			}
			.evm_evt_day3 .evm_date {
				background:#67a4e6;
				border-bottom:1px solid #033367;
				color:#fff;
				padding:2px;
				}
			td.evm_evt_day3 {
				color:#fff;
				margin:1px;
				}

		/* Current Day + Event Day   */
		.evm_cur_evt_day {
			background:#fff;
			border:1px solid #000;
			vertical-align:top;
			text-align:right;
			}
			.evm_cur_evt_day .evm_date {
				background:#67a4e6;
				border-bottom:1px solid #033367;
				color:#fff;
				padding:2px;
				}
			td:hover.evm_cur_evt_day {
				background:#ccc;
				}
/* ==== Roster shift detail experminentation ==== */
.shift_key {
	font-weight: bold;
	padding-right: 10px;
}
/* ==== Search experimentation ==== */
div.search_result_item {
	border: 1px dotted black;
	margin-bottom: 15px;
	margin-left: 10px;
}
	div.search_result_item a {
		font-size: 16pt;
	}
	div.search_result_item .search_desc {
		text-indent: 25px;
		color: green;
	}
	
/*** Shop Module ***/

.product-category {
	margin:7px 38px 17px 0;
	float:left;
	width:260px;
	background:#dde3ed;
	border:1px solid #d0d7e1;
}

.product-category a {
	text-decoration:none;
	color:#2553a5;
}
	.product-category a.product_name {
		font-size:14px;
		font-weight:bold;
	}

	.product-category .category_title {
		padding:5px 9px 0 0;
		width:100px;
		
	}	
	.category_image {
		float:left;
		margin-right:0px;
		padding:8px 0 8px 9px;
		width:110px;
}
		.category_image img {
			border:1px solid #9299a5;
	}
	.product-category .category_info {
		float:left;
		width:130px;
		margin-left:5px;
		margin-top:3px;
	}
	.product-category .category_text {
		width:130px;
		font-size:11px;
	}
	.product_count {
		background:#7994c1;
		padding:4px 12px;
	}
		.product_count a {
			font-size:11px;
			color:#fff;
	}
	
.sub-category {
	margin:9px 0;
}

.listed_product,
.dashed_border {
	width:100%;
	padding:10px 0 5px 0;
	margin:10px 0 5px 0;
	border-top:1px dashed #8f97a3;	
}


	.product_view_img {
		width: 170px;
		float:right;
		margin-right:15px;
	}

	.product_view_details {
		float:left;
		width:400px;
	}

		.product_view_details div {
			width:400px;
	}

.attribute_list {
	padding:0 0 10px 0;
	}
	.attribute_list ul {
		margin:0;
	}
	.attribute_list ul li {
		line-height:19px;
		padding-bottom:5px;
		margin:0;
		}


.variation_list {
	margin-top:10px;
}	

.product_price {
	background:#2553a5;
	padding:5px 5px;
	float:right;
	color:#fff;
}
.product_list_img {
	width:100px;
	margin-right:16px;
	float:left;
}

	.product_list_img a {
		width:100px;
		height:70px;
		display:block;
		text-indent:-9999px;
		border:1px solid #999999;		
	}

.product_list_info {
	float:left;
	width:460px;
}

.product_category {
	margin-bottom:26px;
}

.product_category a {
	font-size:11px;
}

.product_view_img img {
	border:1px solid #999999;
	padding:0;
	margin:0;
	float:right;
}

.manufacturer {
	margin-bottom:30px;
}

.gallery_nav {
	margin-top:30px;
}

.content_backlink {
	margin-top:30px;
}
	.shipping_address {
		margin-top:10px;
	}

		.billing_address dl, .shipping_address dl {
			line-height:19px;
			border-bottom:1px dashed #cdc9b9;
			float:left;
			width:570px;
			padding-bottom:10px;
			}
			.billing_address dt, .shipping_address dt {
				font-weight:bold;
				float:left;
				clear:both;
				width:180px;
				}
			.billing_address dd, .shipping_address dd {
				float:left;
				width:380px;
				margin:0;
				}
	.billing_address {
		}
		.edit_billing_address {
			clear:both;
			}
	
.shipping_option {
	padding-top:2px;
}
.shipping-block {
	margin:10px 0;
	padding:10px 0;
	border-top:1px dashed #000;
	border-bottom:1px dashed #336699;
}
	.shipping-block h3 {
		margin:0;
		padding:0 0 5px 0;
	}
	
/*** Shopping Cart ***/


.cart {
	margin:0;
	padding:0;
}

.cart table {
	width:100%;
	border:none
	font-size:11px;
	background:none;
	}
	.cart table tr {
		border:none;
		background:none;
		}
	.cart table tr.odd td {
		background:#a7b8d4;
		border-bottom:1px dashed #8494af;
		}
	.cart table tr.even td {
		background:#b1c2e0;
		border-bottom:1px dashed #8494af;
		}
		.cart table tr th {
			background:#ccd5e3;
			border:none;
			text-align:left;
			color:#2553a5;
			padding:10px 3px;
			margin:0;
			}
		.cart table tr th.price_name {
			text-align:left;
			color:#333;
			background:none;
			}
		.cart table td {
			border:none;
			padding:8px 3px;
			}
			.cart table tr th.price_right,
			.cart table td.price_right {
				text-align:right;
				padding-right:8px;			
			}
			.cart table td.price_right {
				color:#333;
			}
.cart_options,
.cart_options a {
	font-size:11px;
}			
			
			

.back_link {
	margin-top:30px;
	font-size:11px;
}


#shop_nav {
	padding:0 0 10px 0px;
	list-style-type:decimal;
	margin-bottom:38px;
}
	#shop_nav li {
		display:block;
		float:left;
		list-style-type:decimal;
		list-style:inside;
		color:#fff;
		padding:4px 12px;
		background:#5080cf;
		width:130px;
		text-align:center;
		margin:0;
		
	}
		#shop_nav li#shop_cur {
			background:#16315e;			
			color:#fff;	
			font-weight:bold;
		}

		#shop_nav li a {
			display:block;
			width:118px;
			text-align:center;
			color:#c6d8f7;
			text-decoration:none;
		}
			#shop_nav li:hover {
				background:#2b4e88;
			}




/*** Gallery Module ***/

.gallery {
	width:273px;		
	height:136px;
	padding:0;
	margin:0;
	color:#4a4f51;
}

.gallery_block {
	float:left;
	width:180px;
	background:#dde3ed;
	border:1px solid #d0d7e1;
	margin:10px 20px 10px 0;
	padding:10px 0 10px 15px;
}
	.gallery_block img {
		border:1px solid #6b6e72;
		margin:4px 0;
}
	.gallery_thumbs {
		float:left;
		width:63px;
		margin:0;
		position:relative;
		padding-left:49px;
	}
		.gallery_thumbs img {
			border:1px solid #6b6e72;
			margin:4px 0;
		}
	.gallery_txt {
		float:left;
		width:90px;
		margin:2px 0 0 4px;
	}
	.gallery_txt img {
		float:right;
		margin:19px 7px 0 0;
	}
	
	.gallery_name a {
		text-decoration:none;
	}
.gallery_nav a:hover img {
	filter:none;
}	

.photo_thumb {
	float:left; 
	width:130px; 
	height:120px;
	margin:15px 20px 8px 2px; 
	border:1px solid #011d33; 
	padding:13px 0px 22px 0px; 
	text-align:center;
	background:#dde3ed;
	border:1px solid #d0d7e1;
}

	.photo_thumb a {
		display:block;
		width:100px;
		height:80px;
		border:1px solid #999999;
		margin:0 auto;
		margin-bottom:3px;
		overflow:hidden;
		background:#fff;
		text-indent:-9999px;
	}



.no_border {
	border:none;
}	

.rss {
	float:right;
	display:block;
	width:43px;
	height:32px;
	position:relative;
	top:-28px;
	right:50px;
}
.rss:hover img {
	filter:none;
}

/*** Video Gallery ***/

#video_gallery {
	/*position:relative;
	left:440px;*/
	float:right;
	width:146px;
	height:56px;
	position:relative;
	top:-6px;
}

.video_block {
	padding-left:130px;
	margin:8px 0 30px 0;
}
	.video_block h3 {
		margin:12px 0;
	}
		.video_block h3 a {
			text-decoration:none;
		}

#sitemap {

}
	#sitemap li {
		list-style-type:disc;
		line-height:18px;
	}
		#sitemap li a {
			font-weight:bold;
		}
			#sitemap li a:hover {
				text-decoration:none;
			}
		#sitemap li ul {
			margin:8px 0;
		}
		#sitemap li li {
			list-style-type:circle;
			line-height:18px;
			margin-left:16px;
		}
			#sitemap li li a {
				font-weight:normal;
				text-decoration:none;
			}
				#sitemap li li a:hover {
					text-decoration:underline;
				}
.pagination {

}
	.pagination li {
		float:left;
		margin-right:8px;
		padding-bottom:2px;
	}
	.pagination li.current a {
		color:#fff;
		text-decoration:none;
	}
	
	.pagination li.next {
		padding-right:13px;
		background:url('../images/icons/resultset_next.png') center right no-repeat;
	}
	.pagination li.previous {
		padding-left:13px;
		background:url('../images/icons/resultset_previous.png') center left no-repeat;
	}
	
.breadcrumb {
	padding:0 0 10px 1px;
	margin:0;
}
				
	.breadcrumb li {
		padding:0;
		margin:0;
		display:inline;
	}
		#content .breadcrumb li a {	
			color:#bd3d00;	
			text-decoration:none; 
		}

