#isl-connectbox .container-sm {  max-width: 450px; padding-top:20px; }
#isl-connectbox .form-input-wrapper span.loader-icon {  top: 9px;}

#isl-connectbox h2 { font-family:sansationbold, Verdana, Arial, Helvetica, sans-serif; }





b { font-family: sansationbold, Verdana, Arial, Helvetica, sans-serif; font-weight:normal !important; }
i { font-family: sansationitalic, Verdana, Arial, Helvetica, sans-serif; font-style:normal !important; }


img.downloadIcon { width:24px; height:auto; margin: 0 5px;}


#checkoutProgress ul { list-style:none; margin:0; padding:0; overflow:hidden; }
#checkoutProgress li { float:left; width:20%; padding:0; margin:0; border-top:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; position:relative; }
#checkoutProgress span { display:block; padding: 14px 10px 14px 25px; }
#checkoutProgress span:after { content:''; position:absolute; top:0; bottom:0; width:14px; right:-14px; z-index:75; background:url(../Resources/progress-arrow.png) center right no-repeat; }
#checkoutProgress span.current { background-color:#D2AA4B; color:#FFF; }
#checkoutProgress span.current:after { background-image:url(../Resources/progress-arrow-current.png); }
#checkoutProgress span.last { background-image:none; padding-right:10px; }


