/*

Trout.com.au

Author: Fred Wu

*/

@import url "jquery.lightbox.css";

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

* {
	padding: 0;
	margin: 0 auto;
}

html, body {
	height: 100%;
}

body {
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, 'Lucida Grande', sans-serif;
	font-size: 12px;
}

input {
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, 'Lucida Grande', sans-serif;
}

	#wrapper {
		width: 900px;
		position: relative; /* needed for positioning later on */
		z-index: 1;
	}

h1 {
	font-size: 22px;
}

	h1 a {
		color: #999;
	}
	
	h1 a:hover {
		text-decoration: none;
	}
	
h1#tagline {
	height:45px;
	width:430px;
	margin:25px 0 0;
	background:url(../img/tagline.png) right no-repeat;
	float:right;
}

h1#tagline span{
	display:none;
}

h1#tagline a{
	height:45px;
	width:430px;
	display:block;
}

h2 {
	font-size: 18px;
}

h2.cat_divider {
	clear: both;
}

h3 {
	font-size: 14px;
}

	body#body-main h3 {
		font-size: 16px;
		margin-bottom: 15px !important;
	}

h4 {
	font-size: 13px;
	margin: 0 0 8px 0;
}

p {
	font-size: 13px;
	margin: 0 0 20px 0;
}

	p.debug_msg {
		font-size: 11px;
		color: #999;
	}
	
	p.return-back {
		margin: 15px 0 0 0 !important;
		float: right;
	}

a {
	color: #2daacd;
	outline: none;
	text-decoration: none;
}

.clear {
	clear: both;
}

.error {
	color: #f00;
}

div.error_msgs_block {
	margin: 0 !important;
}

label.error,
span.error,
.error_msgs {
	color: #f00 !important;
	margin: 20px 10px !important;
	font-weight: bold !important;
	white-space: nowrap;
}

ul.advanced_search_error_msgs {
	margin: 0 0 10px 0;
}

span label {
	display: block;
	float: left;
}

body.body-public a { color: #666; }

	a:hover {
		text-decoration: underline;
	}
	
	a:active {
		outline: none;
	}
	
	li.active a {
		color: #666 !important;
	}

img {
	border: 0;
}

ul,
ol {
	list-style: inside;
}

div.flash_msg {
	color: #fff;
	background: #e66c1f;
/*	background: #f1f7fb;*/
	padding: 3px 10px;
	margin: 3px 0 10px 0;
}

div.ajax-loader {
	margin: 10px;
	color: #666;
}

.toggle {
	float: right;
}

.to_be_toggled {
	display: none;
}

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

	.draggable:hover {
		background: #f1f7fb;
	}

.droppable {
	
}

	.droppable-active {
		
	}

	.droppable-hover {
		background: #f1f7fb;
	}

.editable_css {
	
}

	.editable_css input {
		font-size: 12px;
		width: 100% !important;
	}

.intranet_editable_css {
	
}

	.intranet_editable_css select {
		
	}

.alt {
	background: #f1f7fb;
}

.remove {
	margin: 0;
}

	.remove a {
		color: #ccc;
	}
	
	.body-public .remove a {
		color: #999;
	}
	
	.remove a:hover {
		color: #2daacd;
	}

	.remove a span {
		visibility: hidden;
	}
	
	.remove a:hover span {
		visibility: visible;
	}

span.searchword {
	background: #000;
}

.footnote {
	margin: 10px;
	font-size: 11px !important;
}

.less-important {
	color: #999;
}

div.last-div {
	margin-right: 0 !important;
}

.printonly {
	display: none;
}

div.print_page {
	clear: both;
	float: right;
}

.unavailable {
	color: #ccc !important;
}

.invalid {
	color: #f00 !important;
}

.align-right {
	text-align: right !important;
}

div#live_information {
	background: #e66c1f;
	padding: 5px 15px;
	color: #fff;
	text-align: right;
}

	div#live_information a {
		color: #fff;
	}

/*------------------------------------------------------------
	Form Elements
------------------------------------------------------------*/

input {
	border: 1px solid #ddd;
	font-size: 14px;
}

input#nav-search_field,
input.search_field {
	width: 210px;
	height: 20px;
	padding: 1px 5px;
}

input.submit_button {
	padding: 2px 5px;
	color: #fff;
	background: #561956;
	cursor: pointer;
	cursor: hand;
}

input.large_submit_button {
	font-size: 16px;
	width: 200px;
	height: 35px;
}

input.aligned_button {
	position: relative;
	left: 160px;
}

input.quick_button {
	background: #e66c1f;
}

input.activeChanges
{
	background: #e66c1f !important;
}

input.primary_button,
a.primary_button {
	background: #2daacd;
	color: #fff;
}

input.secondary_button,
a.secondary_button {
	background: #999;
}

input.slim_button {
	font-size: 14px;
	height: 28px;
	width: 190px;
}

input.tiny_input {
	width: 25px;
}

input.small_input {
	width: 55px;
}

input.medium_input {
	width: 95px;
}

input.long_input {
	width: 175px;
}

