body {
background: #e7e7e7;}

p {font-size: 12px!important; font-family: arial;color: #888;font-weight: normal!important;}

strong {}

h1 {font-size: 19px; line-height: 16px;   text-align: left; }
h2 {font-size: 18px; line-height: 16px; text-align: left; }
h3 {font-size: 14px; line-height: 16px; text-align: left; }
h5 {font-size: 19px; line-height: 16px; margin-top: 3px; text-align: left; }
h6 {font-size: 19px; line-height: 16px; margin-top: 3px; width: 100%; text-align: left; }
hr {margin-bottom: 20px!important;}

.gbtext {color:#484848!important; margin:0!important; font-family: arial!important; font-size: 12px!important; line-height: 18px!important;}	

.bucketdesctext {color:#484848!important; margin:0!important; font-family: arial!important; font-size: 12px!important; line-height: 16px!important;}

label {color:#484848!important; margin:0!important; font-family: arial!important; font-size: 12px!important; line-height: 16px!important;  text-align: left!important}


#left-content-wrapper{ float: left; margin-top: 50px; margin-bottom: 40px; width: 20%;}
#right-content-wrapper{ float: left; padding-left: 30px; margin-top: 50px; margin-bottom: 40px; width: 80%;}



/*CART HEAD CONTAINER*/

#header-cart-wrapper {
position: fixed;
padding: 10px 0 5px 20px;
z-index: 1000;}

#header-cart-container {
font-size: 12px;
padding: 3px;}




#header-cart-block-1 {padding-left: 0px;float: left;}
#header-cart-block-2 {padding-left: 0px;float: left;}
#header-cart-block-3 {padding-left: 0px;float: right; text-align: right}

#header-cart-block-3 {margin-top: 3px; padding-right: 90px;}
#header-cart-block-3 li{ list-style: none;}
#header-cart-block-3 li a{ font-size: 12px;}



#header-cart-block-4 {
right: -5px;
display: block;
height: 45px;
margin-top: -15px;
padding: 0px;
position: absolute;
width: 90px;
}

.currency-active img {opacity: 1;}
.currency-inactive img {opacity: 0.4;}

.sterling-flag { position: absolute; top: 11px; left: 10px;}
.euro-flag { position: absolute; top: 11px; left: 50px;}

.sterling-flag :hover {opacity: 1; cursor: pointer;}
.euro-flag :hover { opacity: 1; cursor: pointer;}



#header-cart-item-count {float: left; margin-right: 5px; }
#header-cart-item-count img{margin-top: -11px; }

#header-cart-item-tally {float: left; font-size: 20px; margin-right: 5px; margin-top: -9px;}

#header-cart-item-view {float: left; margin-right: 5px; }





/*LOGO AND CONTACT CONTAINER*/
#logo-container {
width: 50%;
float: left;
margin-bottom: 30px;
}


#contact-container {
width: 50%;
float: left;
}

/*HEADER CAROUSEL*/
#carousel-wrapper {width: 100%}
#carousel-wrapper{ position: relative;}
#carousel-btn-prev {position: absolute; top: 90px; left: 2px; }



/*HORIZONTAL NAVIGATION*/

#hor-navigation-search-wrapper {   float: right; height: 40px; position: relative; }
#trade-login-container {background: url(../img/bg-trade-login-icon.gif) -0px -0px no-repeat;
height: 20px;
margin-top: -80px;
float: right;
text-align: right;
padding-left: 23px;
padding-top: 5px;
}
#trade-login-container a{font-family: arial; font-size: 11px; font-weight: normal;}

#hor-navigation-search-container { margin: 0 auto; text-align: center; margin-top: -8px; position: absolute; right: 0px; top: 62px;}
#trade-login-container {margin-top: -160px;}


#hor-navigation-search-container { margin: 0 auto; text-align: center;  width: 250px; padding-top: 6px; top: 32px!important;}
#trade-login-container {margin-top: -60px; }



