/******************/
/*  Page Wrapper  */
/******************/
body { padding: 0px; background-color:rgb(221,216,215); margin-left: auto; margin-right: auto;}
body a { color: rgb(0,122,201); font-weight:normal; text-decoration: none; }
body a:hover { color: rgb(102,102,102); text-decoration:underline; }
body a:visited { color: rgb(102,0,153); text-decoration: none; }
.boxcontainer { clear:both; width: 1000px; min-height: 100%; margin:0px auto; margin-top:10px; margin-bottom:10px; border: solid 1px rgb(153,153,153); background-color:rgb(255,255,255);}
.boxcontainerRescue { clear:both; width: 420px; height:200px; margin: 10px auto; padding: 10px; background:rgb(255,255,255); border: solid 1px rgb(153,153,153);}
input { font:0.9em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif; }

/*********************/
/*  Top Box Section  */
/*********************/
.logo { width: 62px; height: 72px; float: left; margin: auto; padding: 5px 53px 5px 52px; border-right: solid 1px rgb(153,153,153);}
.topwrapper { background:rgb(255,255,255); width:100%; height:100%; float:left;}
.topitems { width:832px; float: left; margin: auto; background-color:rgb(255,255,255); font: 0.8em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif; padding:10px 0px 0px 0px; }
.topitemsnavi1 {background-color:rgb(255,255,255); padding:8px 0 10px 15px; border-bottom: solid 1px rgb(153,153,153); width:817px; height:28px;}
.topitemsnavi2 {text-align:right; vertical-align:top; padding-top:6px; background-color:rgb(255,255,255);font:normal 0.85em 'Myriad Pro', tahoma, verdana, arial, helvetica, sans-serif;}
.topitemsnaviHP {text-align:right; vertical-align:top; background-color:rgb(255,255,255); font:normal 0.85em 'Myriad Pro', tahoma, verdana, arial, helvetica, sans-serif;}
.topitemsFlag { width:832px; float: left; margin: auto; background-color:rgb(255,255,255); font: 0.8em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif; padding:0px; }
.topitemsnaviFlag {background-color:rgb(255,255,255); padding:0 0 12px 15px; border-bottom: solid 1px rgb(153,153,153); width:817px; height: 44px;}
.topitemsnaviFlagTEST {background-color:rgb(255,255,255); padding:0 0 8px 15px; border-bottom: solid 1px rgb(153,153,153); width:817px; height: 44px;}
.topitemsnaviHPFlag {text-align:right; vertical-align:middle; background-color:rgb(255,255,255); font:normal 0.85em 'Myriad Pro', tahoma, verdana, arial, helvetica, sans-serif; padding:4px 0 3px 15px;}
input.field { width: 140px; height: auto; font:96% "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif; border: solid 1px rgb(153,153,153); }
.searchbutton { padding:0 6px 0 6px; vertical-align:text-bottom;}
.button { margin-top: 6px; padding:9px 6px 0px 6px;}
.sitehead { width: 606px; height: 113px; float: right; margin: auto; }
.phone {font-weight:bold; font-size: 1.1em; color:rgb(51,51,51);}
/*********************/
/*  Top Navigation   */
/*********************/
.navigation-buttons { margin-left: 154px; }
/*  flags  */
.flags ul { list-style:none; text-align: right; margin-top:4px; font: normal 0.8em "Myriad Pro", tahoma, verdana, arial,helvetica,verdana,sans-serif; }
.flags ul li { display: inline; color: rgb(102,102,102);}
.flags ul li.selected { margin-right: 10px; border: solid 1px rgb(153,153,153); padding: 8px 2px 2px 2px; }
/*************************/
/*    Content Section    */
/*************************/
h1 {font: bold 1.4em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif; color: rgb(0,0,0); text-align: left; padding:2px 0 15px 0;}
h2 {font: bold 1em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif; color: rgb(255,131,38); padding-top:10px;}
h3 {font: bold 0.9em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif; padding:0px;}
h4 {font: bold 0.85em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif; padding-top:10px;}
b {font: bold 0.85em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif;}
.orangehead {font: bold 1.1em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif; color: rgb(255,131,38);}
.tagline {font: normal 1.1em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif; color: rgb(102,102,102); padding:0px; text-align:left;}
/* product thumbnail image */
.thumbnail {font: 0.85em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif; text-align:center; }
.thumbnail ul {list-style:none; margin:0;}
.thumbnail ul li {display: inline;}
.thumbnailbold {font: bold 0.9em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif; text-align:center; }
/*  what's new box  */
.whatsnewtitle { width: 210px; padding: 2px 0 2px 0; color: rgb(190,214,0); text-align: left; float: left; background: rgb(102,102,102); }
.whatsnewbox { width:210px; margin:0 0 2.5em 0; padding:0 0 10px 0; border:solid 1px rgb(102,102,102); background: rgb(217,239,185) url("images/lt-blue-gradient-short2.jpg"); text-align: left;}
.whatsnew {font: 0.7em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif; text-align:left;}
.whatsnew ul { list-style:none; margin:0.5em 10px 1.0em 10px; }
.whatsnew ul li { margin:5px 0 0.2em 0; padding:0 0 0 10px; background:url(images/blue-arrow-bullet.gif) no-repeat 0 0.3em; line-height:1.2em;}
.whatsnew ul a {text-decoration: none; }
/*  breadcrumbs  */
.breadcrumbs ul { width: 606px; list-style:none; margin:0; padding:0 0 20px 0; font: 11px "Myriad Pro", tahoma, verdana, arial,helvetica,verdana,sans-serif; }
.breadcrumbs ul li { display: inline; font-weight: normal; color: rgb(102,102,102); }
.breadcrumbs ul a { color: rgb(0,122,201); text-decoration: none; }
.breadcrumbs ul a:hover { color: rgb(102,102,102); text-decoration: underline; }
/*  main body content  */
.smallboldtext { font: bold 0.89em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif; text-decoration: none; color: rgb(0,0,0); text-align: left; }
.small-text { font: normal 0.85em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif; text-decoration: none; color: rgb(0,0,0); text-align: left; }
.smallboldtext2 { font: bold 0.85em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif; text-decoration: none; color: rgb(0,0,0); text-align: left; }
.largeformatgraphic { padding-right: 10px; padding-top: 5px; }
a.small { color: rgb(0,122,201); text-decoration: none; font-size: 10px; }
a.smallbold { color: rgb(0,122,201); text-decoration: none; font-size: 10px; font-weight: bold;}
/*  blue heading  */
.bluehead {text-align: left; color: rgb(0,122,201); font-weight:bold; font-size:0.88em;}
.bigbluehead {text-align: left; color: rgb(0,122,201); font-weight:bold; font-size:1.2em;}
.greyhead {text-align: left; color: rgb(51,51,51); font-weight:bold; font-size:0.88em;}
/*  bulleted items  */
.content {font: small "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif;}
.content ul {list-style:none; margin:0.5em 10px 1.0em 20px;}
.content ul li {margin:5px 0 0.2em 0; padding:0 0 0 10px; background:url(images/blue-arrow-bullet.gif) no-repeat 0 0.3em; line-height:1.2em; }
.noindentbullet {font: small "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif;}
.noindentbullet ul {list-style:none; margin:0.5em 0 1.0em 0;}
.noindentbullet ul li {margin:5px 0 1.2em 0; padding:0 0 0 10px; background:url(images/blue-arrow-bullet.gif) no-repeat 0.3em; line-height:1.2em; }
.noindentbullet2 {font: small "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif;}
.noindentbullet2 ul {list-style:none; margin:0 0 1.0em 240px;}
.noindentbullet2 ul li {margin:0 0 1.2em 0; padding:0 0 0 20px; background:url(images/blue-arrow-bullet.gif) no-repeat 0.3em 0.3em; }
.banner { float: left; width: 100%; padding-bottom: 0.45em; }
.banner ul { list-style:none;}
.banner ul li { padding-right: 0.45em; display: inline; }
.topten { font: 11px "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif; text-align: left; }
.topten ul { list-style:none; margin:0.5em 10px 1.0em 20px; }
/* .topten ul a { text-decoration: none; } */
.topten ul li { text-decoration: none; margin:5px 0 0.2em 0; padding:0 0 0 10px; background:url(images/blue-arrow-bullet.gif) no-repeat 0 0.3em; line-height:1em; }
.boldbulletcontent {font: bold 0.85em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif;}
.boldbulletcontent ul {list-style:none; margin:0.5em 10px 1.0em 6px;}
.boldbulletcontent ul li {margin:5px 0 0.2em 0; padding:0 0 0 10px; background:url(images/blue-arrow-bullet.gif) no-repeat 0 0.3em; line-height:1.2em; }
.bulletcontent {font: small "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif;}
.bulletcontent ul {list-style-type:none; margin:0.5em 10px 1.0em 6px;}
.bulletcontent ul li {margin:5px 0 0.2em 0; padding:0 0 0 10px; background:url(images/grey-square-bullet.gif) no-repeat 0 0.3em; line-height:1.2em; }
.sideboxcontent {font: 0.85em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif; border: solid 1px rgb(153,153,153); background-color:rgb(221,221,221); width:199px; padding:10px; float:right; margin:10px 0 10px 10px;}
.sideboxcontent ul {list-style-type:none; margin:0.5em 10px 1.0em 6px;}
.sideboxcontent ul li {margin:5px 0 0.2em 0; padding:0 0 0 10px; background:url(images/grey-square-bullet.gif) no-repeat 0 0.3em; line-height:1.2em; }
.sideboxcontent b {font: bold 0.98em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif;}
.sideboxcontent ol {list-style-type: decimal; margin:0.5em 0.5em 1.0em 2em;}
.sideboxcontent ol li {margin:5px 0 0.2em 0; padding:0; line-height:1.2em; }
.sideboxcontent b {font: bold 0.98em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif;}
.sideboxcontent2 {font: 0.85em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif; border: solid 1px rgb(153,153,153); background-color:rgb(221,221,221); width:255px; padding:10px; float:right; margin:10px 0 40px 40px;}
.sideboxcontent2 ul {list-style-type:none; }
.sideboxcontent2 ul li {margin:5px 0 0.2em 0; padding:0 0 0 10px; background:url(images/grey-square-bullet.gif) no-repeat 0 0.3em; line-height:1.2em; }
.sideboxcontent2 ul a {color: rgb(0,122,201); text-decoration: none;}
.sideboxcontent2 ul a:hover {color: rgb(102,102,102); text-decoration: none;}
.sideboxcontent2 b {font: bold 0.98em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif;}
.GFbiglink {font: bold 1.05em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif; color: rgb(255,131,38); margin:40px 10px 40px 10px; padding: 10px; border-top: solid 2px rgb(102,102,102); border-bottom: solid 2px rgb(102,102,102); }
.GFbiglink ul { list-style:none; padding:10px; }
.GFbiglink ul li { margin:5px 0 0.2em 0; padding:0 0 0 10px; background:url(images/blue-arrow-bullet.gif) no-repeat 0 0.3em; line-height:1.2em; text-indent: 10px; }
.GFbiglink ul a { font-weight: bold; text-decoration: underline; }
.GFbiglink ul a:visited { color: rgb(0,122,201); text-decoration: underline; }
.bluesidebox {font: normal 1.2em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif; border: solid 1px rgb(153,153,153); background-color:rgb(251,176,64); width:150px; padding:10px; float:right; text-align:center; margin:0 0 10px 10px;}
.whitesidebox {font: normal 1.2em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif; background-color:rgb(255,255,255); width:199px; padding:10px; float:right; text-align:center; margin:0 0 10px 10px;}
.orangelinesidebox {font: bold 0.85em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif; border: solid 3px rgb(255,153,51); background-color:rgb(255,255,255); width:150px; padding:10px; float:right; margin:10px 0 10px 10px;}
.thindividerline { float:left; padding:10px 0 10px 0; }
.thindividerline175 { width:175px; height:1px; margin:10px 0 10px 0;}
.thindividerline700 { width:700px; height:1px; margin:10px 0 10px 0;}
.thindividerline710 { float:left; padding:10px 0 10px 0; width:710px; height:1px; }
.content-background { width: 1000px; background-color:rgb(255,255,255); display:inline; /*Fix IE floating margin bug*/ float:left; margin:0px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.left-content { width:auto; font: normal small "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif; color: rgb(0,0,0); text-align: left; float:left; background-color:rgb(255,255,255); }
.home-content { padding:5px 20px 30px 20px; width: 715px; height:100%; font: normal 0.8em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif; color: rgb(0,0,0); text-align: left; background-color:rgb(255,255,255); float:left; }
.body-content { padding:5px 20px 30px 20px; width: 715px; height:100%; font: normal 0.8em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif; color: rgb(0,0,0); text-align: left; background-color:rgb(255,255,255); float:right; }
.leproducts {float:left; padding: 5px; width:65px; height:57px; border:solid 1px rgb(201,201,201); text-align:center;}
.leproducts2 {float:left; margin-right:9px; padding: 5px; width:65px; height:57px; border:solid 1px rgb(201,201,201); text-align:center;}
.leproductsbg {float:left; margin-right:9px; margin-bottom:30px; width:100px; height:87px; }
.ordernowbutton {float:left; margin-top:12px; width:67px; height:19px; border:0px;}
.clear { clear: both; }
/*.tagline { float:right; font: bold 1.1em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif; color: rgb(102,102,102); text-align: left; padding:18px 10px 0 0;}
.tagline2 { float:left; font: bold 0.7em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif; color: rgb(102,102,102); text-align: left; padding:14px 0 0 10px;}
*/
td.des {font: 0.85em tahoma, verdana, arial, helvetica, sans-serif; color: rgb(53,53,53); height:20px; text-align: left; vertical-align: middle; text-align:right; }
td.des2 {font: 0.85em tahoma, verdana, arial, helvetica, sans-serif; color: rgb(53,53,53); height:20px; text-align: right; vertical-align: middle; text-align:right; }
input.estimator {width:120px; font: normal 1em 'Myriad Pro', tahoma, verdana, arial, helvetica, sans-serif; color: rgb(53,53,53); text-align: left; vertical-align:middle;}
.estimatorsubmit { float: right; margin: 5px 0 0 5px; width:98px; height:27px;}
/*  Manager Log In  */
.login table { clear:both; width:600px; background-color:transparent; }
.login table td.left { width: 362px; text-align:left; vertical-align:text-top; padding-right:10px; }
.login table td.right { width: 238px; text-align:left; vertical-align:text-top;}
.login table ul {list-style:none; margin:0.5em 10px 1.0em 6px;}
.login table ul li {margin:5px 0 0.2em 0; padding:0 0 0 10px; background:url(images/blue-arrow-bullet.gif) no-repeat 0 0.3em; line-height:1.2em; font-size:100%;}
#manager-login { background:rgb(179,205,230) url("images/lt-blue-gradient-short2.jpg"); font: normal 12px arial, helvetica, verdana, sans-serif; text-decoration: none; color: rgb(0,0,0); text-align: left; width: 236px; margin: auto; border-left:solid 1px rgb(143,180,214); border-right:solid 1px rgb(143,180,214); }
#manager-login label.name { width: 40px; font-size:11px; padding:6px; }
#manager-login input.field { width: 140px; margin-top: 6px; border: solid 1px rgb(200,200,200); }
#manager-login input.button { float: right; margin: 6px 18px 0 100px; }
.redtext {color:red;}
/*  footer  */
.sitenav { width: 100%; text-align: center; margin-left: auto; margin-right: auto; margin-top: 10px; float: left; }
.sitenav ul { list-style:none; margin:0; padding:0 0 5px 0; font: 11px "Myriad Pro", tahoma, verdana, arial,helvetica,verdana,sans-serif; }
.sitenav ul li { display: inline; font-weight: normal; color: rgb(102,102,102); padding: 0 6px; }
.sitenav ul a { color: rgb(0,122,201); text-decoration: none; }
.sitenav ul a:hover { color: rgb(102,102,102); text-decoration: underline; }
.footer { font: 8pt tahoma, verdana, arial, helvetica, sans-serif; text-decoration: none; color: rgb(0,0,0); text-align: center; padding: 5px; margin: auto; float:left; width:100%;}
.expand-bio { color: black; }
/* Grand Format thumbnail image */
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
img{border:none;}

.GFthumbnail { float:left; padding: 12px 0 0 0; width:110px; height:110px; }
.GFthumb ul,li{
	margin:0;
	padding:0;
}
.GFthumb li{
	list-style:none;
	float:left;
	display:inline;
	margin-right:5px;
}
/* Begin CSS Drop Down Menu */
#navimenu-container
	{
	top: 1em;
	left: 1em;
	width:1000px;
	white-space:nowrap;
	background:rgb(0,0,0) url("images/navibackground.gif");
	}
#navimenu
	{
	font-size: small;
	font-family: Tahoma, Verdana, Geneva, sans-serif;
	width:100%;
	float:left;
	white-space:nowrap;
	}		
#navimenu a
	{
	text-align: center;
	display:block;
	white-space:nowrap;
	margin: 0;
	padding: 0;
	height:41px;
	}	
#navimenu a:link, #navimenu a:visited, #navimenu a:active	/* menu at rest */
	{
	color: white;
	background-color: rgb(0,0,0);
	text-decoration:none;
	}
#navimenu a:hover	/* menu at mouse-over  */
	{
	color: rgb(0,0,0);
	background-color: rgb(253,165,63);
	text-decoration:none;
	}	
#navimenu a.top_parent, #navimenu a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background-position: right center;
	background-repeat: no-repeat;
	text-decoration:none;
	}
#navimenu a.parent, #navimenu a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(images/green-triangle.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}
#navimenu a.dropbox, #navimenu a.dropbox:hover
	{
	background-color: rgb(201,201,201);
	font: normal 12px arial, helvetica, sans-serif;
	color: rgb(0,0,0);
	border: 1px solid rgb(153,153,153);
	text-align:center;
	width:161px;
	height:auto;
	padding:3px;
	}
#navimenu a.dropbox:hover	/* menu at mouse-over  */
	{
	color: rgb(0,0,0);
	background-color: rgb(253,165,63);
	text-decoration:none;
	}
#navimenu ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:166px;	/* width of all menu boxes */
	}
#navimenu ul.short
	{
	list-style:none;
	margin:0;
	padding: 0;
	float:left;
	width:168px;	/* width of all menu boxes */
	background-color: rgb(0,0,0);
	}
#navimenu li
	{
	position:relative;
    min-height: 1px; 			/* Sophie Dennis contribution for IE7 */
    vertical-align: top; /* Sophie Dennis contribution for IE7 */
	}
#navimenu ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}
#navimenu ul ul ul
	{
	top:0;
	left:100%;
	}
div#navimenu li:hover
	{
	cursor:pointer;
	z-index:100;
	}
div#navimenu li:hover ul ul,
div#navimenu li li:hover ul ul,
div#navimenu li li li:hover ul ul,
div#navimenu li li li li:hover ul ul
{display:none;}
div#navimenu li:hover ul,
div#navimenu li li:hover ul,
div#navimenu li li li:hover ul,
div#navimenu li li li li:hover ul
{display:block;}
/* End CSS Drop Down Menu */
.bullet ul {list-style:none; margin:0.5em 10px 1.0em 6px;}
.bullet ul li {margin:5px 0 0.2em 0; padding:0 0 0 10px; background:url(images/blue-arrow-bullet.gif) no-repeat 0 0.3em; line-height:1.2em; font-size:100%;}
*{ padding: 0; margin: 0; }
a, a:visited { color: #ff8c00; outline: invert; text-decoration: none; }
a img, img a {border: none; text-decoration: none;}
a:hover { text-decoration: underline; }
ul.simple, ul.simple li{ list-style:  none outside; padding: 0px; }
ul.simple li p, ul.simple li h4{ /*padding: 5px 20px; */ }
/* =layout
-------------------------------------------*/
#container { width: 257px; margin: 0 auto; text-align: left; /*background: #4C4C4C;*/ color: #fff; padding: 0 10px 10px 10px; }
	
	#container h3 { width: 257px; padding: 0 20px; margin: 5px 0; position: relative; cursor: pointer;}
	#container h3 a{ text-decoration: none; }	
	#container h3 span { position: absolute; top: 0; right: 25px;  font-size: 0.8em; font-weight: bold;}
	
	/*#container h2{padding: 5px;  }*/
	div.heading {margin: 10px 0 0 0; padding: 5px;}
div.collapse{ width: 219px;  margin: 0; background-color: #fff;}	
div.collapse-container{ width: 200px; height: 100%; padding: 6px 6px; background-color: #fff; font: normal 0.85em tahoma, verdana, sans-serif;}
div.testimonials{ width: 200px; height: 100%; padding: 6px 6px; font: normal 0.85em tahoma, verdana, sans-serif;}
div.testimonials2{ background: #fff url(images/testimonials-bar2.gif) no-repeat; padding: 40px 6px 6px 6px; font: normal 0.85em tahoma, verdana, sans-serif;}
div.testimonialsbox {border: solid 1px rgb(204,204,204); margin: 30px 0 10px 10px; width: 16em;}
/*  customer central icons  */
.central { padding:0px; text-align:center; border: solid 1px rgb(153,153,153); background-color: #fff; }
.central ul { width: 219px; list-style:none; margin:0; padding: 0; }
.central ul li { display: inline; }
.central ul a { color: rgb(0,122,201); text-decoration: none; background-color: #fff;}
.central ul a:hover { color: rgb(102,102,102); text-decoration: none; background-color: #fff; }
.central ul a:visited { color: rgb(102,0,153); text-decoration: none;}
.central-dubai { padding:0px; text-align:center; border: solid 1px rgb(153,153,153); background-color: #fff; font-size: 0.85em; }
.central-dubai ul { width: 180px; list-style:none; margin:0; padding: 0; }
.central-dubai ul li { display: inline; }
.central-dubai ul a { color: rgb(0,122,201); text-decoration: none; background-color: #fff;}
.central-dubai ul a:hover { color: rgb(102,102,102); text-decoration: none; background-color: #fff; }
.central-dubai ul a:visited { color: rgb(102,0,153); text-decoration: none;}

.expand-bio { color: black; }
/* -- for right sidebar boxes --*/
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none; }
a.info:hover{z-index:25; background-color:transparent; }
a.info span{display: none}
a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:3.5em; left:3.5em; width:15em;
    border:1px solid rgb(238,123,21);
    background-color:rgb(249,229,175); color:#000;
    opacity: 0.9; 
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    font: normal 0.9em arial, helvetica, verdana, sans-serif;
    text-align: left; 
    padding:5px; 
    text-decoration:none; }
/* tabbed box */
ol#toc {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0;
}
ol#toc li {
    float: left;
    margin: 0 1px 0 0;
}
ol#toc a {
    background: #bdf url(tab.png);
    color: #008;
    display: block;
    float: left;
    height: 2em;
    padding-left: 10px;
    text-decoration: none;
}
ol#toc a:hover {
    background-color: #3af;
    background-position: 0 -120px;
}
ol#toc a:hover span {
    background-position: 100% -120px;
}
ol#toc li.current a {
    background-color: #48f;
    background-position: 0 -60px;
    color: #fff;
    font-weight: bold;
}
ol#toc li.current span {
    background-position: 100% -60px;
}
ol#toc span {
    background: url(tab.png) 100% 0;
    display: block;
    line-height: 2em;
    padding-right: 10px;
}
div.content-tab {
    border: #48f solid 3px;
    clear: left;
    padding: 1em;
}
/*******************/
/* left flyout menu */
/*******************/
#menu {
width: 16em;
background: #eee;
margin-left: 10px;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu a {
font: normal 0.8em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc;
margin: 0;
padding: 3px 5px;
line-height: 15px;
color: rgb(0,122,201);
background: rgb(239,239,239);
text-decoration: none;
}
#menu a:hover {
color: rgb(102,102,102);
background: rgb(251,176,64);
}
#menu a.indent {
font: normal 0.8em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc;
margin: 0;
padding: 3px 5px 3px 25px;
line-height: 15px;
color: rgb(0,122,201);
background: rgb(255,255,255);
text-decoration: none;
}
#menu a.indent:hover {
color: rgb(102,102,102);
background: rgb(251,176,64);
}
#menu h2 {
font: bold 0.8em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc;
margin: 0;
padding: 3px 5px;
line-height: 15px;
color: rgb(102,102,102);
background: #ccc;
text-transform: uppercase;
}
#menu h3 {
font: bold 0.85em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif;
display: block;
border-width: 0;
border-style: solid;
border-color: #ccc;
margin: 0;
padding: 3px 5px;
line-height: 15px;
color: rgb(255,153,51);
background: rgb(255,255,255) url(images/blue-arrow-bullet.gif) no-repeat right;
}
#menu h4 {
font: normal 0.8em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc;
margin: 0;
padding: 3px 5px;
line-height: 15px;
color: rgb(0,122,201);
background: rgb(239,239,239) url(images/blue-arrow-bullet.gif) no-repeat right;
}
#menu h5 {
font: bold 0.8em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc;
margin: 0;
padding: 3px 5px;
line-height: 15px;
color: rgb(255,153,51);
background-color: rgb(255,255,255); /* background-color: rgb(239,239,239); background-color: rgb(251,176,64); */
}
#menu li {
position: relative;
}
#menu h6 {
font: bold 0.8em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif;
border-width: 1px;
border-style: solid;
border-color: #ccc;
margin: 0;
padding: 3px 5px;
line-height: 15px;
color: rgb(102,102,102);
background-color: rgb(251,176,64);
text-transform: uppercase;
}
#menu li.gallery a {
background-color: rgb(250,228,195);
}
#menu li.gallery a:hover {
color: rgb(102,102,102);
background: rgb(251,176,64);
}
#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}
div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
/*******************/
/* left navigation */
/*******************/
#leftnav {float: left;}
#leftnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 210px; 
}
#leftnav ul li {
	position: relative;
	width:210px;
	border: 1px solid #fff;
}
/* keep following styles together..........................*/
#leftnav ul ul {
	margin-left:-16px;/* ie5 fix */
	voice-family: "\"}\""; 
	voice-family: inherit;
}	
#leftnav ul li {float:left; /* hide float from ie5*/}
#leftnav ul ul {
	width:210px;	
	/*w\idth:208px;*/
	voice-family: "\"}\""; 
	voice-family: inherit;	
}
#leftnav ul ul {margin-left:0;/* hide margin from ie5*/}
/* keep above styles together .............*/
#leftnav li ul {
	position: relative;
	display:none;
}
#leftnav li ul li {
	width:208px;
	/* border-left:8px solid #f2f2f2; rgb(255,131,38); */
}
/* Styles for Menu Items */
#leftnav ul li a {
	display:block;
	text-decoration: none;
	color: #000;
	background-color: #f2f2f2; /* IE6 Bug */
	line-height:2em;
	height:2em;	
	padding:0 5px;
}
#leftnav li li a {background-color: rgb(251,223,182); padding-left: 10px; /* #f2f2f2; rgb(254,214,183);*/ }
/* set dropdown to default */
#leftnav li:hover li a, #leftnav li.over li a {
   color: #000;
   padding-left: 10px;
   background-color: rgb(251,223,182); /* light orange */
   font-weight: normal;
}
/* this sets all hovered lists to orange */
#leftnav li a:hover,
#leftnav li:hover a, #leftnav li.over a,
#leftnav li:hover li a:hover, #leftnav li.over li a:hover {
   color: #000;
   font-weight: bold;
   background-color: rgb(251,176,64); /* orange */
   padding-left: 5px;
}
#leftnav li ul li  {  } /* Sub Menu Styles */
#leftnav li.on ul { display:block; background-color: #f2f2f2;} /* The magic */
#leftnav li.off ul{display:none; }
/*  left side bar  */
.GFsidebar {font: bold 0.95em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif; color: rgb(102,102,102); margin:15px; text-align: left; width: 200px; padding-top: 20px;}
.GFsidebar ul { list-style:none; margin:0.5em 10px 1.0em 10px; }
.GFsidebar ul li { margin:5px 0 0.2em 0; padding:0 0 0 10px; background:url(images/grey-square-bullet.gif) no-repeat 0 0.3em; line-height:1.2em; text-indent: 10px; }
.GFsidebar2 {font: normal 0.95em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif; color: rgb(102,102,102); margin:0 15px 15px 15px; text-align: left; width: 15.5em; padding-top: 30px; line-height: 18px;}
.leftlistings {width: 140px; padding: 10px 30px 10px 20px; font-size: smaller; border-right: solid 1px rgb(222,222,222); border-top: solid 1px rgb(222,222,222); border-bottom: solid 1px rgb(222,222,222); line-height: 15px;}
.leftlistings a {text-decoration: none;}
.sidebar { width: 130px; background: transparent; float: left; padding: 15px 6px 0 18px; font: bold small "Myriad Pro", tahoma, verdana, arial, helvetica, verdana, sans-serif; color: rgb(0,122,201); text-align: left;}
.LeftSideLink {font: bold 0.85em "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif; color: rgb(255,131,38); margin:40px 10px 40px 10px; padding: 10px; border-top: solid 2px rgb(102,102,102); border-bottom: solid 2px rgb(102,102,102); }
.LeftSideLink ul { list-style:none; padding:10px; }
.LeftSideLink ul li { margin:5px 0 0.2em 0; padding:0 0 0 10px; background:url(images/blue-arrow-bullet.gif) no-repeat 0 0.3em; line-height:1.2em; text-indent: 10px; }
.LeftSideLink ul a { font-weight: bold; text-decoration: underline; }
.LeftSideLink ul a:visited { color: rgb(0,122,201); text-decoration: underline; }
/*******************/
/*    lightbox     */
/*******************/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}
#lightbox a img{ border: none; }
#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}
#imageContainer{
	padding: 10px;
	}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left; background: url(images/prevlabel.gif) left 5% no-repeat; }
