@charset "utf-8";
/* CSS Document */

/*DEFAULTS*/
html{height:100%;overflow-y:scroll;overflow-x:auto;}
body{padding:0;margin:0;height:100%;width:100%;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:14px;color:#666;background:#CCC;text-align:center;}
div,span,a,em,table,tr,td,p,input{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{outline:0;-moz-outline-style:none;}
strong, em, b, i {font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}
img{border:none;outlin:none;}
a, a:link, a:visited, a:focus{color:#C01000;outline:none;text-decoration:underline;}
a:hover{color:#FBB040;text-decoration:none;}
sup{zoom:1}
h1{color:#C01000;padding:0;margin:0 0 20px;font-weight:normal;font-size:24px;}
h2{color:#C01000;padding:0;margin:0 0 20px;font-weight:normal;font-size:22px;}
h3, .indexPage{color:#FFF !important;font-size:16px;font-weight:normal;padding:8px 0 12px 10px;margin:0;background:#C01000;border:1px solid #C01000;}
.indexPage{background:none;border:none;}
h4, .highlight{color:#C01000;padding:0;margin:40px 0 20px;font-weight:normal;font-size:18px;}
h4.product, .highlight{margin-top:0px}
h5{color:#FBB040;font-size:18px;margin:0 0 10px;font-weight:normal;padding:0;}

/*LAYOUT / STYLE ELEMENTS*/
#container{width:100%;background:#ECECEC;padding-bottom:40px;}
#header{width:1010px;margin:0 auto;}
#toolbar{width:84%;text-align:right;float:left;font-size:12px;}
#search{float:right;display:inline-block;height:20px;margin:15px 5px 15px 0;}
#header-left{background:url(/images/header_bg.jpg) top left no-repeat;width:325px;height:67px;float:left;}
#header-right{width:685px;height:67px;float:right;background:url(/images/navigation_bg.jpg) top left no-repeat;font-size:14px;}
#logo{text-align:left;margin-left:77px;}
#content{width:1010px;margin:0 auto;padding-top:20px;text-align:left;line-height:1.4em;}
#footer{width:1010px;margin:auto;text-align:center;padding:20px 0;}
.clear{clear:both;}
#search input{background:url(/images/search_bg.jpg) top left no-repeat;border:none;height:18px;padding:2px;color:#999;margin:0;width:auto;}

.red{color:#C01000;}
.orange{color:#FBB040;}
.right{clear:both;text-align:right; padding-right: 20px;}
.highlight{font-size:1.2em;}

/*MENUS*/
#toolbar dl{float:right;height:20px;padding:0;margin:15px 0 15px 15px;}
#toolbar dt{float:left;margin:0 20px 0 0;}
#toolbar dd{list-style:none;float:left;margin:0;padding:0 10px;border-right:1px solid #FBB040;}
#toolbar dd.last{border-right:none;}
#toolbar dd a{color:#FBB040;text-decoration:none;}
#toolbar dd a:hover{color:#C01000;text-decoration:none;}

#header-right ul{height:37px;padding:0;margin:15px 0 13px;}
#header-right li{list-style:none;float:left;margin:0 10px;}
#header-right li a{color:#FFF;text-decoration:none;padding:9px 15px 10px;float:left;display:inline;}
span.lft-end{height:37px;float:left;display:inline;overflow:hidden;}
span.rgt-end{height:37px;display:inline-block;overflow:hidden;}
#header-right li:hover a, #header-right li.active a{background:url(/images/nav_button.png) left -38px repeat-x;float:left;overflow:hidden;display:inline;}
#header-right li:hover span.lft-end, #header-right li.active span.lft-end{background:url(/images/nav_button.png) left 0 no-repeat;}
#header-right li:hover span.rgt-end, #header-right li.active span.rgt-end{background:url(/images/nav_button.png) left -76px no-repeat;}

.footer-left{width:450px;float:left;}
.footer-right{/*width:55%;*/float:right;}
#footer dl{display:inline;width:90px;float:left;text-align:left;margin:0 25px;}
#footer dt{color:#C01000;padding:0;font-size:14px;}
#footer dd{padding:0;margin:0;}
#footer dd a, .news-footer a, .legal a{color:#666;text-decoration:none;}
#footer dd a:hover, .news-footer a:hover, .legal a:hover{color:#555;text-decoration:underline;}
.news-footer{margin:0 0 0 10px;text-align:left;width:440px;float:left;}
.news-footer .top{background:url(/images/news_footer_bg.png) 0 0 no-repeat;height:10px;}
.news-footer .content{background:url(/images/news_footer_repeat.png) 0 0 repeat-y;padding:0;margin:0}
.news-footer .bottom{background:url(/images/news_footer_bg.png) 0 -10px no-repeat;height:10px;}
.news-footer h3{color:#C01000;padding:0 0 5px 10px;margin:0 5px;border:0;border-bottom:1px solid #aeaeae;background:none;font-size:14px;}
.news-footer a{padding:2px 15px;display:block;}
.status{display:inline;float:right;margin:0 10px 0 0;}
.legal{margin:10px 0 0;}
#videoFrame{padding:10px 0 10px 100px;}

/*CONTENT HOLDERS*/
.errors{margin:0 auto;width:100%;padding:10px 0 0;border-bottom:1px solid #CCC;}
#insertForm .errors{margin:0 auto;width:auto;padding:10px 0 0;border-bottom:1px solid #CCC; text-align: left}
.errors li{list-style:none;background:#fcb040 url(/images/msg_error.png) left top no-repeat;color:#FFF;display:block;padding:7px 0 6px 50px;margin:0 0 10px;}
.frontpage{color:#FFF;font-size:16px;height:332px;width:1006px;margin:auto;background:url(/images/frontpage_bg.png) top right no-repeat;line-height:1.4em;}
.frontpage p{padding:20px 20px 10px 5px;}
.frontpage a{color:#FFF !important;}
.frontpage .button-container{margin:10px 20px 0;}

.links{width:1010px;margin:20px 0 0;}
.links .top{background:url(/images/table_bg.png) left -130px no-repeat;height:10px;}
.links .content{background:url(/images/links_repeat.png) left top repeat-y;}
.links .bottom{background:url(/images/table_bg.png) left -150px no-repeat;height:10px;}
.link-holder{height:150px;width:210px;border-right:1px solid #CCC;float:left;margin:10px 0 10px 30px;padding-right:10px;}
.link-holder.last{border-right:none;}
.link-holder p{padding:0 0 20px;}
.link-holder a{font-size:14px;}

.content-holder{width:1010px;}
.content-holder .header{background:url(/images/table_bg.png) left top no-repeat;}
.content-holder .content{background:url(/images/content_holder_repeat.png) left top repeat-y;}
.content-holder .bottom{background:url(/images/table_bg.png) left -110px no-repeat;height:20px;}
.content-holder .header{color:#FFF;font-size:16px;padding:0;font-weight:normal;text-align:left;height:90px;}
.content-holder .header h2, .content-holder .header h1{color:#FFF;font-size:16px;padding:35px 0 0 30px;font-weight:normal;margin:0;}
.content-holder .header h1{color:#FFF;font-size:18px;font-weight:bold;}
.content-holder h2 span{font-size:14px;}
.callToAction {padding-bottom: 20px;}
/*.content-holder tbody tbody{background:none;}
*/
.content-inner{width:880px;margin:auto;padding:30px 30px 15px;min-height:250px;}
.content-inner p{margin:0 0 20px;padding:10px 0 0;}
.content-news{width:810px;height:300px;margin:20px auto;padding:30px;min-height:250px;overflow-y:auto;border:1px solid #CCC;}
.content-news h5 span{font-size:12px;color:#666;}
.article-separator{display:block;border-bottom:1px solid #CCC;margin:10px 0;}
.content-news p{margin:0 0 10px;}
.content-progress{width:100%;text-align: center;}
.progress5{background:url(/images/progress.jpg) center 0 no-repeat;width:868px;height:47px;margin:auto;overflow:hidden;}
.progress4{background:url(/images/progress4.jpg) center 0 no-repeat;width:680px;height:47px;margin:auto;overflow:hidden;}
.step2{background-position:center -47px;}
.step3{background-position:center -94px;}
.step4{background-position:center -141px;}
.step5{background-position:center -188px;}
.border{border-style:solid;border-color:#CCC;border-width:0 1px 1px 1px;padding:10px;margin:0 0 10px;}
.border p{padding:50px;}
.border p.middle{padding-bottom:20px;padding-top:20px;}
.border p.second{padding-bottom:20px;padding-top:0;}

.features-table{width:100%;margin:0 0 10px;clear:both;color:#333;border:1px solid #C01000;}
.features-table thead{background:none;}
.features-table tbody{background:none;}
.features-table tfoot{background:none;}
.features-table th{font-size:14px;padding:0;font-weight:normal;text-align:left;height:auto;color:#333;}
.features-table thead th{text-align:center;background:#C01000;color:#FFF;border-top:none;}
.features-table td{text-align:center;font-size:12px;}
.features-table th, .features-table td{padding:6px;border-color:#C01000;border-style:solid;border-width:1px 1px 0 0;vertical-align: top;}
.features-table tr{background:#FFF4E3;}
.features-table .even{background:#FFF;}
.features-table .last{border-right:none;}

.tick-list li{list-style:none;background:url(/images/tick.png) 0 2px no-repeat;padding:7px 0 12px 50px;overflow:hidden;margin:7px 0;}
.tick-list li.cross{background:url(/images/cross.png) 0 2px no-repeat}
.tick-list li#installation{list-style:none;background:url(/images/swf/installation.gif) 0 2px no-repeat;text-indent:120px;padding:35px 0;overflow:hidden;margin-left:12px;}


/*FORMS*/
form span{font-size:14px;color:#C01000;}
button, input[type=button], input, textarea, select{font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
input, textarea{margin:5px 0;padding:2px;border:1px solid #999;width:98%;font-size:12px;}
select{margin:5px 0;padding:2px;width:99%;}

/* JAVASCRIPT TABS */

div.panes div{display:none;padding:30px;border:1px solid #FBB040;border-top:0;min-height:400px;background-color:#fff4e3;}
ul.tabs{list-style:none;padding:30px;width:880px;margin:auto;padding:0;height:50px;border-bottom:1px solid #FBB040;}
ul.tabs li{float:left;text-indent:0;padding:0;margin:0 !important;list-style-image:none !important;}
ul.tabs a{background:url(/images/tabs.png) no-repeat 0 -101px;font-size:14px;display:block;height:40px;width:110px;text-align:center;text-decoration:none !important;color:#a70e00 !important;padding:5px 0;margin:0px;position:relative;top:1px;}
ul.tabs a:active{outline:none;}
ul.tabs a:hover{background-position:0 -50px;}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a{background-position:0 0;cursor:default !important;}
/* initially all panes are hidden */
.panes .pane {display:none; }

/*BUTTONS*/
/*Simple link button*/
.simple-button{margin:10px 4px 10px;display:inline-block;display:inline;}
.simple-button a, .simple-button a:visited,.simple-button a:link{color:#FFFFFF !important;text-decoration:none !important;padding:5px 10px;background:#FBB040;display:inline-block;}
.simple-button a:hover{color:#666;text-decoration:none;background:#e97529;}
/*Dynamic 3D buttons*/
.button-container{margin:10px 0 15px;vertical-align:middle;}
.button{background:transparent url(../images/button_bg.png) 0 0 no-repeat;border-width:0;cursor:pointer;margin:5px 0 5px 10px;padding:9px 0;line-height:normal;display:inline-block;zoom:1;vertical-align:middle;}
.button:hover{background-position:0 -162px}
.button a:link, .button a:visited, .button a:active{background:transparent url(../images/button_bg.png) right -34px no-repeat;white-space:nowrap;text-decoration:none;padding:9px 15px;color:#FFF;font-size:12px;z-index:99;}
.button a:hover{background-position:right -196px;}
.button.redbg{background-position:0 -68px;padding:15px 0;}
.button.redbg:hover{background-position:0 -230px;}
.button.redbg a:link, .button.redbg a:visited, .button.redbg a:active, .button.redbg a:hover{background-position:right -115px;padding:15px 20px;font-size:14px;}
.button.redbg a:hover{background-position:right -277px;}
/*Form button or input type=button*/
button, input[type=submit]{background:url(/images/form_button.png) top left no-repeat;padding:0;margin:0;border:0;width:122px;height:34px;color:#FFF;cursor:pointer;outline:none;font-size:14px;}
button:hover, input[type=submit]:hover{background-position:0 -34px;}
button:focus, input[type=submit]:focus{background-position:0 -34px;}

/*ICONS*/
/*Heading Icons*/
em.icon{background:url(/images/chilli_icons.png) top left no-repeat;width:50px;height:62px;overflow:hidden;display:inline-block;float:left;margin:15px 10px 0 30px;}
em.icon.dollar{background-position:0 0;}
em.icon.unlocked{background-position:0 -62px;}
em.icon.partner{background-position:0 -124px;}
em.icon.box{background-position:0 -186px;}

/* rounded corners */
.corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.hiddenRegion{visibility:hidden;display:none;}
.loaderImage{background:transparent url(/css/yellow/images/ajax-loader.gif) center no-repeat;height:32px;}
.errorState {background-color: #FF9F9F;}
.hintState {color: #999999  !important;}
.validState {background-color: #B8F5B1;}
.focusState {background-color: #FFFFCC;}

table.adminForm {table-layout:fixed; /* force a solid grid */ border-collapse:collapse; margin: 0 auto 1em;width:95%;color:#333;font-size:12px;}
.notes { float: right; width: 200px;height: auto;margin: 0 0 10px 10px;padding: 5px;border:1px solid #FBB040; background-color: #ffffe1;color: #666666;font-size: 11px;text-align: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.notes h4{margin:10px 0 5px;padding:0;}
.notes p{margin:0 0 5px;padding:0;}
p.formContainer {width:500px; }
input, select, textarea { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
form td {white-space: nowrap;padding-right: 10px; padding-top: 11px;text-align: right;vertical-align: top; font-weight: bold;overflow:hidden;}
form td.element {padding-top: 5px;font-weight: normal;}
form td.radio {text-align: left;padding-top: 7px;}
form td.radio input{display: inline;width: 20px;}

fieldset, .fieldset{ border:1px solid #FBB040; margin-top: 5px}
legend { border: none; margin-left:10px; padding: 5px 10px 5px 10px ; background: #FBB040; font-weight: bold; color: #ffffff; }