/*======================================================================================
|
|	Project: Cerillion (1.0)
|	Created date: 20090101 - umbraco 3.0.6
|	cem@skyron.co.uk - http://skyron.co.uk
|
========================================================================================*/



/* HACKS */
.fix{clear:both;}
.noborder{border:none!important;}
.noVmargin { margin-top:0!important;margin-bottom:0!important;}
.noHmargin { margin-left:0!important;margin-right:0!important;}
.noVpadding { padding-top:0!important;padding-bottom:0!important;}
strong{font-weight:bold;}

body { height:100%; 
       background:#ededef url('../images/site_bg2.jpg') repeat-x; 
       font-size:12px;font-weight:normal;}

body,p,td,span,a
{
	font-family:Arial;
	text-decoration:none;
	}
a{color:#227fa3;}
a:hover{text-decoration:underline;}

#feedback{height:20px;}

.inf { float:left; width:95%; padding:20px; background-color:#d7d7d7; margin:0 0 15px 0; padding-left:65px;
       border:solid 1px #333; background:url('/images/icons/error.gif') no-repeat 20px; }
.inf2 {  padding:20px; background-color:#d7d7d7; margin:0 0 15px 0; padding-left:65px; clear:right;
       border:solid 1px #333; background:url('/images/icons/error.gif') no-repeat 20px; overflow:hidden;}

.xsltsearch_result_title {margin-bottom:5px!important;}
.xsltsearch_description strong{background-color:Yellow;}
.xsltsearch_result {border-top:solid 1px #d7d7d7;padding-top:15px;}

#wrapper
{
	float:left;
	width:100%;
	height:100%;	
	}
	
#header
{
	width:980px;
	margin:20px auto;
	margin-bottom:0;
	/*border:solid 1px red;*/
	}
	
#blue
{
	background:transparent url('../images/header_bg.jpg');
	height:103px;
	}
	
#blue h1{ display:none; }	
/* has to have just 1 div for menu. */
#blue div { float:right;margin-top:60px; }
#blue .blue-menu-es { width:525px; } 	
#blue .blue-menu-en { width:410px; } 

	
#blue li {float:left;display:block;padding:5px 8px;}
#blue li.rss {margin-top:-3px;}
#blue li.rss span {display:none;}
#blue li.rss:hover{background-color:Transparent;}
#blue li:hover { background-color:#0a5f80; }
#blue li.menu-selected{background:url(../images/menutopbg1.gif) repeat-x;}
#blue a { color:White; font-weight:bold; display:block; }
#blue a:hover{text-decoration:none;}

#breadcrum {background-color:#e8e6e6; height:30px;
            margin-bottom:10px;line-height:30px;padding-left:10px;}
#breadcrum ul{background:none;float:left;}
#breadcrum ul li{background:none; float:left; padding:0 0 0 10px; font-size:11px; color:#5a5a5a}
#breadcrum ul li a{color:#5a5a5a;}

#main
{
	width:980px;
	margin:0 auto;
	padding-bottom:10px;
	background:#e8e6e6;
	border:none;
	overflow:hidden;
	/*position:relative;*/
	}
	
	/* I LOVE CODE SO MUCH. */
	

/* header-sub */
#header-sub
{	
	border:solid 0;
	height:45px;
	vertical-align:middle;	
	line-height:44px;
	}

.contactus{float:left; text-indent:20px; color:#5a5a5a;}	
.contactus a
{
		font-size:12px;
		color:#5a5a5a;
	}
	
.phone
{
	font-weight:bold;
	font-size:14px;
	color:#114c63;	
	margin-left:5px;
	}
	
.language 
{
		float:right;		
		border:none;		
		padding-right:3px;
		margin-top:16px;
	}
.language img{padding-right:3px;}

.search
{
		float:right;
		/*width:194px;*/
		border:none;
		margin-top:10px;
	}

.search input {float:left;}	
	
	
/* sidebar-left */
.sidebar-left
{
	margin:10px;
	float:left;
	width:205px;	
	border:none;
	}

.leftmenu { margin-bottom:20px; }
.leftmenu a:hover {text-decoration:none; }
.sidebar-left ul { float:left; }
.sidebar-left ul li { background-color:#d8d8d6;border:none;float:left;width:205px;margin-bottom:1px;}
.leftmenu li a { display:block;height:39px;background:transparent;line-height:39px;
                       text-indent:30px;font-size:14px;font-weight:bold;color:Black; }

.leftmenu li ul {background-color:white;padding:5px 0;}                       
.sidebar-left ul li ul li{background:transparent url(../images/arrows/arrow.gif) no-repeat 35px 10px;border:none;float:left;margin-bottom:1px; }
.leftmenu li ul li a {display:block;height:25px;line-height:25px;
                             text-indent:45px;background:transparent;font-size:12px;font-weight:normal;color:#595959!important;}

.leftmenu li ul li a:hover{font-weight:bold;}
.sidebar-left ul li ul li.selected{background:transparent url(../images/arrows/arrow_selected.gif) no-repeat 34px 9px;}                             
.sidebar-left ul li ul li.selected a{color:#000;font-weight:bold;}
.selected a{color:White!important;}  
/*.selected ul li a{color:black!important;}  */
                       	
/* sidebar left menu */
/*li { background:url(../images/arrows/b5111a.gif) no-repeat 10px 14px; }*/
.leftmenu li:hover{color:white;}
li.about-us { background:url(../images/arrows/fdc08a.gif) no-repeat 10px 14px; }
li.about-us:hover, li.about-us.selected {background-color:#fca557;}

li.solutions { background:url(../images/arrows/98d39e.gif) no-repeat 10px 14px; }
li.solutions:hover, li.solutions.selected {background-color:#6cc074;}

li.products { background:url(../images/arrows/cb595f.gif) no-repeat 10px 14px; }
li.products:hover, li.products.selected {background-color:#b5111a;}

li.services { background:url(../images/arrows/9661a3.gif) no-repeat 10px 14px; }
li.services:hover, li.services.selected {background-color:#691d7b;}

li.customers { background:url(../images/arrows/c0b496.gif) no-repeat 10px 14px; }
li.customers:hover,li.customers.selected {background-color:#a59468;}

li.case-studies { background:url(../images/arrows/c88da8.gif) no-repeat 10px 14px; }
li.case-studies:hover, li.case-studies.selected {background-color:#b05b82;}

li.news-events { background:url(../images/arrows/8db0cf.gif) no-repeat 10px 14px; }
li.news-events:hover, li.news-events.selected {background-color:#5c8eba;}






/* sidebar right */
#sidebar-right
{
	margin:10px;
	
	float:left;
	width:203px;
	border:solid 0 red;
	overflow:hidden;	
	}
	
/* sidebar box */
.sidebar-box { float:left; width:205px; margin-bottom:20px; }
.sidebar-box h4 { border-top:solid 5px #b5b4af; background-color:#dad9d4; height:30px; line-height:30px; padding-left:10px; font-weight:bold; }
.sidebar-box ul { float:left; }
.sidebar-box p { font-size:11px; color:#4e4d4d; margin-left:10px; margin-right:10px;}
.sidebar-box p.title {margin-bottom:10px;}
.sidebar-box p.date {margin-top:10px;margin-left:10px;font-size:10px;}
.sidebar-box a { color:#0A729B; font-weight:bold;}
.sidebar-box ul li{ float:left; width:205px; background:url(../images/arrows/arrow2.gif) no-repeat 10px 13px; }
.relatedlinks li a { color:#0a729b; text-decoration:none; display:block; 
                       height:34px; border-bottom:solid 1px #c9c8c5; line-height:34px; padding-left:25px; font-weight:bold;}	

.sidebar-contact {overflow:hidden; width:205px;}

/* center */
.center 
{
	float:left;
	width:530px;		/* 530 without padding */
	border:none;
	margin:10px 0;
	overflow:hidden;
	background-color:White;
	padding:0 0;
	/*padding-bottom:20px;*/
}

.center-content {padding:0 20px; float:left; width:490px; padding-bottom:20px;}	
.center-content img, .center-content p img {text-align:center;}

/* footer */
#footer2 
{
	width:930px;
	margin:0 auto;
	padding:20px 25px;	
	border:none;
	overflow:hidden;}
	
#footer2 a {color:#46a5c8;}
#footer2 ul li {float:left; padding-right:10px; margin-right:10px; border-right:solid 1px #46a5c8;}
#footer {	
	width:930px;
	margin:0 auto;
	padding:20px 25px;
	background:#d9d8d7;
	border:none;
	overflow:hidden;
	}
.footer-left{float:left;}
.footer-right{float:right;}
.footer-links .about-us	{width:130px; border:solid 1px red; border:none;}
.footer-links .solutions {width:130px; border:solid 1px red; border:none;}
.footer-links .products {width:130px; border:solid 1px red; border:none;}
.footer-links .services {width:130px; border:solid 1px red; border:none;}
.footer-links .customers {width:100px; border:solid 1px red; border:none;}
.footer-links .case-studies {width:110px; border:solid 1px red; border:none;}
.footer-links .news-events {width:120px; border:solid 1px red; border:none; }

.footer-links ul { float:left; padding-right:10px; width:115px;}
.footer-links ul li {float:left;}
.footer-links ul li ul { clear:both; }
.footer-links ul li ul li { clear:both; }
.footer-links ul li a {color:#1e1e1e; font-weight:bold; font-size:11px; float:left; text-transform:uppercase; margin-bottom:7px;}
.footer-links ul li ul li a { font-weight:normal; text-transform:none; margin-bottom:7px;}	

.center a { color:#2f87a8;}
#center-header h1 { font-size:28px; font-family:Arial; margin:0 20px; margin-bottom:10px;margin-top:15px; font-weight:normal;}
#center-header h2 { font-size:16px; margin:0 20px; margin-bottom:15px; font-weight:normal; }
/*.center-content {display:inline;}*/

/*.center-content div, .center-content p {line-height:1.5;}*/
.center-content h3 { font-size:16px; margin-bottom:10px; font-weight:bold; float:left; width:490px; }
.center-content h4 { font-size:16px; margin-bottom:15px; font-weight:bold;}
/*.center-content ul li { background:url(../images/arrows/arrow.gif) no-repeat 2px 5px; padding-left:15px;margin-bottom:10px;}*/
.center-content ul {float:left;width:490px;padding-bottom:15px;}
/*.center-content ul li { padding-left:12px; background:#dedede url(../images/arrows/arrow2.gif) no-repeat 12px 9px;
                        padding:10px 15px;padding-left:25px;margin-bottom:1px; }  10 was 22 when arrow was 4
*/
                        
                        
.center-content ul li {
	background:#DEDEDE url(../images/arrows/arrow2.gif) no-repeat scroll 12px 9px;
	margin-bottom:1px;
	padding:5px 15px 5px 25px;
}

                        
/*.center-content .sidebar-box{background-color:red;}*/
.center { color:#4e4d4d; }
.center p { margin-bottom:15px;}

/* need to move to dynamic css regarding to the page is visited. */
.center-content h3{padding-top:15px;border-top:5px solid gray;} /* this is default theme for layout */
.head-line { width:100%; height:10px; background-color:gray;}


/*#center-header { margin-bottom:15px;}*/
#center-header { float:left; width:530px; margin-bottom:10px;}
.about-us-center .head-line { background-color:#fca557;}
.about-us-center h3 { padding-top:10px;border-top:5px solid #fca557; }

.solutions-center .head-line { background-color:#6cc074;}
.solutions-center h3 { padding-top:10px;border-top:5px solid #6cc074; }

.products-center .head-line { background-color:#b5111a;}
.products-center h3 { padding-top:10px;border-top:5px solid #b5111a; }

.services-center .head-line { background-color:#691d7b;}
.services-center h3 { padding-top:10px;border-top:5px solid #691d7b; }

.customers-center .head-line { background-color:#a59468;}
.customers-center h3 { padding-top:10px;border-top:5px solid #a59468; }

.case-studies-center .head-line { background-color:#b05b82;}
.case-studies-center h3 { padding-top:10px;border-top:5px solid #b05b82; }

.news-events-center .head-line { background-color:#5c8eba;}
.news-events-center h3 { padding-top:10px;border-top:5px solid #5c8eba; }


/* for umbraco tinymce */
/*.quote{ float:left; background:url(../images/quote.png) no-repeat 0 0;min-height:125px;padding:0 55px; clear:both;padding-top:20px;
        width:400px;}*/



/* contact */
.contacts {float:left;}
.contact { float:left; width:225px; border-bottom:solid 1px #d7d7d7;margin-right:20px; margin-bottom:20px;padding-bottom:15px; display:block;}
.contact h5 {margin-bottom:10px; font-size:14px; font-weight:normal;}
.contact h5 a {font-size:14px;}
.tel {background:url(../images/icons/phone.gif) no-repeat 0 2px; text-indent:25px; margin-bottom:5px!important;}
.email {background:url(../images/icons/email.gif) no-repeat 3px 3px; text-indent:25px; margin-bottom:5px!important;}
.fax {background:url(../images/icons/fax.gif) no-repeat 3px 2px; text-indent:25px; margin-bottom:5px!important;}
.date {color:#4e4d4d; font-size:10px; font-family:Arial;}

/* partner */
.partner { float:left; width:490px; border-bottom:solid 5px #fca557;margin-right:20px; margin-bottom:20px;padding-bottom:15px;}
.partner h5 {margin-bottom:5px; font-size:16px; font-weight:bold;}
.partner h6 {font-size:14px; font-weight:normal; color:#929290;}
.partner img {float:left;width:75px;height:50px;margin-right:15px;border:solid 5px #b5b4af}
.partner p {margin:0!important;} /* override the #center p */
.partner .header {clear:both;min-height:70px;height:auto;}



/* article */
.article { float:left; width:490px; border-bottom:solid 5px #5c8eba;margin-right:20px; margin-bottom:20px;padding-bottom:15px;}
.article h5 {margin-bottom:5px; font-size:16px; font-weight:bold;}
.article p {margin:0!important;} /* override the #center p */
.article .header {clear:both;height:auto;}


/* case study */
.case-study {float:left; border-bottom:solid 1px #d7d7d7; width:490px;margin-bottom:15px; height:auto; padding-bottom:15px;}
.case-study img {float:left;margin-right:10px; width:107px; height:78px;border:solid 5px #d7d7d7;}

/* whitepaper */
.wp { float:left; width:490px; margin-right:20px; margin-bottom:10px;}
.wp h5 {margin-bottom:0; font-size:16px; font-weight:bold;}
.wp p {margin:0!important; padding:0 10px; background-color:#f8f6f6; display:none;} /* override the #center p */
.wp .header {clear:both; min-height:30px; line-height:30px; height:auto; 
             background-color:#066ec9; color:White; padding-left:10px; cursor:pointer;
             background:#066ec9 url(../images/icons/plus.gif) no-repeat 465px 7px;}
.wp .header-minus{background:#066ec9 url(../images/icons/minus.gif) no-repeat 465px 7px;}
.wp p .read,.read {background:url(../images/arrows/arrow3.gif) no-repeat 0 5px; text-indent:14px;margin-top:20px;}
.wp-featured {float:left;margin-bottom:20px;}


.about-us-center .wp .header {clear:both; min-height:30px; line-height:30px; height:auto; 
             background-color:#066ec9; color:White; padding-left:10px; cursor:pointer;
             background:#fca557 url(../images/icons/plus2.gif) no-repeat 465px 7px;}
.about-us-center .wp .header-minus{background:#fca557 url(../images/icons/minus2.gif) no-repeat 465px 7px;}

h6{font-size:16px;font-weight:bold;margin-bottom:20px;}

/* careers */
.career_c {float:left; width:220px; border:none; margin-right:25px;}
.career_c p {float:left; margin-bottom:0;padding-bottom:0;}
.career_c p img {float:left;}
.career_c p a {float:left;}

/* product brochure */
.brochure {width:210px; border:solid 1px red; background:url(../images/icons/pdf.jpg) no-repeat 190px 2px; padding:6px; margin-bottom:10px;}
.brochure-box {background-color:White; display:inline; float:left; width:203px;}
.brochure-box p {font-size:11px;padding:10px 0;}
.brochure-box .line {border-bottom:solid 1px #d7d7d7;}
.brochure-box a{color:#1879a0;font-weight:bold; }
.center .brochure a {color:black; display:block; overflow:hidden; } 

/* customer-item */
.customers {float:left; width:496px; margin-bottom:20px;}
.customer-item { float:left; width:107px; height:78px; margin-bottom:7px; margin-right:7px; 
                 border:solid 5px #d7d7d7; top:50%; overflow:hidden; }
.customer-item span { display:none; text-align:center; vertical-align:middle; color:White;}
.customer-item img {  }

/* news events */
.news-events{float:left;width:490px;}
.ne-item {float:left; width:490px;
			border-bottom:solid 1px #d7d7d7;
			margin-bottom:15px;}
.ne-item .read {background:url(../images/arrows/arrow2.gif) no-repeat 0 6px; text-indent:10px; margin-top:10px;}
.ne-item h2 {font-weight:bold;}
.ne-item a {font-weight:bold;}
.sidebar-event,.sidebar-pr {float:left;width:200px; border-bottom:solid 1px #dedede;}
.more {margin-top:10px; float:left; padding-left:10px; background:url(../images/arrows/arrow2.gif) no-repeat 0 4px; display:inline;}
.more a {float:left; }
/* rssfeed-links */
.rssfeed-link {float:left; margin-bottom:20px; width:245px;}
.rssfeed-link a {font-weight:bold;}
.rssfeed-link p {padding-right:10px;padding-top:5px;}
.rssfeed-links {float:left;width:490px;}

/* press releases */
.pr-header {float:left; width:530px; font-size:16px;font-weight:bold; border-bottom:solid 1px #d7d7d7;margin:10px 0; margin-bottom:0;}
.pr-header h2 {float:left; margin-bottom:0!important;padding-bottom:10px;}
.pr-header ul li.year { float:left; list-style:none!important; border-left:solid 1px #4e4d4d; margin-right:12px;padding-left:12px;}
.pr-header ul li.year a {}

/* evolve hero box */
.evolve { float:left; padding:10px; background-color:White; border-top:solid 5px #B5B4AF; width:185px;}
.evolve p { font-size:11px; color:#4e4d4d; overflow:hidden; }
.evolve .button {margin-top:10px;}

/* button class throughout the website */
/*.button { background:url(../images/btn/btnbg.gif) repeat-x; height:23px; border:none; color:White; font-size:11px; font-weight:bold; cursor:pointer; }*/
.button { float:left;border:none;margin:0;padding:0; }
.button input{float:left; background:url(../images/buttons/btnbg.gif) repeat-x; height:23px; color:white; font-size:11px; font-weight:bold;
              border:none; cursor:pointer; text-align:center; padding-bottom:2px; margin:0;}
.button .left{float:left;background:url(../images/buttons/btnleft.gif) no-repeat; height:23px;}
.button .right{float:left;background:url(../images/buttons/btnright.gif) no-repeat; height:23px;}

#btnSearch.button {background:url(../images/buttons/go.gif); width:34px; height:21px; margin-left:5px;}
.button-login {background:url(../images/buttons/login.gif); width:92px; height:31px;}
.button-signupnow {background:url(../images/buttons/sign-up-now.gif); width:91px; height:23px;}
.button-submit2 {background:url(../images/buttons/submit.gif); width:121px; height:31px;}

.back-link a { background:url(../images/arrows/arrow-back.gif) no-repeat 0 5px; padding-left:15px;}
p.back-link { margin-bottom:0!important; }
.thankyou { font-size:16px; border-top:solid 1px #d7d7d7; margin-top:10px; padding-top:15px;}

/* */
.sidebar-contacts { background-color:#2e88aa; }
.sidebar-contacts h4 {color:White; background-color:#46a5c8;border-bottom:solid 1px #2e88aa; border-top-color:#2e88aa;}
.sidebar-contact { float:left; }
.sidebar-contact li {float:left; padding:10px; border-bottom:solid 5px #46a5c8; background-color:#46a5c8!important;}
.sidebar-contact li .email {color:White; background:none;}
.sidebar-contact a { color:White; font-size:11px;}

/* home page */
.home-center {float:left; background-color:#e8e6e6; min-height:230px; margin-top:5px; width:530px;}
/* highlighted products */
.h-products { width:260px; background-color:White; float:left; min-height:205px; height:225px;}
.h-products h1 {font-weight:bold;font-size:14px; border-top:solid 5px #d30f1a;padding-top:5px;padding-bottom:15px; text-indent:10px; letter-spacing:-1px}
.h-products p {padding:10px; padding-top:0; padding-bottom:0;}
.h-products ul {float:left;}
.h-products ul li { background:url(../images/arrows/arrow2.gif) no-repeat scroll 20px 5px; padding-bottom:10px;}
.h-products ul li a {padding-left:40px; font-weight:bold; font-size:14px;}

.h-services { width:260px; background-color:White; float:right; min-height:205px; height:225px;}
.h-services h1 {font-weight:bold; font-size:14px; border-top:solid 5px #bf26c5;padding-top:5px;padding-bottom:15px; text-indent:10px; letter-spacing:-1px}
.h-services p {padding:10px; padding-top:0; padding-bottom:0;}
.h-services ul {float:left;}
.h-services ul li { background:url(../images/arrows/arrow2.gif) no-repeat scroll 20px 5px; padding-bottom:10px;}
.h-services ul li a {padding-left:40px;font-weight:bold; font-size:14px;}


.selected-customers {float:left; width:530px; margin-top:20px;}
.selected-customers .cs {float:left; padding:10px; padding-top:0;}
.selected-customers .customer-item {float:left; margin-right:10px; margin-bottom:10px;display:inline;}
.selected-customers h4 {border-top:solid 5px #b5b4af; padding-top:15px; padding-bottom:15px; font-size:14px; font-weight:bold; text-indent:10px;}
.selected-customers ul li { float:left;  }

.sitemap { float:left; width:490px; overflow:hidden; }
.sitemap ul li a {background-color:#2F87A8; color:White; display:block; width:490px; height:20px; line-height:20px; padding-left:10px;}
.sitemap ul li ul li a {background-color:white; color:#4E4D4D;}
.sitemap ul li ul li a:hover {background-color:#E8E6E6;}

.sitemap ul li {margin-top:10px; float:left; font-weight:bold; background:none; padding:0; clear:both;  }
.sitemap ul li ul { margin-top:10px; border-bottom:solid 1px #d7d7d7; float:left;}
.sitemap ul li ul li { margin-top:0; font-weight:normal; padding-left:15px; display:block;}

.paging { float:left; width:490px; }
.paging a { padding-right:5px; }
.flash-container { text-align:center; float:left; width:490px; }



a#uservoice-feedback-tab {
	background:#FFFFFF url(../images/feedback_tab_black.png) no-repeat scroll -2px 50%;
	border-color:#FFFFFF -moz-use-text-color #FFFFFF #FFFFFF;
	border-style:outset none outset outset;
	border-width:1px medium 1px 1px;
	display:block;
	height:90px;
	margin-top:-45px;
	position:fixed;
	right:0;
	text-indent:4000px;
	top:40%;
	width:25px;
	z-index:100001;
}



#mttVidPlayer{margin-bottom:15px;}