input.submit_button:hover,
a.submit_button:hover,
a.primary_button:hover,
a.secondary_button:hover,
a.slim_button:hover {
	background: #111;
}

a.primary_button,
a.secondary_button {
	display: block;
	text-align: center;
	text-decoration: none;
	width: 190px;
	padding: 5px 0 0 0;
	height: 23px;
	font-size: 14px;
	color: #fff;
	margin: 0 0 5px 0;
	border: 1px solid #ccc;
}

a.slim_button {
	font-size: 12px;
	height: 20px;
}

.transparent_inputs input {
	border: none !important;
	border-bottom: 1px dashed #ccc !important;
	background: transparent !important;
}

select {
	padding: 1px;
	font-size: 12px;
	border: 1px solid #ddd;
}

dt, dd, dl {
	display: inline;
}

form.advanced_search div {
	float: left;
	margin: 0 20px 20px 0;
}

	form.advanced_search input.search_field {
		border: 1px solid #ccc;
		width: 100px;
		height: 17px;
		font-size: 12px;
		padding: 0;
		margin: 0 0 2px 2px;
	}

	form.advanced_search label {
		display: block;
		float: left;
		width: 100px;
		color: #666;
	}

	form.advanced_search span {
		color: #666;
	}

.product-block input {
	border: 1px solid #ccc;
	width: 110px;
	font-size: 12px;
}

input#refine_search {
	width: 185px;
	background: #2daacd;
}

.classic_form {
	
}

	.classic_form div div {
		font-size: 11px;
	}

	.classic_form .aligned_block {
		margin-left: 160px;
		color: #999;
	}

	.classic_form label {
		float: left;
		width: 150px;
		text-align: right;
		margin: 0 10px 0 0;
	}
	
		.classic_form label.normal_label {
			float: none;
			width: none;
			text-align: left;
			margin: 0;
		}
	
	.classic_form input,
	.classic_form select,
	.classic_form textarea {
		margin: 0 0 5px 0;
		border: 1px solid #ccc;
		font-size: 12px;
	}
	
	.classic_form textarea {
		width: 350px;
		height: 100px;
	}
	
	.classic_form textarea#comment {
		height: 120px;
		width: 280px;
		padding: 3px;
	}
	
#orderform_view {
	
}

	#orderform_view input,
	#orderform_view select,
	#orderform_view textarea {
		border: 1px dashed #ccc;
	}

#tabs div {
	
}

	#tabs div label {
		color: #666;
	}
	
	#tabs div textarea {
		width: 420px;
	}

	#tabs div span {
		display: block;
		float: left;
		width: 120px;
	}

	#tabs div span.RepeatOrderInfo {
		width: 90px;
	}

/*------------------------------------------------------------
	Table elements
------------------------------------------------------------*/

table {
	width: 100%;
	border: none;
	border-collapse: collapse; /* IE */
}

table.classic_table {
	
}

	table tr.tr_alt {
		background: #ddd;
	}

		table th,
		table td {
			padding: 5px 15px;
			font-size: 11px;
		}
	
		table th {
			color: #fff;
			text-align: left;
			background: #2daacd;
			font-size: 12px;
		}
		
			table th a {
				color: #fff;
			}
	
		table td {
		}
		
			table td span {
				color: #ccc;
			}
		
		table.classic_table tr td {
			border-bottom: 1px dashed #ccc;
		}

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

#header {
	padding: 15px;
}

	#header h1 {
		font-family: "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, Verdana, 'Lucida Grande', sans-serif;
		margin: 15px 0 0 0;
		font-size: 36px;
		color: #666;
		font-weight: lighter;
	}
	
	#header h1#logo {
		margin: 0;
	}
	
	#header h1#logo a {
		position: relative;
		top: 0;
		left: -400px;
		display: block;
		text-indent: -9999px;
		background: url(http://www.frost.com.au/img/logo-frost.png) no-repeat;
		width: 114px;
		height: 50px;
	}
	
	#header ul {
		position: absolute;
		top: 20px;
		right: 35px;
		color: #430042 !important;
		font-size: 14px;
		font-weight: bold;
		list-style: none;
	}
	
		#header ul li {
			color: #000;
			font-size: 12px;
			font-weight: normal;
		}

#header_float {
	position: absolute;
	top: 5px;
	left: 420px;
}

	#header_float ul {
		float: left;
		position: relative;
		border: 1px solid #f1f7fb;
		width: 145px;
		list-style-position: outside;
	}
	
		#header_float ul li {
			color: #430042;
		}
		
		#header_float ul li a {
			display: block;
			width: 125px;
			padding: 3px 10px;
			font-size: 11px;
		}
		
		#header_float ul li a:hover {
			background: #f1f7fb;
			text-decoration: none;
			font-weight: bold;
		}

/*------------------------------------------------------------
	Login Box
------------------------------------------------------------*/

#body-login h1#logo a {
	position: relative;
	top: 30px;
	left: -400px;
	display: block;
	text-indent: -9999px;
	background: url(http://www.frost.com.au/img/logo-frost-large.png) no-repeat;
	width: 159px;
	height: 70px;
}