#hor-navigation-search-field {}
#hor-navigation-search-field input { border-radius: 3px; float: left; width: 180px; height: 27px!important; color: #000; font-size: 12px; font-family: 'Playfair Display SC', serif!important; }
#hor-navigation-search-button {  
display: block; 
float: left; 
margin-left: 5px;
display: table;
padding: 1px 7px;
border-radius: 4px;
color: #fff;
background: #444;
background-image: url("../img/bt-nav-search-bg.png");
background-position: 4px 3px;
background-repeat: no-repeat;
height: 26px;
width: 30px;
}

#hor-navigation-search-button:hover {  
background: #555;
background-image: url("../img/bt-nav-search-bg.png");
background-position: 4px 3px;
background-repeat: no-repeat;
}




/* Accordion (collapse menu) at product detail */
#DOMWindow{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.accordian-content{padding:0px;}
.accordian-content p{padding:10px;}



/*HOR NAVIGATION SUBMENU BY RIZAL */
.pre-horizontal-nav{position:absolute;z-index:999999999;margin-top:-20px; width: 97%;}
#hor-navigation-wrapper ul li.current-menu-item{ background:#014681}
#hor-navigation-wrapper{z-index:9999999;background-color: #000; height: 40px;padding:0;margin:0;}
#hor-navigation-wrapper ul ul{display:none;list-style-type: none;padding-left:0;margin-left:0;background-color: rgba(0,0,0,0.7);width:200px;position:relative;}
#hor-navigation-wrapper ul>ul>li {background-color: rgba(0,0,0,0.7);}
#hor-navigation-wrapper ul ul ul{display:none;list-style-type: none;padding-left:0;margin-left:0;background-color: rgba(0,0,0,0.8);}
#hor-navigation-wrapper ul>ul>ul>li{background-color: rgba(0,0,0,0.8);}
#hor-navigation-wrapper ul ul ul ul{display:none;list-style-type: none;padding-left:10px;margin-left:0;background-color: rgba(0,0,0,1);}
#hor-navigation-wrapper ul>ul>ul>ul>li{background-color: rgba(0,0,0,1);}
#hor-navigation-wrapper ul a{color:#fff;font-size:13px!important}
#hor-navigation-wrapper>ul>li{list-style-type: none;padding:0;margin:0;float:left;font-family: 'Playfair Display SC', serif!important; }
#hor-navigation-wrapper>ul>li>a{display:inline-block;color:#fff;padding: 10px 13px;border-right: 1px solid #111; border-left: 1px solid #444;}
#hor-navigation-wrapper ul li a{padding: 10px 13px;display:inline-block;border-bottom:1px solid #111;width:100%}
#hor-navigation-wrapper ul li.first {margin-left:-18px;}
#carousel-wrapper{margin-top:40px;}
#full-content-wrapper,#main-content-wrapper{margin-top:40px;}
#splitter-wrapper{margin-top:60px;}








/*MOBILE HOR NAVIGATION TO PREVENT EDITING SOME ELEMENTS ACROSS 4 CSS FILES*/
#btn-mobile-nav-toggle {background: #bbb; display: none; }

#mob-hor-navigation-wrapper {background: #000; }


/**
#mob-hor-navigation-wrapper a 	   {font-family: 'Playfair Display SC', serif!important; color: #fff;}
#mob-hor-navigation-wrapper a:hover {font-family: 'Playfair Display SC', serif!important; color: #000; }

#mob-hor-navigation-wrapper ul {}

#mob-hor-navigation-wrapper ul li.first 
{border-bottom: 1px dotted #ddd; border-left: 0px solid #ccc; width: 50%; height: 40px!important}

#mob-hor-navigation-wrapper li.first:hover 
{ padding: 10px 2px 0 10px; border-bottom: 1px dotted #fff; background-color: #ef8027; border-left: 0px solid #ccc}


#mob-hor-navigation-wrapper ul li 
{border-bottom: 1px dotted #ddd; border-left: 1px solid #bbb; }

#mob-hor-navigation-wrapper li:hover 
{border-bottom: 1px dotted #ddd; border-left: 1px solid #bbb; background-color: #ef8027;}


**/






