/* CSS Document */

html {
 width: 100%;
}

body{
	width: 100%;
	background:#ffffff;
	color:#000;
	margin:0;
	padding:0;
}

body,td,li,p {
	font: 10pt Trebuchet, Tahoma, Arial, sans-serif;
}

img{
	border: 0 none;
}
a img{
	border: 0 none;
}

a{
	color:#70457c;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

form{
	padding:0;
	margin:0;
}


/*  Website Header
   ------------   */

div#site_header{
	float:left;
	position:relative;
	min-width:1124px;
	height:212px;
	width:100%;
/*	width:expression(document.body.clientWidth < 1024? "1024px": "auto" ); */
	
}


div#header_logo{
	float:left;
	position:relative;
	width:309px;
	height:142px;
	margin:0;

	margin-bottom:7px;
}

div#header_promo_text{
	float:right;
	position:relative;
	width:185px;
	height:159px;
}
div#header_girl{
	float:right;
	position:relative;
	width:334px;
	height:159px;
}


/*  Header Menu
    --------------  */
	
div#header_menu_block{
	float:left;
	clear:both;
	background:#b5e4ee;
	width:100%;
	border-top:1px solid #54bcd1;
	border-bottom:1px solid #54bcd1;
	height:30px;
}
div#nav_links{
	float:left;
	position:relative;
	width:60%;
}
div.menu_item{
	margin-top:8px;
	float:left;
	position:relative;
	font-size:11px;
	font-weight:bold;
	margin-left:38px;
}
div#basket_link{
	padding-left:0;
	margin-left:0;
	width:20%;
	float:left;
	position:relative;
	margin-top:0px;
	font-size:11px;
	font-weight:bold;
}
div#basket_link a{
	float:left;
	position:relative;
	padding-top:8px;
}





/*  Main Site Frame
    ----------------    */
div#site_frame{
	width:100%;
	min-width:1124px;
	/* width:expression(document.body.clientWidth < 1024? "1024px": "auto" ); */
	float:left;
	position:relative;
	clear:both;
}
	
	
/*  Navigation Left
    ----------------   */
	
div#main_nav{
	margin:0;
	padding:0;
	border-right:1px solid #b5e4ee;
	font-size:13px;
	width:220px;
	overflow:visible;
	float:left;
	position:relative;
	clear:left;

}		
	


div#main_nav_footer{
	margin-left:16%;
	margin-top:6em;
	margin-bottom:2em;
	color:#c0accd;
	font-size:10px;
}
div#main_nav_footer a{
	color:#c0accd;
}




ul.nav_menu, ul.nav_menu ul {
 font-size:13px;
  width:200px;

  padding-left: 6px;
  margin-left: 7px;            /* Opera 7 final's margin and margin-box model cause problems */
  left:0;
}

ul.nav_menu li {
  font-weight:bold;
  font-size:13px;
  list-style-type: none;       /* removes the bullet points */
  margin: 0px;                 /* Opera 7 puts large spacings between li elements */
/*  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
                                  the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */
	padding-top:.5em;
	padding-left:1.5em;
	margin-left:0;
	padding-bottom:.6em;
	border-bottom:1px solid #b5e4ee;

	clear:left;
	position:relative;
	 background: url(/sites/amazingfinishes.com.au/images/bullet_no_subs.gif) no-repeat left .6em;
}

li.has_sub_items{
	/*f8f8f8 */
	font-weight:normal;	
	 background: url(/sites/amazingfinishes.com.au/images/bullet_has_subs.gif) no-repeat left .6em !important;
	 padding-left:3em;
	 margin-left:1em;
	 
}
.sub_open{
	display:block;
	left:10px;
	float:left;
	clear:left;
	position:relative;
	border:1px solid #b5e4ee;
	color:#FF0000;
}

li.has_sub_items_clicked{
	/*f8f8f8 */
	font-weight:normal;
	 background: url(/sites/amazingfinishes.com.au/images/bullet_has_subs_hide.gif) no-repeat left .6em !important;
	 padding-left:3em;
	 margin-left:1em;
	 display:block;
}
li.has_sub_items_off{
	font-weight:normal;
	/*f8f8f8 */
	 background: url(/sites/amazingfinishes.com.au/images/bullet_has_subs.gif) no-repeat left .6em !important;
	 padding-left:3em;
	 margin-left:1em;
}

