@charset "utf-8";

.invisible {
	display: none;
}

/* **************************************************************
*							CTA'S								*
****************************************************************/

.primary_cta {
	background-color: #ec9b0c;
	padding: 13px 0px 13px 0px;
	color: #232323;
	border: 1px solid #d88b0f;
	border-radius: 10px;
	display: block;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	text-decoration: none;
    font-weight:700;
	width: 100%;
	cursor: pointer;
	line-height: 105%;
}
.secondary_cta {
	background-color: #97cff4;
	padding: 13px 0px 13px 0px;
	border: 1px solid #7cb7d8;
	color: #232323;
	border-radius: 10px;
	display: block;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	text-decoration: none;
	width: 100%;
    font-weight:700;
	cursor: pointer;
	line-height: 105%;
}

.primary_cta_small {
	background-color: #ec9b0c;
	padding: 10px  0px 10px 0px;
	color: #232323;
	border: 1px solid #d88b0f;
	border-radius: 10px;
	display: block;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;
	line-height: 102%;
}
.secondary_cta_small {
	background-color: #97cff4;
	padding: 10px 0px 10px 0px;
	border: 1px solid #7cb7d8;
	color: #232323;
	border-radius: 10px;
	display: block;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;
	line-height: 102%;
}
.search_cta {
	background-color: #ec9b0c;
	padding: 10px 0px 10px 0px;
	color: #232323;
	border: 1px solid #d88b0f;
	border-radius: 10px;
	display: block;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
	line-height: 102%;
}
.primary_cta:hover,  .primary_cta_small:hover, .search_cta:hover {
	background-color: #d88b0f;
}
.secondary_cta:hover, .secondary_cta_small:hover {
	background-color: #8AA9A8;
}




/* **************************************************************
*							FORM FIELDS							*
****************************************************************/
.text_input {
	height: 34px;
	border: 2px solid #999999;
	background: #ffffff;
	font-family: 'Roboto', sans-serif; 
	text-transform: uppercase;
	height: 34px;
	font-size: 14px;
	padding: 3px 0px 0px 10px;
	color: #999999;
	line-height: 30px;
}




/* **************************************************************
*							HEADINGS							*
****************************************************************/
.nrm_heading {
	font-size: 14px;
}
.main_heading_center{
	font-size: 30px;
	text-align: center;
}
.main_heading_left{
	font-size: 24px;
	text-align: left;
	color: #232323;
}
.sd_sect_heading {
	font-size: 16px;
	color: #232323;
	margin-bottom: 20px;
	font-weight: normal;
}
.sd_crmbs_heading {
	font-size: 14px;
	color: #ffffff;
	background-color: #0a4f38;
	padding: 17px 0px 17px 15px;
	line-height: 100%;	
}
.sd_cat_heading {
	font-size: 16px;
	color: #232323;
	margin: 0px 0px 15px 0px;
	line-height: 100%;	
}
.sd_fltr_heading {
	font-size: 14px;
	color: #232323;
	margin: 20px 0px 15px 10px;
	line-height: 100%;		
}
.cnt_mn_heading {
	font-size: 24px;
	color: #ffffff;
	line-height: 120%;	
	margin-bottom: 3px;
}
.cnt_sb_heading {
	font-size: 16px;
	color: #232323;
	padding: 12px 0px 12px 15px;
	line-height: 100%;	
}
.cnt_mn_heading_underline {
	font-size: 24px;
	color: #232323;
	line-height: 120%;	
	padding-bottom: 10px;
	border-bottom: 1px solid #ededed;
	margin-bottom: 20px;
}




/* **************************************************************
*						SIDEBAR MENUS							*
****************************************************************/

/*This section applies to all sidebar category menus*/
.sd_cat_menu {
	width: 100%;
}
.sd_cat_menu li {
	background-color: #fff;
	border-top: 1px solid #ededed;
	
}
.sd_cat_menu li.last {
	border-bottom: 1px solid #ededed;
}
.sd_cat_menu li a{
	display: block;
	padding: 17px 0px 17px 5px;
	text-decoration: none;
	font-family: 'Roboto', sans-serif; 
	color: #0a4f37;
	font-size: 14px;
	line-height: 130%;
}
.sd_cat_menu li a:hover{
	background-color: #efefef;
	font-family: 'Roboto', sans-serif; font-weight:700;
	padding-left: 10px;
}

.sd_cat_menu li a.selected{
	background-color: #efefef;
	font-family: 'Roboto', sans-serif; font-weight:700;
	padding-left: 10px;
}

