/*CSS in this file will apply to all websites*/

div#contentLayout #tab_link a{padding: 6px 16px; font-weight: bold; float: left; background-color: #EEE; color: #555; text-decoration: none; border: 1px solid #AAA; margin: 0 0 -1px -1px}
div#contentLayout #tab_link a.tab_selected{background-color: #FFF; text-decoration: none; color: #555; border-bottom: 1px solid #FFF; }
.tab_content {border: 1px solid #AAA; min-height: 400px; padding: 15px 5px; margin-bottom:20px}

div#contentLayout a.attr_link{color: #0099FF}
.attr_link div{background-color: #FFF; border: 1px solid #CCC; display: block; float: left; padding: 3px 5px; margin: 0 10px 5px 0px}
div#contentLayout a.attr_selected{color: #FFF}
.attr_selected div{background-color: #FF550C;}
.attr_err{color: #FF1000; font-style:italic; display: block; text-align: left;}
.product-listing{width:33.33%;vertical-align:top;float:left}
.product-details {height:65px;width:198px;text-align:center}
.table_information{width:96%;border-top:1px solid #ccc}
.table_information th {border-bottom:1px solid #ccc;padding-bottom:10px}
.btn_update {background:url(../../images/icon_update.png) no-repeat;border:0;width:20px;height:14px}
.btn_update:hover {cursor:pointer;}
.btn_update:focus {outline:0}
.icon_delete {background:url(../../images/icon_delete.png) no-repeat;border:0;width:20px;height:14px}
.icon_delete:hover {cursor:pointer;}
.icon_delete:focus {outline:0}
a#activate_later.btn {padding:9px 6px 9px 6px}

.enquiry-table {padding-left:85px;width:100%}
.enquiry-table h2{margin-left:-15px}
.contact-us {width:520px}
.contact-us input.form-input, textarea.form-input{width:300px}
.contact-us td.form-title{text-align:left;width:100px}

.enquiry-table input,textarea {width:300px;}
.enquiry-table input#secure {width:100px;}
.enquiry-table input.btn_proceed {width:100px;}

/*Photos Gallery*/
.album_overlay, .album_desc{display: none; width: 200px; height: 140px; position: absolute}
.album_overlay{background-color: #111; opacity: 0.3}
.album_desc{color: #FFF; text-shadow: #000 1px 1px 1px; text-align: center; z-index: 1}
.album_title{font-size: 16px}
.album_box{position: relative; width: 200px; height: 140px; background-size: cover; margin: 0 5px 5px 0; float: left;}
.album_box:hover .album_desc, .album_box:hover .album_overlay{display: block}

#rg-navi{width: 200px; float: left}
div#content ul.ul-album{padding: 0}
.ul-album li{list-style: none; margin-bottom: 5px; background-color: #FFF; border: 1px solid #DDD;}
.ul-album li a{display: block; padding: 7px 8px; }
.ul-album li a:hover{text-decoration: none}
.ul-album li.selected{background-color: #F6F6F6}
#gallery_outer{float: right; width: 680px}

.month_outer, .ul-album{display: none}
div#content a.selectedYear{background-color: #01A1DD; color: #FFF;}
div#content ul.month_outer a{border: 1px solid #DDD; color: #999}
div#content ul.month_outer a.selectedMonth{background-color: #01A1DD; color: #FFF; border: 1px solid #01A1DD;}
div#content ul#ul-year,  div#content ul.month_outer{overflow: auto; padding: 0}
ul#ul-year li{list-style: none; float: left; margin: 0 5px 5px 0}
ul.month_outer li{list-style: none; float: left; margin: 0 -1px 5px 0}
ul#ul-year li a, ul.month_outer li a{line-height: 25px; width: 65px; height: 24px; text-align: center; display: block}
ul#ul-year li a{font-size: 14px; font-weight: bold}
.product_listing, .product-listing {min-height:350px}
.image_table {min-height:160px}

/*button style*/
.btn {
  background: #ffffff;
  background-image: -webkit-linear-gradient(top, #F5F5F5, #e6e6e6);
  background-image: -moz-linear-gradient(top, #F5F5F5, #e6e6e6);
  background-image: -ms-linear-gradient(top, #F5F5F5, #e6e6e6);
  background-image: -o-linear-gradient(top, #F5F5F5, #e6e6e6);
  background-image: linear-gradient(to bottom, #F5F5F5, #e6e6e6);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  -webkit-box-shadow: 0px 1px 3px #989494;
  -moz-box-shadow: 0px 1px 3px #989494;
  box-shadow: 0px 1px 3px #989494;
  color: #000000;
  padding: 5px 13px 5px 13px;
  text-decoration: none;
  margin-top:10px;
  font-size:12px;
  border:0;
}

.btn:hover {
  background: #EFEDED;
  text-decoration: none;
  cursor:pointer;
}
.btn:focus{
    outline:0;
    background: #E7E7E7;
}


@media only screen and (min-width:480px) and (max-width:768px){
    div#wrapper{width:90%}
    .table_information{width:90%}
    .product-listing{width:37%;vertical-align:top;float:left}
    .product-details {height:65px;width:198px;text-align:center}
    .total-product{text-align:center; width:80%; text-decoration:none;}
    .enquiry-table {padding-left:85px;width:100%}
    .enquiry-table h2{margin-left:-15px}
}

@media only screen and (max-width:479px){
    div#wrapper{width:90%}
    .product-listing{float:none;width:100%}
    .total-product{text-align:center; width:80%; text-decoration:none;}
    .enquiry-table {padding-left:85px;width:100%}
    .enquiry-table h2{margin-left:-15px}
    .table_information .drop {display:none}
}