/* Global properties ======================================================== */
html, body {width:100%;  margin:0;}

body {
	color:#383838;
	background: #686868;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;

}
.ic {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
/***********************************************************************/
a {text-decoration:none; cursor:pointer;text-decoration:none; }
a:hover {text-decoration:none;}



.link {
	color:#06F;
	text-decoration:none;
}
.link:hover {text-decoration:underline;}

.link-2 {
	font-family: Arial, sans-serif;
	font-weight:300;
	font-style:italic;
	color:#09C;
	font-size:20px;
	line-height:25px;
	text-decoration:none;
}
.link-2:hover {text-decoration:underline;}

.clr-1 { color:#ff9000;}

.text-1 {font-weight:normal; color:#000; font-size:60px; line-height:72px;}
.text-1 strong {font-weight:normal; margin-top:-32px; display:block;}
.text-2 {font-family: Arial, sans-serif; font-weight:300; font-style:italic; color:#484848; font-size:21px; line-height:35px;}

.text-3 {font-weight:normal; color:#484848; font-size:50px; line-height:60px;}
.text-3 span {color:#ff9000;}
.text-4 {font-family: Arial, sans-serif; font-weight:300; font-style:italic; color:#484848; font-size:30px; line-height:36px; letter-spacing:-1px;}
.text-5{ color:#ee2222;}

.text01{
	line-height: 120%;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}

.text01-blue{
	line-height: 120%;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #36C;
}

.text02{
	line-height: 150%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}

.text02-red{
	line-height: 150%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F33;
}
.text02-blue{
	line-height: 120%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #36C;
}

.text02-grey{
	line-height: 120%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
}

.text03{
	line-height: 150%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666;

}
.text03-blue{
	line-height: 120%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #36C;
}
.text03-black{
	line-height: 120%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000;
}
.text03-orange{
	line-height: 120%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #F60;
}
.text04{
	line-height: 120%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666;
}
.text04-blue{
	line-height: 120%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #36C;
}
.text05{
	line-height: 120%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #666;
}

.text05black{
	line-height: 120%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #333;
}
.text06{
	line-height: 120%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 33px;
	color: #666;
}
.text05-blue{
	line-height: 120%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #36C;
}

h1 {
	font-size:30px;
	line-height:40px;
	color:#333;
	font-weight:normal;
}

h2 {
	font-size:20px;
	line-height:30px;
	color:#333;
	font-weight:normal;
}

h3 {
	font-size:16px;
	line-height:24px;
}

/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.progecad-wrap-col{ margin: 5px; }
.wrapper {width:100%; overflow:hidden; position:relative}
.wrap {overflow:hidden; position:relative}
.extra-wrap {overflow:hidden;}
.fleft {float:left;}
.fright {float:right;}
.img-indent {float:left; margin:4px 18px 0px 0;}	
.line-height {line-height:18px;}
.last {margin-right:0px !important; padding-right:0px !important;}

.top {padding-top:37px;}
.top-1 {margin-top:30px;}
.top-2 {margin-top:10px;}
.top-3 {margin-top:12px;}
.top-4 {margin-top:14px;}
.top-5 {margin-top:8px !important;}
.top-6 {margin-top:13px;}
.top-7 {margin-top:34px;}

.cell{
	padding:10px;
	
}
.cell-1{
	width:190px;padding:10px;float:left;
}
.cell-2{ width:380px;padding:10px;float:left;}

.left-1 { margin-left:13px;}

.right-1 {margin-right:40px;}

.bot-0 {padding-bottom:0 !important; margin-bottom:0 !important;}

.pad-1 {margin-top:44px; margin-bottom:33px;}

.p1 {padding-bottom:25px;}
.p2 {padding-bottom:13px;}
.p3 {padding-bottom:10px;}
.p4 {padding-bottom:17px;}
.p5 {padding-bottom:12px;}

#language-box{
	
	background-color:#36C;
	padding: 3px;
}
#language-box>div {
	width:1000px;
	margin:0 auto;
	text-align:right;
	color: #FFF;
}
/*********************************header*************************************/
header{ width:100%; background:url(/_images/header-bg.jpg) 0 0 repeat; border-bottom:#cdcdcd 1px solid;}
header>div+div {width:100%; background:url(/_images/header-bg-shadow.png) 0 bottom repeat-x; padding-bottom:8px;}
header>div+div>div {width:1000px; margin:0 auto; }

.carebox {display:inline-block; z-index:1112; position:relative; float:right; width:300;}

nav {display:inline-block; z-index:1111; position:relative; float:right;}


ul.menu { margin:18px 10px 0px 0px; display:inline-block;}
ul.menu li {
	/*width:80px;*/
	float:left;
	line-height:20px;
	text-align: center;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 18px;
}
ul.menu li:hover, ul.menu li.current {}

ul.menu li a {
	font-size:15px;
	line-height:23px;
	color:#333;
	display:inline-block;
	font-weight: bold;
}
ul.menu li a:hover , ul.menu li.current a { color:#ff9000; }

ul.submenu {
	margin:1px 28px 0px 0px;
	display:inline-block;
	
}
ul.submenu li {
	/*width:80px;*/
	float:left;
	line-height:20px;
	text-align: center;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 18px;
}
ul.submenu li:hover, ul.menu li.current {}
ul.submenu li a {
	font-size:13px;
	line-height:20px;
	color:#333;
	display:inline-block;
	font-weight: bold;
}
ul.submenu li a:hover , ul.submenu li.current a { color:#fff; background-color:#596388; }



menu-responsive{
	width:100px;
	background-image:
; 	background-image: url(../_images/menu-responsive-arror.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
.care-login a{
	background:url(../_images/support-icon-xsmall.png) 0 0 no-repeat;
	padding-left: 36px;
	min-height:36px;
	float:right;
	font-weight:normal;
	color:#063;
	font-size:13px;
	line-height:32px;
	margin: 8px;
}
.care-login a:hover{
	text-decoration: underline;
}
/*********************************content*************************************/
#content {width:100%;padding:0px 0px 18px 0; background:#fafafa;}

.img-border {border:#fff 8px solid;}
.box-70px {
	float:left;
	overflow:hidden;
	margin: 5px;
	width: 70px;
}
.box-400px {
	float:left;
	overflow:hidden;
	margin: 5px;
	width: 390px;
}

.box-500px {
	float:left;
	overflow:hidden;
	margin:5px;
	width: 490px;
}
.box-1 {
	float:left;
	padding-top: 10px;
	padding-right: 10;
	padding-bottom: 10px;
	padding-left: 10;
	margin: 5px;
}
.box-1 img {float:left; margin-top:3px;}
.box-1 h2 {margin-bottom:8px;}

.box-2 {background: url(../images/line-1.gif) 0 0 repeat-x #f6f6f6;}
.box-2>div {background: url(../images/line-1.gif) 0 bottom repeat-x; padding:15px 0 36px 0; text-align:center;}
.box-2>div p.text-4 {margin-top:-7px;}

.box-3 {overflow:hidden; padding:12px 0 0 0;}
.box-3>div { width:180px; float:left; margin-right:25px;}
.box-3>div a.link-2 {display:inline-block; margin:15px 0 6px 0;}

.box-4 {}
.date {overflow:hidden;}
.date strong {display:inline-block; background:url(../images/date.png) 0 0 no-repeat; width:51px; height:53px; float:left; margin-right:5px;font-weight:normal; color:#000; font-size:40px; line-height:48px; text-align:center;}
.date span {font-family: Arial, sans-serif; font-weight:300; font-style:italic; color:#000; font-size:20px; line-height:24px; display:inline-block; overflow:hidden; margin-top:21px;}

.box-5 {overflow:hidden; padding-top:8px;}
.box-5 img {margin:4px 10px 0 0;}

.box-6 {overflow:hidden; margin-top:13px;}
.box-6>div { width:290px; float:left; margin-right:35px;}
.box-6 a.link-2 {display:inline-block; margin-bottom:3px;}

.box-7 {overflow:hidden; margin-top:10px;}
.box-7>div { width:290px; float:left; margin-right:35px;}
.box-7 a.link-2 {display:inline-block; margin-bottom:3px;}

ul {margin:0; padding:0;list-style-image:none;}
ul.list-1 li {padding:0px 0 0px 25px; line-height:25px; background:url(../images/marker.png) 0 5px no-repeat;}
ul.list-1 li a {color:#484848;}
ul.list-1 li a:hover {color:#457c00;} 

/****************************footer************************/
footer {
	width:950px;
	overflow:hidden;
	margin:0 auto;
	padding:18px 0px 20px 0;
	
}

footer .footermenu a{
	font-size: 11px;
	color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 150%;
}

footer .footermenu strong{
	font-size: 13px;
	line-height: 150%;
}




footer  .footer-menu>div .footer-title{
	font-size: medium;
}


footer .copyrights{
	float:left;
	overflow:hidden;
	text-align:center;
	width:380px;
	color: #CCC;
	padding-top: 18px;
	padding-left: 8px;
}
.soc-icons {  overflow:hidden; float:right; margin:8px 18px 0 0;}
.soc-icons span {display:inline-block; float:left;  color:#000; font-size:20px; line-height:28px; margin-right:3px;}
.soc-icons a { display:inline-block; float:left; margin-right:3px;}
.soc-icons a:hover img {
	opacity:0.7;
	
}

/**********************form**********************/
.map {width:572px; height:235px; margin:12px 0 15px 0;}
.map iframe {width:572px; height:235px;}


/*--------- slider ---------*/
#slide {
	    width:1000px; 
		max-width:100%;
		/*height:500px; */ /* J:height is variable by width*/
		overflow:hidden; 
		z-index:777;
		margin:0 auto;
		position: relative;
		/* background:#686868; */
		/* border-bottom:#888 1px solid; */
		
		}

.slider {
		width:100%; 
		/*height:500px;*/
		overflow:hidden; 
		position:relative; 
		margin:0 auto;
		}
		
.slider img{
		max-width:100%;
		height: auto;
   		width: auto\9; /* ie8 */
	}
	
.slider-clients {
		width:100%; 
		/*height:500px;*/
		overflow:hidden; 
		position:relative; 
		margin:0 auto;
		}
		
.slider-clients img{
		max-width:100%;
		height: auto;
   		width: auto\9; /* ie8 */
	}
		
		
/*-----Fonts------------*/
@font-face
{
font-family: CandaraFont;
src: url("../_font/candara.woff");
}

.font-candara
{
	font-family:CandaraFont;
	font-size: 33px;
}		

@font-face
{
font-family: GothicFont;
src: url("../_font/gothic.woff");
}

.font-gothic
{
	font-family:GothicFont;
	font-size: 33px;
}


/*-- Cover Page --*/
/* OLD */
.feature01{
	background-image: url(../_images/overview-open-dwg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 85px;
	min-height:80px;
	float:left;
	font-weight:normal;
	color:#383838;
	font-size:13px;
	line-height:20px;
	margin: 5px;
}
/* OLD */
.feature02{
	background:url(../_images/overview-faster.png) 0 0 no-repeat;
	padding-left: 85px;
	min-height:80px;
	float:left;
	font-weight:normal;
	color:#383838;
	font-size:13px;
	line-height:20px;
	margin: 5px;
	}
/* OLD */
.feature03{
	background:url(../_images/overview-modules.png) 0 0 no-repeat;
	padding-left: 85px;
	min-height:80px;
	float:left;
	font-weight:normal;
	color:#383838;
	font-size:13px;
	line-height:20px;
	margin: 5px;
}

.feature{
	background:url(../_images/yes.png) 0 0 no-repeat;
	padding-left: 25px;
	min-height:20px;
	float:left;
	font-weight:normal;
	color:#383838;
	font-size:13px;
	line-height:20px;
	margin: 5px;
}
#news-box {
	-moz-border-radius: 12px;
	border-radius: 12px;
	background-color: #fafafa;
	margin: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding: 10px;
} 

#intellicad-box {
	-moz-border-radius: 12px;
	border-radius: 12px;
	background-color: #fafafa;
	margin: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding: 10px;
} 
/***-----inpage -----***/
.inpage{
	background:#fafafa;
}
.progecad{
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../_images/progecad/progecad-bg.jpg);
	padding-top: 170px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 140px;
	min-height:400;
}

#progecad-box {
	-moz-border-radius: 12px;
	border-radius: 12px;
	background-color: #fff;
	margin: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding: 1px;
	text-align:center;
} 
@media only screen and (max-width: 767px) {
.progecad{
	background-image: url(../_images/progecad/whitebg.jpg);
	background-repeat: repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	}
}
.FAQ{
	background-image: url(../_images/FAQ_image.jpg);
	background-repeat: no-repeat;
	 background-position: right top; 
	background-color: #FFF;
}
#italy-box {
	width:280px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background-color: #ededed;
	margin: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding: 10px;
} 


#update-box {
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #E7EDF3;
	margin: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding: 8px;	
} 

#updateline1 {
	background-color: #fff;
	margin-top: 3px;
	margin-bottom: 3px;
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
} 
#updateline2 {
	background-color: #ededed; 
	margin-top: 3px;
	margin-bottom: 3px;
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
}
#updateline-box1 {
  width:80px;
  float:left;
} 
#updateline-box2 {
  width:160px;
  float:left;
}
#updateline-box3 {
  width:65px;
  float:left;
}
#price-box {
	width:500px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background-color: #fafafa;
	margin: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding: 12px;
} 
#order-box {
	width:600px;
	-moz-border-radius: 12px;
	border-radius: 8px;
	background-color: #ededed;
	margin: 10px auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding: 10px;
} 
#order-step-box {
	width:540px;
	margin: 2px auto;
}
#order-step-box .greybox{
	width:150px;
	height:42px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background-color: #fafafa;
	padding: 5px;
	border: 1px solid #CCC;
	float:left;
	
} 
#order-step-box .greenbox{
	width:150px;
	height:42px;
	-moz-border-radius: 12px;
	border-radius:12px;
	background-color: #DDFDF7;
	padding: 5px;
	border: 1px solid #CCC;
	float:left;
} 
#order-step-box .arrbox{
	width:20px;
	height:40px;
	padding: 18px 2px 0px 2px;
	margin: 1px;
	float:left;
}


.order-product-header{
	width:550px;
	height:20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding: 3px;
	margin-left: 20px;
	background-color: #e0e0e0;	
} 
.order-product-row{
	width:550px;height:20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding: 3px;
	margin-left: 20px;
	background-color: #fafafa;	
} 
.order-product-cell{
	width:240px;
	padding: 1px;
	float: left;

} 
.order-product-cell2{
	width:100px;
	padding: 1px;
	float: left;

} 
.order-subtotal{
	background-color: transparent;
	border-width: 0px 0px 0px 0px;
	font-size: 12px;
	color: #333;
}
.order-total{
	background-color: transparent;
	border-width: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 15px;
	color: #333;
}
.order-data-cell{
	width:260px;
	padding: 3px;
	float: left;
}
.table-cell{
	width:280px;
	padding: 10px;
	float: left;
}



/*** Button***/


.styledbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:38px;
	line-height:38px;
	width:120px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #528ecc;
}
.styledbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}
.styledbutton:active {
	position:relative;
	top:1px;
}

