/*************************************
websiteondemand.com.au
 owned bu OLALA.COM.AU(tm)
***************************************/

/*****************
 BASIC LAYOUT 
*****************/

* {
	margin:0;
	padding:0;
}
body {
	margin: 0; padding: 0;
	font-family: Verdena, sans-serif;
	line-height: 2em;	
	font-size: 12px;
	letter-spacing:0.1px;
	/* background-color:#C2BDBD; */
	background:#000000;
}
div {
   font-size: 1em;
}
img {
   border: 0;
}
ul li,
ol li{
	list-style:inside;
	line-height:normal;
}


p {
   font-size: 1em;
   margin: 0 0 1.5em 0; /* some air around p elements */
   line-height: 1.4em;
   padding: 0;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
strong, b {
   font-weight: bold;
}
em, i {
   font-style:italic;
}



/* Separating the divs on the template explanation page, with some bottom-border */
div.templatecode {
  margin: 0 0 2.5em;
}
h1 {
   font-size:24px;
   margin:9px 0px;
   color: #333300;
}

.green{
color: #333300;
}
h2 {
   font-size:18px;
   color: #990000;
   margin:7px 0px; 
}
h3 {
   font-size: 14px;
   color: #333300;
   margin-bottom:5px;
}
h4 {
   font-size: 13px;
   margin:4px 0px;
   color:#333300; 
}
h5 {
   font-size: 12px;
   margin:3px 0px;
   color:#333333;
   font-weight:bold; 
}
h6 {
   font-size: 14px;
   text-align:center;
   color:#000000;
   font-weight:bold; 
   line-height: 1em;
   margin-bottom:10px;
}

a,
a:link, 
a:active {
   color: #FFFFFF;
   text-decoration: none;
   font-weight: bold;
}
a:visited {
   color: #FFFFFF;
   text-decoration: none;
   font-weight: bold;
}
a:hover {
   color: #FFFFFF;
   text-decoration: underline;
   font-weight:bold;
}

a.olalaTT span{
	display:none;
	padding:2px 3px;
	margin-left:8px;
	margin-right:130px;
}
a.olalaTT:hover span{
	position:absolute;
	background:#FFFFFF;
	border:1px solid #cccccc;
	color:#999999;
}

.normal{
	font-weight:normal;
	text-transform:none;
}
.red, .error_message, error {
	color:#FF0000;
}
.white{
	color:#FFFFFF;
	
}
/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   padding: 1em;
   border-bottom: 1px dotted black;
   margin: 1em;
}

/* form elements */
form {
	margin:0px; padding: 0px;
}
label {
	display:block;
	margin:5px 0;
}
input{
	padding: 2px;
	border:1px solid #CCCCCC;
	font: normal 1em Verdana, sans-serif;
	color:#333;
}
select{
	padding: 2px;
	border:1px solid #CCCCCC;
	font: normal 1em Verdana, sans-serif;
	color:#333;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #CCC;
	height:100px;
	display:block;
	color:#333;
}
input.button { 
	margin: 0; 
	font: bolder 12px Arial, Sans-serif; 
	border: 1px solid #CCC; 
	padding: 1px; 
	background: #FFF;
	color: #CC0000;
}

/************************
TEMPLATE SPECIFIC LAYOUT
************************/
div#siteNavUp {
	float:left; 
	width:100%; 

}
div#pagewrapper {
   margin: 0 auto;     
   width: 979px;
   color: #000;
   
}
div#header {
    float:left;
	/* background:url(uploads/cordwheel/logo_ruslyn.jpg) top center no-repeat; */
	background:url(uploads/cordwheel/cord_wheel_header.jpg) top center no-repeat; 
	margin: 0px;
	height: 157px; 
    width:979px;
}
div#header .L1{
	float:left;
	width:824px;
	height:28px;
	margin-top:129px;
}
div#header .L1 ul{
	margin:0px;
	padding:0px;
}

div#header .L1 ul li{
	list-style:inside;
	list-style-type:none;
}
div#header .movNav{
	float:right;
	width:145px;
	height:155px;
	margin-top:0px;
	border:1px solid #CCCCCC;
}

/*div.searchNav{
	float:left;
	width:400px;
	height:33px;
	margin-top:5px;
	margin-left:20px;
	background:url(uploads/swiftproduct1/search_bg.jpg) top left no-repeat;
}
div.searchNav form{
	margin-top:3px;
	margin-left:3px;
	padding:0px;
}
div.searchNav input{
	border:none;
	background-color:#FFFFFF;
	width:120px;
	font-size:11px;
}
div.searchNav .fsubmit{
	border:none;
	background-color:#3ffffff;
	color:#4171A0;
	margin-left:5px;
	cursor:pointer;
	padding:1px 3px;
	width:auto;
	font-weight:bold;
}*/
div#header .L2{
	float:left;
	width:1000px;
	height:47px;
	margin-top:25px;
}
div#header .L2 .logoNav{
	float:right;
	width:250px;
	height:45px;
	margin-top:0px;
	margin-right:30px;
	cursor:pointer;
}

