/* CSS Document */

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

body{
	background:url(images/body-bottom-tail.gif) center top ;
	text-align:center;
}

.body-tail {background:url(images/body-tail.jpg) center top repeat-x;}
.body-bg {background:url(images/body-bg.jpg) top center no-repeat;}

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.8125em;
		line-height:1.23em;
		color:#767676;
	}

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

a {color:#2cb6e8; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:16px;}

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

li { background:url(images/marker.gif) no-repeat 0 9px; padding-left:17px; line-height:1.5em; font-size:0.92em; line-height:2em;} 
li a {color:#4cce3d;}

.imgindent {margin:0 15px 0 0; float:left;}

/* ============================= header ====================== */
.logo {padding:27px 0 0 0; float:left;}
.menu {padding:14px 0 0px 28px; float:left; width:600px; background:url(images/menu-bg.jpg) left top no-repeat;  margin-top:27px; height:51px;}
.menu li {float:left; background:url(images/menu-li-bg.gif) right 8px no-repeat;  padding:0 11px 0 11px;}
.menu li a {cursor:pointer; text-decoration:none; display:inline-block; height:34px;}

.menu .m1 {background:url(images/m1-bg.gif) left top no-repeat;  width:62px;}
.menu .m2 {background:url(images/m2-bg.gif) left top no-repeat;  width:69px;}
.menu .m3 {background:url(images/m3-bg.gif) left top no-repeat;  width:86px;}
.menu .m4 {background:url(images/m4-bg.gif) left top no-repeat;  width:94px;}
.menu .m5 {background:url(images/m5-bg.gif) left top no-repeat;  width:95px;}
.menu .m6 {background:url(images/m6-bg.gif) left top no-repeat;  width:97px;}

.menu .m1:hover, .menu .active .m1 {background:url(images/m1-bg-active.gif) left top no-repeat;}
.menu .m2:hover, .menu .active .m2 {background:url(images/m2-bg-active.gif) left top no-repeat;}
.menu .m3:hover, .menu .active .m3 {background:url(images/m3-bg-active.gif) left top no-repeat;}
.menu .m4:hover, .menu .active .m4 {background:url(images/m4-bg-active.gif) left top no-repeat;}
.menu .m5:hover, .menu .active .m5 {background:url(images/m5-bg-active.gif) left top no-repeat;}
.menu .m6:hover, .menu .active .m6 {background:url(images/m6-bg-active.gif) left top no-repeat;}

.menu .last {background:none;}

.slogan_city {text-transform:uppercase; }
.slogan_city .right img {margin-bottom:2px;}
.slogan_city .left {padding:-3px 0 0 0px;}


.slogan {background:url(images/header-home-bg.png) left top no-repeat; padding:29px 0 21px 0 ; text-transform:uppercase; }
.slogan .right img {margin-bottom:2px;}
.slogan .left {padding:34px 0 0 23px;}

.slogan_diamond {background:url(images/header-diamond-bg.png) left top no-repeat; padding:29px 0 21px 0 ; text-transform:uppercase; }
.slogan_diamond .right img {margin-bottom:2px;}
.slogan_diamond .left {padding:34px 0 0 23px;}

.slogan_gold {background:url(images/header-gold-bg.png) left top no-repeat; padding:29px 0 21px 0 ; text-transform:uppercase; }
.slogan_gold .right img {margin-bottom:2px;}
.slogan_gold .left {padding:34px 0 0 23px;}


.slogan_fedex {background:url(images/header-fedex-bg.png) left top no-repeat; padding:29px 0 21px 0 ; text-transform:uppercase; }
.slogan_fedex .right img {margin-bottom:2px;}
.slogan_fedex .left {padding:34px 0 0 23px;}

.slogan_contactus {background:url(images/header-contacus-bg.png) left top no-repeat; padding:29px 0 21px 0 ; text-transform:uppercase; }
.slogan_contactus .right img {margin-bottom:2px;}
.slogan_contactus .left {padding:34px 0 0 23px;}

.slogan_aboutus {background:url(images/header-aboutus-bg.png) left top no-repeat; padding:29px 0 21px 0 ; text-transform:uppercase; }
.slogan_aboutus .right img {margin-bottom:2px;}
.slogan_aboutus .left {padding:34px 0 0 23px;}



/* ============================= content ====================== */
.box {background:#fff; }
.box .indent {padding:29px 30px 32px 30px;}
.box .top-tail {background:url(images/box-top-tail.gif) left top repeat-x;}
.box .left-tail {background:url(images/box-left-tail.gif) top left repeat-y;}
.box .right-tail {background:url(images/box-right-tail.gif) top right repeat-y;}
.box .top-right {background:url(images/box-corner-top-right.gif) top right no-repeat;}
.box .top-left {background:url(images/box-corner-top-left.gif) top left no-repeat; width:100%; }
.box a {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.box li a {font-family:Arial, Helvetica, sans-serif}

.box h2 {font-size:1.69em; line-height:1.2em; color:#000; font-weight:normal; margin-bottom:6px;}
.box h3 {font-size:2.3em; line-height:1.2em; color:#000; font-weight:normal; margin-bottom:6px;}
.box .divider {background:url(images/divider-bg.gif) 202px 0px repeat-y;}
.box .col-pad1 {padding-right:75px}
.box .padding {padding-bottom:18px;}
.box .padding1 {padding-bottom:20px;}
.box .padding2 {padding-bottom:14px;}
.box .padding3 {padding-bottom:24px;}

.box1 {background:url(images/box1-bg.jpg) left top repeat-x; color:#b3c8d1;}
.box1 .indent {padding:34px 10px 20px 27px;}
.box1 .top-tail {background:url(images/box1-top-tail.gif) left top repeat-x;}
.box1 .left-tail {background:url(images/box1-left-tail.gif) top left repeat-y;}
.box1 .right-tail {background:url(images/box1-right-tail.gif) top right repeat-y;}
.box1 .top-right {background:url(images/box1-corner-top-right.gif) top right no-repeat;}
.box1 .top-left {background:url(images/box1-corner-top-left.gif) top left no-repeat; width:100%; }
.bottom-bg {background:url(images/box1-bottom-tail-bg.gif) bottom center;}

.box1 h2 {font-size:1.84em; line-height:1.2em; color:#fff; font-weight:normal; margin-bottom:6px;}
.box1 .col-pad {padding-right:43px;}
.box1 .col-pad1 {padding-right:58px;}
.box1 .divider {background:url(images/box1-divider-bg.gif) 601px 0px repeat-y;}
.box1 .divider1 {background:url(images/box1-divider-bg.gif) 287px 0px repeat-y;}
.box1 .link {display:inline-block; background:url(images/link-bg.gif) left top no-repeat; font-size:1.23em; line-height:1.2em; text-transform:uppercase; color:#fff; text-decoration:none; padding:4px 16px 5px 16px; margin-top:8px;}
.box1 .link:hover {background:url(images/link-bg-active.jpg) left top no-repeat;}

.alignright {text-align:right;}

.bottom-right {background:url(images/box-corner-bottom-right.png) bottom right no-repeat; padding:0 57px 0 56px}
.bottom-left {background:url(images/box-corner-bottom-left.png) bottom left no-repeat;}
.bottom-tail {background:url(images/box-bottom-tail.gif) left bottom repeat-x; height:56px;}

.col-pad {padding-right:58px;}

.title {color:#414141; font-size:0.92em;}
.title1 {display:inline-block; background:url(images/title1-bg.gif) left 5px no-repeat; padding-left:16px; margin-top:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000;}

.pad {padding-top:10px;}
.pad1 {padding-top:15px;}

.block {float:left; width:385px;}

.h-pad {padding-top:50px;}
.h-pad1 {padding-top:40px;}
.h-pad2 {padding-top:48px;}


.block1 {float:left; width:192px;}
.img-marg {padding-right:34px}

.phone {display:inline-block; width:90px;}
.box .mail {color:#767676; font-family:Arial, Helvetica, sans-serif}
/* ============================= footer ====================== */
#footer {color:#fff; padding-right:35px;}
#footer .main {text-align:center; font-weight:bold; padding-top:33px}
#footer a {color:#fff; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
/* ============================= forms ============================= */
#SearchForm {background:url(images/box1-bottom-bg.gif) left top repeat-x; height:47px; text-align:right !important; padding:18px 24px 0 0;}
#SearchForm label {background:url(images/input-bg.gif) right top no-repeat; height:28px; display:inline-block; vertical-align:top; margin-right:-1px;}
#SearchForm .input {width:238px;  border:none; padding:5px 6px 2px 15px; font-size:1em;  vertical-align:top; color:#79938c; line-height:1.2em; color:#4a646f;}

#LoginForm {color:#000; padding-bottom:64px;}
#LoginForm label {height:48px; display:block;}
#LoginForm a {color:#5fc750;}
#LoginForm .input {width:165px; border:1px solid #aaaaaa; background:none; padding:2px 0 0px 5px; font-size:1em; line-height:1.16em; cursor:text;}

#ContactForm {padding:10px 0 8px 0;}
#ContactForm label {height:38px; display:block;}
.column1 {float:left; width:308px;}
.column2 {float:left; width:334px;}
#ContactForm .link {margin:5px 0 0 20px; display:inline-block;}
.input {width:290px;  border:1px solid #a4a4a4; background:none; padding:1px 0 1px 5px; font-size:1em; line-height:1.16em; cursor:text;}
textarea {width:328px; height:94px; border:1px solid #a4a4a4; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}


dl {border: 1px solid #85d245;}
dt {float:left; text-align:right; width:400px; line-height:25px; margin:0 10px 10px 0;}
dd {float:left; width:375px; line-height:25px; margin:0 0 10px 0;}


label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 4.5em;
}
input
{
color: #2cadd3;
background: #FFFFFF;
border: 1px solid #2cadd3
}

fieldset
{
border: 1px solid #85d245;
width: 500px;
margin:50px;
padding: 10px;

}

legend
{
color: #fff;
background: #2cadd3;
border: 1px solid #85d245;
padding: 2px 6px
} 

select {
color: #2cadd3;
border: 2px outset #2cadd3;
}
textarea {
color: #2cadd3;
border: 2px outset #2cadd3
}
	#stylized{
		border:solid 2px #b7ddf2;
		background:#ebf4fb;
	}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:10px;
	}
	#stylized label{
		color: #2cadd3;
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}

	#stylized .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#stylized input{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}

	#stylized select {
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}
	#stylized textarea {
		background-color: FFFFFF;
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}

	#stylized checkbox{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		margin:2px 0 20px 10px;
	}


	#stylized button{ 
		color:#FFFFFF;
		background-color: #a0da38;
		border: solid 4px #2cadd3;
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		text-align:center;
		line-height:31px;
		font-size:14px;
		font-weight:bold;
	}


form .required {color:red;float:none;font-weight:700;}
.error_small		{color:#85d245;font-size:11px;font-weight:bold;}
	.error{
		color:#2cadd3;
		font-size:11px;
		font-weight:bold; 
		text-align: left;
		
}


.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:solid 1px #aacfe4;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 200px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}