/* Design styles  */

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

a img, fieldset { border: none; }

form { margin: 0; padding: 0; }

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* 10px */
	line-height: 1.4;
	color: #565656;
}
td, input, select, textarea {
	font-size: 1em;
}
a { color: #565656; text-decoration: underline; }
a:hover { text-decoration: none; }

.invert { text-decoration: none; }
.invert:hover { text-decoration: underline; }

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.33em;
	letter-spacing: -1px;
	color: #565656;
	text-transform: uppercase;
	margin: 0px 0px 10px;
	font-weight: bold;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #565656;
	margin: 5px 0px 5px;
}

p { margin: 0 0 1em 0; }
ol { padding: 0 0 0 2.15em; margin: 0 0 1em 0; }
ol li { padding: 0 0 0 1.4em; }
ul { padding: 0 0 0 2.15em; margin: 0 0 1em 0; /*list-style: none;*/ }
ul li { padding: 0 0 0 1.4em; /*background: url(../img/ul-li-mark.png) 0 0.52em no-repeat;*/ }
ul ul li { /*background: url(../img/ul-ul-li-mark.png) 0 0.52em no-repeat;*/ }
ul ul ul li { /*background: url(../img/ul-ul-ul-li-mark.png) 0 0.52em no-repeat;*/ }
blockquote { padding: 0 0 0 3.5em; }


/**** head ****/
#logo-block .logo {
	position: absolute;
	top: 86px; left: 30px;
}
#logo-block .phone {
	position: absolute;
	top: 12px; left: 16px;
}
#top-menu #tmul {
	list-style: none;
	background: url(../img/bg-top-menu-left.png) 0 100% no-repeat;
	overflow: hidden;
	height: 64px;
	margin: 0; padding: 0;
	font-size: 1.7em;
	letter-spacing: -1px;
}
	#top-menu #tmul li {
		float: left;
		padding: 0 1em;
	}
	#top-menu #tmul li span { display: none; }
	#top-menu #tmul a { text-decoration: none; }
	#top-menu #tmul a:hover { color: #0e5690; }

.popup {
	position: absolute; visibility: hidden; z-index: 9;
	background: #ffffff url(../img/bg-popup1.png) 0 0 no-repeat;
	width: 180px;
	line-height: 1;
	padding-left: 2px;
	padding-top: 2px;
	font-size: 1.1em;
}
.popup div {
	background: url(../img/bg-popup2.png) 100% 100% no-repeat;
	padding: .8em 8px 1px 8px;
}
.popup ul { list-style:none; margin: 0 0 1em 0; padding: 0; }
.popup li { padding-bottom: 5px; }
.popup a { text-decoration: none; }
.popup a:hover { text-decoration: underline; }

/**** footer ****/
#footer ul {
	list-style: none;
	font-size: 1.1em;
	overflow: hidden;
	height: 13px;
	margin: 0; padding: 0 0 0 5px;
}
	#footer ul li {
		float: left;
		padding: 0 0 0 25px;
	}
	#footer ul li span {
		display: none;
	}
	#footer ul a { text-decoration: none; }
	#footer ul a:hover { color: #0e5690; }

	#footer p {
		float: right;
		padding: 0 110px 0 0;
		margin: 0;
	}
	#footer p span { display: none; }
	#footer .pencil {
		position: absolute;
		right: 0px; top: -91px;
	}

/**** left-col ****/
.login1 {
	background: url(../img/bg-login-border1.png) 100% 0 no-repeat;
	color: #fff;
	font-size: 1.2em;
	margin-bottom: 20px;
}
#wrap-company .login1 { background: url(../img/bg-login-border1-invert.png) 0 0 no-repeat; }
	.login2 {
		background: url(../img/bg-login-border2.png) 100% 100% no-repeat;
		padding: 3px 3px 3px 0;
	}
	#wrap-company .login2 { background: url(../img/bg-login-border2-invert.png) 0 100% no-repeat; padding: 3px 0 3px 3px; }
		.login3 {
			background: #f59318 url(../img/bg-login.jpg);
			padding: 15px 0;
		}
		#wrap-company .login3 { background: #f59318 url(../img/bg-login-invert.jpg); padding-left: 18px; }

.login1 a { color: #fff; font-size: 0.91em; text-decoration: none; }
.login1 a:hover { text-decoration: underline; }

.round {
	background: url(../img/input-round.png) 0 50% no-repeat;
	padding-left: 7px;
}
.round2 {
	background: url(../img/input-round2.png) 100% 50% no-repeat;
	width: 98px;
	padding-right: 7px;
}
	.round input {
		width: 98px;
		border-left: 0; border-right: 0;
		border-top: 1px #d05613 solid;
		border-bottom: 1px #d05613 solid;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}

#left-col h2 {
	background: url(../img/bg-left-title.png) no-repeat;
	padding: 5px 0 5px 70px;
	margin: 0;
	font-size: 1.3em;
	letter-spacing: -1px;
}
#left-col .content {
	background: url(../img/bg-left-shadow.png) 0 0 no-repeat;
	padding: 25px 5px 0 10px;
}

/**** right-col ****/

#right-col h2 {
	background: url(../img/bg-right-title2.png) no-repeat;
	padding: 5px 60px 5px 0;
	margin: 0;
	font-size: 1.3em;
	letter-spacing: -1px;
	text-align: right;
}
#right-col .content {
	background: url(../img/bg-right-shadow.png) 0 0 no-repeat;
	padding: 25px 5px 0 10px;
}

/**** common ****/

dl { margin: 0; }
dt { font-weight: bold; }
dt a { text-decoration: none; }
dt a:hover { text-decoration: underline; }
dd { margin: 0; }
dd.more { margin: 0 0 1em 0; color: #d35909; font-weight: normal; }
dd.more a { color: #d35909; }

.color1, .color1 a { color: #d35909; text-decoration: none; }
.color2, .color2 a, ul.company-list .color2 a { color: #0e5690; text-decoration: none; }
.color1 a:hover, .color2 a:hover { text-decoration: underline; }
.color3, .color3 a { color: #8c1b0d; text-decoration: none; }

ul.company-list { margin: 0 0 1em 0; padding: 0; list-style-type: none; }
ul.company-list li { margin: 0; padding: 0; }
ul.company-list a { text-decoration: none; color: #d35909; }
ul.company-list a:hover { text-decoration: underline; }

.content { font-size: 1.2em; }

.h100 { height: 100%; }

/* this class should be placed on a div or break element and should be the final element
before the close of a container that should fully contain a float */
.clearfloat {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

h3 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #565656;
	margin: 2px 0px 2px;
}

h4 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.00em;
	font-weight: bold;
	color: #565656;
	margin: 2px 0px 2px;
}

.input {
	border: 1px solid #ababab;
	font-family: Arial, Helvetica, sans-serif;
	width: 146px;
}
.inputImage {
	border: 1px solid #ababab;
	padding: 1px 10px 0 10px;
}
.h-dots { background: url(../img/dots-h.gif) 0 50% repeat-x; }
.v-dots { background: url(../img/dots-v.gif) 50% 0 repeat-y; }


.btmtxt {
		font-size:1.1em;
		margin-top:1em; 
		margin-left:2.8em;
		text-decoration: none;
}
.btmtxt a, .btmtxt a:hover { text-decoration: none; }
a.btmtxt:hover { text-decoration: none; }

.brands, .brands a { text-decoration: none; }
.brands a:hover { text-decoration: underline; }

.bno, .bno a { text-decoration: none; }
.bno a:hover { text-decoration: none; }