#nextLink { right: 0; float: right; background: url(images/nextlabel.gif) right 5% no-repeat; }
/* #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } */
#imageDataContainer{
	font: 0.8em Tahoma, Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 75%; float: left; text-align: left; }	
#imageData #caption{ font-weight: normal;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}
* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}
* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 
/* Thumbnail image */
.thumbnailpic {width: 80px; height: 80px; border: 0;}
/*09.28.2009 */
.slidebanner {background-color: rgb(255,255,255); float: left; width: 729px; height: 100%; padding: 0px;}
/* Customer Central */
.customercentral {width: 221px; background-color: rgb(255,255,255); font: normal 0.8em 'Myriad Pro', tahoma, verdana, arial, helvetica, sans-serif; color: rgb(0,0,0); text-align: left; float:left; padding: 0 20px 200px 0;}
/* Home page main content */
.hpmaincontent {float:left; width: 709px; padding: 10px; background-color: rgb(255,255,255); font: normal 0.8em 'Myriad Pro', tahoma, verdana, arial, helvetica, sans-serif; color: rgb(0,0,0); text-align: left; }
/* home page right column */
.rightcolumn {float:right; width: 271px;}
/*  right sidebar  */
.waveboxbkgd {height:228px; background: rgb(102,102,102) url(images/whatsnew-bkgd.gif) no-repeat; padding: 0 10px; text-align:left;}
.wavebox {font: 12px tahoma, verdana, arial, helvetica, sans-serif; text-align:left;}
.wavebox ul { list-style:none; margin:0.5em 10px 1.0em 10px; }
.wavebox ul li { margin:5px 0 0.2em 0; padding:0 0 0 10px; background:url(images/grey-square-bullet.gif) no-repeat 0 0.3em; line-height:1.2em;}
.wavebox ul li#orange { margin:5px 0 0.2em 0; padding:0 0 0 10px; background:url(images/orange-square-bullet.gif) no-repeat 0 0.3em; line-height:1.2em;}
.wavebox ul a {text-decoration: none;  color: rgb(205,205,205);}
.wavebox ul a:hover { color: rgb(255,131,38); text-decoration: underline; }
.waveboxorangetext {font: bold 0.75em tahoma, verdana, arial, helvetica, sans-serif; color: rgb(255,131,38);}
/* Banner ads right column */
.bannerads {width: 251px; padding:20px 10px 10px 10px; height: 100%; background-color: rgb(153,153,153); text-align: center; float:right;}
/* grey rounded corners box */
.bl {background: url(images/bl.gif) 0 100% no-repeat #eff0f0; width: 180px;} 
.br {background: url(images/br.gif) 100% 100% no-repeat} 
.tl {background: url(images/tl.gif) 0 0 no-repeat} 
.tr {background: url(images/tr.gif) 100% 0 no-repeat; padding:10px} 
.clear {font-size: 1px; height: 1px}