div#header .L3{
	float:left;
	width:1000px;
	height:24px;
	margin-top:24px;
}
div.menu{
	float:left;
	width:800px;
	margin-left:20px;
	margin-top:0px;
}
div.menu img{
	float:left;
	border:none;
}
div.menu .menuOpt{
	float:left;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	color:#FFFFFF;
	margin:0px 20px;
}
div.menu .menuOpt a{
	color:#FFFFFF;
	text-decoration:none;
}
div#contentwarpper {
    float:left;
	background:url(uploads/cordwheel/bg_body.jpg)  top repeat-y;
   	margin: 0px;  
    width:979px;
}
div#content {
    float:left;
   	margin: 0px;  
    width:979px;
}
div#content_dist{
	float:left;
	width:28px;
	height: 550px;
}
div#main {
	float: left;
	width: 940px;
	margin:15px 0px;
	color:#333;
	overflow:hidden;
	margin-bottom:40px;
}

div#content_dist1{
	float:left;
	width:8px;
	height: 550px;
}
div#main1 {
	float: left;
	width: 960px;
	margin:15px 0px;
	color:#333;
	overflow:hidden;
	margin-bottom:40px;
}
.main_backToArticleTopNav{
	float:left;
	width:960px;
	height:auto;
	border-bottom:1px solid #A05050;
}
.main_backToArticleBottomNav{
	float:left;
	width:960px;
	height:auto;
	border-top:1px solid #A05050;
}
.main_backToArticleTopNav a,
.main_backToArticleBottomNav a{
	color:#663399;
	font-weight:normal;
	letter-spacing:1px;
	font-size:14px;
	margin-left:10px;
}

/* Article Begin*/
.articl1Nav{
	float:left;
	margin-left:7px;
	width:948px;
	height:628px;
	background:url(uploads/images/Articles/Article%20Images/article%20ISDEF%20oct2009.gif) top left no-repeat;
}
.articl1LeftNav{
	float:left;
	margin-left:15px;
	margin-top:214px;
	width:307px;
	height:385px;
}
.articl1RightNav{
	float:left;
	margin-left:2px;
	margin-top:184px;
	width:310px;
	height:353px;
}

.articl2Nav{
	float:left;
	margin-left:5px;
	width:948px;
	height:auto;
	background:#FFFFFF;
}
.articl2txt{
	float:left;
	margin-left:20px;
	width:928px;
}
.articl2txt p ul{
	margin-left:17px;
}
.articl2txt p ul li{
	list-style-position:inside;
}

/* Article End*/

/*.mainTxt{
	float:left;
	width:auto;
}
.mainLeft{
float:left;
width:auto;
margin-left:10px;
border: 1px red solid;
}*/
.mainRight{
	float:right;
	margin-top:5px;
	width:190px;
	height:auto;
}

.mainRight a:link{
color:#663366;
}
.red{
	font-size:13px;
	color: #990000;
	text-align:center;
	font-weight:bold;
}
.boxWraper{
	float:left;
	margin-left:2px;
}

.home{
	float:left;
	width:874px;
	margin-left:25px;
	height:158px;
	background-color:#666633;
}

.homeBox{
	float:left;
	width: 170px;
	height:150px; 
	margin:4px 2px 4px 2px;
}
.homeBoxText{
	text-align:center;
	height:25px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#666633;
	width:170px;
}
.homeBoxImg{
	width:170px;
	height:125px;
}

.wraper{
	float:left;
	width:auto;
	margin-left:15px;
	margin-bottom:10px;
}

.cel{
	float:left;
	width:300px;
	height:auto;
	margin-top:20px;
	text-align:center;
}

.celUp{
float:left;
width:240px;
margin-bottom:20px;
}

.hline{
float:left;
margin-top:10px;
margin-bottom:10px;
width:748px;
height:1px;
}


.productCel{
float:right;
width:441px;
}
.linkInPage a{
color:#663399;
font-weight:normal;
}
.linkInPage ul{
margin-left:20px;
}
.table{
float:left;
width:420px;
height:auto;
border:1px solid #666666;
margin-left:50px;
}
.tableCol{
float:left;
width:420px;
border-bottom:1px solid;
}