#body-login h1#welcome {
	font-family: "Helvetica Neue";
	color: #430042;
	font-size: 54px;
	font-weight: lighter; /* browser consistency */
	position: relative;
	top: 180px;
}

#body-login div#login-box {
	position: absolute;
	top: 273px;
	left: 750px;
	width: 160px;
}

	#body-login div#login-box h2 {
		font-family: "Helvetica Neue";
		font-size: 24px;
		font-weight: lighter;
		color: #666;
	}

#body-login input#username,
#body-login input#password {
	border: 1px solid #ccc;
	padding: 2px 5px;
	width: 150px;
	margin: 5px 0 0 0;
}

#body-login input#login_submit,
#body-login input#login_password {
	padding: 2px 5px;
	width: 160px;
	color: #fff;
	text-align: left;
	margin: 5px 0 0 0;
}

	#body-login input#login_submit:hover,
	#body-login input#login_password:hover {
		background: #000;
	}

#body-login input#login_submit {
	background: #2daacd;
}

#body-login input#login_password {
	background: #666;
}

/*------------------------------------------------------------
	Search Box
------------------------------------------------------------*/

div#search-box {
	margin: 10px;
	background: #fff;
	font-size: 11px;
}

	div#search-box input {
		font-size: 11px;
	}

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

#navigation {
	height: 44px;
	border-bottom: 5px solid #2daacd;
}

	#body-main #navigation {
/*		border: none;*/
	}

#navigation ul {
	list-style: none;
}

	#navigation ul li {
		float: left;
		width: 222px;
		height: 44px;
		background: #430042;
		margin: 0 3px 0 0;
	}
	
	#navigation ul li#nav-orders {
		margin: 0;
		width: 225px;		
	}
	
		#navigation ul li a {
			position: relative;
			top: 10px;
			left: 15px;
			color: #fff;
			font-size: 20px;
			font-weight: bold;
		}
		
		#navigation ul li ul li {
			position: relative;
			width: 65px;
			height: 10px;
			top: -18px;
			left: 135px;
			margin: 0;
			background: none;
			text-align: right;
		}
		
		#navigation ul li ul li.delimiter {
			width: 6px;
			color: #fff;
			top: -9px;
			margin: 0 -5px 0 5px;
		}
		
		#navigation ul li ul li a {
			font-size: 11px;
			font-weight: normal;
		}

#body-enquiries #navigation ul li#nav-enquiries,
#body-requests #navigation ul li#nav-requests,
#body-quotes #navigation ul li#nav-quotes,
#body-orders #navigation ul li#nav-orders,
.body-products #navigation ul li#nav-products,
#body-main #navigation ul li#nav-products {
	background: #2daacd;
}

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

#nav-search {
	padding: 10px 15px;
	background: #ddd;
}

#nav-search input.submit_button {
	background: #e66c1f;
}

#nav-search p.advanced_search {
	position: absolute;
	top: 200px;
	left: 310px;
}

#add-products {
	display: block;
	position: absolute;
	top: 0;
	right: -500px;
}

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

#sidebar {
	float: left;
	width: 210px;
	margin: 45px 0 0 0;
}

	div.sidebar-note {
		float: left;
		background: #f1f7fb;
		padding: 10px;
		width: 190px;
	}

/*------------------------------------------------------------
	Search Box
------------------------------------------------------------*/

#search-box {
	background: #ddd;
}

	#search-box h3 {
		display: block;
		color: #fff;
		background: #666;
		padding: 5px 10px;
		font-weight: bold;
	}
	
	#search-box h4 {
		margin: 0 0 5px 0;
	}
	
	#search-box span {
		display: block;
		border: 1px solid #fff;
		margin: 10px 0;
	}
	
	#search-box form {
		padding: 10px;
	}
	
	#search-box select {
		width: 190px;
	}
	
	#search-box label {
		display: block;
		float: left;
		width: 55px;
		margin: 3px 0;
	}
	
	#search-box input#search_price_from,
	#search-box input#search_price_to {
		border: 1px solid #ccc;
		width: 130px;
		margin: 2px 0;
	}
	
	#search-box input#search_submit {
		margin: 10px 0 0 0;
		padding: 3px 10px;
		width: 190px;
		background: #2daacd;
		text-align: left;
	}


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

#content {
	padding: 20px;
	font-size: 12px;
}

