@charset "utf-8";
/* CSS Document */

* {
	line-height: 18px;
}

html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

a {
	text-decoration: none;
	color: #164c57;
}

a:hover {
	text-decoration: underline;
}

h4 {
color: #307e81;
}

body#home {
	background: url(template/skins/default/body-bg.jpg) repeat-x;
	margin: 0;
}

#outerWrapper {
	width: 808px;
	margin: auto;
}

#topBar {
	position: absolute;
	margin: auto;
	width: 808px;
	height: 85px;
	top: 0;
}

#topBar #logo {
	height: 85px;
	background: url(template/skins/default/logo.gif) no-repeat center;
	width: 112px;
	float: left;
}

#topBar #login {
	background: white;
	width: 395px;
	padding: 15px;
	float: right;
	margin-top: 9px;
}

#topBar #login form {
	margin: 0;
}

#topBar #login #login-form {
	height: 20px;
	overflow: hidden;
}

#topBar #login #login-username {
	width: 58px;
	height: 17px;
	background: url(template/skins/default/login/username.jpg) no-repeat;
	background-position: 0px 3px;
	margin: 0;
}

#topBar #login #login-password {
	width: 60px;
	height: 17px;
	background: url(template/skins/default/login/password.jpg) no-repeat;
	background-position: 0px 3px;
}

#topBar #login .login-textField {
	width: 101px;
	height: 17px;
	background: url(template/skins/default/login/field-bg.jpg) no-repeat;	
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

#topBar #login .login-submit {
	width: 64px;
	height: 17px;
	background: url(template/skins/default/login/button-login.jpg) no-repeat;	
	border: 0;
	margin-left: 3px;
}

#topBar #login  #login-links {
	text-align: right;
}

#topBar #login  #login-links a {
	font-size: 10px;
	text-decoration: none;
	color: #164c57;
	line-height: 10px;
}

#topBar #login  #login-links a:hover {
	text-decoration: underline;
}

#wrapper {
	position: relative;
	top: 85px;
	margin: auto;
	background: white;
	padding: 15px;
	padding-top: 47px;
	width: 778px;
}

.divider {
	height: 3px;
	margin-top: 2px;
	overflow: hidden;
	clear: both;
}

.divider.divone {
	background: #c5c5c5;
}

.divider.divtwo {
	background: #db3b0a;
}

#home #topImage {
	margin-top: 2px;
	height: 231px;
	width: 778px;
	overflow: hidden;
}

#footer {
	clear: both;
}

#footer ul {
	display: table;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}

#footer ul li {
	margin: 0;
	list-style: none;
	display: inline;
	padding: 10px	;
}

#content {
	display: block;
	margin-top: 15px;
	position: relative;
	width: 778px;
}

#rightColumn {
	float: right;
	right: 0;
	width: 299px;
	margin-left: 15px;
	margin-bottom: 15px;
}

.brands-home{
	background: url(template/skins/default/boxes/products/middle.jpg) repeat-y;
	margin-bottom: 15px;
}

.brands-home-title {
	background: url(template/skins/default/boxes/products/top.jpg) no-repeat;
	width: 299px;
	height: 67px;
	margin-bottom: 10px;
}

.brands-home-item {
	width: 120px;
	padding: 12px;
	padding-top: 0;
	float: left;
}

.brands-home-footer {
	background: url(template/skins/default/boxes/products/bottom.jpg) no-repeat;
	width: 299px;
	height: 10px;
	overflow: hidden;
}

.clssTable {
	border: 1px solid #abdfe8;
}

.clssTable th, .clssTable td {
	padding-left: 15px;
}

.clssTable th {
	background: url(template/skins/default/menu-bg.jpg) repeat-x #236165;
	text-align: left;
	font-weight: bold;
	height: 32px;
	color: white;
}

#topMenu { 
	position: absolute;
	top: 15px;
	height: 32px;
	padding: 0;
	background: url(template/skins/default/menu-bg.jpg) repeat-x #236165;
	color: white;
	width: 778px;
	font-weight: bold;
}

#topMenu a { text-decoration: none; color: white; }

#topMenu a:hover, #topMenu a:hover ul { background: URL(template/skins/default/menu-bg-highlight.jpg) repeat-x center; }

#topMenu ul { padding: 0; margin: 0; list-style-type: none; }
#topMenu ul li { float: left; display: table; position: relative; z-index: 500; display: block; font-size: 12px; white-space: nowrap; }
#topMenu ul li a, #topMenu ul li a:visited { padding: 17px; height: 35px; font-size: 12px; font-weight: bolder; line-height: 35px; }
#topMenu ul li:hover { }
#topMenu ul li a:hover { border-color: #525254; }
#topMenu ul li ul { display: none; background: white; }
#topMenu table { margin: 0; position: absolute; top: 0; left: 0; }

#topMenu ul li:hover ul { display: block; position: absolute; top: 33px; margin-top: 1px; left: 0; width: 155px; text-align: left; border-bottom: 3px solid #db3b0a; }
#topMenu ul li:hover ul li ul { display: none; }
#topMenu ul li:hover ul li a { display:block;	color: black; height: auto; line-height: 15px;	padding: 4px 16px; width:120px; margin: 0; font-weight: bolder; font-size: 10px; text-align: left;
}
#topMenu ul li:hover ul li { margin: 0; width: auto;  border-bottom: 1px solid #efefef;  }
#topMenu ul li:hover ul li a:hover { background: #efefef; }

#topMenu ul li:hover ul li:hover ul { display:block; position:absolute; left:151px; top:-1px; }
#topMenu ul li:hover ul li a:hover {  }

#topMenu ul li a:hover ul { z-index: 500; display: block; position: absolute; top: 35px; background: white; left: 0;  border-bottom: 3px solid #db3b0a;  }
#topMenu ul li a:hover ul li { margin: 0; border-bottom: 1px solid #efefef; }
#topMenu ul li a:hover ul li a { display: block; height: 1px; line-height: 15px; padding: 3px 16px; width: 120px; font-size: 10px; color: black; }
#topMenu ul li a:hover ul li a ul { visibility: hidden; position: absolute; height: 0; width: 0; }
#topMenu ul li a:hover ul li a:hover { background: #efefef; }
#topMenu ul li a:hover ul li a:hover ul { visibility: visible; position: absolute; top: 0; left: 150px; }

#topMenu #join-us { background: URL(template/skins/default/menu-bg-highlight.jpg) repeat-x; }

.err {
  color: red;
  font-weight: bold;
}
.quotes {
    width:   299px;  
    height:  120px; 
    padding: 0;  
    margin:  0;  
} 
 
.quotes img {  
    /*padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  */
    width:  299px; 
    height: 120px; 
    top:  0; 
    left: 0 
}