body {
	background: #FFF url('bg.jpg') top left repeat-x;
	margin:0;
	padding:0; 
}

#wrapper{
    width:1024px;
    margin: 0 auto;
}
.header{
    background-color: #3a3a3a;
    height: 114px;
}
.hr_line{
    position: relative;
    top: 2px;
}
.logo_title{
    margin-left: 10px;
    color: white;
    /*font-family: TitilliumText25L;*/
    font-family: Arial;
    font-size: 16pt;
    text-transform: uppercase;
    float: left;
    width: 1024px;
}
.logo{
    margin-top: 5px;
    margin-left: 3px;
    float: left;
    width: 627px;
    height: 77px;
}
.logo_info{
    
}
.span_logo_info{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #ffcc00;
    float: right;
    margin-right: 6px;
    margin-top: 5px;
}
.nav{ 
    position: relative;
    background-color: #ffcc00;
    width: 1024px;
    height: 36px;  
    top: -1px;
    border-top: white solid 2px;
    border-bottom: white solid 2px;
}
.nav ul{
    margin:0px;
    padding: 0px;
    position: relative;
}
.nav ul li{
    list-style:none;
    margin:0;
    float: left;
    margin-top: 10px;   
    
}
.nav ul li a{
    text-decoration: none;
    padding: 6px 24px 10px;
    color: black;
    font-family: Arial;
    text-transform: uppercase;
    position: relative;
    font-size: 15px;
    font-weight: bold;
}
.nav ul li a:hover{
    color: white;
}
.nav ul li a.current{
    color: white;
}
.search_box{
    color: black;
    font-family: Arial;
    text-transform: uppercase;
    position: relative;
    font-size: 15px;
    font-weight: bold;
    padding-top: 7px;
    padding-right: 10px;
    float: right;
}
.input_search{
    border-radius: 6px;
    width: 247px;
    height: 22px;
    -moz-box-shadow:inset 1px 1px 3px #000000;
    -webkit-box-shadow:inset 1px 1px 3px #000000;
    box-shadow:inset 1px 1px 3px #000000;
}
.content{
    background: url(../images/main-background.png) no-repeat;
    background-size: cover;
    padding-bottom:20px;
    width: 1024px;
    min-height: 976px;
    position: absolute;
    top: 164px;
}

.content-wrapper{
    height: 657px;
    overflow:visible
}

.content-wrapper.full-height {
    min-height: 657px;
    overflow: visible;
}

.content-area {
	padding: 0 20px;
	font-family: Arial;
	font-size:12px;
	color:#FFF;
	line-height: 1.3em;
}

.content-area table {
	border-collapse: collapse;
	border:#CCC solid 2px;
}

.content-area table tr td {
	background: none;
	padding:10px;
	border:#CCC solid 2px;
	color:#FFF;
}

.category-images{
    margin-top: 17px;
    margin-left: 7px;
    float: left;
}
.category-image{
    margin-left: 5px;
    margin-right: 5px;
    width: 284px;
    height: 164px;
    border-radius: 10px;
    border: 9px solid #ffcc00;
    background: #636565;
    padding: 10px;
    -moz-box-shadow:inset 4px 3px 12px #000000;
    -webkit-box-shadow:inset 4px 3px 12px #000000;
    box-shadow:inset 4px 3px 12px #000000;
    cursor: pointer;
}
.category-image img{
    width: 284px;
    height: 164px;
    -moz-box-shadow: 4px 3px 12px #000000;
    -webkit-box-shadow: 4px 3px 12px #000000;
    box-shadow: 4px 3px 12px #000000;

}
.category-image-title{
    width: 287px;
    height: 18px;
    margin-left: 15px;
    margin-top: 7px;
}
.content-text-area{
    float: left;
    margin-left: 7px;
    margin-top: 25px;
    color: white;
}
.general-text{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    float: left;
    width: 678px;
}
.special-text{
    font-family: Arial;
    font-size: 10px;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    width: 294px;
    height: 230px;
    border-radius: 10px;
    border: 9px solid #ffcc00;
    padding: 5px;
}
.special-text a,
.mCSB_container a {
	color:#FFF;
}

.gallery {
    clear:both;
    position: relative;
    background-color: #3a3a3a;
    height: 98px;
    margin-left: 7px;
    margin-right: 7px;
    margin-top: 20px;
    float: left;
    border-radius: 10px;
    border: 5px solid #ffcc00;
}
                        
.gallery div {
    float:left;
    /*padding: 0 9px 10px 0;*/
}

.gallery div:nth-child(7n+1) {
    padding-right:0;

}