.tableLeft{
float:left;
width:265px;
height:auto;
border:1px inset;
border-right:1px solid #666666;
padding:3px;
}
.tableRight{
float:left;
width:139px;
height:auto;
text-align:right;
border:1px inset;
padding:3px;
}
.bigHalf{
float:left;
width:465px;
margin:10px 2px;
text-align:center;
}
.bigWrap{
float:left;
width:940px;
height:auto;
}
.bigWrap a{
color:#6600CC;
}
.fourCol{
float:left;
width:190px;
margin-left:10px;
}
.bigTable{
float:left;
width:936px;
height:auto;
border:1px solid #666666;
}
.bigCol{
float:left;
width:936px;
border-bottom:1px solid;
}
.halfLeft{
float:left;
width:460px;
height:auto;
border:1px inset;
border-right:1px solid #666666;
padding:10px 3px;
}
.halfRight{
float:left;
width:460px;
height:auto;
border:1px inset;
padding:10px 3px;
}
.row{
float:left;
width:779px;
height:auto;
margin-left:200px;
margin-bottom:20px;
}
.redItalic{
	font-size:13px;
	color: #990000;
	font-style:italic;
	font-weight:bold;
}
.tableRightAV{
float:left;
width:50px;
height:auto;
text-align:right;
border:1px inset;
}
.tableLeftAV{
float:left;
width:366px;
height:auto;
border:1px inset;
border-right:1px solid #666666;
}
.tableAV{
float:left;
width:420px;
height:auto;
border:1px solid #666666;
margin:11px 20px;
}


/*.contactbutton{
float:right;
margin-right:100px;
margin-top:50px;
}*/
/*
.mainBcMiddle {
	float: left;
	width: 780px;
	margin-left:5px;
	overflow:hidden;
}
.mainBcRight {
	float: left;
	width: 280px;
	margin-left:14px;
	overflow:hidden;
}
*/
div#siteNavDown {
	float:left; 
	width:100%;
}
div#footerwarpper {
	margin:0px auto;
	width:979px;
}
div#footer {
	float:left;
	background-color:#171714;
	color:#6e6e69;
	height:auto;
	border-top:1px solid #444444;
	margin: 0;
}
div#footer a{
	color:#6e6e69;
	padding:0px 10px;
	text-decoration:none;
}
div#footer a:hover{
	text-decoration:underline;
}

.footer_L1{
	float:left;
	width:979px;
	margin-top:0px;
	height:auto;
    color:#6e6e69;
	text-align:left;
}
#footer .footer_L2{
	border-top:1px solid #333;
	padding-top:4px;
	width:979px;
	margin-right:5px;
	float:right;
	text-align:right;
    color:#6e6e69;
	font-size:12px;
	letter-spacing:1px;
}
#footer .footer_L2 a{
	background: url(http://olala.com.au/olaladirector/images/olala.png) center left no-repeat;
	color:#666666;
	display: inline-block;
	line-height: 16px;
	padding-left: 20px;
	text-decoration: none;
}
#footer .footer_L2 a:hover{
	color:#ffffff;
	text-decoration:none;
}

.footer_L3{
	margin-top:0px;
	text-align:center;
	float:left;
	width:979px;
	height:auto;
	letter-spacing:1px;
    color:#6e6e69;
}
.footer_L4{
	margin-top:20px;
	float:left;
	width:163px;
	height:auto;
	letter-spacing:1px;
    color:#6e6e69;
}


/********************
PAGE SPECIFIC STYLING
*********************/

/*CONTACT */
.contactWarp {
	width:690px; 
	float:left;
	margin-left:5px;
	
}
.contactLeft{
	float: left; 
	width: 280px;
	
	
	
}
.contactRight{
	float: left; 
	width: 370px;
	margin-left:20px;
	margin-bottom:10px;
	
}
.contactWarp input{
	width:350px;
	border:1px inset #CCCCCC;
}
.contactWarp select{
	width:auto;
	border:1px inset #CCCCCC;
}
.contactWarp textarea{
	width:350px;
	height:100px;
	border:1px inset #CCCCCC;
	background:#FFFFFF;
}

.contactWarp .checkbox{
	width:10px;
	float:left;
	margin-right:10px;
	margin-top:5px;
	border:1px inset #CCCCCC;
}
.contactWarp .submit .fbsubmit{
	width:auto;
	cursor:pointer;
	margin-top:10px;
	border:1px outset #333333;
	background-color:#CCC;
	color:#000;
	padding:2px 7px;
	letter-spacing:1px;
}
.captcha {
	border: none;
	margin-top:10px;
}
.captchaInput{
border: none;
	margin-top:5px;
}

/*sitemap */
.sitemap {
	margin:15px;
}

