﻿
/***********************************
*  GENERAL                         *
************************************/

html, body {
	height: 100%;
}

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #E9E9E9;
}

p {
	margin: 0px;
}

body * {
	font-family: Tahoma, Arial;
	font-size: 10pt;
}

a {
	color: #E10000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#global-container {
	padding-bottom: 15px;
}

/***********************************
*  HEADER                          *
************************************/

#header {
	background-color: #FFFFFF;
	border-bottom: 1px solid #C5C5C5;
	height: 80px;
}

#header-container {
	margin: auto;
	width: 900px;
	height: 80px;

}

#header-container .logo{
float: left;
width: 259px;
height: 71px;
}

#header-menu {
	text-align: right;
	padding-top: 10px;
}


/***********************************
*  CONTENT & COLUMNS               *
************************************/

#content {
	margin: auto;
	width: 900px;
}

#columns {
	width: 100%;
	margin-top: 7px;
}

#columns td {
	vertical-align: top;
}

#left-column {
	width: 300px;
}

#left-column div.content-container-body {
	background: transparent url('../images/menu_background.jpg') no-repeat top left;
	padding-bottom: 30px;
}

#right-column-container {
	margin-left: 7px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	padding-bottom: 15px;
}

.content-container {
	background-color: #FFFFFF;
	border: 1px solid #C5C5C5;
}

div.content-container-body {
	margin: 4px;
}

#bottom-content {
	margin-top: 7px;
}


/***********************************
*  LEFT MENU                       *
************************************/

div.left-menu {
	margin-right: 8px;
	margin-left: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
	background: transparent url('../images/left_menu_divider.png') no-repeat bottom left;
}

div.left-menu a {
	color: #FFFFFF;
	font-size: 10pt;
}

div.left-menu a:hover {
	text-decoration: none;
}




/***********************************
*  CENTER CONTENT                  *
************************************/

#main-image {
	background: transparent url('../images/main_image.jpg') no-repeat top left;
	height: 275px;
}

#main-image div {
	border-top: 4px solid #BAD0EE;
	border-bottom: 4px solid #BAD0EE;
	background-color: #FFFFFF;
	padding: 5px;
	text-align: right;
	color: #E10000;
	font-weight: bold;
}

div.section-title {
	margin-top: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #E10000;
	height: 12px;
	font-size: 1pt;
}

div.section-title h1 {
	margin: 0px 0px 0px 10px;
	display: inline;
	background-color: #FFFFFF;
	color: #000000;
	padding: 0px 8px 0px 8px;
	font-size: 14pt;
	font-weight: normal;
	position: absolute;
}


p.text-content {
	display: block;
	margin: 5px 15px 5px 10px;
	text-align: justify;
	color: #656565;
	line-height: 150%;
}


/***********************************
*  BOTTOM COLUMNS                  *
************************************/

#bottom-content div.content-container-body {
	margin: 10px;
}

#bottom-columns {
	width: 100%;
}

#bottom-columns td {
	width: 33%;
	vertical-align: top;
}

#bottom-columns-left {
	padding-right: 10px;
}

#bottom-columns-center {
	border-left: 1px solid #C5C5C5;
	border-right: 1px solid #C5C5C5;
	padding-left: 10px;
	padding-right: 10px;
}

#bottom-columns-right {
	padding-left: 10px;
}

h2 {
	margin: 0px;
}

#quote-left {
	margin-top: 10px;
	background: transparent url('../images/quote_left.png') no-repeat top left;
	padding-left: 20px;
	padding-top: 20px;
}

#quote-right {
	background: transparent url('../images/quote_right.png') no-repeat bottom right;
	padding-right: 20px;
	padding-bottom: 12px;
	font-style: italic;
	color: #656565;
}

div.brand-logo {
	margin-top: 10px;
	margin-bottom: 16px;
	width: 50%;
	height: 50px;
	float: left;
	text-align: center;
}

div.brands-logo img {
	border: none;
}




/***********************************
*  FOOTER                          *
************************************/

#footer {
	margin-top: 15px;
	color: #959595;
	text-align: center;
	font-size: 8pt;
}

#footer a {
	color: #959595;
	font-size: 8pt;
}



/***********************************
*  FORMS                           *
************************************/

/* This span tag is used as a utility for forms, it should never be displayed */
span.form-element-validation {
	display: none;
}

form {
	margin: 0px;
}


/***********************************
*  SUBSECTIONS                     *
************************************/

h2.subsection_title {
	display: block;
	margin-left: 10px;
	padding: 0;

}

ul.list{
	color: #656565;
	padding-left:20px;
}

ul.list li{
	padding: 5px;
}

.clear{
clear:both;
}


div.brand-logo2 {
	margin-top: 10px;
	width: 50%;
	height: 50px;
	float: left;
	text-align: center;
}

div.brands-logo2 img {
	border: none;
}

span.products {
	color: #E10000;
}



/***********************************
*  CONTACT PAGE                    *
************************************/

#departments {
	float: left;
	padding-top: 15px;
	padding-left: 30px;
	width: 265px; /* 295px */
	
}

#address{
	float: left;
	width: 250px;	
	padding-top: 15px;
	padding-left: 30px;
}

.number-type {
	float: left;
	display: block;
	width: 45px;
}




#map {
	margin: 20px 14px 15px 14px;
	width: 550px;
	height: 300px;
}

.grey {
color:#656565;
}







