/*COLOUR SHORTCODES
btn up #b5985a
btn over #ef8027

GOLD b5985a
BLUE: b5985a
ORANGE: f68121
*/

/*

fudge: #897171
chocolate: #353131;

*/
#nav-back-splash{background: #000; width: 100%}



body {


background: url('../img/background-gradient.gif') repeat-x; 
}


#clinger{ 
position: fixed;
top: 0px;
right: 0px;
z-index: 9000;
}

strong {
font-weight: bold
	}


h1{
	font-size: 21px;
	line-height: 24px;
	font-family:'Muli', sans-serif;
	color:#353131;
	letter-spacing: -1px;
	margin-bottom: 15px;
	text-transform: uppercase;
	}


h2 {
	font-family: arial;
	font-size: 18px;
	line-height: 16px;
	font-family:'Muli', sans-serif;
	text-transform: uppercase;
	}

h3 {
	font-family: arial;
	font-size: 14px;
	line-height: 16px;
	font-family:'Muli', sans-serif;
	color: #000;
	text-transform: uppercase;
	}


h5 {
	font-family: arial;
	font-size: 19px;
	line-height: 20px;
	margin-top: 3px;
	font-family:'Muli', sans-serif;
		letter-spacing: -1px;
text-transform: uppercase;
	}


h6 {
	font-family: arial;
	font-size: 19px;
	line-height: 16px;
	margin-top: 3px;
	font-family:'Muli', sans-serif;
	width: 100%;
	text-transform: uppercase;
	}


.decorative-font {	font-family:'Muli', sans-serif!important; }

p {color:#353131;margin:0;font-family: arial; font-size: 13px; line-height: 16px;}

#internal-content-wrapper a {
  color: #897171; text-decoration: none;line-height: inherit;}


  #internal-content-wrapper a:hover {
  color: #353131; text-decoration: none;line-height: inherit;}




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

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

label {color:#353131!important; margin:0!important; font-family: arial!important; font-size: 12px!important; line-height: 16px!important; font-family:'Muli', sans-serif;!important;}

ul {font-size: 12px;}

hr {margin-bottom: 20px!important;}



hr {padding-top: 4px; margin: 0;}



::-webkit-input-placeholder { color:#000; font-family:'Muli', sans-serif!important; font-style: italic; font-size: 11px; }
::-moz-placeholder { color:#000; } /* firefox 19+ */
:-ms-input-placeholder { color:#000; } /* ie */
input:-moz-placeholder { color:#000; }



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


.arrow-right {
width: 0; 
height: 0; 
border-top: 60px solid transparent;
border-bottom: 60px solid transparent;

border-left: 60px solid green;
}


.fleft {float: left}
.fright {float: right}

#right-panel {float: left}


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

#rooftop-number a{
text-decoration: none; 
color:#897171;
font-size: 12px;
}




/*LOGO PANEL*/
#logo-container {float: left;  margin: 35px 0 30px 0px; padding-left: 30px; position: relative;}
/*#logo-controller {position: absolute; top: 0px; left: 30px}*/
#contact-container {
float: left;
margin-top: 0px;
text-align: right;
padding-right: 30px;
padding-top: 58px;
font-size: 14px;
line-height: 16px;
color: #000;
margin-bottom: 20px;
}

#contact-container a{color: #897171;}
#contact-container a:hover{color: #444;}


#contact-container h2 {
	color: #c6c6c6!important;
	line-height: 19px;}



#contact-address {color: #999; font-family: arial; font-size: 11px; margin-top: 2px;}









/*CART HEAD CONTAINER*/

#header-cart-wrapper {
background-color: rgba(0,0,0, 0.5);
position: fixed;
padding: 10px 0 5px 0;
z-index: 199999999;}

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


#header-cart-container a { text-decoration: none; color:#ffd200;}
#header-cart-container a:hover { text-decoration: none; color:#fff;}

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

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


#header-cart-block-4 {
position: relative;
right: -5px;
background: rgba(0,0,0,0.2);
width: 10px;
display: block;
height: 45px;
width: 33px;
float: right;
margin-top: -15px;
margin-bottom: -5px;
padding: 0px;}


#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; }
#header-cart-item-view a{background: rgba(0,0,0,0.3); color:#fff!important; padding: 5px; margin-left: 5px; font-size: 11px!important; 	font-family:'Muli', sans-serif; }
#header-cart-item-view a:hover{color:#b5985a!important;}


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

.sterling-flag { position: absolute; top: 4px; left: 4px;}
.euro-flag { position: absolute; top: 21px; left: 4px;}

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








/*HEADER CAROUSEL*/
#carousel-wrapper {position: relative;margin-top: 60px; margin-bottom: 60px;display: block;}

#carousel-btn-prev {position: absolute; top: 90px; left: 22px; z-index:1; }
#carousel-btn-next {position: absolute; top: 90px; right: 22px; z-index:1;}



/*SITE WRAPPER*/
#site-wrapper {background: #fff;border: 1px solid #e4e4e4;-webkit-box-shadow: 1px 1px 13px 1px rgba(50, 50, 50, 0.2);-moz-box-shadow:    1px 1px 13px 1px rgba(50, 50, 50, 0.2);box-shadow:         1px 1px 13px 1px rgba(50, 50, 50, 0.2);padding-top: 0px;margin-top: 61px;}




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

#hor-navigation-search-field {}
#hor-navigation-search-field input {  float: left; width: 180px; height: 26px!important; color: #000; font-size: 12px; font-family:'Muli', sans-serif!important; }
#hor-navigation-search-button {  
display: block; 
float: left; 
margin-left: 0px;
display: table;
padding: 1px 7px;
border-radius: 0px;
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-wrapper{
	background: #fff;
/*	width: 940px;*/
}


#testala {}

/*HOR NAVIGATION SUBMENU BY RIZAL */
.pre-horizontal-nav {
z-index: 90;
  margin-top: -20px;
  width: 936px;
  position: absolute;
  text-transform: uppercase!important;
}
#hor-navigation-wrapper ul li.current-menu-item{ background:#014681}
#hor-navigation-wrapper{z-index:9999999; height: 40px;padding:0;margin:0;
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;}

