body {
	font-family: arial;
	letter-spacing: 1px;
}

a {
	outline: none;
}

body img {
	border: none;
}

label {
	cursor: hand;
	cursor: pointer;
}

div#page {
	width: 975px;
	margin: 0 auto;
}

div#Header {
	margin-bottom: 75px !important;
	position: relative;
	z-index: 1;
}

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 auto 20px auto !important; 
	padding:0;
	height:104px;
	width: 900px;
	position: relative;
	z-index: 0;
	/*border-bottom:1px solid #666;*/
}

/* tab pane styling */
div.panes div, div.nested-panes div {
	display:block;		
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	height:100px;
	font-size:14px;
	background-color:#fff;
}

/* single tab */
ul.tabs li, ul.nested-tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a, ul.nested-tabs a { 
	background: url(product-nav.png);
	height: 79px;
	font-size:25px;
	display:block; 
	line-height:30px;
	width: 111px;
	text-align:center;	
	text-decoration:none;
	color:#a5bdcf;
	padding:25px 0 0 0;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a span.tabs-under {
	font-size:18px;
}

ul.tabs a.azure {
	width: 226px;
}

ul.tabs a.azure:hover {
	background-position: 0 104px;
}

ul.tabs a.azure.current, ul.tabs a.azure.current:hover, ul.tabs li.current a {
	background-position: 0 104px;
}

ul.tabs a.breeze {
	background-position: -226px 0px;
	width: 225px;
}

ul.tabs a.breeze:hover {
	background-position: -226px 104px;
}

ul.tabs a.breeze.current, ul.tabs a.breeze.current:hover, ul.tabs li.current a {
	background-position: -226px 104px;
}

ul.tabs a.merlin {
	background-position: -452px 0;
	width: 224px;
}

ul.tabs a.merlin:hover {
	background-position: -452px 104px;
}

ul.tabs a.merlin.current, ul.tabs a.merlin.current:hover, ul.tabs li.current a {
	background-position: -452px 104px;
}

ul.tabs a.phoenix {
	background-position: -676px 0;
	width: 224px;
}

ul.tabs a.phoenix:hover {
	background-position: -676px 104px;
}

ul.tabs a.phoenix.current, ul.tabs a.phoenix.current:hover, ul.tabs li.current a {
	background-position: -676px 104px;
}

ul.tabs a:active, ul.nested-tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover, ul.nested-tabs a:hover {
	background-position: -652px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image.*/
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {	
		color: #fff !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.w1 			{ background-position: -519px 0; width:134px; }
ul.tabs a.w1:hover 	{ background-position: -519px -31px; }
ul.tabs a.w1.current { background-position: -519px -62px; }

/* width 2 */
ul.tabs a.w2 			{ background-position: -366px -0px; width:154px; }
ul.tabs a.w2:hover 	{ background-position: -366px -31px; }
ul.tabs a.w2.current { background-position: -366px -62px; }


/* width 3 */
ul.tabs a.w3 			{ background-position: -193px -0px; width:174px; }
ul.tabs a.w3:hover 	{ background-position: -193px -31px; }
ul.tabs a.w3.current { background-position: -193px -62px; }

/* width 4 */
ul.tabs a.w4 			{ background-position: -0px -0px; width:194px; }
ul.tabs a.w4:hover 	{ background-position: -0px -31px; }
ul.tabs a.w4.current { background-position: -0px -62px; }


/* initially all panes are hidden */ 
div.panes div.pane, div.nested-panes div.pane {
	display:none;		
}

div.azure-panes {
	display: block !important;
	width: 900px;
	margin: 0 0 0 39px;
	float: left;
	background: #fff;
}

div.azure-panes div {
	display: none;
}

div.azure-panes div div {
	display: block;
}

div.panel {
	border: 1px solid #bdbcbd;
	margin-bottom: 20px;
}

div.panel-left {
	float: left;
	width: 500px;
	padding: 55px 0 0 30px;
}

div.panel-right {
	float: right;
	padding:20px 0 0;
	width:330px;
	font-size: 12px;
}

span.blue {
	color: #254589;
	font-weight: bold;
}

div.controller-inner {
	border: 1px solid #bdbcbd;
	margin-bottom: 20px;
	display: block !important;
}

div.controller-details {
	display: block !important;
	padding-left: 35px;
	border-bottom: 1px solid #aaaaba;
	min-height: 330px;
}

div.details-left input {
	margin: 10px;
}

div.details-left strong {
	margin: 0px 0 0 20px;
}

div.details-left a {
	text-decoration: none;
	color: #000;
}

div.controller {
	border: 1px solid #aaaaba;
	height: 30px;
	padding-top: 20px;
	font-size: 12px;
}

div.controller div.ul, div.controller div.ce {
	display: inline;
}

div.controller div.ce {
	position: relative;
	right: 20px;
}

div.controller div.ul a, div.controller div.ce a {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	display:inline;
	position: relative;
	right: 20px;
	padding-left: 20px;
	background: ;
}

div.azure-panes div.controller-panes div {
	display: none;
}

div.buy-panes, div.buy-panes div, div.details-left, div.details-middle, div.details-right, div.col1, div.col2, div.step3_left, div.step3_right {
	display: block !important;
}

div.details-left {
	float: left;
	padding: 35px 0 20px;
}

div.details-middle {
	float: left;
	padding: 35px 0 0 50px;
}

div.details-right {
	float:left;
	padding:35px 0 0 79px;
	width:399px;
}

div.col1 {
	float:left;
	width:168px;
}

div.col2 {
	float: left;
}

div.step3_left {
	border: 1px solid #aaaaba;
	padding: 20px 0 20px 40px;
	width: 257px;
	float: left;
	height: 172px;
}

div.step3_right {
	width: 540px;
	font-size: 36px;
	padding: 20px 30px;
	text-align: center;
	color: #254589;
	float: left;
	border-top: 1px solid #aaaaba;
	border-right: 1px solid #aaaaba;
	border-bottom: 1px solid #aaaaba;
	height: 172px;
}

div.buy-panes {
	margin: 0 0 0 39px;
}

/* Styles for dropdowns */

	#jsddm
	{	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #bdbcbd;
	height:42px;
	margin:0 0 20px 39px;
	padding:0;
	width:900px;}

		#jsddm li
		{	float: left;
			list-style: none;
			font: 12px arial;
			width: 172px;}

		#jsddm li a, #jsddm li span
		{	display: block;
			background: #fff;
			padding: 5px 12px;
			text-decoration: none;
			border-right: 1px solid #bbbaba;
			height: 32px;
			width: 147px;
			color:#254589;
			white-space: nowrap;
			font-size: 18px;
			font-weight: bold;
			text-align: center;}

		#jsddm li a:hover, #jsddm li span:hover
		{	background: url(tabs_rollover.jpg);
			color: #254589;}
			
		#jsddm li ul li {
			font-size: 12px;
		}
			
		#jsddm li ul li a:hover, #jsddm li ul li span:hover {
			background: #fff;
		}

			#jsddm li ul
			{	margin: 0;
				padding: 0;
				position: relative;
				right: 2px;
				visibility: hidden;
				border-color:#FFFFFF -moz-use-text-color #BBBABA #BBBABA;
				border-style:none none solid solid;
				border-width:1px medium 1px 1px;
				width: 173px;
				height: 0;}

			#jsddm li ul li
			{	float: none;
				display: inline;}

			#jsddm li ul li a
			{	width: auto;
				font-size: 12px;
				text-align: left;
				height: 40px;
				border-bottom: 1px solid #bbbaba;
				border-left: 1px solid #bbbaba;
				}
				
			#jsddm li ul li input {
				margin-right: 10px;
			}

			#jsddm li ul li a:hover
			{	}
			
div.step1 {
	font-size: 18px;
	background: #254589;
	color: #fff;
	margin: 0 0 0 39px;
	padding:7px 0 0 10px;
	width: 425px;
	height: 38px;
	font-weight: normal;
}

div.step2, div.step3 {
	font-size: 18px;
	background: #254589;
	color: #fff;
	margin: 0;
	padding:7px 0 0 10px;
	width: 425px;
	height: 38px;
	font-weight: normal;
	display: block !important;
}

div.step1 strong, div.step2 strong, div.step3 strong {
	font-size: 22px;
}

h3.current_selection {
	color: #696D77;
	font-size: 18px;
	margin: 0 0 30px 0;
}

span#current-prod-left {
	font-size: 11px;
	margin: 0 60px 5px 0;
}

span#current-prod-right {
	font-size: 11px;
	margin: 0 0 5px 0;
}

#Footer {
	width: 902px;
	margin: 20px 0 40px 39px !important;
	position: relative;
	top: 20px;
}

div#Footer p.footer-left {
	margin-left: 39px;
}

div.features-left {
	float: left;
	padding-right: 20px;
}

div.features-right {
	float: left;
}

#TopMenu li a, #TopMenu li div {
font-size: 10px !important;
}

div.azure-panes div.controller-panes div.details-right div {
display: block;
}

img.testdrive {
margin: 15px 0 0 0;
}