/* style */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
}

body {
	color: #000000;
	font-family: "Lucida Grande", Arial, sans-serif;
	line-height: 1.2;
	margin-top: 10px;
	
}

body#bd {
	color: #515756;
	background: #FFFFFF;
	background: #fff url(../images/background.gif) repeat-y 50% 0;}



body.fs1 {font-size: 10px;}
body.fs2 {font-size: 12px;}
body.fs3 {font-size: 13px;}
body.fs4 {font-size: 14px;}
body.fs5 {font-size: 15px;}
body.fs6 {font-size: 16px;}

/* Normal link */
a {
	color: #2C79B3;
	text-decoration: none;
}


a:hover, a:active, a:focus {
	color: #2C79B3;
	text-decoration: underline;
}

a img {
	border: none;
}



/* Small text */
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption,
p.site-slogan, a.readon, #ja-pathway, #ja-headlinewrap, #ja-col1, #ja-col2, #ja-botsl, #footer {
	font-size: 92%;
}

small, .small {
	color: #858783;
}

img {
	margin: 0;
	padding: 0;
}

img.caption {
	margin-top: 15px;
}



/* HEADINGS */

h1{
	margin: 0px 0px 0px 10px;
	font-weight:bold;
	clear:both;
	color:#cc3333;
	font-family:arial;
	padding:0px;
	font-size:190%;
}



h2{
	font-weight:bold;
	letter-spacing: -1px;
	color: #000099;
	font-family:arial;
	font-size:165%;
	padding: 11px 0px 11px 17px;
	margin-top: 15px;
	margin-bottom: 5px;
	background: url(http://www.tyretraders.com.au/images/tyre_icon.gif) no-repeat 0% 50%;
	}



h3 {font-size: 120%;
	font-weight:bold;
	letter-spacing: 1px;
	color: #003366;
	font-family:arial;
	font-size:120%;
}

h4 {font-weight:bold;
	letter-spacing: 1px;
	color: #666666;
	font-family:arial;
	font-size:110%;
	padding-top: 10px;}

h5 {
	font-weight:bold;
	letter-spacing: -1px;
	color: #666666;
	font-family:arial;
	font-size:85%;
	padding-top: 10px;
}


h7{
	font-weight:bold;
	letter-spacing: -1px;
	color: #000000;
	font-family:arial;
	font-size:140%;
	padding-top: 10px;
	padding-left: 30px;
	background: url(images/tyre_icon_header.gif) no-repeat 0% 50%;
}




pre, blockquote, ul, ol, h1, h4, h5, h6 {
	margin: 10px 0;
	padding: 0;
}

ul {
 	margin-left: 20px;
	list-style-image: url(../images/arrow.gif);
}

ul li {
	list-style-image: url(../images/arrow.gif);
}

ol li {
	line-height: 180%;
	margin-left: 35px;
}

th {
	font-weight: bold;
	padding: 5px;
	text-align: left;
}

fieldset {
	border: none;
	padding: 10px 5px;
}

fieldset a {
	font-weight: bold;
}

fieldset.input {
	padding: 0;
}

hr {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top: 1px dashed #cccccc;
	height: 1px;
}

td, div {
	font-size: 100%;
}





/* MAIN LAYOUT DIVS
--------------------------------------------------------- */

div#container {background:white; width:950px; margin: 0 auto; }	


.narrow #ja-wrapper {
	width: 750px;
}

#ja-header,
#ja-mainnav,
#ja-subnav,
#ja-pathway,
#ja-container,
#ja-topsl,
#ja-botsl,
#footer {
	clear: both;
}

#ja-container {
	border-top: 1px solid #E7E8E6;
	border-bottom: 1px solid #E7E8E6;
	background: url(../../new_test/images/main-bg1.gif) repeat-y left;
}

.narrow #ja-container {
	background: url(../../new_test/images/main-bg1-n.gif) repeat-y left;
}

