/*
Theme Name: Ungaro&Co
Theme URI: http://ungaro.co.nz
Description: The Ungaro theme designed by Carey Sizer.
Version: 0.1
Author: Carey Sizer
Author URI: http://okaycarey.com/

*/
body {
margin:0;
padding:0;
background-color:#CCCCCC;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
/*background-image:url('images/bg.jpg');*/
background-repeat:repeat-x;
background-position:top;
}
a {
color:#FFFFFF;
border-bottom:#CCCCCC solid 1px;
text-decoration:none;
}
a:hover {
border-bottom:#CCCCCC solid 1px;
}
p {
text-align:justify;
line-height:23px;
}

ul li, ol li {
line-height:23px;
}
#menu ul li {
line-height:145%;
}
ul li, ol { text-align:left; }
#main {
width:947px;
background-image:url(images/bg_main.jpg);
background-repeat:repeat-y;
margin:0 auto;
overflow:auto;
}
.img_small {
width:auto; height:150px; margin-top:14px; background-image:url(images/random_image.php); background-repeat:no-repeat; background-position:0px -50px; border-bottom:2px solid #999999;
}
#header_upper {
/*background-image:url(images/bg_top.jpg);*/
background-repeat:no-repeat;
background-position:top;
width:927px;
margin:0 auto;
padding-top:19px;
padding-left:10px;
padding-right:10px;
overflow:auto;
}
.logo {
margin:0;
margin-top:14px;
margin-left:14px;
padding:0;
width:251px;
height:80px;
background-image:url(images/logo.gif);
background-repeat:no-repeat;
}
.logo span {
display:none;
}
.ruler {
width:93%;
height:1px;
margin:0 auto;
margin-top:20px;
}
.ruler p {
display:none;
}
#container {
margin:20px;
}
.slogan {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
float:right;
margin-top:16px;
}
.italic {
font-style:italic; 
}
.a2a_dd {
border:0;
}
#menu {
width:282px;
padding:10px;
margin-top:15px;
margin-bottom:15px;
float:left;
text-align:left;
border:1px solid #333333;
}
#menu li {
list-style:none;
}
#menu a {
margin-left:-20px;
display:block;
padding:5px;
text-align:left;
text-indent:10px;
border-bottom:none;
}
#menu a:hover {
background-color:#CCCCCC;
color:#333333;
text-indent:10px;
padding:4px;
background:url(images/bg_nav.jpg);
background-repeat:repeat-x;
border:1px solid #999999;
}
h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
font-style:normal;
font-weight:normal;
padding:4px;
margin:0px;
color:#FFFFFF;
display:block;
background:url(images/red_grad.jpg);
background-repeat:repeat-x;
background-color:#CC0000;
text-transform:uppercase;
border:#7B120D 1px solid;
}
h2 a {
text-decoration:none;
border-bottom:0;
}
#home_content h2 {
background:0;
border:0;
font-size:16px;
font-weight:bold;
}
#home_content {
width:253px;
background-color:#666666;
padding:10px;
height:200px;
overflow:hidden;
margin:10px;
float:right;
height:341px;
position:relative;
opacity: 0.8;
}
h3 {
font-size:14px;
font-weight:bold;
text-align:left;
}
.read_more {
position:absolute; bottom:0px; background-color:#333333; font-weight:bold; width:100px; padding:6px; 
}
.read_more a {
text-decoration:none;
border:0;
}
#home_image {
width:568px;
height:381px;
float:right;
margin-top:15px;
margin-bottom:15px;
background-color:#666666;
background:url(images/random_image.php);
background-repeat:no-repeat;
}
#content_main {
padding:15px;
width:540px;
float:right;
margin-top:15px;
margin-bottom:15px;
color:#666666;
background:url(images/bg_main_grad.jpg);
background-position:top;
background-repeat:repeat-x;
background-color:#FFFFFF;
border:1px solid #333333;
}
#content_main a {
color:#333333;
}
#content_main h2 {
background:0;
border:0;
font-size:16px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
border-bottom:1px dashed #999999;
}

#shadow_bottom {
background-image:url(images/shadow_bottom.jpg);
background-repeat:no-repeat;
width:947px;
height:7px;
padding-top:7px;
margin:0 auto;
}
.submenu {
display:block;
}
#copyright {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:right;
font-size:10px;
color:#666666;
width:911px;
background-color:#000000;
border-bottom:#333333 7px solid;
margin:0 auto;
padding:5px;
}
.calculator {
background-color:#FFFFFF;
width:100%;
}
.calculator td, th {
text-align:left;
padding:5px;
}

