/* CSS Document */
* { margin: 0; padding: 0 }
body { background: url("/Images/background.png") top left repeat-x #FFF; font: normal 12px Arial, Helvetica, sans-serif; }
#packages { margin: 0px auto; width: 998px; }
h1 { font: normal 12px Arial, Helvetica, sans-serif; color: #000; width: 998px; text-align: right; line-height: 20px;  }
#top { width: 998px; text-align: right; height: 80px; line-height: 18px; }
img.logo { float: left; position: relative; top:-20px; left: 0;  }
a img { border: 0 }

.dropmenu { width: 998px; text-align: left }
.dropmenu ul { list-style-type:none; padding:0; margin:0 }
.dropmenu li { float:right; position:relative; z-index:100 }
.dropmenu table { position:absolute; border-collapse:collapse; z-index:80; left:-1px; top:29px }
.dropmenu a, .dropmenu :visited { display:block; font: bold 14px Arial, Helvetica, sans-serif; line-height: 30px; padding-left: 25px; text-decoration:none; color: #666; text-align:left; text-transform: uppercase }
.dropmenu :hover{ color:#999 }
.dropmenu ul ul { visibility:hidden; position:absolute; width:250px; height:0 }
.dropmenu ul ul a, .dropmenu ul ul :visited { width:250px; background: url("Images/subnav.png") top left #EBEBEB; padding-left: 10px; }
.dropmenu ul ul :hover{ color:#999 }
.dropmenu ul li:hover ul, .dropmenu ul a:hover ul { visibility:visible }

#topbanner { clear: both; width: 998px; height: 340px }

#content { float: left; width: 645px; text-align: left; padding-top: 30px }

h2 { font: normal 18px Arial, Helvetica, sans-serif; color: #06C; margin: 10px 0px; }
h3 { font: normal 18px Arial, Helvetica, sans-serif; color: #06C; margin: 10px 0px; }
h4 { font: normal 18px Arial, Helvetica, sans-serif; color: #06C; margin: 10px 0px; }
p { margin-bottom: 10px; text-align: left; color: #333 }

h2 a, h3 a, h4 a { color: #06C !important; text-decoration: none !important; }

#topform { background: url("Images/topform.png") top left no-repeat; width: 270px; height: 160px; margin-top: 10px; }
#topform table { margin: 0px 0px 20px 54px; }
#topform table tr td { text-align: right; }
#topform input, #topform select  { background: none; }
#topform input.quicksubmit { margin: -2px 9px 0 0 }

div#quickform { background: url("Images/form.png") top left no-repeat #FFF; width: 645px; height: 278px; margin: 10px; text-align: left; }
table.botform { margin: 4px 0px 0px 54px; }
table.botform tr td { text-align: right; }
td.nhleft { text-align: left; font: normal 12px Verdana,Arial,Sans-serif; }
input.quickform, select.quickform, textarea.quickform { font: normal 11px Verdana,Arial,Sans-serif; color: #000; background: none; border: 0; width: 190px; margin-right: 15px; }
input.quickform, select.quickform { height: 20px }
textarea.quickform { height: 90px; margin-top: 2px; }
input.quicksubmit { margin: -2px 12px 0 0 }

#privacy { margin-top: 110px; font: normal 10px Verdana,Arial,Sans-serif; }

#side { float: right; width: 337px; padding-top: 30px }
.sidebox { width: 337px; background: url("Images/sidebottom.png") bottom left no-repeat #FFF; padding-bottom: 20px; margin-bottom: 20px }
.sidetitle { width: 337px; height: 58px; background: url("Images/sidetop.png") top left no-repeat #FFF; }
.sidetitle div { padding: 25px 0 0 20px; color: #4dbeec; text-align: left; font: bold 14px Arial, Helvetica, sans-serif; }
.sidebox ul { list-style-image: url("Images/star.png"); margin: 10px 20px; padding-left: 40px }
.sidebox ul li { text-align: left; font: bold 14px Arial, Helvetica, sans-serif; color: #666; line-height: 25px }
.sidebox p { font: bold 12px Arial, Helvetica, sans-serif; margin-bottom: 0px; padding: 10px 20px 0px 30px }


#bottom { clear: both; background: #000; font: normal 11px Arial, Helvetica, sans-serif; color: #FFF; text-align: right; border-top: solid 3px #666; }
#bottom div { width: 998px; clear: left; margin: 0 auto; padding-top: 10px }
#bottom img { float: left }
#bottom span { color: #999 }
#bottom span a { text-decoration: none; color: #999; font-weight: bold }
.seo { text-align: justify; color: #999; font-weight: bold; padding-bottom: 10px; }

/* HORIZONTAL CAROUSEL */

.stepcarousel{
	clear: both;
	position: relative;
	border: 0;
	overflow: scroll; /*leave this value alone*/
	width: 1000px; /*Width of Carousel Viewer itself*/
	height: 330px; /*Height should enough to fit largest content's height*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 20px;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*margin around each panel*/
	width: 1000px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height: 300px;
	margin: 0;
}