/*This section applies to all sidebar filter menus*/
.sd_fltr_menu {
	width: 100%;
}
.sd_fltr_menu li {
	border-top: 1px solid #ededed;
}
.sd_fltr_menu li label{
	display: block;
	padding: 17px 0px 17px 11px;
	font-family: 'Roboto', sans-serif;
	color: #0a4f38;
	font-size: 14px;
	cursor: pointer;
}
.sd_fltr_menu li label:hover{
	font-family: 'Roboto', sans-serif; font-weight:700;
	text-decoration: underline;
}
.sd_fltr_menu li.show {
	display: block;
	padding: 17px 0px 17px 15px;
	font-family: 'Roboto', sans-serif;
	color: #232323;
	font-size: 14px;
	cursor: pointer;
	position: relative;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
}
.sd_fltr_menu li.more{
	background: #ededed url(../../images/external/other/more.png) no-repeat 197px center;
}
.sd_fltr_menu li.less{
	background: #ededed url(../../images/external/other/less.png) no-repeat 197px center;
}
.sd_fltr_menu li label input[type="checkbox"]{
	margin-right: 9px;
}

/*This section applies to all sidebar breadcrumbs menus*/
.sd_crmbs_menu {
	width: 100%;
}
.sd_crmbs_menu li {
	margin-bottom: 1px;
	padding: 17px 0px 17px 15px;
	font-family: 'Roboto', sans-serif;
	color: #232323;
	font-size: 14px;
}




/* **************************************************************
*							STEPS								*
****************************************************************/
.steps {
	height: 202px;
	background: #ededed url(../../images/external/steps/steps.jpg) no-repeat left bottom;
	margin-bottom: 20px;
}
.stp_basket {
	border: 1px solid #c4c4c4;
	background: #ffffff url(../../images/external/steps/steps_basket.png) no-repeat center center;
	height: 155px;
}




/* **************************************************************
*					RESULTS NAVIGATION							*
****************************************************************/
.prod_nav {
	width: 100%;
}
.showing_prods {
	display: block;
	padding-top: 2px;
}
.showing_prods span {
	display: block;
} 
.prod_nav_title {
	font-family: 'Roboto', sans-serif;;
	font-size: 12px;
	padding: 3px 10px 0px 0px;
	color: #666666;
}
.curr_prods, .all_prods {
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	color: #666666;
}
.prod_nav_txt {
	font-family: 'Roboto', sans-serif;;
	padding: 2px 5px 0px 5px;
	font-size: 12px;
	color: #666666;
}
.n_prods {
	display: block;
	padding-top: 2px;
}
.n_prods ul {
	display: block;
}
.n_prods ul li {
	float: left;
	margin-right: 10px;
}
.n_prods ul li.last{
	margin-right: 0px;
}
.n_prods ul li.active, .n_prods ul li a {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
}
.n_prods ul li.active {
	color: #999999;
}
.n_prods ul li a {
	color: #232323;
	text-decoration: none;
}
.n_prods ul li a:hover {
	text-decoration: underline;
}
.sort_by .prod_nav_title {
	padding-top: 10px;
}
.styled_select {
	position: relative;
	width: 70%;
}
.styled_select .arrow_down {
	position: absolute;
	top: 0px;
	right: 0px;	
	background-color: #ffffff;
	padding: 10px 5px;
}
.styled_select select {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	width: 100%;
	-webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    border: none;
    padding: 7px 0px;
    color: #232323;
}
.pagination ul {
	display: block;
	padding: 7px 0px 0px 0px;
}
.pagination ul li {
	float: left;
	margin-right: 15px;
}
.pagination ul li.last {
	margin-right: 0px;
}
.pagination ul li.active, .pagination ul li a {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
}
.pagination ul li.active {
	color: #999999;
}
.pagination ul li a {
	color: #232323;
	text-decoration: none;
}
.pagination ul li a:hover {
	text-decoration: underline;
}
.pagination span.arrow_left {
	width: 21px; height: 28px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../../images/external/navigations/arrow_left.png) no-repeat center center;
	cursor: pointer;
}
.pagination span.arrow_right {
	width: 21px; height: 28px;
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	background: url(../../images/external/navigations/arrow_right.png) no-repeat center center;
	cursor: pointer;
}




