* { margin:0; padding:0;}
body { background:url(images/tail-top.jpg) left top repeat-x #555b63; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1.05em; color:#2b4c59;}

input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

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

.alignleft { text-align:left;}
.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin-bottom:17px;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img { border:0; vertical-align:top; text-align:left;}

.productIcon { margin-right:22px; margin-bottom:14px; float:left}
.productIconAlt { margin-left:22px; margin-bottom:14px; float:right}

#contactForm label { display:block; height:42px;} 
#contactForm label input { width:214px; padding:2px 0 3px 3px; color:#111; background:#fff; border:1px solid #484a4c;}
#contactForm textarea {width:264px; height:102px; padding:2px 0 2px 3px; margin-bottom:15px; color:#111; background:#fff; border:1px solid #484a4c; overflow:auto;}

/*==================list====================*/
ul { list-style:none;}

.nav { width:100%; overflow:hidden;}
.nav li { display:inline;}
.nav li a { display:block; float:left; width:110px; height:30px; background:url(images/nav-button2.png) no-repeat left top; text-align:center; color:#fff; font-weight:bold; text-decoration:none; line-height:28px; font-size:1.1em; margin-right:-11px; position:relative;}
.nav li a:hover { text-decoration:underline;}
.nav li a.m1 { z-index:6;}
.nav li a.m2 { z-index:5;}
.nav li a.m3 { z-index:4;}
.nav li a.m4 { z-index:3;}
.nav li a.m5 { z-index:2;}
.nav li a.m6 { z-index:1;}
.nav li a.current { background:url(images/nav-button1.png) no-repeat left top; color:#00a2ff; z-index:10 !important;}
.nav li a.current:hover { text-decoration:none; cursor:default;}

.list1 li { background:url(images/arrow-1.gif) no-repeat left 5px; padding:0 0 10px 10px; line-height:1.5em;}
.list1 li.alt {background:url(images/arrow-2.gif) no-repeat left 5px;}

.list2 dt { float:left; width:93px; color:#ff6f37; font-weight:bold;}
.list2 dd { overflow:hidden; padding-bottom:10px;}
.list2 dd img { margin:5px 0 0 5px;}

.list2Wide dt { float:left; width:140px; color:#ff6f37; font-weight:bold;}
.list2Wide dd { overflow:hidden; padding-bottom:10px;}
.list2Wide dd img { margin:5px 0 0 5px;}

.list3 li { background:url(images/arrow-3.gif) no-repeat left 3px; padding:0 0 3px 18px;}
.list3 li a { color:#b9e0f7;}
.list3 li a.main { color:#ff6f37;}

.list4 li { background:url(images/arrow-1.gif) no-repeat left 6px; padding:0 0 7px 10px;}
.list4 li a { color:#2b4c59;}

.list5 li { background:url(images/arrow-3.gif) no-repeat left 3px; padding:0 0 3px 18px;}
.list5 li a { color:#ff6f37;}

.listSpyder li {padding: 0 0 3px 18px;}
.listSpyder li a { color:#E8F3F9;}

/*==================other====================*/
.img-indent { margin:15px 20px 15px 0; float:left;}
.img-indent2 { margin:15px 0 15px 15px; float:right;}
.img-indent3 { margin:5px 5px 5px 15px; float:right;}
.img-indent4 { margin:3px 20px 15px 15px; float:left;}
.img-quote-arrow { margin:0px 15px 10px 0; float:left}
.img-quote { margin:0px 3px 0px 0px;}
.img-box { width:100%; overflow:hidden; padding-bottom:26px;}
.img-box img { float:left; margin:0 20px 0 0;}

.extra-wrap { overflow:hidden; }

.p1 { margin-bottom:17px;}
.p2 { margin-bottom:26px;}
.p3 { margin-bottom:7px;}

blockquote p { margin-bottom:2px;}

span xxblockquote {
	margin: 10px 10px 10px 0px;
	padding: 10px;
	border: 1px dotted #555;
	background-color: #f2f2f2;
	color: #555;
	font-size: 140%;
	text-align: justify;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; }
	
span blockquote {
	margin: 25px 0px 10px 0px;
	padding: 22px 35px 20px 20px;
	border: 1px dotted #8BC5E0;
	background-color: #E4F2F8;
	color: #555555;
	font-size: 105%;
	text-align: justify;
	line-height: 1.5em;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px; }	

/*==================txt, links, lines, titles====================*/
a {color:#ff6f37;}
a:hover{text-decoration:none;}

h2 { font-size:1.64em; color:#fff; line-height:1.1em; font-weight:normal; padding:4px 0 0 0; margin-bottom:10px;}
h2.alt { background:url(images/marker.png) no-repeat left top; padding:8px 0 8px 49px; margin-bottom:10px;}
h3 { font-size:1.64em; color:#539738; font-weight:normal; line-height:43px; padding-left:11px;}
h3 span { color:#4178D0;}
h4 { font-size:1em; margin-bottom:17px;}
h5 { font-size:1em; color:#ff6f37;}
h6 { font-size:1em; margin-bottom:17px; color:#ff6f37;}

div.title { font-size:1.2em; color:#ff6f37; line-height:1em; font-weight:bold; padding:0; margin-bottom:8px}
div.title a { text-decoration:none}
div.title a:hover { text-decoration:underline}

.txt1 { color:#909090; font-size:.91em; line-height:1.4em;}
.txt2 { font-family:tahoma, geneva, sans-serif; font-size:1.1em; color:#fff; line-height:1.71em;}
.txt3 { font-family:tahoma, geneva, sans-serif; font-size:1.04em; color:#fff; line-height:1.5em;}

.button { float:right; font-size:.82em;}
.button span { display:block; background:url(images/button-left.gif) no-repeat left top; padding-left:3px;}
.button span span { background:url(images/button-right.gif) no-repeat right top; padding-right:11px; padding-left:0;}
.button span span a { display:block; background:url(images/button-bg.gif) left top repeat-x; padding:0 5px 3px 5px; text-decoration:none; text-transform:uppercase; color:#4494c3;}
.button span span a:hover { color:#000;}

.buttonalt { float:left; font-size:.82em;}
.buttonalt span { display:block; background:url(images/button-left.gif) no-repeat left top; padding-left:3px;}
.buttonalt span span { background:url(images/button-right.gif) no-repeat right top; padding-right:11px; padding-left:0;}
.buttonalt span span a { display:block; background:url(images/button-bg.gif) left top repeat-x; padding:0 5px 3px 5px; text-decoration:none; text-transform:uppercase; color:#4494c3;}
.buttonalt span span a:hover { color:#000;}

.button1 { float:right; font-size:.82em; margin-left:32px;}
.button1 span { display:block; background:url(images/button1-left.gif) no-repeat left top; padding-left:3px;}
.button1 span span { background:url(images/button1-right.gif) no-repeat right top; padding-right:10px; padding-left:0;}
.button1 span span a { display:block; background:url(images/button1-bg.gif) left top repeat-x; padding:1px 5px 2px 5px; color:#ebf6fb; text-decoration:none; text-transform:uppercase;}
.button1 span span a:hover { color:#000;}

/* Button Pointing Down - float right */
.button2 { float:right; font-size:.82em;}
.button2 span { display:block; background:url(images/button-left.gif) no-repeat left top; padding-left:3px;}
.button2 span span { background:url(images/button-right-down.gif) no-repeat right top; padding-right:11px; padding-left:0;}
.button2 span span a { display:block; background:url(images/button-bg.gif) left top repeat-x; padding:0 5px 3px 5px; text-decoration:none; text-transform:uppercase; color:#4494c3;}
.button2 span span a:hover { color:#000;}

.button2alt { float:left; font-size:.82em;}
.button2alt span { display:block; background:url(images/button-left.gif) no-repeat left top; padding-left:3px;}
.button2alt span span { background:url(images/button-right-down.gif) no-repeat right top; padding-right:11px; padding-left:0;}
.button2alt span span a { display:block; background:url(images/button-bg.gif) left top repeat-x; padding:0 5px 3px 5px; text-decoration:none; text-transform:uppercase; color:#4494c3;}
.button2alt span span a:hover { color:#000;}

/* Button Pointing Up - float right */
.button3 { float:right; font-size:.82em;}
.button3 span { display:block; background:url(images/button-left.gif) no-repeat left top; padding-left:3px;}
.button3 span span { background:url(images/button-right-up.gif) no-repeat right top; padding-right:11px; padding-left:0;}
.button3 span span a { display:block; background:url(images/button-bg.gif) left top repeat-x; padding:0 5px 3px 5px; text-decoration:none; text-transform:uppercase; color:#4494c3;}
.button3 span span a:hover { color:#000;}

/* Button Pointing Up & Down - float right*/
.button4 { float:right; font-size:.82em;}
.button4 span { display:block; background:url(images/button-left.gif) no-repeat left top; padding-left:3px;}
.button4 span span { background:url(images/button-right-up-down.gif) no-repeat right top; padding-right:11px; padding-left:0;}
.button4 span span a { display:block; background:url(images/button-bg.gif) left top repeat-x; padding:0 5px 3px 5px; text-decoration:none; text-transform:uppercase; color:#4494c3;}
.button4 span span a:hover { color:#000;}

/* Button Pointing Up & Down - float left*/
.button4alt { float:left; font-size:.82em;}
.button4alt span { display:block; background:url(images/button-left.gif) no-repeat left top; padding-left:3px;}
.button4alt span span { background:url(images/button-right-up-down.gif) no-repeat right top; padding-right:11px; padding-left:0;}
.button4alt span span a { display:block; background:url(images/button-bg.gif) left top repeat-x; padding:0 5px 3px 5px; text-decoration:none; text-transform:uppercase; color:#4494c3;}
.button4alt span span a:hover { color:#000;}

.line-hor { background:#ccd1d2; height:1px; overflow:hidden; font-size:0; line-height:0; margin:20px 0 20px 0;}
.line-ver1, .line-ver2 { background-image:url(images/line-ver.gif); background-repeat:repeat-y; width:100%;}
.line-ver3 { background-image:url(images/line-ver1.gif); background-repeat:repeat-y; width:100%;}
.line-ver4 { background-image:url(images/line-ver1.gif); background-repeat:repeat-y; width:2px; border:1px none red}

.title { margin-bottom:17px;}

/*==================boxes====================*/
.box { color:#b9e0f7;}
.box .top { background:url(images/box-top.gif) no-repeat left top; height:11px; overflow:hidden; font-size:0; line-height:0;}
.box .bottom { background:url(images/box-bottom.gif) no-repeat left top; height:11px; overflow:hidden; font-size:0; line-height:0;}
.box .bottomLight { background:url(images/box-bottom-light.gif) no-repeat left top; height:11px; overflow:hidden; font-size:0; line-height:0;}
.box .bottomLighter { background:url(images/box-bottom-lighter.gif) no-repeat left top; height:11px; overflow:hidden; font-size:0; line-height:0;}
.box .bottomLightest { background:url(images/box-bottom-lightest.gif) no-repeat left top; height:11px; overflow:hidden; font-size:0; line-height:0;}
.box .bg { background:url(images/box-bg.jpg) no-repeat left top #111314; width:100%;}
.box .indent { padding:4px 20px 0 25px;}
.box .indent .indent { padding:0 10px 10px 0;}

.box1 { background:url(images/box1-bg.gif) left bottom repeat-x #fff; width:100%; overflow: hidden} 
.box1 .indent { padding:0 0 16px 29px;}
.box1 .indent1 { padding:22px 10px 0 12px;}
.box1 .indent2 { padding:22px 16px 0 12px;}
.box1 .indent3 { padding:0 20px 16px 29px;}

.box1-bottom { background:url(images/box1-bottom.gif) no-repeat left top; height:14px; overflow:hidden; font-size:0; line-height:0; margin-bottom:20px; clear:both}

.cont-box { padding:0 80px 0 0; margin:0;}
.cont-box span { float:right;}

.title-box { background:url(images/title-bg.gif) left top repeat-x;}
.title-box .left { background:url(images/title-left.gif) no-repeat left top;}
.title-box .right { background:url(images/title-right.gif) no-repeat right top; height:43px;}


/*headerHome*/
#headerHome .row-1 { height:1px;}
#headerHome .row-1 .indent { padding:33px 0 0 276px;}
#headerHome .row-2 { height:86px; text-align:right; text-transform:uppercase;}
#headerHome .row-2 .indent { padding:15px 21px 0 0;}
#headerHome .row-2 a { color:#0d96e5; text-transform:none;}
#headerHome .row-3 { padding:87px 195px 0 0; text-align:right; border:1px;}
#headerHome .logo { position:absolute; top:11px; left:60px; border:1px;}
/*headers*/
#header .row-1, #header2 .row-1, #header3 .row-1, #header4 .row-1, #header5 .row-1, #header6 .row-1, #header7 .row-1 { height:1px;}
#header .row-1 .indent, #header2 .row-1 .indent, #header3 .row-1 .indent, #header4 .row-1 .indent, #header5 .row-1 .indent, #header6 .row-1 .indent, #header7 .row-1 .indent  { padding:33px 0 0 276px;}
#header .row-2, #header2 .row-2, #header3 .row-2, #header4 .row-2, #header5 .row-2, #header6 .row-2, #header7 .row-2  { height:86px; text-align:right; text-transform:uppercase;}
#header .row-2 .indent, #header2 .row-2 .indent, #header3 .row-2 .indent, #header4 .row-2 .indent, #header6 .row-2 .indent, #header7 .row-2 .indent { padding:15px 21px 0 0;}
#header .row-2 a, #header2 .row-2 a, #header3 .row-2 a, #header4 .row-2 a, #header5 .row-2 a, #header6 .row-2 a, #header7 .row-2 a { color:#0d96e5; text-transform:none;}
#header .row-3, #header2 .row-3, #header3 .row-3, #header4 .row-3, #header5 .row-3, #header6 .row-3, #header7 .row-3  { padding:87px 195px 0 0; text-align:right; border:1px;}
#header .logo, #header2 .logo, #header3 .logo, #header4 .logo, #header5 .logo, #header6 .logo, #header7 .logo  { position:absolute; top:11px; left:60px; border:1px;}

/*content*/
#xcontent .row-1 { padding-bottom:20px;}

/*footer*/
#footer { text-align:right; color:#b9c9d2; text-transform:uppercase;}
#footer a {color:#b9c9d2; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

/*anti-spam for email bots */
span.codedirection { unicode-bidi:bidi-override; direction: rtl; }

/* The colour of this link is intentionally the same as the background, as 
*  don't want to display this link to visitors */
#footer a.spyderFind {color:#555B63}
#footer .spyderFind {color:#555B63}

/*==========================================*/