/***********************/
/*  CARENZA STYLESHEET */
/***********************/

@font-face{
    font-family:'DroidSans';
    src: url('DroidSans.ttf') format('truetype');
}

@font-face{
    font-family:'DroidSansBold';
    src: url('DroidSans-Bold.ttf') format('truetype');
}

html, body {
    height: 100%;
}

*{
    margin: 0;
    padding: 0;
    font-family: DroidSans;
    font-size: 13px;
    color: #202020;
    line-height: 22px;
}
img {
    border: none;
}
a {
    text-decoration: none;
}
p {
    margin: 0 0 10px 0;
}

h1, h2 {
    font-size: 18px;
    color: #00ADED;
    font-family: DroidSansBold;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}
h1 {
    margin: 0 0 20px 0;
}
h3, h3 a {
    color: #00ADED;
    font-size: 14px;
    font-family: DroidSansBold;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    text-decoration: none;
}

#headerWrapper {
    margin: 0 auto;
    position: relative;
    width: 1000px;
}
#headerTop {
    width: 100%;
    height: 123px;
    float: left;
}
#logo {
    float: left;
    width: 220px;
    height: 88px;
    margin: 10px 0 0 0;
}
#menu {
    float: right;
    width: auto;
}
#menu ul {
    list-style: none;
}
#menu ul li {
    margin: 0 70px 0 0;
    padding: 57px 10px 5px 10px;
    float: left;
}
#menu ul li.last {
    margin: 0;
}
#menu ul li.active {
    background-color: #00ADED;
}
#menu ul li.active a {
    color: #fff;
}
#menu ul li a {
    text-transform: uppercase;
    color: #00ADED;
    font-size: 14px;
    font-family: DroidSansBold;
}

#headerBg {
    width: 100%;
    height: 448px;
    background-image: url('../images/headerBg.png');
    background-repeat: repeat-x;
    float: left;
}
#headerWrapper {
    margin: 0 auto;
    position: relative;
    width: 1000px;
}
#header {
    position: relative;
    width: 100%;
    background-image: url('../images/headerImage.png');
    background-repeat: no-repeat;
    height: 448px;
}
#headerBox {
    background-color: #fff;
    padding: 15px;
    width: 284px;
    height: 233px;
    position: absolute;
    right: 0;
    top: 65px;
}

.readMore {
    float: left;
}
.buttonLeft {
    background-image: url(../images/buttonLeft.png);
    background-repeat: no-repeat;
    width: 8px;
    height: 29px;
    float: left;
}
.buttonCenter {
    background-image: url(../images/buttonCenter.png);
    background-repeat: repeat-x;
    width: auto;
    height: 29px;
    float: left;
    color: #fff;
    line-height: 29px;
    font-family: DroidSansBold;
}
.buttonRight {
    background-image: url(../images/buttonRight.png);
    background-repeat: no-repeat;
    width: 8px;
    height: 29px;
    float: left;
}

.greyLeft {
    background-image: url(../images/buttonGreyLeft.png);
    width: 5px;
}
.greyCenter {
    background-image: url(../images/buttonGreyCenter.png);
}
.greyRight {
    background-image: url(../images/buttonGreyRight.png);
    width: 5px;
}

.blueLeft {
    background-image: url(../images/buttonBlueLeft.png);
    width: 6px;
}
.blueCenter {
    background-image: url(../images/buttonBlueCenter.png);
}
.blueRight {
    background-image: url(../images/buttonBlueRight.png);
    width: 6px;
}

#content {
    overflow: hidden;
    float: left;
    clear: left;
    margin: 0 0 30px 0;
    padding: 0 0 0 0;
    width: 100%;
    min-height: 181px;
}
.page {
    min-height: 629px;
}

#infoBoxes {
    position: absolute;
    bottom: 4px;
    left: 0;
}
#infoBoxes ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#infoBoxes ul li {
    background-color: #00ADED;
    width: 284px;
    height: 17px;
    padding: 15px;
    display: block;
    float: left;
    margin: 0 29px 0 0;
}
.infoBoxLast {
    margin: 0 !important;
}
#infoBoxes ul li h2 {
    color: #fff;
    text-transform: uppercase
}

#wrapper {
    margin: 0 auto;
    position: relative;
    width: 1000px;
}

