/*
		Goinnovate - Craig Haggart
		http://www.goinnovate.co.uk
		
		Colour Guide:
		
		gold: #53421f
		gold a:active: #977e4a
		light grey: #1c1c1c
*/


/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
html {
	overflow-y: scroll;
}

table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
p { margin:2px 0 30px 0; font-size:12px; line-height:20px; color:#000000;  }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
/** a { position:relative }  Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */

/* Typography reset */

body, h1, h2, h3, h4, h5, h6, p, li, dt, dd, label, input, textarea { font-size: 12px; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;color:#000000; }
address { font-size:11px; color:#949494 }
input, textarea { font-size:11px; color:#000; padding:2px }
pre, code { margin:2px 0 16px 0; background:#000; color:#ccc; font:12px/16px 'Courier New', Courier, monospace }
pre { padding:10px }
a { color: #413828; text-decoration:underline }
a:hover { color:#FFFFFF; text-decoration:none }
p+p { margin-top:-.8em; }
p {color:#000000;}

/* ----------------------------------------- */

/* Utility */

.floatleft { float:left; }
.floatright{ float:right; }
.clear { clear:both; }
.last { margin-right:0;}
.white {color:#FFFFFF;}
.black {color:#000000;}
.margin { padding:10px; }
.bold{font-weight: bold }
.under{text-decoration:underline}
.cur_hand{cursor:pointer}
.txtCenter{text-align:center}
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */


/* web site TYPOGRAPHY */

h1.white-logo a {  background:url(../images/logo-black.gif) top left no-repeat;  width:69px; height:69px; text-indent:-9999px; display:block;  }
/*h1.white-logo a {  background:url(../images/logo-black.gif) top left no-repeat;  width:69px; height:69px; text-indent:-9999px; display:block;  }*/
div.content-box h2 { display:block; width:auto;  background: #333333; padding:5px 5px 5px 10px; }

/****main layout****/
body { background:#000000;}

/************* This style holds the bacground image ************/
/*div.wrapper { width:1000px; height:490px; position:absolute; left: 50%; top: 50%; margin-top: -245px; margin-left: -500px;background:url(../images/home_bg-autopole_blk.jpg) top left no-repeat;  } */
/*div.wrapper { width:1000px; height:490px; position:absolute; left: 50%; top: 50%; margin-top: -245px; margin-left: -500px;background:url(../images/home-bg-ribbon-shoes.jpg) top left no-repeat;  } */
/*div.wrapper { width:1000px; height:490px; position:absolute; left: 50%; top: 50%; margin-top: -245px; margin-left: -500px;background:url(../images/home-bg-autopole-concrete.jpg) top left no-repeat;  } */
/*div.wrapper { width:1000px; height:490px; position:absolute; left: 50%; top: 50%; margin-top: -245px; margin-left: -500px;background:url(../images/home_bg-mobile_ombelico_black.jpg) top left no-repeat;  }*/
div.wrapper { width:1000px; height:490px; position:absolute; left: 50%; top: 50%; margin-top: -245px; margin-left: -500px;background:url(../images/home-bg-slider3.jpg) top left no-repeat;  }
/****************************************************************/

div.content-outline { width:auto; height:490px;  border: 1px solid #333333; } 
div.content {  width:auto; margin:20px;} 


div.left-col { width:197px; margin-right:50px; float:left;  }
div.right-col { float:left; width:auto; }
div.sub-nav-white-box { 
	float:left; 
	background: #ffffff;  
	height:450px;
	width:130px;
}
div.sub-nav-white-box ul { 
	float:left;
	width:130px; 
}
div.sub-nav-white-box.wrap { 
	padding-top:20px;
}
div.sub-nav-white-box ul li {  
	float:left;	
	width:130px;
	/*padding:0 10px;*/
 	height:auto;
	margin-bottom:5px; 
	font-size:12px;	
}
div.sub-nav-white-box ul li a { 
	display:block;
	width:110px;
	text-decoration:none; 
	/*margin-left:-10px;*/
	padding:0 10px;	
}

div.sub-nav-white-box li:hover,div.sub-nav-white-box a:hover {  background:#CCCCCC; }
div.sub-nav-white-box li.active {background:#CCCCCC; color:#FFFFFF;}

/****login sub-nav*****/

div.sub-nav-white-box-login { float:left; height:450px; background: #FFFFFF  }/*************DISABLE THE SUB-NAV BACKGROUNDS HERE*******************/ 
div.sub-nav-white-box-login ul {  padding-top:20px; width:130px;   }
div.sub-nav-white-box-login li a { display:block; padding-left:10px; text-decoration:none; margin-bottom:5px; width:auto; font-size:12px  }
div.sub-nav-white-box-login li a:hover { display:block; width:auto; padding-left:10px; margin-bottom:5px; text-decoration:none; background:#CCCCCC; font-size:12px  }
div.sub-nav-white-box-login li.active {display:block; width:auto; padding-left:10px; margin-bottom:5px; text-decoration:none; background:#CCCCCC; font-size:12px; color:#FFFFFF  }

/**********************/

/****about sub-nav*****/
div.about_alu{
	padding:10px;
	overflow-y:auto;
	overflow-x:hidden;
}
div.about_alu img{margin-right:-150px;}
div.sub-nav-white-box-about { float:left; height:450px; background: #FFFFFF /*url(../images/about.gif) bottom left no-repeat*/; } /*************DISABLE THE SUB-NAV BACKGROUNDS HERE*******************/ 
div.sub-nav-white-box-about ul {  padding-top:20px; width:130px;   }
div.sub-nav-white-box-about li a { display:block; padding-left:10px; text-decoration:none; margin-bottom:5px; width:auto; font-size:12px  }
div.sub-nav-white-box-about li a:hover { display:block; width:auto; padding-left:10px; margin-bottom:5px; text-decoration:none; background:#CCCCCC; font-size:12px  }
div.sub-nav-white-box-about li.active {display:block; width:auto; padding-left:10px; margin-bottom:5px; text-decoration:none; background:#CCCCCC; font-size:12px; color:#FFFFFF  }

/**********************/


/*********This holds the main content! note* dont get this confused with the accordion "content" the accordion is held within the "content-box"********/
div.content-box { 
	float:left; 
	width:580px; 
	background:#f0f0f0; 
	height:450px; 
	color:#333333;
	margin:0;
	padding:0;
	border:0;
}
div.content-box p { /*padding:20px; */}
.acc_cont_wrapper{padding:5px;}
/******news section on the home page********/
div.latest-news { width:225px;  margin-top:20px; }
div.homenews_wrapper { width:100%;  background:#FFFFFF;  padding:2px; margin-bottom: 13px; }

div.homenews_title { text-transform:uppercase; font-size:12px; font-weight:bold; color:#977e4a; }
div.homenews_title a:hover { text-decoration:underline;}
div.home_img_title { height: 90px; width:227px; overflow: hidden; } /****This is the div that crops the news image*******/
/**div.home_img_title img { margin: -45px  0 0 -113px; } If anybody adds large images this style can be used to centre the image *******/

div.homenews_text {   width: 95px; float:left; color: #333333; font-size:10px;  }
div.home_img_text {  height: 90px; width: 95px; float:left; overflow: hidden; margin-right:8px; } /****This is the div that crops the news image*******/
div.home_img_text img { float:left; }

/****Login page*/
.login_msg{
	color:#fff;
	padding:10px;
}
form label.error {
	margin-left: 5px;
	color:red;
	font-size:8px;
	float:left;
	display:block;
	width:130px;
}

/*####################PRODCUTS##########################*/
.prod-intro{margin-bottom:-1px;}
/*#####################CONTACT FORM#####################*/
div.sub-nav-contact { float:left; height:450px; background: #FFFFFF  }/*************DISABLE THE SUB-NAV BACKGROUNDS HERE*******************/ 
div.sub-nav-contact ul {  padding-top:20px; width:130px;   }
div.sub-nav-contact li a { display:block; padding-left:10px; text-decoration:none; margin-bottom:5px; width:auto; font-size:12px  }
div.sub-nav-contact li a:hover { display:block; width:auto; padding-left:10px; margin-bottom:5px; text-decoration:none; background:#CCCCCC; font-size:12px  }
div.sub-nav-contact li.active {display:block; width:130px; padding-left:10px; margin-bottom:5px; text-decoration:none; background:#CCCCCC; font-size:12px; color:#FFFFFF  }
div.form_wrapper{
	width:580px;

}
.contact_form{
	margin:0;
	padding:0;
	border:0;
	/*width:100%;
	height:100%;*/

}
.contact_form img{
	margin-left:5px;
	float:left;
	/*padding:10px 0 10px 0;*/
}
.contact_form label{
	color:#222222;
	font-size:12px;
	width:25%;
	float:left;
	/*padding:0 5px 0 5px;*/
	margin:0 0 0 15px;
	border:0;
}
.contact_form span.statement{
	display:block;
	padding:0 0 0 15px;
	border:0;
	margin:0;
	height:30px;
}
.contact_form span.statement label{
	margin:0;

}
.contact_form span.required{
	color:red;
}
.contact_form span.statement input{
	height:20px;
	padding:5px 0 0 0;
	margin:0 5px 0 5px;
}
.contact_form li{
	padding:3px 0 3px 0;
	margin:0;
	border:0;
	width:100%;	
		font-size:12px;
}
.contact_form li input,.contact_form li select, .contact_form textarea{
float:left;
}
.contact_form input.buttons{
	margin:0 0 0 15px;
}
.shad_msg{
	color:white;
	padding:10px;
	font-size:12px;
}
/*##################################@@@@@@@@@@@CONTACT LIST@@@@@@@@@@@@@@@@@@@@@@@##################################*/
div.contact_wrap{
	padding:10px;
}
div.contact{
	float:left;
	width:250px;
	background-color:#CCCCCC;
	border:1px solid #555555;
	padding:5px;
	margin: 0 0 9px 9px;
	font-size:12px;
	color:#666666;
}
div.contact_column{
	float:left;
	width:265px;
}
div.contact li{
	height:15px;
}
div.contact h4{
	font-weight:bold;
}
/****navigation****/
div.left-col ul {width:225px; margin-top:20px; font-size:12px;}
div.left-col li a { display:block; text-decoration:none; margin-bottom:2px; padding-left:3px; color:white; background:#555;/*#ffffff; */opacity:0.6;}
div.left-col li a:hover {  background:#fff;/*#ffffff; */opacity:0.6; margin-bottom:2px;  padding-left:3px; color:#555;}
.nav-active { display:block; background:/*#977e4a*/#222; opacity:0.8;  margin-bottom:2px;  color:white; padding-left:3px; }
/**The ul class alt is used on every page except the home****/
div.left-col ul.alt {width:197px; margin-top:20px;}
div.left-col ul.alt li a { display:block; text-decoration:none; margin-bottom:2px; color:#CCCCCC;  }
div.left-col ul.alt li a:hover { display:block; background:#1c1c1c;  opacity:100; color:#fff; padding-left:3px; }
.nav-active2 { display:block; background:#1c1c1c;  opacity:none;  color:#fff; padding-left:3px; }

/* Footer */
#footer-wrapper {  width:1000px; margin:auto; }
#footer { width:1000px; margin-top:5px;  }
#footer p { margin: 0; line-height: normal;  font-size: 11px }
#footer a { color: #666666; text-decoration:none }
#footer a.credits { color:#333333; } 
.credits { float: right; color: #666666; margin-top:3px;  }
#footer a:hover { color:#CCCCCC; text-decoration:underline} 
#legal { float: left; color:#666666 }
#links { float: right;   }

/*###########################@@@@@PRIVACY@@@@@###################################*/
div.privacy{

	width:300px;
	padding:30px;
}
div.privacy *{
	color:white;
	font-size:12px;
	list-style-type:square;
}
/*###########################@@@@@Legal Info@@@@@###################################*/
div.legalInfo{
	width:300px;
	padding:30px;
}
div.legalInfo *{
	color:white;
	font-size:12px;
	list-style-type:square;
}