body 
{
    font-family:oxygen,verdana;
    font-size:9pt;
    background-color:#e3e3e3;
    color:#747474;
}

h1
{
    font-family:museo-300,oxygen,verdana;
    font-size:10pt;
    font-weight:normal;
    display:none;
}
.img
{
    border:none
}

.textbox1
{
    border:none;
}

select
{
    font-family:verdana;
    font-size:9pt;
}

input[type="text"] 
{ 
    font-family: verdana; 
    font-size:9pt;
}

input[type="submit"] 
{ 
    font-family: verdana; 

}

textarea
{
    font-family:verdana;
}

a img
{
    text-decoration:none;
    border:none;
}

a 
{
    text-decoration:none;
    color:#747474;
    font-weight:bold;
    
}

a:hover
{
    color:#003d85;
}

table
 {
 
 
 }
 
 .tdborder
 {
     border-top:1px solid #003d85;
     border-bottom:1px solid #003d85;
     
 }
 
#Container
{
     background-color:#e3e3e3;
     margin:0 auto;
     width:970px;
     text-align:left;
     position:relative;
     padding-left:10px;
     padding-right:10px;
}

#TopStrap
{
    height:151px;
    margin-top:5px;
    border:1px #cccccc solid;
    padding:5px;
    background-color:White;
}

#TopStrapLeft
{
     float:left;
     width:959px;
}

#TopStrapRight
{
     text-align:right;
     padding-right:12px;
}

#BasketSummary
{
     position:absolute;
     top:5px;
     left:600px;
}

#QuickStockCheck
{
     position:absolute;
     top:5px;
     left:428px;
}

.MenuBar
{
     height:30px;
     width:970px;
     text-align:center;
     padding-top:10px;
     
}

.MenuBar3
{
     height:30px;
     width:968px;
     text-align:center;
     
}
#menu_products
{
     position:absolute;
     top:122px;
     left:20px
}

#menu_findaretailer
{
     position:absolute;
     top:120px;
     left:90px
}

#menu_homeconsultation
{
     position:absolute;
     top:122px;
     left:188px
}

#menu_freesamples
{
     position:absolute;
     top:123px;
     left:313px
}

#menu_helpcentre
{
     position:absolute;
     top:123px;
     left:410px
}

#menu_registeryourwarranty
{
     position:absolute;
     top:120px;
     left:494px
}

#menu_inspiration
{
     position:absolute;
     top:119px;
     left:642px
}

#menu_aboutus
{
     position:absolute;
     top:119px;
     left:721px
}

#menu_keyword
{
    float:left;
}

#MenuBarKeywordSearchTextBox
{
     position:absolute;
     top:120px;
     left:800px;
     width:160px
}

#BreadCrumb
{
     margin-left:2px;
     font-family:museo-500;
     font-size:11px;
     margin-top:3px;
     margin-bottom:2px;
     
}

#BottomStrap
{
    padding-top:10px
}

#BlackLine
{
     background-color:#231f20;
     height:2px;
     width:100%;
     overflow:hidden;
     padding:0px;
}