.has_sub_items:hover{
	/* background: #efefef url(/images/arrow_on.gif) no-repeat right .6em !important; */
}

ul.nav_menu li ul li{
	font-weight:normal; !important
	border-bottom: 1px solid #b5e4ee; !important
	padding-top: .2; !important
	padding-bottom: .2; !important
	font-size:10px; !important
}

ul.nav_menu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
 font-size:10px;
  z-index:999;
  background-color:#ffffff;
  display: none;         /*       hides child menu blocks - one of the most important declarations */
  clear:left;
  float:left;
  font-wight:normal;


/*  top: 0px;
  position: absolute;          /* make child blocks hover without leaving space for them */
  
/*  left:10em;                  /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
/*	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;*/
}
/*
ul.nav_menu li:hover, ul.nav_menu li.CSStoHighlight {
  background-color: #efefef;    
}*/
/*
/* ul.nav_menu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
/*   display: block;              /* specially to go with the className changes in the behaviour file */
/* } */
/*
/* ul.nav_menu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
/*                                  the > targets only the child ul, not any child uls of that child ul */
/*  display: block;              /* makes the child block visible - one of the most important declarations */
/*  background-color:#ffffff;
/*  border-left:1px solid #f6f4f7;
/*  border-right:1px solid #f6f4f7;
/* } */

/* and some link styles */
ul.nav_menu li a { 
	color: #70457c; 
	display: block; 
	width: 90%; 
	}
ul.nav_menu li a:hover, ul.nav_menu li a.CSStoHighLink { 
	color: #c0accd; 
	text-decoration: none;
}
ul.nav_menu li:hover > a { 
	color: #c0accd; 
	text-decoration: none;
	} /* supports links in branch headings - should not be display: block; */






/*  Content Block
	--------------- */
div#content_block{
	width:75%;
	float:left;
	position:relative;
}

div#content_block_header{
	float:left;
	width:100%;
	border-bottom: 1px solid #b5e4ee;
	margin-left:4px;
	margin-right:4px;
	
}

/* Nav Trail
   -------------- */
div#nav_trail{
	float:left;
	position:relative;
	color:#70457c;
	width:600px;
	padding-bottom:8px;
}   
div#nav_trail a{
	margin-top:0px;
	margin-bottom:5px;
	color:#70457c;
	display:block;
	float:left;
	position:relative;
	padding-left:10px;
	margin-left:15px;
	font-size:10px;
	background:url(../images/arrow_off.gif) no-repeat left top;
}

div#area_title{
	width:100%;
	height:40px;
	overflow:hidden;
	float:left;
	position:relative;
}
div#area_title h1{
	font-weight:normal;
	font-size:14px;
	padding:0;
	margin:0;
	padding-left:12px;
	padding-top:16px;
	float:left;
}


/*  Members Login
    -------------- */
div#members_login{
	float:right;
	position:relative;
	font-size:10px;
	height:64px;
	width:570px;
	background: url(/sites/amazingfinishes.com.au/images/header_login_bg.gif) no-repeat left top;
}


div#login_form{
	float:left;
	margin-left:60px;
	padding-top:15px;
	padding-bottom:0px;
	color:#fff;
}

div#login_form h3{
	margin-left:40px;
}

div#login_form input#username{
	font-size:10px;
	padding-left:10px;
	width:60px;
	border:1px solid #sb196c5;
	color:#b196c5;
	
}

div#login_form img.title{
	float:left;
	position:relative;
	height:21px;
	width:127px;
	
}

div#login_form input#password{
	font-size:10px;
	padding-left:10px;
	width:60px;
	border:1px solid #sb196c5;
	color:#b196c5;
}

input#login_button{
	width:67px;
	height:22px;	
	margin-top:-5px;
}
div#members_register{
	float:right;
	font-size:12px;
	position:relative;
	margin-top:19px;
	margin-right:10px;
	font-weight:bold;
	color:#c590d9;
}
div#members_register a{
	color:#c590d9;
}
div#members_register a:Hover{
	text-decoration:none;
}

