/* Declaration for the main site background */
body{
    margin:0;
    padding:0;
    background: #91b1bc;
    font-family:sans-serif
}
/* This is the container for the whole site, what sits on the background */
.main{
    width:900px;
    min-width:750px;
    background:#000000;
    margin:0 auto;
    /*    -moz-box-shadow: 0px 0px 5px 2px #888;
        -webkit-box-shadow: 0px 0px 5px 2px #888;
        box-shadow: 0px 0px 5px 2px #888;*/
}
/* This is the top header */
.header1{
    width:100%;
    height:347px;
    text-align:center;
    overflow:hidden;
}
.header1 img{
    float:left;
}
.header1 div.text{
    float:left;
    width:220px;
    padding:50px 50px 0 50px;
    text-align:center;
    font-size:12px;
}
.header-left {
    float: left;
    width: 250px;
}
.header-right {
    border: medium none;
    float: right;
    width: 650px;
}
.logo img {
    width:220px;
    margin:15px;
}
/* site index, header vertical menu */
#nav {
    background: url("../images/bgnav.jpg") repeat-x scroll 0 0 #2D3236;
    float: left;
    height: 220px;
    margin: 0;
    padding: 3px 0 0;
    width: 250px;
}

#nav ul {
    list-style-type: none;
    margin: 0;
    padding: 20px 0;
}

#nav li {
    padding: 0;
}

#nav a {
    background: url("../images/gopro_bullet.png") no-repeat scroll 48px 8px rgba(0, 0, 0, 0);
    color: #cad3d8;
    display: block;
    font: bold 19px Helvetica,sans-serif;
    height: 24px;
    margin: 0;
    padding: 5px 0 0 80px;
    text-decoration: none;
    text-align: left;
}
#nav a:hover {
    background-color: #2C3134;
    color: #01A9F3;
}

