/* ================================================
 * =================== BODY ===================== */
 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

html, body {
    font-family: 'Myrad Pro', 'Verdana', 'Arial';
    line-height: 1.5;
    margin: 0; 
    padding: 0;
    vertical-align: baseline;
}

body {
    font-size: 62.5%;
}

/* ==============================================
 * ================= DEFAULTS ================= */

 ::-moz-selection{
    background:#ff6600;
    color:#fff;
}

::selection {
    background:#ff6600;
    color:#fff;
}



 h1, h2 {
    color: #333;
    font-weight: lighter;
    margin: 0 0 10px 0;
    padding: 0;
 }
 
h1 {
     font-size: 1.8em; 
     float: left;
}
 
 h2 {
    font-size: 1.3em; 
 }
 
 h3 {
    font-size: 1.1em;
    font-weight: bold;
 }
 
 
 p, .p {
    margin: 15px 0 15px 0;
 }
 
 
 
 a {
    color: black;
    text-decoration: underline;
 }
 
 .codeHolder {
    border: 1px solid #CBC1AD;
    margin: 10px 0 10px 0;
    padding: 10px;
 }
 
 code {
    font-size: .82em;
 }
 
 a:hover {
    color: #E95E01;
    text-decoration: underline;
 }
 
 a img {
    border: none;
 }
 
 .floatLeft {
    float: left;
 }
 
 .floatRight {
    float: right;
 }
 
 .floating {
    overflow: hidden;
 }
 
 .left {
    text-align: left;
 }
 
 .right {
    text-align: right;
 }
 
 .center {
    text-align: center;
 }
 
 .clear {
    clear: both;
 }
 
 .loadingSign {
    margin: 175px auto 0 auto;
    text-align: center;
    width: 200px;
}

 .contentHolder {
    width: 1010px;
    margin: 0 auto;
    overflow: hidden;
 }
 
 .backToTop {
    clear: both;
    float: left;
    height: 18px;
    margin: 20px 0 0 0;
    padding: 0;
    text-align: right;
    width: 100%;    
 }
 
 .backToTop img {
    display: block;
    float: right;
 }
 
form label {
    float: left;
    font-weight: bold;
    padding: 10px 0 0 0;
    width: 110px;
}
 
form input.text {
    background: url(../images/inputBG.gif) no-repeat;
    border: none;
    height: 23px;
    margin: 0 0 10px 10px;
    padding: 10px 10px 0 5px;
    width: 340px;
}
  
form input.text:focus,
form select.large:focus {
    background: url(../images/inputHoverBG.gif) no-repeat;
}

form select.small {
    background: url(../images/selectBG.gif) no-repeat;
    border: none;
    margin: 0 0 10px 10px;
    padding: 8px 5px 10px 5px;
    width: 110px;
}

form select.small:focus {
    background: url(../images/selectHoverBG.gif) no-repeat;
}

form select.large {
    background: url(../images/inputBG.gif) no-repeat;
    border: none;
    margin: 0 0 10px 10px;
    padding: 8px 5px 10px 5px;
    width: 350px;
}

form input.submit {
    margin: 0 0 0 351px;
    width: 114px;
}

form input:focus,
form select:focus {
    outline: none;
    border: none;
}

#screenshot{
    position: absolute;
    border: 1px solid #ccc;
    background: #333;
    padding: 5px;
    display: none;
    color: #fff;
    text-align: center;
}
    
/* ==============================================
 * =========== MAIN NAVIGATION ================ */
 
#navHolder {
    background: #333;
    border-bottom: 4px solid #FF6701;
    color: #F3F3F3;
    display: block;
    font-family: 'Myrad Pro', 'Verdana', 'Arial';
    font-size: 1.4em;
    height: 50px;
    position: fixed;
    top: 0; 
    width: 100%;
}

#mainMenu {
    margin-top: 7px;
    overflow: hidden;
}

#navHolder #mainMenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: right;
    
}

#navHolder #mainMenu ul li {
    display: block;
    float: left;
    font-size: 1.1em;
}

#navHolder #mainMenu ul li a { 
    color: white;  
    border-right: 1px solid #999;
    display: block;
    padding: 5px 10px;
    text-decoration: none;
}