#body-main #content {
	padding: 0;
}

	#content #page-title-bar {
		width: 100%;
	}

	#content div.content-block {
		float: left;
		/*width: 235px;*/
		margin: 0 2px 0 0;
	}
	
	#content div.small-content-block {
		float: left;
		width: 210px;
		margin: 0 10px 0 0;
	}
	
	#content #content-left {
		
	}
	
		#content #content-left div {
			border: 1px solid #ccc;
			padding: 10px;
		}
	
	#content #content-full {
		width: 920px;
		float: left;
		position: relative;
	}	
	
	#content #content-narrow {
		width: 470px;
	}
	
	#content #content-wide {
		width: 690px;
		float: left;
	}
	
		#content #content-wide h2 {
			
		}
		
			#content #content-wide h2 span {
				color: #000;
			}
	
	#content #content-right {
		margin: 0;
	}
	
		#content #content-right ul {
			list-style: none outside;
			margin: 25px 0 0 0;
			font-size: 14px;
		}
		
			#content #content-right ul li#list-caption,
			#content #content-right ul li a {
				padding: 5px 10px;
				font-weight: bold;
			}
			
			#content #content-right ul li#list-caption {
				color: #fff;
				background: #2daacd;
			}
			
			#content #content-right ul li a {
				display: block;
				color: #000;
				background: #ddd;
				border-bottom: 1px solid #fff;
				text-decoration: none;
				height: 18px; /* for IE6 */
			}
			
			#content #content-right ul li a:hover {
				color: #fff;
				background: #222;
			}
	
	#content #content-narrow div.product-block {
		float: left;
		width: 205px;
		border: 1px solid #ccc;
		margin: 0 0 10px 0;
		padding: 10px;
	}
	
		#content #content-narrow div.product-block img {
			width: 115px;
			height: 115px;
			margin: 5px 0;
		}
	
	#content #content-narrow div.block-alt {
		margin: 0 0 10px 10px;
	}
	
		#content h2 {
			color: #2daacd;
			height: 25px;
		}
		
		#content h3 {
			margin-bottom: 10px;
		}
		
		#content h4.product_code {
			color: #000;
			margin: 15px 0 0 0;
		}
		
		#content h4.title {
			font-size: 18px;
		}
		
		#content h4.sub-title {
			font-size: 12px;
			color: #666;
		}
		
		#content p {
			font-size: 12px;
		}
		
		#content p.product-quantity,
		#content p.product-date {
			display: block;
			border: 1px solid #ddd;
			padding: 3px 5px;
			width: 100px;
			margin: 0 0 5px 0;
		}
		
		#content p.product-quantity {
			
		}
		
		#content p.product-date {
			
		}
		
		#content ul {
			
		}
		
		#content ul.product-option {
			list-style: circle inside;
			margin: 10px 0 10px 5px;
		}
		
			#content ul.product-option li {
				margin: 5px 0;
				color: #2daacd;
			}
			
				#content ul.product-option li span {
					color: #000;
				}
		
		#content ul.product-functions {
			list-style: none outside;
		}
			
			#content ul.product-functions li a {
				display: block;
				color: #fff;
				background: #2daacd;
				text-decoration: none;
				padding: 3px 10px;
				margin: 2px 0 0 0;
			}
			
			#content ul.product-functions li a:hover {
				background: #222;
			}
	
	#content div.table_layout
	{
		
	}

	#content #dashboard table {
		float: left;
		width: 154px;
	}
	
	#content #dashboard table.left_table {
		margin: 0 2px 0 0;
	}
	
	#content #dashboard table.right_table {
	}
		
		#content #dashboard table tr.alt {
			background: #ddd;
		}

			#content #dashboard table th,
			#content #dashboard table td {
				padding: 0 15px;
			}
		
			#content #dashboard table th {
				height: 30px;
			}
		
			#content #dashboard table td {
				height: 75px;
			}
			
				#content #dashboard table td span {
					overflow: hidden;
				}

	#content #products {
		margin: 0 10px 0 0;
	}
	
		#content #products #product-search {
			padding: 10px 15px;
			background: #ddd;
			/* height: 75px; */
			height: 55px;
		}
		
			#content #products h3 {
				margin: 0 0 5px 0;
			}
		
			#content #products #product-search a {
				color: #000;
			}
			
			#content #products #product-search p {
				margin: 10px 0;
			}
		
		#content #products #product-updates {
			margin: 3px 0 0 0;
			padding: 10px 15px;
			min-height: 360px;
			height: auto !important;
			height: 360px;
			color: #2daacd;
		}
		
			#content #products #product-updates {
				
			}
		
/*			#content #products #product-updates li {
				list-style: none outside;
				margin: 0 0 10px 0;
			}*/
		
		#content #content-wide table {
			width: 690px;
		}
		
		#content #content-full table {
			width: 910px;
		}
		
	#content #orders {
		margin: 0;
	}

/*------------------------------------------------------------
	Dashboard
------------------------------------------------------------*/

body#body-main form.advanced_search {
	padding: 10px 0 0 10px;
}

/*	body#body-main form.advanced_search div {
		float: none;
	}
	
	body#body-main form.advanced_search input.large_submit_button {
		float: none;
	}

body#body-main div#product-categories {
	float: left;
	width: 590px;
}*/

/*------------------------------------------------------------
	Dashboard search
------------------------------------------------------------*/

div#dashboard-search {
	float: left;
	padding: 0 10px 10px 10px;
	margin: 5px 0 0 0;
	background: #e1f4fd;
	width: 685px;
}
	
	div#dashboard-search h3 {
		color: #2daacd;
		margin: 10px 0;
	}
	
	div#dashboard-search div {
		float: left;
		width: 210px;
	}
	
		div#dashboard-search div .search_field {
			width: 100px;
			border: none;
		}
		
		div#dashboard-search div input,
		div#dashboard-search div label {
			margin: 3px 0;
		}
		
	div#dashboard-search #advanced_search_submit {
		float: right;
		margin: 0 12px 10px 0;
	}