/* **************************************************************
*				RESULTS LIST(CATS / PRODS)		 				*
****************************************************************/
.cat_prod {
	width: 208px; height: 208px;
	border: 4px solid #ededed;
	float: left;
	position: relative;
	overflow: hidden;
	margin: 0px 10px 10px 0px;
}
.prod {
	width: 208px; height: 208px;
	border: 4px solid #ededed;
	float: left;
	position: relative;
	overflow: hidden;
	margin: 0px 10px 10px 0px;
}
.prod_img {	
	width: 100%;
	display: block;
}
.prod_img img {
	width: 222px
}
.prod_info h4 {
	font-size: 14px;
	margin-bottom: 15px;
}
.prod_info {
	padding: 15px;
	background: #ededed;
	position: absolute;
	bottom: -45px;
}
.prod .prod_info h4 {
	font-size: 12px;
	margin-bottom: 3px;
	line-height: 120%;
}
.prod .prod_info {
	padding: 10px 10px 5px 10px;
	background: #ededed;
	position: absolute;
	bottom: 0px;
}
.prod_info h4 a, .prod_info p a{
	color: #232323;
	text-decoration: none;
}
.prod_info h4 a:hover, .prod_info p a:hover  {
	text-decoration: underline;
}




/* **************************************************************
*					BRANCH LOCATOR PROMOS						*
****************************************************************/
.promo {
	width: 128px;
	height: 128px;
	padding: 10px 15px;
	border: 1px solid #232323;
	position: relative;
	float: left;
	margin-right: 20px;
}
.promo h3 {
	text-align: center;
}
.promo h3 a {
	font-family: 'Roboto', sans-serif;;
	font-size: 14px;
	color: #0A4F38;
	text-decoration: none;
}
.promo img {
	display: block;
	margin: 15px auto 0px auto;
}
.promo p {
	text-align: center;
	position: absolute;
	bottom: 10px;
}
.promo p a {
	font-family: 'Roboto', sans-serif;;
	font-size: 12px;
	color: #0A4F38;
	text-decoration: none;
}
.promo h3 a:hover, .promo p a:hover {
	text-decoration: underline;
}




/* **************************************************************
*					BRANCH INFO ON MAP							*
****************************************************************/
.store_info {
	padding: 20px 22px 40px 22px;
	background: url(../../images/external/store_locator/pin_info_back.png) no-repeat left top;
	position: absolute;
	top: 20px;
	left: 459px;
}
.store_info h3 {
	font-size: 14px;
	margin-bottom: 5px;
}
.store_info .info_heading {
	font-size: 12px;
	margin-bottom: 3px;
} 
.store_info .section_info{
	font-size: 11px;
	line-height: 120%;
}
.store_info .address {
	float: left;
	margin-bottom: 10px;
}
.store_info .opening_times {
	float: right;
}
.store_info .opening_times ul li {
	margin-bottom: 4px;
	font-size: 11px;
}
.store_info .opening_times ul li .wk_day {
	display: block;
	width: 40px;
	float: left;
}
.store_info .contact_details {
	float: left;
}
.store_info .options {
	margin-top: 7px;
}
.store_info .options a.primary_cta_small {
	float: left;
	width: 40%;
}
.store_info .options a.secondary_cta_small{
	float: right;
	width: 40%;
}




/* **************************************************************
*					STORE FILTER 								*
****************************************************************/
.store_filter label.filter {
	display: block;
	width: 70px;
	float: left;
	margin: 0px 21px 0px 0px;
	position: relative;
	cursor: pointer;
	height: 105px;
	position: relative;
}
.store_filter label.filter .filter_info {
	display: block;
	text-align: center;
	margin-bottom: 5px;
	min-height: 24px;
}
.store_filter label.filter img {
	display: block;
	margin: 0px auto 5px auto;
	position: absolute;
	bottom: 17px;
	left: 10px;
	
}
.store_filter label.filter input[type="checkbox"] {
	display: block; 
	position: absolute;
	bottom: 3px;
	left: 25px;
	
}




/* **************************************************************
*					NEAREST BRANCHES							*
****************************************************************/
.branch .reslt_num {
	display: block;
	width: 32px; 
	height: 35px;
	background: url(../../images/store_locator/results_pin.png) no-repeat center center;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #fff;
	text-align: center;
	padding-top: 10px;
	float: left;
	margin-top: 30px;
}
.branch_info {
	width: 30%;
	float: left;
	margin-left: 20px;
}
.branch_info > h3 {
	font-size: 18px;
	margin-bottom: 10px;
	width: 100%;
}
.branch_info .address {
	float: left;
}
.branch_info .contact_details {
	float: left;
	margin-left: 45px;
}
.branch_info .info_heading {
	margin-bottom: 1px;
}
.distance {
	float: left;
	margin-left: 20px;
	width: 15%;
}
.distance h4 {
	font-size: 14px;
	color: #666666;
	margin-bottom: 5px;
}
.distance .miles {
	font-family: 'Roboto', sans-serif;;
	font-size: 21px;
	color: #232323;
}
.branch_services {
	float: left;
	margin-left: 45px;
	width: 20%;
}
.branch_services h4{
	font-size: 14px;
	color: #666666;
	margin-bottom: 5px;
}
.branch_services ul{
	width: 100%;
}
.branch_services ul li{
	float: left;
	margin-right: 5px;
}
.branch .options {
	height: 102px;
	float: left;
	width: 130px;
	position: relative;
	margin-left: 38px;
}
.branch .options a.primary_cta, .branch .options a.secondary_cta{
	padding: 10px 0px;
	line-height: 102%;
}
.options a.secondary_cta {
	position: absolute;
	bottom: 0px;
}