#BottomText
{
     background-color:White;
     color:Black;
     margin-top:2px;
     font-size:11px;
}
#privacypolicy, #copyright, #accessibility, #sitemap, #terms, #contactus, #cookies, #metricdiv
{
     float:left;
     padding-right:10px
}
.modalBackground
{
	color:#747474;
	font-weight:bold;
	background-color:white; 
    box-shadow:3px 3px 3px #e3e3e3;
  

}
.ModalPopupBG
{
    background-color: #747474;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

#productspointer
{
     position:absolute;
     top:21px;
    left:12px;
}
#findaretailerpointer
{
     position:absolute;
     top:23px;
     left:28px;
}
#consultationpointer
{
     position:absolute;
     top:21px;
     left:42px;
}
#freesamplepointer
{
     position:absolute;
     top:20px;
     left:25px;
}
#helpcentrepointer
{
     position:absolute;
     top:20px;
     left:19px;
}
#warrantypointer
{
     position:absolute;
     top:23px;
     left:53px;
}
#inspirationpointer
{
     position:absolute;
     top:24px;
     left:16px;
}
#aboutuspointer
{
     position:absolute;
     top:24px;
     left:17px;
}
.favourites_links
{
    padding-top:10px;
}

.favourite_list
{
    padding-top:110px;
}
.BrandBorder
{
    border:1px solid #cccccc;
    padding:10px;
}
#panelLoginPopup
{
     width:500px;
     height:300px;
     position:absolute;
}
#panelMetricConverterPopup
{
     width:500px;
     height:300px;
     position:absolute;
}
#panelRoomCalculatorPopup
{
     width:500px;
     height:300px;
     position:absolute;
}
#panelDelDatePopup
{
     width:500px;
     height:500px;
     position:absolute;
}
#panelCancelOrderPopup
{
     width:500px;
     height:300px;
     position:absolute;
}
#panelSQMPopup
{
     width:500px;
     height:300px;
     position:absolute;
}
#panelStockCheckPopup
{
     width:500px;
     height:300px;
     position:absolute;
}
#LoginPopUpBackground
{
     width:500px;
     height:300px;
     position:absolute;
}
#DeliveryPopUpBackground
{
     width:535px;
     height:300px;
     position:absolute;
}
#MetricConverterPopUpBackground
{
     width:500px;
     height:300px;
     position:absolute;
}
#RoomCalculatorPopUpBackground
{
     width:500px;
     height:300px;
     position:absolute;
}
#DelDatePopUpBackground
{
     width:500px;
     height:500px;
     position:absolute;
}
#CancelOrderPopUpBackground
{
     width:500px;
     height:300px;
     position:absolute;
}
#SQMPopUpBackground
{
     width:500px;
     height:300px;
     position:absolute;
}
#StockCheckPopUpBackground
{
     width:500px;
     height:300px;
     position:absolute;
}
#LoginPopUpClose
{
     padding-left:455px;    
     padding-top:10px;
     width:500px;
     height:200px;
     position:absolute;
     height:10px;
}
#DeliveryPopUpClose
{
     padding-left:495px;    
     padding-top:10px;
     width:500px;
     height:200px;
     position:absolute;
     height:10px;
}
#MetricConverterPopUpClose
{
     padding-left:455px;    
     padding-top:10px;
     width:500px;
     height:200px;
     position:absolute;
     height:10px;
}
#RoomCalculatorPopUpClose
{
     padding-left:455px;    
     padding-top:10px;
     width:500px;
     height:200px;
     position:absolute;
     height:10px;
}
#DelDatePopUpClose
{
     padding-left:455px;    
     padding-top:10px;
     width:500px;
     height:200px;
     position:absolute;
     height:10px;
}
#CancelOrderPopUpClose
{
     padding-left:455px;    
     padding-top:10px;
     width:500px;
     height:200px;
     position:absolute;
     height:10px;
}
#SQMPopUpClose
{
     padding-left:455px;    
     padding-top:10px;
     width:500px;
     height:200px;
     position:absolute;
     height:10px;
}
#StockCheckPopUpClose
{
     padding-left:455px;    
     padding-top:10px;
     width:500px;
     height:200px;
     position:absolute;
     height:10px;
}
#AddedToBasketPopUpClose
{
     padding-left:280px;    
     padding-top:10px;
     width:300px;
     height:200px;
     position:absolute;
     height:10px;
}
#LoginPopUpText
{
     width:500px;
     height:300px;
     position:absolute;
     color:#747474;
     padding-top:20px;
     padding-left:20PX
}
#DeliveryPopUpText
{
     width:500px;
     height:300px;
     position:absolute;
     color:#747474;
     padding-top:20px;
     padding-left:20PX
}
#MetricConverterPopUpText
{
     width:500px;
     height:300px;
     position:absolute;
     color:#747474;
     padding-top:20px;
     padding-left:20PX
}
#RoomCalculatorPopUpText
{
     width:500px;
     height:300px;
     position:absolute;
     color:#747474;
     padding-top:20px;
     padding-left:20PX
}
#DelDatePopUpText
{
     width:500px;
     height:500px;
     position:absolute;
     color:#747474;
     padding-top:20px;
     padding-left:20PX
}
#CancelOrderPopUpText
{
     width:500px;
     height:300px;
     position:absolute;
     color:#747474;
     padding-top:20px;
     padding-left:20PX
}
#SQMPopUpText
{
     width:500px;
     height:300px;
     position:absolute;
     color:#747474;
     padding-top:20px;
     padding-left:20PX
}
#StockCheckPopUpText
{
     width:500px;
     height:300px;
     position:absolute;
     color:#747474;
     padding-top:20px;
     padding-left:20PX
}
#AddedToBasketPopUpText
{
     width:300px;
     height:150px;
     position:absolute;
     color:#747474;
     padding-top:30px;
     padding-left:20PX;
     background-color:white;
}
/*AutoComplete flyout */
.autocomplete_completionListElement
{
    margin : 0px!important ;
    background-color : inherit ;
    color : red ;
    border : buttonshadow ;
    border-width : 1px ;
    border-style : solid ;
    cursor : 'default' ;
    overflow : auto ;
    height : 200px ;
    font-family : Tahoma ;
    font-size : small ;
    text-align : left ;
    list-style-type : none ;
    
    }
     .popUpDialog
        {
            z-index: 99 !important;
        }

    .autoComplete_listMain
        {
            z-index: 2147483647 !important;
            background: #ffffff;
            border: solid 2px #808080;
            color: #000000;
        }
    
/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
   {
    background-color : #ffff99 ;
    color : black ;
    padding : 1px ;
    }

    /* AutoComplete item */
.autocomplete_listItem
    {
    background-color : window ;
    color : windowtext ;
    padding : 1px ;
   }
   

        .MyTabStyle .ajax__tab_header 
        { 
            font-size: 10pt; 
            font-weight:bold; 
            display: block; 
  
        } 
        .MyTabStyle .ajax__tab_header .ajax__tab_outer 
        { 
            border-color: #222; 
            color: #222; 
            padding-left: 10px; 
            margin-right: 3px; 
            border:solid 1px #d7d7d7; 
        } 
        .MyTabStyle .ajax__tab_header .ajax__tab_inner 
        { 
            border-color: #666; 
            color: #666; 
            padding: 3px 10px 2px 0px; 
        } 
        .MyTabStyle .ajax__tab_hover .ajax__tab_outer 
        { 
            background-color:#aae1fa; 
        } 
        .MyTabStyle .ajax__tab_hover .ajax__tab_inner 
        { 
            color: #fff; 
        } 
        .MyTabStyle .ajax__tab_active .ajax__tab_outer 
        { 
            border: solid 1px #cccccc;
            background-color: #d7d7d7; 
        } 
        .MyTabStyle .ajax__tab_active .ajax__tab_inner 
        { 
            color: #000; 
            border-color: #333; 
        } 
        .MyTabStyle .ajax__tab_body 
        { 
            /*font-size: 10pt;*/
            background-color: #e3e3e3; 
            /*border-top-width: 0; */
            border: solid 1px #cccccc;
            /*border-top-color: #ffffff; */
        } 
    
    .LargeTextLinks
  {
      font-size:12pt;
      color:Black;
      font-family:verdana,arial;
      text-decoration:none;
      font-weight:normal;
      
  }
  
  a.LargeTextLinks:hover
  {
      color:#8fcd9d;
  }
  
  .SmallTextLinks
  {
      font-size:10pt;
      color:Black;
      font-family:verdana,arial;
      text-decoration:none;
      font-weight:normal;
      
  }
  
  a.SmallTextLinks:hover
  {
      color:#8fcd9d;
  }
  
    .MediumTextLinks
  {
      font-size:10pt;
      color:Black;
      font-family:verdana,arial;
      text-decoration:none;
      font-weight:normal;
      
  }



    .hosted-field {
  height: 50px;
  box-sizing: border-box;
  width: 60%;
  padding: 12px;
  display: inline-block;
  box-shadow: none;
  font-weight: lighter;
  font-size: 16px !important;
  border-radius: 6px;
  border: 1px solid #dddddd;
  line-height: 20px;
  background: #fcfcfc;
  margin-bottom: 12px;
  background: linear-gradient(to right, white 50%, #fcfcfc 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 300ms ease-in-out;
  font-family:courier,monospace !important;
}

.hosted-fields--label {
  font-family: courier, monospace;
  text-transform: uppercase;
  font-size: 14px;
  display: block;
  margin-bottom: 0px;
  padding-bottom:0px;
  border-top:none;
  border-bottom:none;
  margin-top:0px;
  padding-left:2px;
  color:#000000;
}

.button-container {
  display: block;
  text-align: center;
}


.button--green {
  outline: none;
  font-weight: 600;
  line-height: 40px;
  text-decoration: none;
  text-align: center;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  background-color: #64d18a;
  border-color: #64d18a;
  color: white;
  transition: all 200ms ease;
  float: left;
  width:150px;
  font-family: courier, monospace;
}

.button--green:hover {
  background-color: #8bdda8;
  color: white;
}

.button--red {
  outline: none;
  font-weight: 600;
  line-height: 40px;
  text-decoration: none;
  text-align: center;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  background-color: #ff0101;
  border-color: #ff0101;
  color: white;
  transition: all 200ms ease;
  float: left;
  width:150px;
  height:42px;
  font-size:16px;
  margin-left:20px;
  font-family: courier, monospace;
}

.braintree-hosted-fields-focused {
  border: 1px solid #ed574a;
  border-radius: 1px;
  background-position: left bottom;
}

.braintree-hosted-fields-invalid {
  border: 1px solid #ed574a;
 
}

.braintree-hosted-fields-valid {
}


  #card-number {
  position: relative;
  border: 1px solid #ddd;
  padding: 0 0.5em;
  background-color: white;
}

.icon-valid{

      position:absolute;
      width:20px;
      height:20px;
      background-image: url('../images/valid-icon.png');
      background-position: -1000px 0;
      background-repeat:no-repeat;
      margin-top:10px;
      margin-left:10px;
  }

.icon-valid-true{

    background-position:0 0px;
}

.icon-valid-false{

    background-position: 0 -20px;
}

.icon2-valid{

      position:absolute;
      width:20px;
      height:20px;
      background-image: url('../images/valid-icon.png');
      background-position: -1000px 0;
      background-repeat:no-repeat;
      margin-top:10px;
      margin-left:10px;
  }

.icon2-valid-true{

    background-position:0 0px;
}

.icon2-valid-false{

    background-position: 0 -20px;
}
.icon-type {
  position: absolute;
  right: 5px;
  top: 10px;
  width: 40px;
  height: 28px;
  background-image: url('../images/cards.png');
  background-position: -1000px 0;
  background-repeat: no-repeat;
}

.icon-type-discover {
  background-position: 0 0px;
}

.icon-type-visa {
  background-position: 0 -28px;
}

.icon-type-master-card {
  background-position: 0 -56px;
}

.icon-type-maestro {
  background-position: 0 -87px;
}

.icon-type-american-express {
  background-position: 0 -114px;
}

.inputError {
    box-shadow: 0 0 5px #ff0101 !important;
}
 
.inputError2 {
    box-shadow: 0 0 5px #ff6a00 !important;
}
.invalid {
    box-shadow: 0 0 5px #ff0101 !important;
}

.requiredfield
{
    color:red;
}

.PromoProductText
{
    color:white;
    font-family:'Courgette', cursive;
    font-size:20px;
}

.PromoProductText2
{
    color:white;
    font-size:10px;
    font-family:Verdana;
}

.SaleBackgroundColour
{
    background-color:#57b5cf;
}

.SaleColour
{
    color:#1a1a1a;
}

.SaleBorder
{
    border:solid 2px #57b5cf;
}