/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Project: Iflexion
Date: February 2008
CSS: Styles for all templates
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
html {  }
body { 
	position:relative; 
	width:100%; 
	min-width:990px; 
	min-height:100%; 
	height:auto; 
	font: normal 62.5% Verdana, Geneva, sans-serif; 
	color: #333333; 
	background:#92a9cc url(../images/bg-body.png) repeat-x; } /*fix for IE in hacks.css*/

a { 
	color:#009BE7; 
	text-decoration:underline; 
	}
a:hover { text-decoration:none; }
h1 img, h2 img { display:block; }

#all { position:relative; width:990px; margin:0 auto; min-height:100%; height:auto; background:#92a9cc url(../images/bg-all.gif) repeat-x; } /*fix for IE in hacks.css*/
.shadow { position:absolute; top:0; right:-7px; width:7px; height:612px; background:url(../images/bg-shadow.png) no-repeat; }
.shadow2 { position:absolute; top:0; left:-7px; width:7px; height:612px; background:url(../images/bg-shadow2.png) no-repeat; }
br.clear { display:block; clear:both; float:none !important; height:1px !important; font-size:1px !important; border:none; margin:0 !important; padding:0 !important; background:transparent !important; visibility:hidden !important; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~
   Header styles
~~~~~~~~~~~~~~~~~~~~~~~~ */
.header { height:120px; padding-top:20px; background:#ffffff url(../images/bg-header.gif) repeat-x; }
.logo { position:absolute; top:48px; left:30px; width:179px; height:50px; }

.name { position:absolute; top:118px; left:30px; padding:5px 9px; font:1em Tahoma; background:#efefef; }

/* Menu */
.menu { position:absolute; z-index:1000; top:62px; left:285px; } /*fix for IE in hacks.css*/
.menu li { float:left; height:31px; margin-left:-1px; }
.menu li.hover { height:33px; }
.menu li a { display:block; height: 30px; margin-right:1px; }
.menu li a span { display:none; }

.menu li.top { width:108px; background:url(../images/menu-bg.png) no-repeat; border-right: 1px #dfe5e9 solid; }

.menu li.top.hover { background:url(../images/menu-bg.png) no-repeat 0 100%; border-right: 1px #dfe5e9 solid; }

.inner-menu { display:none; position:absolute; z-index:999; top:33px; left:0; border:1px solid #dfe4e8; background:#fff; }
.style-styles { border:1px solid #000; }
.inner-menu li { float:none; height:auto; margin:0; font:1.1em Tahoma; color:#0074bf; background:url(../images/bg-inner-menu.png) no-repeat 0 100%;} /*fix for IE in hacks.css*/
.inner-menu li.last { background: #FFFFFF; }
.inner-menu li a { display:block; height:auto; padding:6px 34px 6px 12px; color:#0074bf; text-decoration:none; border:0; white-space:nowrap; } /*fix for IE in hacks.css*/
.inner-menu li.hover { height:auto; background:url(../images/bg-inner-menu.png) no-repeat 100% 0; margin-top:-1px; padding-top:1px; border:0; }
.inner-menu li.hover a { color:#fff; }
.inner-menu li .menu-arrow { display: block; position: absolute; background: url(../images/menu-inner-arrow.gif) no-repeat 0px -5px; width: 5px; height: 5px; line-height: 5px; overflow: hidden; right: 10px; margin-top: 12px; }
.inner-menu li.hover .menu-arrow { background-position: 0% 0%; }

.inner-menu3 { display:none; position:absolute; z-index:999; top:0; left: 0; border:1px solid #dfe4e8; margin-top: -2px; }
.inner-menu li .inner-menu3 li { font:1em Tahoma; color:#0074bf; background:url(../images/bg-inner-menu.png) no-repeat 0 100%;} /*fix for IE in hacks.css*/
.inner-menu li .inner-menu3 li.last { background: #FFFFFF; }
.inner-menu li .inner-menu3 li a { display:block; height:auto; padding:6px 34px 6px 12px; color:#0074bf; text-decoration:none; border:0; white-space:nowrap; margin-top:0;} /*fix for IE in hacks.css*/
.inner-menu li .inner-menu3 li.hover { height:auto; background:url(../images/bg-inner-menu.png) no-repeat 100% 0; border:0; }
.inner-menu li .inner-menu3 li.hover a { margin-top:-1px; color:#fff; border:0; padding-top:7px; }

/*.menu li.hover .inner-menu { display:block; }*/
/*.inner-menu li.hover .inner-menu3 { display:block; }*/

html:root*.inner-menu li.hover a { margin-top:0; padding-top:6px; }
html:root*.inner-menu li.hover .inner-menu3 li.hover a { margin-top:0; }

/* Flash block */
.index-illustrate { height:278px; background:#fff; border-bottom:2px solid #dfe4e8; }
.flash { width:770px; height:275px; float:left; border-top:3px solid #efefef; }
.flash img { display:block; }

.inner-flash {}
.inner-flash img { display:block; }

.testimonial { width:193px; height:275px; float:left; padding:0 12px 0 14px; border-top:3px solid #7cad00; font:1.1em/1.5 Tahoma; color:#d3dee5; background:url(../images/bg-testimonials.png) repeat-x; border-left:1px solid #576474; }
.testimonial h2 { position:relative; z-index:100; width:145px; height:25px; margin:7px 0 4px -18px; padding:8px 0 0 18px; background:url(../images/bg-h2-customer-testimonial.png) no-repeat; } /*fix for IE in hacks.css*/
.testimonial p { padding-bottom:7px; }
.testimonial p.author { font:0.91em Tahoma; color:#a2aaaf; }
.testimonial p.author span { display:block; font:bold 1.1em Tahoma; color:#fff; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~
   Content styles
~~~~~~~~~~~~~~~~~~~~~~~~ */
.content {  background:#ffffff; }

.left-column { width:230px; float:left; padding:0 25px 0 15px }
.center-column { }
.right-column { width:220px; float:left; }
.center-over { width:685px; float:left; }
.center-over2 { overflow:hidden; } /*fix for IE in hacks.css*/

.index-page .left-column { width:220px; float:left; padding:0 0 0 15px; }
.index-page .center-column { width:535px; float:left; }
.index-page .right-column { width:220px; }
.index-page .center-over { width:755px; }

.second .content-row { overflow:hidden; } /*fix for IE in hacks.css*/

.path .select-area { float:right; margin-top:-2px; }

.path { margin-bottom:16px; padding:13px 15px 6px 0; font-size:1em;}
.path a { padding-right:13px; background:url(../images/arrow-path.gif) no-repeat 100% 5px; color:/*#6c6c6c;*/#333333; margin-right:5px;}
.path img { margin-bottom:-4px; }
.path span { font-weight:bold; color: #6C6C6C;}

.submenu { position:relative; 
           margin:17px 0 14px 0; 
           padding:10px 14px 4px 14px; 
           background:url(../images/bg-h2.gif) repeat-x; 
           border:1px solid #b1cef4;
           font-family:Verdana;
           font-size:10px}
.submenu h2 { margin-bottom:11px; 
              padding:0 0 8px 1px; 
              border-bottom:2px solid #cad6e6; 
              font-size: 18px; 
              color:#007ecb; 
              font-weight:100;
              font-family:Calibri;}

.submenu li { padding:0 0 12px 15px; font-size: 1.1em; line-height: 1.2em; font-weight:/*bold;*/normal; background:url(../images/li-arrow-blue.gif) no-repeat 0 4px; }
.submenu li a { color:#333333; text-decoration:none; }
.submenu li a:hover { text-decoration:underline; }
.submenu li.here { background:url(../images/li-arrow-green.gif) no-repeat 0 4px; }
.submenu li.here a { font-weight:bold; color:#85b400; }
.submenu ul ul { padding-top:9px; margin-bottom:-8px; }
.submenu ul ul li { padding-left:13px; font-size:1em; background:url(../images/li-arrow-blue2.gif) no-repeat 1px 7px; padding-bottom:9px;}
.submenu ul ul li a { font-weight:normal !important; color:#333333 !important; }
.submenu ul ul li.here { background:url(../images/li-arrow-green.gif) no-repeat 0 4px; }
.submenu ul ul li.here a { font-weight:bold !important;; color:#85b400 !important;; }

.inner-content { 
	margin:1px 0 10px 0; 
	font-size: 1.3em;
	line-height: 1.4em;
	text-align: left;
	 
		 }
.inner-content p {
	padding-bottom:10px;
/*	padding-left: 15px;
	padding-right: 15px;*/
	} 
.inner-content ul {

	padding:0 15px 15px 15px; 

	
	} 
.inner-content h1 { 
	margin-top: 10px;
	/*padding-left: 15px;
	padding-right: 15px;*/
	padding-bottom:8px; 
	font-size: /*2.2*/ 2.2em; 
	/*color:#000000;*/ color: #007ECB;
	font-family:Calibri; 
	margin-bottom:10px; 
	font-weight: normal;
}
	
.inner-content h1.wB {border:none;}
.inner-content h2 { 
	/*padding-left: 15px;
	padding-right: 15px;*/
	color: #333333; 
	font-size: /*1.5*/ 1.4em; 
	line-height:1em; 
/*	margin-top: 10px;*/
    border-left: 2px solid #007ECB;
    background-color: #ECF3F8;
    padding: 8px 0 9px 11px;
    margin-bottom: 15px;
    margin-top: 8px;
	font-family: Verdana, Geneva, sans-serif; 
	font-weight: normal;}
	
.inner-content h2 p.simple 
{ 
    font-size: 0.7em;
    padding: 8px 10px 4px 0;
}	

.inner-content h2 span.main {
	margin-bottom:0px; 
	padding-bottom: 0px; 
	}
.inner-content h2 span.comment {
	font-size: 60%; 
	margin-top:0px; 
	padding-top: 0px; 
	font-weight: normal;
	text-transform: capitalize; }
	
.inner-content h3 { 
	/*padding-left: 15px;
	padding-right: 15px;*/
	color: #85B400;
    font-size: 1.2em;
    font-weight: normal;
    padding-bottom: 0px; 
	/*border-top: 1px dashed #CCCCCC;*/
	padding-top: 0px;
	text-transform: capitalize;
	margin-top: 8px;
	margin-bottom: 4px;}
	
.inner-content h4 { 
	font-weight: bold; 
}

.inner-content h5 { 
	font-size: 1.3em;
	font-weight:normal; 
}

.inner-content div.blueBlock{
	background-color: #ECF3F8;
	margin-left: 15px;
	padding: 15px;
	margin-bottom: 20px;
	}
	
.inner-content div.blueBlock p{
	padding-bottom: 0px;}	
	
.inner-content p.introduction {font-size:1.33em; color:#007ecb; line-height:1.1em;}

.inner-content li { 
	padding-left:15px; 
	margin-bottom: 1px;
	background:url(../images/bg-content-li.gif) no-repeat 0 5px; 
	}
	
.inner-content li.part{
	margin-bottom: 12px;}
	
.inner-content ul.bull-blue li { 
	background:url(../images/bull-blue.png) no-repeat 0 3px; 
	padding-left:20px;
	padding-bottom:8px;}
	
.inner-content li.last { 
	margin-bottom: 0px;
	}
	
.inner-content ul.bigLi li { 
	margin-bottom: 10px;	
}	

.inner-content ul.bigLi li.last { 
	margin-bottom: 0px;	
}	

span.technology{
	color: #333333;
	font-weight: normal;
	font-family: Verdana;
	font-style:normal}
	
div.imagesBlock {
	float:right; 
	}


div.imagesBlock img{
	margin-right: 10px;}
	

.inner-content div.separator {
    background: url("../images/separator.gif") repeat-x scroll center 2px transparent;
    height: 3px;
    margin-bottom: 10px;
}

.thematic-block ul, .thematic-block-left ul { padding:0 0 10px 0; }
.thematic-block li, .thematic-block-left li { padding-left:10px; margin:0pt 0pt 3px; background:transparent url(../images/qj-bullet-1.gif) no-repeat scroll 0px 7px; }



.columns-list {overflow:hidden;}
.columns-list ul {float:left; width:330px;}
.inner-content .para-list li {padding-bottom:15px;}
.inner-content .para-list li.Last {padding-bottom:0;}

.paging-top { margin-top: -29px; padding-top: 4px; float: right; width: 80%; height: 15px; }

p.more { overflow:hidden; } /*fix for IE in hacks.css*/
p.more a { display:block; float:left; margin-bottom:-3px; padding:0 0 3px 18px; background:url(../images/bg-a.more.png) no-repeat; } /*fix for IE in hacks.css*/

h2.why-custom { margin:16px 15px 0 0; padding:14px 0 12px 13px; background:url(../images/bg-h2.gif) repeat-x; border:1px solid #cad6e6; }
.why-customers { min-height:102px; cursor:pointer; height:auto; margin:0 15px 15px 0; padding:0; background:#9aa5b1 url(../images/bg-why-customers.gif) repeat-x; }
.why-customers li { padding:0 0 7px 20px; font:11px Tahoma; color:#fff; background:url(../images/li-arrow.gif) no-repeat 0 3px; }

.text { min-height:182px; height:auto; margin:0 15px 14px 0; padding-top:23px; font:1.2em/1.5 Arial; text-align:justify; border-bottom:1px solid #dfe4e8; } /*fix for IE in hacks.css*/
.text h1 { margin-bottom:11px; overflow:hidden; background:url(../images/bg-h1.gif) repeat-x 0 100%; } /*fix for IE in hacks.css*/
.text h1 span { display:block; float:left; padding-bottom:8px; border-bottom:2px solid #7cad00; font-size: 14px; }

.text .links { margin-top:10px; padding:6px 0 6px 11px; font-size:0.92em; background:#f1f3f4; border-bottom:1px solid #fdfdfd; }
.text .links a { margin-right:11px; font-family:Tahoma; }
.text .links p.more a { background:url(../images/bg-a.more2.png) no-repeat; }

.index-page .text {font:1.2em/1.5 Verdana; } /*fix for IE in hacks.css*/
.text h1 { margin-bottom:11px; overflow:hidden; background:url(../images/bg-h1.gif) repeat-x 0 100%; } /*fix for IE in hacks.css*/


.thematic-block { height:auto; margin:17px 0 14px 0; padding:10px 14px 4px 14px; color:#333333; background:url(../images/bg-h2.gif) repeat-x; border:1px solid #b1cef4;  font: Verdana, Geneva, sans-serif; font-size:1em; line-height: 1.5em;} /*fix for IE in hacks.css*/
.center-over .thematic-block { min-height:10px; }
.thematic-block h2 {  margin-bottom:11px; 
              padding:0 0 10px 1px; 
              border-bottom:2px solid #cad6e6; 
              font-size: 18px; 
              color:#007ecb; 
              font-weight:100;
              font-family:Calibri;
			  line-height: normal;}
.thematic-block h5 { padding-bottom:4px; font-size:1.1em; font-weight: bold; color:#7cad00; }
.thematic-block li {    font-size: 1.1em;
 }
.thematic-block p { padding-bottom:11px; font:1.1em/1.5 Verdana; color:#333333;}


.index-page .thematic-block { min-height:203px; height:auto; margin:0 15px 14px 0; padding:10px 14px 0 14px; color:#686868; background:url(../images/bg-h2.gif) repeat-x; border:1px solid #b1cef4; } /*fix for IE in hacks.css*/
.index-page .thematic-block h2 { margin-bottom:14px; padding-bottom:7px; border-bottom:2px solid #cad6e6; }
.index-page .thematic-block p { padding-bottom:11px; font:1.1em/1.5 Tahoma;}

.thematic-block-left { height:auto; margin:14px 0; margin-bottom:30px; padding:10px 16px 10px 14px; font:1.1em/1.5 Verdana; color:#333333; background:url(../images/bg-h2.gif) repeat-x; border:1px solid #b1cef4; } /*fix for IE in hacks.css*/
.thematic-block-left h2 { margin-bottom:11px; 
              padding:0 0 8px 1px; 
              border-bottom:2px solid #cad6e6; 
              font-size: 18px; 
              color:#007ecb; 
              font-weight:100;
              font-family:Calibri;}
.thematic-block-left h5 { padding-bottom:8px; font-size:1.1em; font-weight: 100; color:#7cad00; }
.thematic-block-left p { padding-bottom:11px; line-height:1.36em; color:#333333;}

.tabs { min-height:214px; height:auto; margin-right:15px; background:#fff url(../images/bg-tabs.gif) repeat-x 0 100%; border:1px solid #b1cef4; border-top:0; } /*fix for IE in hacks.css*/
.navi { height:51px; margin-right:-1px; background:url(../images/bg-tab.gif) repeat-x; }
.navi li { width:173px; height:51px; float:left; background:url(../images/bg-tab-li.gif) no-repeat 100% 1px; }
.navi li.here { background:#fff url(../images/bg-tab-here.gif) repeat-x; }
.navi li a { display:block; height:37px; padding:14px 0 0 15px; margin-right:1px; }
.navi li.here a { margin-right:0; background:url(../images/bg-tab-li-here.gif) no-repeat 100% 0; }
.navi li.here a.tab-1 { background:url(../images/tabs-1-bg.gif) no-repeat 15px 15px; }
.navi li.here a.tab-2 { background:url(../images/tabs-2-bg.gif) no-repeat 15px 15px; }
.navi li.here a.tab-3 { background:url(../images/tabs-3-bg.gif) no-repeat 15px 15px; border-right:1px solid #b1cef4;}
.navi li.here a img { visibility: hidden; }

.tab-content { overflow:hidden; padding:22px 0 9px 0; } /*fix for IE in hacks.css*/
.tab-list { width:255px; float:left; padding-left:25px; }
.tab-list li { padding:0 0 11px 15px; font:bold 1.1em Tahoma; color:#9aa3af; background:url(../images/bg-tab-list.gif) no-repeat 0 2px; line-height: 10px; } /*fix for IE in hacks.css*/
.tab-list li a{ font:bold 1em Tahoma; color:#333333; text-decoration: none; line-height: 10px; }
.tab-list li a:hover { color:#009be7; }
.tab-text { width:215px; float:left; font:1.1em/1.5 Tahoma; color:#333333; } /*fix for IE in hacks.css*/
.tab-hide { display: none; }

.quick-jump { min-height:205px; height:auto; } /*fix for IE in hacks.css*/
.quick-contact { padding:36px 0 13px 28px; font:1.1em Tahoma; background:#f8f9fa url(../images/bg-contact.jpg) no-repeat 0 100%; }
.banner  
{
    height: 106px; 
    background-image: url(../images/Microsoft_Gold_Certified_Partner.png); 
    background-repeat:no-repeat;
    background-position:left top;  
    
    }
.quick-select { height:36px; padding:15px 0 0 15px; background:#5b677d url(../images/bg-quick-select.gif) no-repeat; }

li.qjump-li-1 { font-weight: bold; background: #ebebeb; color: #5b677d; padding-left: 4px!important; }
li.qjump-li-2 { padding-left: 16px!important; color: #5b677d; background: url(../images/qj-bullet-1.gif) no-repeat 7px 8px; }
li.qjump-li-3 { padding-left: 28px!important; color: #8496b6; background: url(../images/qj-bullet-2.gif) no-repeat 19px 8px; }

ul.three-link li { padding:1px 0 21px 31px; font-weight:bold; }
ul.three-link li a.white { color:#ffffff; font-size:1.2em }
ul.three-link li.getfree { background:url(../images/ico-get-free.png) no-repeat; }
ul.three-link li.requestinfo { background:url(../images/ico-request-info.png) no-repeat; }
ul.three-link li.callback { background:url(../images/ico-call-back.png) no-repeat; padding-bottom: 6px!important; }

.thematic-block  ul.three-link { margin:8px 0 0 4px; }
.thematic-block  ul.three-link li { padding-bottom:17px;}

.see-also { margin:0 0 14px 0; padding:7px /*0*/13px 8px 0; border:1px solid #b1cef4; }
.see-also h2 { margin-bottom:10px; padding:0 0 10px 14px; font:bold 1.3em Arial; color:#0192da; background:url(../images/bg-h2-see-also.gif) no-repeat 0 100%; }
.see-also ul { padding-left:13px; }
.see-also li { padding:0 0 7px 15px; font:1.1em Verdana; background:url(../images/li-arrow-blue.gif) no-repeat 0 4px; }
.portfolio-detailed-pic {
    border: 1px solid #DBDBDB;
    margin: 0 15px 15px 0;
    padding: 2px;
}
.portfolio-detailed-pic img {
    display: block;
}
.portfolio-detailed-main-info {
    border-top: 1px solid #DBDBDB;
    font-family: Tahoma,Arial;
    padding: 0 0 13px !important;
}
.portfolio-detailed-main-info li {
    background: url("../images/bg-drop1.gif") repeat-x scroll left bottom transparent;
    padding: 3px 20px 4px 0 !important;
}
p.portfolio-detailed-launch {
    font-family: Tahoma,Arial;
    font-weight: bold;
    overflow: hidden;
}
p.portfolio-detailed-launch a {
    background: url("../images/bg-a.more.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    margin-bottom: -3px;
    margin-top: 0;
    padding: 0 0 3px 18px;
}
.portfolio-info-list {
    border: 1px solid #EFEFEF;
    clear: both;
    font: 0.91em/1.64em Tahoma,Arial;
    margin-bottom: 16px;
    overflow: hidden;
    padding: 14px 14px 15px;
}
.portfolio-info-list h2 {
    background: none repeat scroll 0 0 transparent;
}
.portfolio-info-list .picture {
    border: 1px solid #DCDCDC;
    float: right;
    margin: 0 0 15px 15px;
    padding: 2px;
}
.portfolio-info-list .picture img {
    display: block;
}
.portfolio-info-list ul {
    margin: 0;
    padding: 0 0 6px;
}
.portfolio-info-list ul li {
    background: none repeat scroll 0 0 transparent;
    margin: 0;
    padding: 2px 0;
}
.portfolio-info-list p {
    clear: both;
    padding-bottom: 10px;
}
.portfolio-info-list .links {
    padding: 0 !important;
}
.portfolio-info-list .links a {
    color: #009BE7;
}
.portfolio-info-list .links .divider {
    background: url("../images/bg-drop2.gif") repeat-y scroll center top transparent;
    padding: 0 3px;
}

.page-navigator{float:right; font:0.91em/1.3em Tahoma, Arial; margin:-4px 0 12px 0;}
.page-navigator a{ padding:0 3px;}
.page-navigator .curr{ padding:0 3px; font-weight:bold; color:#85b400; border:1px solid #dbdbdb; zoom:1; width: 6px; height: 13px}

.portfolio-item { border:1px solid #b1cef4; margin-bottom:17px;}
.portfolio-item .title-box { color: #333333; 
	line-height:1em; 
/*	margin-top: 10px;*/
    background-color: #ECF3F8;
    padding: 8px 20px 10px 11px;
    margin-bottom: 15px;
	font-family: Verdana, Geneva, sans-serif; 
	font-weight: normal;
	border-bottom:1px solid #B1CEF4;}
.portfolio-item .title-box h4 {font-size:1.4em; font-weight: normal;}	
.portfolio-item .title-box h2 { color:#007ecb; font-size:1.55em; font-weight:normal; padding-top:2px; margin-bottom:0;}
.portfolio-item .title-box h2 img {margin-bottom:-1px;}
.portfolio-item .title-box ul {float:right; padding:0;}
.portfolio-item .title-box ul li {display:inline; color:#0192da; background:none; font-size:0.9em; padding-left:3px;}
.portfolio-item .title-box ul li a {color:#0192da;}
.portfolio-item .title-box ul li span {padding-left:5px;}
.portfolio-item .description {padding:0px 15px 12px 12px;}
.portfolio-item div.metadata {height:134px}
.portfolio-item .description table {}
.portfolio-item .description table td {padding:1px 5px 1px 0; vertical-align:top; font-size:11px;}
.portfolio-item .description table td.tl1 {width:140px; font-size:11px;}
.portfolio-item p{padding-bottom:0; font-size:0.9em}
.portfolio-item img.picture {  float:right; border:1px solid #b9b9b9; padding:1px; background:#fff; margin:0 0 15px 15px; }

.portfolio-project-item-first{ float:left; border-right:1px solid #efefef; padding-right:19px; width:325px;}
.portfolio-project-item-second{ float:right; width:325px;}

.sales-block p{padding-bottom:5px;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~
   Control styles
~~~~~~~~~~~~~~~~~~~~~~~~ */
.textfield{ padding:1px 4px; height:1.33em; font:normal 1em/1.33em Verdana, Arial, Helvetica, sans-serif; border:1px solid #ccc; color:#6a6a6a;}
textarea{ padding:0 4px; font:normal 1em/1.33em Verdana, Arial, Helvetica, sans-serif; overflow:auto; border:1px solid #ccc; color:#6a6a6a;}
select{ font:normal 1em/1.5em Verdana, Arial, Helvetica, sans-serif; border:1px solid #ccc; color:#6a6a6a; height:1.5em;}/*fix for IE in hacks.css*/

.textfield-308{	width:308px;}
.textarea-308{	width:308px;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~
   Site form styles
~~~~~~~~~~~~~~~~~~~~~~~~ */
.site-form{border-top:1px solid #dbdbdb; padding-top:13px;}
.site-form br{clear:both;}
.site-form fieldset{ border:none;}
.site-form .means-required{ background:url(../images/bg-form-required.gif) no-repeat; padding-left:16px;}
.site-form h3 
{
	/*padding-left: 15px;
	padding-right: 15px;*/
	color: #333333; 
	font-size: /*1.5*/ 1.4em;
 
	line-height:1em; 
/*	margin-top: 10px;*/
    border-left: 2px solid #007ECB;
    background-color: #ECF3F8;
    padding: 8px 0 9px 11px;
    margin-bottom: 15px;
    margin-top: 8px;
	font-family: Verdana, Geneva, sans-serif; 
	font-weight: normal;
}
.site-form .label{ float:left; width:160px; padding:1px 12px 1px 15px; margin-bottom:10px; line-height:1.5em; margin-right:1px; text-align:left;}
.site-form .required{ background:url(../images/bg-form-required.gif) no-repeat right top;}
.site-form .textfield, .site-form textarea, .site-form select, .site-form .file, .site-form .btn{ float:left; margin-bottom:10px;}
.site-form .select-area{float:left;}
.site-form .pic-code{float:left; border:1px solid #ccc; margin-bottom:10px;}
.site-form fieldset{ margin-bottom:12px;}


/*Selects*/
#quickJumpSelectArea { cursor: pointer; width: 189px; height: 20px; }
.center-over #quickJumpSelectArea { width: 205px; }

#quickJumpSelectOptions { cursor: pointer; width: 187px; height: 250px; overflow: auto; z-index:2000; }

#quickJumpSelectText { cursor: pointer; width: 162px; }
.select-area { position:relative; cursor:default; height:19px; background:url(../images/select-bg.gif) repeat-x; }
#contact_country_idSelectArea { position:relative; cursor:default; height:20px; background:url(../images/select-bg3.gif) repeat-x; }
#contact_country_idSelectArea.error { background-image:url(../images/select-bg4.gif); }
.inner-quick-jump { float: right; margin: 3px 15px 0 0; }
.select-area .select-area-left { width:1px; height:19px; float:left; background:#cfcfcf; }
#contact_country_idSelectArea.error .select-area-left { background:#d14e1b; }
.select-area .select-area-right { width:19px; height:19px; float:right; background:url(../images/select-right.gif) no-repeat; }
#contact_country_idSelectArea .select-area-right { width:19px; height:20px; float:right; background:url(../images/select-right3.gif) no-repeat; }
#contact_country_idSelectArea.error .select-area-right { background-image:url(../images/select-right3-error.gif); }
.select-area-opened .select-area-right { background:url(../images/select-right.gif) no-repeat; }
.select-area .select-area-center { position:absolute; top:0; left:1px; padding-left:4px; color:#686868; font:10px Tahoma; height:19px; line-height:19px; overflow:hidden; white-space:nowrap; }

#contact_country_idText { padding-top: 2px; font:normal 1em/1.33em Verdana, Arial, Helvetica, sans-serif; }

/*Selects options*/
.select-options-invisible, .select-options-visible { position:absolute; top:19px; background:#fff; z-index:999; border:1px solid #d4d4d4; overflow:auto; }
.select-options-invisible { display:none; }
.select-options-visible { cursor:default; list-style-type:none; }
.select-options-visible li { margin:0; padding:2px; text-align: left!important; }
.select-options-visible li.select-option-hovered { background-color:#d2f0f4; }
.select-options-visible li.select-option-selected { background:#496ac5; color:#fff; }

.site-form .select-area { width: 318px!important; }
.site-form .select-options-invisible, .select-options-visible { position:absolute; top:19px; background:#fff; z-index:999; border:1px solid #d4d4d4; overflow:auto; }
.site-form .select-options-invisible { display:none; }
.site-form .select-options-visible { width: 316px!important; height: 200px; overflow: auto; cursor:default; display:block; list-style-type:none; margin:0; padding:0 !important;font:10px Tahoma !important; }
.site-form .select-options-visible li { margin:0; padding:2px; background:none; }
.site-form .select-options-visible li.select-option-hovered { background-color:#d2f0f4; }
.site-form .select-options-visible li.select-option-selected { background:#496ac5; color:#fff; }
.site-form .multi-close { margin-left: 190px; }
.site-form span.file {
float: none;
overflow: visible;
width: 200px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~
   Footer styles
~~~~~~~~~~~~~~~~~~~~~~~~ */
.footer { overflow:hidden; width:990px; background: url("../images/bg-footer.gif") repeat-x scroll 0 100% #FFFFFF; margin-top: -17px;}
.foot-left { background: url("../images/bg-contacts.gif") repeat-x scroll 0 0 transparent;  width:740px; float:left; padding:3px 14px 0 16px;}
.contacts {background: url("../images/bg-contacts.gif") repeat-x scroll 0 0 transparent; float: left; padding-right: 15px; 
    width: 205px; } 

.bottom-menu { overflow:hidden; padding-left:5px; background:#9aa3af; }
.bottom-menu li { float:left; height:21px; margin:0 8px 0 3px; padding:5px 21px 0 23px; font:1.1em Tahoma; color:#fff; }
.bottom-menu li a { color:#fff; }
.bottom-menu li.here { background:#fff; }
.bottom-menu li.here a { color:#85b400; }

.foot-text { font-family: Tahoma,Verdana,Arial,Helvetica; overflow:hidden; padding:13px 0 36px 0; } /*fix for IE in hacks.css*/
.copyright { width:300px; float:left; color:#9f9f9f; padding-top:7px; font-size: 1em;}
.foot-links { width:430px; float:right; text-align:right;} /*fix for IE in hacks.css*/
.foot-links a { margin-left:6px; color: #9f9f9f;  }
.foot-links .foot-string { color: #9f9f9f; }

.contact { padding-bottom:1px; font:1.1em Arial; color:#686868; border-left:1px solid #dfe4e8; border-right:1px solid #dfe4e8;  border-bottom:1px solid #dfe4e8; border-top:3px solid #85b400; background-color:#fdfdfd;}
.contact table { width:100%; padding-top:3px;  }
.contact td { padding:1px 0 3px 5px; overflow:hidden; }
.contact td.country { font-weight:bold; padding-left: 10px; color:#9aa3af; }
.contact .phone { width: 100%; overflow: hidden; white-space: nowrap; }

.center-over-big { width:975px; float:left; padding-left:15px; }
.center-column-big { width:755px; float:left; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   End
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.testimonials { margin-bottom: 40px; padding-bottom: 5px; background:transparent url(../images/bg-content-h2.gif) repeat-x 0px 100%; }
.testimonials-last { background: none; padding: 0; }
.testimonials .author { color: #009BE7; font-weight: bold; }
.testimonials .signature { color: #aaaaaa; font-size: 10px; }

table.form input.inp, table.form select.inp { width: 270px; border: 1px #cecece solid;}
table.form textarea.inp { width: 274px; border: 1px #cecece solid;}
table.form input.inp {  padding: 2px; }
table.form td { padding: 3px 20px 2px 0px; white-space: nowrap; }
table.form td.red { padding: 3px 3px 2px 17px; line-height: 15px; }
table.form td.left { padding-left: 20px; }
table.form { font-size: 11px; font-family: Tahoma; border: 1px #B1CEF4 solid; margin-top: 0px; }
table.form .submit{ border: 0; background: url(../images/submit.gif) no-repeat; width: 70px; height: 21px; line-haight: 21px; margin: 7px 0; cursor: pointer; }
table.form td { color: #585858; }
table.form td.valigntop { vertical-align: top }
table.form tr.top td { line-height: 10px; height: 10px; background:transparent url(../images/bg-h2.gif) repeat-x 0 top;}
table.form tr.bottom td { padding: 10px 20px; border-top: 1px #B1CEF4 solid;}

.red { color: #d65218}

.x-mask{
z-index:9000;position:absolute;top:0;left:0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity:0.5;
opacity:.50;
background-color:#666666;
width:100%;
height:100%;
}

body.x-masked {height: 100%;overflow: hidden}
body.x-masked select{ visibility: hidden; }

div.modal-dialog { position: absolute; background: #ffffff; border: 1px #6ea100 solid; z-index: 10000; padding: 45px 15px 15px 25px;  background: #ffffff url(../images/info-bg.gif) no-repeat 0px 0px; color: #595959; font-weight: normal; font-size: 12px; left: -1000px; top: -1000px; width: 305px; text-align: left; }
div.modal-has-errors { border: 1px #d14e1b solid; z-index: 10000; background: #ffffff url(../images/error-bg.gif) no-repeat 0px 0px; color: #595959; font-weight: normal; font-size: 12px; left: -1000px; top: -1000px}
div.modal-dialog span { padding-left: 15px; background: url(../images/msg-bullet.gif) no-repeat 0px 4px; line-height: 20px; font-size: 11px; color: #6f6f6f; }
div.modal-dialog .close { background: url(../images/info-close.gif) no-repeat 0px 0px; width: 9px; height: 9px; float: right; margin-top: -34px; cursor: pointer; }
div.modal-has-errors .close { background-image: url(../images/error-close.gif); }


.inner-content table.table {
font-size:8pt;
line-height:17px;
width:100%;
}
.inner-content table.table p {
margin:0pt;
padding:0pt;
}
.inner-content table.table ul {
margin-bottom:0pt;
margin-top:0pt;
padding: 0;
}
.inner-content table.table ul li {
margin:0pt 0pt 3px;
}
.inner-content table.table ul li a {
color:#0077C2;
text-decoration:none;
}
.inner-content table.table ul li a:hover {
color:#84C300;
text-decoration:underline;
}
.inner-content table.table td, .inner-content table.table th {
border-left:1px solid #d9e5ee;
border-top:1px solid #d9e5ee;
padding:7px 10px 9px;
}
.inner-content table.table tr.header td, .inner-content table.table th {
background-color:#ECF3F8;
font-weight:bold;
}
.inner-content table.table {
border-bottom:1px solid #d9e5ee;
border-right:1px solid #d9e5ee;
}
.searchFormArea {
	height:19px;
	float:right;
	margin-top:-2px;
}
.home {
	padding-right:16px;
	margin-top:0px;
}
.search-field {
	width:183px;
	font-family:Tahoma;
	font-size:10px;
	color:#686868;
	height:15px;
	border:1px solid #D7D7D7;
	border-right:none;
	padding:2px 0 0 2px;
	float:left;
	$margin-right:-3px;
}
.searchFormArea .home{
	width:163px;
}
.banner-box {margin-bottom:13px;}

#media-distribution {background-image:url(../images/Iflexion_Media_Distribution.png)}