/*html styles*/
A:link		{text-decoration:none;color:#632056}
A:visited	{text-decoration:none;color:#632056}
A:active	{text-decoration:none;color:#632056}
A:hover		{text-decoration:underline;color:#ADB6B6}
#x1             {font-size:8pt}
body,html {color:#646464;text-align:left;margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;font-family:Arial, Helvetica, sans-serif;font-size:11px;}
form {padding:0;margin:0;}
h1 {font-size:20px;color:dimgray;font-weight:normal;margin:10px 0px 10px 0px;padding:0px;text-align:center;padding:0px;margin:0px;}
h2 {font-size:18px;color:#6382a1;font-weight:normal;margin:10px 0px 10px 0px;padding:0px;text-align:left;}
h3 {font-size:12px;color:#6185a1;font-weight:bold;margin:0;padding-bottom:5px;}
h4 {font-size:13px;color:#6185a1;font-weight:bold;margin:0;padding:0;}
li {color: #333333;}
ul {list-style-type:square;}

body {
	background: #dddddd url(/images/bg.gif) top repeat-x;
	}


#container {
width: 908px;
	overflow: visible;
	margin: 0 auto;
	padding-top: 0;
	}

/* NAVIGATION BAR STYLES 
#navbar {
	background: #333333 url(/images/nav-top.jpg) no-repeat;
	padding: 5px 10px;
	width: 908px;
	display:block;
	font-weight: bold;
	height: 20px;
	z-index: 100;
	position:relative;
	}

*html #navbar { padding: 4px 10px 0 10px; }

#navbar ul {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 0.9em;
  }

#navbar ul li a:link, #navbar ul li a:visited,#navbar ul li a:active {
	text-decoration: none;
	color: #FFFFFF;
	}
#navbar ul li a:hover {text-decoration:none; color: #CCCCCC;}

#navbar li {
	background: url(/images/navbar-divider.gif) right 50% no-repeat;
	float: left;
	position: relative;
	padding: 2px 12px 2px 10px;
}
 
#navbar li ul {
  display: none;
  position: absolute; 
  width: 200px;
  padding: 0.8em 0 0 0;
  background:url(/images/dropdown2-bg.gif) repeat-x #fff;
  border-bottom: 1px solid #CCCCCC;
  z-index:5000;
  margin:0 0 0 -10px;
  }
  
#navbar li ul li {
	background: none;
	width: 198px;
	display: block;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	margin: 0;
	padding: 0;
	color: #000000;
	}

#navbar li li a:link, #navbar li li a:visited {
	display: block;
	font-weight: normal;
	color: #000000;
	padding: 0.5em 0.8em;
	text-decoration: none;
	}

#navbar li li a:hover, #navbar li li a:active {
	padding: 0.5em 0.8em;
	color: #EEEEEE;
	font-weight: bold;
	display: block;
	background-color: #4E4E4E;
	}
	
#navbar li>ul {
  top: auto;
  left: auto;
  }

#navbar li:hover ul, #navbar li.over ul {
	display: block; 
}
	
/*END NAVIGATION BAR STYLES */

/***** NEW NAVIGATION BAR STYLES ****/

#navbar {
	background: url(/images/nav-top.jpg) left bottom no-repeat;
	with: 908px;
	height: 39px;
	float: left;
}

#navbar ul {
	padding: 0;
	margin: 0;
	height: 37px;
	float: left;
	list-style: none;
	position: relative;
	z-index: 100;
}

#navbar ul li {
	float: left;
	margin-right: 2px;
	height: 37px;
	position: relative;
}

#navbar ul li a {
	display: block;
	height: 39px;
	overflow: hidden;
	text-indent: -999em;
	background: url(/images/nav-top.jpg) no-repeat;
}

#navbar ul li a#cloud {
	width: 168px;
	background-position: left bottom;
}

#navbar ul li:hover a#cloud,
#navbar ul li:hover a#cloud.active {
	background-position: left top;
}

#navbar ul li a#cloud.active {
	background-position: left -39px;
}

#navbar ul li a#pn {
	width: 180px;
	background-position: -170px bottom;
}