/* **************************************************************
*					CHOSEN BRANCH								*
****************************************************************/

.chsn_branch h2 {	
	font-size: 28px;
	padding: 25px 0px 25px 60px;
	background: url(../../images/store_locator/large_pin.png) no-repeat left center;
	float: left;
	margin: 20px 0px 20px 15px;	
}
.chsn_branch .distance {
	float: right;
	margin-top: 38px;
}
.chsn_branch_details {
	border: 1px solid #999999;
	padding: 20px;
}

.brnch_manager {
	width: 47%;
	float: left;
	border: 1px solid #999999;
}
.brnch_manager .heading {
	background: url(../../images/store_locator/branch_manager_icon.jpg) no-repeat 10px center;
	padding: 12px 0px 12px 50px;
	border-bottom: 1px solid #999;
}
.brnch_manager .heading h3 {
	padding: 5px 0px 0px 0px;
	font-size: 18px;
}
.brnch_manager .heading h3 {
	padding: 5px 0px 0px 0px;
	font-size: 18px;
}
.brnch_manager .content {
	padding: 10px 0px 10px 50px;
	font-size: 14px;
}
.opn_hours {
	width: 47%;
	float: right;
	border: 1px solid #999999;
}
.opn_hours .heading {
	background: url(../../images/store_locator/opening_hours_icon.jpg) no-repeat 10px center;
	padding: 12px 0px 12px 50px;
	border-bottom: 1px solid #999;
}
.opn_hours .heading h3 {
	padding: 5px 0px 0px 0px;
	font-size: 18px;
}
.opn_hours .heading h3 {
	padding: 5px 0px 0px 0px;
	font-size: 18px;
}
.opn_hours .content {
	padding: 10px 0px 10px 50px;
	font-size: 14px;
}
.opn_hours .content h4 {
	margin: 20px 0px 10px 0px;
}
.opn_hours .content ul {
	width: 100%;
}
.opn_hours .content ul li {
	margin-bottom: 7px;
}
.opn_hours .content ul li span.wk_day {
	display: block;
	width: 100px;
	float: left;
	margin-right: 100px;
}
.contacts {
	width: 47%;
	float: left;
	border: 1px solid #999999;
	margin-top: 20px;
}
.contacts .heading {
	background: url(../../images/store_locator/address_icon.jpg) no-repeat 10px center;
	padding: 12px 0px 12px 50px;
	border-bottom: 1px solid #999;
}
.contacts .heading h3 {
	padding: 5px 0px 0px 0px;
	font-size: 18px;
}
.contacts .heading h3 {
	padding: 5px 0px 0px 0px;
	font-size: 18px;
}
.contacts .content {
	padding: 10px 0px 10px 50px;
	font-size: 14px;
}
.contacts .content .addrss {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	line-height: 120%;
}
.contacts .content .cntct {
	display: block;
	width: 100%;
	margin-bottom: 3px;	
}
.contacts .content .cntct .cntct_type {
	display: block;
	width: 40%;
	float: left;
	font-family: 'Roboto', sans-serif;
}
.contacts .content .cntct .details {
	display: block;
	width: 60%;
	float: left;
	font-family: 'Roboto', sans-serif;;
}
.contacts .content .cntct .details a{
	color: #0a4f38;
	text-decoration: none;
}
.contacts .content .cntct .details a:hover{
	text-decoration: underline;
}
.services {
	width: 100%;
	float: right;
	border: 1px solid #999999;
	margin-top: 20px;
}
.services .heading {
	background: url(../../images/store_locator/services_icon.png) no-repeat 10px center;
	padding: 12px 0px 12px 50px;
	border-bottom: 1px solid #999;
}
.services .heading h3 {
	padding: 5px 0px 0px 0px;
	font-size: 18px;
}
.services .heading h3 {
	padding: 5px 0px 0px 0px;
	font-size: 18px;
}
.services .content {
	padding: 10px 0px 10px 30px;
	font-size: 14px;
}
.services .content  ul{
	width: 100%;
}
.services ul li {
	width: 70px;
	float: left;
	margin-right: 40px;
	margin-bottom: 5px;
}
.services ul li.last {
	margin-right: 0px;
}
.services ul li img{
	display: block;
	margin: 0px auto 5px auto;
}
.services ul li .srv {	
	display: block;
	width: 100%;
	font-size: 10px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
}




