/**
 *	Brisbane Motor Imports
 *  Base Screen Styles
 *	
 *	@author:	Nathan Crowe <http://natz-doh.com>
 *	@date:		14/06/2008	
 *
 *	Table of Contents:
 *		01. layout
 *		02. typography
 *		03. lists/typography/links
 *		04. images
 *		05. tables
 *		06. forms
 *		07. business catalyst overrides
 *
 */
html,body {
	background:					#474749;
	height:						100%;
}

body {
	color:						#444444;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					62.5%;
	background:					url(../images/bg-wrapper.jpg) 50% 0 no-repeat;
}

body.home {
	background:					url(../images/bg-wrapper.jpg) 50% 0 no-repeat;
}

/** layout
------------------------------------------------------------------ */
div#wrapper {
	background:					url(../images/bg-wrapper.jpg) 50% 0 no-repeat;
	min-height:					100%;
}

div#container {
	margin:						0 auto;
	width:						960px;
}

div#header {
	height:						116px;
}

div#brand {
	float:						left;
	width:						700px;
}

div#search {
	background:					url(../images/bg-search.png) no-repeat;
	float:						right;
	height:						40px;
	margin:						40px 10px 0 0;
	width:						234px;
}

div#welcome {
	position:					absolute;
	top:						230px;
	left:						50%;
	margin-left:				-80px;
	z-index:					10;
	width:						400px;
	color:						#898989;
}

div#welcome-new {
	position:					absolute;
	top:						215px;
	left:						50%;
	margin-left:				-65px;
	z-index:					10;
	width:						515px;
	color:						#898989;
	font-size:					12px;
	line-height:				22px;
}

div#welcome-new a {
	color:						#0e88f4;
}


div#news {
	position:					absolute;
	top:						530px;
	left:						50%;
	margin-left:				-460px;
	z-index:					11;
	width:						400px;
}

div#navigation {
	background:					url(../images/bg-navigation.jpg) no-repeat;
	height:						40px;
}

div#content {

}

div#content-index {
	margin:						0 auto;
	height:						434px;
	clear:						both;
}

div#content-header {
	background:					url(../images/bg-content-header.jpg) right top no-repeat;
	border-right:				1px solid #313131;
	border-left:				1px solid #313131;
	height:						64px;
	padding:					24px 0 0 28px;	
}

div#content-inner {
	background:					#fff url(../images/bg-content-inner.gif) repeat-y;
	/*min-height:					500px;
	height:						auto !important;
	height:						500px;*/
	overflow:					hidden;
	width:						960px;
}

div#content-main {
	float:						left;
	width:						737px;
}

div#content-main-inner {
	padding:					21px 1.65em 0 28px;	
}

div#content-side {
	margin-left:				737px;
}

div#sub-content {
	background:					url(../images/bg-sub-content-new.png) no-repeat;
	height:						131px;
}

div#footer {
	line-height:				110%;
	padding:					13px 7px 23px 7px;
}
div#search-res {
border-bottom: 1px solid #E9E9E9; 
padding: 16px 0 0px 0;
}

div#search-res p {
margin: 0; 
padding: 0;
}

div#twofold {
text-align: right; 
width: 160px;
float:right;
}

div#base {
	margin: 0 auto;
	margin-top:20px;
	width: 960px;
	font-size: 12px;
	line-height:22px;
}

div#base a {
	color:#0e88f4;
}

div#base h1 {
	font-size: 17px;
	text-transform:uppercase;
	line-height:22px;
	color:	#CCC;
	letter-spacing:1px;
}

div#base h3 {
	font-size: 17px;
	text-transform:uppercase;
	line-height:22px;
	color:	#CCC;
	letter-spacing:1px;
}

div#base-left {
	float:left;
	width:620px;
}
div#base-right {
	float:right;
	text-align:right;
	width:280px;
}

/** typography
------------------------------------------------------------------ */
em {
	font-style:					italic;
}

small {
	font-size:					10px;
}

span {
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					inherit !important;
	line-height:				inherit !important;
}

