/*

Trout.com.au

Author: Fred Wu

*/

/*------------------------------------------------------------
	Site Elements
------------------------------------------------------------*/

body * {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {
	color: #590058;
	text-decoration: none;
	
	outline: none;
	-moz-outline-style: none;
}

	a:hover {
		color: #590058;
		text-decoration: underline;
	}

table {
	
}
	
	table tr:hover {
		background: #fffaff;
	}
	
	table tr th {
		background: #ede;
	}
	
	table tr td {
		border-bottom: 1px dashed #ccc;
	}
	

.hidden { display: none; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }

/*------------------------------------------------------------
	Page Elements
------------------------------------------------------------*/

#msg {
	display: none;
	position: absolute;
	top: 35px;
	right: 30px;
	color: #514721;
	background: #FFF6BF;
	border: 1px solid #FFD324;
	padding: 3px 10px;
}

#flash_msg p {
	top: 35px;
	color: #514721;
	background: #FFF6BF;
	border: 1px solid #FFD324;
	padding: 3px 10px;
}

span.error {
	border: none;
	font-weight: bold;
	background: none;
}

.notes {
	margin-top: 20px !important;
	font-size: 11px;
}

.dim {
	color: #666;
}

.draggable {
	cursor: pointer;
	cursor: hand;
}

	.draggable:hover {
		background: #f1f7fb;
	}

.droppable {
	
}

	.droppable-active {
		
	}

	.droppable-hover {
		background: #f1f7fb;
	}

table a.remove {
	position: absolute;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	background: url(../img/action_stop.gif);
	text-indent: -9999px;
}

p.close-popup {
	position: absolute;
	top: 10px;
	right: 10px;
	margin: 0;
	font-weight: bold;
}

p.functional_link {
	clear: both;
	text-align: right;
	padding: 10px 0;
	margin: 0;
}

	p.functional_link a {
		padding: 5px 10px;
		color: #fff;
		background: #666;
	}
	
	p.functional_link a:hover {
		text-decoration: none;
		background: #111;
	}

div.popup {
	display: none;
	position: absolute;
	padding: 20px;
	background: #fff;
	z-index: 99;
	top: -100px;
	border: 8px solid #111;
	width: 860px;
}

label {
	display: block;
	float: left;
	font-size: 12px;
	color: #6A6760;
	width: 100px;
	text-align: right;
	margin-top: 5px;
	padding-right: 10px;
}

input.checkbox {
	
}

input.text {
	padding: 2px;
	font-size: 12px;
}

input.mini_text {
	width: 20px;
}

input.tiny_text {
	width: 50px;
}

input.small_text {
	width: 100px;
}

.product_price_option_div input.small_text {
	width: 50px;
}


input.medium_text {
	width: 180px;
}

input.fake_text {
	border: none;
	background: none;
	color: #000;
}

input.button {
	color: #fff;
	font-size: 12px;
	padding: 3px 10px;
	background: #666;
	border: none;
}

input.button:hover {
	background: #111;
	cursor: hand;
	cursor: pointer;
}

div.loading {
	display: none;
	position: absolute;
	width: 80px;
	height: 16px;
	background: url(../img/ajax-loader.gif) no-repeat;
	
	font-size: 11px;
	color: #999;
	padding-top: 2px;
	padding-left: 20px;
}

span.on_sale {
	color: #f00;
}

/*------------------------------------------------------------
	Structure
------------------------------------------------------------*/

div#wrapper {
	position: relative;
	margin: auto;
	width: 980px;
}

div#content-wrapper {
	margin: 0 auto;
	
	position: relative;
	padding: 0 15px;
}

	div#content {
		float: left;
		width: 100%;
		padding: 20px 0;
	}

/*------------------------------------------------------------
	Forms - bits and pieces
------------------------------------------------------------*/

form#product_search {
	position: absolute;
	top: 40px;
	right: 0;
}

	form#product_search input#keyword {
		width: 155px;
	}

	div#search_error_msg {
		position: absolute;
		top: 25px;
		right: 5px;
	}

form#login_form span {
	font-size: 11px;
	color: #666;
}

/*------------------------------------------------------------
	Header
------------------------------------------------------------*/