.returnsTable { width:100%; }
.returnsTable td, .returnsTable th { border-bottom:1px solid #CCC; padding:4px 0; width:auto !important; }
.returnsTable th { font-family: sansationbold,Verdana,Arial,Helvetica,sans-serif; }


.spacer20 { display:inline-block; width:20px; }

#formTable input:-moz-read-only { background:#F5F5F5; }
#formTable input:read-only { background:#F5F5F5; }

a.downloadLink { display:inline-block; padding:0 32px 0 0; background:url(../Resources/download.png) right center no-repeat; font-family: sansationbold, Verdana, Arial, Helvetica, sans-serif; }

a.orderConcertina { display:block; width: 22px; height:22px; background:url(../Resources/concertina-closed.png) center center no-repeat; text-decoration:none; }
a.orderConcertina.active { background-image:url(../Resources/concertina-open.png); }


#ordersTable { margin-bottom:40px; background:#FFF; border:1px solid #e6e6e6; border-bottom:none; }
#ordersTable th, #ordersTable td { padding:6px 10px; border-bottom:1px solid #e6e6e6; }
#ordersTable .tableSpacer20 { width:20px !important; }

#ordersTable .orderDetailCell { padding:0; border:none; }
#ordersTable .orderDetailCell table { border-bottom:3px solid #bec3c7; }

#ordersTable .orderDetailCell table tr td:last-child { width:300px !important; }



#formTable th { width:200px !important; padding-top: 6px; }
#formTable td { padding-bottom: 12px; }
#formTable td.paddingTop { padding-top:6px; }

#subNavInner { float: right; position: relative; right: 50%; }

#subNav {  }
#subNav ul { list-style:none; margin:0; padding:0; left:50%; position:relative; }
#subNav li { padding:0; margin:0; float:left; }
#subNav a { display:block; color:#000; text-decoration:none; padding:18px 18px; }
#subNav a:hover, #subNav a.current { color:#D2AA4B; }

#backToDashboard a { display:block; position:relative; padding:7px 10px 7px 46px; color:#000; text-transform:uppercase; letter-spacing:0.1em; text-decoration:none; background:#FFF; border-bottom:1px solid #e6e6e6; }
#backToDashboard a:after { content:" "; position:absolute; display:block; width:36px; height:100%; left:0; top:0; background:#e6e6e6 url(../Resources/mobile-back-arrow.png) center center no-repeat; }


.courseList li { margin-bottom:4px; }

.dateInfo a { color:#D2AA4B; text-decoration:none; }
.dateInfo a:hover { text-decoration:underline; }

.dateItem.disabled { background:none; color: #bec3c7; }





.caseStudyArrow { width: 71px; height: 71px; position: absolute; bottom: 0; right: 0; }

a.newsNavPrevious, a.newsNavNext { display:block; white-space: nowrap; font-family: sansationbold, Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing: 0.1em; color:#D2AA4B; text-decoration:none; padding:13px 0 13px 60px; background:url(../Resources/news-nav-arrow-left.png) left center no-repeat; }
a.newsNavNext { background-image:url(../Resources/news-nav-arrow-right.png); background-position:right center; padding-left:0; padding-right:60px; }


ul.listEvents { list-style:none; margin:20px 0; padding:0; }
ul.listEvents li { margin:0; padding:0 0 0 16px; position:relative; }
ul.listEvents li:before { content:"/"; position:absolute; left:0; top:0px; color:#D2AA4B; }
ul.listEvents a { color:#000; text-decoration:none; }
ul.listEvents a:hover, ul.listEvents a.current { color:#D2AA4B; }

ul.listArchive { list-style:none; margin:20px 0; padding:0; }
ul.listArchive li { margin:0; padding:0 0 0 16px; position:relative; background:url(../Resources/product-link-arrow.png) left 3px no-repeat; }
ul.listArchive a { color:#000; text-decoration:none; }
ul.listArchive a:hover, ul.listArchive a.current { color:#D2AA4B; }

ul.listArchive ul { list-style:none; margin:0; }


.h2NewsEvents .active { color:#D2AA4B; transition: all ease 0.3s}
.newsEventsToggle { display: inline-block; width: 80px; border: 1px solid #D2AA4B; height: 44px; position: relative; top: 12px; margin: 0 35px; }
.newsEventsToggleButton { display:block; position:absolute; top:4px; left:4px; width:36px; height:36px; background:#D2AA4B; }
.h2NewsEvents a { color:inherit; text-decoration:none; }

#newsStoryText img { width:100%; height:auto; }
#newsStoryText img[align="left"] { width:auto; float:none; }



.listNoBullets { list-style:none; margin:0; padding:0; }

#getItBy:after { content:" "; position:absolute; width:13px; height:27px; right:-13px; top:50%; margin-top:-14px; background:url(../Resources/lead-time-arrow.png); }

#manufacturerDetail h1:after { background:#d2aa4b; }

#filterPrice, #filterWeight { width:100%; padding:0 0 0 10px; margin:0; border:none; font-size:0.75em; }
#filterPriceRange, #filterWeightRange { margin:0 10px; }

.paginationLink, .paginationNull { display:inline-block; font-size:2em; min-width:36px; padding:7px 5px 0 5px; min-height:39px; border:1px solid #d2aa4b; color:#d2aa4b; text-decoration:none; margin: 0 11px; }
.paginationNull { cursor:default; }
.paginationLink:hover, .paginationNull { color:#FFF; background:#d2aa4b; }
.paginationElipsis { display:inline-block; font-size:2em; padding:5px 0 0 0; color:#d2aa4b; margin: 0 11px; cursor: default; }


#productFilters .concertinaHeading { display:block; color:#000; text-decoration:none; font-size:0.88em; text-transform:uppercase; letter-spacing: 0.1em; padding:13px 0 13px 18px; border-top:1px solid #BEC3C7; background:url(../Resources/concertina-closed.png) left center no-repeat; }
#productFilters .concertinaHeading:hover { color:#D2AA4B; }
#productFilters .concertinaHeading.active { color:#D2AA4B; background-image:url(../Resources/concertina-open.png); }

#productFilters ul { list-style:none; padding:0; margin:0; font-size:0.75em; }
#productFilters ul.active { padding-bottom:13px; }
#productFilters ul li { margin:0; }
#productFilters ul label { display:block; color:#000; padding: 2px 0 2px 1.8em; text-indent: -1.8em; }
#productFilters ul input { margin: 0 6px 0 0; }


#productVariations { width:100%; }


a.productLink { color:inherit; text-decoration:none; }
a.productLink:hover { text-decoration:underline; }


#manufacturersGrid .manufacturerLogo { z-index: 0; background-color: #bec3c7; border: solid #e6e6e6 1px; position: relative; }
#manufacturersGrid .manufacturerLogo:hover, #manufacturersGrid .manufacturerLogo.active { background:#FFF; border-color:#D2AA4B; cursor:pointer; }
#manufacturersGrid .manufacturerLogo.active:after { content:" "; display:block; position:absolute; width:100%; height:13px; border-top:8px solid #D2AA4B; bottom:-13px; left:0; background:url(../Resources/manufacturers-arrow.png) center top no-repeat; }

.manufacturersDetail a { display:inline-block; padding:3px 12px; background:url(../Resources/products-link-arrow.png) left center no-repeat; color:#D2AA4B; text-decoration:none; }
.manufacturersDetail a:hover { text-decoration:underline; }

#advertImages img { margin-bottom:20px; }

label.error { display:block; color:#C00; padding-top:4px; }
input.error, textarea.error { background:#F5CCCC; }

input[type='text'], input[type='password'], 
input[type='email'], 
input[type='number'], 
input[type='url'], 
input[type='tel'], 
input[type='file'],
textarea { width:100%; box-sizing: border-box; padding:0 10px; margin:0; line-height:34px; min-height:34px; border:1px solid #E6E6E6; font-size:inherit; font-family: inherit; color:inherit; } 
textarea { line-height:1.4; padding-top:10px; padding-bottom:10px; }
input[type='file'] { line-height: 1; padding: 4px 10px; height: auto; }


input[type='checkbox'] { font-size:1em; width:1.2em; height:1.2em; border:1px solid #ccc; background:#fff; top:4px; margin:0 5px 0 0; -webkit-appearance: none; position: relative; cursor:pointer; border-radius:3px; }
input[type='checkbox']:checked { background:#2F6FFC url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' focusable='false' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M173.9,439.4L7.5,273c-10-10-10-26.2,0-36.2l36.2-36.2c10-10,26.2-10,36.2,0L192,312.7L432.1,72.6 c10-10,26.2-10,36.2,0l36.2,36.2c10,10,10,26.2,0,36.2L210.1,439.4C200.1,449.4,183.9,449.4,173.9,439.4L173.9,439.4z'/%3E%3C/svg%3E%0A") center center no-repeat; border:none; background-size:70%; }

input[type='checkbox'].switch { width: 3em; top:0.5em; border-radius: 100px; border:0.125em solid #CCC; height: 1.5em; transition-duration:0.3s; background:#CCC; box-sizing:content-box; }
input[type='checkbox'].switch:after { content:''; position:absolute; transition-duration:0.1s; width:1.5em; height:1.5em; border-radius:100px; background:#FFF; left:0; top:0; border: 0.125em solid #CCC; margin-left: -0.125em; margin-top: -0.125em;}
input[type='checkbox'].switch:checked { background:#34c659; border-color:#34c659; }
input[type='checkbox'].switch:checked:after { left:100%; margin-left:-1.625em; border-color:#34c659; }

input[type='checkbox'].switch.negative:checked { background:#C00; border-color:#C00; }
input[type='checkbox'].switch.negative:checked:after { border-color:#C00; }

input[type='radio'] { font-size:1em; width:1.2em; height:1.2em; border:1px solid #ccc; background:#fff; top:4px; margin:0 5px 0 0; -webkit-appearance: none; position: relative; cursor:pointer; border-radius:100px; }
input[type='radio']:checked { border:0.4em solid #2F6FFC; }


input[type='submit'], 
input[type='button'] { width:auto; margin:0; overflow:visible; text-transform:uppercase; letter-spacing: 0.1em; padding:11px 23px; color:#D7B35D; background:#FDFBF6; border:1px solid #D7B35D; font-size:inherit; line-height:1.4; font-family: sansationbold, Verdana, Arial, Helvetica, sans-serif; box-shadow: inset 0 0 0 0 #D7B35D; transition: all ease 0.8s; }
input[type='submit']:hover, input[type='button']:hover { box-shadow: inset 230px 0 0 0 #D7B35D; color:#FFF; }

input.narrowDate { width:120px; }

input:disabled, select:disabled { opacity:0.4; cursor:default; }



#idpc_button { padding:3px 8px; border:1px solid #E6E6E6; background:#FDFBF6; border-radius:4px; padding:0 10px; margin:0; line-height:34px; min-height:34px; transition: all ease 0.8s; font-size:inherit; font-family: inherit; color:inherit; }
#idpc_button:hover { box-shadow: inset 230px 0 0 0 #D7B35D; color:#FFF; }

#idpc_input { max-width:220px; }


h2.h2Concertina { padding:15px 0 15px 23px; border-bottom:1px solid #D2AA4B ; background:url(../Resources/concertina-closed.png) left center no-repeat; }
h2.h2Concertina.active { background-image:url(../Resources/concertina-open.png); }

h2.h2RuleBefore:before, p.pRuleBefore:before, h2.h2Size22boldCapsRuleBefore:before { content:" "; display:block; width:37px; height:10px; background:#D2AA4B; position:absolute; top:0; }
.alignCentre p.pRuleBefore:before, .alignCentre h2.h2RuleBefore:before { left:50%; margin-left:-18px; }

.buttonLinkNews { display:block; padding:10px 0; background:#FDFBF6; text-transform:uppercase; text-decoration:none; color:#D2AA4B; text-align:center; letter-spacing: 0.1em; transition: all ease 0.8s; box-shadow: inset 0 0 0 0 #D2AA4B; border:1px solid #D2AA4B; }
.buttonLinkNews:hover { box-shadow: inset 265px 0 0 0 #D2AA4B; color:#FFF; }

.pNewsListDate:after { content:" "; display:block; position:absolute; width:47px; height:10px; background:#D2AA4B; margin-top:10px; }

.categoryArrow { opacity:0; transition: all ease 0.4s; }
.categoryItemWrapper:hover .categoryArrow { right:0px !important; opacity:1; }

.categoryItemWrapper { transform: matrix(1, 0, 0, 1, 0, 0); transition: all ease 0.4s; }
.categoryItemWrapper:hover { transform: matrix(1.05, 0, 0, 1.05, 0, 0); }

.arrowLink { display:block; padding-left:10px; background:url(../Resources/sub-nav-arrow-over.png) left center no-repeat; color:#d2aa4b; text-decoration:none; }
.arrowLink:hover { background-image:url(../Resources/sub-nav-arrow.png); color:#000; }

.arrowLink.inline { display:inline; }


.inlineButtonLink { display:inline-block; color:#FFF; background:#D7B35D; border:1px solid #FFF; text-transform:uppercase; letter-spacing: 0.1em; padding:11px 23px; margin-top:20px; margin-right:18px; text-decoration:none; font-family: sansationbold, Verdana, Arial, Helvetica, sans-serif; box-shadow: inset 0 0 0 0 #FFF; transition: all ease 0.8s; }
.inlineButtonLink:hover, .dateInfo .inlineButtonLink:hover { box-shadow: inset 230px 0 0 0 #FFF; color:#D2AA4B; text-decoration:none; }

.inlineButtonLink.white { border-color:#D7B35D; color:#D7B35D; background:#FFF; }
.inlineButtonLink.white:hover { box-shadow: inset 230px 0 0 0 #D7B35D; color:#FFF; }

.inlineButtonLink.goldTint { border-color:#D7B35D; color:#D7B35D; background:#FDFBF6; }
.inlineButtonLink.goldTint:hover { box-shadow: inset 230px 0 0 0 #D7B35D; color:#FFF; }

.alignCentre .inlineButtonLink { margin-left:9px; margin-right:9px; }

.inlineButtonLink.wide:hover { box-shadow: inset 350px 0 0 0 #FFF; }
.inlineButtonLink.white.wide:hover { box-shadow: inset 350px 0 0 0 #D7B35D; }
.inlineButtonLink.goldTint.wide:hover { box-shadow: inset 350px 0 0 0 #D7B35D; }

.inlineButtonLink.extraWide:hover { box-shadow: inset 450px 0 0 0 #FFF; }
.inlineButtonLink.white.extraWide:hover { box-shadow: inset 450px 0 0 0 #D7B35D; }
.inlineButtonLink.goldTint.extraWide:hover { box-shadow: inset 450px 0 0 0 #D7B35D; }


.inlineButtonLink.noMargin { margin:0; }
.inlineButtonLink.noTopMargin { margin-top:0; }


.h1Home:after { content:" "; display:block; position:absolute; width:47px; height:10px; background:#FFF; margin-top:10px; }

.categoryArrow { background:#D2AA4B url(../Resources/category-arrow.png) center center no-repeat; }


#logoSlider img { width:125px; height:40px; margin:0 45px; background:#000; }


.manufacturersDetail ul { margin-top:12px; }




#footerBottomCol2 ul { list-style:none; margin:0; padding:0; }
#footerBottomCol2 li { line-height:2; margin:0; }
#footerBottomCol2 a {  }

#footerSocial a img { border:1px solid #D2AA4B; border-radius:50px; }
#footerSocial a:hover img { background:#D2AA4B; }

#login a { display:block; color:#000; text-decoration:none; padding:16px 0; }
#login a:hover { color:#D2AA4B; }


#mainNav {  }
#mainNav ul { list-style:none; padding:0; margin:0; left: 50%; position: relative; }
#mainNav li { padding:0; margin:0; float:left; }
#mainNav a { display:block; color:#000; text-decoration:none; padding:16px 25px; }
#mainNav li:hover a, #mainNav li a.current { color:#D2AA4B; }

#mainNav ul ul { display:none; position: absolute; left: auto; border-top: 2px solid #d2aa4b; background:#FFF; padding:20px 0; margin-left: 10px; letter-spacing: 0.1em; min-width:200px; }
#mainNav ul ul:before { content:" "; display:block; position:absolute; left:13px; top:-9px; width:13px; height:7px; background:url(../Resources/subnav-indicator.png); }
#mainNav li:hover ul { display:block; }
#mainNav li li { float:none; }
#mainNav li:hover li a { color:#000; font-size:0.93em; padding:7px 30px 7px 25px !important; background:url(../Resources/sub-nav-arrow.png) 15px center no-repeat; }
#mainNav li:hover li a:hover, #mainNav li:hover li a.current { color:#D2AA4B  !important; background-image:url(../Resources/sub-nav-arrow-over.png); }

#mainNav ul.megamenuList:before { left:240px; }
#mainNav #megamenu { margin:0; }
#mainNav #megamenu a.sectionLink { background:none; padding: 0!important; }
#mainNav #megamenu a.sectionLink.last { margin-top:30px; }
#mainNav #megamenu ul { position: relative; border: none; padding: 0; margin: 0; letter-spacing: 0; text-transform: none; font-family: sansationregular, Verdana, Arial, Helvetica, sans-serif; }
#mainNav #megamenu ul:before { display: none; }
#mainNav #megamenu ul a { padding:4px 0 4px 12px !important; background-position:left center; }

#mainNav #megamenu ul.listSpaceBefore30 { margin-top:26px; }


#basket:hover p.pBasketCount { background:#D2AA4B; }

#hamburger.f-ms { background-color:#D2AA4B; }

label.disabled { opacity:0.5; }


.cardList label { display:inline-block; margin:10px 0 10px 20px; }
.cardList img { margin:-8px 5px 0 0; }


#summaryTable th { padding-right:20px; }


.cmsText img, .flexibleImage { width:100%; height:auto; }
.cmsText .manufacturerImageLeft, .cmsText .manufacturerImageRight { width:44%; margin-bottom:10px; }
.cmsText .manufacturerImageLeft { float:left; margin-right:6%; }
.cmsText .manufacturerImageRight { float:right; margin-left:6%; }






/* Retina backgrounds */

@media (-webkit-min-device-pixel-ratio:1.3), (-o-min-device-pixel-ratio:13/10), (min-resolution:125dpi)
{

#mainNav li:hover li a { background-image:url(../Resources/sub-nav-arrow@2x.png); background-size:5px 10px }
#mainNav li:hover li a:hover { background-image:url(../Resources/sub-nav-arrow-over@2x.png); }
#mainNav ul ul:before { background-image:url(../Resources/subnav-indicator@2x.png); background-size:13px 7px; }
a.arrowLink { background-image:url(../Resources/sub-nav-arrow-over@2x.png); background-size: 5px 10px; }
a.arrowLink:hover { background-image:url(../Resources/sub-nav-arrow@2x.png); }
.categoryArrow { background-image:url(../Resources/category-arrow@2x.png); background-size:14px 29px }

h2.h2Concertina, a.orderConcertina { background-image:url(../Resources/concertina-closed@2x.png); background-size:12px 12px; }
h2.h2Concertina.active, a.orderConcertina.active { background-image:url(../Resources/concertina-open@2x.png); }

#manufacturersGrid .manufacturerLogo.active:after { background-image:url(../Resources/manufacturers-arrow@2x.png); background-size:26px 13px; }
#manufacturersDetailWrapper .manufacturersDetail a { background-image:url(../Resources/products-link-arrow@2x.png); background-size:8px 13px; }

#productFilters .concertinaHeading { background-image:url(../Resources/concertina-closed@2x.png); background-size:12px 12px; }
#productFilters .concertinaHeading.active { background-image:url(../Resources/concertina-open@2x.png); }

#getItBy:after { background-image:url(../Resources/lead-time-arrow@2x.png); background-size:13px 27px; }

ul.listArchive li { background-image:url(../Resources/products-link-arrow@2x.png); background-size:8px 13px; }

a.newsNavPrevious { background-image:url(../Resources/news-nav-arrow-left@2x.png); background-size:42px 42px; }
a.newsNavNext { background-image:url(../Resources/news-nav-arrow-right@2x.png); background-size: 42px 42px; }

a.downloadLink { background-image:url(../Resources/download@2x.png); background-size: 16px 18px; }

#backToDashboard a:after { background-image:url(../Resources/mobile-back-arrow@2x.png); background-size: 7px 15px; }



#checkoutProgress span:after { background-image:url(../Resources/progress-arrow@2x.png); background-size: 14px 100px; }
#checkoutProgress span.current:after { background-image:url(../Resources/progress-arrow-current@2x.png); }



}




.loginError, .loginMessage {
	padding: 10px;
	width: 380px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #CC3333;
	overflow: visible;
	position: relative;
	color: #CC3333;
	background-color: #FFC;
	line-height:120%
}

.loginMessage {
	border-color:#666;
	color: #333;
	background-color: #FFC;
}

.loginError a, .loginMessage a { color:#CC3333; text-decoration:underline;}
.loginError a:hover, .loginMessage a:hover { color:#000; text-decoration:underline;}

.errorMessage { color:#CC3333; }

.adminTable td label.error, .passwordValidationError { display:block; color:#CC3333; padding-top:4px; }

.formField { font-family:inherit; font-size:inherit; color:inherit; background-color:#FFF; padding:4px; width:400px; line-height:1; }
.formField.narrow { width:150px; }
textarea.formField { line-height:1.2; }

select { margin-top:2px; }

.statusList th { border-bottom:1px solid #4C4C4C; padding:4px 0; vertical-align:top; }
.statusList td {  font-weight:bold; border-bottom:1px solid #4C4C4C; vertical-align:top; padding:4px 0}

.tableNoRule { border:none !important;}

.tableSpacer20 { width:20px }
.tableSpacer10 { width:10px }

#captcha { width:45%; }
#imgCaptcha { vertical-align:bottom; }



/* Cookies */

.cookie-table { margin-bottom:15px; width:100%; }
.cookie-table th, .cookie-table td { padding:2px 10px 2px 0; border-bottom:1px solid #999; vertical-align:top; width:auto !important;}
.cookie-table label { white-space:nowrap; padding-left:2px; }

#cookiebanner p { line-height:36px; }

#cookiebanner input { width:auto; overflow:visible; font-size:inherit; font-family:inherit; padding:7px 24px; background:#000; color:#FFF; border:1px solid #d2aa4b; transition: none; }
#cookiebanner input:hover { color:#d2aa4b; background:#FFF; cursor:pointer; box-shadow:none; transition: none; }


/* Policy popups */

#policy-content.fancybox-content { width:96%; max-width:1280px; }
#policy-content.fancybox-content a { color:#d2aa4b; text-decoration: none; }
#policy-content.fancybox-content a:hover { color:#d2aa4b; text-decoration:underline; }



/* Custom Select */

.select-hidden {
  display: none;
  visibility: hidden;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
 text-transform:uppercase;
 font-size:0.75em;
 letter-spacing: 0.1em;
}
.select.fullWidth { width: 100%; }

.select-styled {
  position: relative;
  padding: 8px 34px 8px 15px;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
 border: 1px solid #e6e6e6;
 margin-top: 6px;
}
.select-styled.white { background:#FFF; }

.select-styled:after {
  content: "";
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-color: #bec3c7 transparent transparent transparent;
  position: absolute;
  top: 12px;
  right: 10px;
}
.select-styled:hover {
  background:#bec3c7;
  color:#FFF;
}
.select-styled:active, .select-styled.active {
  background:#bec3c7;
  color:#FFF;
}
.select-styled:hover:after {
  border-top-color:#FFF;
}
.select-styled:active:after, .select-styled.active:after {
  top: 5px;
  border-color: transparent transparent #FFF transparent;
}

.select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #FFF;
 border-left: 1px solid #e6e6e6;
 border-right: 1px solid #e6e6e6;
}
.select-options li {
  margin: 0;
  padding: 12px 15px;
  border-bottom: 1px solid #e6e6e6;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}
.select-options li:not(.disabled):hover {
  color: #d2aa4b;
  background: #fff;
}
.select-options li[rel="hide"] {
  display: none;
}