.infoBox {
    float: left;
    width: 314px;
    margin: 20px 29px 0 0;
    min-height: 430px;
    position: relative;
}
.infoBox .readMore {
    position: absolute;
    bottom: 0;
    left: 0;
}
#boxRight {
    margin: 20px 0 0 0;
}
.productHighlights {
    border-bottom: 1px solid #99DEF8;
    padding: 0 0 25px 0;
    float: left;
    clear: left;
    margin: 0 0 15px 0;
    width: 314px;
    height: 86px;
}
.productHighlights .productImage {
    float: left;
    margin: 0 15px 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 95px;
    height: 85px;
}
.productHighlights .productIntro {
    float: left;
    width: 166px;
}
.productHighlights h3, #news h3 {
    margin: 0 0 10px 0;
}

#news {
    list-style: none;
    margin: 0;
    padding: 0;
}
#news li {
    display: block;
    /*border-bottom: 1px solid #99DEF8;*/
    margin: 0;
    width: 314px;
    padding: 0 0 18px 0;
}
.newsLink {
    color: #00ADED;
}

#sideMenu {
    width: 213px;
    height: 734px;
    background-image: url('../images/menuBg.png');
    padding: 20px;
    float: left;
    margin: 0 45px 0 0;
}
#sideMenu h2, #sideMenu h3 {
    margin: 0 0 20px 0;
}
#sideMenu ul {
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0;
}
#sideMenu ul li {
    margin: 0 0 10px 0;
}
#sideMenu ul li a {
    color: #181818;
}
#sideMenu ul li.active a {
    color: #00ADED;
}
#sideMenu h3 {
    color: #BDBDBD;
    font-family: DroidSans;
}
#productsOverview, #productDetails {
    float: left;
    width: 700px;
}
#productDetails ul {
    padding: 0 0 0 17px;
    margin: 0 0 10px 0;
}
#productDetails a {
    text-decoration: underline;
}
#productsOverview h2 {
    border-bottom: 1px solid #99DEF8;
    padding: 0 0 10px 0;
}
.products tr {
    border-bottom: 1px solid #99DEF8;
}
.products tr td {
    padding: 15px 0 15px 0;
}
.products {
    width: 100%;
}
.productsImage {
    width: 95px;
    background-position: center center;
    background-repeat: no-repeat;
}
.rowSpacing {
    width: 20px;
}
.imageWrapper {
    width: 202px;
    height: 194px;
    background-color: #E3E3E3;
    padding: 2px !important;
    float: left;
    margin: 0 30px 0px 0;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
.imageText {
    color: #808080;
    font-size: 13px;
    text-transform: uppercase;
    position: absolute;
    bottom: 10px;
    left: 5px;
}

.imageTextContainer{
    color: #808080;
    font-size: 13px;
    text-transform: uppercase;
    width: 202px;
    padding: 2px !important;
    background-color: #E3E3E3;
    margin-bottom: 10px;
}

.italic {
    color: #888888;
    font-style: italic;
    margin: 10px 0 0 0;
}
.clear {
    clear: both;
}


/*contact form*/

.inputWrapper{
    position: relative;
    margin: 10px 0;
}
.inputWrapper label {
    color: #00ADED;
    font-weight: bold;
}
#contactForm {
    width: 400px;
    float: left;
}
#contactForm input,#contactForm textarea{
    border: 1px solid #BBB;
    padding-left: 4px;
}
#contactForm input:focus,#contactForm textarea:focus{
    border: 1px solid #ED7102;
}
#contactForm input{
    height: 25px;
    line-height: 25px;
    width: 100%;
    padding: 5px;
}
#contactForm textarea{
    width: 100%;
    max-width: 100%;
    max-height: 150px;
    padding: 5px;
    height: 150px;
}
#submitContact{
    background: none!important;
    color: #FFF !important;
    border: none !important;
    padding: 0 !important;
    line-height: 29px !important;
    font-weight: bold;
}
.invalid {
    border: 1px solid red !important;
}

#contactData {
    float: right;
    width: auto;
    margin: 15px 0 0 0;
}



#footerBg {
    width: 100%;
    background-image: url('../images/footerBg.gif');
    float: left;
    height: 220px;
}
#footerWrapper {
    margin: 0 auto;
    position: relative;
    width: 1000px;
}

.footerBlock {
    float: left;
    width: 314px;
    margin: 30px 29px 0 0;
}
#footerBlockRight {
    margin: 30px 0 0 0;
}
.footerBlock h2 {
    text-transform: none;
    font-family: DroidSans;
}
.footerBlock ul {
    list-style: square;
    margin: 0;
    padding: 0 0 0 25px;
}
.footerBlock ul li {
    color: #fff;
    font-size: 20px;
}
.footerBlock ul li a {
    color: #fff;
}
.footerBlock table td, .footerBlock a {
    color: #fff;
}
.footerBlock .address {
    width: 100px;
}