#ja-container2 {
	border-bottom: 1px solid #E7E8E6;
	background: url(../../new_test/images/main-bg2.gif) repeat-y right;
}

.narrow #ja-container2 {
	background: url(../../new_test/images/main-bg2-n.gif) repeat-y right;
}

#ja-mainbody {
	width: 80%;
	float: right;
}

/* PRIMARY COLUMN
--------------------------------------------------------- */

#breadcrumbs{
	float: left;
	height: 24px;
	width: 400px;
	margin-top: 10px;
}


/* MAIN CONTENT */	

#leftcontentsml{ 
	float:left;
	width:500px; 
	font-size:120%;
	text-align:left; 
	line-height: 1.5em;
	margin-top: 18px; 
	margin-bottom: 8px; 
}
	
	
#leftcontentlrg950{
	float:centre;
	width:949px; 
	height: 600px;
	font-size:120%;
	text-align:left; 
	line-height: 1.5em;
	margin-top: 18px; 
	margin-bottom: 8px; 
}	
	
#leftcontentlrg{
	float:left;
	width:690px; 
	font-size:120%;
	text-align:left; 
	line-height: 1.5em;
	margin-top: 18px; 
	margin-bottom: 8px; 
}
	
#fadeshow{
	float:left;
	width:690px; 
	font-size:120%;
	text-align:left; 
	line-height: 1.5em;
	margin-top: 5px; 
	margin-bottom: 5px; 
}
	
#content2{
	float: left;
	width: 300px;
	font-size:120%;
	text-align:left; 
	line-height: 1.5em;
	margin-top: 11px;
}


#contentsml{
	float: left;
	width: 220px;
	font-size:120%;
	text-align:left;
	margin-right: 5px;
	margin-left: 5px; 
	line-height: 1.5em;
	margin-top: 11px;
	border: .08em solid #828484;
}

#rightcontentsml{
	float: right;
	width: 200px;
	font-family: arial; 
	font-size:120%;
	text-align:left; 
	line-height: 1.5em;
	margin-top: 18px;
	margin-right: 12px;
	background: #ffffff; 
}

#signupform {
	float: left;
	width: 180px;
	font-family: arial; 
	font-size: 9px;
	padding: 10px;
	margin-top: 10px;
	margin-right: 12px;
	background: #ffffff; 
}

#poll {
	float: right;
	width: 180px;
	font-family: arial; 
	font-size: 9px;
	padding: 10px;
	margin-top: 2px;
	margin-right: 4px;
	background: #ffffff; 
}

#tyrecontentleft{
	float:left;
	width:600px; 
	font-size:112%;
	text-align:left; 
	line-height: 1.5em;
	margin-top: 18px;
	margin-bottom: 8px; 
}



#tyrecontentright {
	float: right;
	width: 100px;
	font-family: arial; 
	font-size: 9px;
	margin-top: 110px;
	margin-right: 12px;
	background: #ffffff; 
}


#sidebar {
	float: right;
	overflow: hidden;
	width: 220px;
	color: #626A69;
	margin-top: 7px;
	background: #F0F0F0;
}




/* 4 BOX FEATURE */

#fourbox1 {
	float: left;
	width: 320px;
	font-size:112%;
	text-align:left; 
	line-height: 16px;
	padding: 10px;
	margin-top: 10px; 
	margin-right: 10px;
	margin-bottom: 5px; 
	background: #ffffff;
	border: .08em solid #828484;
}

#fourbox2 {
	float: left;
	width: 320px;
	font-size:112%;
	text-align:left;
	line-height: 16px;
	padding: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	background: #ffffff;
}


#fourbox3 {
	float: left;
	width: 220px;
	font-size:112%;
	text-align:left;
	line-height: 16px;
	padding: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left:0px;
	background: #ffffff;
}



	text-align:left; 
	line-height: 1.5em;
	margin-top: 18px; 
	margin-bottom: 8px;





