@charset "utf-8";

/*--------------------------------------------------------------------------------------------------------
CSS Styles for Schilling.

version:   1.0

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


/* =General
--------------------------------------------------------------------------------------------------------*/

/* Removing margin/padding */
* {
  margin: 0;
  padding: 0;
}

/* Giving margin back to several elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 0; padding:0;
}

/* Class for clearing floats */
.clear {
  clear: both; font-size:0; margin:0; line-height:0; height:0;
}

.clearfix:after {  content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */

.clearfix { display:inline-block; }		
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */

/* class for float  */
.alignleft { float:left; }
.alignright { float:right; }
.alignnone { clear:both; }


/* Removing border on linked images */
img {
	border: 0;
}

:focus { outline:0px;}

/* End General
--------------------------------------------------------------------------------------------------------*/


/* =Typography
--------------------------------------------------------------------------------------------------------*/

/* Setting up the fonts */
body {
	font: 11px/14px Arial, Helvetica, sans-serif;
	color:#0d3653;
}

/* verious Font Size Class */

#mainnavigation li {font-size:12px;}
.banner .label {font-size:18px;}
.content {font-size:12px;}
.content h3 {font-size:13px;}
.content ul li  {font-size:12px;}
.product_list li h3 {font-size:12px;}
.product_list li a {font-size:11px;}



/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------------*/

.content h3 {background:url(../img/header-icon.gif) no-repeat 6px 1px; padding:0px 0px 10px 26px; line-height:18px;}
.product_list li h3 { background:url(../img/img-header-icon.gif) no-repeat 0px 0px; padding:2px 0px 10px 20px;}

/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Links
--------------------------------------------------------------------------------------------------------*/

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

/* End Links
--------------------------------------------------------------------------------------------------------*/

/* =Branding
--------------------------------------------------------------------------------------------------------*/


html, body { min-height:100%; height:100%;}
body  { background:#4d5c66;}
#wrapper { width:874px; margin:0px auto; padding:0px 0px;/* min-height:100%;*/  background:#fff url(../img/middle-bg.jpg) left top repeat-y;}
.mainwwrapper { min-height:100% !important; height:100%; position:relative; }

#header {height:129px; position:relative; z-index:9999; background:#fff;}

#logo {background:url(../img/logo.png) no-repeat; height:73px; width:210px; position:absolute; top:40px; left:30px;}
#logo a {text-indent:-9999px; display:block; height:62px;}


/* End Branding
--------------------------------------------------------------------------------------------------------*/


/* =Main Nav
--------------------------------------------------------------------------------------------------------*/

#mainnavigation li {
	background:#253841;
	list-style:none;
	float:left;
	line-height:29px;
	color:#FFF;
	position:relative;
}
#mainnavigation li a {
	color:#fff;
	padding:0px 15px;
	letter-spacing:2px;
}
#mainnavigation li dl {display:none;}
#mainnavigation li a:hover {
	text-decoration:none;
	color: #273841;
}
#mainnavigation li .dropdown {
	background:url(../img/menu-bul.gif) 98% 5px no-repeat;
}
#mainnavigation li.first {
	background:#CDD7E3;
}
#mainnavigation li.first a {color:#253841;}

#mainnavigation dropdown li:hover {
	background:url(../img/menu-bul2.gif) 98% 5px no-repeat;
}


#mainnavigation dl {
	position:absolute;
	display:none;
	width:167px;
	padding:9px 0px 0px;
	top:29px;
	left:-2px;
	z-index:99999;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #CDD7E3;
}
#mainnavigation dl dt {
	padding:0;
	display:block;
	margin:0;
	width:100%;
	background-color: #CDD7E3;
}
#mainnavigation dl dt a {
	line-height:28px;
	display:block;
	height:28px;
	color:#273841;
	letter-spacing:1px;
	padding-left:12px;
}
#mainnavigation dl dt a:hover { color:#253841; background:#e6eaf4; border:none; text-decoration:none;}
#mainnavigation li:hover dl{display:block;}

#mainnavigation li:hover {
	background-color: #CDD7E3;
	color: #273841;
}
#mainnavigation li:active {
	background-color: #CDD7E3;
	color: #273841;
}


