/*-------------------------+
 | Site: Gro Agencies      |
 +-------------------------*/
 
 
 /* Core layout 
======================================================================*/
* {margin:0;padding:0;}

body {
	background:#351642 url(../images/core/bg.gif) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4d4d4d;
	font-size:12px;
	padding:15px;
	}
body img {border:none;}

#container {width:964px; margin:0 auto; background:#fff url(../images/core/container-top.gif) top no-repeat;}
#banner {width:944px; margin:0 auto; border-bottom:10px solid #fff;}
#banner-top {height:140px; padding-top: 10px; padding-left: 10px; }

#content-container {width:933px; margin:0 auto; background:#eae9e3 url(../images/core/info-top.gif) top no-repeat; padding:20px 0 0 10px;}
#content-left {float:left; width:200px;}
#content-right {float:left; width:930px; background:url(../images/core/content-bg-repeat.gif) left repeat-y; padding:0 0 0 2px;}
#content {width: 890px; background:url(../images/core/white-stripe-bg_49.gif) repeat-x; padding:0 20px 0 20px;}

#featured { padding:0 0 20px 0; }
#featured img {border:5px solid #dfddce; margin:0 0 5px 5px;}
#featured img.featured-title { border: none; }
#affiliate {text-align:left;}
#affiliate img {padding:10px;}

#footer {width:967px; margin:0 auto; text-align:center; padding:15px;}


 /* Bottom Cta  
----------------------------------------------------------------------*/
#cta-address {background:url(../images/icon-contact.gif) 0 2px no-repeat; padding:0 0 5px 23px; margin:15px 0 0 80px; float:left;}
#cta-phone {background:url(../images/icon-phone.gif) no-repeat; padding:0 0 5px 18px; float:left; margin:15px 0 0 15px;}
#cta-fax {background:url(../images/icon-fax.gif) no-repeat; padding:0 0 5px 23px; float:left; margin:15px 0 0 15px;}
#cta-email {background:url(../images/icon-mail.gif) 0 2px no-repeat; padding:0 0 5px 23px; float:left; margin:15px 0 0 15px;}