/*BUCKETS*/

#bucket-container-outer {
background-color: #fff;
padding-right: 6px;
margin-bottom: 8px;
}

#bucket-container-outer img{
background-color: #fff;
padding-right: 6px;
margin-bottom: 8px;
}



#bucket-container-outer-last {
float: left;
padding-right: 0px;
margin-bottom: 8px;
}


#bucket-container-inner {
padding: 15px;
background-color: #fff!important;
width: 100%;
position: relative;
border-bottom: 1px solid #ddd;
margin: 0 auto;
text-align: center;
}





#bucket-alert-sale {background: url(../img/alert-sale-mobile.png) no-repeat; }

#bucket-alert-used {background: url(../img/alert-used-mobile.png) no-repeat; }



#bucket-title-container {
margin: 15px 0px 0px;
text-align: center;  }

#bucket-title-container h5{

text-align: center!important;  }



#bucket-description-container {
height: 50px;
overflow: hidden;
margin: 10px 0px;
text-align: center; }


#bucket-price-container {
font-family: arial;
font-size: 22px;
float: left;
padding-top: 18px;
display: block;
width: 100%;
text-align: center;
}



#signoff-promo-container{ width: 20%}

#signoff-text-container{ padding-left: 30px!important; width: 80%}





#related-bucket-holder { background: #fff; padding: 10px 10px;}

#related-bucket-container-outer {
background-color: #fff;
margin-bottom: 8px;
width: 25%;
padding-right: 3px;
}

#related-bucket-container-outer img{
background-color: #fff;
padding-right: 6px;
margin-bottom: 8px;
}



#related-bucket-container-outer-last {
float: left;
padding-right: 3px;
margin-bottom: 8px;
width: 25%;
}


#related-bucket-container-inner {
padding: 15px;
background-color: #fff!important;
width: 100%;
border-bottom: 1px solid #ddd;
margin: 0 auto;
text-align: center;
}




#related-bucket-alert-sale {
background: url(../img/alert-sale-mobile.png) no-repeat; }

#related-bucket-alert-used {
background: url(../img/alert-used-mobile.png) no-repeat; }



#related-bucket-title-container {
margin: 15px 0px 0px;
text-align: center;  }



#related-bucket-description-container {
height: 50px;
overflow: hidden;
margin: 10px 0px;
text-align: center; }


#related-bucket-price-container {
font-family: arial;
font-size: 22px;
float: left;
padding-top: 18px;
display: block;
width: 100%;
text-align: center;
}








/*PRODUCT DETAIL PAGE*/

#product-showcase-large-image{margin-bottom: 20px; width: 100%;}
#product-showcase-large-image img {text-align: center;}


#showcase-prev-btn {width: 47px;height: 47px;right: 0px;}
#showcase-prev-btn img {width: 47px!important; height: 47px!important}

#showcase-next-btn {width: 47px;height: 47px;top: 75px;right: 0px;}
#showcase-next-btn:hover {top: 75px;}

#showcase-zoom-btn {width: 47px;height: 47px;top: 120px;right: 0px;}
#showcase-zoom-btn:hover {top: 120px;}




#product-showcase-info {padding-left: 0px; margin-bottom: 50px;}

#product-showcase-input {width: 100%; float: left;}
#product-showcase-input select {width: 31%; float: left; margin-right: 1%;}



#related-bucket-wrapper {margin: 20px 0px 80px 0px!important; height: 397px; overflow: hidden;}
#related-bucket-holder {background: #fff}

#related-bucket-wrapper {margin: 20px 0px 80px 0px!important;}








/*CHECKOUT PAGE*/


#checkout-table-values {width: 100%}

#product-value-container {width: 10%!important; }
#description-value-container {width: 43%!important; }
#Ref-value-container { width: 8%!important; }
#unit-price-value-container {width: 15%!important; }
#quantity-value-container {width: 18%!important; }
#total-value-container { width: 12%!important; }
#delete-value-container {width: 8%!important; }