/* End Main Nav
--------------------------------------------------------------------------------------------------------*/

/* =Header Controler
--------------------------------------------------------------------------------------------------------*/
.search_box {
	width:256px;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:51px;
	padding-left: 50px;
}
.search_box input {vertical-align:middle; background:#d4e0ec; width:143px; height:16px; padding:3px 0px 3px 4px; border:solid 1px #afc8db; margin-left:10px;}
.search_box span a{background:url(../img/search-icon.gif) no-repeat;  text-indent:-4000px; position:absolute; width:18px; display:inline-block; height:23px; top:-12px; margin-left:4px;}
.search_box span {display:inline-block; height:22px; width:18px; vertical-align:middle; position:relative;}

/* End Controler
--------------------------------------------------------------------------------------------------------*/

/* =Banner Content
--------------------------------------------------------------------------------------------------------*/
.banner {
	position:relative;
	background-image: url(../img/banner.jpg);
	background-color: #fff;
	background-repeat: no-repeat;
	height: 194px;
	width: 874px;
}
.banner .label {position:absolute; display:inline-block; background:#253841; color:#fff; height:30px; line-height:28px; padding:0px 9px; right:30px; top:44px; letter-spacing:1.7px;}

/* End Banner Content
--------------------------------------------------------------------------------------------------------*/


/* =Breadcrumb
--------------------------------------------------------------------------------------------------------*/
.breadcrumb {padding:16px 8px 3px; border-bottom:solid 1px #d1dde8; margin-left:12px;}

/* End Bradcrumb
--------------------------------------------------------------------------------------------------------*/


/* =Main Content
--------------------------------------------------------------------------------------------------------*/

#container {
	padding-bottom:12px;
}
#container  .widecolumn {width:442px;}
#container  .narrowcolumn {width:402px;}
.content {padding:17px 13px;}
.content li {list-style:none;}
.content p {padding:0px 0px 20px 6px; line-height:14px;}
.content p a {
	margin:0px 0px;
}
.content ul {padding:2px 10px 19px 0px;}
.content ul li {background:url(../img/bullet.gif) no-repeat 5px 0px; padding-bottom:3px; padding-left:19px; color:#c4762c;}
.content a {color:#c4762c; text-decoration:none;}
.content a:hover {background-color: #F7A64F;}


/* End Main Content
--------------------------------------------------------------------------------------------------------*/

/* =Secondary Content
--------------------------------------------------------------------------------------------------------*/

.product_list {background:#d1dde8;}
.product_list li {float:left; padding:45px 18px 10px; list-style:none;}
.product_list li .list_item {width:164px;}
.product_list li.last {background:#bdcfde; text-align:left;}
.product_list li.last .list_item {
	width:165px;
}
.product_list li.last .list_item .item_img {margin-left:-2px;}
.product_list li .item_img {margin-bottom:24px;}
.product_list li .item_img img {border:solid 2px #fff;}
.product_list li .img_link img {vertical-align:bottom; margin:0px 7px 0px 2px}
.product_list li p {
	padding:16px 0px;
	width:145px;
}
.product_list li a {color:#c4752b; text-decoration:none;}
.product_list li a:hover {background-color: #F7A64F;}


/* End Secondary Content
--------------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------------*/
#footer {color:#888a8a; width:874px; margin:0 }
#footer .container {padding:18px 0px 22px 0px; background:#253841; color:#fff; display:block;}
#footer a {color:#f97915; text-decoration:none;}
#footer a:hover {
		background-color: #F7A64F;
}
#footer .left {padding-left:24px;}
#footer .left span {display:inline-block; width:164px; vertical-align:top;}
#footer .right {text-align:right; padding-right:17px;}

/* End Footer
--------------------------------------------------------------------------------------------------------*/



/* =Tables
--------------------------------------------------------------------------------------------------------*/

/* Making tables collapse and removing spacing */
table { 
  border-spacing: 0;
  border-collapse: collapse;
}

/* Preparing table columns */
td {
  text-align: left;
  font-weight: normal;
}


/* End Tables
--------------------------------------------------------------------------------------------------------*/