strong {
	font-weight:				bold;
}

div#content-header h2 {
	color:						#fff;
	font-size:					15px;
	text-transform:				uppercase;
}

div#welcome p {
	font-size:					1.1em;
	line-height:				165%;
}

div#news p {
	font-size:					1.1em;
	line-height:				165%;
    color:					    #898989;
}

div#news a {
	color:				        #bdbdbd;
	text-decoration:		    none;
}

div#news a:hover {
	color:						#FFFFFF;
	text-decoration:			none;
}

div#content-main {
	font-size:					1.1em;
	line-height:				165%;
}

div#content-main p {
	margin-bottom:				1.65em;
}

div#content-main p.sifr-sfx {
	color:						#010101;
	font-size:					15px;
}

div#content-main-inner .productcode {
	color:					#b0b0b0;
}

div#content-main-inner .prodhead {
	color:					#b0b0b0;
}

div#sub-content ol {
	
}

div#sub-content ol li {
	float:						left;
	width:						320px;
}

div#sub-content ol li h5 {
	color:						#181818;
	font-size:					15px;
	margin:						28px 0 1em 28px;
}

div#sub-content ol li p {
	color:						#777;
	margin-left:				28px;
}

/** other **/
input,select,textarea {
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					11px;
}

form#search-form input#search-query {
	background:					transparent;
	border:						0;
	color:						#d8d8d8;
	float:						left;
	font-size:					10px;
	height:						14px;
	margin:						10px 0 0 20px;
	padding:					5px 5px 0 5px;
	width:						173px;
}

form#search-query input#search-button {
	float:						left;
}

/** lists/typography/links
------------------------------------------------------------------ */
div#brand h1 {
	padding:					26px 0 0 13px;
}
div#brand h1 a,
div#brand h1 a:link {
	background:					url(../images/logo-phone.gif) no-repeat;
	display:					block;
	height:						72px;
	text-indent:				-9999px;
	width:						490px;
}

div#content-header div#breadcrumbs a,
div#content-header div#breadcrumbs a:link {
	color:						#5d5d5d;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					10px;
	text-decoration:			none;	
}
div#content-header div#breadcrumbs a:hover {
	color:						#818181;
}

div#content-header ul {
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					10px;
	color:						#5d5d5d;
}

div#content-header ul li {
	background:					url(../images/icons/icon-arrow-2c2c2c.gif) 0 50% no-repeat;
	float:						left;
	padding:					0 12px;
}

div#content-header ul li.root {
	background:					none;
	padding-left:				0;
}

div#content-header ul li.active {
	padding-right:				0;
}

div#content-header ul li a,
div#content-header ul li a:link {
	color:						#5d5d5d;
	text-decoration:			none;
}

div#content-main ul {
	line-height:				24px;
	margin-bottom:				1.65em;
}

div#content-main ul li {
	background:					url(../images/icons/icon-circle-arrow.gif) 17px 4px no-repeat;
	padding-left:				43px;
}

div#content-main ul ul {
	margin-bottom:				0;
}

div#content-main ul ul li {
	background:					url(../images/icons/icon-arrow-1f1f1f.gif) 0 9px no-repeat;
	padding-left:				9px;
}

div#content-main h1  {
	color: #000;
	font-size: 14px;
}

div#content-main-inner h5 {
background:					url(../images/icons/icon-arrow-down.gif) 0 0 no-repeat;
padding: 4px 0 4px 35px;
}

div#content-main a,
div#content-main a:link {
	color:						#078dfd;
	text-decoration:			none;
}

div#content-main a:hover {
	color:						#0066be;
}

div#content-side ul {
	background:					url(../images/bg-navigation-side.gif) left bottom no-repeat;
	border-top:					1px solid #e1e1e1;
	font-size:					10px;
	line-height:				240%;
	padding:					0 1px 1px 1px;
	width:						197px;
}

div#content-side ul li {
	background:					url(../images/dotted-line-ccc.gif) left bottom repeat-x;
}
div#content-side ul li.last {
	background-image:			none;
}