#hor-navigation-wrapper ul a{color:#fff;font-size:13px!important}

 
 
#hor-navigation-wrapper>ul>li>a{display:inline-block;color:#888;padding: 10px 1px;/*border-right: 1px solid #111;*/}

#hor-navigation-wrapper ul li a{/*padding: 10px 13px;*/display:inline-block; width: 100%}

#hor-navigation-wrapper ul li.first {margin-left: -16px!important;}

 

/*HOR NAVIGATION SUBMENU BY RIZAL */
 
#hor-navigation-wrapper ul
{
	list-style:none;
	position:relative;
}
#hor-navigation-wrapper ul a
{
	display:block;
	color:#fff;
	text-decoration:none;
}
#hor-navigation-wrapper ul li
{
	list-style-type: none;
	margin-left: 23px!important;
	margin:0;
	float:left;
	font-family:'Muli', sans-serif!important;
	display: block;
	min-width: 10px;
}
#hor-navigation-wrapper ul li.current-menu-item
{
	background:#014681
}
#hor-navigation-wrapper ul li:hover
{

}
#hor-navigation-wrapper ul ul
{
	display:none;
	position:absolute;
	z-index:99999;
	margin: 0px 0px 0px 0px;
	width:200px;
	background-color: rgba(0,0,0,0.7);
}
#hor-navigation-wrapper ul ul li
{
	float:none;
	border-bottom:1px dotted #fff;
	width:200px;
	
}
#hor-navigation-wrapper ul ul li:last-child
{
	border-bottom:0px dotted #fff;
}
#hor-navigation-wrapper ul ul li:hover
{
	width:200px;
}
#hor-navigation-wrapper ul ul a
{
	
}
#hor-navigation-wrapper ul ul ul
{
	top:0;
	left:100%;
	margin-top:0px;
	margin-left:0px;
	
}
#hor-navigation-wrapper ul ul ul li
{

}
#hor-navigation-wrapper ul li:hover > ul
{
	display:block;
}









#carousel-wrapper{}
#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; }

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


/**
#mob-hor-navigation-wrapper a 	   {font-family:'Muli', sans-serif!important; color: #fff;}
#mob-hor-navigation-wrapper a:hover {font-family:'Muli', sans-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;}


**/






/*VERTICAL NAVIGATION*/


