/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, a, abbr, acronym, address, big, small, cite, ins, del, em, img, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, form, fieldset, legend, label, input, select, textarea, table, caption, thead, tbody, tfoot, tr, th, td { margin: 0; padding: 0; }
ul, ol { list-style: none; }
fieldset, a img { border: none; }
:focus { outline: none; }
body { background: #009b76 url(../images/bg.jpg) repeat-y center top ; color: #666; font: normal normal 100%/1.125em Arial, Helvetica, sans-serif; }
input, select, textarea { color: #333; font: normal normal 1em Arial, Helvetica, sans-serif; }

/* common */
#container { font-size: .75em; margin: 0 auto; width: 1000px; }
a:link, a:visited { color: #00744d; }
a:hover { text-decoration: none; }

/* clearfix */
.clearFix { overflow: hidden; }
* html .clearFix { height: 1%; }
hr.clear{visibility:hidden; clear: both}

.button1, .button2 { background: url(../images/bg-btn-1.gif) repeat-x; color: #fff !important; cursor: pointer; font-weight: bolder; height: 24px; line-height: 22px; -moz-border-radius: 7px; -webkit-border-radius: 7px; margin-right: 10px; text-align: center; text-decoration: none; padding: 5px; }
.button2 { background: url(../images/bg-btn-2.gif) repeat-x; }

/* header */
#header { height: 110px; position: relative; }
#header h1 a { background: url(../images/flexica-logo.gif) no-repeat; display: block; float: left; height: 110px; text-indent: -1984em; width: 200px; }
#header a { color: #fff; text-decoration: none; }
#header .nav { height: 50px; margin-left: 220px; margin-right: 150px; padding-top: 37px; }
#header .nav li { border-left: #66c4ad solid 1px; float: left; font-size: 1.2em; font-weight: bolder; line-height: 30px; padding: 3px 7px 5px; text-transform: uppercase; }
#header .nav li.first { border-left: none; }
#header .nav li.active a, #header .nav li a:hover { border-bottom: #49e200 solid 3px; }
#header .nav li a { display: block; float: left; }
#header .rss { background: url(../images/ico-rss.gif) no-repeat; float: right; font-size: .9em; line-height: normal; margin-top: 30px; padding: 15px 15px 10px 50px; }
#header .rss span { display: block; }
#header .languages { position: absolute; top: 100px; right: 20px; }

/* footer */
#footer { color: #fff; font-size: .9em; padding: 0 20px 20px; }
#footer .info { color: #00ffbb; float: left; font-weight: bolder; margin-right: 200px; }
#footer .info a { color: #00ffbb; }
#footer .copyright { text-align: right; }
#footer .copyright img { vertical-align: middle; }

/* content */
#content { padding: 30px 0; }
#content .section { background-color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding-top: 20px; }
#content .section .content { overflow: hidden; padding: 0 20px 20px; }
* html #content .section .content { height: 1%; }
#content h1 { font-size: 2.2em; font-weight: bold; line-height: 36px; margin: 0 0 15px;}
#content h2 { font-size: 2.2em; font-weight: normal; line-height: 36px; }
#content em { color: #00855f; font-style: normal; }
#content h3 { color: #FF8400;}
#content .content p { padding: 0 0 10px; }
#content ul.ContentList {list-style: square; margin-left: 30px;}
#content ul.ContentList li {margin-bottom: 10px}

/* document */
.Document h1 {font-size: 2em}
.Document h2 {font-size: 1.8em}
.Document h3 {font-size: 1.5em}
.Document {font-size: 1.2em;}
.Document ul {list-style-type: square; margin-left: 15px;}
.Document ul li {margin-bottom: 10px}

/* breadcrumb */
.breadcrumb { padding-bottom: 20px; }
.breadcrumb a { text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }

#content .section .banner { background: none; height: 266px !important; padding-left: 25px; padding-right: 400px; position: relative; }
#content .banner h2 { height: 87px; text-indent: -1984em; }
#content .banner h3 { font-size: 1.1em; }
#content .section .banner p { color: #333; margin-top: 5px; }
#content .banner .image { float: right; padding: 0 20px; }
#content .banner ul { width: 600px; }
* html #content .banner ul { height: 100px; }
#content .banner li { background: url(../images/ico-arrow.gif) no-repeat left 3px; font-size: 1.2em; float: left; margin-top: 12px; padding-left: 15px; padding-right: 20px; width: 230px; }
#content .banner li a { color: #666; text-decoration: none; }
#content .banner li a:hover { text-decoration: underline; }
#content .banner .link { padding-top: 40px; position: absolute; left: 25px; bottom: 35px; }
#content .banner-home { background: url(../images/banner-home.jpg) no-repeat; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#content .banner-turnkey { background: url(../images/banner-turnkey.jpg) no-repeat; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#content .banner-starter-kit { background: url(../images/banner-starter-kit.jpg) no-repeat; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#content .banner-corporate { background: url(../images/banner-corporate.jpg) no-repeat; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#content .banner-marketing { background: url(../images/banner-marketing.jpg) no-repeat; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#content .banner-cms { background: url(../images/banner-cms.jpg) no-repeat; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#content .banner-cms .content { height: 146px !important; padding-top: 110px; }
#content .banner-cms h1 { display: none; }
#content .banner-teamware { background: url(../images/banner-teamware.jpg) no-repeat; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#content .banner-teamware .content { height: 146px !important; padding-top: 110px; }
#content .banner-teamware h1 { display: none; }
#content .banner-basecode { background: url(../images/banner-basecode.jpg) no-repeat; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

#content .nav { background: url(../images/bg-nav-bot.gif) no-repeat left bottom; height: 40px; line-height: 38px; margin: 0 auto 20px; padding: 5px 10px; width: 880px; }
#content .inner { background: url(../images/bg-nav-top.gif) no-repeat; margin-bottom: 0; }
#content .nav li { border-left: #fff solid 1px; float: left; font-weight: bolder; padding: 0 10px; }
#content .nav a { background: url(../images/ico-circle.gif) no-repeat left center; color: #007852; padding: 0 10px 0 15px; }
#content .nav li.first { border-left: none; }
#content .content .description { color: #999; margin-top: 0; }
#content .wrapper { background: url(../images/line.gif) repeat-y 279px top; overflow: hidden; }
* html #content .wrapper { height: 1%; }

#content .group1 { float: left; margin-right: 20px; width: 260px; }
#content .group2 { float: right; width: 660px; padding-left: 20px; }
#content .group2 a:link, a:visited {color:#00744D;}
#content .group2 #articleList {list-style-type: decimal; margin-left: 15px;}

#content .group3 { float: left; margin-right: 20px; width: 260px; }
#content .list { color: #f1b03e; list-style: disc; margin-left: 15px; margin-top: 15px; }
#content .orderList { list-style: decimal; margin-left: 20px; margin-top: 15px; }
#content .list2 { margin-top: 50px; text-align: center; }
#content .list2 li { display: inline; padding: 10px 15px; }
#content .list2 li img { vertical-align: middle;}
#content .group1 .product-list { overflow: hidden; margin-bottom: 20px; }
* html #content .group1 .product-list { height: 1%; }
#content .group1 .product-list li { float: left; margin-top: 3px; }

/* form */
#content fieldset h3.FormTitle { position: relative; left: 0px; top: 0px; color: #fff !important; background: url(../images/bg-title-1.gif) repeat-x; color: #fff; font-size: 1em !important; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; margin-bottom: 10px; padding: 5px 10px; text-shadow: 1px 1px 0 #666; }
#content fieldset .Input { overflow: hidden; padding: 5px 0px; }
* html #content fieldset .Input { height: 1%; }
#content fieldset .Input .group { float: left; width: 400px; }
#content fieldset .Input label.Fieldname { float: left; line-height: 20px; padding-right: 10px; text-align: left; width: 150px; }
#content fieldset .Input label.error { color: #f00; }
#content fieldset .Input input.error { border: #f00 solid 1px; }
#content fieldset .Input .SmallText, 
#content fieldset .Input .Text, 
#content fieldset .Input .LargeText, 
#content fieldset .Input textarea { border: #d7d7d7 solid 1px; display: block; height: 14px; padding: 3px; }
#content fieldset .Input .SmallText { width: 200px; }
#content fieldset .Input .Text { width: 300px; }
#content fieldset .Input .LargeText { width: 400px; }
#content fieldset .Input textarea { height: auto; overflow: auto; width: 400px; }
#content fieldset .Check { margin-left: 117px; }
#content fieldset .Check input { float: left; margin-right: 5px; }
#content fieldset .Action { margin-left: 160px; margin-top: 20px; }
#content fieldset .Action input { margin-right: 5px; }
#content fieldset .invalid { color: #f00; font-size: .9em; margin-left: 160px; }
#content fieldset .richEditor { margin-left: 160px; }
#content fieldset .FormHeading {font-size: 1.5em; color: #FEC805; margin: 20px 0;}

/* productsList */
#content .productsList { margin-top: 30px; overflow: hidden; }
* html #content .productsList { height: 1%; }
#content .productsList li { float: left; margin-right: 28px; width: 300px; }
#content .productsList li.last { margin-right: 0; }
#content .productsList li h3 { background: #ffb331 url(../images/bg-title.gif) repeat-x left bottom; color: #fff; font-size: 1em; font-weight: normal; padding: 5px 10px; }
#content .productsList li h3 em { display: block; font-size: 1.5em; font-style: normal; }
#content .productsList li h3 a { color: #fff; display: block; text-decoration: none; }
#content .productsList li p { margin-top: 10px; }
#content .productsList li p img { display: block; }

/* JobDetail */
#content div.JobTitle {font-size: 2.5em; font-weight: normal; line-height: 36px; }
#content .JobDetail div.JobDescription { font-size: 1.4em; border-bottom: #ccc dotted 1px; color: #fe8e08; margin: 10px 0; padding: 2px 0; }

.ShortTextBox {
    width: 100px;
    border:1px solid #D7D7D7;
    display:block;
    height:14px;
    padding:3px;
}

/* partnership */
#content .partnership-banner { background: url(../images/bg-tree.jpg) no-repeat; height: 380px; margin-bottom: 40px; padding-left: 480px; }
#content .partnership-banner li { float: left; margin-right: 5px; width: 112px; }
#content .partnership-banner li h3 { display: none; }
#content .partnership-banner li p { font-style: italic; }
#content .partnership-banner li a { display: block; padding: 248px 5px 5px 5px; text-decoration: none; }
#content .partnership-banner li.business-value a { background: url(../images/business-value.gif) no-repeat; color: #282828; }
#content .partnership-banner li.business-value a:hover { background-color: #282828; }
#content .partnership-banner li.strategic-value a { background: url(../images/strategic-value.gif) no-repeat; color: #305253; }
#content .partnership-banner li.strategic-value a:hover { background-color: #305253; }
#content .partnership-banner li.long-term a { background: url(../images/long-term.gif) no-repeat; color: #248c8b; }
#content .partnership-banner li.long-term a:hover { background-color: #248c8b; }
#content .partnership-banner li.comparetitive-advantage a { background: url(../images/comparetitive-advantage.gif) no-repeat; color: #f3c823; }
#content .partnership-banner li.comparetitive-advantage a:hover { background-color: #f3c823; }
#content .partnership-banner li a:hover { background-position: 0 -391px; color: #fff; }
#content .partnership-list { float: left; margin-right: 20px; width: 200px; }
#content .partnership-list li { font-weight: bolder; line-height: normal; padding-bottom: 20px; padding-left: 35px; }
#content .partnership-list li span { display: block; }
#content .partnership-list li a { color: #000; text-decoration: none; }
#content .partnership-list li a:hover { color: #228c8a; }
#content .partnership-list li.item-1 { background: url(../images/ico-star.gif) no-repeat; }
#content .partnership-list li.item-2 { background: url(../images/ico-volume.gif) no-repeat; }
#content .partnership-list li.item-3 { background: url(../images/ico-money.gif) no-repeat; }
#content .partnership-list li.item-4 { background: url(../images/ico-question.gif) no-repeat; }
#content .partnership-news h3 { color: #000; font-size: 1.8em; }
#content .partnership-news { float: left; width: 200px; }
#content .partnership-news li { margin-top: 15px; }
#content .partnership-news h4 { font-size: 1em; font-style: italic; }
#content .partnership-news h4 a { background: url(../images/ico-square.gif) no-repeat 0 5px; padding-left: 10px; text-decoration: none; }
#content .partnership-news h4 a:hover { color: #666; }
#content .partnership-news p { padding: 0; }
#content .partnership-content { float: right; width: 500px; }
#content .partnership-content h2 { padding-bottom: 15px; }
#content .partnership-content p { padding-top: 0; }
#content .partnership-content .image { float: left; margin-right: 10px; }
#content .partnership-content .read-more { float: right; }

/* Template*/
#templateInfo .content {margin: 10px auto; width: 550px;}
#templateList li a.img {
    display: table-cell; vertical-align: middle; height: 218px; width: 190px; text-align: center;
}
#templateList li {
    background: url(../images/thumb-border.jpg) no-repeat;    
    width: 190px; height: 220px; float: left; margin: 0 20px 20px 0;
}

/* products */
#content .products { margin-left: 32px; margin-top: 15px; }
#content .products .item { background: url(../images/bg-product.jpg) no-repeat; border: #ccc solid 1px; float: left; font-size: .9em; line-height: normal; margin-right: 25px; padding: 15px 40px 50px; position: relative; width: 200px; }
#content .products .title-1 { color: #6ebf03; font-size: 2.5em; }
#content .products .title-2 { color: #f60; font-size: 2.5em; }
#content .products .title-3 { color: #084fc4; font-size: 2.5em; }
#content .products li ul li { background: url(../images/ico-square.gif) no-repeat left 5px; margin-top: 5px; padding-left: 10px; }
#content .products .more { background: url(../images/bg-more.gif) repeat-y right top; bottom: 0; padding: 5px; position: absolute; right: 0; text-align: right; width: 200px; }
#content .products .more a { color: #666; text-decoration: none; }
#content .products .more a:hover { color: #000; }