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

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


/*	RESET - DO NOT REMOVE OR MODIFY
 *	----------------------------------------------
*/
	html
	{
		overflow: -moz-scrollbars-vertical;
		overflow-x: auto;
	}

	*
	{
		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;
		/* 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: #5292cf;
		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 */
	
	h1
	{
		margin: 0.825em 0;
		font-size: 1.8182em;
		line-height: 0.825em;
		color: #99ba21;
	}
	
	h2 
	{ 
		margin: 0.9167em 0; 
		font-size: 1.6364em; 
		line-height: 1.2em;
		color: #99ba21; 
	}
	
	h3 
	{ 
		margin: 1.0313em 0; 
		font-size: 1.4545em; 
		line-height: 1.0313em; 
		color: #99ba21;
	}
	
	h4 
	{ 
		margin: 1.1786em 0; 
		font-size: 1.2727em; 
		line-height: 1.1786em; 
		color: #99ba21;
	}
	
	h5 
	{ 
		margin: 1.375em 0; 
		font-size: 1.0909em; 
		line-height: 1.375em; 
		color: #99ba21;
	}
	
	h6 
	{ 
		margin: 1.65em 0; 
		font-size: 0.9091em; 
		line-height: 1.65em; 
		color: #99ba21;
	}


	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;
}

input[type="radio"],
input[type="checkbox"]
{
	border: 0;
	padding: 0;
}

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;
}

/* text inputs */

input.sbTextInputOff,  input.sbTextInputOn
{
	padding: 5px;
	border: 1px solid #ddd;
	color: #666666;
	font-size: 12px;
}

input.sbTextInputOn
{
	border: 1px solid #999;
}

input.sbTextInputTiny, select.sbSelectTiny
{
	width: 40px;
}

input.sbTextInputSmall, select.sbSelectSmall
{
	width: 100px;
}

input.sbTextInputMedium, select.sbSelectMedium
{
	width: 200px;
}

input.sbTextInputLarge, select.sbSelectLarge
{
	width: 350px;
}

input.sbTextInputFull
{
	width: 98%;
}

/* textareas */

textarea.sbTextAreaOff,  textarea.sbTextAreaOn
{
	width: 450px;
	padding: 5px;
	border: 1px solid #ddd;
	color: #666666;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

textarea.sbTextAreaOn
{
	border: 1px solid #999;
}

textarea.sbTextAreaSmall
{
	height: 80px;
}

textarea.sbTextAreaMedium
{
	height: 160px;
}

textarea.sbTextAreaLarge
{
	height: 240px;
}

textarea.sbTextAreaXLarge
{
	height: 340px;
	width: 450px;
}

li.sbRadioGroupHorizontal,  li.sbCheckboxGroupHorizontal
{
	float: left;
	margin: 0 20px 0 0;
}

select.sbSelect
{
	width: 200px;
}

form.sbForm ol li
{
	list-style: none;
}

.sbFormButtons
{
	width: 462px;
}

.sbFormButtonsLeft
{
	float: left;
}

.sbFormButtonsRight
{
	float: right;
}

.sbButton
{
	
}

.sbButton:hover
{
	
}

.sbButtonOff
{
	
}

.sbButtonOff:hover
{

}

.sbSecurityImage
{
	display: block;
	margin: 0 0 10px
}

.sbFormErrors
{
	color: #cf1847;
	background: #e5c9d2;
	border: 1px solid #cf1847;
	padding: 5px;
	display: none;
}

.error
{
	color: #cf1847;
}



/* 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;
}

.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;
}

button,
.button,
.buy_button,
.sbButton,
#viewProduct a,
input.submit
{
	display: inline-block;
	padding: 2px 10px;
	margin: 10px 0 0;
	border: 0;
	background: rgb(252,80,0);
	color: #fff !important;
	font-size: 13px !important;
	text-align: center;
	cursor: pointer;
}

button:hover,
.button:hover,
.buy_button:hover,
.sbButton:hover,
#viewProduct a:hover,
input.submit:hover,
#large-popup-button:hover
{
	text-decoration: none;
	background: #5292cf;
	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: 2px 30px 2px 10px;
	border: 0;
	color: #fff !important;
	font-size: 13px !important;
	text-align: center;
	cursor: pointer;
	background: rgb(252,80,0) url(images/open-close-icon.png) 94% 8px no-repeat;
}

#large-popup-button:hover
{
	background: #5292cf 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: 2px 10px;
	margin: 5px 0;
	border: 0;
	background: rgb(252,80,0);
	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: #5292cf;
	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: 2px 10px 4px;
	margin: 0;
	border: 0;
	background: rgb(252,80,0);
	color: #fff;
	font-size: 13px;
	text-align: center;
	cursor: pointer;
}

div.search_form button:hover
{
	background: #5292cf;
	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: rgb(252,80,0);
	font-style: italic;
}

ul.search_list li a strong.search_highlight
{
	color: rgb(252,80,0);
	font-style: normal;
}

/* --- Shopping Cart */

input.button
{
	padding: 2px 10px;
	border: 0;
	background: rgb(252,80,0);
	color: #fff;
	font-size: 13px;
	text-align: center;
	cursor: pointer;
}

input.button:hover
{
	background: #5292cf;
	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: rgb(252,80,0);
	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: 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;
}

/* --- dealer profiles */

.profileList
{
	padding-bottom: 10px;
}
#dealerprofiledivs
{
	background: #eee;
	width: 948px;
}
.dealerprofilediv1
{
	float: left;
	padding: 0 10px;
	width: 280px;
	min-height: 300px;
}
.dealerprofilediv1 ul li
{
	list-style: disc;
}
.dealerprofilediv1 ul li:hover
{
	color: #99BA21;
}
.dealerprofilediv1 input
{
	border: 0;
}
.dealerprofilediv2
{
	float: right;
}
.profileListTitle
{
	padding: 1px 10px 1px 10px;
	background-color: #DDDDDD;
}

.profileListContainer
{
	background-color: #EEEEEE;
}

.profileMap
{
	width: 400px;
	height: 300px;	
}
#profileMapAddress
{
	position: relative;
}
#mapoverlay1
{
	position:absolute;
	display: block;
	width: 52px;
	height: 52px;
	background: url(images/white45-corner12.png);
	top: 0;
	right: 0;
	z-index: 98;
}
#mapoverlay2
{
	position:relative;
	display: block;
	width: 178px;
	height: 30px;
	bottom: 29px;
	padding: 6px;
	background: #fff;
	z-index: 98;
}
div.gmnoprint
{
	right: 50px!important;
}

.profileListTableDiv
{
	width: 231px;
	height: 300px;
	overflow-y: auto;
	padding-left: 10px;
	padding-right: 4px;
}

.profileListTable th,
.profileListTable td
{
	height: 24px;
}

.profileListTable th
{
	text-align: left;
	border-bottom: 1px solid #999;
}

.profileListExistingRow td
{
	background-color: #DDDDDD;
}

.profileSingleFieldDiv
{
	padding-left: 5px;
	padding-bottom: 5px;
}

div.profileTitle
{
	display: block;
	text-transform: uppercase;
	width: 960px;
	color: #99BA21;
	font-size: 1.8182em;
	line-height: 0.825em;
}

.profileMapOverlayButton
{
	width: 80px;
	font-size: 10px;
	margin: 0 6px 0 0;
}
#profileProfile
{
	float: left;
	width: 400px;
}
.profileImage
{
	float: right;
	margin: 2em 1em;
}