/* CSS Document */

*
{
	margin: 0;
	padding: 0;
	font-size: 100%;
}
form
{
	margin: 0;
	padding: 0;
}

body
{
	background: #FFFFFF;
	text-align: center;
}

img
{
	vertical-align: top;
}
a img
{
	border: 0;
}

ul
{
	list-style: none;
}

.left
{
	float: left;
}
.right
{
	float: right;
}
.clear
{
	clear: both;
}


html, input, textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.5em;
	color: black;
}

input, select
{
	vertical-align: middle;
	font-weight: normal;
}

a
{
	color: #db7b25;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
p
{
	padding-top: 15px;
}
strong a
{
	color: #418eb1;
}

/* ============================= main layout ====================== */

.list li
{
	background: url(images/list-bg-arrow.png) no-repeat 0 1px;
	padding-left: 19px;
	margin-bottom: 7px;
}
.list li a
{
	color: #db7b25;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #c9e4ed;
	font-weight: bold;
	padding-bottom: 2px;
	min-height: 26px;
	height: auto !important;
	height: 26px;
}
.list li a:hover
{
	color: #217ba4;
}

.list2 li
{
	background: url(images/list-bg-arrow.png) no-repeat 0 1px;
	padding-left: 19px;
	margin-bottom: 2px;
}
.list2 li a
{
	color: #db7b25;
	text-decoration: none;
	display: block;
	font-weight: bold;
	padding-bottom: 2px;
	min-height: 26px;
	height: auto !important;
	height: 26px;
}
.list2 li a:hover
{
	color: #217ba4;
}

.imgindent
{
	margin: 0 17px 0 0;
	float: left;
}
.title
{
	margin-bottom: 9px;
}

/* ============================= header ====================== */

#header
{
	position: relative;
	background: url(images/headercolumn2-tail.jpg) top left repeat-x;
	border-bottom: solid 1px black;
}
#header .menu
{
	position: absolute;
	margin: 240px 0 0 39px;
}
#header .menu img
{
	margin-right: 3px;
}
#header .menu li
{
	margin-right: 3px;
	float: left;
}
#header .menu li a
{
	width: 106px;
	height: 56px;
	display: block;
}

#header .menu li .active
{
	width: 106px;
	height: 56px;
	display: block;
	background: url(images/m1-act.png) top left no-repeat;
	color: white;
	text-decoration: none;
	text-align: center;
	padding-top: 8px;
	font-size: 13px;
	font-weight: bold;
}

#header .menu a
{
	background: url(images/m1.png) top left no-repeat;
	color: #0a2b3f;
	text-decoration: none;
	text-align: center;
	padding-top: 8px;
	font-size: 13px;
	font-weight: bold;
}
#header .menu a:hover
{
	background: url(images/m1-act.png) top left no-repeat;
	color: white;
	text-decoration: none;
	text-align: center;
	padding-top: 8px;
	font-size: 13px;
	font-weight: bold;
}

#header .login-button
{
	position: absolute;
	right: 45px;
	top: 272px;
	display: inline-block;
	background: url(images/login-button.gif) top left no-repeat;
	color: #d66705;
	font-weight: bold;
	padding: 6px 13px 9px 75px;
}

#header .column-1
{
	background: url(images/header-tail.jpg) top repeat-x;
	width: 300px;
}
#header .column-1 .indent
{
	background: url(images/header-left-bg.gif) top right no-repeat;
	padding: 50px 0 70px 0;
	text-align: center;
}
#header .column-2 .indent
{
	padding: 0 0 20px 8px;
	background: url(images/header-right-bg.jpg) top left no-repeat;
}

#header .left
{
	margin-top: 25px;
}
#header .box
{
	background: url(images/header-box-wide.png) top left no-repeat;
	width: 400px;
	padding: 26px 22px 60px 28px;
	height: 132px;
	margin: 0 32px 0 20px;
	position: relative;	
}

#header .box strong
{
	font-weight:bold;
	color:white;
}

#header .box .title
{
	font-weight: bold;
	font-family: Arial, Sans-Serif;
	font-size: 10px;
	color: white;
	margin-top: -8px;
	margin-bottom: 15px;
}


#header .box .producttitle
{
	font-weight: bold;
	font-family: Arial, Sans-Serif;
	font-size: 25px;
	color: white;
	margin-top: 0px;
	margin-bottom: 10px;
}

#content .box .box-indent
{
}

#header .title
{
	margin-bottom: 10px;
}
#header strong
{
	display: inline-block;
	margin-bottom: 5px;
}
#header
{
	color: #0f4365;
}
#header .link
{
	float: right;
	margin: 100px 0 0 0;
}

/* ============================= content ====================== */

#content .column-1
{
	background: url(images/column1-tail-bg.gif) top repeat-x;
	width: 300px;
}

#content .column-2
{
	background: url(images/column2-tail-ver.gif) left repeat-y;
}
.tail-top
{
	background: url(images/column2-tail-hor.gif) top repeat-x;
}
.corner
{
	background: url(images/column2-corner.gif) top left no-repeat;
}

#content .column-1 .indent
{
	padding: 0 26px 0 49px;
}
#content .column-2 .indent
{
	padding: 0 40px 31px 29px;
}
.button
{
	float: right;
	margin: 8px 0 0 0;
}

#content .column-1 .title
{
	margin-bottom: 12px;
	font-weight: bold;
	font-family: Arial, Sans-Serif;
	font-size: 18px;
	color: #11496c;
}

#content .column-1 .subtitle
{
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	color: #11496c;
}

#content .column-1 .active
{
	color: Black;
	font-weight: bold;
}

#content .column-1 .subtitle a
{
	color: #11496c;
	text-decoration: none;
}

#content .column-1 .subtitle .active
{
	color: Black;
}

#content .column-2 .title
{
	margin-top: 10px;
	margin-bottom: 12px;
	font-weight: bold;
	font-family: Arial, Sans-Serif;
	font-size: 20px;
	color: #11496c;
}

#content .column-2 .producttitle
{
	margin-top: 30px;
	margin-bottom: 12px;
	font-weight: bold;
	font-family: Arial, Sans-Serif;
	font-size: 36px;
	color: #11496c;
}

#content .column-2 .subtitle
{
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	color: #db7b25;
}

#content .column-2  li
{
	background: url(images/list-bg-arrow.png) no-repeat 0 1px;
	padding-left: 35px;
	padding-bottom: 10px;
}


.box1
{
	background: url(images/box1-tail-bg.gif) top repeat-x;
	width: 410px;
	margin: 13px -10px 0 0;
}
.box1 .right-bg
{
	background: url(images/box1-right-bg.gif) top right no-repeat;
}
.box1 .left-bg
{
	background: url(images/box1-left-bg.gif) top left no-repeat;
}
.box1 .indent
{
	padding: 11px 0 11px 0 !important;
}
.box1 img
{
	margin-left: 8px;
}

.box2
{
	background: #faf1e3 url(images/box2-corner-bottom-right.gif) bottom right no-repeat;
}
.box2 .corner-bottom-left
{
	background: url(images/box2-corner-bottom-left.gif) bottom left no-repeat;
}
.box2 .corner-top-right
{
	background: url(images/box2-corner-top-right.gif) top right no-repeat;
}
.box2 .corner-top-left
{
	background: url(images/box2-corner-top-left.gif) top left no-repeat;
	width: 100%;
}
.box2 .box-indent
{
	padding: 7px 15px 10px 13px;
}
.extra
{
	display: inline-block;
	width: 82px;
}
.color2
{
	color: #db7b25;
}
.taright
{
	text-align: right;
	padding: 10px 0 0 0;
}
.rss
{
	background: url(images/rss-bg.jpg) no-repeat 0 0;
	font-weight: bold;
	color: #418eb1;
	margin-right: 18px;
	display: inline-block;
	padding: 0 0 10px 22px;
}
.phone
{
	display: inline-block;
	width: 82px;
}

.margin0
{
	margin: 0 !important;
}
.margin1
{
	margin-top: 55px;
}
.margin2
{
	margin-top: 8px;
}
.padding1
{
	padding-top: 5px;
}

/* ============================= footer ====================== */

#footer
{
	font-size: 0.917em;
	line-height: 1.273em;
	color: #64868f;
	font-weight: bold;
	background: #c9ebf3;
}
#footer a
{
	color: #64868f;
	text-decoration: none;
}
#footer a:hover
{
	text-decoration: underline;
}
#footer .column-1
{
	background: #e8f8fc;
	width: 300px;
}
#footer .indent
{
	padding: 20px 0 19px 48px;
}
#footer .menu
{
	padding: 19px 0 10px 16px;
}
#footer .menu li
{
	display: inline;
	color: #d66705;
	padding: 0;
}
#footer .menu li a
{
	color: #d66705;
	text-decoration: none;
	margin: 0 15px 0 12px;
}
#footer .menu li a:hover, #footer .menu .active a
{
	text-decoration: underline;
	color: #418eb1;
}

/* ============================= forms ============================= */

#ContactForm
{
	padding: 10px 0 0 0;
}
#ContactForm .rowi
{
	height: 29px;
}
.taright input
{
	margin-left: 8px;
}

.input
{
	width: 163px;
	height: 18px;
	border: 1px solid #9b9b9b;
	background: #fff;
	padding: 0 0 0 5px;
	font-size: 0.917em;
}
textarea
{
	width: 257px;
	height: 104px;
	border: 1px solid #9b9b9b;
	background: #fff;
	padding: 0 0 0 5px;
	overflow: auto;
	font-size: 0.917em;
}