div#header {
	width: 950px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	min-height: 80px;
	
	*height: auto !important;
	*height: 80px;
}

	div#header h1 {
		padding-top: 32px;
		padding-left: 110px;
		background: url(../img/frost.png) no-repeat 0 20px;
		text-indent: -9999px;
	}
	
	div#header div.img {
		min-height: 80px;
		
		*height: auto !important;
		*height: 80px;
	}
	
	div#header img {
		margin: 10px 0;
	}

/*------------------------------------------------------------
	Navigation
------------------------------------------------------------*/

ul#navigation,
ul#sub_navigation,
ul.navigation,
ul.sub_navigation {
	list-style: none;
	margin: 0;
}

ul#navigation {
/*	position: absolute;
	top: 0;
	right: 0;
	float: right;*/
}

	ul#navigation li {
		float: right;
	}
	
		ul#navigation li a,
		ul.navigation li a {
			display: block;
			font-size: 11px;
			padding: 3px 15px;
			margin: 0 0 0 5px;
			text-align: center;
			color: #aaa;
			background: #666;
		}
		
			body#admin_dashboard ul#navigation li#li_dashboard a,
			body.body_admin ul#navigation li.li_admin a,
			ul#navigation li a:hover {
				color: #fff;
				background: #999;
				text-decoration: none;
			}

ul#sub_navigation {
	width: 100%;
	float: left;
	border-bottom: 2px solid #590058;
}

body#admin_dashboard ul#sub_navigation {
	display: none;
}

	ul#sub_navigation li {
		float: left;
	}
	
		ul#sub_navigation li a,
		ul.sub_navigation li a {
			display: block;
			font-size: 1.2em;
			width: 130px;
			padding: 3px 0 0 0;
			margin: 0 5px 0 0;
			text-align: center;
			color: #ede;
			background: #404;
		}
		
		ul#sub_navigation li.li_static { float: right; }
		ul#sub_navigation li.li_static a { margin: 0 0 0 5px; color: #ccc; background: #333; }
		ul#sub_navigation li.li_static a:hover { color: #fff; background: #111; }
		
			body.body_overview ul#sub_navigation li#sub_nav_overview a,
			body.body_categories ul#sub_navigation li#sub_nav_categories a,
			body.body_products ul#sub_navigation li#sub_nav_products a,
			body.body_product ul#sub_navigation li#sub_nav_products a,
			body.body_reps ul#sub_navigation li#sub_nav_reps a,
			body.body_orders ul#sub_navigation li#sub_nav_orders a,
			body.body_branding ul#sub_navigation li#sub_nav_branding a,
			
			body.body_cart ul#sub_navigation li#sub_nav_cart a,
			body.body_checkout ul#sub_navigation li#sub_nav_checkout a,
			
			ul#sub_navigation li a:hover {
				color: #fff;
				background: #590058;
				text-decoration: none;
				padding-bottom: 2px;
				margin-top: -2px;
			}

/*------------------------------------------------------------
	Sidebar
------------------------------------------------------------*/

/*------------------------------------------------------------
	Content - Dashbaord
------------------------------------------------------------*/

div#add_site_div,
div.add_category_div {
	display: none;
	position: absolute;
	padding: 20px;
	background: #fff;
	border: 2px solid #666;
	z-index: 99;
}

/*------------------------------------------------------------
	Content - Overview
------------------------------------------------------------*/

/*------------------------------------------------------------
	Content - Categories
------------------------------------------------------------*/

ul#categories {
	list-style: none;
}

	ul#categories a:hover {
		text-decoration: none;
	}

	ul#categories li {
		float: left;
		width: 270px;
		margin: 10px;
		font-weight: bold;
	}
	
	ul#categories li.add_category {
		border: none !important;
	}
	
		li a.del {
			position: absolute;
			margin-left: 10px;
			width: 16px;
			height: 16px;
			background: url(../img/action_stop.gif);
			text-decoration: none;
		}
	
		ul#categories li ul {
			list-style: none;
		}
		
			ul#categories li ul li {
				position: relative;
				width: 95px;
				margin: 3px;
				padding: 0 5px;
				font-weight: normal;
				border: 1px dashed #ccc;
			}
			
				ul#categories li ul li a.del {
					position: absolute;
					top: -5px;
					right: -5px;
					width: 16px;
					height: 16px;
					background: url(../img/action_stop.gif);
				}

/*------------------------------------------------------------
	Content - Products
------------------------------------------------------------*/

div#category_list_partial {
	float: left;
}

ul.child_categories {
	display: none;
}