#gallery-wrap-image{
    margin: 0px 30px 0px 30px; 
    padding: 0;
    overflow: hidden; 
    width: 940px;
    position: relative;
    height: 98px; 
}
#gallery-wrap-image ul{
    margin: 0;
    padding: 0;
}
#gallery-image{
    position: relative; 
    left: 0; 
    top: 0;
}
#gallery-image li{
    float: left; 
    margin: 0;
    position: relative;
}
#gallery-image-product li{
    float: left; 
    margin-right: 23px;
    position: relative;
}
#gallery-image li a img{
    /*border: 4px solid #40331b; */
    height: 98px; 
    width: 132px;
    border-left: black solid 1px;
}
#gallery-image li:last-child a img{
    border-right: black solid 1px; 
}
#gallery-controls-image{
    margin: 0 auto; 
    width: 1000px;
    height: 22px;
    position:absolute;
    left:0px;
    top:40px;
}
#gallery-controls-image a img{
    border: 0px;
}
#gallery-prev-image{
    float: left; 
}
#gallery-next-image{
    float: right;
}

.product-images{
    margin-top: 17px;
    margin-left: 7px;
    float: left;
}
.product-image{
    margin-left: 5px;
    margin-right: 5px;
    width: 284px;
    height: 164px;
    border-radius: 10px;
    border: 9px solid #ffcc00;
    background: #636565;
    padding: 10px;
    -moz-box-shadow:inset 4px 3px 12px #000000;
    -webkit-box-shadow:inset 4px 3px 12px #000000;
    box-shadow:inset 4px 3px 12px #000000;
    cursor: pointer;
}
.product-image img{
    width: 284px;
    height: 164px;
    -moz-box-shadow: 4px 3px 12px #000000;
    -webkit-box-shadow: 4px 3px 12px #000000;
    box-shadow: 4px 3px 12px #000000;
}
.product-image-title{
    position: relative;
    width: 284px;
    height: 33px;
    left: 0px;
    top: -33px;
    background: black;
    opacity: 0.5;
}
.product-image h1{
    position: relative;
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    color: white;
    left: 10px;
    top: -65px;
}
#more-image-controls{
    margin: 0 auto; 
    width: 968px;
    height: 22px;
    position: relative;
    left:0px;
    top:17px;
}
#more-left-control{
    float: left; 
    position:relative;
    margin-left: 10px;
    color: #ffcc00;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Arial;
    font-size: 19px;
}
#more-left-control:before{
    position:absolute;
    content:"";
    width:22px;
    height:22px;
    background: url(../images/arrow-down.png) no-repeat;
    left:-25px;
}
#more-right-control{
    float: right; 
    position:relative;
    margin-right: 10px;
    color: #ffcc00;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Arial;
    font-size: 19px;
}
#more-right-control:after{
    position:absolute;
    content:"";
    width:22px;
    height:22px;
    background: url(../images/arrow-down.png) no-repeat;
    left: 130px;
}

.product-detail-box{
    margin-top: 17px;
    margin-left: 7px;
    float: left;
}
.product-detail-image{
    margin-left: 180px;
    border-radius: 10px;
    border: 9px solid #ffcc00;
    background: #636565;
    padding: 20px;
    -moz-box-shadow:inset 4px 3px 12px #000000;
    -webkit-box-shadow:inset 4px 3px 12px #000000;
    box-shadow:inset 4px 3px 12px #000000;
    width: 605px;
}
.product-detail-image img{
    width: 602px;
    height: 348px;
    border: 1px solid #ffcc00;
    -moz-box-shadow: 4px 3px 12px #000000;
    -webkit-box-shadow: 4px 3px 12px #000000;
    box-shadow: 4px 3px 12px #000000;

}
.enlarge{
    position: relative;
    left: 487px;
    top: -62px;
    width: 325px;
    height: 32px;
    cursor: pointer;
}
.product-detail-info{
    margin-left: 180px;
    margin-top: 20px;
    border-radius: 10px;
    border: 9px solid #ffcc00;
    padding: 10px 10px 10px 20px;
    height: 110px;
} 
.product-detail-info-text{
    color: white;
    font-family: Trebuchet MS;
    font-size: 13px;
    font-weight: bold;
    width: 470px;
} 
.product-detail-info-text-wrapper  {
    float: left;
}
.enquire-button-wrapper{
    float: right;
    position: relative;
    margin-top: 9px;
}
.enquire-button{
    padding: 5px 10px;
    text-transform: uppercase;
    background: #07f60b;
    font-family: Trebuchet MS;
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
}
#page-back{
    margin: 0 auto; 
    height: 22px;
    position: relative;
    left:0px;
    top:17px;
}
#page-back-control{
    float: left; 
    position:relative;
    margin-left: 30px;
    color: #ffcc00;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Trebuchet MS;
    font-size: 13px;
}
#page-back-control:before{
    position:absolute;
    content:"";
    width:22px;
    height:22px;
    background: url(../images/arrow-left.png) no-repeat;
    left:-25px;
    top: -2px;
}