/* **************************************************************
*							CAROUSEL							*
****************************************************************/
.carousel {
	width: 100%;
	height: 250px;
	margin-bottom: 45px;
}
.carousel_1 {
	width: 100%;
	height: 250px;
	margin-bottom: 45px;
}
.carousel_2 {
	width: 100%;
	height: 350px;
	margin-bottom: 35px;
}




/* **************************************************************
*						OPTIONAL INTRO							*
****************************************************************/
.opt_intro {
	width: 100%;
}
.opt_intro h2.cnt_mn_heading {
	color: #232323;
}
.opt_intro .cnt_area {
	margin-top: 10px;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	padding: 20px 0px;
}
.opt_intro .cnt_area p {
	line-height: 140%;
	font-size: 14px;
	color: #232323;
}




/* **************************************************************
*					LEFT CONTENT OPTIONS						*
****************************************************************/
.cnt_options {
	width: 100%;
	margin-top: 20px;
}
.cnt_option {
	width: 298px;
	border: 1px solid #ededed;
	padding: 10px;
	margin-bottom: 20px;
}
.cnt_option img {
	display: block;
	margin-right: 15px
}
.option_cnt {
	width: 203px;
	margin-top: 5px;
}
.option_cnt h4 {
	margin-bottom: 7px;
}
.option_cnt h4 a{
	font-size: 14px;
	color: #0a4f38;
	text-decoration: none;
}
.option_cnt h4 a:hover{
	text-decoration: underline;
}
.option_cnt p {
	font-size: 12px;
	color: #232323;	
	line-height: 120%;
}




/* **************************************************************
*						MAIN CONTENT OPTIONS					*
****************************************************************/
.mn_content {
	width: 100%;
}
.mn_content .cnt_sb_heading_green {
	color: #0a4f38;
	padding: 0px;
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 100%;	
}
.mn_content .cnt_sb_heading_dark {
	color: #232323;
	padding: 0px;
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 100%;	
}
.mn_content p {
	font-size: 13px;
	line-height: 135%;
	color: #232323;
	margin-bottom: 20px;
}
.mn_content p.last_updated {
	font-size: 11px;
	color: #232323;
}
.mn_content ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.mn_content ul li {
	margin-bottom: 30px;
}
.mn_content ul li ol {
	list-style: none;
}
.mn_content ul li ol li{
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 135%;
}

.mn_content ul li.last {
	margin-bottom: 0px;
}
.mn_content .cnt_section {
	padding: 20px 0px 0px 0px;
	margin-bottom: 30px;
}
.intro {
	width: 100%;
	margin-top: 20px;
}
.intro p {
	font-size: 14px;
	margin-bottom: 10px;
}
.intro a {
	font-size: 14px;
	color: #0a4f38;
	text-decoration: none;
}
.intro a:hover {
	text-decoration: underline;
}


/* **************************************************************
*						DOC DOWNLOADS							*
****************************************************************/
.download_docs {
	width: 75%;
	margin: 20px 0px;
}
.download_docs h3 {
	font-size: 14px;
	color: #232323;
	margin-bottom: 5px;
}
.download_docs p {
	font-size: 12px;
	color: #232323;
}
.download_docs li {
	border-top: 1px solid #ededed;
}
.download_docs li.last {
	border-bottom: 1px solid #ededed;
}
.download_docs li .doc_wrap {
	padding: 20px;
	margin: 10px 0px;
}
.download_docs li .doc_wrap:hover {
	background-color: #eaeaea;
}

.download_docs li .doc_name {
	width: 57%;
	float: left;
	padding: 5px 0px 0px 0px;
}

.download_docs li .doc_size {
	width: 23%;
	float: left;
	padding: 5px 0px 0px 0px;
}
.download_docs li .doc_download {
	width: 20%;
	float: left;
	padding: 14px 0px;
}
.download_docs li .doc_download a{
	font-size: 14px;
	color: #232323;
	padding: 20px 60px 20px 0px;
	background: url(../../images/external/other/pdf_download_icon.png) no-repeat right 0px;
	text-decoration: none;
}
.download_docs li .doc_download a:hover {
	text-decoration: underline;
}




