/*************************************
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;
	color: #333;
	letter-spacing:0.1px;
	/* background-color:#C2BDBD; */
	background:#F3F1F1 url(uploads/swiftproduct1/make-up_swiftproduct1_r2_c2.jpg) top left repeat-x;
}
div {
   font-size: 1em;
}
img {
   border: 0;
}
ul li,
ol li{
	list-style:inside;
}
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: 20px;
   margin:9px 0px;
   color:#333333; 
}
h2 {
   font-size: 16px;
   margin:7px 0px;
   color:#333333; 
}
h3 {
   font-size: 14px;
   margin:5px 0px;
   color:#333333; 
}
h4 {
   font-size: 13px;
   margin:4px 0px;
   color:#333333; 
}
h5 {
   font-size: 12px;
   margin:3px 0px;
   color:#333333;
   font-weight:bold; 
}

a,
a:link, 
a:active {
   text-decoration: none;
   background-color: inherit; 
   color:#0080C0;
}
a:visited {
	text-decoration: none;
	background-color: inherit;
	color:#003366;
}
a:hover {
   text-decoration: none;
   color:#001E3C;
}
.normal{
	font-weight:normal;
	text-transform:none;
}
.red, .error_message {
	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: 1008px;
   color: #333;
}
div#header {
    float:left;
	background: url(uploads/swiftproduct1/make-up_swiftproduct1_r2_c4.jpg) top center no-repeat;
	margin: 0px;  
	height: 149px; 
    width:1008px;
	
}
div#header .L1{
	float:left;
	width:1000px;
	height:19px;
	margin-top:2px;
}
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;
}
.search_rez{
	margin-left:10px;
	border-left:1px solid #EFEFEF;
	float:left;
	width:auto;
}
.search_rez h3{
	margin-left:10px;
}

.search_rez ul{
	margin:10px;
}
.search_rez ul li{
	list-style-type:none;
	background-color:#F8F8F8;
	border-bottom:1px solid #CCCCCC;
	margin:4px 0px;
	padding:2px 7px;
}
.search_rez ul li span{
	font-size:11px;
	color:#990000;
}
.search_rez .taken{
	float:left;
	color:#666666;
	font-size:11px;
	margin:10px;
}

div#header .L2{
	float:left;
	width:1000px;
	height:47px;
	margin-top:25px;
}
div#header .L2 .topFlashNav{
	float:left;
	width:670px;
	height:45px;
	margin-top:0px;
	margin-left:10px;
}

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:0px;
	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/swiftproduct1/make-up_swiftproduct1_r3_c4.jpg)  top center repeat-y;
   	margin: 0px;  
    width:1008px;
}
div#content {
    float:left;
   	margin: 0px;  
    width:1008px;
}
div#content_dist{
	float:left;
	width:8px;
	height: 550px;
}
div#main {
	float: left;
	width: 992px;
	margin:7px 0px;
	color:#333;
	overflow:hidden;
}
.mainTxt{
	float:left;
	width:auto;
}
.mainTxt_video{
	float:left;
	width:480px;
	margin-left:5px;
}


.mainLeft{
float:left;
width:300px;
margin-left:10px;
}
.mainRight{
float:left;
margin-top:10px;
width:660px;
}
.home{
float:left;
width:660px;
height:414px;
margin-top:10px;
background:url(uploads/swiftproduct1/home.png) top left no-repeat;

}
.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%;
	background:url(uploads/swiftproduct1/make-up_swiftproduct1_r5_c2.jpg) top left repeat-x;
}
div#footerwarpper {
	margin:0px auto;
	width:1008px;
}
div#footer {
	float:left;
	width:1008px;
	height:100px;
	background: url(uploads/swiftproduct1/make-up_swiftproduct1_r5_c4.jpg)  top center no-repeat;
	color:#660033;
}
div#footer p {
   font-size: 1em;
   margin: 0;
   color:#333333;
}
div#footer p a, footer a{
   color:#333333;
}
div#footer p a:hover{
	text-decoration:underline;
	color:#660033; 
}
.footer_L1{
	float:left;
	width:1008px;
	margin-top:0px;
	height:20px;
    color:#330033;
	text-align:center;
}
.footer_L3{
	text-align:right;
	float:right;
	width:980px;
	margin-right:10px;
	margin-top:10px;
	height:15px;
	font-size:12px;
	letter-spacing:1px;
    color:#000000;
}

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

/*CONTACT */
.contactWarp {
	width:945px; 
	float:left;
	margin-left:15px;
}
.contactLeft{
	float: left; 
	border-right: 1px solid #cccccc; 
	width: 400px;
	height:250px;
	margin-bottom:10px;
}
.contactRight{
	float: left; 
	width: 540px;
	height:250px;
	margin-bottom:10px;
}
.contactWarp input{
	width:400px;
	border:1px solid #CCCCCC;
}
.contactWarp select{
	width:auto;
	border:1px solid #CCCCCC;
}
.contactWarp textarea{
	width:400px;
	height:100px;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
}

.contactWarp .checkbox{
	width:10px;
	float:left;
	margin-right:10px;
	margin-top:5px;
	border:1px solid #CCCCCC;
}
.contactWarp .submit .fbsubmit{
	width:auto;
	cursor:pointer;
	margin-top:10px;
	border:1px outset #333333;
	background-color:#404E7B;
	color:#FFFFFF;
	padding:2px 7px;
	letter-spacing:1px;
}
.captcha {
	border: none;
}
.contactWarpIn {
	float: left; 
	border-top: 1px solid #cccccc; 
	width: 400px;
	height:250px;
	margin-bottom:10px;
	color:#0067CE;
	font-size:14px;
}


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

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

/* gallery */
.galleryTopMenu{
	float:left;
	margin:0px 0px 10px 60px;
	width:870px;
}
.galleryTopMenu .opt{
	float:left;
	margin-right:100px;
	letter-spacing:1px;
	font-size:18px;
	color:#000000;
	font-weight:bold;
}
.galleryTopMenu .opt a{
	font-weight:normal;
	text-decoration:underline;
	font-size:16px;
}

/* */
.footer_L2{
	float:right;
	text-align:right;
	margin-top:7px;
	margin-right:5px;
	width:980px;
	height:15px;
	font-size:11px;
	letter-spacing:1px;
    color:#000000;
}
.footer_L2 a {
	background: url(http://olala.com.au/olala-advertising.png) center left no-repeat;
	display: inline-block;
	line-height: 16px;
	padding-left: 20px;
	text-decoration: none;
}
.footer_L2 a{
	color:#333;
	text-decoration:none;
}
.footer_L2 a:hover{
	color:#990000;
	text-decoration:none;
}
.footer_tracking{
	position:fixed; bottom:0px; right:0px;
}