#ver-nav-container{ /*margin-top: 30px*/}
/*TOP LEVEL*/
#ver-nav-container ul {margin: 0px;}
#ver-nav-container li {border-top: 1px dotted #ccc;}
#ver-nav-container li a {padding: 4px 0px 4px 8px}
#ver-nav-container li a.active {background: #ef8027; color: #fff; }


#ver-nav-container ul li{list-style: none; background: #fff;  margin: 0px; background: #e3e3e3}
#ver-nav-container ul li a{color: #000; font-size: 14px; display: block}
#ver-nav-container ul li a:hover{color: #f99000; background: #f5f5f5}

/*SUBCAT*/
#ver-nav-container ul li ul li {list-style: none; background: #f9f9f9; margin: 0px; background: #f3f3f3;  }
#ver-nav-container ul li ul li a{color: #ef8027; font-size: 14px; display: block; padding-left: 12px}
#ver-nav-container ul li ul li a:hover{color: #000; background: #f6f6f6}
#ver-nav-container ul li ul li a.active {background: #d7d7d7; color: #ef8027}

/*SUBCAT-SUBCAT*/
#ver-nav-container ul li ul li ul li {list-style: none; background: #f2f2f2;  margin: 0px; }
#ver-nav-container ul li ul li ul li a{color: #4084be; font-size: 14px; display: block; padding-left: 16px}
#ver-nav-container ul li ul li ul li a:hover{color: #ef8027; background: #f7f7f7}

#ver-nav-container li.last {border-bottom: 1px dotted #ccc;}




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


#internal-content-wrapper {
margin: 0px 0 40px 0!important;
color:#353131;
margin:0;
font-family: arial;
font-size: 12px;
line-height: 16px;
padding: 0 30px 0 30px!important;
}





/*FORM WRAPPERS*/

#half-form-wrapper-left-checkout {width: 48%; float: left;}
#half-form-wrapper-right-checkout {width: 48%; float: left; margin-left: 10px;}


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

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


.form-style select {border-radius: 4px!important; height: 26px; background: #fff; font-size: 12px; padding: 2px 0 0 3px;  }







/*HOMEPAGE*/


#bucket-container-outer {
float: left;
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: 6px 6px 20px 6px;
display: table;
position: relative;
border: 1px solid #DECBA4;
background-color: #fff;
width: 100%;
}

#bucket-image-container {
height: 208px;
border: 1px solid #f2f2f2;
overflow: hidden;
}

#bucket-alert-new {
position: absolute;
top: -10px;
right: -5px;
background: url(../img/alert-new.png) no-repeat; 
display: block;
height: 65px;
width: 65px;
z-index: 500;
}


#bucket-alert-sale {
position: absolute;
top: 0px;
right: 0px;
background: url(../img/alert-sale.png) no-repeat; 
display: block;
height: 65px;
width: 65px;
z-index: 500;
}

#bucket-alert-used {
position: absolute;
top: 0px;
right: 0px;
background: url(../img/alert-used.png) no-repeat; 
display: block;
height: 65px;
width: 65px;
z-index: 500;
}



#bucket-title-container {
margin: 15px 0px 0px;
height: 48px;
overflow: hidden; }



#bucket-description-container {

margin: 10px 0px;}


#bucket-price-container {
font-size: 22px;
float: left;
padding-top: 4px;
padding-bottom: 4px;
color: #ed8429;
border-top: 2px dotted #ccc;
border-bottom: 2px dotted #ccc;
width: 100%;
margin-top: 10px; 
}

#bucket-interaction-wrapper{

}







#right-promo-panel {}






#signoff-wrapper {margin-top: -80px}

#signoff-promo-container {float: left}

#signoff-text-container {float: left; padding-left: 30px;}


#signoff-wrapper-internal {margin-top: 80px}




/*PRODUCT RESULT PAGE*/


#search-refine-wrapper  {
margin-top: 40px;
margin-bottom: 30px;
display: block;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
padding: 13px 0px 0px 0; 
display: table;
}

#search-refine-breadcrumbs  {padding-top: 5px}

#search-refine-container {float: right!important;}

#search-refine-label  {padding-top: 12px;  text-align: right!important; float: left; }
#search-refine-label p {color: #bbb; margin-right: 5px;}

#search-refine-input  {text-align: right;/* padding-right: 4px;*/}
#search-refine-input input {float: right!important; width: 100%!important; margin-right: -10px;}