.calculator th {
padding:10px;
font-size:16px;
padding-left:5px;
border-bottom:#666666 1px dashed;
}
.calculator_input {
width:65px;
}
.float_right {
float:right;
}
.float_left {
float:left;
}
.calculator_headings {
text-align:left;
vertical-align:bottom;
font-weight:bold;
color:#FFFFFF;
background-color:#666666;
border-top:1px solid #999999;
}
.calculator_total {
font-weight:bold;
}
.calculator tr:hover {
background-color:#CCCCCC;
}
.calculator_headings:hover {
background-color:#CCCCCC;
}
.calculator_subheadings:hover {
background-color:#CCCCCC;
}
.calculator_totals {
background-color:transparent; border:0; width:65px;
}
.calculator_sub {
font-size:13px;
font-weight:bold;
color:#333333;
}
.calculator_summary {
color:#FFFFFF;
bottom:0px;
width:46%;
background-color:#CCCCCC;
border-top:2px solid #666666;
border-bottom:1px solid #999999;
border-left:1px solid #999999;
border-right:1px solid #999999;
margin:3px;
margin-bottom:8px;
}
.calculator_summary h2 {
color:#FFFFFF;
border-bottom:0;
}
.summary_boxes {
display:block;
text-align:left;
padding:3px;
color:#333333;
line-height:17px;
font-size:11px;
margin:2px;
float:left;
width:210px;
}
.summary_boxes input {
height:12px;
display:inline;
font-size:10px;
color:#333333;
}
table tr td {
vertical-align:top;
}
.calculator_total, .calculator_total input {
color:#333333;
font-weight:bold;
text-align:left;
border:0;
background:none;
}
.calculator_total input {
height:14px;
font-size:14px;
}
.login_window {
margin-top:10px;
text-align:left;
background-color:#666666;
color:#FFFFFF;
border:1px solid #666666;
padding:5px;
}
.login_window input {
margin:10px;
}
.login_window span {
display:block;
font-weight:bold;
font-size:12px;
width:250px;
}
.oneField {
text-align:left;
}
.errorMsg {
padding:5px;
display:block;
color:#333333;
background-color:#FFFF99;
border:1px solid #FFCC33;
text-align:left;
font-size:13px;
margin-top:10px;
margin-bottom:10px;

}


/*-------------- GB  FORMS---------*/

label.error{
	color: red;
	font-size: 10px;
	line-height: 23px;
	margin-left: 10px;
	text-align: left;
}

label.floatLeft{
	float: left;
}

#contactUsForm .error{
	line-height: 12px;
	vertical-align: middle;
}

#commentform label.error[for="comment"]{
	float: left;
}

label.error.noMargLeft{
	margin-left: 0;
}

/*----------------- RE-FIX ME FORMS ------------------*/

div.clr {clear:both;}

button#refix-start:hover {cursor:pointer;}

div#step-one-prompt p, div#step-two-prompt p {line-height:15px; color:#7B120D; font-weight:bold;}
p.refix-form-bold {line-height:0px; font-weight:bold; color:#333;}
p.refix-form-normal {line-height:0px;}
p.inline {display:inline;}
span.required-asterisk {color:#7B120D; font-size:15px;}

input#noSpam {
	display:none;
	visibility:hidden;
	}

div#step-one, div#step-two, div#step-three  {
	padding:15px 15px 15px 20px;
	border:1px dotted #999;
	}

div.refix-label, div.refix-label-radio, div.refix-input, div.refix-radio, div.required {
	position:relative;
	display:inline; 
	float:left;
	}
	
div.refix-label, div.refix-label-radio {
	width:275px;
	padding-top:1px;
	padding-right:10px;
	margin:7px 0;
	}
	
	div.refix-label label, div.refix-label-radio label {
		text-align:left;
		line-height:1.4em;
		}
	
div.refix-input, div.refix-radio {
	width:170px;
	margin-top:7px;
	}
	
	div.refix-input select {
		width:210px;
		}
		
	div.refix-input input {
		width:205px;
		}
		
div.required p {font-style:italic; font-size:11px;}
		
div.validate {
	position:relative;
	display:inline;
	float:right;
	margin:10px 5px 0 0;
	}
	
	div.validate input:hover, input#yes-send-details:hover, input#no-go-back:hover {cursor:pointer;}


div.refix-col-one, div.refix-col-two, div.refix-col-three {
	position:relative;
	display:inline;
	float:left;
	}
	
div.refix-col-one {
	width:145px;
	margin-right:6px;
	}
	
	div.refix-col-one input {width:120px; margin-bottom:8px;}
	
div.refix-col-two {
	width:210px;
	margin-right:6px;
	}
	
	div.refix-col-two input {margin-bottom:8px;}
	div.refix-col-two input.bank {width:15px;}
	div.refix-col-two input.branch {width:30px;}
	div.refix-col-two input.account {width:60px;}
	div.refix-col-two input.sort {width:60px;}
	
div.refix-col-three {width:135px;}

	div.refix-col-three select {margin-bottom:11px;}
	
form#step-three-yes, form#step-three-no {
	display:inline;
	}