.styledbutton:current a { color:#ff9000; }
 
/*** Tutorials ***/
img.youtube-overlaid
{
	background-position:left top;
	background-repeat:no-repeat;
}


/** New Menu since progeCAD 2018 */


/* Main menu settings */
#centeredmenu {
   clear:both;
   float:left;
   margin:0;
   padding:3px;
   /** border-bottom:1px solid #000; /* black line below menu */
   width:100%;
   font-family:Verdana, Geneva, sans-serif; /* Menu font */
   font-size:90%; /* Menu text size */
   z-index:1000; /* This makes the dropdown menus appear above the page content below */
   position:relative;
}

/* Top menu items */
#centeredmenu ul {
   margin:0;
   padding:0px;
   list-style:none;
   float:right;
   position:relative;
   right:50%;
}
#centeredmenu ul li {
  margin:0 0 0 0px;
   padding:0px;
   float:left;
   position:relative;
   left:50%;
   top:1px;  

	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 18px;
}
#centeredmenu ul li a {
   display:block;
   margin:0;
   padding:.6em .5em .4em;
   font-size:1em;
   line-height:1em;
   /*  background:#ededed;  */
   text-decoration:none;
   color:#333;
   font-weight:bold;
   /*  border-bottom:1px solid #000;*/
   
   	font-size:15px;
}
#centeredmenu ul li.active a {
   color:#f60;
   /* background:#f60; */
}
#centeredmenu ul li a:hover {
   background:#bbcce8; /* Top menu items background colour */
   color:#fff;
  /* border-bottom:1px solid #03f;  */
}
#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a { /* This line is required for IE 6 and below */
   background:#596388; /* Top menu items background colour */
   color:#fff;
   /* border-bottom:1px solid #03f; */
}

/* Submenu items */
#centeredmenu ul ul {
 display:none; /* Sub menus are hiden by default */
   position:absolute;
   top:2em;
   left:0;
   right:auto; /*resets the right:50% on the parent ul */
   width:15em; /* width of the drop-down menus */
}
#centeredmenu ul ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0px; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
}
#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
   font-size:.8em;
   font-weight:normal; /* resets the bold set for the top level menu items */
   background:#eee;
   color:#444;
   line-height:1.4em; /* overwrite line-height value from top menu */
   border-bottom:1px solid #ddd; /* sub menu item horizontal lines */
}
#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background:#596388; /* Sub menu items background colour */
   color:#fff;
}

/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}