/*PRODUCT DETAIL PAGE*/


#product-showcase-wrapper {}
#product-showcase-wrapper h1{ margin-bottom: 10px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 10px 0px; margin-bottom: 30px;}

#product-showcase-thumb-wrapper { position: relative;}
#product-showcase-thumb-container {float: left;  margin-top: 0px}
#product-showcase-thumb-container img {float: left; margin-right: 5px; margin-bottom: 5px;border: 1px solid #ccc;}

#product-showcase-large-image{
float: left;
margin-bottom: 40px;
position: relative;
border: 1px solid #ccc;
overflow: hidden;
}


#product-showcase-image-count {position: absolute; top: 5px; left: 5px;}
.product-showcase-image-count-largeno {font-size: 18px; color: #003665; font-weight: bold;}
.product-showcase-image-count-smallno {font-size: 14px; color: #c6d9e9;}

#showcase-prev-project-btn {margin-bottom: 40px!important; float: left; }
#showcase-next-project-btn {margin-bottom: 40px!important; float: left; }


#showcase-prev-btn {width: 30px;
height: 30px;
position: absolute;
top: 10px;
right: 10px;
background: url(../img/showcase-prev-up-btn.png) no-repeat;
z-index: 500; opacity: 0.5}

#showcase-prev-btn:hover {width: 30px; height: 30px; position: absolute; top: 10px; right: 10px; background: url(../img/showcase-prev-up-btn.png) no-repeat; z-index: 500;  opacity: 1}


#showcase-next-btn {width: 30px;
height: 30px;
position: absolute;
top: 41px;
right: 10px;
background: url(../img/showcase-next-up-btn.png) no-repeat;
z-index: 500; opacity: 0.5}

#showcase-next-btn:hover {width: 30px; height: 30px; position: absolute; top: 41px; right: 10px; background: url(../img/showcase-next-up-btn.png) no-repeat; z-index: 500; opacity: 1}



#showcase-zoom-btn {width: 30px;
height: 30px;
position: absolute;
top: 72px;
right: 10px;
background: url(../img/showcase-zoom-up-btn.png) no-repeat;
z-index: 500; opacity: 0.7}

#showcase-zoom-btn:hover {width: 30px; height: 30px; position: absolute; top: 72px; right: 10px; background: url(../img/showcase-zoom-up-btn.png) no-repeat; z-index: 500; opacity: 1}









#product-showcase-info{
float: left;
padding-left: 00px;
}


#product-showcase-options {display: block; clear: both;}
#product-showcase-options select {height: 26px; border-radius: 4px; padding: 3px;}
#product-showcase-input { float: left; margin-right: 5px;} 


#product-showcase-price-container {margin: 10px 0px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 10px 0px; clear: both;}

#product-showcase-price-container .price {font-size: 40px; float: left; margin-right: 5px; letter-spacing: -1px;}
#product-showcase-price-container .inc-vat {font-size: 12px; font-style: italic; margin-right: 5px; margin-top: 50px!important;}
#product-showcase-price-container .ex-vat-price {font-size: 15px; margin-right: 5px; margin-top: 50px!important;}


#product-long-description-wrapper {clear: both; margin-top: 70px!important;}
#active-tab { position: relative; 
top: 1px; 
height:33px; 
margin-right: 3px; 
display: table; 
background-color: #fff; 
padding:5px; 
border-top: 1px solid #ccc; 
border-right: 1px solid #ccc; 
border-left: 1px solid #ccc;
float: left; 
margin-right: 3px;
border-radius: 2px;
}

#inactive-tab { position: relative; 
top: 1px; 
height:24px; 
margin-right: 3px; 
display: table; 
background-color: #fff; 
padding:5px 5px 3px 5px; 
border-top: 1px solid #ccc; 
border-right: 1px solid #ccc; 
border-left: 1px solid #ccc;
float: left; 
margin-right: 3px;
border-radius: 2px;
}

#product-long-description-container {border-top: 1px solid #ccc; clear:both; padding-top: 10px; }


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


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

#related-bucket-container-outer {
float: left;
background-color: #fff;
padding-right: 6px;

}

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


#related-bucket-container-inner {
padding: 10px 10px 20px 10px;
background-color: #fff;
display: table;
position: relative;
border: 1px solid #C6C8CF;

}