#tyrecatalogue {
	float: left;
	width: 150px;
	font-size:112%;
	text-align:left; 
	line-height: 16px;
	margin-top: 10px; 
	margin-right: 15px;
	margin-bottom: 5px; 
	background: #ffffff;
	border: .08em solid #828484;
}






/* MODULE
--------------------------------------------------------- */
div.moduletable h3,
div.moduletable_menu h3,
div.moduletable_text h3,
div.moduletable_hilite h3 {
	font-size: 120%;
	margin: 0 -10px 5px;
	padding: 5px 10px;
	background: url(../images/grad3.gif) repeat-x bottom #FFFFFF;
	border-bottom: 1px solid #E7E8E6;
	color: #FFFFFF;
}
div.moduletable_hilitegreen h3 {
	font-size: 120%;
	margin: 0 -10px 5px;
	padding: 5px 10px;
	background: url(../images/grad3.gif) repeat-x bottom #FFFFFF;
	border-bottom: 1px solid #E7E8E6;
	color: #FFFFFF;
}

div.moduletable,
div.moduletable_menu,
div.moduletable_text,
div.moduletable_hilite {
	margin: 0;
	padding: 0 10px 10px;
}
div.moduletable_hilitegreen {
	margin: 0;
	padding: 0 10px 10px;
}

#ja-botsl div.moduletable,
#ja-botsl div.moduletable_menu,
#ja-botsl div.moduletable_text {
	border-bottom: none;
}

/* mis */
div.banneritem_text {
	padding: 5px 0 !important;
}

div.advs {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

div.moduletable ul,
div.moduletable_text ul,
div.moduletable_menu ul,
div.moduletable_hilte ul {
	margin: 0;
	padding: 0;
}

div.moduletable li,
div.moduletable_text li,
div.moduletable_menu li,
div.moduletable_hilite li {
	background: url(../../new_test/images/bullet.gif) no-repeat 5px 8px;
	margin: 0;
	padding-left: 16px;
}
div.moduletable_hilitegreen li {
	background: url(../../new_test/images/bullet.gif) no-repeat 5px 8px;
	margin: 0;
	padding-left: 16px;
}

/* Hilite */
div.moduletable_hilite h3 {
	background: url(../images/grad2.gif) repeat-x bottom #FFFFFF;
}
div.moduletable_hilitegreen h3 {
	background: url(../images/grad2-2old.gif) repeat-x bottom #FFFFFF;
}

/* HEADER
--------------------------------------------------------- */
#header {
	height: 100px;
	line-height: normal;
	margin-top: 14px;
	

}
	
	[if IE 6]>
#header {
	height: 104px;
	line-height: normal;
	margin-top: 0px;
}

<![endif]




#header a {
}

h1.logo, h1.logo-text {
	margin: 0;
	padding: 0;
	font-size: 200%;
}

h1.logo a {
	width: 435px;
	display: block;
	position: absolute;
	height: 80px;
	top: 0px;
	bottom: 10px;
	left: 0;
}

h1.logo a span {
	position: absolute;
	top: -1000px;
}

h1.logo-text a {
	text-decoration: none;
	outline: none;
	position: absolute;
	bottom: 35px;
	left: 15px;
}

p.site-slogan {
	margin: 0;
	padding: 0;
	color: #858783;
	position: absolute;
	bottom: 20px;
	left: 15px;
}






/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnavwrap {
	background: url(../images/shadow.gif) repeat-x bottom;
	height: 37px;
	position: relative;
	margin-top: 0px;
	z-index: 999;
}

#ja-mainnav {
	background: url(../images/grad2.gif) repeat-x top #2C79B3;
	height: 32px;
}

#ja-mainnav a, #ja-subnav a {
	outline: none;
}

#ja-subnav {
	display: block;
	font-size: 92%;
	border-bottom: 1px solid #E7E8E6;
	height: 28px;
}