#checkout-table-values-alt {width: 100%}

#product-value-alt-container {width: 10%!important; }
#description-value-alt-container {width: 43%!important; }
#Ref-value-alt-container {width: 8%!important; }
#unit-price-value-alt-container {width: 15%!important; }
#quantity-value-alt-container {width: 18%!important; }
#total-value-alt-container {width: 12%!important; }
#delete-value-alt-container {width: 8%!important; }



/*SHIPPING CONTAINER*/
#checkout-table-shipping-wrapper {float: left; margin: 23px 0 20px 0px; width: 45%}

#checkout-table-shipping-container {
font-family: arial; 
font-size: 13px; 
float: left;
background-color: #FFF1B0;
border-radius: 3px;
padding: 12px 10px 8px 10px;
margin-top: -10px;}

.arrow-right {
width: 0; 
height: 0; 
border-top: 40px solid transparent;
border-bottom: 40px solid transparent;
float: left;
border-left: 10px solid #FFB62E;
margin-right: 10px;}

#checkout-table-shipping-options {float: left;}
#checkout-table-shipping-options input[type="radio"] {margin-right: 5px;}
#checkout-table-shipping-options ul {margin: 0px;}
#checkout-table-shipping-options li {list-style: none;  font-size: 13px; }


/*PRICE CONTAINER*/
#checkout-table-price-container {width: 45%; font-family: arial; font-size: 13px; float: right; color: #484848; border: 2px solid #fff; margin: -1px 0 20px; border: solid 1px #dddddd!important;}
#total-products {float: right; background: #f9f9f9; width: 100%;}
#total-shipping {float: left; background: #fff; width: 100%;}
#subtotal {float: left; background: #f9f9f9; width: 100%;}
#cart-total {float: left; background: #fff; width: 100%;}
#value {float: left;  padding: 10px;}
#figure {float: right; padding: 10px; text-align: right; }


#cart-total #value {width: 50%; float: left;  padding: 8px; background: #D6FFE3; color: #77CC74; display: block; }
#cart-total #figure {width: 50%; float: right; padding: 8px; text-align: right; font-size: 30px; background: #D6FFE3; color: #77CC74;}


/*PAYMENT DECISION*/

#cart-payment-decision-wrapper {text-align: center; margin-bottom: 10px; display: block; margin: 20px 0 40px 0;}
#cart-payment-decision-container {text-align: center; margin-bottom: 10px; width: 450px; margin: 0 auto;}





/*BUTTONS*/

#button-general 	  
{margin-top: 10px; float: left; margin-right: 10px; width: 100%!important}

#button-general-right 	  
{margin-top: 10px; width: 100%; text-align: center;}

#button-cart 	  
{display: table; padding: 8px 10px; font-size: 13px; float: left; margin-right: 5px;}




/*FOOTER*/

#footer-integrater {background: url(../img/background-integrater-tile.png) repeat-x;  height: 20px; margin-top: -10px;}


#footer-wrapper {
background-color: #000;
height: 200px;
padding-top: 30px;}


#footer-container {
font-size: 11px;
color: #888;
line-height: 16px;
font-family: arial;
font-weight: normal;}


#footer-block-1 {
font-size: 11px;
padding-left: 0px;
float: left;
text-align: left;
margin-top: -0px;
font-weight: normal;

}


#footer-block-1 img{
float: left;}

#footer-block-1 a{
color: #b5985a}

#footer-block-1 a:hover{
color: #555}


#footer-block-1 p{
font-size: 11px;
padding-left: 10px;
padding-top: 2px;
float: left;
color: #888!important;
}



#footer-block-2 {
font-size: 11px;
padding-left: 0px;
float: left;
margin-top: 10px;
text-align: left;
padding-left: 10px;
font-weight: normal;}

#footer-block-3 {
font-size: 11px;
padding-left: 0px;
float: right;
margin-top: 0px;
text-align: left;
padding-left: 20px;
font-weight: normal;}