ul#parent_categories,
ul.child_categories {
	float: left;
	list-style: none;
	margin: 0 5px;
}

	ul#parent_categories li a,
	ul.child_categories li a {
		display: block;
		color: #000;
		margin-bottom: 5px;
		padding: 0 5px;
		font-weight: normal;
		border: 1px dashed #ccc;
	}
	
		ul#parent_categories li a:hover,
		ul#parent_categories li a.current,
		ul.child_categories li a:hover,
		ul.child_categories li a.current {
			text-decoration: none;
			color: #fff;
			background: #111;
		}

body.body_products img,
body.body_product img {
	border: 2px solid #ddd;
	vertical-align: top;
	margin-bottom: 5px;
}

	#header img {
		border: none;
	}

/* table for admin */
table#products,
ul#products,
.section_title {
	float: right;
	width: 600px;
}

/* ul for public */
ul#products {
	list-style: none;
	margin: 0;
}

	ul#products li {
		float: left;
		width: 120px;
		margin-bottom: 5px;
	}
	
		ul#products li img {
			border: 1px solid #ccc;
		}
	
		ul#products li h3 {
			color: #333;
			font-size: 12px;
			font-weight: bold;
			height: 24px;
			margin: 5px 0 0 0;
			overflow: hidden;
			width: 100px;
		}
		
		ul#products li h3.on_sale {
			/*color: #f00;*/
		}
		
		ul#products li h4.product_code {
			color: #666;
			font-size: 11px;
			margin: 0;
		}
		
		ul#products li p.product_price {
			color: #26b;
		}

h3#no_products {
	text-align: center;
}

div#edit_product {
	display: none;
}

a#add_product_price_option {
	display: block;
	margin-bottom: 10px;
}

a.remove_product_price_option {
	float: right;
	font-size: 11px;
}

div.product_price_option_div {
	padding: 20px;
	margin-bottom: 10px;
	border: 1px dashed #ccc;
	font-size: 12px;
}

ul.categories_selection {
	font-size: 12px;
}
	
	ul.categories_selection li ul li {
		width: 200px !important;
	}

/*------------------------------------------------------------
	Content - Product
------------------------------------------------------------*/

div#back_to_list {
	float: left;
}

div#product {
	float: right;
}

	div#product div#product_img {
		float: left;
		width: 350px;
	}
	
	div#product div#product_details {
		float: left;
		width: 350px;
	}
	
		div#product h1#product_name {
			font-size: 30px;
			margin: 0;
		}
		
		div#product h4#product_code {
			color: #666;
			font-size: 20px;
			margin: 5px 0;
		}
		
		div#product h4#product_meta {
			margin: 10px 0 20px 0;
		}
		
		div#product td.price_rrp {
			color: #666;
		}

p#total {
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
}

/*------------------------------------------------------------
	Content - Cart
------------------------------------------------------------*/

div#cart_info {
	float: left;
/*	position: relative;*/
	width: 285px;
}

	div#cart_info label {
		width: 85px;
	}
	
	div#cart_info div.loading {
		top: 10px;
		left: 160px;
	}

div#cart_items {
	float: right;
/*	position: relative;*/
	width: 600px;
}

	div#cart_items div.loading {
		top: 10px;
		left: 170px;
	}

/*------------------------------------------------------------
	Content - Checkout
------------------------------------------------------------*/



/*------------------------------------------------------------
	Content - Users
------------------------------------------------------------*/

div#edit_user {
	display: none;
}

/*------------------------------------------------------------
	Content - Orders
------------------------------------------------------------*/

div#edit_user {
	display: none;
}

table#orders tr.clickable {
	cursor: hand;
	cursor: pointer;
}

div#order_details_partial {
	display: none;
	float: left;
}

	div#order_details_partial h1#order_no {
		position: absolute;
		
		/* IE is evil */
		_top: 55px;
		*left: 30px;
	}

	div#order_details_partial div#order_info {
		float: left;
		width: 300px;
		margin-top: 50px;
		
		/* IE is evil */
		*margin-top: 70px;
	}
	
	div#order_details_partial div#order_items {
		float: right;
		width: 600px;
	}
	
		div#order_details_partial div#order_items div.loading {
			margin-top: -45px;
			margin-left: 90px;
		}

p a.order_list {
	float: right;
	display: block;
	clear: both;
}

/*------------------------------------------------------------
	Content - Branding
------------------------------------------------------------*/

form#branding_form span {
	padding-left: 10px;
	font-size: 11px;
	color: #999;
}