/*------------------------------------------------------------
	Product categories
------------------------------------------------------------*/

body.body-intranet ul.product-categories,
body.body-intranet ul.product-categories li ul {
	color: #000;
	list-style: none;
}

	body.body-intranet ul.product-categories li {
		border-bottom: 2px solid #ddd;
		margin: 3px 0;
	}
	
		body.body-intranet ul.product-categories li a {
			color: #000;
			font-size: 14px;
		}
		
		body.body-intranet ul.product-categories li ul {
			
		}
	
			body.body-intranet ul.product-categories li ul li {
				padding: 2px 0 2px 10px;
				border-bottom: 1px dashed #ddd;
			}
	
				body.body-intranet ul.product-categories li ul li a {
					font-size: 12px;
				}

/*------------------------------------------------------------
	Dashboard categories (deprecated)
------------------------------------------------------------*/

div#product-categories {
	padding: 10px;
}

	div#product-categories ul {
		list-style: none;
	}
	
		div#product-categories ul li {
			float: left;
			width: 212px;
			margin: 5px;
		}
		
		div#product-categories ul li.first {
			clear: left;
		}
		
			div#product-categories ul li div.parent {
				cursor: pointer;
				cursor: hand;
				position: relative;
				margin: 0 0 10px 0;
			}
			
				a.del,
				div#product-categories ul li div.parent a.del {
					position: absolute;
					margin-left: 10px;
					width: 16px;
					height: 16px;
					background: url(http://www.frost.com.au/img/action_stop.gif);
				}
				
				a.del:hover,
				div#product-categories ul li div.parent a.del:hover {
					text-decoration: none;
				}
		
			div#product-categories ul li strong {
				
			}
		
			div#product-categories ul li ul li {
				width: 86px !important;
				margin: 3px;
				padding: 3px 5px;
				color: #666;
				border: 1px dashed #ccc;
				position: relative;
			}
			
				div#product-categories ul li ul li a.del {
					position: absolute;
					top: -5px;
					right: -5px;
					width: 16px;
					height: 16px;
					background: url(http://www.frost.com.au/img/action_stop.gif);
				}
				
				div#product-categories ul li ul li a.del:hover {
					text-decoration: none;
				}
			
			div#product-categories ul li ul li.new {
				font-size: 11px;
				color: #999;
				border: 1px dashed #eee;
			}

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

.product-block {
	float: left;
	position: relative;
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
	padding: 10px;
	width: 530px;
}

	.product-block h4.product_code {
		font-size: 13px !important;
		color: #666;
		margin: 10px 0 0 0;
	}
	
		.product-block h4.product_code a {
			color: #000;
		}
		
		.product-block h4 a {
		
		}
		
	.product-block div.p-img {
		float: left;
		width: 80px;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.product-block img {
		
	}
	
	.product-block div {
		
	}
	
	.product-block div p.longdesc {
		margin: 10px 0;
	}
	
	.product-block div p.price-from {
		margin: 0;
		font-weight: bold;
	}
	
	.product-block div p.sub-paragraph {
		margin: 0;
		font-size: 11px !important;
	}
	
	.product-block .add-to-cart {
		
	}
	
	.product-block .add-note {
		margin: 10px 0 0 0;
	}
	
	.product-block textarea {
		width: 440px;
		height: 65px;
		margin: 10px 0 0 0;
		border: 1px solid #ddd;
	}

.product-small-block {
	position: relative;
	height: 145px !important;
}

	.product-small-block .functional-corner {
		position: absolute;
		right: 10px;
	}

a.add-to-quote {
	display: block;
	padding: 0 4px;
	background: #2daacd;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

	a.add-to-quote:hover {
		text-decoration: none;
		background: #111;
	}

.product-small-block div.p-img {
	height: 80px;
	width: 80px;
}

.product-small-block .product-details {
	float: left;
	margin: 0 !important;
}

/* intranet product list */

body.body-intranet div.body-products .product-block {
	width: 195px;
	margin-right: 10px;
}

	body.body-intranet div.body-products .product-block img {
		
	}

	body.body-intranet div.body-products .product-block div {
		margin-left: 60px;
	}
	
		body.body-intranet div.body-products .product-block div h4.product_code {
			font-size: 11px !important;
			white-space: nowrap;
		}
		
		body.body-intranet div.body-products .product-block div h4.product_code,
		body.body-intranet div.body-products .product-block div h4 {
			width: 180px; /* IE */
			overflow: hidden;
		}
	
		body.body-intranet div.body-products .product-block div h4 a {
			display: block;
			font-size: 11px;
			height: 30px;
		}
		
		body.body-intranet div.body-products .product-block div p.price-from a {
			font-size: 11px;
		}

/*------------------------------------------------------------
	Products Browse
------------------------------------------------------------*/

#body-product-browse h3 span {
	color: #999;
}

#body-product-browse ul {
	list-style: none;
	color: #666;
}