#related-bucket-alert-sale {
position: absolute;
top: 0px;
right: 0px;
background: url(../img/alert-sale.png) no-repeat; 
display: block;
height: 65px;
width: 65px;
z-index: 500;
}

#related-bucket-alert-used {
position: absolute;
top: 0px;
right: 0px;
background: url(../img/alert-used.png) no-repeat; 
display: block;
height: 65px;
width: 65px;
z-index: 500;
}



#related-bucket-title-container {
margin: 15px 0px 5px;

overflow: hidden; }



#related-bucket-description-container {
height: 60px;
overflow: hidden;
margin: 10px 0px;!important}


#related-bucket-price-container {
font-family: arial;
font-size: 22px;
float: left;
padding-top: 18px;
color: #000!important
}



#related-bucket-container-btn-prev{
float: left; background: #ff9900;
position: absolute;

border: 1px solid #ccc;
background: #fff url(../img/btn-nivo-prev.png) -5px -6px no-repeat;
height: 35px;
width: 30px;
z-index: 100;
top: 75px;
left: -5px; 

}
#related-bucket-container-btn-next{
float: left; background: #ff9900;
position: absolute;
background: #fff;
border: 1px solid #ccc;
background: #fff url(../img/btn-nivo-next.png) -5px -6px no-repeat;
height: 35px;
width: 30px;
z-index: 100;
top: 75px;
right: -5px;

}







/*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 {display: table; background: #FAFAFA; margin-bottom: 2px}

#product-value-container {float: left;  padding: 6px; border-right: 1px solid #fff; text-align: center!important;}
#description-value-container {float: left;  padding: 6px; border-right: 1px solid #fff;}
#Ref-value-container {float: left;  padding: 6px; border-right: 1px solid #fff;}
#unit-price-value-container {float: left;  padding: 6px; border-right: 1px solid #fff;text-align: right;}
#quantity-value-container {float: left;  padding: 6px; border-right: 1px solid #fff;}
#total-value-container {float: left;  padding: 6px; border-right: 1px solid #fff; text-align: right; font-size: 20px;}
#delete-value-container {float: left;  padding: 6px;}


#checkout-table-values-alt {display: table; background: #F7F7F7; margin-bottom: 2px}

#product-value-alt-container {float: left;  padding: 6px; border-right: 1px solid #fff; text-align: center!important;}
#description-value-alt-container {float: left;  padding: 6px; border-right: 1px solid #fff;}
#Ref-value-alt-container {float: left;  padding: 6px; border-right: 1px solid #fff;}
#unit-price-value-alt-container {float: left;  padding: 6px; border-right: 1px solid #fff; text-align: right;}
#quantity-value-alt-container {float: left;  padding: 6px; border-right: 1px solid #fff;}
#total-value-alt-container {float: left;  padding: 6px; border-right: 1px solid #fff; text-align: right;}
#delete-value-alt-container {float: left;  padding: 6px;}


#send-order { margin-bottom: 80px; clear: both;}


.quantity-input {height:30px!important; width:36px!important; border-radius: 3px!important; float: left; margin-right: 5px!important; }




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

#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 {font-family: arial; font-size: 13px; float: right; color: #000; border: 2px solid #fff; margin: -1px 0 20px; border: solid 1px #dddddd!important;}
#total-products {float: left; background: #f9f9f9}
#total-shipping {float: left; background: #fff}
#subtotal {float: left; background: #f9f9f9}
#cart-total {float: left; background: #fff}
#value {float: left;  padding: 10px;}
#figure {float: left; padding: 10px; text-align: right; }


#cart-total #value {float: left;  padding: 8px; background: #D6FFE3; color: #77CC74}
#cart-total #figure {float: left; 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: 510px; margin: 0 auto;}




/*CREATE ACCOUNT*/

#cart-account-creation-wrapper {margin-bottom: 120px;}










/*FOOTER*/

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


#footer-wrapper {background-color: #353131;height: 200px;padding-top: 50px;padding-bottom: 306px;}


#footer-container {
font-size: 11px;
color: #897171;
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: #897171}

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









/*BUTTONS*/



#navigation-search-button {
display: table;
background: #bbb;
padding: 1px 7px;
border-radius: 4px;
font-size: 13px;
color: #000;
margin-top: 2px;
background-image: url("../img/bt-nav-search-bg.png");
background-position: 4px 3px;
background-repeat: no-repeat;
height: 27px;
width: 30px;
float: right;}