div#forgot_user_pass{
	float:left;
	position:relative;
	width:246px;
	height:24px;
	margin-left:65px;
}

div#login_note{

width:300px;
height:25px;
margin-top:2px;
margin-left:30px;
float:left;
position:relative;
color:#c590d9;
font-weight:bold;
color:red;
}

span.admin_users{
	color:#fff;
	margin-left:20px;
}
span.admin_users a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
}

/* Site Footer
   ------------ */
   
 div#site_footer{
   	clear:left;
	float:left;
	position:relative;
	width:100%;
	padding-top:3em;
	padding-bottom:6em;
	font-size:12px;
	color:#54bcd1;
	border-top:1px solid #b5e4ee;
 }
 
 div#copyright{
 	float:left;
	position:relative;
	margin-left:4em;
 }
 
 div#product_search{
 	float:right;
	padding-right:3em;
 }
  input#product_search_ip{
  	color:#70457c;
	font-size:10px;
	width:12em;
  }
  input#search_btn{
		margin-top:-1em;
 }
 
 
 
 /*  Product Thumbnails / Previews
     ----------------------------- */
div#basic_content{
	float:left;
	position:relative;
	width:79%;
}	 
div.product_preview_box{
	float:left;
	position:relative;
	width:44%;
	height:13em;
	padding-top:20px;
	padding-left:25px;
	padding-bottom:10px;
	font-size:1em;
	border-right:1px solid #b5e4ee;
	border-bottom:1px solid #b5e4ee;
	overflow:hidden;
}
div.product_preview_box hr{
	border:0 none;
	border-top:1px solid #b5e4ee;
	display:none;
	clear:left;
	margin-top:5px;
	width:94%;
	margin-right:2em;

}
div.product_preview_box p{
	padding:0;
	margin:0;
	font-size:0.9em;
	padding-right:3em;
	padding-top:0;
	margin-bottom:0.5em;
	color:#222427;
}
div.product_preview_box h2{
	margin:0;
	padding:0;
	font-size:1em;
	margin-bottom:0.5em;
	line-height:1em;
	padding:0;
	font-weight:bold;
}

div.product_preview_box div.thumbnail{
	margin:0;
	padding:0;
	float:left;
	position:relative;
	width:75px;
	height:75px;
	margin-right:1em;
	margin-bottom:4em;
	text-align:right;
}
div.product_preview_box div.thumbnail img{
	border:1px solid #c0accd;
}

div.product_preview_box span.price{
	font-size:11px;
	line-height:10px;
	font-weight:bold;
	padding:0;
	margin:0;
	margin-bottom:4px;
	color:#CCCCCC;
	margin-top:-4px;
	position:relative;
}
div.product_preview_box span.size{
	font-size:10px;
	line-height:9px;
	padding:0;
	margin:0;
	color:#CCCCCC;
	margin-top:-4px;
	float:left;
	position:relative;
}

div.product_preview_box span.info{
	font-size:9px;
	line-height:9px;
	padding:0;
	margin:0;
	color:#CCCCCC;
	text-align:right;
	clear:both;
}

div#prev_next_links{
	float:left;
	position:relative;
	clear:left;
	width:100%;
	text-align:center;
	background:#ffffff;
}
div#prev_next_links div.link{
	float:left;
	position:relative;
	width:45%;
	padding-top:28px;
	padding-left:25px;
	padding-bottom:28px;
	font-size:0.9em;
	border-right:1px solid #f1ecef;
}


/* Product Detail
   -------------- */
div#product_detail_box{
	float:left;
	position:relative;
	padding-left:10px;
	padding-top:2em;
	width:98%;
	
}
div#product_detail_box p{
	font-size:1em;
	line-height:1.4em;
}
div.product_detail_info{
	float:left;
	position:relative;
	width:65%;
}
div.product_detail_info h1{
	font-weight:normal;
	font-size:2em;
	color:#54bcd1
}
div.large_image{
	margin-left:0;
	padding-left:0;
	float:left;
	position:relative;
	width:200px;
	height:200px;
	margin-right:15px;
}
div#product_detail_box h1{
	font-weight:normal;
	font-size:2em;
}