div.product_categories {
	overflow: auto;

	/* next three lines are for the IE family */
	overflow-x: hidden;
	padding-bottom: expression(this.scrollWidth > this.offsetWidth ? '15px' : 'none');
	height: expression( this.scrollHeight >= 200 ? '200px' : 'auto');
	/* enjoy a better Internet experience, avoid IE! */

	max-height: 200px;
	margin: 0 0 10px 0;
}

div.product_categories li {
	float: left;
	width: 110px;
	border: 1px solid #ddd;
	height: 45px;
	margin: 0 10px 10px 0;
	padding: 5px;
	overflow: hidden;
}

/*------------------------------------------------------------
	Product Item Details
------------------------------------------------------------*/

.product-item {

}

	img.product_view {
		border: 3px solid #ccc;
	}
	
	p#remove-this-logo {
		font-size: 11px !important;
		padding: 10px 0 !important;
	}
	
/*	img.img-products {
		border: 5px solid #ddd;
		padding: 5px;
		margin: 5px;
		float: left;
	}
	
	body.body-intranet img.img-products {
		border: none;
	}*/
	
	img.img-products {
		float: left;
		border: none !important;
		margin-right: 10px;
	}
	
	.product-item div.img-container {
		float: left;
	}
	
	.product-item div.spec-container {
		float: right;
	}
	
	.product-item p.product-desc {
		margin: 20px 0;
		font-size: 14px !important;
		width: 450px;
	}
	
	.product-item div.product-spec,
	.product-item div.product-prices {
		float: left;
		margin: 10px;
		color: #666;
	}
	
	.product-item div.product-spec {
		width: 280px;
	}
	
	.product-item div.product-prices {
		width: 130px;
	}
	
		.product-item div.product-spec h4,
		.product-item div.product-prices h4 {
			margin: 0 0 5px 0;
			color: #2daacd;
			font-size: 16px;
		}
	
		.product-item div.product-spec ul,
		.product-item div.product-prices ul {
			border: 1px solid #a7e4f5;
			list-style: none outside;
		}
	
		.product-item div.product-spec ul {
		
		}
	
		.product-item div.product-prices ul {
		
		}
	
			.product-item div.product-spec ul li,
			.product-item div.product-prices ul li {
				padding: 5px 15px;
			}

/*------------------------------------------------------------
	Cart / Enquiry related
------------------------------------------------------------*/

div#flashcontent {
	margin: 35px 0 0 0;
}

div.details {
	float: left;
	width: 440px;
	padding: 0 0 0 10px;
}

.add-to-cart,
.compare-products {
	font-weight: bold;
	font-size: 14px;
	margin: 0 10px 0 0;
}

.add-to-cart {
	color: #f00;
}

.compare-products {
	color: #430042;
}

.remove-item {
	position: absolute;
	top: 5px;
	right: 5px;
}

	.remove-estimate {
		float: right;
		padding: 10px;
	}
	
		.remove-estimate a {
			color: #000;
			text-decoration: underline;
		}
		
		.remove-relative {
/*			position: relative;
			top: 0;
			margin: 0 !important;*/
		}

#total_price {
	text-align: right;
	font-weight: bold;
	font-size: 20px !important;
}

p.quantity-too-low {
	margin: 10px 0 0 0;
	font-size: 11px !important;
	color: #f00;
}

div.functional-wrapper {
	height: 30px;
	margin: 10px 0;
}

.functional-line {
	position: absolute;
	z-index: 1;
	margin: -5px;
}

	.functional-line-front {
		z-index: 9;
	}

.functional-line a {
	display: block;
	margin: 5px;
	padding: 5px 0;
	width: 150px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background: #666;
}

	.functional-line a.to_bae {
		background: #2daacd;
	}
	
	.functional-line a.to_confirm {
		background: #e66c1f;
	}
	
	.functional-line a:hover {
		background: #111;
	}

#bae-form form.form_estimate,
#bae-loading p {
	font-size: 12px;
	padding: 10px;
	position: absolute;
/*	position: fixed;*/
	background: #fff;
	z-index: 99;
	top: 50px;
/*	left: 3%;*/
	border: 8px solid #111;
