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;}


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


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

.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}







/*CART HEAD CONTAINER*/

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

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




#header-cart-block-1 {padding-left: 20px;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{ position: relative;margin-top:0px;}
#carousel-btn-prev {position: absolute; top: 90px; left: 2px; }
#carousel-btn-next {position: absolute; top: 90px; right: 4px; }








/*MOBILE NAVIGATION*/
#btn-mobile-nav-toggle {padding: 5px 5px; text-align: center;}

#mob-hor-navigation-wrapper {margin-bottom: 20px; clear: both; display: table; width: 100%}

#mob-hor-navigation-wrapper a 	   {font-size: 13px!important;  margin-top: 8px; line-height: 15px;}
#mob-hor-navigation-wrapper a:hover {font-size: 13px!important;  margin-top: 8px; line-height: 16px;}

#mob-hor-navigation-wrapper ul {padding: 0px; margin: 0px; width: 100%; text-align: left;}

#mob-hor-navigation-wrapper ul li.first 
{display: table; padding: 10px 2px 0 10px; float: left; width: 20%; height: 40px}

#mob-hor-navigation-wrapper li.first:hover 
{display: table; padding: 10px 2px 0 10px; float: left;}


#mob-hor-navigation-wrapper ul li 
{display: table; padding: 10px 2px 0 10px; float: left; width: 20%; height: 40px}

#mob-hor-navigation-wrapper li:hover 
{display: table; padding: 10px 2px 0 10px; float: left;}







/*BUCKETS*/

#bucket-holder {width: 100%; background: #ff0000!important;  margin-top: 20px;}

#bucket-container-outer {
/*background-color: #fff*/;
padding-right: 6px;
margin-bottom: 8px;
width: 33%!important;
}

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



#bucket-container-outer-last {
float: left;
padding-right: 6px;
margin-bottom: 8px;
width: 33%!important;
}


#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: left; }


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


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

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



/*related buckets*/



#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: left; }


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




/*PRODUCT RESULTS PAGE*/

#search-refine-wrapper {width: 100%;}






/*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: 40px;
}


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


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





/*CHECKOUT PAGE*/
/*#checkout-table-wrapper {font-family: arial; font-size: 12px; line-height: 16px; border: 1px solid #ddd;}

#product-heading-container {float: left; background: #e7e7e7; padding: 6px; height:32px; border-right: 1px solid #fff; margin-bottom: 2px}

#description-heading-container {float: left; background: #e7e7e7; padding: 6px; height: 32px; border-right: 1px solid #fff;}
#Ref-heading-container {float: left; background: #e7e7e7; padding: 6px; height: 32px; border-right: 1px solid #fff;}
#unit-price-heading-container {float: left; background: #e7e7e7; padding: 6px; height: 32px; border-right: 1px solid #fff;}
#quantity-heading-container {float: left; background: #e7e7e7; padding: 6px; height: 32px; border-right: 1px solid #fff;}
#total-heading-container {float: left; background: #e7e7e7; padding: 6px; height: 32px; border-right: 1px solid #fff;}
#delete-heading-container {float: left; background: #e7e7e7; padding: 6px; height: 32px; }
*/

#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 	  
{ border-radius: 4px; float: left; margin-right: 5px;}




/*FOOTER*/
#footer-wrapper {
height: auto;
}



#footer-container {
font-size: 12px;
color: #fff;
line-height: 16px;
}


#footer-block-last {
padding-left: 0px;
text-align: center!important;
width:100%;
display: block;}

#footer-block-last ul {    
display:inline-block;
margin: 0 auto;
}

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

#footer-block-last a{
text-align: center!important;}

#footer-block-1 {
width: 100%;
text-align: center!important;}

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


#footer-block-1-logo{
width: 290px;
margin: 0 auto;
text-align: center!important;
clear: both;
margin-bottom: 10px}



#footer-block-1 p{
width: 100%;
text-align: center!important;
margin-bottom: 10px}









#footer-block-2 {
width: 100%;
margin-top: 10px;
text-align: center!important;}

#footer-block-3 {
width: 100%;
text-align: center!important;
margin-bottom: 50px;
display: block;}


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

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

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

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













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



/*FORM WRAPPERS*/


#half-form-wrapper-left {width: 50%}
#half-form-wrapper-right {width: 50%}

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

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

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

#half-form-container-background {background: #e7e7e7; padding: 10px; display: table; border-radius: 4px; width: 100%}
#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;
}