/* CSS Document */

@import url('errors.css');


.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

body, html {
	margin:0;
	padding:0;
	color:#000;
	background:#ecf0f1;
}
	
h1 {
	font-family: 'Lato', sans-serif; text-transform:none; font-weight: 900; line-height:18px; color:#34495e;
}
h2 {
	margin:0 auto;
	font-family:"FuturaSHOP-XLight", "Futura Book", Arial, sans-serif;
	font-size:36px;
	text-align:center;
	width:180px;
}
h3 {
	font-size:12px;
	font-family: "Futura Book", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#666;
	margin-top:15px;
	margin-left:3px;
	width:950px;
	float:left;
}
h4 {
	font-size:9px;
	font-family: "Futura Book", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#7a7a7a;
	margin-top:30px;
	width:460px;
}
a.red:active {
	color: #f30440;
	text-decoration:none;
}
a:red:link {
color: #f30440;
text-decoration: none;
}
a:red:visited {
color: #565656;
text-decoration: underline;
}
a:red:hover {
color: #565656;
text-decoration: underline;
}
a.normal:active {
	color: #565656;
	text-decoration:none;
}
a:normal:link {
color: #565656;
text-decoration: none;
}
a:normal:visited {
color: #565656;
text-decoration: underline;
}
a:normal:hover {
color: #565656;
text-decoration: underline;
}


/* HEADER */



.container {
  float:left;
  display: block;
  
  width: 100%;
  margin: 0 auto;
  padding: 0;
  background:#fff;
}

#container{
	width:100%;
	float:left;
	}


#wrap {
	width:980px;
	margin:0 auto;
}



#content{float:left; padding:20px;}

#content p{font-family: 'Lato', sans-serif; text-transform:none; line-height:18px; color:#34495e;}

#logo{float:left; width:100%}

#header{
	width:960px;
	margin:0 auto;
	padding-top:10px;
	}

.header-line{float:left; width:100%; height:10px; margin-top:10px; background:url(../images/header-line.gif) repeat-x;}

.title{font-family: 'Lato', sans-serif; text-transform:none; font-size:32px; line-height:30px; color:#34495e;}
.bold{display:inline; font-weight:bold;}

#view-more-categories{float:left; width:100%; margin:10px 0 17px 0;}

.subtitles{float:left; width:100%; font-weight:bold !important; font-family: 'Lato', sans-serif; text-transform:none; margin:20px 0 0px 0;}

#categories{float:left; width:942px; padding:10px 0 0 11px; background:url(../images/grey-box.gif) no-repeat 0;}

#categories ul#col1{float:left; padding:0; margin-right:8px;}

#categories ul#col1 li{list-style-type:none; margin-bottom:5px;}

#categories ul#col2{float:left; padding:0; margin-right:8px;}

#categories ul#col2 li{list-style-type:none; margin-bottom:5px;}

#categories ul#col3{float:left; padding:0; margin-right:8px;}

#categories ul#col3 li{list-style-type:none; margin-bottom:5px;}

#categories ul#col4{float:left; padding:0}

#categories ul#col4 li{list-style-type:none; margin-bottom:5px;}



#banners{float:left; margin-right:15px; margin-top:22px;}


footer {
  float:left;
  position: relative;
  background-color: #ecf0f1;
  text-transform: uppercase;
  padding: 15px 0 15px 0;
  height:100%;
  width:100%;
}
footer a {
  color: #a2a2a2;
}
footer a:visited {
  color: #a2a2a2;
}
footer a:hover {
  color: #000000;
}
footer div.copyright {
  color: #999;
  font-size: 14px;
}
footer div.social {
  float: right;
  width: 100px;
  height: 40px;
}
footer div.social-twitter {
  width: 170px;
}




.footer-logo{float:left; width:100%;}

#footer-content{margin:0 auto; width:900px; background:#ecf0f1;}

#footer-content p{float:left; font-family: 'Lato', sans-serif; text-transform:none; line-height:18px; padding:10px 0 0 0; width:600px; font-size:13px; color:#bdc3c7;}


.footer-text-box{float:left; width:450px;}

.footer-text{font-family: 'Lato', sans-serif; display:inline; font-size:13px; color:#bdc3c7; text-transform:none; line-height:18px;}

.footer-logo{float:left; margin-bottom:10px;}

.underline{font-weight:bold; font-family: 'Lato', sans-serif; display:inline; text-transform:none; text-decoration:underline; font-size:13px; color:#95a5a6;}