/************************************************\
 ******************** STYLE ********************
\************************************************/

/*	Created: 26 Mar 2010 & 1.00pm
 *	Author: Matthew Holmes <www.ivt.com.au>
*/


/*	RESET - DO NOT REMOVE OR MODIFY
 *	----------------------------------------------
*/

	*
	{
		margin: 0;
		padding: 0;
	}

	form,
	fieldset,
	img
	{
		border: 0;
	}
		
	/* tables still need 'cellspacing="0"' in the markup */
	table 
	{
		border-collapse: collapse;
		border-spacing: 0;
	}
		
	blockquote, q 
	{
		quotes: none;
	}
		
	q:before, q:after, blockquote:before, blockquote:after 
	{
		content: "";
	}
		
	/* remember to define focus styles! */
	:focus 
	{
		outline: 0;
	}
		
	legend 
	{
		display: none;
	}
		
	hr 
	{
		height: 1px;
		border: 1px solid #CCC;
	}
		
	/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
	.clearfix:after 
	{
		clear: both;
		content: ' ';
		display: block;
		font-size: 0;
		line-height: 0;
		visibility: hidden;
		width: 0;
		height: 0;
	}

	.clearfix 
	{
		display: inline-block;
	}

	* html .clearfix 
	{
		height: 1%;
	}

	.clearfix 
	{
		display: block;
	}

	
	