form#branding_form textarea {
	width: 650px;
	height: 300px;
}

/*------------------------------------------------------------
	Footer
------------------------------------------------------------*/

div#dealer_login {
	display: none;
}

div#dealer_login ul li a:hover {
	text-decoration: none;
}

div#footer {
	border-top: 3px solid #eee;
	width: 950px;
	margin: 0 auto;
	text-align: right;
}

	div#footer p {
		padding: 5px;
	}


/*------------------------------------------------------------
	Branding - Sterling & Freightliner
------------------------------------------------------------*/

body.body_sterling { background: #dcd2be; }

body.body_sterling div#wrapper,
body.body_freightliner div#wrapper {
	width: 988px;
}

body.body_sterling div#wrapper {
	background: #fff url(../img/themes/sterling/container_bg-home.png);
}

body.body_sterling div#header {
	background: #fff url(../img/themes/sterling/shadow_bg_top.gif) 0 0 repeat-x;
}

body.body_sterling div#header h1,
body.body_freightliner div#header h1 {
	text-indent: -9999px;
}

body.body_sterling div#header h1 {
	background: url(../img/themes/sterling/mainLogo.gif) bottom right no-repeat;
	width: 101px;
	height: 64px;
	padding: 20px 0 0 10px;
}

body.body_sterling div#content-wrapper,
body.body_freightliner div#content-wrapper { padding: 0 20px; }

body.body_sterling div#content,
body.body_freightliner div#content { background: #fff; }

body.body_sterling div#splash {
	width: 950px;
	height: 254px;
	background: url(../img/themes/sterling/sl_splash_ext.jpg) right;
	margin: 0 0 20px 0;
}

body.body_sterling div#dealer_login,
body.body_freightliner div#dealer_login {
	display: block;
}

body.body_sterling #footer,
body.body_freightliner #footer {
	display: none;
}

body.body_sterling div#footer_bg {
	margin: 0 auto 20px auto;
	width: 988px;
	height: 20px;
	background: url(../img/themes/sterling/footer_bg-home.png);
}

/*------------------------------------------------------------
	Branding - Freightliner
------------------------------------------------------------*/

body.body_freightliner { background: #1b1b1b url(../img/themes/freightliner/body_bg.jpg) top repeat-x; }

body.body_freightliner div#header_bg {
	background: url(../img/themes/freightliner/shadow_bg_top.png) top no-repeat;
	width: 988px;
	height: 23px;
	margin: 0 auto;
}

body.body_freightliner div#wrapper {
	background: #000 url(../img/themes/freightliner/container_bg-home2.png) 0 0 repeat-y;
	width: 988px;
	padding-bottom: 10px;
}

body.body_freightliner div#wrapper .leftShadow,
body.body_freightliner div#wrapper .rightShadow {
	position: absolute;
	width: 9px;
	height: 420px;
}

body.body_freightliner div#wrapper .leftShadow {
	left: 0;
	background: url(../img/themes/freightliner/shadow_bg_left.gif) top no-repeat;
}

body.body_freightliner div#wrapper .rightShadow {
	right: 0;
	background: url(../img/themes/freightliner/shadow_bg_right.gif) top no-repeat;
}

body.body_freightliner div#header {
	background: #000;
	width: 970px;
	*margin-bottom: -10px;
}

body.body_freightliner div#header h1 {
	background: url(../img/themes/freightliner/mainLogo.gif) bottom right no-repeat;
	width: 211px;
	height: 38px;
	padding: 20px 0 0 10px;
}

body.body_freightliner form#product_search {
	margin-right: 5px;
}

body.body_freightliner div#nav_bar {
	background: url(../img/themes/freightliner/navbar.png) bottom center no-repeat;
	width: 950px;
	height: 39px;
	margin: 0 auto;
	*padding-top: 10px;
}

body.body_freightliner div#splash {
	width: 950px;
	height: 237px;
	background: url(../img/themes/freightliner/fl_splash_ext.jpg) left;
	margin: 0 auto 10px auto;
}

body.body_freightliner ul#sub_navigation {
	margin: 0 10px;
	width: 950px;
}

body.body_freightliner div#content-wrapper {
	width: 910px;
	background: #fff;
}

body.body_freightliner div#footer_bg {
	margin: 0 auto 20px auto;
}

#static_content.reports
{
	padding: 0 20px;
}

#sub_nav_welcome
{
	display: none;
}