/* **************************************************************
*						A-Z FILTER 								*
****************************************************************/
.a_z_sort {
	width: 100%;
	padding: 20px 0px;
}
.a_z_sort ul {
	width: 96.5%;
	list-style: none;
	display: block;
	margin: 0px auto;
}
.a_z_sort ul li {
	float: left;
	margin-right: 3.5px;
}
.a_z_sort ul li a {
	padding: 7px 11px 7px 11px;
	font-family: 'Roboto', sans-serif;;
	color: #232323;
	font-size: 12px;
	text-decoration: none;
}
.a_z_sort ul li a:hover {
	font-family: 'Roboto', sans-serif;;
	background: url(../../images/external/other/filter_states.png) no-repeat center top;
}
.a_z_sort ul li a.selected {
	background: url(../../images/external/other/filter_states.png) no-repeat center -28px;
}
.a_z_sort ul li.last {
	margin-right: 0pxl
}




/* **************************************************************
*						TRADE OFFERS 							*
****************************************************************/
.trade_offers {
	width: 100%;
}
.trade_offers ul {
	width: 100%;
	margin-bottom: 30px;
}
.trade_offers ul li{
	border-top: 1px solid #ededed;
	padding: 20px 0px;
}
.trade_offers ul li.last{
	border-bottom: 1px solid #ededed;
}
.trade_offers ul li img{
	float: left;
}
.trade_offers ul li .trade_offer_content{
	width: 74%;
	float: left;
	display: block;
	padding-top: 15px;
	margin-left: 20px;
	min-height: 165px;
	position: relative;
}
.trade_offers ul li .trade_offer_content h3{
	color: #0a4f38;
	font-size: 16px;
	margin-bottom: 15px;
}
.trade_offers ul li .trade_offer_content p{
	color: #232323;
	font-size: 14px;
	line-height: 125%;
}
.trade_offers ul li .trade_offer_content .trade_offer_link{
	position: absolute;
	bottom: 8px;
	font-size: 14px;
}
.trade_offers ul li .trade_offer_content .trade_offer_link span {
	padding-right: 10px;
}
.trade_offers ul li .trade_offer_content .trade_offer_link a {
	color: #0a4f38;
	text-decoration: none;
}
.trade_offers ul li .trade_offer_content .trade_offer_link a:hover {
	text-decoration: underline;
}




/* **************************************************************
*						JOIN PAGE	 							*
****************************************************************/

.join_benefits {
	width: 930px;
	margin: 40px auto;
}
.join_benefits .account_types{
	width: 100%;
	margin: 0px auto;
} 
.join_benefits .account_types h3 {
	width: 100%;
	height: 75px;
	text-indent: -999999px;
	background: url(../../images/external/other/join_heading.jpg) no-repeat center center;
}
.join_benefits .benefits {
	width: 46.5%;
	float: left;
	margin: 10px 0px 0px 0px;
	position: relative;
	min-height: 470px;
}
.join_benefits .benefits .benefits_wrap {
	background-color: #e8eeec;
	min-height: 360px;
	padding: 30px 0px 0px 40px;

}
.join_benefits .benefits ul {
	width: 70%;
	list-style: none;
	display: block;
} 
.join_benefits .benefits ul li{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	padding: 10px 0px 10px 35px;
	background: url(../../images/external/other/check.png) no-repeat left center;
	line-height: 130%;
	margin-bottom: 10px;
	width: 300px;
}

.join_benefits .benefits > a.primary_cta {
	width: 250px;
	font-size: 18px;
	position: absolute;
	bottom: 0px;
	left: 85px;	
}

.join_benefits .benefits > a.primary_cta > .cta_arrow {
	font-size: 14px;	
}

.join_benefits .credit_account {
	float: right;
}




/* **************************************************************
*						FAQ PAGE	 							*
****************************************************************/
.faq_options {
	width: 100%;
	margin-bottom: 40px;
}