div#product_detail_box h2{
	font-weight:normal;
	font-size:1.7em;
}
div#product_detail_box h3{
	font-weight:normal;
	font-size:1.5em;
}

div#product_detail_box h4{
	font-weight:normal;
	font-size:1.3em;
}
div#product_detail_box h5{
	font-weight:normal;
	font-size:1.2em;
}

div#product_detail_box table{
	border:0px none; !important
	padding:4px;
	margin:0;
}
div#product_detail_box td{
	border:0px none; 
	border-bottom:1px solid #ffffff;
	text-align:left;
	padding-left:10px;
}

div#ordering_nav{

	float:left;
	position:relative;
	background:url(../images/order_nav_bg.jpg) no-repeat right top;
	height:30px;
	margin-top:40px;
	width:100%;
}

div#ordering_nav div.info_block{
	font-weight:bold;
	border:1px solid #f7f4f6;
	background:#efefef;
	padding:15px;
}
div#ordering_nav div.info_block p{
	font-weight:bold;
}

div#ordering_nav div#nav_tag{
	float:left;
	position:relative;
	width:85px;
	height:26px;
	margin-top:-30px;
	
}

div#price{
	background:url(../images/price_bg.gif) no-repeat right top;
	float:left;
	clear:left;
	height:40px;
	margin-top:1px;
	font-size:1.7em;
	padding-top:.3em;
	padding-left:0.9em;
	padding-right:2em;
}
div#currency{
	float:left;
	font-size:.5em;
	vertical-align:super;
}

div#quantity{
	float:left;
	margin-top:.5em;
	position:relative;

}
div#quantity img{
	margin-top:6px;
	margin-right:6px;
	float:left;
	position:relative;
	width:69px;
	height:21px;
}
div#quantity input{
	font-size:18px;
	width:50px;
	text-align:center;
	color:#70457c;
	background:#fffafd;
	float:left;
	position: relative;
}
div#order_button{

	margin-top:.5em;
	margin-left:1.8em;
	float:left;
	position:relative;
}
	


/* Promo Column
   ------------  */
   
div#promo_column{
	float:left;
	position:relative;
	width:15%;
	
}


/*  Shopping Basket
   -----------------  */
   
div#shopping-basket table{
	width:80%;
	margin-top:2em;
	margin-bottom:2em;
}
div#shopping-basket table tr th{
	background:#f8f1f8;
	color:#9f64ae;
	font-size:1.5em;
	font-weight:normal;
	height:3em;
	border-right:1px solid #ded6e2;
	border-bottom:1px solid #ded6e2;
	
}

div#shopping-basket table tr td{
	padding-top:2em;
	padding-bottom:2em;
}

div#shopping-basket table tr.totals{
	padding-top:.5em;
	padding-bottom:.5em;
	background:#f8f1f4;
	font-size:2em;
	border-top:1px solid #ded6e2;
}
div#shopping-basket table tr.totals td{
padding-top:.5em;
	padding-bottom:.5em;
	}


/*  Generic Content
    ----------------  */
	
div#generic_content {
	width:75%;
	padding-left:4em;
}
div#generic_content h1,h2,h3,h4{
	font-weight:normal;
}
div#generic_content p{
	font-size:1em;
	line-height:1.6em;
}
div#generic_content ul{
	font-weight:bold;
	font-size:1.1em;
}

div#generic_content ol{
	font-weight:bold;
	font-size:1.1em;
}
div#generic_content ol li{
	margin-bottom:.5em;
	font-weight:bold;
}

div#generic_content ul li{
	margin-bottom:.5em;
	font-weight:bold;
}


 
 /*  REGISTRATION PAGE
     -------------------- */
 .form_row{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px solid #fdacbb;
	clear:both;
	float:left;
	position:relative;
	width:400px;
	border-bottom:1px solid;
	margin-bottom:4px;
}
.form_row label{
	margin:0;
	padding:0;
	height:34px;
	background:#9c6ab5;
	color:#ffebe5;
	margin-right:15px;
	padding-right:10px;
	text-align:right;
	vertical-align:middle;
	font-weight:bold;
}

	 
	 