/*	TYPOGRAPHY
 *	----------------------------------------------
*/

	body
	{
		color: #777;
		font: normal 0.6886em/1.5em 'Trebuchet MS',Helvetica,sans-serif;
		padding: 0 2em;
		/* for more information on font stacks please visit - http://articles.sitepoint.com/article/eight-definitive-font-stacks */
		/* for more information on css typeset please visit - http://www.jan-quickels.de/tools-web-typography/ */
	}
	
	html>body
	{
		font-size: 11px;
	}
	
	
	/* --- links */
	
	a
	{
		color: rgb(252,80,0)!important;
		text-decoration: none;
	}

	a:hover
	{
		color: #1351a0;
		font-size: inherit;
	}

	/* --- paragraph */
	
	p
	{
		margin: 1.5em 0;
		font-size: 1em;
		line-height: 1.5em;
	}

	ul
	{
		margin: 0 0 0 2em;
	}
	ul
	{
		margin: 0 0 0 2em;
		list-style-image: url(images/greenarrow-small.gif);
	}
	
	
	/* --- headings */

	.recordDetail h1 {
		color: rgb(13,13,13)!important; 
	}
	
	h1
	{
		margin: 0.825em 0;
		font-size: 1.8182em;
		line-height: 0.825em;
		color: rgb(13,13,13);
	}
	
	h2 
	{ 
		margin: 0.9167em 0; 
		font-size: 1.6364em; 
		line-height: 0.9167em;
		color: rgb(13,13,13)!important; 
	}
	
	h3 
	{ 
		margin: 1.0313em 0; 
		font-size: 1.4545em; 
		line-height: 1.0313em; 
		color: rgb(13,13,13)!important;
	}
	
	h4 
	{ 
		margin: 1.1786em 0; 
		font-size: 1.2727em; 
		line-height: 1.1786em; 
		color: rgb(13,13,13)!important;
	}
	
	h5 
	{ 
		margin: 1.375em 0; 
		font-size: 1.0909em; 
		line-height: 1.375em; 
		color: rgb(13,13,13);
	}
	
	h6 
	{ 
		margin: 1.65em 0; 
		font-size: 0.9091em; 
		line-height: 1.65em; 
		color: rgb(13,13,13);
	}


	h1.statement
	{
		margin: 0 0 1em;
		color: #3b73b9;
		font-size: 22px;
		font-family: 'ProximaNovaRg';
		font-weight: normal;
		line-height: 1.3em;
	}
	h1.statement em
	{
		color: #41c4dd;
		font-weight: bold;
		font-family: 'ProximaNovaLt';
	}


	@font-face 
	{
		font-family: 'ProximaNovaSemiboldItalic';
		src: url('proximanova-semibolditalic-webfont.eot');
		src: local('Proxima Nova'), local('ProximaNova-SemiboldIt'), url('proximanova-semibolditalic-webfont.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
	
	@font-face 
	{
		font-family: 'ProximaNovaSemibold';
		src: url('proximanova-semibold-webfont.eot');
		src: local('Proxima Nova'), local('ProximaNova-Semibold'), url('proximanova-semibold-webfont.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
	
	@font-face 
	{
		font-family: 'ProximaNovaRegularItalic';
		src: url('proximanova-regularitalic-webfont.eot');
		src: local('Proxima Nova'), local('ProximaNova-RegularIt'), url('proximanova-regularitalic-webfont.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
	
	@font-face 
	{
		font-family: 'ProximaNovaRegular';
		src: url('proximanova-regular-webfont.eot');
		src: local('Proxima Nova'), local('ProximaNova-Regular'), url('proximanova-regular-webfont.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}


/*	FORMS
 *	----------------------------------------------
*/

	/* 3. Forms
----------------------------------------------*/

form ol,
form ul
{
	margin: 0;
	padding: 0;
}

form ol li
{
	list-style: none;
	margin: 0;
	padding: 0;
}

input
{
	color: #777;
	font-size: 11px;
}

textarea
{
	color: #777;
	font-size: 11px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
}

/* --- Inputs + Text Areas */

input,
input.sbTextInputOff,
input.sbTextInputOn,
input.input_smaller_off,
input.input_smaller_on,
input.input_small_off,
input.input_small_on,
input.input_medium_off,
input.input_medium_on,
input.input_large_off,
input.input_large_on,
textarea.textarea_small_off,
textarea.textarea_small_on,
textarea.textarea_medium_off,
textarea.textarea_medium_on,
textarea.textarea_large_off,
textarea.textarea_large_on
{
	padding: 3px;
	border: 1px solid #ddd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

input.input_small_off,
input.input_small_on
{
	width: 200px;
}

input.sbTextInputMedium,
input.input_medium_off,
input.input_medium_on
{
	width: 250px;
}

input.input_large_off,
input.input_large_on
{
	width: 350px;
}

textarea.textarea_small_off,
textarea.textarea_small_on
{
	width: 350px;
	height: 80px;
}

textarea.textarea_medium_off,
textarea.textarea_medium_on
{
	width: 350px;
	height: 150px;
}

textarea.textarea_large_off,
textarea.textarea_large_on
{
	width: 350px;
	height: 300px;
}

table#form_info_buttons
{
	width: 360px !important;
}/* 4. Module Specific Styles
----------------------------------------------*/

/* Display in alphabetical order */

/* --- Contacts + Regisration */

#info_form table font,
form.signup_form table font
{
	color: inherit;
}

form#signup_form legend,
form#passwordForm legend,
#info_form .receive_email legend
{
	display: none;
}

span.form form label,
form.signup_form label,
form#info_form label,
form#passwordForm label,
form#forgotten_username_form label,
form#signup_form label,
form#update-form label,
div#password_form form th
{
	text-align: left;
	display: block;
	margin: 3px 0;
}

#info_form span input,
form.signup_form table font input,
#info_form table font label input,
.receive_email span
{
	margin: 0 3px;
}

#info_form fieldset img
{
	margin: 0 0 5px 0;
}

form#signup_form fieldset
{
	border: 0 !important;
}

form.signup_form table .select_large_off,
form.signup_form table .select_large_on
{
	width: 200px;
}

form.signup_form .receive_email label span
{
	margin: 0 5px;
}

div#password_form form td
{
	display: block;
}

p#forgotenPassword
{
	margin: 1em 0;
}

form#signup_form ol,
form#update-form ol,
form#forgotten_username_form ol,
form#passwordForm ol,
.signup_form
{
	margin: 15px 0;
}

.signup_form th
{
	font-weight: normal;
	text-align: left;
	padding: 0 5px 0 0;
}

.signup_form td
{
	padding: 3px 0;
}

.signup_form td input
{
	margin: 0 3px 0 0;
}

#signup_form iframe,
.signup_form iframe,
#update-form iframe
{
	width: 370px;
}
/* --- Products */
table.products_list_table,
table.products_category_table
{
	width: 100%;
}

table.products_category_table
{
	text-align: center;
}

table.products_category_table img
{
	margin: 0 auto;
}

table.products_list_table td
{
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}

table.products_list_table h2
{
	margin: 0;
}

table.products_list_table table td
{
	padding: 0;
	border: 0;
}

table.products_list_table table td.extras
{
	padding: 20px 10px;
}

#product-info
{
	float: right;
	width: 240px;
}

#price
{
	margin: 0 0 15px;
	padding: 15px;
	border: 1px solid #ddd;
}

#sublogo h1 {
	color: rgb(13,13,13);
}

.price
{
	color: #f60;
	font-size: 16px;
	font-weight: bold;
}

.price.special
{
	color: #f00;
	font-size: 22px;
}

.noshow_inc_gst,
#options_price .hide
{
	color: #777;
	font-size: 11px;
}

.noshow_inc_gst
{
	display: block;
}

.buy_field
{
	display: none;
}

.buy_button,
.button,
#viewProduct a
{
	display: inline-block;
	padding: 3px 10px;
	margin: 10px 0 0;
	border: 0;
	background: #F7941E;
	color: #fff !important;
	font-size: 13px !important;
	text-align: center;
	cursor: pointer;
}

.buy_button:hover,
.button:hover,
#viewProduct a:hover,
#large-popup-button:hover
{
	text-decoration: none;
	background: #f5ab13;
	color: #fff;
}

.buy_button,
#storeButton a,
#viewProduct a
{
	width: 80px;
}

#product-image
{
	float: left;
	width: 400px;
}

#product-detail img.imageLeft
{
	margin: 0 25px 0 0 !important;
}

#large-popup-button
{
	float: left;
	clear: both;
	width: auto;
	margin: 0;
	padding: 3px 30px 3px 10px;
	border: 0;
	color: #fff !important;
	font-size: 13px !important;
	text-align: center;
	cursor: pointer;
	background: #F7941E url(images/open-close-icon.png) 94% 8px no-repeat;
}

#large-popup-button:hover
{
	background: #f5ab13 url(images/open-close-icon.png) 94% 8px no-repeat;
}

#large-popup-button a
{
	color: #fff;
	text-decoration: none;
}

.line
{
	border-bottom: 1px solid #ddd;
}

.selectOption
{
	margin: 10px 0 0;
}/* --- Registration */
form#signup_form legend,
form#passwordForm legend
{
	display: none;
}

form#signup_form fieldset
{
	border: 0 !important;
}

form.signup_form table .select_large_off,
form.signup_form table .select_large_on
{
	width: 200px;
}

form#info_form label,
form#passwordForm label,
span.form form label,
form#signup_form label,
form.signup_form label
{
	display: block;
	margin: 3px 0;
}

form.signup_form table font
{
	color: inherit !important;
}

form.signup_form table font input
{
	margin: 0 3px;
}

form.signup_form .receive_email label span
{
	margin: 0 5px;
}

form#passwordForm button,
form#signup_form button.signup_button
{
	padding: 3px 10px;
	margin: 5px 0;
	border: 0;
	background: #F7941E;
	color: #fff !important;
	font-size: 13px !important;
	text-align: center;
	cursor: pointer;
}

form#passwordForm button:hover,
form#signup_form button.signup_button:hover
{
	text-decoration: none;
	background: #f5ab13;
	color: #fff;
}

div#password_form form th
{
	display: block;
	text-align: left;
	margin: 3px 0;
}

div#password_form form td
{
	display: block;
}

p#forgotenPassword
{
	margin: 1em 0;
}

/* --- Search */
div.search_form input.mainsearch
{
	width: 350px;
	padding: 5px 5px 5px 25px;
	border: 1px solid #ddd;
	background: url(images/mag-glass.png) 6px 6px no-repeat;
	color: #777;
	font-size: 11px;
}
div.search_form .sections label
{
	display: block;
	margin: 0.4em 0;
}
div.search_form .section_spacing
{
	width: 130px;
	display: inline-block;
}
div.search_form .section_spacing input
{
	margin: 0.3em 0.3em 0.3em 0;
}
div.search_form form div
{
	text-align: left;
}
div.search_form form div table
{
	margin-bottom: 1em;
}

div.search_form button
{
	padding: 3px 10px 4px;
	margin: 0;
	border: 0;
	background: #F7941E;
	color: #fff;
	font-size: 13px;
	text-align: center;
	cursor: pointer;
}

div.search_form button:hover
{
	background: #f5ab13;
	color: #fff;
}

div.search_form legend,
div.search_form label
{
	display: none;
}

ul.search_list,
ul.search_list li
{
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.search_list li
{
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}

ul.search_list li p
{
	margin: 0;
	padding: 0;
}

ul.search_list li a
{
	display: inline-block;
	padding: 0 0 10px;
	font-size: 1.4em;
	font-weight: bold;
}

p.search_pages
{
	float: right;
	margin: 10px 0;
}

strong.search_highlight
{
	color: #F7941E;
	font-style: italic;
}

ul.search_list li a strong.search_highlight
{
	color: #F7941E;
	font-style: normal;
}

/* --- Shopping Cart */

input.button
{
	padding: 3px 10px;
	border: 0;
	background: #F7941E;
	color: #fff;
	font-size: 13px;
	text-align: center;
	cursor: pointer;
}

input.button:hover
{
	background: #f5ab13;
	color: #fff;
}

table.cart_table,
table.text
{
	width: 100%;
	border-width: 1px;
 border-spacing:;
	border-style: solid;
	border-color: #ccc;
	border-collapse: collapse;
	background-color: white;
}

table.cart_table th,
table.text th
{
	color: #777 !important;
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: #ccc;
	background-color: white;
	font-size: 12px;
	text-align: left;
}

table.cart_table td,
table.text td
{
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: #ccc;
	background-color: white;
	font-size: 12px;
}

.fieldset_title,
.order_details_header
{
	color: #F7941E;
	font-size: 1.3em;
	line-height: 1.2em;
	font-weight: bold;
	margin: 1.1em 0;
}

.form th
{
	font-weight: normal;
	text-align: left;
}

.form td
{
	padding: 3px;
}

div.form label
{
	display: inline;
	float: none;
}

div.form label input.checkbox
{
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
}

input.continue_shopping
{
	margin: 0 5px 0 0;
}

.plain
{
	margin: 20px 0 0 0;
}

ul.miniCart
{
	border: none !important;
	background: none !important;
}

ul.miniCart li a
{
	background: #3b74ba url(images/bg-nav.gif) left center no-repeat;
	padding-right: 0;
}

ul.miniCart li li a
{
	width: 162px;
	padding: 3px 25px 3px 22px;
	background: url(images/bg-nav-arrow.gif) 10px 7px no-repeat;
	border: none;
	color: #777;
	font-weight: normal;
	font-size: 11px;
	text-shadow: none;
}

ul.miniCart li a#myCartTitle
{
	padding-right: 0 !important;
	background: url(images/bg-grey.gif) scroll left center no-repeat !important;
}

/* .order_details_table th
{
	text-align: right;
	font-weight: bold;
}

.order_details_table th,
.order_details_table td
{
	padding: 3px 5px 3px 3px !important;
}

.plain td
{
	padding: 3px 2.5px !important;
}

*/

#addressdetails_div th
{
	text-align: left;
	font-weight: bold;
}
input.button.editDetails
{
	float: left;
}
input.button.step1,
input.button.step2,
input.button.step3,
input.button.step4
{
	float: right;
}
.orderssection .form fieldset
{
	border: 1px solid #407ABA;
}
.orderssection .form legend
{
	display: block;
	color: #407ABA;
}


/* --- Site Map */
ul.sitemap_level1,
ul.sitemap_level1 ul
{
	padding: 0 0 0 20px !important;
}

ul.sitemap_level1 li
{
	list-style: disc;
}

ul.sitemap_level1 li a
{
	font-size: 12px;
}

ul.sitemap_level2 li
{
	padding: 0 !important;
}

ul.sitemap_level2 li a
{
	font-size: 11px;
}

ul.sitemap_level2 ul li a
{
	font-size: 10px;
}

ul.sitemap_level2 ul
{
	margin: 8px 0 !important;
}

ul.sitemap_level2 ul li
{
	margin: 0 !important;
}

ul.sitemap_level2
{
	margin: 10px 0 !important;
}

/* 5. Errors
----------------------------------------------*/

div.sbError
{
	display: inline-block;
	width: auto !important;
	margin: 0 0 1em;
	padding: 8px 10px 8px 35px;
	border: 1px solid #ffacad;
	background: #ffd5d5 url(images/alert-icon.gif) 10px 50% no-repeat;
	color: #d23755;
}

/* 
   cart vouchers important message 
   note do not remove !important or it will revert to old styling
*/

div.messageBox
{
	display: inline-block;
	width: auto !important;
	margin: 0 0 1em !important;
	padding: 8px 10px !important;
	border: 1px solid #ffacad !important;
	background-color: #ffd5d5 !important;
	color: #d23755 !important;
}

div.messageBoxShade
{
	border: none !important;
	padding: 0 !important;
	font-size: 12px !important;
}

div.messageBoxShade ul,
div.messageBoxShade ul li
{
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
}


.form, .form_disabled {
	font-weight: normal;
	border: 1px solid #DDDDDD;
	padding: 2px;
}

.form td, .form_disabled td {
	text-align: left;	
	padding: 0px;
	height: 25px;
	padding-left: 2px;
	padding-right: 2px;
}

.form th, .form_disabled th {
	background-color: #DDDDDD;
	text-align: left;
	padding: 2px;
	height: 25px;
	padding-left: 4px;
	padding-right: 4px;
}

.form th {
	color: #01266d; 
}

.form_disabled th {
	color: #AAAAAA; 
}

.form thead {
	background-color: #DDDDDD;
	text-align: center;
}


.form_textinput_on { 
	border: 1px #01266d solid; 
}

.form_textinput_off {
	border: 1px #DDDDDD solid;
}

.form hr {
	border: 1px #DDDDDD solid;
}


.list {
	font-weight: normal;
}

.list td {
	border: 1px solid #DDDDDD;
	padding: 2px;
	height: 26px;
}

.list th {
	border: 1px solid #fff;
	color: #FFFFFF;
	background: url(images/grad-navmain.gif) repeat-x scroll 0 0 transparent;
	text-align: center;
	padding: 2px;
	height: 26px;
}

.list_header_row, .list_row_off, .list_row_on, .list_row_over
{
	font-weight: normal;
}

.list_header_row
{
	background-color: #DDDDDD;
	text-align: center;
	height: 26px;
}

.list_header_row th
{
	padding: 2px 4px 2px 4px;
}
		
.list_row_off, .list_row_on, .list_row_over
{
	padding-left: 2px;
	cursor: pointer;
	height: 26px;
}

.list_row_off td, .list_row_on td, .list_row_over td
{
	padding-left: 4px;
	padding-right: 4px;
	border: 1px solid #DDDDDD;
}
		
.list_row_off
{
	background-color: #EEEEEE;
	cursor: pointer;
}

.list_row_on
{
	background-color: #CCCCCC;
}
		
.list_row_over
{
	background: #DDDDDD;
}

.plain {
	font-size: 14px; 
	font-weight: normal;
}

.plain td {
	border: 0px solid #FFFFFF;
	padding: 2px;
	height: 26px;
	background-color: #FFFFFF;
}

.plain th {
	border: 0px;
	padding: 2px;
	height: 26px;
	background-color: #FFFFFF;
}

.plain a
{
	border: 0px solid;
}

.order_note_list_title {
	border: 0px solid #AAAAAA;	
}

.order_note_list_title td {
	font-weight: bold; 
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px; 
	border: 0px solid;
	text-align: left;
}

.order_note_list_status_button {
	background: transparent; 
	border: 0px solid;
	width: 20px;
	height: 20px;		
}

.order_note_list {
}

.order_note_list th, .order_note_list td {
	border: 1px solid #DDDDDD;
	padding-left: 4px;
	padding-right: 4px;
}

.order_note_title, .order_email_template_title {
	font-weight: bold; 
	line-height: 1; 
	text-align: center; 
	border: 1px #AAAAAA solid; 
	padding-top: 4px; 
	padding-right: 4px; 
	padding-bottom: 4px; 
	padding-left: 3px; 	
	background-color: #DDDDDD;
}

.order_note_form {
	background: #FFFFFF;
	position: absolute;
	z-index: 2000;
	width: 96%;
	visibility: hidden;
	border: 2px #AAAAAA outset;
	padding: 4px;
}

.order_note_stand_alone, .order_email_template, .datawarehouse_schema, .colour_sample_stand_alone {
	background: #FFFFFF;
	position: absolute;
	z-index: 2000;
	border: 2px #AAAAAA outset;
	padding: 4px;
}

.order_note_stand_alone {
	width: 780px;
	height: 400px;
}