#navHolder #mainMenu ul li a.faq {
    border: none;
}

#navHolder #mainMenu ul li a.moreInfo {
    background: url(../images/menu_arrow_down.gif) 93% 60% no-repeat;
    padding-right: 20px;
    border-left: 1px solid #999;
}

#navHolder #mainMenu ul li a.last {
    border: none;
    padding: none;
}

#navHolder #mainMenu ul li a:hover,
#navHolder #mainMenu ul li a.current {
    color: #FF9900;
}

/** submenu **/
#navHolder #mainMenu ul li ul {
    display: none;
    /* width: 101px; */
    margin: 0;
    padding: 0;
    position: absolute;
    top: 40px;
    z-index: 900;
}

#navHolder #mainMenu ul ul,
#navHolder #mainMenu ul li:hover ul ul,
 #mainMenu ul ul li:hover ul ul
{
    /* display: none; */
}

#navHolder #mainMenu ul li.over ul,
#navHolder #mainMenu ul li:hover ul,
#navHolder #mainMenu ul ul li.over ul,
#navHolder #mainMenu ul ul li:hover ul,
#navHolder #mainMenu ul ul ul li.over ul
#navHolder #mainMenu ul ul ul li:hover ul
{
     display: block;
}

#navHolder #mainMenu ul li ul li {
    background: #333333;
    border: none;
    clear: both;
    float: left;
    width: 100%;
    padding: 0;
}

#navHolder #mainMenu ul li ul li a {
    border: none;
    display: block;
    font-size: .7em;
    padding: 5px 10px;    
}


/** end submenu **/
/* ==============================================
 * ================== CONTENT ================ */

.block {
    padding: 0 15px;
}

.row {
    clear: both;
    display: block;
    font-size: 1.3em;
    padding: 15px 0 0 0;
    width: 100%;
}

.paginator a {
    color: #666;
    font-size: .85em;
    font-weight: bold;
    padding: 4px 7px 5px 7px;
    text-align: center;
    text-decoration: none;
}

.paginator a:hover,
.paginator a.current {
    background: url(../images/paginatorHover.gif) center center no-repeat;
    color: white;
}

/** FIRST ROW **/
.block.why {
    width: 620px;
    background: url(../images/borderHairline.jpg) top left repeat-y;
    padding-right: 0;
}

.block.why ul li {
    font-size: 1.15em;
}

.row.start {
    background: #F4F4F4;
    color: #666;
    padding-bottom: 15px;
    padding-top: 80px;  
    border-bottom: 4px solid #FF6701;
}

.row.start ul,
.row.widgets ul,
.row.prices ul,
.row.specifications ul,
.row.faq ul,
.row.contact ul {
    list-style-type: circle;
    margin: 0 0 30px 30px;
}

.row.start .visitors {
    color: #666;
    font-size: 1em;
    margin: 10px 0 0 0;
    display: block;
}

.row.start .visitors strong {

    color: #333;
}

.row.start #submenu {
    float: right;
}

.row.start #submenu a {
    background: url(../images/submenuBG.jpg) repeat-x;
    border-right: 1px solid #999;
    color: white;
    display: block;
    float: left;
    height: 42px;
    text-decoration: none;
    padding: 0 15px;
    line-height: 42px;
}

.row.start #submenu a:hover,
.row.start #submenu a.current {
    color: #FF9900;
}

.row.start #submenu a.first {
    background: url(../images/submenuLeft.jpg) no-repeat;
    padding-left: 15px;
}

.row.start #submenu a.last {
    background: url(../images/submenuRight.jpg) no-repeat top right;
    border: none;
    padding-right: 15px;
}
/** END FIRST ROW **/


/** SECOND ROW **/
.row.sites {
    background: url(../images/bg_beige.jpg);
}

.row.sites .paginator {
    display: block;
    clear: both;
    margin: 0 0 10px 0;
    text-align: right;
}

.row.sites .columnLeft {
    display: block;
    margin: 91px 0 0 0;
    padding: 0 15px 0 0;
    width: 180px;
    background: url(../images/borderHairline.jpg) top right repeat-y;
}