#footer-block-3 a{ 	color: #b5985a; text-decoration: none;}
#footer-block-3 a:hover{ color: #555; text-decoration: none;}





#footer-block-last {
padding-left: 0px;
float: right!important;
text-align: right;
margin-top: 0px;}

#footer-block-last li {list-style: none;}



#fb-link { background: url(../img/btn-facebook-up.png); height: 35px; width: 35px; display: table; float: right;}
#fb-link:hover {background: url(../img/btn-facebook.png);}

#twitter-link { background: url(../img/btn-twitter-up.png); height: 35px; width: 35px; display: table; float: right;}
#twitter-link:hover  {background: url(../img/btn-twitter.png);}

#skype-link { background: url(../img/btn-skype-up.png); height: 35px; width: 35px; display: table; float: right;}
#skype-link:hover  {background: url(../img/btn-skype.png);}













/*INTRO CONTENT*/
#intro-content-wrapper {
margin: 20px 0 20px 0;
}



/*FORM WRAPPERS*/


#half-form-wrapper-left-checkout {width: 50%; margin-right: 0px; padding: 0px;}
#half-form-wrapper-right-checkout {width: 50%; margin-left: 0px; padding: 0px;}

#half-form-container-background {
background: #e7e7e7;
width: 100%;
}




#half-form-wrapper-left {float: left; padding-right: 10px; margin-bottom: 50px; width: 50%  }
#half-form-wrapper-right {float: left; padding-left: 10px; margin-bottom: 50px; width: 50%  }

#half-form-container {padding: 0px; display: table; border-radius: 4px;}
#half-form-container h2 {margin-bottom: 20px!important;}

#half-form-container-background {background: #e7e7e7; padding: 10px; display: table; border-radius: 4px;}
#half-form-container-background h2 {margin-bottom: 20px!important;}

#half-form-wrapper-background-left { background: #e7e7e7; border-radius: 4px; padding: 10px; float: left; padding-right: 20px; margin-bottom: 50px; margin-right: 8px}
#half-form-wrapper-background h2 {margin-bottom: 20px!important;}

#half-form-wrapper-background-right { background: #e7e7e7; border-radius: 4px; padding: 10px; float: left; padding-right: 20px; margin-bottom: 50px; }
#half-form-wrapper-background h2 {margin-bottom: 20px!important;}


/*FORM INPUT CONTROL DIVS*/
#full-form {width: 99%; float: left; margin-right: 1%; height: 52px;}

#half-form-float {width: 49%; float: left; margin-right: 1%; height: 52px;}
#half-form {width: 100%; float: left; margin-right: 1%; height: 52px;}
#half-form input {width: 49%; float: left; margin-right: 1%}

#third-form-float {width: 32%; float: left; margin-right: 1%; height: 52px;}
#third-form {width: 100%; float: left; margin-right: 1%; height: 52px;}
#third-form input{width: 32%; float: left; margin-right: 1%}

#quarter-form-float {width: 24%; float: left; margin-right: 1%; height: 52px;}
#quarter-form {width: 100%; float: left; margin-right: 1%; height: 52px;}
#quarter-form input{width: 24%; float: left; margin-right: 1%}

#tenth-form-float {width: 9%; float: left; margin-right: 1%; height: 52px;}
#tenth-form {width: 100%; float: left; margin-right: 1%; height: 52px;}
#tenth-form input{width: 9%; float: left; margin-right: 1%}


/*GLOBAL INPUT STYLE*/
.form-style input {border-radius: 4px!important; height: 26px; }
.form-style-2  {float:left; margin-right: 5px }
.form-style-2 input {border-radius: 4px!important; height: 26px; float:left }



#header-cart-container {
font-size: 12px!important;
color: #fff;
padding: 3px;
font-family: arial;}



#rooftop-number {
  float: right;
  margin-top: -36px;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  color: #353131;
  margin-bottom: 20px;
  font-family: arial;
}