/* CSS Document */

.BgColor1 {
	background-color:#FFFFFF;
}
.BgColor2 {
	background-color:#009ece;
}


.BgColor3 {
	background-color:#018CB6;
}

.BgColor4 {
	background-color:#009ece;
}


.TopSpecer {
	background-image:url(../images/logo_bg_spacer.gif);
	background-repeat:repeat-x;
	height:85px;
}
.Header {
	background-image:url(../images/header_bg.gif);
	background-repeat:no-repeat;
	height:157px;
	background-position:center;
}
.MenuSpacer {
	background-image:url(../images/link_bg_spacer.gif);
	height:33px;
	background-repeat:repeat-x;
}
.plan_bg {
	background-image:url(../images/plan_bg.jpg);
	background-repeat:repeat-y;
}

.BottomBoxSpacer {
	background-image:url(../images/bottom_box_spscer.gif);
	background-repeat:repeat-x;
	height:212px;
}
.BottomLeftBg {
	background-image:url(../images/left_coloumn_bottom.gif);
	background-repeat:no-repeat;
	background-position:top;
	height:212px;
	width:214px;
}
.FooterSpacer {
	background-image:url(../images/footer_spacer.gif);
	background-position:top;
	background-repeat:repeat-x;
	height:59px;
}
.Border {
	border:1px solid #d9dada;
}


.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 0px ;
	position: relative;
	width: 100%;
}
/* These 2 lines specify style applied while slider is loading */
		.csw {
	width: 495px;
	height: 460px;
	background: #fff;
	overflow: scroll
}

.csw .loading {
	margin: 200px 0 300px 0;
	text-align: center
}
.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden;
	border-left: 0px solid #ebebeb; /* this is the border. should have the same value for the links */
	border-right: 0px solid #ebebeb; /* this is the border. should have the same value for the links */
	margin: auto;
	width: 495px; /* Also specified in  .stripViewer .panelContainer .panel  below */
/*	height: 460px; */
	padding-top:20px;
	padding-bottom:20px;
	clear: both;
	background: #fff;
	line-height:17px;
}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	list-style-type: none;/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	position: relative;
	width: 495px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 10px;

}

.wrapper li {
	list-style-type: disc;
}
	
#leftslider { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
/*	background-image:url(../images/link_bg_spacer.gif);*/
	background-repeat:repeat-x;
	width:570px;

}
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
/*	background-image:url(../images/link_bg_spacer.gif);*/
	background-repeat:repeat-x;
	width:570px;
	padding-left:5px;

}
.stripNav ul { /* The auto-generated set of links */
	list-style: none;
		width:570px;

}
.stripNav ul li {
	float: left;
	margin-right: 0px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */
	border-right:1px solid #cccccc;
	padding:0px;

}
.stripNav a { /* The nav links */
	text-decoration:none;
	color:#818181;
	width:93px;
	height:31px;
	display:block;
	float:left;
	padding-top:15px;
	font-size:12px;
	line-height:13px;

	text-align: center;
	background:url(../images/navi_basic.gif) no-repeat 0 0;
}
.stripNav a:hover {
	background:url(../images/navi_hili.gif) no-repeat 0 0;
	background-repeat:repeat-x;
}
.stripNav a.current {
	background:url(../images/navi_hili.gif) no-repeat 0 0;
	background-repeat:repeat-x;
	color:#818181;
}
.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 230px;
	text-indent: -9000em;
}
.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
}
.stripNavL {
	left: 0;
}
.stripNavR {
	right: 0;
}
.stripNavL {
	background: url("/images/arrow-left.gif") no-repeat center;
}
.stripNavR {
	background: url("/images/arrow-right.gif") no-repeat center;
}






.TopNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
	background-image:url(../images/link_bg_spacer.gif);
	background-repeat:repeat-x;
	float:left;
	height:30px;
	width:100%;
}
.TopNav ul { /* The auto-generated set of links */
	list-style-type:none;
	list-style-image:none;
}
.TopNav ul li {
	float: left;
	margin-right: 0px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */
	border-right:1px solid #ebebeb;


}
.TopNav a { /* The nav links */
	font-size: 13px;
	text-align: center;
	height:30px;
	color: #666666;
	text-decoration: none;
	display: block;
	padding-top:7px;
	padding-right:14px;
	padding-left:14px;

}
.TopNav a:hover {
	background-image:url(../images/link_hover.gif);
	background-repeat:repeat-x;
	padding-right:14px;
	padding-left:14px;
	color:#FFFFFF;
}
.TopNav a.rightcurrent {
	background-image:url(../images/link_hover.gif);
	background-repeat:repeat-x;
	color: #fff;
}
.headernav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
	height:52px;
				margin-top:33px;

}
.headernav ul { /* The auto-generated set of links */
	list-style-type:none;
	list-style-image:none;
	margin:0px;
	padding:0px;
		height:52px;

}
.headernav ul li {
	float: left;
	display:block;
	margin:0px;
	padding:0px;
		height:52px;


}

.link1 {
	background-image:url(../images/tab1.jpg);
}

.link1 a:hover {
	background-image:url(../images/tab1_hover.jpg);
	}
.link2 {
	background-image:url(../images/tab2.jpg);
}

.link2 a:hover {
	background-image:url(../images/tab2_hover.jpg);
	}
.link3 {
	background-image:url(../images/tab3.jpg);
}

.link3 a:hover {
	background-image:url(/images/tab3_hover.jpg);
	}
.link4 {
	background-image:url(../images/tab4.jpg);
}

.link4 a:hover {
	background-image:url(../images/tab4_hover.jpg);
	}
.link5 {
	background-image:url(../images/tab5.jpg);
}

.link5 a:hover {
	background-image:url(../images/tab5_hover.jpg);
	}
.link6 {
	background-image:url(../images/tab6.jpg);
}

.link6 a:hover {
	background-image:url(../images/tab6_hover.jpg);
	}
	
#wrapper ul{
list-style-type:circle;
}
.startup {
	background-image:url(/images/bg_starter.jpg);
	background-repeat:no-repeat;
}


.Bg {
background-image:url(/images/ggpbg.gif); 
background-position:center top;
background-repeat:no-repeat;
height:400px;
padding:10px;
}

.Bg a {
	color:#FF9900;
}