#cta-address p,
#cta-phone p,
#cta-fax p,
#cta-email p { font-size: 10px; }

 /* Products layout 
----------------------------------------------------------------------*/
.products {background:#dfddce; padding:10px; margin:0 0 10px 0; width:870px; float:left;}
.products img {border:7px solid #cfcdbe; float:left; margin:0 15px 0 0; clear:left; display: block; }


#pdf { margin-bottom: 1.5em; }
#pdf ul { list-style-type: none; margin: 0; padding: 0; }
#pdf ul li { background: url('../images/icon-pdf.gif') 0 no-repeat; padding: 0 0 0 20px; margin: 0; line-height: 1.6em; }



 /* Navigation layout 
======================================================================*/
#navigation {width:944px; background:#8c258b url(../images/nav/bg-repeat.gif); height:39px; position: relative; } 

ul#nav {list-style:none; position: absolute; z-index: 100;}
ul#nav li {float:left;text-indent:-9999px;overflow:hidden;}
ul#nav li a {display:block;height:39px;}
ul#nav li a:hover {background-position:0 -39px!important;}

ul#nav li#home a {background:url(../images/nav/home.gif) no-repeat 0 0; width:85px;} 
ul#nav li#profile a {background:url(../images/nav/profile.gif) no-repeat 0 0; width:86px;} 
ul#nav li#our-products a {background:url(../images/nav/products.gif) no-repeat 0 0; width:132px;} 
ul#nav li#technical a {background:url(../images/nav/technical.gif) no-repeat 0 0; width:102px;} 
ul#nav li#projects a {background:url(../images/nav/projects.gif) no-repeat 0 0;width:95px;} 
ul#nav li#suppliers a {background:url(../images/nav/suppliers.gif) no-repeat 0 0;width:102px;} 
ul#nav li#testimonials a {background:url(../images/nav/testimonials.gif) no-repeat 0 0;width:132px;} 
ul#nav li#specials a {background:url(../images/nav/nav-specials.jpg) no-repeat 0 0;width:98px;} 
ul#nav li#contact a {background:url(../images/nav/contact.gif) no-repeat 0 0;width:89px;} 

#footer a {color:#7e4596; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

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


ul#nav li ul {  width: 150px; height: auto; clear: both; position: absolute; top: 100%; left: -9999em; display: block; border-left: 1px solid; border-top: 1px solid; border-right: 1px solid;  background-color: #DFDDCE; margin-top: 37px; margin-left: 170px; }
ul#nav li li { width: 150px; height: auto; background-image: none; border-bottom: 1px solid #999999; }
ul#nav li li.last { border-bottom: 1px solid; }
ul#nav li li a { height: auto; width: 140px!important; height: 14px!important; color: #000!important; background-image: none!important; text-indent: 0px!important; display: block; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; font-size: 0.8em;  }
ul#nav li li a:hover { background-color: #999999; }

ul#nav li:hover ul, ul#nav li.over ul { left: 0; top: 0px; }
ul#nav li a.onsection {  }


 /* Fonts 
======================================================================*/
#content-left p {font-size:11px; padding:0 0 0 0;}
#footer p {color:#55236a; font-size:11px; padding:0 0 10px 0;}
.image p {color:#7a677d; font-size:11px; padding:10px 0 0 0; line-height:17px;}

h1 {color:#523c52; font-size:20px; font-weight:normal; padding:7px 0 30px 0;}
h2 {color:#644d6a; font-size:16px; font-weight:normal; padding:0 0 15px 0;}
h3 {color:#000;  font-size:14px; font-weight:bold; padding:0 0 15px 0;}
h4 {color:#643771; padding:0 0 10px 0; font-weight:bold;}
h5 {font-weight:bold; padding:0 0 10px 0; font-size:12px;}

p {font-size:12px; padding:0 0 15px 0; line-height:20px;}

p.caption { font-size: 9px; }

ul.list {
	list-style-type: square;
	padding-left: 30px;
	margin-bottom: 20px;
}

ul.list li {
	line-height: 1.5em;
}

ul.list li.inline-item {
	float: left;
	width: 170px;
	margin-top: 10px;
	font-weight: bold;
}

ul.list li.inline-item ul {
	list-style-type: none;
	font-weight: normal;
}

a.pdf-link {
	margin: 4px;
	margin-left: 25px;
	padding: 2px;
	padding-left: 19px;
	background: url('../images/icon-pdf.gif') no-repeat;
	height: 18px;
	display: block;
}

 /* Extras 
======================================================================*/
.float-left {float:left; margin:0 15px 0 0;}
.float-right {float:right;}

.banner-cta {float:right; padding:50px 45px 0 0;}
hr {border-top:1px solid #d6d3bf; border-bottom:1px solid #fff; border-left:none; margin:0 0 10px 0; padding:0;}

.loose-img-container {width:680px; padding:0 0 15px 0;}

.image {background:#dfddce; padding:10px; width:114px; margin:5px 0 5px 15px; float:left; text-align:center;}
.image img {border:7px solid #cfcdbe;}
.logo-print {display:none;}
.hide-print { vertical-align:bottom;}


ul.suppliers { display: block; float: left; }
ul.suppliers li { float: left; width: 205px; height: 100px; text-align: center; list-style: none; padding-bottom: 10px; padding-top: 10px; }
ul.suppliers li.wide { width: 900px; height: 10px!important; clear: both; }

ul.heading-2xcol {
	list-style-type: none;
	display: inline;
}

ul.heading-2xcol li.left {
	float: left;
}

ul.heading-2xcol li.left-collection {
	padding-top: 14px;
	text-align: right;
}

ul.specials-box {
	list-style-type: none;
	display: inline;
}

ul.specials-box li.image-left {
	float: left;
}

div.contact {
	width: 300px;
	float: left;
}

div.map {
	width: 300px;
	float: left;
}

div.map img {
	border: 0;
}

div.back-to-top { 
	font-size: 9px;
	margin-bottom: 5px;
	text-align: right;
}

div.product-images {
	padding: 0 15px 0 20px;
}

div.product-images img {
	margin: 8px;
}

div.resellers {
	width:691px;
}

div.resellers-left {
	float: left;
	width: 325px;
	padding-right: 20px;
}

div.resellers-right {
	float: right;
	width: 325px;
	padding-right: 20px;
}

.gallery { 
	float: left;
	margin-bottom: 1.5em;
}

.gallery ul.gallery-list {
	list-style-type: none;
}

.gallery ul li {
	display: inline;
	padding: 0 5px;
	float: left;
}

.gallery ul li a img {
	border:7px solid #cfcdbe;
}

/*#gallery ul li a:hover img {
	border: 5px solid #fbb054;
}*/


/* Clearfix
======================================================================*/
.clearfix:after {
    content: "."; 
    clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {	
	display: block;
	clear: both;
}



/* Form Layout
======================================================================*/
form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
}

form.form fieldset { border: 0; }

form.form ol { list-style: none; }

form.form li { margin-bottom: 5px; }

form.form label {
	display: inline-block;
	width: 150px;
	vertical-align: top;
}

form.form input, form.form select, form.form textarea {
	width: 250px;
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
	font: normal 12px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

form.form textarea { height: 200px; }

form.form select {
	padding: 2px;
	width: auto;
}

form.form li.button { margin-top: 15px; }

form.form li.button input {
	width: auto;
	border: 0;
	background: #eae9e3;
	color: #fff;
	cursor: pointer;
}

form.form fieldset legend {
	padding: 20px 0;
	font-weight: bold;
	font-size: 18px;
	color: #444;
	_margin: 0 -7px; /* IE Win fix */
}

/* IE Mac legend fix */
form.form legend {
  display: inline-block;
}