#navbar ul li:hover a#pn, 
#navbar ul li:hover a#pn.active {
	background-position: -170px top;
}

#navbar ul li a#pn.active {
	background-position: -170px -35px;
}

#navbar ul li a#ha {
	width: 138px;
	background-position: -352px bottom;
}

#navbar ul li a#ha.active {
	background-position: -352px -39px;
}

#navbar ul li:hover a#ha,
#navbar ul li:hover a#ha.active {
	background-position: -352px top;
}

#navbar ul li a#managed {
	width: 124px;
	background-position: -494px bottom;
}

#navbar ul li:hover a#managed,
#navbar ul li:hover a#managed.active {
	background-position: -494px top;
}

#navbar ul li a#managed.active {
	background-position: -494px -39px;
}

#navbar ul li a#inet {
	width: 120px;
	background-position: -622px bottom;
}

#navbar ul li:hover a#inet,
#navbar ul li:hover a#inet.active {
	background-position: -622px top;
}

#navbar ul li a#inet.active {
	background-position: -622px -39px;
}

#navbar ul li a#end {
	width: 164px;
	background-position: -748px bottom;
}


#navbar ul li ul {
	position: absolute;
	background: #e6e7e7;
	border: 1px solid #cccccc;
	padding: 5px;
	z-index: 2000;
	left: -20px;
	top: 39px;
	display: block;
	height: auto;
	visibility: hidden;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#navbar ul li:hover ul {
	visibility: visible;
}

#navbar ul li ul li {
	border-bottom: 1px solid #cccccc;
	background: none;
	padding: 0;
	margin: 0;
	height: auto;
	overflow: visible;
	float: none;
}

#navbar ul li ul li.lastNav {
	border-bottom: none;
}

#navbar ul li ul li a,
#navbar ul li ul li a:link,
#navbar ul li ul li a:visited {
	color: #000000;
	text-decoration: none;
	text-indent: 0;
	font-size: .98em;
	line-height: 1.3em;
	overflow: visible;
	padding: .3em;
	width: 190px;
	background: none;
	display: block;
	height: auto;
}

#navbar ul li ul li a:hover {
	color: #ffffff;
	background: #4e4e4e;
}

#navbar ul li div.marker {
	width: 15px;
	height: 10px;
	position: absolute;
	display: block;
	border: none;
	bottom: -1px;
	left: 20px;
	z-index: 3000;
	visibility: hidden;
}

#navbar ul li:hover div.marker {
	visibility: visible;
}


/**** END NAV BAR STYLES *****/

/****** Carousel Styles *****/

#carousel-wrapper {
	width: 907px;
	height: 240px;
	overflow: hidden;
	float: left;
	position: relative;
}


#hero-image {
	width: 907px;
	height: 240px;
	overflow: hidden;
	float: left;
	position: relative;
}

#hero-image ul {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
}

#hero-image ul li {
	float: left;
	display: inline;
	width: 907px;
	height: 240px;
	padding: 0;
	position: relative;
	line-height: normal;
}

#hero-image ul li div {
	float: left;
	overflow: hidden;
}

#carousel-controls-alpha {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 908px;
	height: 30px;
	background: #000000;
	filter: alpha(opacity=78);
	opacity: 0.78;
	z-index: 4;
}

#carousel-controls {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 870px;
	height: 30px;
	background: none;
	padding: 0 15px;
	z-index: 5;
}

#previous{
	width: 11px;
	height: 12px;
	margin: 9px 5px 0 0;
	background: url(/images/carousel/arrow-left.jpg) left -12px no-repeat;
	float: left;
	cursor: pointer;
	overflow: hidden;
}

#previous:hover {
	background-position: left top;
}

#next {
	width: 14px;
	height: 12px;
	margin: 9px 15px 0 5px;
	background: url(/images/carousel/arrow-right.jpg) right -12px no-repeat;
	float: left;
	cursor: pointer;
	overflow: hidden;
}

#next:hover {
	background-position: right top;
}