.row.sites .columnLeft .formatHeader {
    background: url(../images/borderBottomHairline.jpg) left bottom repeat-x;
    color: #333;
    font-weight: bold;
    font-size: 1.15em;
    text-align: right;
}

.row.sites .columnRight {
    padding: 0 15px;
    width: 780px;
    text-align: right;
}

.row.sites .iconColumn {
    float: left;
    margin: 0 11px 40px 0;
}

.row.sites .iconColumn.last {
    margin-right: none;
}

.row.sites .iconColumn ul,
.row.sites .columnLeft ul {
    line-height: 1.8;
    list-style-type: none;
    padding: 0;
}

.row.sites .columnLeft ul {
    margin: 120px 5px 0 0;
    text-align: right;
}

.row.sites .columnLeft ul.first {
    margin-top: 0;
}

.row.sites .iconColumn ul {
    margin: 10px 0 0 0;
    text-align: center
}

.row.sites .columnLeft ul li,
.row.sites .iconColumn ul li {
    font-weight: 900;
}

.row.sites .columnLeft ul li {
    color: #333;
}

.row.sites .iconColumn ul li {
    color: #999;
}

.row.sites table.loading {
    margin: 200px 0 0 0;
}
/** END SECOND ROW **/


/** THIRD ROW **/
.row.widgets {
    background: url(../images/bg_black.jpg);
    color: #F8F8F8;
}

.row.widgets a {
    color: #F8F8F8;
}

.row.widgets a:hover {
    color: #E95E01;
    text-decoration: underline;
 }

.row.widgets h1 {
    color: #F3F3F3;
}

.row.widgets .columnLeft {
    background: url(../images/borderHairlineBlack.jpg) top right repeat-y;
    display: block;
    padding: 0 15px 0 0;
    width: 646px;
}

.row.widgets .columnRight {
    width: 336px;
}
/** END THIRD ROW **/


/** START ROW CUSTOMERS */
.row.customers {
    background: url(../images/bg_gray.jpg);
}

.row.customers .columnLeft,
.customers .customersBlock .header,
.customers .customersBlock .footer {
    width: 661px;
}

.row.customers .columnRight {
    width: 340px;
}

.row.customers .columnRight img {
    float: left;
    margin: 0 10px 5px 0;
}

.row.customers .columnRight table.loading {
    margin: 50px 0 0 100px;
}


.row.customers .paginator {
    clear: both;
    margin: 0 0 10px 0;
    float: left;
}

.customers .customersBlock {
    clear: both;
}

.customers .customersBlock .header,
.customers .customersBlock .footer {
    clear: both;
    display: block;
    height: 15px;
}

.customers .customersBlock .header {
    background: url(../images/customersHeader.gif) no-repeat;
}

.customers .customersBlock .content {
    background: url(../images/customersBG.gif) repeat-y;
    clear: both;
    padding: 10px 25px;
    width: 611px;
    overflow: hidden;
}

.customers .customersBlock .content .left {
    width: 245px;
}

.customers .customersBlock .content .right {
    width: 336px;
    overflow: hidden;
}

.customers .customersBlock .content .left, 
.customers .customersBlock .content .right {
    /**/
}

.customers .customersBlock .footer {
    background: url(../images/customersFooter.gif) no-repeat;
}

.customers .iconColumn {
    float: left;
    margin: 0 35px 35px 0;
}

.customers .iconColumn.side {
    margin-right: 0;
}

.customers .iconColumn.last {
    margin-bottom: 0;
}


.customers #customersContent {
    clear: both;
    display: block;
}

.customers #firstCustomerId {
    display: none;
}

/** START ROW PRICES */
.row.prices {
    background: url(../images/bg_white.jpg);
}

.row.prices .action {
    border: 2px solid #ff6600;
    clear: both;
    display: block;
    margin: 10px 0 5px 0;
    padding: 10px;
    text-align: center;
}

.row.prices .columnLeft {
    width: 580px;
}

.row.prices .columnRight {
    width: 425px;
}

.row.prices .columnLeftHalf,
.row.prices .columnRightHalf {
    width: 500px;
}