/*	margin: 0 0 20px 0;*/
	width: 860px;
}
	
	form.form_estimate h3 {
		text-align: left;
		color: #666;
		margin: 0 !important;
		font-size: 18px;
	}
	
		form.form_estimate h3 span {
			color: #2daacd;
			margin: 0 !important;
		}
	
	form.form_estimate h4 {
		text-align: left;
	}
	
	form.form_estimate div.inner_block {
		float: left;
		width: 88px;
	}
	
	form.form_estimate div.primary_inner_block {
		width: 238px;
	}
	
		form.form_estimate div.inner_block .upper_block div.upper_inner_block {
			background: #eee;
			padding: 3px 5px 1px 0;
		}

	form.form_estimate .oneField span {
		color: #999;
	}

	form.form_estimate legend {
		color: #2daacd;
	}
	
		form.form_estimate legend a {
			color: #ccc;
			position: relative; /* safari */
		}
		
			form.form_estimate legend a:hover {
				text-decoration: none;
				color: #666;
			}
	
	form.form_estimate div.oneField {
		text-align: left;
		height: 20px;
	}
	
	form.form_estimate div.totalField label {
		color: #fff;
	}
	
	form.form_estimate label {
		float: left;
		width: 210px;
		text-align: right;
		margin: 0 10px 0 0;
		color: #666;
	}
	
		form.form_estimate label.legend {
			font-size: 16px;
			font-weight: bold;
			color: #2daacd;
			margin: 10px 0 5px 0;
		}
	
	form.form_estimate input {
		width: 60px;
		background: #fff;
		font-size: 11px;
		text-align: right;
		padding: 0 5px;
		z-index: 999;
	}
	
	form.form_estimate input#bae_submit {
		width: 160px;
		height: 28px;
		border: none;
		background: #2daacd;
		color: #fff;
		font-size: 13px;
		font-weight: normal;
		float: right;
		text-align: center;
	}
	
		form.form_estimate input#bae_submit:hover {
			background: #111;
		}
	
	form.form_estimate select,
	form.form_estimate option {
		font-size: 12px;
	}

	form.form_estimate fieldset {
		border: none;
	}
	
	form.form_estimate p.add-estimate,
	form.form_estimate .removeLink {
		display: block;
		margin: 15px 0;
	}
	
	form.form_estimate div.repeat,
	form.form_estimate div.removeable {
		margin: 20px 0;
		border-top: 1px solid #ccc;
	}
	
	form.form_estimate div.quote {
		padding: 10px 0;
		margin: 20px 0;
	}
	
	form.form_estimate #form_estimate_bg_bar {
		position: absolute;
		background: #666;
		height: 22px;
		width: 680px;
		left: 10px;
		bottom: 68px;
		z-index: -1;
	}
	
	form.form_estimate #deliver_form {
		margin: 20px 0 0 0;
	}
	
		form.form_estimate #deliver_form label {
			width: 128px;
			text-align: left;
			color: #2daacd;
			font-size: 13px;
			font-weight: bold;
			padding: 3px 0 0 0;
		}

#place-form form.form_place,
#place-loading p {
	font-size: 12px;
	padding: 10px !important;
/*	position: absolute;*/
	position: fixed;
	background: #fff;
	z-index: 99;
	top: 50px;
	border: 8px solid #111;
	width: 560px;
	left: 310px;
}

.productplace
{
	width: 540px;
	height: 540px;
}

div#bae-form form {
/*	position: absolute;*/
	width: 100%;
	text-align: center;
}

#bae-loading p {
	font-size: 14px;
	color: #00f;
	text-align: center;
	background: #f1f7fb;
}

#error_msg_block {
	position: absolute;
	top: 0;
	left: 250px;
	width: 400px;
	padding: 10px 0 0 0;
}

#deliver_form {
	color: #2daacd;
	font-size: 13px;
	font-weight: bold;
}

	#deliver_form .invalid {
		font-weight: normal;
		font-size: 11px;
	}

.msg_block {
	color: #f00;
	margin: 0;
	padding: 0;
}

div#warning {
	position: absolute;
	bottom: 20px;
	*left: 10px;
	background: #fdd;
	padding: 10px 20px;
	color: #f00;
	font-weight: bold;
}

div.pq-legend {
	float: right;
	margin: 20px 20px 0 0;
	font-size: 12px;
	padding: 10px 15px;
	background: #eee;
	text-align: left;
	color: #666;
}

	div.pq-legend h4 {
		color: #2daacd;
		font-size: 14px;
	}
	
	div.pq-legend ul {
		list-style: none;
	}
	
		div.pq-legend ul li {
			padding: 3px 0;
		}

div.product_decoration_selection {
	margin: 10px 0;
}

	div.product_decoration_selection input {
		margin: 0 0 5px 0;
	}

div.product_decoration {
	float: left;
	margin: 10px 0;
	padding: 3px 10px;
	background: #eee;
}

	div.product_decoration div {
		float: left;
		margin: 10px;
		z-index: 1;
	}
	
	div.product_decoration div.colours {
		width: 110px;
	}
	
		div.place-logo {
			margin: 10px 0 0 0 !important;
		}
			
			div.place-logo a.place-logo-link-secondary {
				background: #666;
			}
			
			div.place-logo a {
				padding: 3px 8px;
				background: #561956;
				color: #fff;
				white-space: nowrap;
			}
			
			div.place-logo a:hover {
				text-decoration: none;
				background: #111;
			}
	
	div.product_decoration div.decoratioin-options {
		border-left: 1px dashed #ccc;
		padding: 0 0 0 20px;
	}

	div.product_decoration select {
		font-size: 12px;
	}
	
	div.product_decoration input[type=radio] {
		width: 20px;
		border: none;
	}

.body-enquiries .product-block .sub-paragraph {
	padding: 0 0 10px 0;
	border-bottom: 1px solid #eee;
}