#carousel-controls a.nav-button,
#carousel-controls a.nav-button:link,
#carousel-controls a.nav-button:visited {
	float: left;
	display: block;
	width: 16px;
	height: 16px;
	margin: 7px 3px 0;
	padding: 0;
	background: url(/images/carousel/control-box.jpg) no-repeat;
}

#carousel-controls a:hover {
	text-decoration: none;
}

#carousel-controls a.one,
#carousel-controls a.one:link,
#carousel-controls a.one:visited {
	background-position: left bottom;
}

#carousel-controls a.one:hover {
	background-position: left top;
}

#carousel-controls a.two,
#carousel-controls a.two:link,
#carousel-controls a.two:visited {
	background-position: -16px bottom;
}

#carousel-controls a.two:hover {
	background-position: -16px top;
}

#carousel-controls a.three,
#carousel-controls a.three:link,
#carousel-controls a.three:visited {
	background-position: -32px bottom;
}

#carousel-controls a.three:hover {
	background-position: -32px top;
}

#carousel-controls a.four,
#carousel-controls a.four:link,
#carousel-controls a.four:visited {
	background-position: -48px bottom;
}

#carousel-controls a.four:hover {
	background-position: -48px top;
}

#carousel-controls a.five,
#carousel-controls a.five:link,
#carousel-controls a.five:visited {
	background-position: right bottom;
}

#carousel-controls a.five:hover {
	background-position: right top;
}

#carousel-controls a.one.active,
#carousel-controls a.one.active:link,
#carousel-controls a.one.active:visited {
	background-position: left top;
}

#carousel-controls a.two.active,
#carousel-controls a.two.active:link,
#carousel-controls a.two.active:visited {
	background-position: -16px top;
}

#carousel-controls a.three.active,
#carousel-controls a.three.active:link,
#carousel-controls a.three.active:visited {
	background-position: -32px top;
}

#carousel-controls a.four.active,
#carousel-controls a.four.active:link,
#carousel-controls a.four.active:visited {
	background-position: -48px top;
}

#carousel-controls a.five.active,
#carousel-controls a.five.active:link,
#carousel-controls a.five.active:visited {
	background-position: right top;
}


#carousel-controls a h2,
#carousel-controls a:link h2,
#carousel-controls a:visited h2 {
	position: absolute;
	left: -999em;
	bottom: 6px;
	color: #bbe5ff;
	font-size: 14px;
	margin: 0;
	width: 700px;
	font-weight: normal;
	border: none;
	padding: 0;
	
}

#carousel-controls a.active h2.active {
	left: 169px;
}

/*
#carousel-controls a:hover h2 {
	left: 169px;
}*/

div#hero-image ul li div a.heropic {
	float: left;
	display: block;
	height: 240px;
	width: 544px;
	text-indent: -999em;
	overflow: hidden;
}

#hero-image ul li div div.textblock {
	float: left;
	height: 240px;
	width: 333px;
	background: url(/images/carousel/text-bg.jpg) left top repeat-x;
	padding: 0px 15px;
	overflow: hidden;
}

#hero-image ul li div div.textblock h3 {
	color: #FFFFFF;
	font-size: 24px;
	font-weight: normal;
	margin: 0px 0 9px 0;
	background: none;
	padding: 0;
}

#hero-image ul li div div.textblock h3 a,
#hero-image ul li div div.textblock h3 a:link,
#hero-image ul li div div.textblock h3 a:visited {
	color: #FFFFFF;
	font-size: 24px;
	margin: 0px 0 9px 0;
	background: none;
	padding: 0;
}

#hero-image ul li div div.textblock h3 a:hover {
	text-decoration: none;
}

#hero-image ul li div div.textblock p {
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	color: #FFFFFF;
	margin: 5px 0 0px 0;
}

#hero-image ul li div div.textblock a,
#hero-image ul li div div.textblock a:link,
#hero-image ul li div div.textblock a:visited {
	color: #FB5C00;
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 10px;
	display: inline-block;
	padding-right: 23px;
}


/***** Slide 1 ****/
div#slide-1 {
	background: url(/images/carousel/slide-1.jpg) left top no-repeat;
	width: 907px;
	height: 240px;
	float: left;
	position: relative;
}