/* The container for the date on the header */
.date{
    padding:5px;
    color:#ffffff;
    float:left;
}
/* Container for the buttons on the header */
.butcont{
    margin-right:30px;
}
.sep{
    padding:7px 0 0 0;
    color:white;
    float:right;
    font-size:16px;
    width:20px;
    text-align:center;
}	
/* footer related classes */
.footer1{
    width:100%;
    margin:0 0 8px 0;
    background-color:#06799f;
    height: 150px;
    text-align: center
}
.footer1 a{
    display:inline;
    padding:7px 0 0 0;
    color:white;
    float:right;
    font-size:16px;
    text-decoration:none;

}
.footer1 a:hover{
    text-decoration:none;
    color:black;
}
/* content div below the header */
.pagecenter{
    background-color: #216278;
}
/* The style and size for the internal page, horizontal menu */
.menu1 {
    background-color: #06799F;
    width:100%;
    height:33px;
}
.menu1 a {
    color: #FFFFFF;
    display: inline;
    float: right;
    font-size: 16px;
    padding: 5px 0 0;
    text-decoration: none;
}
.menu1 a:hover{
    color: #000000;
}
/* site content change div, center (frontpage) */
.center {
    float: left;
    margin: 4px;
    width: 645px;
}
.center h2{
    color:#c8d8dd;
    margin:0;
    padding:10px 10px 0 10px;
}
.center a{
    color: #c8d8dd;
    text-decoration:underline;
}
.center a:hover{
    color:blue;
    text-decoration:underline;
}
/* site content div, internal pages */
.gradient {
    color: #c8d8dd;
    background-color: #216278;
    float: left;
    margin: 4px;
    width: 645px;
    background-image: url(gradient.php?from=216278&to=216278);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#216278), to(#216278));
    background-image: -webkit-linear-gradient(top, #216278, #216278);
    background-image: -moz-linear-gradient(top, #216278, #216278);
    background-image: linear-gradient(top, #216278, #216278);
}
.gradient h2{
    color:#c8d8dd;
    margin:0;
    padding:10px 10px 0 10px;
}
.gradient a{
    color:#c8d8dd;
    text-decoration:underline;
}
.gradient a:hover{
    color:blue;
    text-decoration:underline;
}
.gradient p{
    color:#c8d8dd;
}
/* The style for the links on left-col */
.left-col{
    width:242px;
    float:left;
    padding:0px 0 0 4px;
}
.leftmenubox {
    background-color: #000000;
    color: #ffffff;
    margin:4px 0px 4px 0;
    padding:1px 0px 10px 8px;
}
.left-col h2{
    color:#c8d8dd;
    text-decoration:none;
    font-size:18px;
    margin:10px 0 3px 0;
}
.left-col a{
    font-size:14px;
    color:#cad3d8;
    text-decoration:none;
    display:block;
    padding-left:30px;
    text-indent:-30px;
}
.left-col a:hover{
    text-decoration:none;
    background-color:#2699cf;
}
.left-col p{
    font-size:12px;
    text-align:center;
    padding:20px 2px;
}
.leftmenubox #suggestion-form textarea {
    border:none;
    border-left: 4px solid #216278;
    border-right: 4px solid #216278;
    margin: 8px 0;
    width:90%;
}
/* index page styles, items displayed per departments */
.index-lead h1 {
    color: #FFFFFF;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}
.index-lead div {
    color: #c8d8dd;
    font-size:13px;
    font-weight: normal;
    text-align: left;
    margin:15px;
}
.index-items a {
    text-decoration: none;
}
.index-items a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
.index-dept {
    color: #c8d8dd;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}
.index-item {
    float:left;
    width: 20%;
    height:180px;
    margin: 15px;
}
.index-item .thumbnail {
    height:135px;
    background-color: #c8d8dd;
}
.index-item .short_text{
    text-align: center;
    color:#c8d8dd;
    margin-top:10px;
}
.index-items .thumbnail img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}
/* Text style for center.html */
.center p, .gradient p{
    color:#c8d8dd; 
    padding:10px;
    font-size:14px;
    margin:0;
}
.clear{
    clear:both;
}
/* The container for the contact form */
.msg{
    width:400px;
    margin:10px auto;
}	
/* The style of the texts on the contact form */
.msg p{
    font-size:14px;
    padding:2px;
    text-align:center;
}	
li{
    font-size:14px;
    font-family: 'Trebuchet MS';
}
/* The text boxes on the contact form */
.itext{
    width:270px;
    float:right;
}
/* The captions on the contact form */
.ilabel{
    width:110px;
    float:left;
}
/* The comment box on the contact form */
.icomment{
    width:400px;
    float:left;
}
/* The error message on the contact form */
.error,.errorMessage{
    color:red;
}
/* catalogue page */
.separator{
    border-bottom: 1px solid white;
    padding-top: 25px;
    margin-right: 25px;
}
/* one item from the catalogue page */
.item{
    margin:0px 10px 1px 10px;
    background-color: #06799F;
    color: #000000;
}

.item:hover{
    background-color: #2699cf;
}

.item span{
    margin-top: 5px;
    display: block;
}
/* the item on right of the catalogue page */
.noborder {
    border:none;
}

.pager{
    clear:both;
    padding-top: 15px;
    text-align: center !important;
}
td p{max-width: 100%;}
td p img {}
.first-td {width: 100px;}
.clear {clear: both}
.fleft{float: left}
.col-three {display: block;
            height: 72px;
            width: 130px;}
.col-three .thumbnail img{max-width: 80%;height: auto;}
.col-two {width:365px;}
.col-two .item-content {padding-top: 0;}
h2.title {text-align: center; padding: 10px;}
h4.title {text-align: center;color: red;margin:5px 0}
.item-content {border-left: 1px solid #333333;
               border-right: 1px solid #333333;
               padding:10px;
               margin-bottom: 10px;;
}
.item-content  p {padding:0}
.padding0 p {padding:0;}
.padding0 {padding:5px 5px;}
.previous {
    left: 3%; position: absolute; top: 250px;background: url("../images/tweak-21.png") no-repeat scroll 0px -60px transparent;width: 70px;height: 40px;
}
.previous-none {
    left: 3%; position: absolute; top: 250px;background: url("../images/tweak-21.png") no-repeat scroll 0px -14px transparent;width: 70px;height: 40px;
}

.next {
    background: url("../images/tweak-21.png") no-repeat scroll -68px -14px transparent;
    height: 40px;
    position: absolute;
    right: 2%;
    top: 250px;
    width: 77px;
}
.next-none {
    background: url("../images/tweak-21.png") no-repeat scroll -68px -60px transparent;
    height: 40px;
    position: absolute;
    right: 2%;
    top: 250px;
    width: 77px;
}

.pagecenter .item-comment {
    padding:0 5px 5px;	
    /*border-bottom: 1px solid;*/
    /*margin-bottom: 20px;*/
}
/* the catalogue page divs */

.cat-page.full-width {

}
.cat-page.full-width p a, a.packed {
    background: none repeat scroll 0 0 #F1F1EC;
    border: 1px solid #003C74;
    border-radius: 3px 3px 3px 3px;
    font-size: 12px;
    color: #000000;
    margin-right: 10px;
    padding: 2px 4px;
    text-decoration: none;
    cursor: pointer;
}

.cat-page .col-three .thumbnail, .cat-page .item-content, .cat-page .col-three {
    text-align: center;	
}

.cat-page p.addcart {

    padding-top: 0;	
}

.quotation input[type=text] {
    width:180px;	
}
.quotation textarea {
    width:180px;	
}
.previous:hover {
    background: url("../images/tweak-21.png") no-repeat scroll 0 -14px transparent;
}
.next:hover {
    background: url("../images/tweak-21.png") no-repeat scroll -68px -59px transparent;
}

ul.yiiPager li.previous, ul.yiiPager li.next {
    display: none!important;
}
/* departments listed on the catalogue page top section */
.navi ul {
    padding: 0;
    text-align: center;
}
.navi ul li {
    display: inline-block;
    list-style: none outside none;	
    color: #888888;
    font-weight: bold;
}
.navi ul li a {
    color: #CAD3D8;
    font-weight: bold;
    padding: 0px 5px;
    text-decoration: none;
    font-size: 20px;

}
.footer-navi ul li a {font-size: 20px !important;}
.navi ul li .separate-line {width: 1px; height: 15px; background: #000;display: inline-block;}
.navi ul li:first-child .separate-line {
    background: transparent !important;
}
.navi ul li a.current, .navi ul li a:hover {
    background: none repeat scroll 0 0 #2699cf;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

.navi ul li.active a{
    color: #FFFFFF;
}
/* administration area, right menu section */
#sidebar .portlet {
    width:120px;
}

#contact-form input {
    margin-bottom: 7px;
}
#contact-form textarea {
    width: 340px;
}
#contact-form .full_input > font {
    margin-right: 5px;
}
.mobile_dept {display: none !important;}

.desable, .admin-grid .enable {
    background: url("desable.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
    color: #cad3d8;
    display: block;
    font: bold 19px Helvetica,sans-serif;
    height: 21px;
    margin-left: 8px;
    padding: 0 0 0 0;
    text-align: left;
    text-decoration: none;
    width: 14px;
    float: left;
}
.desable img{display: none;}
.admin-grid > #content {margin-top: 0;padding-top: 0; padding-right: 0;}
.admin-grid > #content >h3 {margin-bottom: 0;}
.admin-grid tr .enable { background: url("desable.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);}
.admin-grid tr .desable { background: url("enable.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);}
.admin-grid tr .enable > img, .admin-grid tr .desable  > img {display: none;}
.admin-grid .grid-view .button-column {width:90px;}

.weeklist {
    text-align: center;
    font-family: sans-serif;
}
.weeklist li {
    display: inline-block;
    font-family: sans-serif;
}
.weekaling{
    text-align: center;
    font-family: sans-serif;
}