.sitemap li{
	list-style:inside;
	margin-bottom:3px;
}

.left{
	float:left;
}
.rightLink{
	float:left;
	margin-left:30px;
	font-size:15px;
}
.rightLink a{
	color:#663399;
	font-weight:normal;
}

.articleofinterest{
}
.articleofinterest p{
	margin:0px;
	padding:0px;
	margin-bottom:7px;
}

.news{
}
.news p{
	margin:0px;
	padding:7px;
}

.news ul{
	margin:0px;
	padding:0px;
}
.news ul li{
	margin:0px;
	padding:0px;
}
.olalaToolTip{
	color:#0000FF;
}

/* Home 29Nov10 */
.homeColLeft{
	float: left; width: 430px; height: auto; margin-right: 15px;
}
.homeColRight{
	 float: left; width: 485px; height:auto;
}
h1.homeColH1{
	margin-left:0px;
}
h1.homeColH1 span{
 font-size: 16px;
}
.homeColLeft img, .homeColRight p img{
	float: left; margin-left: 0px; margin-right: 10px;
}
.redPN{
	color:#FF0000; font-weight:bold; letter-spacing:0.5px;
}
.homeP{
	line-height:1.2em; font-size:13px; font-weight:bolder;
}
.mainRight1{
	float:right;
	margin-top:5px;
	width:190px;
	height:auto;
	margin-left:10px;
}
h1 span{
	font-size:18px;
}

/* Home 12Dec10 */
.homeColLeft_1{
	float: left; 
	width: 440px; 
	height: auto; 
	margin-right: 5px;
}
.homeColLeft_1 ul li{
	margin-top: 7px;
}
.homeColMid_1{
	float:left;
	width:15px;
	height:380px;
}
.homeColRight_1{
	 float: left; 
	 width: 465px; 
	 height:auto;
	 margin-left:5px;
}
h1.homeColH1_1{
	margin-left:0px;
}
h1.homeColH1_1 span{
 font-size: 16px;
}
.homeColLeft_1 img, .homeColRight_1 p img{
	float: left; margin-left: 0px; margin-right: 10px;
}
.redPN_1{
	color:#FF0000; font-weight:bold; letter-spacing:0.5px;
}
.homeP_1{
	line-height:1.2em; font-size:13px; font-weight:bolder; margin-bottom:2px;
}
.mainRight1_1{
	float:right;
	margin-top:5px;
	width:190px;
	height:auto;
	margin-left:10px;
}


/* mini */
.minicBLeft{
	float:left; width:370px; border-bottom:1px solid #999999;
}
.minicBright{
	float:left; width:270px; border-bottom:1px solid #999999;
}
.minicM{
	width: 940px; float: left; border-bottom: 1px solid #990000; margin-bottom:10px;
}

.pr_Ar1{
	float: left; width: 370px; font-size: 14px; font-weight: bolder; margin-top: 15px;
}
.pr_Ar2{
	float: left; width: 920px; margin: 20px 0px;
}
.pr_Ar2_1{
	float: left; width: 300px; margin-right: 2px; text-align: center;
}
.pr_Ar3{
	float: left; width: 920px; margin: 10px 0px;
}
.pr_Ar4{
	float: left; width: 330px; text-align: left; 
}
.pr_Ar4_h{
	color:#333; font-size:20px;
}
.pr_Ar5{
	float: left; width: 370px; margin-left: 0px; text-align: left; 
}
.pr_Ar6{
float: left; width: 210px; margin-left: 0px; text-align: left; 
}
.pr_Ar6_h{
	text-align:center;
	color:#333333;
}	


/* defence 21Jan11 */
.row_def{
float:left;
width:940px;
height:auto;
margin-left:0px;
margin-bottom:20px;
margin-top:10px;
}
.table_defLWrap{
float:left;
width:420px;
height:auto;
margin-right:20px;
}
.table_defL{
float:left;
width:420px;
height:auto;
border:1px solid #666666;
margin-right:20px;
margin-bottom:20px;
}
.table_defLWrap h2{
text-align:center;
}

.table_defRWrap{
float:left;
width:480px;
height:auto;
margin-right:20px;
}
.table_defRWrap p{
margin-left:10px;
}
.table_defR{
float:right;
width:480px;
height:auto;
margin-right:-15px;
border:2px solid #666666;
margin-bottom:20px;
}
.table_defRWrap h2{
text-align:center;
}
.table_defR a img{
	margin-left:170px;
	border:none;
}
.table_defR p{
	margin:10px 10px 0px 10px;
}
.table_defR p a{
color:#663399;
font-weight:normal;
}
.footer_tracking{
	position:fixed; bottom:0px; right:0px;
}