/**** Slide 2 ****/
div#slide-2 {
	background: url(/images/carousel/slide-2.jpg) left top no-repeat;
	width: 907px;
	height: 240px;
	float: left;
}

div#slide-2 a#promoLink {
	background: url(/images/carousel/promo-order-now.jpg) left top no-repeat;
	position: absolute;
	left: 417px;
	bottom: 32px;
	width: 169px;
	height: 34px;
	overflow: hidden;
	text-indent: -999em;
}

/**** Slide 3 ****/
div#slide-3 {
	background: url(/images/carousel/slide-3.jpg) left top no-repeat;
	width: 907px;
	height: 240px;
	float: left;
}

/**** Slide 4 ****/
div#slide-4 {
	background: url(/images/carousel/slide-4.jpg) left top no-repeat;
	width: 907px;
	height: 240px;
	float: left;
}

/**** Slide 5 ****/
div#slide-5 {
	background: url(/images/carousel/slide-5.jpg) left top no-repeat;
	width: 907px;
	height: 240px;
	float: left;
}

/**** End Carousel ****/
/**** Other Controls ****/
#leftside {
padding: 0;
padding-top: 0px;
width: 907px;
margin: 0;
background-color: #FFFFFF;
background-position: bottom;
z-index: -1;}

/*classes*/
.mainlogoText {position:absolute;top:0px; display:none;}
.mainlogoText ul {font-size:20px; display:none;}
.logoText {text-indent:-5000px;}
.logoText ul {font-size:20px; display:none;}
.carttitles {font-size:12px;color:#000000;font-weight:bold;margin:0;padding:0;}
.cartitems {font-size:12px;color:dimgray;font-weight:normal;margin:0;padding:0;}

/*<![CDATA[*/
 div.c19 {text-align: center}
 table.c18 {background-color: #CCCCCC}
 span.c17 {FONT-FAMILY: Arial; FONT-SIZE: 10px; FONT-WEIGHT: normal; color: dimgray; font-family: Arial; font-size: 10px}
 p.c16 {color: dimgray; font-family: Arial; font-size: 70%; text-align: justify}
 span.c15 {FONT-FAMILY: Arial; FONT-SIZE: 10px; FONT-WEIGHT: normal; color: darkgray}
 span.c14 {color: darkgray; font-family: Arial; font-size: 70%}
 span.c13 {color: dimgray; font-family: Arial; font-size: 10px}
 table.c12 {background-color: #D0DBE1}
 tr.c11 {background-color: #FFFFFF}
 span.c10 {FONT-FAMILY: Arial; FONT-SIZE: 12px; FONT-WEIGHT: bold; color: dimgray}
 span.c9 {FONT-FAMILY: Arial; FONT-SIZE: 12px; FONT-WEIGHT: normal; color: dimgray}
 span.c8 {FONT-FAMILY: Arial; FONT-SIZE: 10px; FONT-WEIGHT: normal; color: #632056}
 div.c7 {FONT-FAMILY: Arial; FONT-SIZE: 11px; FONT-WEIGHT: normal; color: #484848; text-align: center}
 span.c6 {FONT-FAMILY: Arial; FONT-SIZE: 11px; FONT-WEIGHT: normal; color: #484848}
 span.c5 {FONT-FAMILY: Arial; FONT-SIZE: 12px; FONT-WEIGHT: bold; color: #484848}
 td.c4 {background-color: #FFFFFF}
 table.c3 {background-color: #FFFFFF}
 div.c2 {FONT-FAMILY: Arial; FONT-SIZE: 11px; FONT-WEIGHT: normal; color: dimgray}
 span.c1 {FONT-FAMILY: Arial; FONT-SIZE: 11px; FONT-WEIGHT: normal; color: dimgray}
 span.c20 {FONT-FAMILY: Arial; FONT-SIZE: 12px; FONT-WEIGHT: bold; color: white}
 tr.c32 {background-color: #0250B0}
 tr.c33 {background-color: #209900}
 tr.c34 {background-color: #E56926}
 span.c32 {FONT-FAMILY: Arial; FONT-SIZE: 16px; FONT-WEIGHT: normal; color: white}
/*]]>*/