.faq_options  .cnt_sb_heading {
	padding: 0px;
	margin: 20px 0px 30px 0px;
}
.faq_options ul.tabs {
	width: 100%;
}
.faq_options ul.tabs li {
	float: left;
	width: 148px; height: 148px;
	border: 1px solid #ededed;
	background-color: #f7f7f7;
	border-radius: 4px;
	cursor: pointer;
	position: relative;
	margin-right: 10px;
}
.faq_options ul.tabs li:hover {
	background-color: #f3f3f3;
}
.faq_options ul li.last {
	margin-right: 0px;
}
.faq_options ul.tabs li.active {
	border-bottom: 1px solid #ffffff;
	background-color: #ffffff;
	z-index: 9999999;
	border-radius: 4px 4px 0px 0px;
}
.faq_options ul.tabs li.disabled{
	background-color: #ededed;
}
.faq_options ul.tabs li.disabled .faq_title{
	color: #929292;
}
.faq_options ul.tabs li span.icon{
	width: 72px; height: 72px;
	display: block;
	margin: 30px auto 15px auto;
}
.faq_options ul.tabs li span.pricing {
	background: url(../../images/external/faq/pricing_sprite.png) no-repeat center -1px;
}
.faq_options ul.tabs li span.my_account {
	background: url(../../images/external/faq/my_account_sprite.png) no-repeat center -1px;
}
.faq_options ul.tabs li span.empty_label {
	background: url(../../images/external/faq/empty_sprite.png) no-repeat center -1px;
}
.faq_options ul.tabs li span.pricing {
	background: url(../../images/external/faq/pricing_sprite.png) no-repeat center -1px;
}
.faq_options ul.tabs li span.my_account {
	background: url(../../images/external/faq/my_account_sprite.png) no-repeat center -1px;
}
.faq_options ul.tabs li.active span.icon {
	background-position: center -72px;
}
.faq_options ul.tabs li.disabled span.icon {
	background-position: center -145px;
}
.faq_options ul.tabs li .faq_title {
	display: block;
	text-align: center;
	color: #0a4f38;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	text-align: center;
}




/* **************************************************************
*						FAQ CONTENT	 							*
****************************************************************/
.faq_cnt {
	border: 1px solid #ededed;
	padding: 45px 30px;
	border-radius: 0px 4px 4px 4px;
	margin-top: -2px;
	z-index: 999999;
	position: relative;
	background-color: #ffffff;
}
.tab_content {
	padding-top: 40px 20px;
}
.tab_content .l_sidebar {
	width: 230px;
	float: left
}
.tab_content .r_content {
	width: 590px;
	float: right;
}
.mn_content_section {
	width: 100%;
	display: none;
}


/* **************************************************************
*						TRADE OFFERS							*
****************************************************************/
.trd_offers {
	width: 100%;
	margin-bottom: 40px;
}
.trd_offer {
	width: 100%;
	padding: 10px 0px;
	border-bottom: 1px solid #ededed;
}

.trd_offer .wrap {
	padding: 10px;
}
.trd_offer .wrap .trd_img {
	width: 180px; height: 180px;
	background: #ededed;
	float: left;
}
.trd_offer .wrap .trd_cnt {
	float: left;
	padding-left: 20px;
	width: 40%;
}
.trd_offer .wrap .trd_cnt h3 {
	margin-top: 25px;
	margin-bottom: 15px;
}
.trd_offer:hover .wrap{
	background-color: #ededed;
}
.trd_offer:hover .wrap .trd_img {
	background: #ffffff;
}
.trd_offer .wrap .trd_cnt h3 a{
	font-size: 16px;
	color: #0a4f38;
	text-decoration: none;
}
.trd_offer .wrap .trd_cnt h3 a:hover{
	text-decoration: underline;
}
.trd_offer .wrap .trd_cnt p {
	color: #232323;
	font-size: 14px;
	line-height: 130%;
}
.trd_offer .wrap .trd_cnt span.tcs {
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin-top: 20px;
}
.trd_offer .wrap .trd_price {
	width: 20%;
	height: 160px;
	margin-top: 10px;
	border-left: 1px solid #dddddd;
	float: right;
	padding-left: 21px;
} 
.trd_offer .wrap .trd_price .price {
	display: block;
	font-size: 22px;
	color: #0a4f38;
	margin-top: 20px;
}
.trd_offer .wrap .trd_price span.tcs {
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
}