.odd{
	background:#efefef;
	color:#333;
}
tr{

	color:#444;
}
th{
	background:#ccc;
	color:#ffebe5;
	text-align:left;
	text-transform:capitalize;
	height:30px;
	padding-left:4px;
	padding-right:6px;
	border-left:1px solid #fdacbb;
}
th.login{
	border-left:none;
}
table{
	border:1px solid #fdacbb;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-bottom:10px;
}
td{
	padding-top:4px;
	border-bottom:1px solid #fdacbb;
	border-left:1px solid #fdacbb;
	padding-bottom:4px;
	padding-left:4px;
	text-align:center;


}
td.login{
	text-align:left;
	padding-right:20px;
}
td.email{
	text-align:left;
	padding-right:20px;
}
td.access_level{
}
td.active{
}
td.radio{
	width:30px;
}

form{
	margin-left:20px;
}

div.form_line{
	font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	clear:both;
	width:90%;
	border-bottom:1px solid #f7f4f6;
	margin-bottom:4px;
	padding-top:4px;
	padding-bottom:10px;
	float:left;
}
div#generic_content label{
	margin:0;
	padding:0;
	margin-right:15px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:10px;
	text-align:right;
	vertical-align:middle;
	font-weight:bold;
	width:100px;
	display:block;
	float:left;
}

div#generic_content div.form_line input{

}
.options_box{
	float:left;
	border:1px solid #f7f4f6;
}

div#generic_content div.info_block{
	clear:left;
	float:left;
	width:90%;
	font-weight:bold;
	border:1px solid #f7f4f6;
	background:#efefef;
	padding:15px;
}
 
div#generic_content hr{
	border:0 none;
	border-top: 1px solid #f7f4f6;
}

div#generic_content div.info_block p{
	font-weight:bold;
}




#basic_content table,
#basic_content table tbody tr,
#basic_content table tbody tr td {
     border: 0px;
}

/*
#basic_content table tbody tr td table tbody tr td form table {
border: 2px solid #f3dae8;
}
*/

#shopping-basket table tbody tr th {
border: 1px solid #f3dae8;
border-top: 0;
}
#shopping-basket table {
border: 2px solid #f3dae8;
}





/*  Header Search
    -------------- */

	div#header_search_box{
		margin-left:10px;
		width:200px;
		height:120px;
		border:1px solid #b5e4ee;
		background: url(/sites/amazingfinishes.com.au/images/search_left_bg.gif) no-repeat center center;
	}
	div#header_search_box form{
		margin-top:10px;
		margin-left:0px;
		padding:0;
		padding-left:5px;
	}
	
	div#header_search_box input.search_ip{
		border:1px solid #b5e4ee;
		width:90px;
		height:14px;
		color:#e0c5ea;
		font-size:10px;
		float:left;
		position:relative;
		margin-top:4px;
		padding-left:3px;
		margin-left:6px;
	}
	
	div#header_search_box input.search_btn{
		float:left;
		position:relative;
		margin-left:6px;
		margin-top:1px;
	}
	#catalog {
		width:100%;
		background:rgb(247, 223, 247);
		padding:5px;
		color:rgb(181, 93, 189);
		font-size:18px;
		border-top:0.5px solid rgb(181, 93, 189);
		border-bottom:0.5px solid rgb(181, 93, 189);
		margin-bottom:4px;
	}
	#cat table {
		width:80%;
		margin-top:2em;
		margin-bottom:2em;
	}
	#cat tr th {
		background:#f8f1f8;
		color:#9f64ae;
		font-size:1.5em;
		font-weight:normal;
		height:3em;
		border-right:1px solid #ded6e2;
		border-bottom:1px solid #ded6e2;
		font-weight:bold;
	}
	#cat tr td {
		padding:4px;
		border-top:1px solid rgb(222, 215, 231);
		border-bottom:1px solid rgb(222, 215, 231);
	}