div#content-side ul li a,
div#content-side ul li a:link {
	background:					url(../images/icons/icon-arrow-1f1f1f.gif) 0 50% no-repeat;
	color:						#7c7c7c;
	margin-left:				11px;
	padding-left:				12px;
	text-decoration:			none;
}

div#sub-content ol {
	
}

div#sub-content ol li {
	float:						left;
	width:						320px;
}

div#sub-content ol li h5 {
	color:						#181818;
	font-size:					15px;
	margin:						28px 0 1em 28px;
}

div#sub-content ol li p {
	color:						#777;
	font-size:					1.1em;
	line-height:				165%;
	margin-left:				28px;
}

div#footer ul {
	font-family:				Tahoma, Arial, Helvetica, sans-serif;
}

div#footer ul li {
	border-right:				1px solid #919191;
	color:						#bcbcbc;
	float:						left;
	padding:					0 11px;
}

div#footer ul li.first {
	padding-left:				0;
}

div#footer ul li.last {
	border:						0;
	padding-right:				0;
}

div#footer ul li span {
	color:						#fff;
}

div#footer ul li a,
div#footer ul li a:link {
	color:						#bcbcbc;
	text-decoration:			none;
}
/** images
------------------------------------------------------------------ */
img.float-right {
	float:						right;
}
img.float-left {
	float:						left;
}
/** tables
------------------------------------------------------------------ */
/** forms
------------------------------------------------------------------ */
input,select,textarea {
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					11px;
}

form#search-form input#search-query {
	background:					transparent;
	border:						0;
	color:						#d8d8d8;
	float:						left;
	font-size:					10px;
	height:						14px;
	margin:						10px 0 0 20px;
	padding:					5px 5px 0 5px;
	width:						173px;
}

form#search-query input#search-button {
	float:						left;
}

/** business catalyst overrides
------------------------------------------------------------------ */
body.products div.shop-main {
	margin-top:					0;
}

table.cartSummaryTable {
	font-size:					inherit !important;
}

table.catalogueTable {
	width:						auto;
}
body.products table.catalogueTable {
	display:					none;
}

table.catalogueTable tr {
	display:					block;
}

table.catalogueTable tr td {
}

table.catalogueTable div.shop-catalogue {
	background-color:			#f6f6f6;
	border:						1px solid #d7d7d7;
	float:						none;
	height:						auto;
	margin:						9px;
	overflow:					none;
	width:						auto;
}

table.catalogueTable div.shop-catalogue div.image {
	display:					block;
	height:						auto;
	line-height:				0;
	padding:					4px;
	margin:						0;
	overflow:					none;
}

table.productTable {
	border-bottom:				1px solid #dadada;
	border-collapse:			collapse;
}
body.catalogues table.productTable {
	display:					none;
}

table.productTable tbody tr td.productItem {
	padding:					0;
}

table.productTable tbody tr td.productItem table {
	border:						1px solid #dadada;
	border-bottom:				0;
	border-collapse:			collapse;
	width:						100%;
}

table.productTable tbody tr td.productItem table tbody tr {
}

table.productTable tbody tr td.productItem table tbody tr td {
	border-right:				1px solid #dadada;
	padding:					7px;
	vertical-align:				middle;
}

table.productTable tbody tr td.productItem table tbody tr td span {
	color:						#a5a5a5;
}

table.productTable tbody tr td.productItem table tbody tr td.image {
	padding-top:				10px;
	padding-bottom:				4px;
	text-align:					center;
	width:						10%;
}
table.productTable tbody tr td.productItem table tbody tr td.image img {
	background-color:			#ebebeb;
	border:						1px solid #cfcfcf;
	padding:					2px;
}
table.productTable tbody tr td.productItem table tbody tr td.description {
	width:						55%;
}
table.productTable tbody tr td.productItem table tbody tr td.model {
	width:						20%;
}
table.productTable tbody tr td.productItem table tbody tr td.price {
	border-right:				0;
	text-align:					center;
	width:						15%;
}