/* **************************************************************
*						BASKET									*
****************************************************************/
.basket {
	width: 100%;
	padding-top: 40px;
}
.basket > h2.cnt_mn_heading{
	color: #232323;
	margin-bottom: 20px;
}
.basket_ctas{
	width: 100%;
}
.basket_ctas > a {
	width: 150px;
}
.basket_ctas > a.primary_cta {
	float: right;
}
.basket_ctas > a.secondary_cta {
	float: left;
}
.basket_headings {
	width: 100%;
	margin-top: 30px;
}
.basket_headings h3 {
	font-size: 16px;
}
.basket_headings h3.itm {
	float: left;
	margin-left: 20px
}
.basket_headings h3.qty {
	float: right;
	margin-right: 43px;
}
.baskt_items_wrap {
	border: 1px solid #ededed;
	margin-top: 15px;
	margin-bottom: 35px;
}
.baskt_item {
	width: 97%;
	border-bottom: 1px solid #ededed;
	margin: 0px auto;
	padding: 20px 0px;
}
.baskt_items_wrap > .last {
	width: 97%;
	border-bottom: 1px solid #ffffff;
	margin: 0px auto;
	padding: 20px 0px;
}
.baskt_item .itm_img {
	width: 125px;
	float: left;
	min-height: 115px;
}
.baskt_item .itm_info {
	width: 520px;
	float: left;
	margin-left: 20px;
}
.baskt_item .itm_info h3 {
	margin: 15px 0px 8px 0px;
}
.baskt_item .itm_info h3 a{
	color: #0a4f38;
	text-decoration: none;
	font-size: 16px;
}
.baskt_item .itm_info h3 a:hover {
	text-decoration: underline;
}
.baskt_item .itm_optns {
	width: 120px;
	float: right;
	padding-top: 10px;
}
.baskt_item .itm_optns input[type="text"] {
	display: block;
	width: 70%;
	margin: 0px auto 15px auto;
	border: 1px solid #232323;
	padding: 8px 0px;
	text-align: center;
	border-radius: 4px;
	font-family: 'Roboto', sans-serif;;
	font-size: 12px;
}
.baskt_item .itm_optns a {
	display: block;
	padding: 4px 0px 4px 45px;
	font-size: 14px;
	color: #232323;
	text-decoration: none;
	margin-bottom: 6px;
}
.baskt_item .itm_optns a.itm_update {
	background: url(../../images/external/other/item_update.png) no-repeat 18px 0px;
}
.baskt_item .itm_optns a.itm_update:hover {
	background-position: 18px -24px;
}
.baskt_item .itm_optns a.itm_remove {
	background: url(../../images/external/other/item_remove.png) no-repeat 18px 1px;
}
.baskt_item .itm_optns a.itm_remove:hover {
	background-position: 18px -26px;
}
.baskt_item .itm_optns a:hover {
	color: #0a4f38;
	text-decoration: underline;
}


/* **************************************************************
*						SIMILAR PRODUCTS CAROUSEL				*
****************************************************************/
.similar_prods {
	border: 1px solid #d4d4d4;
	margin-top: 45px;
	margin-bottom: 20px;
}
.similar_prods h3 {
	color: #232323;
	font-size: 16px;
	padding: 10px 0px 10px 20px;
	background: #d4d4d4;
}
#carousel {
	width: 100%;
	min-height: 170px;
	position: relative;
}
#carousel > a {
	width: 35px; height: 35px;
	position: absolute;
	top: 70px
}
#carousel > a.prev {
	background: url(../../images/external/other/carousel_prev.png) no-repeat center center;
	left: 25px;
}
#carousel > a.next {
	background: url(../../images/external/other/carousel_next.png) no-repeat center center;
	right: 25px;
}
#carousel .carousel_cnt {
	width: 775px;
	min-height: 170px;
	margin: 0px auto;
	overflow: hidden;
	padding: 20px 0px;
}
#carousel .carousel_cnt_wrap{
	width: 999999em;
	min-height: 170px;
}
#carousel .carousel_slide {
	width: 775px;
	float: left;
	min-height: 170px;
}
#carousel .carousel_slide .slide_item {
	width: 135px;
	float: left;
	margin-right: 25px;
}
#carousel .carousel_slide > .last {
	margin-right: 0px;
}
#carousel .carousel_slide .slide_item > a {
	display: block;
	width: 135px;
	text-decoration: none;
}
#carousel .carousel_slide .slide_item > a:hover {
	text-decoration: underline;
}
#carousel .carousel_slide .slide_item > a > span.prod_img {
	border: 1px solid #232323;
	display: block;
	width: 133px;
	margin-bottom: 10px;
}
#carousel .carousel_slide .slide_item > a > span.prod_img > img {
	width: 100%;
}
#carousel .carousel_slide .slide_item > a > .prod_name {
	display: block;
	text-align: center;
	color: #0a4f38;
	font-size: 12px;
}













/* **************************************************************
*						OTHER									*
****************************************************************/
.left {
	float: left;
}
.right {
	float: right;
}
.center {
	margin: 0px auto;
}
.d_table {
	display: table;
}
.last {
	margin-right: 0px;
}
.clear {
	clear:both;
}
.bold {
	font-family: 'Roboto', sans-serif;
}
.normal {
	font-family: 'Roboto', sans-serif;;
}
.selected {
	background-color: #eaeaea;
}
.border_top {
	border-top: 1px solid #ededed;
}
.border_bottom {
	border-bottom: 1px solid #ededed;
}
.tcs {
	font-family: 'Roboto', sans-serif;;
	font-size: 13px;
}
.invisible {
	display: none;
}