#ja-subnav ul {
	margin: 0;
	padding: 0;
}

#ja-subnav li {
	background: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#ja-subnav li a {
	display: block;
	float: left;
	padding: 0 15px;
	line-height: 28px;
	background: url(..images/vline.gif) no-repeat center left;
}

#ja-subnav li.active a,
#ja-subnav li.active a:hover,
#ja-subnav li.active a:active,
#ja-subnav li.active a:focus {
	font-weight: bold;
	/* color: #FE7A28; */
	color: #FE7A28
	
}

#ja-subnav li a.first-item {
	background: none;
}




/* Default Joomla! Menu */
ul.menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.menu li {
	background: none;
	margin: 0;
	padding: 0;
}

ul.menu li a {
	display: block;
	outline: none;
	padding: 6px 4px;
	color: #626A69;
	border-bottom: 1px solid #E7E8E6;
	background: url(../images/arrow.png) no-repeat 97% center;
}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
	color: #2C79B3;
	background: url(../images/arrow2.png) no-repeat 97% center;
}

ul.menu li.active a {
	color: #2C79B3;
	font-weight: bold;
}

ul.menu li ul {
	list-style: none;
	margin: 0;
	padding: 10;
}

ul.menu li li a {
	background: url(../images/bullet.gif) no-repeat 10px 13px  !important;
	border: none;
	font-weight: normal !important;
	padding-left: 20px !important;
	width: 75%; /*need for ie6 transparent*/
}

ul.menu li li a:hover,
ul.menu li li a:active,
ul.menu li li a:focus {
	background: none;
}



/* SPOTLIGHT
--------------------------------------------------------- */
/* Spotlight Box Style */
.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
	float: left;
	overflow: hidden;
}

.ja-box-left, .ja-box-center {
	background: url(../../new_test/images/vline2.gif) repeat-y top right;
}

/* Top spotlight */
#ja-topsl {
	height: 240px;
	margin: 0 0 10px;
	overflow:hidden;
	width:98%;
}

* html #ja-topsl { /*IE 6*/
	margin: 0 1px 10px !important;
}

*+html #ja-topsl { /*IE 6*/
	margin: 0 1px 10px !important;
}




/* FOOTER
--------------------------------------------------------- */

#footer {
	height: 300px;
	width: 100%;
	background: #003842 url(../images/footer_bkg.jpg) repeat-x 0 top;
	position: relative;
	margin-bottom: 10px;
}

.footer a {
	color: #FFFF00
}

[if IE 6]>
#footer {
	height: 600px;
	width: 100%;
	background: #003842 url(../images/footer_bkg.jpg) repeat-x 0 top;
	position: relative;
	margin-bottom: 10px;
}
<![endif]

#footercontainer {
	width: 920px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 5px;
	position: relative;
	
}

.footercontainer a {
	color: #FFFF00
}



.footercontainer p {
	color: #fff;
	font-size: 16px;
	text-align:center
}


.footercolumn {
	width: 500px;
	float: left;
	display: inline;
	padding: 15px;
}

.footercolumn p {
	margin-left: 7px;
	margin-right: 12px;
	margin-bottom: 30px;
	color: #fff;
	font-size: 10px;
}

.footercolumn a {
	color: #FFFF00
}

.footercolumn2 {
	width: 400px;
	float: right;
	padding: 10px;

}

.footercolumn2 p {
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
}

.footercolumn2 a {
	color: #FFFF00
}



/* MISCELLANOUS
----------------------------------------------------------- */
ul.accessibility {
	position: absolute;
	top: -100%;
}

/* Search */
#search {
	bottom: -30px;
	right: 10px;
	float: right;
	position: absolute;
	font-size: 11px;

}




#ja-search .inputbox {
	padding: 2px 0 2px 22px;
	background: url(../../new_test/css/images/icon-search.gif) no-repeat 5px center #FFFFFF;
	border: 1px solid #E7E8E6;
}

/*