textarea#comment_holder {
	width: 680px;
	border: 1px solid #ccc;
}

	body.body-public textarea#comment_holder {
		width: 550px;
	}

form#review_enquiry {
	padding: 0 50px;
}

	form#review_enquiry input {
		margin: 0 20px;
	}

.unit-pricing {
	color: #666;
}

.request-details {
	margin: 0 !important;
}

	.request-details span {
		
	}
	
	.request-details span.light_title {
		color: #666;
	}
	
	.request-details span.light_info {
		color: #ccc;
		font-size: 11px;
	}
	
	.request-details a.edit_link {
		font-size: 11px;
	}

.customer-comment {
	border-bottom: 1px solid #ccc;
}

.reply-comment {
	
}

.body-public #list-details {
	float: left;
}

.body-intranet #list-details {
	float: right;
}

#list-items {
	float: left;
	width: 0;
}

.function-area {
	float: right;
	width: 300px;
}

.real-function-area {
	position: absolute;
	right: 0;
	top: 0;
}
	
	.function-area h2 {
		margin-bottom: 10px;
	}
	
	.function-area .buttons {
		position: relative;
		text-align: right;
		margin-top: -50px;
		margin-bottom: 20px;
	}

	.function-area label,
	.customer-details label {
		width: 60px;
		text-align: left;
		clear: left;
	}
	
	.function-area .customer-details input {
		padding: 3px;
		width: 210px;
	}
	
	.function-area .customer-details input#existing {
		*width: 20px;
	}
	
	.function-area .customer-details input.postcode {
		width: 60px;
	}

#save_customer {
	
}

	#save_customer #save_customer_button {
		color: #fff;
		background: #2daacd;
		padding: 2px 0;
		text-decoration: none;
		
		width: 70px;
		font-size: 11px;
		float: left;
		margin-right: 5px;
	}
	
	#save_customer #save_customer_button:hover {
		color: #fff;
		background: #111;
	}

div.bae_item_block {
	margin: 0;
}

.quantity-caption {
	float: left;
	margin: 0 !important;
	top: 15px;
}

	
	.quantity-caption label {
		float: left;
		margin: 15px 10px 0 0;
	}

.quantity-options {
	margin: 0 !important;
}

.quantity-options div {
	float: left;
	width: 100px;
	margin: 0 8px 0 0;
}

	.quantity-options div label {
		color: #ccc;
		font-size: 11px;
	}
	
	.quantity-options div input {
		width: 100px;
	}

/*------------------------------------------------------------
	Quote review
------------------------------------------------------------*/

div#quote-review {
	
}

	div#quote-review div#list-items,
	div#quote-review div#list-details {
		float: left;
	}

/*------------------------------------------------------------
	Product Add / Edit
------------------------------------------------------------*/

div#product-edit-pic {
	clear: both;
}

/*------------------------------------------------------------
	BAE table
------------------------------------------------------------*/

div#bae_table_wrapper {
	margin: 0;
}

.bae-details {
	
}
	
	.bae-details tr.total {
		background: #999;
		color: #fff !important;
	}
	
	.bae-details tr.accept {
		background: #e66c1f;
		color: #fff !important;
	}
	
	.bae-details tr.title th {
		font-weight: bold;
	}
	
	.bae-details th,
	.bae-details td {
		border-top: 1px solid #ccc;
		text-align: right;
		font-weight: normal;
	}
	
	.bae-details th {
		background: none;
		color: #000;
	}
	
	.bae-details th,
	.bae-details td {
		/*width: 55px;*/
		
		padding: 3px;
		font-size: 11px;
	}
	
	.bae-details th.caption,
	.bae-details td.caption {
		font-weight: bold;
		text-align: left;
	}
	
	.bae-details input.accept_checkbox {
		width: 30px;
	}

/*------------------------------------------------------------
	Pagination
------------------------------------------------------------*/

ul#pagination {
	list-style: none;
	margin: 10px 20px 0 0;
	float: right;
}

	ul#pagination li {
		float: left;
		margin: 0 5px;
		color: #ccc;
	}
	
	ul#pagination li span#pagination_current_page {
		font-weight: bolder;
		text-decoration: underline;
	}
	
	body ul#pagination li a { color: #666; }

/*	body.green ul#pagination li a { color: #7ea53e; }
	body.purple ul#pagination li a { color: #561956; }
	body.blue ul#pagination li a { color: #24a8dc; }
	body.orange ul#pagination li a { color: #dc6b29; }
*/

#pager {
	margin: 20px 0 0 0;
}

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

#footer {
	position: relative;
	border-top: 1px solid #444;
	margin: 20px 0 0 0;
	padding: 5px 0 15px 5px;
	font-size: 12px;
	color: #430042;
	clear: both;
}

	#footer a {
		color: #666666;
	}



/* sawks tweaks printouts */

.body-print #right-menu
{
	display: none;
}

body.body-print h4.product_name a
{
	color: #00B2EC !important;
}

.quote-printout
{
	clear: both;
	padding: 20px 0;
	display: none;
}

.quote-comment {
	display: block;
}