#navigation-search-button:hover {
display: table;
padding: 1px 7px;
border-radius: 4px;
color: #fff;
background: #aaa;
background-image: url("../img/bt-nav-search-bg.png");
background-position: 4px 3px;
background-repeat: no-repeat;
height: 27px;
width: 30px;
}


#navigation-search-button a 	  
{font-family: arial; font-size: 13px; color: #000}









#button-general-right 	  
{font-family:'Muli', sans-serif!important; display: table; background: #444; padding: 6px 15px;  font-size: 13px; color: #fff; margin-top: 10px; float: right;}
#button-general-right:hover 
{font-family:'Muli', sans-serif!important; display: table; background: #555; padding: 6px 15px;  color: #fff}
#button-general-right a 	  
{font-family:'Muli', sans-serif!important; font-size: 13px;}



#button-general 	  
{font-family:'Muli', sans-serif!important; display: table; background: #444; padding: 4px 15px;  font-size: 13px; color: #fff; margin-top: 10px; float: left; margin-right: 10px;}
#button-general:hover 
{font-family:'Muli', sans-serif!important; display: table; background: #897171; padding: 4px 15px;  color: #fff}
#button-general a 	  
{font-family:'Muli', sans-serif!important; font-size: 13px;}


#button-general-checkout 	  
{font-family:'Muli', sans-serif!important; display: table; background: #444; padding: 4px 15px;  font-size: 13px; color: #fff; margin-top: 10px; float: left; margin-right: 10px;}
#button-general-checkout:hover 
{font-family:'Muli', sans-serif!important; display: table; background: #555; padding: 4px 15px;  color: #fff}
#button-general-checkout a 	  
{font-family:'Muli', sans-serif!important; font-size: 13px;}


#button-paypal 	 {
display: table;
width: 125px;
height: 33px;
background-color: #f9c820;
background-image: url("../img/btn-paypal-bg.png");
background-position: 10px 2px;
background-repeat: no-repeat;
padding: 4px 15px;
border-radius: 4px;
font-size: 13px;
color: #000;
margin-top: 10px;
float: left;
margin-right: 10px;}

#button-paypal:hover 
{display: table; background-color: #e6a800; padding: 4px 15px; border-radius: 4px; color: #fff}
#button-paypal a 	  
{font-family: arial; font-size: 13px; color: #000}




#field-button 	  
{ font-family:'Muli', sans-serif!important; display: table; background: #444; padding: 1px 7px;  font-size: 13px; color: #fff; margin-top: 0px; margin-left: -2px; }
#field-button:hover 
{ font-family:'Muli', sans-serif!important; display: table; background: #555; padding: 1px 7px;  color: #fff}
#field-button a 	  
{ font-family:'Muli', sans-serif!important; font-size: 13px;}




#button-cart 	  
{display: table; background: #eee; padding: 4px 6px;  font-size: 13px; color: #000; float: left; margin-right: 5px;}
#button-cart:hover 
{display: table; background: #ddd; padding: 4px 6px;  color: #fff}
#button-cart a 	  
{border-radius: 4px; font-family:'Muli', sans-serif!important; font-size: 13px;}




#button-cart-delete 	  
{display: table; background: #F2A0A0; padding: 4px 6px; border-radius: 4px; font-size: 13px; color: #ff0000; float: left; margin-right: 10px;}
#button-cart-delete:hover 
{display: table; background: #ff0000; padding: 4px 6px; border-radius: 4px; color: #fff}
#button-cart-delete a 	  
{font-family: arial; font-size: 13px;}










#button-pagination {font-family:'Muli', sans-serif!important; display: table; background: #fff; border: 1px solid #ddd; padding: 2px 8px; border-radius: 4px; font-size: 11px; color: #000; margin-top: 10px; float: left; margin-right: 5px;}
#button-pagination:hover {font-family:'Muli', sans-serif!important; display: table; background: #000; padding: 2px 8px; border-radius: 4px; color: #fff}
#button-pagination a {font-family: arial; font-size: 11px; color: #000}

#button-pagination-active {font-family:'Muli', sans-serif!important; display: table; background: #000; border: 1px solid #ddd; padding: 5px 10px; border-radius: 4px; font-size: 17px!important; color: #fff; margin-top: 7px; float: left; margin-right: 5px;}
#button-pagination-active:hover {font-family:'Muli', sans-serif!important; display: table; background: #fce9bc; border-radius: 4px; color: #000}
#button-pagination-active a {font-family: arial; font-size: 17px!important; color: #000}

#button-pagination-last {font-family:'Muli', sans-serif!important; display: table; background: #fff; border: 1px solid #ddd; padding: 2px 8px; border-radius: 4px; font-size: 11px; color: #000; margin-top: 10px; float: left;}
#button-pagination-last:hover {font-family:'Muli', sans-serif!important; display: table; background: #000; padding: 2px 8px; border-radius: 4px; color: #fff}
#button-pagination-last a {font-family: arial; font-size: 11px; color: #000}







/*UNIVERSAL TOOLS*/




#splitter-wrapper {margin: 20px 0px; /*text-align: center;*/ clear: both;}
#splitter-container{}
#splitter-central-image{margin-top: -8px; margin-left: 20px}


#pagination-wrapper { margin-bottom: 120px; display: block; clear: both; }
#pagination-container {float: right;}


#accordian-tab-wrapper {margin: 0px}


.accordian-tab-toggle {
padding: 8px 0 4px 33px;
font-size: 12px;
background: #f9f9f9;
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
background: url(../img/icon-accordian-tab-plus.png) 0px 5px no-repeat;
}


.accordian-tab-toggle:hover{cursor: pointer; cursor: hand;}
.accordian-content {padding: 10px 0 10px 0;}



#alert-red-wrapper {margin: 10px 0 20px 0; }
#alert-red-container { background: #F5CBCB; color: #ff0000; border-radius: 3px; display: table; padding: 3px 15px; font-size: 12px; text-transform: uppercase;}

#alert-amber-wrapper {margin: 10px 0 20px 0; }
#alert-amber-container { background: #FFE49C; color: #FF7300; border-radius: 3px; display: table; padding: 3px 15px; font-size: 12px; text-transform: uppercase;}


#alert-green-wrapper {margin: 10px 0 20px 0; }
#alert-green-container { background: #CFFFAB; color: #59B512; border-radius: 3px; display: table; padding: 3px 15px; font-size: 12px; text-transform: uppercase;}










/*ACCOUNT SECTION  ACCOUNT SECTION  ACCOUNT SECTION  ACCOUNT SECTION  ACCOUNT SECTION  ACCOUNT SECTION  */


#button-admin-navigation 	  
{display: table; font-family:'Muli', sans-serif!important; background: #000; padding: 4px 15px; border-radius: 4px; font-size: 13px; color: #fff; margin-top: -31px; float: left; margin-right: 10px!important;}
#button-admin-navigation:hover 
{display: table; font-family:'Muli', sans-serif!important; background: #ef8027; padding: 4px 15px; border-radius: 4px; color: #fff}
#button-admin-navigation a 	  
{ font-family:'Muli', sans-serif!important;font-family: arial; font-size: 13px; color: #000}



/*#button-admin-navigation 	  
{margin-top: -37px!important;
display: table; border-radius: 4px; font-family:'Muli', sans-serif!important; display: table; background: #000; padding: 4px 15px;  font-size: 13px; color: #fff; float: left; margin-right: 10px;}
#button-admin-navigation:hover 
{display: table; border-radius: 4px; font-family:'Muli', sans-serif!important; display: table; background: #ef8027; padding: 4px 15px;  color: #fff}
#button-admin-navigation a 	  
{display: table; border-radius: 4px; font-family:'Muli', sans-serif!important; font-size: 13px; color: #000}*/



#account-dashboard-container {
background-color: #f7f7f7;
border-radius: 3px;
/*	border: 1px solid #ddd;*/
padding: 20px 20px 40px 20px;
margin-bottom: 80px;
display: table;	
width: 100%;
height: auto;
}

#account-dashboard-container a{
color: #000
}


#account-dashboard-container li{
height: 40px!important;
border-top: 1px dotted #fff;
border-bottom: 1px dotted #fff;
list-style: none;
font-size: 12px;
display: block;
padding-top: 11px!important;
color: #000
}

#account-dashboard-container li:hover{
cursor: pointer;
color: #000!important
}


/*Close button for large image at product-detail  */
#showcase-close-btn {width: 47px;
  height: 47px;
  position: absolute;
  top: 5px;
  right: 5px;
  background: url(../img/showcase-close-ovr-btn.png) no-repeat;
  z-index: 500;}

  
/*additional for nivo slider */
  .theme-default a.nivo-prevNav{
	background: url(../img/btn-nivo-prev.png) no-repeat;
	position: absolute !important; 
	left: 860px!important; 
	z-index:999999;
	opacity: 1!important;
	top: 356px;		
}
	
  .theme-default a.nivo-prevNav:hover{
	opacity: 0.8!important;
	}


.theme-default a.nivo-nextNav{
	background: url(../img/btn-nivo-next.png) no-repeat;
	position: absolute !important; 
	right: 0px; 
	opacity: 1!important;
	top: 356px;	
}

.theme-default a.nivo-nextNav:hover{
	opacity: 0.8!important;
}





/*GALLERY*/



#visual2 {
	margin-top: 30px;
	
}



#gallery-project-table {
	margin-top: 30px;
	color: #897171;
	font-size: 12px;
	line-height: 15px;
}


#gallery-project-table li {
list-style: none;
border-top: 1px dotted #897171;
padding: 4px 0 4px 0px;
font-style: italic;
font-family: times;
}








.gallery-thumbs-row {
  display: block;
  clear: both;
  height: 110px;
  overflow: hidden;
  margin-top: 0px!important;
}



.gallery-stone-desc {
position: absolute;
bottom: 0px;
padding: 5px;
background: rgba(64,31,73,0.8);
width: 100%;
text-align: left;
color: #fff;
line-height: 14px
}




#gallery-open-wrapper {
background: rgba(0,0,0,0.7);
width: 100%!important;
height: 100%!important;
position: absolute;
z-index: 1000;

}


#gallery-open-container {
/*width: 800px;
height: 100%;*/
display: table;
margin: auto auto;

text-align: center;
padding: 5px;
background: #fff;
}



.gallery-outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.gallery-middle {
    display: table-cell;
    vertical-align: middle;
}

.gallery-inner {
    margin-left: auto;
    margin-right: auto; 
    max-width: 850px;
    background: #fff;
    border: 5px solid white;
    position: relative;
}

#gallery-caption {font-family: arial; position: absolute; bottom: 0px; width: 100%; background: rgba(0,0,0,0.7); padding: 6px 10px; color: #fff; font-size: 13px; line-height: 14px;}

#gallery-controls-left {display: table; padding: 15px; background: #fff; z-index: 1500; position: absolute; right: 90px; top: 300px; border-radius: 3px;}
#gallery-controls-right {display: table; padding: 15px; background: #fff; z-index: 1500; position: absolute; right: 40px; top: 300px; border-radius: 3px;}

.gallery-thumbs-row{height:auto!important;}


.gallery-thumb-wrapper{height:120px; overflow:hidden;margin-bottom: 3px!important;text-align:center;}


.gallery-thumb-wrapper {
  height: 100px!important;
  overflow: hidden;
  /* background: #ccc; */
  position: relative;
  width: 19%;
  float: left;
  margin-right: 6.7px;
  margin-bottom: 9px!important;
}

.fullsize-img-outer,.caption-text{display:none}
@media (max-width: 767px) {
  #gallery-open-wrapper {margin-left:-20px;}
 }

#gallery-caption{text-align:left; display: none;}




#gallery-button-clear {
  clear: both;
  padding-top: 40px;
  margin-bottom: 140px!important;
}


/* END SHOWCASE JQUERY GALLERY */


.range-image{ width: 90px; margin: 0 15px 40px; }

.range-image-2{ width: 90px; margin: 0 15px 60px; }


.cc_container {
    background: #E0E0E0!important;
    color: #fff!important;
    font-size: 17px!important;
    font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial!important;
    box-sizing: border-box!important;
}



.cc_container .cc_message {
    margin-top: 0.5em!important;
	font-family:'Muli', sans-serif!important!important;     
	color: #897171!important;
}



.cc_container .cc_btn, .cc_container .cc_btn:visited {
    color: #FFF!important;
    background-color: #897171!important;
    transition: background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out!important;
    -webkit-transition: background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out!important;
    border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
}