table.dataList {
    width: 100%;
    margin: 10px 0 20px 0;
}

table.dataList tr.odd {
    background: #EBEBEB;
}

table.dataList tr.even {
    background: #F4F4F4;
}

table.dataList th.header {
    background: none;
    border: none;
    font-size: 1.2em;
    height: auto;
    text-align: left;
}

table.dataList th {
    background: #EBEBEB;
    border-bottom: 1px solid #D7D7D7;
    font-weight: bold;
}

table.dataList td, 
table.dataList th {
    color: #4E4E4E;
    font-size: .9em;
    padding: 7px;
    text-align: center;
}

table.dataList td.divider,
table.dataList th.divider {
    border-right: 2px solid #F6F6F6;
}

table.dataList td a, 
table.dataList th a {
    color: #4E4E4E;    
}

table.dataList td small, 
table.dataList th small {
    font-weight: normal;
}

.row.prices ul {
    list-style-type: circle;
    margin: 0 0 0 30px;
}

.row.prices ul.plain {
    margin: 0 0 0 15px;
}


/** START ROW SPECIFICATIES */
.row.specifications {
    background: url(../images/bg_beige.jpg);
}

.row.specifications .columnLeft,
.row.specifications .columnRight,
.row.faq .columnLeft,
.row.faq .columnRight,
.row.contact .columnRight {
    width: 475px;
}

.row.specifications .columnLeft,
.row.faq .columnLeft,
.row.contact .columnLeft {
    padding: 0 25px 0 0;
}

.row.specifications .columnRight,
.row.faq .columnRight,
.row.contact .columnRight {
    padding: 0 0 0 25px;
}

.row.specifications .columnRight {
     background: url(../images/borderHairline.jpg) top left repeat-y;
}

.row.specifications table.dataList th {
    height: auto;
    background: #CFC7B4;
}


.row.specifications table.dataList tr.odd {
    background: #DAD3C5;
}

.row.specifications table.dataList tr.even {
    background: none;
}

/** START ROW FAQ */
.row.faq {
    background: url(../images/bg_black.jpg);  
    overflow: hidden;
}

.row.faq,
.row.faq a {
    color: #F8F8F8;
}

.row.faq a:hover {
    color: #E95E01;
}

.row.faq h1,
.row.faq h2,
.row.faq h3 {
    color: #F2F2F2;
}

.row.faq h3 {
    margin-bottom: 0;
}

.row.faq .columnLeft,
.row.contact .columnLeft {
     background: url(../images/borderHairlineBlack.jpg) top right repeat-y;
     padding: 0 20px 0 0;
     width: 490px;
}

.row.faq .targeting {
    background: url(../images/borderBottomHairlineBlack.jpg) top left repeat-x;
    clear: both;
    margin: 0 0 0 0;
    padding: 20px 0 0 0;
    display: none;
}

.row.faq .targeting .columnLeft {    
    background: none;
    width: 480px;
}

.row.faq .targeting .columnRight {
    background: url(../images/borderHairlineBlack.jpg) top left repeat-y;
    width: 477px;
}

.row.faq .targeting .codeHolder {
    background: #EBEBEB;
    border: 1px solid #757575;
    margin: 10px 0 10px 0;
    padding: 10px;
}

.row.faq .code {
    color: #ADADAD;
}

/** START ROW CONTACT */
.row.contact {
    background: url(../images/bg_gray.jpg);
    color: #2D2D2D;
    padding-bottom: 20px;
}

.row.contact a {
    color: #2D2D2D;
}

.row.contact a:hover {
   color: #ff6600;
}

.row.contact .columnLeft {
     background: url(../images/borderHairlineGray.jpg) top right repeat-y;
}

/** START ROW FOOTER */
.row.footer {
    background: #E2DDD1;
}

.row.footer .contentHolder {
    color: #4F4F4F;
    font-size: .8em;
    text-align: center;   
}

.row.footer,
.row.footer .contentHolder {
    padding: 0;
}

.row.footer .contentHolder {
    padding: 10px;
}

.row.footer a {
    color: black;
}

.row.footer a:hover {
    color: #e95e01;
    text-decoration: underline;
}