@charset "utf-8";

/****************************************************************************************
BEGIN Defaults
****************************************************************************************/

body,div,dl,dt,dd/*,ul*/,li,h1,h2,h4,h6,pre,form,fieldset,input,textarea,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}/* ul {list-style:none;}*/caption,th {text-align:left;}h1,h2,h4,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/*fonts.css*/body{font:13px arial;}table {font-size:inherit;font-size:100%;}select, input, textarea {font:99% arial;}pre, code {font:115% monospace;font-size:100%;}body{line-height:1.22em;}
.bottomimages, a:hover.bottomimages { color: #fff !important; text-decoration: none !important; }
p {font: 12px arial; line-height: 15px; margin: 0px}
input[type="text"],
input[type="password"]{
	-webkit-appearance: none;
	-webkit-border-radius:0; 
	border-radius:0;
}
a {
color:#A90711;
/* text-decoration: none; */
}
.clear{
	clear: both;
}
img{
	max-width: 100%;
}
p {
	margin: 0;
	padding: 0;
}

/*	END Defaults
****************************************************************************************/




/*****************************************************
BEGIN generic styling to be applied to all browsers 	*/
@media only screen and (min-width: 1px){



 }
/* END generic styling to be applied to all browsers *
*****************************************************/




/****************************************************************************************
****																				 ****
****			BEGIN: Style related to non-shop elements is handed first			 ****
****																				 ****
****************************************************************************************/
@media only screen and (min-width: 1px){

/****************************************************************************************
General tags
****************************************************************************************/
body {padding:0;margin:0;}Untitleda {
font-family: Verdana;
}
a:hover {
/* text-decoration: none; */
}
h1,
.MainSectionHeadingHolder {
font-family: arial;
color: #666;
font-size: 22px;
display: block;
margin: 15px 0;
line-height: 25px;
/* border-bottom: dashed 1px #999; */
padding-bottom: 5px;
}
h1 span
/*.MainSectionHeadingHolder span*/{
/* color: #A90711; */
}
h2 {
font-family: arial;
color: #666;
font-size: 14px;
}
.h2grey {
font-family: arial;
color: #666;
font-size: 22px;
line-height: 25px;
margin: 15px 0;
}


/****************************************************************************************
BEGIN main structure
****************************************************************************************/
body { background-color: #fff;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
background-position:center;
background-repeat: repeat-y;
}
#body{
background-color: #fff;
}
#mainhead {
width: 1006px; height: 189px;
}
.AdditionalHeaderMenu2012{
position: absolute;
margin-left: 430px;
padding-top: 95px;
color: #e4e9e8;
}
.AdditionalHeaderMenu2012 .socialMediaHolder{
	display: none;
}
.additionalHeaderMenuItem{
float: left;
font-size: 14px;
font-weight: bold;
padding-left: 15px;
padding-right: 15px;
background: url(/app/uploads/templates/dark-red-tiny-square.jpg);
background-repeat: no-repeat;
background-position: left center;
}
.AdditionalHeaderMenu2012 a{
color: #e4e9e8;
text-decoration: none;
}
.AdditionalHeaderMenu2012 a:hover{
color: #A90711; 
}
#tophead {
height: 146px; width: 184px; padding-left: 815px;
color: #404040; 
font-size: 11px;
}
#tophead a{
color: #404040; 
}
#tophead a:hover{
color: #A90711; 
}
.tophead_spacer { border-left: #bbb 1px solid; height: 22px; padding-left: 5px; padding-right: 5px; float:left;}
.tophead_spacer a { color: #A90711; text-decoration: none;
}
#headbar {
height: 43px; width: 1006px;
}
#mainwrap {
width: 1006px;
margin-left: auto;
margin-right: auto;
background-image: url(/app/uploads/templates/inner_background.jpg) ;
background-repeat: repeat-y;
}
#TwoColumnMainWrap2012{
width: 1006px;
margin-left: auto;
margin-right: auto;
background-image: url(/app/uploads/templates/2ColumnBackground.jpg) ;
background-repeat: repeat-y;
}
#HomePageMainWrap2012{
width: 1006px;
margin-left: auto;
margin-right: auto;
background: #E3E3E3;
}
#container {
width: 1006px;
margin-left: auto;
margin-right: auto;
background-image: url(/app/uploads/templates/highland-fayre-2010.jpg); 
background-repeat: no-repeat;
height: 100%;
}
#container2012{
width: 1006px;
margin-left: auto;
margin-right: auto;
/* background-image: url(/app/uploads/templates/HeaderUpdate2015/highlandfayre_top_banner.jpg); */
background-image: url(/app/uploads/2016-Banner_HF.jpg);
background-repeat: no-repeat;
height: 100%;
}
#maincontent{
width: 991px;
min-height: 500px;
border-left: 8px solid #e3e3e3;
border-bottom: 8px solid #e3e3e3;
border-top: 8px solid #e3e3e3;
border-right: 7px solid #e3e3e3;
}
#content_subsection,
.content_subsection {
width: 995px;
clear: both;
}
#leftborder {
height: 100%;
 width: 175px;
float: left;
}
.HomePageLeftBorder {
width: 171px;
float: left;
}
#HomePageLeftBorderArea1,
#HomePageLeftBorderArea2{
	display: none;
}
.leftborder2012_CategoryHeading{
	background-color:  #666;
    color: #FFFFFF;
    height: 23px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-top: 7px;
    text-align: left;
    width: 163px;
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 10px;
}
.LeftBorder_super_cat_list_holder{
	background: none repeat scroll 0 0 #F1F1F1;
    overflow: hidden;
    padding: 10px;
    width: 153px;
}
.LeftBorder_super_cat_list_holder a,
.LeftBorder_super_cat_list_holder a:hover{
color: #000000;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 3px;
    padding-top: 3px;
    text-decoration: none;
}
.LeftBorder_super_cat_list_holder a:hover{
	color: #000;
}
#LeftBorderArea3{
	padding-top: 10px;
}
.leftborder2012_specialOffersHolder{
padding-top: 10px;
display: none;
}
.leftborder2012_SocialMediaLinks{
width: 175px;
}
.leftborder2012_SocialMediaLinks a{
padding-top: 5px;
}
#HomePageContent1{
float: left;
}
.HomePageMainContentSectionHolder{
	float: left;
    width: 810px;
	/* background: url(/app/uploads/templates/HomePage2ColumnBackground.jpg);*/ background: #fff;
	background-repeat: repeat-y;
	margin-left:  10px;
	margin-top: 10px;
}
.HomePageMainContentSection{
	float: left;
	padding-top: 10px;
	padding-bottom: 25px;
	padding-left: 10px; /* width: 605px; */
	padding-right: 10px;
}
#rightborder {
background-color: #f2ebc1;
width: 163px;
/* float: left; */
position: absolute;
margin-left: 832px;
}
.HomePageRightBorder{
	width: 175px;
	float: left;
	margin-left: 10px;
	display: none;
}
.HomePageRightBorderItem{
	margin-top: 10px;
}
#content{
/* background-color: #fff;*/
height: 100%; width: 785px; float: left;
padding-top: 15px; padding-bottom: 20px; padding-left: 15px; padding-right : 10px;
}
#footer{
height: 178px; width 996px; clear: both;
}
#footer_topbar{
/* background-color: #000; */ width 996px; height: 10px; background-color: #666;
}
#footer_lowbar{
/*background-color: #000; /*width 996px; height: 120px; */ background-color: #666;
padding-top: 15px; color: #fff;
color: #fff; font: 12px arial; line-height: 20px;
}
#footer_lowbar a {color: #fff !important; text-decoration: none;}
#footer_lowbar a:hover {color: #000 !important; }
.footer_lowbar_column1{
float: left;
width: 390px;
padding-left: 30px;
padding-bottom: 20px;
}
.footer_lowbar_column1_topalign{
	vertical-align: top;
}
.footer_lowbar_column1_spacer{
	width: 30px;
}
.footer_lowbar_column2{
float: left;
width: 190px;
}
.footer_lowbar_column3{
float: left;
width: 170px;
}
.footer_lowbar_column4{
float: left;
}
.FooterColumnHeader{
font-size: 17px;
padding-bottom: 10px;
font-weight: bold;
}
.footerMenu2012{
cursor: pointer;
}
.footerMenu2012_hover{
cursor: pointer;
color: #000;
}





/****************************************************************************************
	Update to header
****************************************************************************************/
.mainHeadLogoLink{
    height: 122px;
    margin-left: 27px;
    position: absolute;
    width: 145px;
}
.mainHeadLogoLink a{
    display: block;
    height: 138px;
    width: 141px;
}
.socialMediaHolder{

}
.transparentFacebookLogo{
width: 48px;
height: 48px;
background: url(/app/uploads/facebook_hover_transparent_2014.png);
cursor: pointer;
float: left;
}
.transparentTwitterLogo{
width: 48px;
height: 48px;
background: url(/app/uploads/twitter_hover_transparent_2014.png);
cursor: pointer;
float: left;
}
.transparentBlogLogo{
width: 47px;
height: 48px;
background: url(/app/uploads/blog_hover_transparent_2014.png);
cursor: pointer;
float: left;
}
.transparentFacebookLogo:hover{
background-position: 0 -48px;
}
.transparentTwitterLogo:hover{
background-position:0 -48px;
}
.transparentBlogLogo:hover{
background-position:0 -48px;
}






/****************************************************************************************
 carousel - remade, responsive using bxslider
****************************************************************************************/
#pageViwer_HomePageContent1_div{
	/* display: none; */
}
.slidetabs{
	display: none;
}
#HomePageContent1{
	float: none;
	width: 100%;
}
.newslist-holder{
	visibility: hidden;
}
#HomePageContent1 .images{
	visibility: hidden;
}
#pageViwer_HomePageContent1_div .bx-wrapper {
    background: #e3e3e3 none repeat scroll 0 0;
	position: relative;
}
.bx-wrapper .bx-controls-direction a {
    height: 52px;
    width: 49px;
    opacity: 0.3;
    outline: 0 none;
    /* text-indent: -9999px;  */
    font-size:0;
	
    z-index: 100;
    position: absolute;
    bottom: 0;
}
.bx-wrapper:hover .bx-controls-direction a{
	opacity: 0.6
}
.bx-prev,
 .bx-wrapper .bx-prev{
    background: rgba(0, 0, 0, 0) url("/app/uploads/Carousel_left_arrow.png") repeat scroll 0 0;
	left: 0;
}
.bx-next,
 .bx-wrapper .bx-next{
    background: rgba(0, 0, 0, 0) url("/app/uploads/Carousel_right_arrow.png") repeat scroll 0 0; 
	right: 0;
}
.bx-prev, .bx-next,
 .bx-wrapper .bx-next,
 .bx-wrapper .bx-prev{
    display: block;
}
.carouselBlackTextBar{
	display: none;
}








/****************************************************************************************
BEGIN advert block section
****************************************************************************************/
.advertBlock2012{
width: 173px;
padding-top: 10px;
}
.advertBlock2012 p{
margin: 0px;
}
#HomePageLeftBorderArea1 .advertBlock2012{
padding-top: 0px;
}
.advertBlock2012Header{
	background: none repeat scroll 0 0 #666;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    height: 24px;
    padding-left: 10px;
    padding-top: 9px;
}
.advertBlock2012Header:hover{
	background: #000;
}
.advertBlock2015Gradient{
	background: url(/app/uploads/categories-grey-white-gradient.jpg);
	color: #fff;
}
.HomePageAdvertBoxHorizontal1 .advertBlock2012Header,
.HomePageAdvertBoxHorizontal2 .advertBlock2012Header,
.HomePageAdvertBoxHorizontal3 .advertBlock2012Header,
.HomePageAdvertBoxHorizontal4 .advertBlock2012Header,
.HomePageAdvertBoxHorizontal5 .advertBlock2012Header{
	width: 181px;
}
.HomePageAdvertBoxHorizontal1 .advertBlock2012Header:hover,
.HomePageAdvertBoxHorizontal2 .advertBlock2012Header:hover,
.HomePageAdvertBoxHorizontal3 .advertBlock2012Header:hover,
.HomePageAdvertBoxHorizontal4 .advertBlock2012Header:hover,
.HomePageAdvertBoxHorizontal5 .advertBlock2012Header:hover{
	background: #000;
}
.advertBlock2012Header h3{
	margin: 0px;
	font-size: 14px
}
.advertBlock2012Header h3 a{
	text-decoration: none;
	color: #fff;
}
#HomePageLeftBorderArea1 .advertBlock2012Header,
#HomePageLeftBorderArea1 .advertBlock2012Header{
    padding-top: 7px;
	height: 21px;
}
.advertBlock2012Content{
background: #000;
color: #fff;
clear: both;
font-size: 11px;
}

		/**********
		addition to hide additional empty text node spacing in IE displays
		****/
#HomePageLeftBorderArea1 .advertBlock2012Content,
#HomePageLeftBorderArea2 .advertBlock2012Content,
#HomePageAdvertBoxHorizontal1 .advertBlock2012Content,
#HomePageAdvertBoxHorizontal2 .advertBlock2012Content,
#HomePageAdvertBoxHorizontal3 .advertBlock2012Content,
#HomePageAdvertBoxHorizontal4 .advertBlock2012Content,
#HomePageAdvertBoxHorizontal5 .advertBlock2012Content{
background: #787878;
}
.advertBlock2012ContentText{
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
line-height: 1.1em;
}
.advertBlock2012ContentImage{
float: right;
}
.advertBlock2012Footer{
	background: none repeat scroll 0 0 #787878;
    clear: both;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    height: 18px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-top: 4px;
}
.advertBlock2012Footer a{
color: #FFFFFF;
text-decoration: none;
}
.advertBlock2012Footer a:hover{
color: #000;
}
.HomePageAdvertBoxHorizontal1,
.HomePageAdvertBoxHorizontal2,
.HomePageAdvertBoxHorizontal3,
.HomePageAdvertBoxHorizontal4{
float: left;
padding-right: 10px;
}
.HomePageAdvertBoxHorizontal5{
float: left;
}
.HomePageAdvertBoxHorizontal2 .advertBlock2012,
.HomePageAdvertBoxHorizontal3 .advertBlock2012,
.HomePageAdvertBoxHorizontal4 .advertBlock2012,
.HomePageAdvertBoxHorizontal5 .advertBlock2012{
width: 192px;
margin-left: 2px;
}
#HomePageLeftBorderArea1 p,
#HomePageLeftBorderArea2 p,
#HomePageAdvertBoxHorizontal1 p,
#HomePageAdvertBoxHorizontal2 p,
#HomePageAdvertBoxHorizontal3 p,
#HomePageAdvertBoxHorizontal4 p,
#HomePageAdvertBoxHorizontal5 p
{
display: none;
}
#content21638 > p {
    display: none;
}
#content21637 > p {
    display: none;
}
.HomePageAdvertBoxHorizontal1 p,
.HomePageAdvertBoxHorizontal2 p,
.HomePageAdvertBoxHorizontal3 p,
.HomePageAdvertBoxHorizontal4 p,
.HomePageAdvertBoxHorizontal5 p{
display: none;
}







/****************************************************************************************
BEGIN left border contents
****************************************************************************************/
#searchblock {
height: 37px; padding-left: 16px; padding-top: 17px;
border-top: #fff 2px solid; border-bottom: #fff 2px solid;
}
.searchbox{
padding-left: 10px; width:138px;
height: 20px; 
*height: 17px;
*padding-top: 3px;
border-left: 1px solid #999;
border-top: 1px solid #999; float: left;
color: #000; font-weight: bold;
}
.searchbutton{
background:url(/app/uploads/templates/search_button.gif);
width: 24px; height: 20px; display: block; border: 0px;
}
#super_prod_list{
color: #A90711; font: 12px arial; line-height: 15px; font-weight: bold; padding: 0px;
text-align: center;
}
#super_prod_list a { color: #A90711; font: 12px arial; line-height: 15px; font-weight: bold; font-style: normal;
text-decoration: none; }
#super_prod_list span {display: block;}
#create_own{
color: #A90711; font: 12px arial; line-height: 15px; font-weight: bold; padding: 16px;
}
#create_own a { color: #A90711; font: 12px arial,
sans-serif; line-height: 13px; font-weight: bold; font-style: normal;
text-decoration: none; }
#create_own span {display: block; margin-bottom: 4px; margin-top: 4px; font-size: 8pt;}
#leftborder_address {
color: #A90711; font: 8pt arial; line-height: 21px; font-weight: bold; padding-top: 16px;
/* padding-bottom: 150px; */
}
#leftborder_address a { color: #A90711; text-decoration: none;}
.feefoLogo1{
padding-top: 5px;
max-width: 173px;
}






/****************************************************************************************
	Customers Say - text block in left column
****************************************************************************************/
.loggedin_tophead_spacer{
 float: left; padding-left: 10px; padding-right: 10px;
 font-size: 11px; line-height: 12px;
border-left:1px solid #BBBBBB;
}
.loggedin_tophead_spacer a{
 text-decoration: none;
 }
.randomheadertxt {
background: url(/app/uploads/templates/customers_say_header.jpg);
background-repeat: no-repeat;
width: 173px;
height: 36px;
}
.randomfootertxt{
background: url(/app/uploads/templates/customers_say_footer.jpg);
background-repeat: no-repeat;
width: 173px;
height: 58px;
margin-bottom: 10px;
}
.randomMainContentText,
.randomMainContentTextSignature{
background: #fff;
color: #000;
width: 153px;
padding-left: 10px; padding-right: 10px;
}
.randomMainContentText a,
.randomMainContentTextSignature a{
text-decoration: none;
color: #000;
}
.randomMainContentText a:hover,
.randomMainContentTextSignature a:hover{
color: #a90711;
}
.randomMainContentTextSignature{
font-weight: bold;
}
.salesteam, .salesteamnumber {
color: #bd1720;
font-family: arial;
font-size: 12px;
font-weight: bold;
line-height: 16px;
text-align:center;
}
.corp_block_name, .corp_block_number, #corporate_encouragement_block {
color:#A90711;
font-family: arial;
font-size:12px;
font-weight:bold;
line-height:16px;
text-decoration:none;
text-align: center;
}
.corp_block_name { font-weight:bolder;}
#corporate_encouragement_block { margin-bottom: 10px; }






/****************************************************************************************
right border contents
****************************************************************************************/
#itemsperbasket_block{
height: 45px; width: 151px; background-color: #347242;
border-top: #fff 2px solid; border-bottom: #fff 2px solid;
padding-top: 15px; padding-left: 12px; color: #fff;
}
#itemsperbasket_block img {float: left;}
.itemsperbaskettext{ color: #fff !important;} .itemsperbaskettext span a{color: #fff !important; }
#affiliate_sceme {
/* background-color: #8c8c8c; height: 138px;*/ text-align: center;
height: px; color: #fff; font: 12px arial; font-weight: bold; }
#affiliate_sceme img {margin-bottom: 0px;}
#brochure_dl {
color: #A90711; font: 12px Verdana, Geneva, sans-serif; line-height: 20px; font-weight: bold;
}
#brochure_dl img { margin-top: 5px;margin-bottom: 2px;}
.extra_padding {padding-left: 15px;}
/******** Main menu *********/
#mainmenu{ /*margin-left: 160px; /* margin-top: 9px;*/ }
.header_link, .sub_header_link, .header_link_last { color: #fff; font: 13px arial; font-weight: bold; line-height: 15px;
height: 18px; background: url(/app/uploads/templates/main_menu_dot.jpg); background-repeat: no-repeat; background-position: left center;
float: left; background-color: #000; text-transform: uppercase;
padding-top: 4px; padding-left: 14px; padding-right: 10px; cursor: pointer; border-bottom: 1px solid #A90711;
}
.header_link_hover, .sub_header_link_hover, .header_link_last_hover { color: #A90711; font: 13px arial; font-weight: bold; line-height: 15px;
height: 18px; background: url(/app/uploads/templates/main_menu_dot.jpg); background-repeat: no-repeat; background-position: left center;
float: left; background-color: #000;text-transform: uppercase;
padding-top: 4px; padding-left: 14px; padding-right: 10px; cursor: pointer; border-bottom: 1px solid #A90711;
}
.sub_header_link, .sub_header_link_hover { width: 200px; }


.sub_header_link_child{
width: 150px; height: 19px; float: left; background-color: #787878; 
color: #fff; font: 11px arial; font-weight: bold; line-height: 15px;
padding-top: 4px; padding-left: 10px; padding-right: 10px; cursor: pointer;
}
.sub_header_link_child_hover{
width: 150px; height: 19px; color: #000; font: 11px arial; font-weight: bold; line-height: 15px;
float: left; background-color: #787878; 
padding-top: 4px; padding-left: 10px; padding-right: 10px; cursor: pointer;
}





/****************************************************************************************
Footer menu 
****************************************************************************************/
#footermenu{ margin-left: 160px; padding-top: 9px; }
/*********** content related ****************/
.frontpage_top_advert {
border: 1px #aaa solid; width: 591px;
padding: 4px;
}
.frontpage_top_advert table { width: 585px; margin: 3px;}
.frontpage_top_advert table td {height: 208px; overflow: hidden; }
.frontpage_top_advert img {
height: 208px; float: left;
}
.frontpage_top_advert_text {
background-color: #8c8c8c; color: #fff;
height: 100%; height: 178px;
padding: 15px;
}
.frontpage_top_advert_text h1 {
margin-top: 0px !important;
color: #fff;
}
.frontpage_top_advert_text a {color: #fff; }
.advertrow {
border-bottom: 1px #aaa solid; margin-bottom: 10px;
}
.adverts_left{
width: 290px; padding-right: 15px; border-right: 1px #aaa solid;
}
.adverts_right{
padding-left: 10px;
}
.table_vert{ vertical-align: top;}
.product_advert_row { height: 175px; border-top: 1px #ccc solid; padding-top: 15px; margin-top: 6px; }
.product_advert_row img { margin-right: 1px; float: left; }










 /****************************************************************************************
	css concerning new 2010 upgrade content
****************************************************************************************/
.productmenu-shortdescription { color: #000 !important; }
.CuteEditorFrame html body {
background-color: #fff !important;
}
.address_book_table td {
padding: 1px !important;
}
.feedback-textarea{
background:#F3F3F3 none repeat scroll 0 0;
border:1px solid #A90711;
color:#222222;
font-size:11px;
width: 200px
}





/****************************************************************************************
 guestbook styling additions
****************************************************************************************/
.guestbook-form .shop-inp {
width:230px;
margin-bottom: 10px;
border: 1px solid #ccc;
}
.guestbook-form .guest_comment {
height:150px;
width:530px;
}
.reminder_table_holder{
width: 675px;
}
.reminder_inputbox,
.dateTextbox{
background:#F3F3F3 none repeat scroll 0 0;
border:1px solid #ccc;
color:#222222;
font-size:11px;
height:25px;
margin-top: 2px;
margin-bottom: 2px;
}
.registration_input2{
background:#F3F3F3 none repeat scroll 0 0;
border:1px solid #A90711;
color:#222222;
font-size:11px;
}
.occ_add_button{
background:transparent url(/app/uploads/styles/productmenu-button.jpg) no-repeat scroll 0 0;
border:medium none;
color:#EEEAEB;
cursor:pointer;
font-size:11px;
font-weight:bold;
height:22px;
line-height:22px;
text-align:center;
text-decoration:none;
width:112px;
}
.reg_leftside{
width: 150px;
}
.reg-tbl .registration_input2{
width:170px;
}
.randomsingle_guestbook_item{
/*display: none; */
}
h1#randomheadertxt {
color:#A90711;
font-size:13px;
font-weight:bold;
margin-top:2px;
margin-bottom: 2px;
text-align:left;
}
.quotehs {
font-family:Verdana,Sans-serif;
font-size:0.9em;
margin:0 0 0.2em;
padding: 0px 12px 0 10px;
text-align:left;
width:150px;
}
.quotehs  a{
text-decoration:none;
}
.quotehs  a:hover{
text-decoration:underline;
}
#pageViwer_content5_ctl00_pnlComments table,
#pageViwer_content5_ctl00_pnlComments table tbody tr,
#pageViwer_content5_ctl00_pnlComments table tbody tr td,
.guestbook-tbl tbody tr,
.guestbook-tbl tbody tr td {
border:0 none #FFFFFF !important;
}
.single_guestbook_item {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F3F3F3 none repeat scroll 0 0;
border:1px solid #666;
color:#222222;
overflow:hidden;
width:620px;
}
.single_guestbook_item {
color:#222222;
}
.guestbook_item_sig {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#666 none repeat scroll 0 0 !important;
color:#FFFFFF !important;
display:block;
height:auto;
overflow:hidden;
padding:5px 10px 5px 20px;
margin: 0px !important;
}
.guestbook--title span {
white-space:normal;
width:560px;
/*word-wrap:break-word;*/
}
.guestbook-info {
display:block;
padding-left:20px;
padding-right:20px;
width:560px;
}
.guestbook-name {
color:#ededed !important;
font-family:arial;
font-size:1em;
font-weight:bold;
}
.guestbook-tbl .guestbook-postedby {
overflow:hidden;
width:400px;
}
.guestbook-postedon {
text-align:right;
width:150px;
}
.guestbook-form .registration_button{
margin-top: 10px;
}
.cancel_button .registration_button{
float:left;
margin-left:150px;
*margin-left: 150px;
}
.guestbook-tbl .productmenu-shortdescription {
display: block;
}
.guestbook-tbl{
border: 0px #fff !important;
}









/****************************************************************************************
 FEB 2011 - HOMEPAGE UPDATES
****************************************************************************************/
.front_page_single_item_bar{
width: 615px;
height: 260px;
clear: both;
}
.front_page_single_item{
border: medium solid #C0C0C0;
/* text-align: center; */
width: 185px;
float: left;
margin: 5px;
}
.front_page_single_item_image {
/* text-align: center; */
border-bottom: medium solid #C0C0C0;
 overflow: hidden;
height:180px;
}
.front_page_single_item_image * {
vertical-align: middle;
}
.front_page_single_item_image  span{
 display: inline-block;
height: 100%;
}
.front_page_single_item_image a{
    display: block;
    display: table-cell;
    height: 180px;
    text-align: center;
    vertical-align: middle;
    width: 185px;
    background: #fff;

}
.front_page_single_item_image img{
 max-width:  180px;
max-height:  170px;
 vertical-align: middle;
}
.front_page_single_item_link{
background: #000;
text-align: center;
padding: 5px;
font-family: arial;
font-weight: bold;
height: 40px;
overflow: hidden;
}
.front_page_single_item_link a{
color: #fff !important;
border-bottom: 1px solid #A90711;
text-decoration: none;
}
.center_adverts h2,
.center_adverts_bottom h2{
    color: #A90711;
    font-family: arial;
    font-size: 10pt;
    font-weight: bold;
}




	
/****************************************************************************************
	update 18-06-13 corp page visual tweaks
****************************************************************************************/
.corpContentTable{
margin-top: 15px;
}
.corpContentTableLeft{
width: 390px;
background: url(/app/uploads/grey_gradient_background.png);
background-repeat: repeat-y;
background-position: right;
}
.corpContentTableRight{
padding-left: 10px;
}
.corpContentTableLeft ul{
	background: #eeeeee;
	width: 335px;
	padding: 10px;
	padding-left:25px;
}





/****************************************************************************************
	2014 visual updates June
****************************************************************************************/
.ShowHamperDetailsButton{
    background: #666666;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 115px;
	display:none;
}
.ShowHamperDetailsButton:hover{
    background: #999;
}
.advertBlock2012ContentSpotLight {
    background: url("/app/uploads/Featured_Hampers_image.jpg") no-repeat right #f6f6f6;
    clear: both;
    color: #000;
    font-size: 11px;
    height: 95px;
}
.advertBlock2012ContentBrochure{
    background: url("/app/uploads/Gift_broch_image.jpg") no-repeat right #f6f6f6;
    clear: both;
    color: #000;
    font-size: 11px;
    height: 95px;
}
.advertBlock2012ContentBespokeGifts{
    background: url("/app/uploads/bespoke-gifts-banner.jpg") no-repeat right #f6f6f6;
    clear: both;
    color: #000;
    font-size: 11px;
    height: 95px;
	margin-bottom: 5px;
}
.advertBlock2012ContentSpotLight .advertBlock2012ContentText {
    width: 65px;
}
.advertBlock2012ContentBrochure a,
.advertBlock2012ContentSpotLight a,
.advertBlock2012ContentBespokeGifts a {
    color: #000;
    text-decoration: none !important;
}




/****************************************************************************************
	2014 visual updates July
****************************************************************************************/
.HomePageAdvertBoxHorizontal1 .advertBlock2012Footer,
.HomePageAdvertBoxHorizontal2 .advertBlock2012Footer,
.HomePageAdvertBoxHorizontal3 .advertBlock2012Footer,
.HomePageAdvertBoxHorizontal4 .advertBlock2012Footer,
.HomePageAdvertBoxHorizontal5 .advertBlock2012Footer{
	display: none;
}
.HomePageAdvertBoxHorizontal1, .HomePageAdvertBoxHorizontal2, .HomePageAdvertBoxHorizontal3, .HomePageAdvertBoxHorizontal4 {
    padding-right: 7px;
}
.HomePageAdvertBoxHorizontal1 .advertBlock2012, .HomePageAdvertBoxHorizontal2 .advertBlock2012, .HomePageAdvertBoxHorizontal3 .advertBlock2012, .HomePageAdvertBoxHorizontal4 .advertBlock2012, .HomePageAdvertBoxHorizontal5 .advertBlock2012 {
    width: 191px;
}
.HomeSplitText{
	padding-right: 10px;
}
.HomeSplitTextLeft{
	width: 47%;
	padding-right: 3%;
	float: left;
}
.HomeSplitTextRight{
	width: 50%;
	float: left;
}
.NoTopPadding{
	padding-top: 0px;
}
.advertBlock2012Footer{
	display: none;
}




/****************************************************************************************
	2014 visual updates september
****************************************************************************************/
.div_screen {
    background: none repeat scroll 0 0 #000000;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.6;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 190;
}
.basketDiscountNote {
    font-size: 11px;
}








/****************************************************************************************
	June 2015 - Grey social media icons
****************************************************************************************/
	.leftborder2012_SocialMediaLinks a{
		width:55px;
		height:56px;
		cursor: pointer;
		display: inline-block;
		padding-top:0px;
		text-decoration:none;
	}
	.leftborder2012_SocialMediaLinks {
		margin-top: 5px;
	}
	.leftborder2012_SocialMediaLinksblogLinks {
		width: 175px;
		margin-top: 5px;
	}
	.leftborder2012_SocialMediaLinksblogLinks a{
		width:173px;
		height:56px;
		cursor: pointer;
		display: inline-block;
		padding-top:0px;
		text-decoration:none;
	}
	.leftborder2012_SocialMediaLinks a:hover, .leftborder2012_SocialMediaLinksblogLinks a:hover {
		background-position: 0px -56px !important;
	}
	



/****************************************************************************************
	Corporate hamper guide -  structural reworking
****************************************************************************************/	
	.rowHolder{
	
	}
	.RowTwoThirds{
		float: left;
		width: 66.6666%
	}
	.RowOneThird{
		float: left;
		width: 33.3333%	
	}
	.RowFourFifths{
		float: left;
		width: 80%;
	}
	.RowOneFifth{
		float: left;
		width: 20%;	
	}
	.RowHalf{
		float: left;
		width: 50%;
	}
	.rowHolder img{
		max-width: 100%;
	}
	.rowHolder h2{
		font-size: 16px;
		font-weight: bold;
	}
	.boldText,
	.boldText p{
		font-weight: bold;
		font-size: 14px;
	}
	.redLineSeperator{
		clear: both;
		display: block;
		padding-bottom: 1px;
		padding-top: 10px;
	}
	.redLineSeperator hr{
		border: 0px;
		border-bottom: 2px solid #a90711;
		clear: both;
		display: block;
		width: 100%;
	}	
	.corpContentTable{
		clear: both;
		max-width: 790px;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	.corpContentTable,
	.corpContentTable tbody,
	.corpContentTable tr,
	.corpContentTable td	
	{
		display: block;
	}
	.corpContentTable{
		width: 100%;
	}
	.corpContentTableLeft,
	.corpContentTableRight{
		width: 50%;
		float: left;
		box-sizing: border-box;
	}
	.corpContentTableLeft{
		padding-right: 10px;
	}
	.corpContentTable img{
		max-width: 100%;
	}
	.corpContentTableLeft img {
		max-width: 95%;
	}	
	.corpContentTableLeft ul {
		margin-top: 10px;
		margin-bottom: 10px;
		width: 95%;
		box-sizing: border-box;
	}	
	.noBackground,
	.noBackground td{
		background: none;
	}
	.corpContentTable.noBackground .corpContentTableRight img{
		width: 100%;
	}
	.corpContentTable img{
		max-width: 90%;
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
		margin-top: 10px; margin-bottom: 10px;
		display: block;
	}	
	


/****************************************************************************************
	About us -  structural reworking
****************************************************************************************/	
	.aboutUsContentHolder {
		margin-left: auto;
		margin-right: auto;
		width: 725px;
	}
	.AboutusTopRowLeft,
	.AboutusBottomRowLeft{
		display: block;
		float: left;
		width: 60%;	
		text-align: justify;
	}
	.AboutusTopRowRight,
	.AboutusBottomRowRight{
		display: block;
		float: left;
		width: 40%;
	}
	.AboutusBottomRow{
		clear: both;
		padding-top: 30px;
	}
	.AboutUsimage1{
		width: 230px; 
		height: 200px;
	}
	.AboutUsimage2{
		width: 160px; 
		height: 200px;
		float: right;
	}
	.AboutUsimage3{
		width: 230px;
		height: 200px;
		float: right;
	}
	.AboutUsimage4{
		height: 350px;
		width: 230px;
		float: right;
	}
	.AboutUsimage5{
		height: 345px;
		width: 230px;
		float: right;
		padding-top: 30px;
	}
	
} 	
/***			END: Style related to non-shop elements is handed first				 ****
****************************************************************************************/



/****************************************************************************************
****																				 ****
****																				 ****
****			Begin: Style related to shop elements 								 ****
****																				 ****
****																				 ****
****************************************************************************************/
@media only screen and (min-width: 1px){



/*************************************************************
Legacy css from hf original site for buttons 
*************************************************************/
a.back-btn-sm, .close-btn, .login-button, .submit-btn, .contactus_button, .send-btn, a.send-btn {
	background: #a90711;
    color: #EEEAEB !important;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 23px;
    line-height: 18px;
    text-align: center;
    text-decoration: none;
    width: 61px;
	margin-top: 15px;
}
.basket-dropdowntbl td {
    padding: 5px;
}
div.shop-messages{
margin-top: 10px;
}
.checkout_details_input, .shop-textarea {
	margin: 5px 0;
    width: 290px;
}
.basket-dropdowntbl, .basket-donationtbl, .orderdetails_dropdowntable, .orderdetails_pricetable, .printorder_table {
    background: none repeat scroll 0 0 #F7F7F7;
    border: 1px solid #CFCFCF;
    margin: 5px 0 0;
    padding: 5px 0;
    width: 100%;
}
div.checkout-btnsholder {
    text-align: right;
}
a.checkout_button {
    color: #FFFFFF !important;
    display: block;
    float: right;
    padding: 2px 0 0;
    text-decoration: none;
}
.basket_button1, .checkout_button {
    background: url("/app/uploads/styles/back-btn-bg.gif") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #EEEAEB;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    height: 23px;
    line-height: 18px;
    padding: 0 0 3px;
    text-align: center;
    width: 61px;
}
.proceed {
    float: right;
}
.shop-qtyinp {
    background: none repeat scroll 0 0 #F3F3F3;
    border: 1px solid #6C0001;
    font-size: 11px;
    height: 17px;
    margin: 0 0 2px;
    text-align: center;
    width: 40px;
}
.checkout_details_input, .shop-textarea {
    background: none repeat scroll 0 0 #F3F3F3;
    border: 1px solid #6C0001;
    color: #222222;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    margin: 5px 0;
    width: 290px;
}
.login_input, .registration_input, .shop-inp, .emailfriend_input, .quickorder_input, .brochure_request_select, .brochure_request_input, .contactus_input, 
.CONTACT input[type='text'], .CONTACT select, .CONTACT textarea
{
    background: none repeat scroll 0 0 #F3F3F3;
    border: 1px solid #6C0001;
    color: #222222;
    font-size: 11px;
    height: 18px;
    width: 170px;
}
.CONTACT textarea{
    height: 200px;
    width: 300px;
}
.basket-btn, a.confirm-btn, .checkout_button2, .basket_button, .basketconfirm_button, .quickorder-btn, .faq-btn-big,
.CONTACT input[type='submit'] {
	background: #a90711;
    border: medium none;
    color: #EEEAEB !important;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    height: 23px;
    line-height: 20px;
    padding: 0 0 3px;
    text-align: center;
    text-decoration: none;
    width: 131px;
}
.shop-dropdown, select.contactus_input {
    background: none repeat scroll 0 0 #F3F3F3;
    border: 1px solid #ccc;
    color: #222222;
    font-size: 11px;
    height: 35px;
    width: 205px;
}
.basket-table, .prevorders-table, .promodetails_grid, .cheque-table, .orderprint-table {
    border-left: 1px solid #CFCFCF;
    border-top: 1px solid #CFCFCF;
    margin: 5px 0 0;
    width: 100%;
}
.basket-table td, .prevorders-table td, .promodetails_grid td, .cheque-table td, .orderprint-table td {
    border-bottom: 1px solid #CFCFCF;
    border-right: 1px solid #CFCFCF;
    padding: 5px;
}
.basket-gridheader, .checkout-header, .orders_gridheader, .promodetails_gridheader, .orderdetails_grdorderdetails_header {
    background: url("/app/uploads/styles/basket-title-bg.gif") repeat-x scroll center top #91191A;
    color: #EAEAEA;
    font-weight: bold;
}
.orders_gridheader a {
    color: #EAEAEA !important;
    font-weight: bold;
}
a.basket_button1 {
    color: #FFFFFF !important;
    display: block;
    margin: 5px 0 0;
    padding: 2px 0 0;
    text-decoration: none;
}
.login_input, .registration_input, .shop-inp, .emailfriend_input, .quickorder_input, .brochure_request_select, .brochure_request_input, .contactus_input {
    background: none repeat scroll 0 0 #F3F3F3;
    border: 1px solid #ccc;
    color: #222222;
    font-size: 11px;
    height: 35px;
    width: 205px;
	margin: 5px;
}
.login-holder table td {
    padding: 3px;
}
.button-adjust {
    border: medium none;
    cursor: pointer;
}
.reg-title {
    border-bottom: 1px solid #D4D4D4;
    margin: 0 0 10px;
    padding: 10px 0 5px;
    width: 80%;
}
.registration_button {
    background: #a90711;
    border: medium none;
    color: #EEEAEB;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    height: 22px;
    line-height: 22px;
    text-align: center;
    text-decoration: none;
    width: 112px;
}
.sitemap_main {
    width: 100%;
	cursor: pointer;
}
.sitemap_main table {
    width: 100%;
}
.sitemap_root_node {
    background-color: #EEEAEB;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 3px;
    text-transform: uppercase;
    width: 100%;
}
.sitemap_leaf_node, .sitemap_parent_node {
    background-color: #F5F3F4;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 3px;
    width: 100%;
}
.sitemap_leaf_node a {
    text-decoration: none;
}






/****************************************************************************************
 legacy block needing sorting
****************************************************************************************/
.basket-dropdowntbl textarea{
background:#F3F3F3 none repeat scroll 0 0;
border:1px solid #6C0001;
color:#222222;
display:block;
float:left;
font-family:arial;
font-size:11px;
}
#pageViwer_brochure_editor_ctl00_pnlComments,
#pageViwer_address_editor_ctl00_pnlComments{
display: none;
}
.registration_label2{
width: 150px;
display: block;
}
.reg_leftside{
width: 165px;
}
/* basket address box*/
.basketAddressPreview{
width:172px;
}
.reg_leftside_passwordIEfix{
*width: 155px;
}
.registration_newsletter{
display: none;
}
.productmenu-item-holder {
clear: both;
}
.productmenu-paging-area{
clear: both;
}
.prod_details_specialoffer{
/* padding-left: 10px;*/
}
.del_method{
margin-left: 5px;
}
.shop-qtyinp{
text-align: center;
}
.checkout_delivery_date,
.checkout_giftmessage{
width: 160px;
}
.checkout_details_input.checkout_delivery_date.hasDatepicker {
    height: 20px;
}
.productmenu-thumb a img{
max-width: 185px;
}
.loggedin_tophead_spacer{
 float: left; padding-left: 10px; padding-right: 10px;
 font-size: 11px; line-height: 12px;
border-left:1px solid #BBBBBB;
}
.loggedin_tophead_spacer a{
 text-decoration: none;
 }
.logindescription p{
padding-bottom: 10px;
}


 
 
 
/****************************************************************************************
 items per basket / login menu block
****************************************************************************************/
.topheadLoginSection{
	height: 25px;
    padding-top: 15px;
	padding-left:10px;
}
.topheadLoginMenuItem{
float: left;
padding-left: 10px;
padding-right: 5px;
line-height: 10px;
text-align: center;
background: url(/app/uploads/transparent_red_arrow.png);
background-repeat: no-repeat;
background-position: left center;
}

.topheadItemsPerBasket{
clear: both;
height: 65px;
line-height: 1em;
padding-left:10px;
}
#topheadSearchBlock{
clear: both;
padding-left:10px;
}
.itemsPerBasketImage{
float: left;
}
.itemsPerBasketText{

}
.itemsPerBasketText a,
.itemsPerBasketCheckOut a,
.topheadLoginSection a{
text-decoration: none;
}
.itemsPerBasketCheckOut{
clear: both;
}
.itemsPerBasketCheckOut div{
float: left;
padding-left: 10px;
padding-right: 10px;
background: url(/app/uploads/transparent_red_arrow.png);
background-repeat: no-repeat;
background-position: left center;
}



/****************************************************************************************
items per basket / login menu block  - Search box
****************************************************************************************/
.search_container{
height:20px;
width:180px;
}
.search_input_holder{
float:left;
height:20px;
width:150px;
}
.search_input_button {
height:20px;
width:24px;
float:left;
}
.searchboxDD{
width:118px;
height: 20px;
border-left: 1px solid #999;
border-top: 1px solid #999; float: left;
}
#searchblock_part2 {
border-bottom:2px solid #FFFFFF;
/* border-top:2px solid #FFFFFF; */
height:45px;
padding-left:16px;
padding-top:0px;
color:#A90711;
font-family:arial;
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:15px;
text-decoration:none;
}
.create_own_image{
height: 123px;
width: 185px;
display: block;
background-image: url(/app/uploads/templates/create_own.gif);
}
.create_own_image:hover {
height: 123px;
width: 185px;
display: block;
background-image: url(/app/uploads/templates/create_own_hover2.jpg);
}
.productmenu-item-holder select,  .searchblock_part2 select{
background:#F3F3F3 none repeat scroll 0 0;border:1px solid #6C0001;color:#222222;font-size:11px;height:18px;}





/****************************************************************************************
	items per basket / login menu block  - Header additions for loginform element
****************************************************************************************/
.loginMenuWrap .visibleOnlyOnBasket,
#tophead .visibleOnlyOnBasket {
    display: none;
}
.login-holder .login-button{
	margin: 0px;
}



/****************************************************************************************
	items per basket / login menu block  - 2015 visual updates September 
****************************************************************************************/
	.LeftBorder_super_cat_list_holder .phonelink{
		color: #000000;
		font-size: 15px;
		font-weight: bold;
		display: block;
		text-align: center;
	}
	#tophead {
		padding-left: 756px;
		width: 250px;
	}	
	#tophead a {
		color: #666;
	}	
	#tophead a:hover {
		color: #000;
	}	
	#tophead .topheadLoginSection {
		height: 20px;
		padding-left: 0px;
		padding-top: 0px;
		border-bottom: 1px solid #cccccc;
		padding-left: 20px;
		font-size: 10px;
	}
	.topheadLoginSection  .topheadLoginMenuItem {
		line-height: 20px;
		padding-right: 15px;
		font-size: 9px;
		background-position: left 4px;
	}
	.topheadLoginSection  .topheadLoginMenuItem a{
		text-transform: uppercase;	
		font-weight: bold;
	}
	.loginMenuWrap .topheadLoginMenuItem {
		font-size: 10px;
		line-height: 20px;
	}
	.topheadItemsPerBasket {
		height: auto;
		padding-left: 20px;
		padding-top: 10px;
	}
	.itemsPerBasketText {
		height: 25px;
		font-size: 13px;
		box-sizing: border-box;
		padding-left: 5px;
		padding-top: 5px;
		color: #666;
		float: left;
	}
	.itemsPerBasketText a{
		text-transform: uppercase;
	}
	.itemsPerBasketText a:hover{
		color: #000;
	}
	.itemsPerBasketTelephoneRow{
		height: 45px;
		color: #666;
	}
	.itemsPerBasketTelephoneRowIcon{
		float: left;
		height: 45px;
		box-sizing: border-box;
		padding-top: 6px;
		padding-right: 10px;
	}
	.itemsPerBasketTelephoneRowIconNumber{
		float: left;	
		font-size: 24px;
		height: 45px;	
		line-height: 45px;
	}
	
	#topheadSearchBlock {
		clear: both;
		padding-left: 20px;
	}	
	.search_container {
		height: 28px;
		width: 209px;
		border: 1px solid #999;
		background: url(/app/uploads/templates/HeaderUpdate2015/search-background.png);
	}
	.search_input_holder {
		height: 28px;
		width: 170px;
	}	
	.searchbox {
		border: 0px;
		height: 28px;
		background: transparent;
		font-weight: normal;
		font-size: 14px;
	}
	.search_input_button {
		height: 28px;
		width: 34px;
	}
	.searchbutton {
		background: url(/app/uploads/templates/HeaderUpdate2015/search-icon.png);
		height: 28px;
		width: 34px;		
	}
	

 
 


/****************************************************************************************
basket
****************************************************************************************/
.hide_basket-btn
{
background: url(/app/uploads/styles/big-btn.gif) no-repeat;
border: none;
cursor: pointer;
color: #eeeaeb !important;
width: 131px;
height: 23px;
line-height: 20px;
text-align: center;
font-size: 11px;
font-weight: bold;
text-decoration: none;
padding: 0 0 3px 0;
}
a.hide_basket-btn {
display: block;
margin: 10px 15px 10px 0;
}
.basket_quantity_input {
background:#F3F3F3 none repeat scroll 0 0;
border:1px solid #6C0001;
color:#222222;
font-size:11px;
height:18px;
width:40px;
text-align: center;
}
.basket-grid-notavail {
color:#666 !important;
font-size:11px;
font-weight:bold;
}




/****************************************************************************************
 basket - some extra css to take fixing display issues with addressbook
****************************************************************************************/
.basket-dropdowntbl .checkout_details_input {
margin: 0px !important;
}
.noimageshere{vertical-align: top; }
.noimageshere img {display: none; }
.noimageshere span {float: right;}
.noimageshere a.adm_button {
display:block; float: right;
margin-left: 25px; /* margin-top: 10px; */
}
.noimageshere .adm_button {
float: right;
background:transparent url(/app/uploads/styles/big-btn.gif) no-repeat scroll 0 0;border:medium none;color:#EEEAEB !important;cursor:pointer;font-size:11px;font-weight:bold;height:23px;line-height:20px;padding:0 0 3px;text-align:center;text-decoration:none;width:131px;
/* float: left; */
}
.reg-tbl tr { height: 25px; }
.address_checkout_details_input{
background:#F3F3F3 none repeat scroll 0 0;border:1px solid #6C0001;color:#222222;display:block;font-family:Verdana;font-size:11px;margin: 0px !important; width:250px;  float: left;
/* overflow: hidden; */
}
.reg-tbl .adm_button
{
    background: none repeat scroll 0 0 #a90711;
    color: #fff;
    display: inline-block;
    margin: 5px 5px 15px;
    padding: 5px;
    text-decoration: none;
}
.basket-dropdowntbltop .adm_button,
.AddressBookPreviewBilling  .adm_button {
background:url("/app/uploads/styles/back-btn-bg.gif") no-repeat scroll 0 0 transparent;
color:#EEEAEB !important;
display:block;
font-size:11px;
font-weight:bold;
height:23px;
line-height:18px;
text-align:center;
text-decoration:none;
width:61px;
}




/****************************************************************************************
 basket -  styling additions
****************************************************************************************/
.basketupdate{
border: 0px;
height: 19px;
padding-bottom: 4px;
}
.basket-dropdowntbl img{
max-width: 90px;
}
.basket_product_clearer {
margin-bottom:35px;
}
.basket-holder .basket-dropdowntbltop .address_checkout_details_input {
    *max-width: 250px !important;
}
.basket-dropdowntbltop .adm_userdetails_input,
.adm_userdetails_input{
max-width: 150px/* !important*/;
}






/****************************************************************************************
 basket - 2011 basket page updates
****************************************************************************************/
.expose{
    -moz-border-radius: 4px 4px 4px 4px;
    background: url("http://static.flowplayer.org/img/global/gradient/h150.png") repeat-x scroll 0 0 #FFFFFF;
    border: 1px outset #CCCCCC;
    margin: 20px 0;
    padding: 20px;
    text-align: center;
    width: 350px;
}
#exposeMask {
    background: url("http://flowplayer.org/tools/img/mask/mask_gradient_1000.png") no-repeat scroll 13% 160px #667788;
}
.testpopupdiv_button{
cursor: pointer;
}
.testpopupdiv{
width: 350px;
background: none repeat scroll 0% 0% #ededed;
}
.testpopupdiv .header { display: none; }
.testpopupdiv .modalCloseX { display: none; }
#basket_address_confirmModalContainer { width:550px; height: 350px; background:#ededed; border:2px solid #999;}
#basket_address_confirmModalContainer .header {margin-bottom: 20px; height:30px; width:100%; background:url(/data/images/confirm/header.gif) repeat-x; color:#fff; font-size:1.1em; font-weight:bold; line-height:30px;}
#basket_address_confirmModalContainer .header span {padding-left:8px;}
#basket_address_confirmModalContainer .message {color:#333; text-align:center; margin:0; padding:12px 4px; font-size:1em;}
#basket_address_confirmModalContainer .buttons {width:320px; text-align: center; padding:10px 8px 0; margin-left: 40px;}
#basket_address_confirmModalContainer .buttons div {float:right; margin-left:8px; width:150px; height:22px; padding-top: 4px; color:#666; font-weight:bold; text-align:center; background:url(/data/images/confirm/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;}
#basket_address_confirmModalContainer a.modalCloseX,
#basket_address_confirmModalContainer a.modalCloseX:link,
#basket_address_confirmModalContainer a.modalCloseX:active,
#basket_address_confirmModalContainer a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.1em; position:absolute; top:-1px; left:500px; top: 6px; color:#ddd;}
#basket_address_confirmModalContainer a.modalCloseX:hover {color:#9bb3b3;}
#basket_address_confirmModalContainer .simplemodal-extratext {
padding-top: 10px;
text-align: center;
clear:both;
}

#exposeMask{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 8000px;
display: none;
opacity: 0.8;
z-index: 1000;
background: url(/app/uploads/white_expose.png);
}
.delivery_address_input
{
    .address_checkout_details_input;
    width:200px!important
}
.td_no_padding td {
    padding: 0px!important;}

.AddressBookPreview img,
.AddressBookPreviewBilling img{
display: none;
}
.AddressBookPreview .adm_button,
.AddressBookPreview .aCancelEdit,
.AddressBookPreviewBilling .adm_button,
.AddressBookPreview .aCancelEdit{
float: left;
margin-left: 15px;
margin-bottom: 10px; margin-top: 10px;
}
.AddressBookPreview span{

}
.AddressBookPreview .adm_userdetails_input{
width:  width: 150px !important;
}
.AddressBookPreview,
.AddressBookPreviewBilling{
background:#F3F3F3 none repeat scroll 0 0;border:1px solid #6C0001;color:#222222;display:block;font-family:arial;font-size:11px;margin: 0px !important; width:320px;  float: left;
}
.AddressBookPreviewBilling{
    width: 470px;
    padding-bottom: 15px;
    padding-left: 10px;
}
.AddressBookPreview  .adm_userdetails_input{
width: 150px;
}
.AddressBookPreviewBilling  .adm_userdetails_input{
    margin-left: 15px;
}
.AddressBookButtonHolder{
width: 125px;
margin-left: 100px;
padding-top: 20px;
padding-bottom: 10px;
}
.AddressBookPreviewBilling .AddressBookButtonHolder{
margin-left: 150px;
}
.AddressBookPreview .adm_button,
.AddressBookPreviewBilling .okAndCancelbuttons {
    background: url("/app/uploads/styles/back-btn-bg.gif") no-repeat scroll 0 0 transparent;
    color: #EEEAEB !important;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 23px;
    line-height: 18px;
    text-align: center;
    text-decoration: none;
    width: 61px;
    float: left;
    margin: 0px;
}
.AddressBookPreview  .btn_postcode_lookup,
.AddressBookPreviewBilling  .btn_postcode_lookup {
    font-size: 11px;
}
.AddressBookPreview  .btn_postcode_lookup{
display: block;
float: right;
padding-right: 10px;
}
.btn_postcode_lookup{
    border: 0 none;
    cursor: pointer;
    height: 22px;
    line-height: 18px;
    text-align: center;
    text-decoration: none;
}
.ChooseAdressDd{
    border: 1px solid #6C0001;
    background: #fff;
    color: #222222;
    font-family: arial;
    font-size: 11px;
    width: 200px;
}
.AddressBookPreviewBilling .ChooseAdressDd{
    width: 300px;
}
.txtAdressBookPreview{
min-height: 180px;
}
.checkout-table_inner img {
max-width: 90px;
}
.basketupdate:hover,
.hide_basket-btn:hover,
.basket-btn:hover,
.checkout_button:hover
{
color: #bbb !important;
}
.basket-holder .shop-message span{
    display: block;
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 10px;
    padding-top: 5px;
    text-decoration: underline;	
}




/****************************************************************************************
	basket - basket address book updates
****************************************************************************************/
.AddressSelectArrow{
	background: url(/app/uploads/AddressSelectArrow.png);
	width: 20px;
	height: 20px;
	position: absolute;
	margin-left: 400px;
	margin-top: 80px;
	z-index: 1000;
}
.postcodeTable { width: 100%; }
.postcodeTable td { padding: 5px 10px!important; text-align: center; }
.postcodeTable a { text-decoration: none; }
.postcodeTable a:hover { text-decoration: underline; }





/****************************************************************************************
 checkout 
****************************************************************************************/
.checkout-header {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#91191A url(/app/uploads/styles/basket-title-bg.gif) repeat-x scroll center top;
color:#EAEAEA;
font-weight:bold;
padding-left: 15px;
padding-right: 15px;
}
.checkout-table .basket-dropdowntbl {
margin:5px 0 40px;
padding:5px;
width:100%;
}
.checkout-table_inner {
width:100%;
}
.checkout-table {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F7F7F7 none repeat scroll 0 0;
border:1px solid #CFCFCF;
/* margin:5px; */
padding:5px;
width:100%;
}
.DoNotDisplay {
visibility:hidden;
}




/****************************************************************************************
	checkout page additions
****************************************************************************************/
.OrderSummaryTitle, .basketRightSideExtraInfoReturnsTitle {
	display: none;
}
.checkoutColumn2 {
    width: 100px;
}
.checkoutColumn3 {
    width: 100px;
	text-align: center;
}
.checkoutColumn4 {
    width: 180px;
}
.checkout-header.checkoutColumn4 {
	text-align: center;
}
.checkoutColumn4 > table {
    margin-left: auto;
    margin-right: auto;
}
.checkoutColumn5 {
    width: 95px;
	text-align: center;
}
.checkout-header {
	box-sizing: border-box;
}	




/****************************************************************************************
product details
****************************************************************************************/
.prod_details_title{
font-size: 18px; color: #000; width: 400px; display: block; font-weight:bold; line-height: 22px;
}
.prod_details_reference{
float: right; /* width: 190px; */ display: block; text-align: right; line-height: 25px; padding-right: 18px;
}
.prod_details_image_holder{
max-width: 540px;
}

.prod_details_image_holder img{
/*border: 1px solid #999;*/ padding: 5px; /*max-width: 280px;*/
max-width: 515px;
}
.prod_details_enlarge_view {text-align: center; }
.prod_details_enlarge_view a{ color: #C30}
.prod_details_description, .prod_details_price, .prod_details_quantity, .prod_details_qnt, .prod_details_priceincludingextras{
font: 12px Arial; color: #000; line-height: 15px; *padding-right: 6px;
/* margin-bottom: 15px; */
}
.prod_details_description{
padding-right: 5px;
}
.prod_details_price { font-weight: bolder; }
.prod_details_qnt { border: 1px solid #000; width: 45px;height: 14px; /*padding-left: 15px;*/ text-align: center; padding-bottom: 3px;}
.prod_details_quantity {     height: 30px;
                            padding-top: 10px;
                            /*width: 250px;*/}
.prod_details_addbasket {
width: 116px; height: 20px; background: #000; color: #fff; display: block; text-decoration: none;
padding: 2px; padding-left: 15px; font-weight:bolder; float: right; background:url(/app/uploads/black_button_bg.jpg); background-color: #f2f2f2; background-repeat: no-repeat; border: 0px;
font-size: 11px;
}
.redarrow {color: #C00; padding-right: 5px;}
.prod_details_priceincludingextras { font-weight: bolder;}
.prod_details_priceincludingextras span { color: #C00;}


.prod_details_addition_details ul { margin-left: 50px;}
.prod_details_addition_details ul li {background:url(/app/uploads/P_D_reddot.jpg); background-color: #f2f2f2; background-repeat: no-repeat; padding-left: 15px; width: 350px; font: 11px Verdana, Geneva, sans-serif; color: #000; line-height: 16px; }
.prod_details_addition_details p font, .prod_details_addition_details p{ font: 11px arial !important; color: #000; line-height: 16px;
margin-bottom: 15px;
}

.prod_details_back { float: left; }
.prod_details_quantity1 {float: left; }
.prod_details_quantity2 {float: left; padding-left: 15px; /* margin-bottom: 25px; */}
.prod_details_quantity3 {float: right; }
.topofelement { vertical-align: top; }
.productdetails-error { clear:both; color: #f00; font-weight: bold; }
.corp_buyer_ad_img{
margin-top: 15px;
}









/****************************************************************************************
 price display related
****************************************************************************************/
div.originalPriceStrikeOut
{
text-decoration:line-through!important;
font-size:95%!important;
color:#A90711 !important;
/* float: left; */
}
.floatedprice{
float: left;
/* padding-left: 10px; */
padding-right: 10px;
}
.productmenu-price-holder div:first-child,
.prod_details_price div{
float: left; padding-right: 10px;
}
div.productmenu-shortdescription,
.prod_details_quantity {
clear: left;
}
.prod_details_price{
padding-bottom: 20px;
}





/****************************************************************************************
	product details - June 2012 redesign update
****************************************************************************************/
.productDetailsDontDisplay{
display: none;
}
.prod_details_email { 
background:url(/app/uploads/templates/email_a_friend.jpg); 
background-repeat: no-repeat; 
width: 65px;
height: 20px;
border: none;
display: block;
margin-left: 10px;
}
.prod_details_header{
padding-top: 5px; 
padding-bottom: 15px;
}
.prod_details_header h1{
border: none;
margin: 0px;
padding: 0px;
text-transform: uppercase;
}
.prod_details_holder {
padding-top: 10px; padding-left: 10px;
}
.ProductDetailsAdditionalPrices{
padding-top: 15px;
}
.prod_details_holder select{
background:#F3F3F3 none repeat scroll 0 0;
border:1px solid #cccccc;
color:#222222;
font-size:11px;
height:18px;}
.ProductDetailsAdditionalAddToCartHolderQuantity{
width: 25px;
height: 20px;
border: 1px solid #ccc;
text-align: center;
}
.productdetails-price{
padding-top: 15px;
padding-bottom: 15px;
}
.ProductDetailsAdditionalColumnsLeft .prod_details_specialoffer{
padding-top: 20px;
padding-bottom: 10px;
}
.productMenuSpecialOfferDetailsRow{
height: 20px;
}
.productMenuSpecialOfferDetailsRow p{
margin: 0px;
}
.productMenuSpecialOfferDetailsRow td{
	vertical-align: middle !important;
}
.prod_details_holder .priceValue{
font-size: 16px;
}
.prod_details_holder .originalPriceStrikeOut {
font-size: 12px;
}
.prod_details_holder .productmenu-price-holder table,
.prod_details_holder .productmenu-price-holder tr,
.prod_details_holder .productmenu-price-holder td {
	vertical-align: top;
}
.prod_details_holder .priceTitle,
.prod_details_holder .spanProductPriceDiscountedExVatLabel,
.prod_details_holder .spanProductPriceOriginalExVatLabel{
font-size: 12px;
}
.prod_details_holder .FeaturedProductsGridProductPriceWasTitle{
font-size: 11px;
}
div.originalPriceStrikeOut{
display: none;
}
.price_spacer{
width: 260px;
height: 10px;
clear: both;
}
.ProductDetailsAdditionalAddToCartHolderAddButton{
background:url(/app/uploads/templates/add_to_basket_button.jpg) left center; 
border: none;
display: block;
width: 140px;
height: 24px;
margin-left: 20px;
cursor: pointer;
}
.imageEnlargerViewHolder{
	background: url("/app/uploads/templates/magnifying_glass.jpg") no-repeat scroll left center transparent;
    margin-left: 20px;
    padding-left: 35px;
    padding-top: 6px;
}
.prod_details_footer {
margin: 20px; 
height: 20px;
margin-left: 0px;
}
.prod_details_back{
background:url(/app/uploads/templates/productdetails_backbutton.jpg); 
border: none;
display: block;
width: 66px;
height: 19px;
}
.prod_details_addition_details { 
padding-left: 30px; padding-right: 30px; padding-top: 20px;
padding-bottom: 20px;
background-color: #f2f2f2; 
margin-top: 15px; 
}
.prod_details_addition_details .prod_details_addition_details{ 
padding-left: 0px; padding-right: 0px; padding-top: 0px;
}
.prod_details_addition_details h2{
color: #A90711; 
font-size: 14px;
font-weight: bold;
padding-bottom: 10px;
}
.related-title{
color: #666;
font-size: 16px;
padding-bottom: 15px;
padding-top: 20px;
}
.related-title span{
font-weight: bold;
}
.relatedProductsHolder{
padding-bottom: 20px;
}




/****************************************************************************************
	product details - image zoom
****************************************************************************************/
.zoomWindow {
    cursor: zoom-in !important;
}



/****************************************************************************************
	social icons - FACEBOOK ADDITION 11/07/11
****************************************************************************************/
#facebook_product_details{
    /* position: absolute; */
}
.facebook_product_details{
    float: left;
    height: 25px;
}
.facebook_product_details td{
    /* width: 55px; */
}
.twitter-share-button{
    /* position: absolute; */
    margin-left: 10px;
}
#twitter{
    margin-bottom: 0px !important;
    border-top: 1px solid #CCCCCC;
    margin-top: 5px !important;
}
#twitter img{
width: 30px;
height: 30px;
}



	
/****************************************************************************************
	social icons - facebook share link related
****************************************************************************************/
.FBConnectButton_Simple,
.FBConnectButton_RTL_Simple{background-image:url(/app/uploads/connect_favicon.png);background-repeat:no-repeat;outline:none;text-decoration:none}
.FBConnectButton_RTL_Simple{background-position:right 0}
.FBConnectButton_Simple .FBConnectButton_Text_Simple{margin:0 0 0 20px;padding-bottom:1px}
.FBConnectButton_RTL_Simple .FBConnectButton_Text_Simple{margin:0 10px 0 0}
a.FBConnectButton_Simple:hover .FBConnectButton_Text_Simple,
a.FBConnectButton_RTL_Simple:hover .FBConnectButton_Text_Simple,
.FBConnectButton_Simple:hover .FBConnectButton_Text_Simple,
.FBConnectButton_RTL_Simple:hover .FBConnectButton_Text_Simple{text-decoration:underline}
.FBConnectButton,
.FBConnectButton_RTL{background:#29447e url(/app/uploads/connect_sprite.png);background-repeat:no-repeat;cursor:default;display:inline-block;padding:0 0 0 1px;text-decoration:none;outline:none}
.FBConnectButton .FBConnectButton_Text,
.FBConnectButton_RTL .FBConnectButton_Text{background:#5f78ab url(/app/uploads/connect_sprite.png);border-top:solid 1px #879ac0;border-bottom:solid 1px #1a356e;color:#fff;display:block;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-weight:bold;padding:2px 6px 4px;margin:1px 1px 0 0;text-shadow:none}
a.FBConnectButton,
a.FBConnectButton_RTL ,
.FBConnectButton,
.FBConnectButton_RTL{text-decoration:none}
a.FBConnectButton:active .FBConnectButton_Text,
a.FBConnectButton_RTL:active .FBConnectButton_Text ,
.FBConnectButton:active .FBConnectButton_Text,
.FBConnectButton_RTL:active .FBConnectButton_Text{border-bottom:solid 1px #29447e;border-top:solid 1px #45619d;background:#4f6aa3;text-shadow:none}
.FBConnectButton_BigPun,
.FBConnectButton_RTL_BigPun{background-position:left -60px;font-size: 24px;line-height:30px}
.FBConnectButton_BigPun .FBConnectButton_Text{padding:3px 8px 3px 12px;margin-left:38px}
a.FBConnectButton_BigPun:active{background-position:left -99px}
.FBConnectButton_RTL_BigPun{background-position:right -268px}
.FBConnectButton_RTL_BigPun .FBConnectButton_Text{padding:3px 8px 3px 12px;margin-right:39px}
a.FBConnectButton_RTL_BigPun:active{background-position:right -307px}
.FBConnectButton_Large,
.FBConnectButton_RTL_Large{background-position:left -138px;font-size: 13px;line-height:16px}
.FBConnectButton_Large .FBConnectButton_Text{margin-left:24px}
a.FBConnectButton_Large:active{background-position:left -163px}
.FBConnectButton_RTL_Large{background-position:right -346px}
.FBConnectButton_RTL_Large .FBConnectButton_Text{margin-right:25px}
a.FBConnectButton_RTL_Large:active{background-position:right -371px}
.FBConnectButton_Medium,
.FBConnectButton_RTL_Medium{background-position:left -188px;font-size: 11px;line-height:14px}
.FBConnectButton_Text,
.FBConnectButton_Medium .FBConnectButton_Text{padding:2px 6px 3px 6px;margin-left:21px}
a.FBConnectButton_Medium:active{background-position:left -210px}
.FBConnectButton_RTL_Medium{background-position:right -396px}
.FBConnectButton_RTL_Text,
.FBConnectButton_RTL_Medium .FBConnectButton_Text{padding:2px 6px 3px 6px;margin-right:22px}
a.FBConnectButton_RTL_Medium:active{background-position:right -418px}
.FBConnectButton_Small,
.FBConnectButton_RTL_Small{background-position:left -232px;font-size: 10px;line-height:10px}
.FBConnectButton_Small .FBConnectButton_Text{padding:2px 6px 3px;margin-left:17px}
a.FBConnectButton_Small:active ,
.FBConnectButton_Small:active{background-position:left -250px}
.FBConnectButton_RTL_Small{background-position:right -440px}
.FBConnectButton_RTL_Small .FBConnectButton_Text{padding:2px 6px;margin-right:18px}
a.FBConnectButton_RTL_Small:active{background-position:right -458px}
.FBConnectButton_Inactive{-ms-filter:'alpha(opacity=40)';filter:alpha(opacity = 40);-khtml-opacity:.4;-moz-opacity:.4;opacity:.4}
.fb_share_count_wrapper{position:relative;float:left}
.fb_share_count{background:#b0b9ec none repeat scroll 0 0;color:#333;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;text-align:center}
.fb_share_count_inner{background:#e8ebf2;display:block}
.fb_share_count_right{margin-left:-1px;display:inline-block}
.fb_share_count_right .fb_share_count_inner{border-top:solid 1px #e8ebf2;border-bottom:solid 1px #b0b9ec;margin:1px 1px 0 1px;font-size: 10px;line-height:10px;padding:2px 6px 3px;font-weight:bold}
.fb_share_count_top{display:block;letter-spacing:-1px;line-height:34px;margin-bottom:7px;font-size: 22px;border:solid 1px #b0b9ec}
.fb_share_no_count{display:none}
.fb_share_size_Small .fb_share_count_right .fb_share_count_inner{font-size: 10px}
.fb_share_size_Medium .fb_share_count_right .fb_share_count_inner{font-size: 11px;padding:2px 6px 3px;letter-spacing:-1px;line-height:14px}
.fb_share_size_Large .fb_share_count_right .fb_share_count_inner{font-size: 13px;line-height:16px;padding:2px 6px 4px;font-weight:normal;letter-spacing:-1px}





/****************************************************************************************
	social icons - minor amendments for social buttons 
****************************************************************************************/
.facebookHolder{
margin-left: -5px;
}
.pinitHolder,
.emailfriendHolder,
.addthisHolder{
	padding-top: 3px;
}
.pinitHolder{
	padding-left: 6px;
}
.twitterHolder{
	max-width: 95px;
	overflow: hidden;
}
.hiddenShopSocialRequiredValuesName,
.productDetailsDontDisplayEmail,
.productSocialTable{
display: none;
}
.productSocialTable{
	margin-top: 15px;
}
.plusoneHolder{
    max-width: 70px;
    overflow: hidden;
}
.PinitLinkHolder{
}
.feeFoGoldLogo{
	max-width: 173px;
	margin-top: 10px;
}
.guestbook-postedon{
	display: none;
}






/****************************************************************************************
breadcrumbs
****************************************************************************************/
.breadcrumbs_bar{ height: 20px; width: 100%; font: 11px arial; text-decoration: none; font-weight:bolder; }
.breadcrumbs_element a { text-decoration: none; font-weight:bolder; font: 11px arial; color: #000; }






/****************************************************************************************
Category pages
****************************************************************************************/
.category-list-item{
text-align:center;
}
.whitelink { color: #fff; }
.important1, .important2 {
color:#666;font-size:13px;font-weight:bold;
}
.productmenu-paging-area{
width: 600px;
}
.productmenu-top .productmenu-dropdown-area{
clear: both;
width: 200px;
}




/****************************************************************************************
 Category pages - 2011 category description updates
****************************************************************************************/
.CategoryDescriptionsToggleButton{
    color: #A90711 !important;
    display: block;
    font-size: 8pt;
    margin-bottom: 4px;
    margin-top: 4px;
    float: left;
    background: #fff;
    border: 0px;
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline;
	clear: both;
}
.CategoryDescriptionsToggleButton:hover{
    color: #68090a !important;
}
.fb_ltr{
border: 0px;
padding-left: 5px;
}






/****************************************************************************************
	Category pages - June 2012 redesign update 
****************************************************************************************/
.category-description-image{
float: right;
padding-left: 40px;padding-bottom: 40px;
}
.category_details_title{
border: none;
text-transform: uppercase;
color: #A90711;
}
.category_details_title span{
color: #666;
}
.CategoryDescriptionsToggleButton{
text-decoration: none;
font-weight:bold;
}





/****************************************************************************************
	Category pages - June 2012 redesign update  - product menu display changes 
****************************************************************************************/
#LeftBorderArea1 img{
max-width: 173px;
}
.mainContentColumnsProductListHeaderViewByBrand,
.mainContentColumnsProductListHeaderTab,
.mainContentColumnsProductListHeaderTabSelected{
display: none;
}
.mainContentColumnsProductListGridControlRow{
padding-top: 20px;
height: 40px;
clear: both;
}
.mainContentColumnsProductListGridControlRowCurrency,
.mainContentColumnsProductListGridControlRowSort,
.mainContentColumnsProductListGridControlRowPages{
float: left;
padding-right: 30px;
}
.productmenu-list-area table,
.productmenu-list-area table tr,
.productmenu-list-area table td,
.relatedProductsHolder table,
.relatedProductsHolder table tr,
.relatedProductsHolder table td
{
vertical-align: top;
}
.mainContentColumnsProductListGridProduct{
	width: 254px;
	border: 1px solid #e3e3e3;
	margin-right: 10px;
	margin-bottom: 10px;
}
.productmenu-shortdescription{
display: none;
}
.mainContentColumnsProductListGridProduct_upperSection{
padding: 10px;
padding-left: 0px; padding-right: 0px;
min-height: 270px;
}
.mainContentColumnsProductListGridProductName{
text-align: center;
height: 34px;
}
.productmenu-name-link{
font-weight: bold;
text-decoration: none;
color: #666;
font-size: 14px;
}
.productmenu-name-link:hover{
color: #000;
}
.mainContentColumnsProductListGridProductImageHolder {
    height: 190px;
    width: 254px;
}
.mainContentColumnsProductListGridProductImageLink {
    color: #FFFFFF;
    display: table-cell;
    height: 190px;
    text-align: center;
    vertical-align: middle;
    width: 254px;
}
.mainContentColumnsProductListGridProductImageHolder{
text-align: center;
}
.mainContentColumnsProductListGridProductImageHolder span {
    display: inline-block;
    height: 100%;
}
.mainContentColumnsProductListGridProductImageHolder img {
    max-height: 190px;
    max-width: 254px;
    vertical-align: middle;
}
.mainContentColumnsProductListGridProductImageHolder * {
    vertical-align: middle;
}
.mainContentColumnsProductListGridProductPriceDisplaTableColumnOne{
width: 120px;
}
.priceTitle {
vertical-align: middle !important;
}
.originalPriceStrikeOut{
font-size: 11px;
color: #999;
text-decoration: line-through;
}
.FeaturedProductsGridProductPriceExVat,
.FeaturedProductsGridProductPriceIncVat{
color: #666;
font-size: 11px;
}
.FeaturedProductsGridProductPriceWasTitle{
font-size: 11px;
color: #999;
}
.priceExValue,
.priceIncValue{
font-size: 16px;
font-weight: bold;
}
.mainContentColumnsProductListGridProductPriceDisplaTable{
min-height: 50px;
margin-left: 5px;
padding-top: 5px;
}
.mainContentColumnsProductListGridProductPriceDisplaTable .prod_details_quantity2{
width: 125px;
padding-left: 2px;
}
.mainContentColumnsProductListGridProduct_lowerSection{
background: #e3e3e3;
height: 18px;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 15px;
padding-right: 15px;
display: none;
}
.mainContentColumnsProductListGridProduct_lowerSection .productmenu-quantity-input{
width: 25px;
border: 1px solid #cccccc;
text-align: center;
}
.mainContentColumnsProductListGridProduct_lowerSection  a{
text-decoration: none;
}
.mainContentColumnsProductListGridProduct_lowerSection  .productmenu-quantity-holder{
width:116px;
}
.mainContentColumnsProductListGridProduct_lowerSection  .info-button,
.mainContentColumnsProductListGridProduct_lowerSection  .addtocart-button{
background: #666666;
width: 48px;
color: #fff;
text-align: center;
cursor: pointer;
font-weight: bold;
border: none;
padding-top:1px;
padding-bottom:1px;
text-decoration: none;
float: left;
    height: 20px;
    line-height: 20px;
	padding: 0;
	border: 0 none;
}
.mainContentColumnsProductListGridProduct_lowerSection .info-button{
margin-right: 10px;
}
.back-btn-holder{
background: #e3e3e3;
color: #A90711;
display: block;
width: 110px;
height: 20px;
font-weight: bold;
text-align: center;
padding-top:3px;
margin-top: 25px;
padding-left: 10px;
padding-right: 10px;
}
.productmenu-paging-area-bottom{
    padding-top: 30px;
    text-align: center;
}
.back-btn-holder a{
    font-size: 12px;
    line-height: 17px;
    text-decoration: none;
    text-transform: uppercase;
}
.back-btn-holder a:hover{
	color: #000;
}
.back-btn-holder a span{
	color: #000;
}
.mainContentColumnsProductListGridProduct_upperSection .shop-error{
	color: #A90711;
    font-weight: bold;
    text-decoration: none;
	font-size: 13px;
	text-align: center;
}
.leftborder2012_CategoryHeaderImage{
text-align: center;
width: 173px;
background: #fff; 
}




/****************************************************************************************
	Category pages - update to modify display of category details pages
****************************************************************************************/
.category_details_split_table{
width: 100%;
vertical-align: top;
}
.category_details_split_table_left{
width: 375px;
vertical-align: top;
}
.category_details_split_table_spacer{
	width: 25px;
}
.category_details_split_table_right{
width: 375px;
vertical-align: top;
}
.category_details_split_table p{
margin-top: 0px;
}





/****************************************************************************************
	email a friend related
****************************************************************************************/
a.email_friend_close{
    color: #FFFFFF !important;
    display: block;
    text-decoration: none;
}
.email_friend_close{
    background: url("/app/uploads/styles/back-btn-bg.gif") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #EEEAEB;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    height: 23px;
    line-height: 18px;
    padding: 0 0 3px;
    text-align: center;
    width: 61px;
}





/****************************************************************************************
	June 2012 Homepage Product modules updates - newinstock
****************************************************************************************/
.NewInStock_row_holder{
	overflow: hidden;
	margin-top: 10px; 
	margin-bottom: 10px;
}
#content .NewInStock_row_holder{
   padding-left: 15px;
    width: 750px;
}
#content .NewInStockSingleItemHolder{
/*margin-right: 25px;
margin-left: 25px;*/
}
#TwoColumnMainWrap2012 .NewInStock_row_holder{
margin-left: auto;
margin-right: auto;
}
.NewInStockSingleItemHolder{
	border: 1px solid #EAE7E8;
    width: 254px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.NewInStock_row_holder div span span:nth-child(3n+3) span {
    margin-right: 0;
}
.promotionRowHolder td{
*padding-bottom: 10px; 
width:25%;
}
.NewInStockSingle_prod_title{
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-top: 10px;
    text-align: center;	
	height: 35px;
    padding-left: 10px;
    padding-right: 10px;	
}
.NewInStockSingle_prod_title a{
	color: #666666;
    text-decoration: none;
}
.NewInStockSingle_prod_img_container{
	width: 254px;
	height: 190px;
	overflow: hidden;
	text-align: center;
	display: block;
}
.NewInStockSingle_prod_img_container img{
	max-width: 254px;
	max-height: 190px;
}
.NewInStockSingle_priceline{
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
	padding-top: 5px;
    text-align: center;	
}
.NewInStockSingle_priceline a{
	color: #666666;
    text-decoration: none;
}
.NewInStockSingle_ViewHamper{
	background: none repeat scroll 0 0 #787878;
    color: #fff;
    display: block;
    font-size: 11px;
    font-weight: bolder;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-top: 4px;
	display: none;
}
.NewInStockSingle_ViewHamper a{
    font-weight: bold;
	color: #fff;
    text-decoration: none;	
}
.NewInStockSingle_ViewHamper a span{
color: #fff;
    float: left;
    padding-right: 3px;
}
.NewInStockSingle_prod_title a:hover, 
.NewInStockSingle_priceline a:hover, 
.NewInStockSingle_ViewHamper a:hover{
color: #000;
}









/****************************************************************************************
	update to secpay success page
****************************************************************************************/
#secpay-success-whole .secpay-success-link,
#secpay-success-whole .secpay-success-button{
    background: url("/app/uploads/styles/big-btn.gif") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #EEEAEB !important;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    height: 23px;
    line-height: 20px;
    padding: 0 0 3px;
    text-align: center;
    text-decoration: none;
    width: 131px;
    display: block;
    margin: 10px 15px 10px 0;
}






/****************************************************************************************
	Personalisation Label Preview    
****************************************************************************************/
.product_label_personalisation_section{
	display: none;
}
a.enlarge_image_preview {display:inline; text-decoration:none;}
a.enlarge_image_preview  img {display:inline; border:0;max-height:80px; text-align:center; }
a.enlarge_image_preview_width_limit img {max-width:80px; max-height:150px!important}
a.enlarge_image_preview:hover {text-decoration:none; position:relative; z-index:500;}
a.enlarge_image_preview:hover b img { max-width:500px!important; max-height:500px!important;}
a.enlarge_image_preview b {display:block; position:absolute; left:-9999px; padding:10px; opacity:0;
 border-radius:3px; 
 box-shadow:0 15px 10px -15px rgba(0,0,0,0.4);
-webkit-transition: opacity 0.6s ease-in-out;
-moz-transition: opacity 0.6s ease-in-out;
-o-transition: opacity 0.6s ease-in-out;
-ms-transition: opacity 0.6s ease-in-out;
transition: opacity 0.6s ease-in-out;
}
img.iPad {position:fixed; left:0; top:0; width:100%; height:100%; display:none; z-index:10;}
a.enlarge_image_preview:hover b {top:-120px; left:100px; padding:10px; border:1px solid #ddd; background:#fff; opacity:1.0;}
a.enlarge_image_preview:hover ~ img.iPad {display:block;}
span.personalisation_image_customisation_field_label
{
	display: block;
    font-size: 14px;
    font-weight: bold;
    padding-top: 10px;	
	padding-bottom: 1px;
    text-align: left;
	color: #A90711;
}
span.personalisation_image_customisation_field_label_grey {
    color: #666;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 1px;
    padding-top: 10px;
    text-align: left;
	width: 420px;
}
span.personalisation_image_customisation_preview_label
{
	display: block;
    font-size: 14px;
    font-weight: bold;
    padding-top: 10px;	
	padding-bottom: 1px;
    text-align: center;
	color: #666;
	width: 267px;
}
span.input_length_limit_status
{
	display: block;
	color: #707070;
	font-size: 0.8em;
	text-align: right;
}
input.personalisation_image_customisation_input_field
{
	border:1px solid #cccccc;
	color:#222222;
	font-size:11px;
	height: 24px;
}
textarea.personalisation_image_customisation_input_field
{
	border:1px solid #cccccc;
	font-size:11px;
}
input.personalisation_image_customisation_button
{
	background: #a90711;
    border: medium none;
    color: #EEEAEB !important;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    height: 24px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    width: 131px;
}
input.personalisation_image_customisation_file_upload
{
	border:1px solid #cccccc;
	background-color: #FFFFFF;
	color:#222222;
	font-size:11px;
	height: 24px;
	width: 267px;
}
span.image_align_top img
{
	vertical-align: top;
}
a.enlarge_image_preview{
	display: none;
}




/****************************************************************************************
	special offers banner update  
****************************************************************************************/
.SpecialOffersBanner{
width: 181px;
height: 106px;
background: url(/app/uploads/special_offers_2014.jpg) transparent;
background-repeat: no-repeat;
text-align: center;
cursor: pointer;
margin-top: 10px;
}
.SpecialOffersBannerLink{
color: #fff;
margin-top: 0px;
*margin-top: 0px;
width: 172px;
height: 95px;
display: block;
text-decoration: none;
}
.SpecialOffersBanner:hover{
background: url(/app/uploads/special_offers_2014_rollover.jpg) transparent;
}



	
	
/****************************************************************************************
	wide page spread full promotion list section
****************************************************************************************/
.fullPromotionListSingleItemHolder {
    border: 1px solid #E3E3E3;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 254px;
}
.fullPromotionListSingle_prod_title {
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 35px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    text-align: center;
}
.fullPromotionListSingle_prod_title a{
	text-decoration: none;
	color: #666666;
}
.fullPromotionListSingle_prod_img_container {
	text-align: center;
    height: 190px;
    width: 100%;	
}
.fullPromotionListSingle_prod_img_container * {
    vertical-align: middle;
	text-align: center;
}
.fullPromotionListSingle_prod_img_container a,
.NewInStockSingle_prod_img_container a {
    color: #FFFFFF;
    display: block;
    height: 190px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.fullPromotionListSingle_prod_img_container span {
    display: inline-block;
    height: 100%;
}
.fullPromotionListSingle_prod_img_container img {
    max-height: 190px;
    max-width: 254px;
    vertical-align: middle;
}
.fullPromotionListSingle_priceline {
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
}
.fullPromotionListSingle_priceline {
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
}
.fullPromotionListSingle_ViewHamper {
    background: none repeat scroll 0 0 #787878;
    color: #fff;
    display: none;
    font-size: 10px;
    font-weight: bolder;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-top: 4px;
}
.fullPromotionListSingle_ViewHamper a{
	color: #fff;
	text-decoration: none;
}
.promotionOriginalPrice
{
    color: #aaa;	
}
.promotionOriginalPrice span
{
    text-decoration: line-through;	
}
.promotionNewPrice
{
    color: #666666;	
}
#pageViwer_HomePageMainContent9_ctl00_pnlEmpty{
display: none;
}




	
/****************************************************************************************
	top tip additional styling
****************************************************************************************/
.tiptopholder table, 
.tiptopholder table tr, 
.tiptopholder table td {
    vertical-align: top;
}




/****************************************************************************************
	additions for display of extra category content on corporate pages
****************************************************************************************/
.category_details_split_table_right_dontdisplay{
display: none;
}




/****************************************************************************************
	shop generalistion updates
****************************************************************************************/
.prod_details_addition_details p, .prod_details_addition_details h2 {
  font-size: 12px!important; font-family: arial,helvetica,sans-serif;
}






/****************************************************************************************
	dialog pop up additions
****************************************************************************************/
.dialog_addedToBasketLeftDetails {
    padding-left: 5px;
}
.dialog_addedToBasketLeftDetails {
    float: left;
    font-size: 12px;
    max-width: 420px;
}
.dialog_addedToleftSide {
    max-width: 170px;
}
.dialog_addedToleftSide, .dialog_addedToRightSide {
    float: left;
}
.dialog_addedToBasketLeftDetails {
    font-size: 12px;
}
.addedToBasketLeftDetailsImage img {
    max-height: 250px;
    max-width: 165px;
	margin-right: 5px;
}
.dialog_addedToRightSide {
    width: 250px;
}
.addedToBasketLeftDetailsProductName {
    float: left;
    height: 50px;
    max-width: 150px;
}
.addedToBasketLeftDetailsPrice {
    float: right;
}
.addedToBasketLeftDetailsQuantityHolder {
    clear: left;
}
.dialog_addedToFooter {
    clear: both;
    padding-top: 40px;
}
.addedToBasketLeftDetailsItemsInBasket {
    float: left;
    padding-left: 5px;
}
.addedToBasketLeftDetailsSubtotal {
    float: right;
}

.ui-dialog-buttonpane button:first-of-type {
    background:  #a90711 !important;
    color: #fff;
}
.ui-dialog-content,
.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
    background: #fff !important;
}






/****************************************************************************************
	Recommended products additions
****************************************************************************************/
#content .recomended-product{
	display: none;
}
.recomended-product-Holder {
    padding-left: 10px;
    padding-right: 10px;
    float: right;
    max-width: 300px;	
}
.recomended-title {
    float: left;
    padding-bottom: 20px;
}
.recomended-holder {
    border-bottom: 1px solid #ededed;
    padding-top: 5px;
}
.recomended-img {
    float: left;
    height: 65px;
    width: 70px;
}
.recomended-img img {
    max-height: 60px;
    max-width: 60px;
}
.recomended-Rightside {
    float: left;
    font-size: 12px;
    max-width: 200px;
}
.recomended-name {
    height: 35px;
}
.recomended-price {
    font-size: 12px;
    font-weight: bold;
}





/****************************************************************************************
	2015 May - shop standardation rules
****************************************************************************************/
span.redText { color: #990000; display: inline; }
h2.blackText { color: #000000; }
h2.blackText {
	font-size: 11px;
	font-family: verdana,geneva,sans-serif;
}
.category_details_split_table p {
	font-family: verdana,geneva,sans-serif;
	font-size: 11px;
}
.requestaquote input,
#pageViwer_content3_div input[type='checkbox'],
#pageViwer_content6_div input[type='checkbox']{
    margin: 5px;
}





/*******************************************
amendment to registration email permission
********************************************/
.reg-newslettertable,
.reg-newslettertable .registration_label span{
	font-size: 11px;
}



}
/***			END: Style related to shop elements handed below this point			 ****
****************************************************************************************/





/*****************************************************
BEGIN desktop only								    */
@media only screen and (min-width: 991px){


	/****************************************************************************************
	base structure
	****************************************************************************************/	
	.mobileOnly,
	.mobileonly{
		display: none !important;
	}
	#tophead,
	#headbar{
		display: block !important;
	}
	
	
	/****************************************************************************************
		UPDATED - MAIN MENU
	****************************************************************************************/
	.mobile-nav{
		display: none;
	}
	#menubar_holder li{
		height: 28px;
		padding-top: 14px;
		float: left;
	}
	#menubar_holder li a{   
		color: #FFFFFF;
		cursor: pointer;
		font: bold 14px/16px arial;
		text-decoration: none;	
	}
	#menubar_holder li a:hover {
	 color: #fff;
	}
	#menubar_holder li div a{
	/* height: 19px;  float: left;*/ background-color: #fff; 
	color: #666; font: 12px arial; font-weight: normal; line-height: 15px;
	padding-top: 10px; padding-left: 18px; padding-right: 10px; cursor: pointer;
	}
	#menubar_holder li div a:hover{
	color: #000;
	}
	#mainmenu {
		width:1006px; height: 44px;
		z-index: 200 !important;
		position: relative;
		background: none repeat scroll 0 0 #666;
	}
	#mainmenu a.menuitem {
		display: block;
		height: 22px;
		position: absolute;
		color: white;
		text-decoration: none;
		padding: 7px 0px 0px 0px;
		font-weight: bold;
		font-size:12px;
		margin-top: 5px;
		text-transform:uppercase;
		text-align:center;
		z-index: 999;
		float: left;
	}
	#mainmenu a {display:block; }
	#mainmenu li {text-align: center; display: block;}
	#mainmenu li:hover div.dropdown,
	li.over div.dropdown,
	#mainmenu li:hover div.dropdown2,
	li.over div.dropdown2,
	#mainmenu li:hover div.dropdown3,
	li.over div.dropdown3,
	#mainmenu li:hover div.dropdown4,
	li.over div.dropdown4,
	#mainmenu li:hover div.dropdown7,
	li.over div.dropdown7 {display:block!important;}
	div.dropdown,
	div.dropdown2,
	div.dropdown3,
	div.dropdown4,
	div.dropdown7{
	position:absolute; 
	margin-top: 27px;
	width: auto; min-width: 100px;
	z-index:100;
	display:none;
	height: auto;
	border: 1px solid #000;
	text-decoration: none;
	color: #fff;
	font-size: 11px;
	background-color: #fff; 
	padding-bottom: 10px; 
	text-align: left;
	margin-left: -1px;
	}
	div.dropdown{
	z-index: 200 !important;
	width: 182px;
	*margin-left: -102px;  
	}
	div.dropdown2{
	  width: 182px;
	  *margin-left: -102px;
	}
	div.dropdown3{
		width: 167px;
		*margin-left: -99px;
	}
	div.dropdown4{
	z-index: 200 !important;
	width: 100px;
	  *margin-left: -84px;  
	}
	#MainMenuLi5 .dropdown{
	width: 142px;
		*margin-left: -85px;
	}
	div.dropdown7{
		width: 215px;
	}
	#MainMenuLi5 .dropdown4 a, #MainMenuLi5 .dropdown a{
		width: 70px;
	}
	#MainMenuLi5 .dropdown4 a:hover, #MainMenuLi5 .dropdown a:hover{
		width: 70px;
	}
	div.dropdown a,
	div.dropdown2 a,
	div.dropdown3 a,
	div.dropdown4 a {
	background-image:none!important;
	display:block;
	color: #fff;
	font-size: 11px;
	float: none!important;
	height: auto!important;
	text-decoration: none;
	}
	div.dropdown a:hover,
	div.dropdown2 a:hover,
	div.dropdown3 a:hover,
	div.dropdown4 a:hover {
	color: #ccc;
	}
	#mainmenu li:hover div.corporateDropdown, li.over div.corporateDropdown { display: block!important; }
	.corporateDropdown {
		position:absolute; 
		margin-top: 27px;
		width: auto; min-width: 120px;
		z-index:100;
		display:none;
		height: auto;
		border: 1px solid #000;
		text-decoration: none;
		color: #fff;
		font-size: 11px;
		background-color: #fff; 
		padding-bottom: 10px;
		text-align: left;
	}
	div.corporateDropdown {
		z-index: 200 !important;
		width: 128px;
		*margin-left: -82px;  
	}
	#MainMenuLi6 .corporateDropdown{
		width: 152px;
		*margin-left: -73px;
	}
	#MainMenuLi6 .corporateDropdown a{
		/* width: 113px; */
	}
	#MainMenuLi6 .corporateDropdown a:hover{
		/* width: 113px; */
	}
	div.corporateDropdown a {
		background-image:none!important;
		display:block;
		color: #fff;
		font-size: 11px;
		float: none!important;
		height: auto!important;
		text-decoration: none;
	}
	div.corporateDropdown a:hover {
		color: #ccc;
	}
	/**  	Set width li's - 1px off each as of 17 May, added 5 onto corporate	***/
	#MainMenuLi1{
	width: 84px;
	display: none !important;
	}
	#MainMenuLi2{
	width: 183px;
	}
	#MainMenuLi3{
	width: 183px;
	}
	#MainMenuLi4{
	width: 168px;
	}
	#MainMenuLi5{
	width: 100px;
	}
	#MainMenuLi6{
	width: 153px;
	}
	#MainMenuLi7{
	width: 215px;
	}
	.additionalHeaderMenuItemRow{
	height: 20px;
	width: 400px;
	}
	#mainmenu .menubar_hoverHighlight{
		background: #000 !important;
	}
	#menubar_holder{
	 width: 100% !important; 
	margin: 0px !important;
	padding: 0px;
	position: absolute;
	z-index: 200;

	}

	
	
	
	

	/****************************************************************************************
	 carousel - remade, responsive using bxslider
	****************************************************************************************/
.desktopCarouselHolder,
.newslist-holder {
    max-height: 335px;
	overflow: hidden;
}
	.mobileCarouselHolder{ display: none; }
	#pageViwer_HomePageContent1_div .bx-wrapper {
		min-height: 338px;
	}
	#pageViwer_HomePageContent1_div .bxslider div > a,
	#pageViwer_HomePageContent1_div .bxslider img{
		display: block; 
	}
	#pageViwer_HomePageContent1_div .bxslider > div{
		max-width: 992px;
	}
	.bx-prev,
	 .bx-wrapper .bx-prev{
		background: rgba(0, 0, 0, 0) url("/app/uploads/Carousel_left_arrow.png") repeat scroll 0 0;
		left: 0;
		top: 50%;
		opacity: 1.0 !important;
	}
	.bx-next,
	 .bx-wrapper .bx-next{
		background: rgba(0, 0, 0, 0) url("/app/uploads/Carousel_right_arrow.png") repeat scroll 0 0; 
		right: 0;
		top: 50%;
		opacity: 1.0 !important;
	}
	 .carouselBlackTextBar {
		background: rgba(0, 0, 0, 0.35) none repeat scroll 0 0;
		bottom: 0;
		box-sizing: border-box;
		color: #fff;
		cursor: default;
		font-size: 24px;
		left: 0;
		padding: 8px;
		position: absolute;
		text-align: right;
		width: 100%;
		max-width: 992px;
		display: block;
	}
	.carouselBlackTextBar a {
		color: #fff;
		text-decoration: none;
	}	
	

	
	/* to force banner display*/
	.category_details_split_table_right a {
		display: block !important;
	}
	
	.topofelement{
		float: left;
	}
	.topofelement:first-child {
		width: 60%;
	}
	.topofelement:nth-child(2) {
		width: 40%;
	}
	.clearer{
		clear:both;
	}
	
	
}
/* END desktop only									 *
*****************************************************/




/*****************************************************
BEGIN mobile devices							    */
@media only screen and (max-width: 990px) {

/****************************************************************************************
base structure
****************************************************************************************/
	.desktopOnly{
		display: none !important;
	}
	#HomePageMainWrap2012,
	#TwoColumnMainWrap2012	{
		min-width: 320px;
		width: 100%;
		box-sizing: border-box;
		background: #e3e3e3;
	}
	#container2012{
		/* background-image: none;
		background-image: url("/app/uploads/repeatheader.png");
		*/
		background: transparent url(/app/uploads/header-gradient-background.jpg) repeat-x;
		width: 100%;
		box-sizing: border-box;
		background-repeat: repeat-x;
		background-size: auto 50px;
	}



/****************************************************************************************
header
****************************************************************************************/
#mainhead {
	height: auto;
	min-height: 50px;
	width: 100%;
	box-sizing: border-box;
	/*
	background: #fff url(/app/uploads/header-text-brand-large.png) no-repeat;
	
	background: transparent url(/app/uploads/header-example-with-background.png) no-repeat;
	*/
	background: transparent url(/app/uploads/header-text-mobile-grey.png) no-repeat;
	
	background-position: 55px 15px;
	background-size: 175px;
}
.mainHeadLogoLink {
	position: relative;
    height: 50px;
    display: block;
    float: left;
    width: 50px;
	box-sizing: border-box;
	background-image: url(/app/uploads/highland-fayre-wax-icon.png);
	background-size: 50px 50px;
	margin-left: 4px;
}
.mainHeadLogoLink a{
	width: 200px;
	height: 50px;
}	
.AdditionalHeaderMenu2012 {
	margin: 0px;
	padding: 0px;
	display: none;
	box-sizing: border-box;
}
.mobile-nav {
    display: block;
    float: right;
    width: 84px;
}
.mobileShopUserMenuButton, .mobileMainMenuButton {
    background: #e3e3e3 none repeat scroll 0 0;
    color: #666;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 34px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 42px;
	transition: all 0.5s ease 0s;
}
.mobileShopUserMenuButton{
	font-size: 30px;
	padding-top: 8px;
	height: 42px;
	/* box-sizing: border-box; */
}
.mobileShopUserMenuButton:hover, 
.mobileMainMenuButton:hover, 
.currentSelectedMobileMenu {
	background: #666;
	color: #fff;
}
#tophead{
	margin: 0px;
	padding: 0px;
	display: none; 
	box-sizing: border-box;
	width: 100%;
	height: auto;
	clear: both;
}
#headbar {
    height: auto;
    width: 100%;
	box-sizing: border-box;
	display: none;
	transition: all 0.5s ease 0s;
}


	/****************************************************************************************
		Mobile - basket holder menu
	****************************************************************************************/
	#tophead{
		background: #666 none repeat scroll 0 0;
		color: #fff;
		border: 0px;
		transition: all 0.5s ease 0s;
	}
	#tophead .topheadLoginSection,
	#tophead .topheadItemsPerBasket,
	#tophead #topheadSearchBlock,
	#tophead .itemsPerBasketTelephoneRow{
		width: 100%;
		height: auto;
		margin: 0px;
		padding: 0px;
		clear: both;
		border: 0px;
	}
	#tophead .topheadItemsPerBasket{
		padding-top: 5px;
		padding-bottom: 5px;
		background: #e3e3e3;
		border-top: 1px solid #666;	
		border-bottom: 1px solid #e3e3e3;
	}
	#tophead .topheadItemsPerBasket > div{
		padding-left: 10px;	
	}
	#tophead .itemsPerBasketTelephoneRow{
		width: 220px;
		margin-left: auto;
		margin-right: auto;
		height: 45px;
	}
	#tophead .topheadLoginMenuItem{
		width: 100%;
		background: none;
		text-align: left;
		padding: 10px;
		cursor: pointer;
		font: bold 14px/16px arial;
		text-decoration: none;	
		color: #fff;
		border: 0px;	
		transition: all 0.5s ease 0s;
		box-sizing: border-box;
	}
	#tophead .topheadLoginMenuItem,
	#tophead .topheadLoginMenuItem a{
		color: #fff;
		transition: all 0.5s ease 0s;		
	}
	#tophead .topheadLoginMenuItem:hover,
	#tophead .topheadLoginMenuItem:hover a{
		background: #000;
	}
	#tophead a,
	.itemsPerBasketTelephoneRow{
		color: #666;
	}		
	#tophead #topheadSearchBlock{
		padding-bottom: 10px;
		background: #e3e3e3;
		border: 0px;
		border-bottom: 1px solid #666;		
	}
	.search_container {
		margin-left: auto;
		margin-right: auto;	
	}
	


		
	/****************************************************************************************
		UPDATED - MAIN MENU
	****************************************************************************************/
	#menubar_holder li{
		height: 28px;
		padding-top: 14px;
		float: left;
	}
	#menubar_holder li a{   
		color: #FFFFFF;
		cursor: pointer;
		font: bold 14px/16px arial;
		text-decoration: none;	
	}
	#menubar_holder li div a{
	height: 19px; background-color: #fff; 
	color: #666; font: 12px arial; font-weight: normal; line-height: 15px;
	padding-top: 10px; padding-left: 18px; padding-right: 10px; cursor: pointer;
	}
	#menubar_holder li div a:hover{
	color: #000;
	}
	#mainmenu {
		background: none repeat scroll 0 0 #666;
	}
	#mainmenu a.menuitem {
		display: block;
		height: 22px;
		color: white;
		text-decoration: none;
		padding: 7px 0px 0px 0px;
		font-weight: bold;
		font-size:12px;
		margin-top: 5px;
		text-transform:uppercase;
		text-align:center;
		float: left;
	}
	#mainmenu a {
		display:block; 
	}	
	#mainmenu li {
		text-align: center; 
		display: block;
	}	
	div.mainMenuList{
	width: auto; min-width: 100px;
	display:none;
	height: auto;
	border: 1px solid #000;
	text-decoration: none;
	color: #fff;
	font-size: 11px;
	background-color: #fff; 
	padding-bottom: 10px; 
	text-align: left;
	margin-left: -1px;
	}
	div.mainMenuList a{
	background-image:none!important;
	display:block;
	color: #fff;
	font-size: 11px;
	float: none!important;
	height: auto!important;
	text-decoration: none;
	}
	#menubar_holder{
	 width: 100% !important; 
	margin: 0px !important;
	padding: 0px;
	}

/****************************************************************************************
main menu
****************************************************************************************/
#mainmenu {
	/* display: none; */
    height: auto;
    width: 100%;
	box-sizing: border-box;
}
#menubar_holder {
    margin: 0 !important;
    padding: 0;
    position: relative;
	box-sizing: border-box;
}
#menubar_holder li{
    height: auto;
    width: 100%;
	padding: 0px;
	background: #666;
	box-sizing: border-box;
	transition: all 0.5s ease 0s;
}
#menubar_holder li:hover{
	background: #000;
}
#menubar_holder li a {
	padding: 10px;
	text-align: left;
}
div.mainMenuList{
	width: 100%;
}





/****************************************************************************************
main carousel on homepage
****************************************************************************************/
.desktopCarouselHolder{ display: none; }
.mobileCarouselHolder img{ width: 100%; }
.bxslider img {
    background: #fff;
}



/****************************************************************************************
advert block below carousel on homepage
****************************************************************************************/
.HomePageAdvertBoxHorizontal5{
	display: none;
}
.HomePageAdvertBoxHorizontal1, .HomePageAdvertBoxHorizontal2, .HomePageAdvertBoxHorizontal3, .HomePageAdvertBoxHorizontal4 {
    padding: 0px;
	width: 46%;
	padding-left: 2%; padding-right: 2%;
	/* box-sizing: border-box; */
}
.HomePageAdvertBoxHorizontal1 .advertBlock2012, .HomePageAdvertBoxHorizontal2 .advertBlock2012, 
.HomePageAdvertBoxHorizontal3 .advertBlock2012, .HomePageAdvertBoxHorizontal4 .advertBlock2012, .HomePageAdvertBoxHorizontal5 .advertBlock2012 {
    width: 100%;
	/* max-width: 191px; */
	margin-left: auto;
	margin-right: auto;
	transition: all 0.5s ease 0s;
}
.HomePageAdvertBoxHorizontal1 .advertBlock2012Header, .HomePageAdvertBoxHorizontal2 .advertBlock2012Header, 
.HomePageAdvertBoxHorizontal3 .advertBlock2012Header, .HomePageAdvertBoxHorizontal4 .advertBlock2012Header, .HomePageAdvertBoxHorizontal5 .advertBlock2012Header {
    width: 96%;
	padding-left: 4%;
	/* box-sizing: border-box; 
	height: 33px;*/ height: 24px;
	background-size: cover;
}

.advertBlock2012Content img {
    width: 100% !important;
	height: auto !important;
}











/****************************************************************************************
content
****************************************************************************************/
#maincontent {
	width: 100%;
	box-sizing: border-box;
	border: 0px;
}
#content_subsection, .content_subsection {
    clear: both;
    width: 100%;
	box-sizing: border-box;
}
.HomePageLeftBorder,
#leftborder {
    float: none;
    width: 100%;
	box-sizing: border-box;
}
.HomePageMainContentSectionHolder{
	float: none;
	margin: 0px;
	width: 100%;
	box-sizing: border-box;
}
#HomePageMainContentSection,
.HomePageMainContentSection{
	float: none;
	padding: 0px;
	box-sizing: border-box;
}


/* headings on homepage */
.HomePageMainContentSectionHolder h1 /*,
#pageViwer_HomePageMainContent5_div strong span*/{
	display: block;
	padding-left: 5%; padding-right: 5%;
	border-bottom: 1px dashed #999;
	line-height: 25px;
	padding-bottom: 5px;
}
.HomePageMainContentSectionHolder h2{
	padding-left: 5%;
	padding-right: 5%;
}

.HomeSplitText,
.HomeSplitTextLeft,
.HomeSplitTextRight{
	float: none;
	padding: 0px;
	width: 100%;
	box-sizing: border-box;
}



/*** promotional boxes on homepage ***/
.promotionRowHolder,
.promotionRowHolder table,
.promotionRowHolder table tbody,
.promotionRowHolder table tr,
.promotionRowHolder table td{
	clear:both;
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.NewInStockSingleItemHolder{
	margin-left: auto;
	margin-right: auto;
	float: none;
	display: block;
	box-sizing: border-box;
}

.NewInStock_row_holder div span span:nth-child(3n+3) span {
    margin-right: auto;
}
.NewInStockSingle_prod_img_container img,
.fullPromotionListSingle_prod_img_container img {
    max-width: 245px;
}




/****************************************************************************************
	promotional rotators on homepage
****************************************************************************************/
/*prevent display of original grids
.NewInStock_row_holder #pageViwer_HomePageMainContent3_ctl00_pnlList,

.promotionRowHolder #pageViwer_HomePageMainContent6_ctl00_ctl00_dlPromotions,
.promotionRowHolder #pageViwer_HomePageMainContent8_ctl00_ctl00_dlPromotions,   */
.NewInStock_row_holder > div, .promotionRowHolder table, .promotionRowHolder table
.homepageThirdRowProductList{
	display: none;
}
.NewInStock_row_holder > .mobileOnly{
	display: block;
}
.NewInStock_row_holder .bx-wrapper,
.promotionRowHolder .bx-wrapper {
	position: relative;
}
.NewInStock_row_holder .bx-wrapper .bx-controls-direction a,
.promotionRowHolder .bx-wrapper .bx-controls-direction a  {
    bottom: 50%;
}


/****************************************************************************************
	left column
****************************************************************************************/

/***** removing left column entirely, product category list with 
category image can be regained by removing the line below ****
#TwoColumnMainWrap2012 #leftborder{ display: none; }
.homepageLeftColumnHolderDivForMobile{
	display: table;
	width: 100%;
}
.HomePageLeftBorder,
.HomePageMainContentSectionHolder{
    display: block;
    width: 100%;
	margin: 0px;
	padding-top: 10px;
}
#LeftBorderArea1 {
    padding-top: 10px;
}
.HomePageMainContentSectionHolder{
	display: table-header-group;
}
.HomePageLeftBorder {
    display: table-footer-group;
}
#LeftBorderArea2 {    																
	display: none;
}
*/

/******** customers say section disabled on mobile *********
#LeftBorderArea3 {    																
	display: none;
}
#pageViwer_additional_left_col1_div .advertBlock2012{								
	width: 40%;
	float: left;
	padding-left: 5%; padding-right: 5%;
	padding-top: 0px;
    font-size: 11px;
}
#pageViwer_additional_left_col1_div .advertBlock2012Content{
    height: 95px;
    background: #000 url("/app/uploads/templates/brochures_link_placeholder.jpg") no-repeat scroll 0 0;
	background-position: right;
}
#pageViwer_additional_left_col1_div .advertBlock2012ContentSpotLight {
	background: url("/app/uploads/Featured_Hampers_image.jpg") no-repeat right #f6f6f6;
}
#pageViwer_additional_left_col1_div .advertBlock2012 .advertBlock2012ContentText{
	width: 65px;
	background: rgba(255,255,255,0.75);
	height: 75px;
}
#pageViwer_additional_left_col1_div .advertBlock2012Content img {	
   display: none;
}
#TwoColumnMainWrap2012 #pageViwer_additional_left_col1_div {
    display: none;
}
*/

/******** social icons block ********
#pageViwer_additional_left_col2_div > div > div{    																		
	display: block;
	float: left;
	width: 90%;
	padding-left: 5%; padding-right: 5%;
}
.leftborder2012_CategoryHeading {
	width: 100%;
	box-sizing: border-box;
	clear: both;
}
.leftborder2012_SocialMediaLinks {
    float: left;
}
.leftborder2012_SocialMediaLinksblogLinks{
	display: none;
}
#TwoColumnMainWrap2012 #pageViwer_additional_left_col2_div{
	display: none;
}
#pageViwer_additional_left_col4_div{							
	display: none;
}
*/




/****************************************************************************************
footer
****************************************************************************************/
#footer{
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding-top: 10px;
}
.footer_lowbar_column1 {
	float: none;
	/* width: 100%; */ width: 90%;
	padding: 0px;
	padding-left: 5%; padding-right: 5%;
	/* box-sizing: border-box; */
}
.footer_lowbar_column1 table{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.footer_lowbar_column2,
.footer_lowbar_column3 {
    /* width: 50%; */ width: 40%;
	padding-left: 5%; padding-right: 5%;
	/* box-sizing: border-box; */
}
/*
.footer_lowbar_column3 {
    width: 50%;
	padding-left: 5%; padding-right: 5%;
	box-sizing: border-box;
}*/
.footer_lowbar_column4 {
	clear: both;
    float: none;
	box-sizing: border-box;
}
.footer_lowbar_column4  img{
	margin-left: auto; margin-right: auto; 
	display: block;
}




/****************************************************************************************
Affiliate page
****************************************************************************************/
.affiliateContent{
	width: 100%;
	box-sizing: border-box;
}
.affiliateContent img{
	clear:both;
	margin-left: auto;
	margin-right: auto;
	display: block;
	float: none !important;
	box-sizing: border-box;
	max-width: 300px;
	padding-bottom: 5px;
}
.affiliateContent h1{
	clear: both;
	display: block;
	text-align: left;
}



/****************************************************************************************
Corporate discount page
****************************************************************************************/
.CorpDiscountContent{
	
}
.CorpDiscountContent img{
	clear:both;
	margin-left: auto !important;
	margin-right: auto !important;
	display: block;
	float: none !important;
	box-sizing: border-box;
	max-width: 300px;
	padding-bottom: 5px;
}



/****************************************************************************************
Testimonials page
****************************************************************************************/
.guestbook-form,
.guestbook-form tbody,
.guestbook-form tr,
.guestbook-form td{
	display: block;
	width: 100%;
	box-sizing: border-box;
	text-align: left !important;
}
.guestbook-form .registration_button{
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.guestbook-form .guest_comment,
.guestbook-form .shop-inp {
	width: 100%;
	box-sizing: border-box;
}
.single_guestbook_item {
	width: 100%;
	box-sizing: border-box;
}
.guestbook--title span {
    width: 100%;
	box-sizing: border-box;
}
.guestbook-tbl .guestbook-postedby {
    overflow: hidden;
    width: 100%;
	box-sizing: border-box;
}


/****************************************************************************************
Downloads page
****************************************************************************************/
.downloadsContent{
	width: 100%;
	box-sizing: border-box;
}
.downloadsContent img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}



/****************************************************************************************
Corporate discounts form page
****************************************************************************************/
.corpDiscountFormHolder,
.corpDiscountFormHolder > tbody,
.corpDiscountFormHolder > tbody > tr,
.corpDiscountFormHolder > tbody > tr > td{
	display: block;
	width: 100%;
	box-sizing: border-box;
	text-align: left !important;
}
.corpDiscountFormHolder #recaptcha_widget_div{
	display: block;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}
.contactus_input,
select.contactus_input{
	width: 100%;
	box-sizing: border-box;
	margin-left: 0; margin-right:0;
}



/****************************************************************************************
Corporate discounts form page
****************************************************************************************/
.contactFormHolder,
.contactFormHolder > tbody,
.contactFormHolder > tbody > tr,
.contactFormHolder > tbody > tr > td{
	display: block;
	width: 100%;
	box-sizing: border-box;
	text-align: left !important;
}
.contactFormHolder #recaptcha_widget_div{
	display: block;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}
.contactFormHolder .brochure_request_input,
.contactFormHolder select.brochure_request_select{
	width: 95%;
	box-sizing: border-box;
	margin-left: 0; margin-right:0;
}


/****************************************************************************************
Contact us form page
****************************************************************************************/
.mobileContactUsLeft,
.mobileContactUsRight{
	clear: both;
	margin-bottom: 10px;
}


/****************************************************************************************
Brochure request form page
****************************************************************************************/
.brochureFormHolder
.brochureFormHolder > tbody,
.brochureFormHolder > tbody > tr,
.brochureFormHolder > tbody > tr > td{
	display: block;
	width: 100%;
	box-sizing: border-box;
	text-align: left !important;
}
.brochureFormHolder #recaptcha_widget_div{
	display: block;
	width: 95%;
	box-sizing: border-box;
	overflow: hidden;
	margin-left: -5px;
}
.brochureFormHolder .brochure_request_input,
.brochureFormHolder select.brochure_request_select{
	width: 95% !important;
	box-sizing: border-box;
	margin-left: 0; margin-right:0;
}


/****************************************************************************************
Request quote form page
****************************************************************************************/
.requestaquote,
.requestaquote > tbody,
.requestaquote > tbody > tr,
.requestaquote > tbody > tr > td{
	display: block;
	width: 100%;
	box-sizing: border-box;
	text-align: left !important;
}
.requestaquote #recaptcha_widget_div{
	display: block;
	width: 95%;
	box-sizing: border-box;
	overflow: hidden;
}
.requestaquote .brochure_request_input,
.requestaquote select.brochure_request_select{
	width: 95% !important;
	box-sizing: border-box;
	margin-left: 0; margin-right:0;
}







/**************************************************************************************
***																					***
***					SHOP ELEMENT CHANGES BELOW THIS POINT 							***
***																					***
**************************************************************************************/



/****************************************************************************************
Category pages  -  main content column structural elements
****************************************************************************************/
#content_subsection{
	/* display: table; */
}
#content{
	/*padding-left: 10px;
	padding-right: 10px;*/
	float: none;
	margin: 0px;
	background: #fff;
	padding-left: 2%;
	padding-right: 2%;
	width: 96%;
}



/****************************************************************************************
category description holder
****************************************************************************************/
.category_details_split_table,
.category_details_split_table tbody,
.category_details_split_table tr,
.category_details_split_table td{
	display: block;
}
.category_details_split_table_left{
	width: 100%;
}
.category_details_split_table_spacer{ 
	display: none; 
}
.category_details_split_table_right{
	width: 100%;
}
.category_details_split_table img{
	display: block;
	max-width: 100%;
}
.category_details_split_table_right img{
	display: none;
}




/****************************************************************************************
category product listing
****************************************************************************************/
.mainContentColumnsProductListGridControlRowCurrency {
    display: none;
}
#pageViwer_content7_ctl00_ctl00_ProductMenuResultsSection1_ProductList1,
#pageViwer_content7_ctl00_ctl00_ProductMenuResultsSection1_ProductList1 > tbody,
#pageViwer_content7_ctl00_ctl00_ProductMenuResultsSection1_ProductList1 > tbody>tr,
#pageViwer_content7_ctl00_ctl00_ProductMenuResultsSection1_ProductList1 > tbody>tr>td{
	display: block;
	width: 100%;
}
.mainContentColumnsProductListGridProduct{
	margin-left: auto;
	margin-right: auto;
}

.productmenu-list-area .mainContentColumnsProductListGridProduct {
    border-top: 1px solid #ddd;
    clear: both;
    min-height: 120px;
	max-height: 150px;
/*  padding-left: 5px; padding-right: 5px;  
	width: 100%;
	box-sizing: border-box;*/
    padding-left: 1%;
    padding-right: 1%;
    width: 98%;
}
.mainContentColumnsProductListGridProduct_upperSection {
    min-height: auto;
}
.mainContentColumnsProductListGridProductName{
	display: none;
}
.productmenu-list-area .mainContentColumnsProductListGridProductImageHolder {
    float: left;
    height: 120px;
    width: 120px;
	display: block;
    overflow: hidden;
    text-align: center;
}
.productmenu-list-area .mainContentColumnsProductListGridProductImageHolder a {
    height: 120px;
    padding-right: 5px;
    width: 110px;
    color: #fff;
    text-align: center;
    vertical-align: middle;	
}
.productmenu-list-area .mainContentColumnsProductListGridProductImageHolder span {
    display: none;
}
.productmenu-list-area .mainContentColumnsProductListGridProductImageHolder img {
    max-height: 115px;
    max-width: 110px;
    padding-bottom: 5px;
}
.productmenu-name-link-mobile {
    color: #666;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
	padding-bottom: 10px;
	display: block;
}
.productmenu-name-link-mobile:hover{
	color: #000;
}
.productmenu-mobileIcon-link{
	display: block;
	float: right;
	width: 30px;
	height: 34px;
	background-image: url("/app/uploads/greyright.png");
	background-size: 30px 34px
}
.productmenu-list-area > span > br {
    display: none;
}


/****************************************************************************************
Category pages  -  Left column structural elements
****************************************************************************************/
#LeftBorderArea1 #pageViwer_super_prod_list_module_div{
	display: table;
	width: 100%;
}
#TwoColumnMainWrap2012 .leftborder2012_CategoryHeading{
	display: table-header-group;
	padding-top: 5px;
	padding-left:10px;
	background: #e3e3e3;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #666;
}
#TwoColumnMainWrap2012 .leftborder2012_CategoryHeading span{
	padding:10px;
	display: block;
}
.leftborder2012_CategoryHeaderImage{
	width: 100%;
	box-sizing: border-box;
}
.LeftBorder_super_cat_list_holder {
	width: 100%;
	box-sizing: border-box;
}
.LeftBorder_super_cat_list_holder table,
.LeftBorder_super_cat_list_holder tbody,
.LeftBorder_super_cat_list_holder tr,
.LeftBorder_super_cat_list_holder td{
	width: 100%;	
}
.leftborder2012_CategoryHeaderImage,
.LeftBorder_super_cat_list_holder{
	display: none;
}






/****************************************************************************************
Product pages  -  main product page elements
****************************************************************************************/
#feefologohere {
    display: none;
}
.prod_details_main,
.prod_details_main > table,
.prod_details_main > table > tbody,
.prod_details_main > table > tbody > tr,
.prod_details_main > table > tbody > tr > td{
	width: 100%;
	display: block;
}
.prod_details_header{
	display: table;
}
.prod_details_header h1{
	display: table-header-group;
	width: 100%;
}
.prod_details_header h1 span{
	color: #666;
}
.prod_details_reference{
	clear: both;
}	
#feefologohere{
	float: right;
}
#feefologohere img{
	max-width: 150px;
}
.prod_details_image_holder,
.productDetailsImagesMainImage a {
    max-width: 100%;
}
.productDetailsImagesMainImage {
    margin-left: auto;
    margin-right: auto;
    width: 75%;
}
.prod_details_image_holder img {
    margin-left: auto;
    margin-right: auto;
	display: block;
    max-width: 100%;
    width: 100%
}
.prod_details_image_holder .productDetailsImagesThumbRow img {
    display: block;
    float: left;
    margin-left: auto;
    margin-right: auto;
    max-width: 80px;
    width: 80px;
}
.imageEnlargerViewHolder{
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
.productDetailsHolderUpperSection .corp_buyer_ad_img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.productdetails-buy{
	width: 275px;
	margin-left: auto;
	margin-right: auto;
}
.productSocialTable {
    margin-left: auto;
    margin-right: auto;
    width: 260px;
}



/****************************************************************************************
Add to basket Pop-up
****************************************************************************************/
.ui-dialog {
    left: 0 !important;
    margin: auto !important;
    position: absolute !important;
    right: 0 !important;
    width: 80% !important;
	min-width: 256px;
}
.dialog_addedToBasketLeftDetails {
	width: 100%;
	max-width: 100%;
	padding: 0px;
}
.dialog_addedToleftSide, .dialog_addedToRightSide {
    float: none;
}
.dialog_addedToRightSide {
    width: 100%;
	float: none;
}
.dialog_addedToFooter {
    padding-top: 10px;
}
.addedToBasketLeftDetailsItemsInBasket {
    width: 50%;
}
.recomended-product-Holder {
    clear: both;
	max-width: 100%;
	width: 100%;
	padding: 0px;
}
.recomended-title {
    background: #ededed none repeat scroll 0 0;
    clear: both;
    display: block;
    margin-top: 15px;
    padding: 5px;
    text-transform: uppercase;
	float: none;
	font-weight: bold;
}



/****************************************************************************************
Personalisation add to basket Pop-up
****************************************************************************************/
.product_label_personalisation_section, .ProductPersonalisationPopUpWindow {
	top: 130px !important;
}
.product_label_personalisation_section{
    left: 0 !important;
    margin: auto !important;
    position: absolute !important;
    right: 0 !important;
    width: 90% !important;
	min-width: 256px;
	display: none;
}
span.personalisation_image_customisation_field_label_grey {
	width: 100%;
}
.ProductPersonalisationPopUpWindowContents table,
.ProductPersonalisationPopUpWindowContents tbody,
.ProductPersonalisationPopUpWindowContents tr,
.ProductPersonalisationPopUpWindowContents td,
.prod_details_addition_details{
	width: 100% !important;
	max-width: 100% !important;
	display: block;
	box-sizing: border-box;
}
.ProductPersonalisationPopUpWindowContents img{
	max-width: 100% !important;
	display: block;
	box-sizing: border-box;
}
.personalisation_image_customisation_input_field,
.personalisation_image_customisation_file_upload{
    box-sizing: border-box;
    width: 85% !important;
}
span.input_length_limit_status{
	width: 100% !important;
	max-width: 100%;
	text-align: left;
}
span.personalisation_image_customisation_preview_label {
	width: 100%
}
.ProductPersonalisationPopUpWindowContents .productdetails-buy {
	width: 100%;
}
.product_label_personalisation_section .ProductDetailsAdditionalAddToCartHolderAddButton {
	margin-left: 0px !important;
}




/****************************************************************************************
similar product list  -  main product page "Other gifts you may also like..."
****************************************************************************************/
	.relatedProductsHolder,
	.relatedProductsHolder > table,
	.relatedProductsHolder > table > tbody,
	.relatedProductsHolder > table > tbody > tr,
	.relatedProductsHolder > table > tbody > tr > td{
		width: 100%;
		display: block;
	}
	.relatedProductsHolder .mainContentColumnsProductListGridProduct {
		border-top: 1px solid #ddd;
		clear: both;
		min-height: 120px;
		/*
		padding-left: 5px; padding-right: 5px;
		width: 100%;
		box-sizing: border-box; */
		max-height: 140px;
		padding-left: 1%;
		padding-right: 1%;
		width: 98%;		
	}
	.relatedProductsHolder .mainContentColumnsProductListGridProductImageHolder {
		float: left;
		height: 120px;
		width: 120px;
		display: block;
		overflow: hidden;
		text-align: center;
	}
	.relatedProductsHolder .mainContentColumnsProductListGridProductImageHolder a {
		height: 120px;
		padding-right: 5px;
		width: 110px;
		color: #fff;
		text-align: center;
		vertical-align: middle;	
	}
	.relatedProductsHolder .mainContentColumnsProductListGridProductImageHolder span {
		display: none;
	}
	.relatedProductsHolder .mainContentColumnsProductListGridProductImageHolder img {
		max-height: 115px;
		max-width: 110px;
		padding-bottom: 5px;
	}
	.relatedProductsHolder .prod_details_specialoffer {
		max-width: 75px;
	}



/****************************************************************************************
special offers page   
****************************************************************************************/
.fullPromotionListHolder,
.fullPromotionListHolder > table,
.fullPromotionListHolder > table >tbody,
.fullPromotionListHolder > table >tbody>tr,
.fullPromotionListHolder > table >tbody>tr >td{
	display: block;
}
.fullPromotionListHolder .fullPromotionListSingleItemHolder {
    border-top: 1px solid #ddd;
    clear: both;
    max-height: 150px;
    min-height: 120px;
    padding-left: 1%;
    padding-right: 1%;
    width: 98%;
}
.fullPromotionListSingleItemHolder .fullPromotionListSingle_prod_img_container {
    display: block;
    float: left;
    height: 120px;
    overflow: hidden;
    text-align: center;
    width: 120px;
}
.fullPromotionListSingleItemHolder .fullPromotionListSingle_prod_img_container a {
    color: #fff;
    height: 120px;
    padding-right: 5px;
    text-align: center;
    vertical-align: middle;
    width: 110px;
}
.fullPromotionListSingleItemHolder .fullPromotionListSingle_prod_img_container span {
    display: none;
}
.fullPromotionListSingleItemHolder .fullPromotionListSingle_prod_img_container img {
    max-height: 115px;
    max-width: 110px;
    padding-bottom: 5px;
}

/****************************************************************************************
Login page   
****************************************************************************************/
.login-holder,
.login-holder table,
.login-holder tbody,
.login-holder tbody tr,
.login-holder tbody tr td{
	display: block;
	width: 100%;
	box-sizing: border-box;
	text-align: left !important;
}
.login-holder .login_input{
	width: 95%;
	box-sizing: border-box;
	margin-left: 0; margin-right:0;
}
.login-holder .login-button{
	margin-top: 10px;
	margin-bottom: 10px;
	height: auto;
	padding: 5px;
}



/****************************************************************************************
Previous orders page   
****************************************************************************************/
.prevorders-table .orders_gridheader{
	background: #a90711;
	font-size: 12px;
}
.prevorders-table,
.prevorders-table  .important1, .important2{
	font-size: 12px;
}



/****************************************************************************************
basket  
****************************************************************************************/
.stage6{
	display: none;
}
	
}
/* END mobile devices								 *
*****************************************************/






/*****************************************************
BEGIN tablet scale devices						    */
@media only screen and (max-width: 990px) and (min-width: 681px)  {
#mainhead {
	background-position: 50px 13px;
	background-size: 225px;
}

/****************************************************************************************
Change to main header to utilise a 75px high header bar instead of 50px.
****************************************************************************************/
#mainhead {
	min-height: 75px;
	background-position: center -6px;
	background-image: url(/app/uploads/header-text-tablet-2016.png);
}
.mainHeadLogoLink {
	height: 75px;
	width: 75px;
	background-size: 75px 75px;
}
#container2012 {
	background-size: auto 75px;
}
.mobile-nav {
	width: 120px;
}
.mobileShopUserMenuButton, .mobileMainMenuButton {
	height: 75px;
	line-height: 75px;
	width: 60px;
}
.mobileShopUserMenuButton {
    height: 55px;
    padding-top: 20px;
}




/****************************************************************************************
main carousel on homepage
****************************************************************************************/
	.desktopCarouselHolder{ display: block; }
	.mobileCarouselHolder{ display: none; }
	

/****************************************************************************************
advert block below carousel on homepage
****************************************************************************************/	
	.HomePageAdvertBoxHorizontal1, 
	.HomePageAdvertBoxHorizontal2, 
	.HomePageAdvertBoxHorizontal3, 
	.HomePageAdvertBoxHorizontal4,
	.HomePageAdvertBoxHorizontal5	{
		padding: 0 1%;
		width: 18%;
	}	
	.HomePageAdvertBoxHorizontal5 {	
		display: block;
	}
	.advertBlock2012Header h3 {
		font-size: 13px;
	}	


/****************************************************************************************
promotional boxes on homepage
****************************************************************************************/	
	.mobileOnly.homepageFirstRowProductList,
	.mobileOnly.homepageSecondRowProductList,
	.homepageThirdRowProductList{
		display: none;
	}
	.NewInStock_row_holder > div, 
	.promotionRowHolder table, 
	.promotionRowHolder table {
		display: block;
	}
	.NewInStockSingleItemHolder{
		width: 33%;
		float: left;
		border: 0px;
	}
	.NewInStockSingleItemHolder>span,
	.NewInStockSingleItemHolder>div{
		width: 254px;
		margin-left: auto;
		margin-right: auto;	
		box-sizing: border-box;
		display: block;	
		border: 1px solid #eae7e8;
	}
	.promotionRowHolder, 
	.promotionRowHolder table, 
	.promotionRowHolder table tbody, 
	.promotionRowHolder table tr, 
	.promotionRowHolder table td{
		clear: none;
	}


/****************************************************************************************
Footer
****************************************************************************************/	
/*	.HomePageLeftBorder .advertBlock2012 >div{
		max-width: 275px;
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
	}
	
	#pageViwer_additional_left_col2_div {
		width: 590px;
		margin-left: auto;
		margin-right: auto;
	}
	.leftborder2012_SocialMediaLinksblogLinks {
		float: left;
		margin-top: 5px;
		display: block;
	}	
	
	.footer_lowbar_column1{
		float: left;
		padding: 0 1%;
		width: 48%;
	}
	.footer_lowbar_column2, 
	.footer_lowbar_column3 {
		padding-left: 1%;
		padding-right: 1%;
		width: 23%;
	}	
	.advertBlock2012Header {
		height: 30px;
	}	
*/

/****************************************************************************************
Request brochure page
****************************************************************************************/	
	.brochureFormHolder {
		width: 100%;
	}


/**************************************************************************************
***																					***
***					SHOP ELEMENT CHANGES BELOW THIS POINT 							***
***																					***
**************************************************************************************/


/****************************************************************************************
category pages
****************************************************************************************/	
	.productmenu-list-area .mainContentColumnsProductListGridProductImageHolder img {
		max-height: 150px;
		max-width: 150px;
	}	
	.productmenu-list-area .mainContentColumnsProductListGridProductImageHolder a {
		height: 150px;
		width: 150px;
	}	
	.productmenu-list-area .mainContentColumnsProductListGridProductImageHolder {
		height: 150px;
		width: 150px;
		padding-right: 20px;
	}	
	.productmenu-list-area .mainContentColumnsProductListGridProduct {
		max-height: 160px;
	}	
	
}
/* END tablet scale devices							 *
*****************************************************/






/*****************************************
 BEGIN - Module grids  
 ****************************************
  supplies different percentages 
 depending on window size for specific grids
 e.g. different size screens benefit from having
 either 1,2,3,4 columns depending on resolution
 ****************************************/ 
 @media only screen and (max-width: 388px)
{
	/** prevent text overflow on smaller screens**/
	.leftborder2012_SocialMediaLinks {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
}
 @media only screen and (min-width: 395px) and (max-width: 680px)
{
/* to center header text */
#mainhead {
	background-position: center 15px;
}

}
 @media only screen and (max-width: 400px)
{
	/** prevent text overflow on smaller screens**/
	.advertBlock2012Header h3 {
		font-size: 12px;
	}	
}
@media only screen and (min-width: 681px) and (max-width: 740px)
{
	.advertBlock2012Header h3 {
		font-size: 12px;
	}
}
@media only screen and (min-width: 681px) and (max-width: 800px)
{
	.NewInStockSingleItemHolder {
		width: 50%;
	}
}
 @media only screen and (max-width: 680px){
/****************************************************************************************
	Corporate hamper guide -  structural reworking
****************************************************************************************/
	.RowTwoThirds,	
	.RowOneThird,
	.corpContentTableLeft,
	.corpContentTableRight{
		clear: both;
		width: 100%;
	}	
	.corpContentTableLeft{
		background: none;
	}
	.corpContentTableLeft,
	.corpContentTableRight{
		padding-top: 40px;
	}
	.corpContentTable img {
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
		max-width: 70%;
	}	
/****************************************************************************************
	about us -  structural reworking
****************************************************************************************/	
	.aboutUsContentHolder,
	.AboutusTopRow,
	.AboutusBottomRow,
	.AboutusTopRowLeft,
	.AboutusTopRowRight,
	.AboutusBottomRowLeft,
	.AboutusBottomRowRight{
		width: 100%;
		clear: both;
	}
	.AboutUsimage2,
	.AboutUsimage1,
	.AboutUsimage4{
		display: none;
	}
	.AboutUsimage3,
	.AboutUsimage5{
		width: auto;
		height: auto;
		max-width: 80%;
		margin-left: auto;
		margin-right: auto;
		display: block;
		float: none;
	}
} 

/*begin added 27-09-2016 *** 
    @media only screen and (max-width: 990px){ 
	
        #LeftBorderArea2 {
            display: block;
        } 

        .SpecialOffersParcelLabel{
            float: left;
            font-size: 11px;
            padding-left: 5%;
            padding-right: 5%;
            padding-top: 0;
            width: 40%;                
        }
        .SpecialOffersParcelLabel .SpecialOffersBanner{
            max-width: 100%;
            background-size: 100% auto;
        }
        .SpecialOffersParcelLabel .SpecialOffersBanner:hover{
            max-width: 100%;
            background-size: 100% auto;
            background-repeat: no-repeat;
        }

        #pageViwer_create_own_editor_div .advertBlock2012 {
            float: left;
            font-size: 11px;
            padding-left: 5%;
            padding-right: 5%;
            padding-top: 0;
            width: 40%;
            margin-bottom: 10px
        }
        #pageViwer_create_own_editor_div .advertBlock2012 .advertBlock2012ContentText {
            background: rgba(255, 255, 255, 0.75) none repeat scroll 0 0;
            height: 75px;
            width: 75px;
        }

        .leftColumnFeeFoItems > a,
        .leftColumnFeeFoItems{
            display: none;
        }

        .feeFoGoldLogo {
            float: left;
            max-width: 100%;
            margin-bottom: 10px;
        }
        .leftColumnFeeFoItems,
        .leftColumn30YearsLoGoImgHolder{
            float: left;
            font-size: 11px;
            padding-left: 5%;
            padding-right: 5%;
            padding-top: 0;
            width: 40%;
        }

        #pageViwer_additional_left_col1_div{
            clear: both;
        }
		
    }   

    @media only screen and (max-width: 550px){
        .leftColumn30YearsLoGoImgHolder{
            display: none;
        }
    } 
    
    @media only screen and (min-width: 550px) and (max-width: 990px){
        .leftColumn30YearsLoGoImgHolder,
        .SpecialOffersParcelLabel{            
            padding-top: 0;
            width: 45%;            
        }
        .SpecialOffersParcelLabel{            
            padding-left: 5%;
            padding-right: 0%;            
        }        
        .leftColumn30YearsLoGoImgHolder{            
            padding-left: 0%;
            padding-right: 5%;            
        }   

        
    }
 /*end added 27-09-2016 */   
 


/* END - Module grid  					  *
/*****************************************/


.footer_lowbar_column1 tr td:nth-child(3){
	display: none;
}



/* added 2016-10-06 */
.leftColumn30YearsLoGoImgHolder{
	display: none;
}
.mobileContactUsRight{
	display: none;
}
.greyedFooterBar{
	clear: both;
	background: #e3e3e3;
}
.footerRowTitle{
	padding-top: 10px;
	padding-left: 5px;
    font-family: arial;
    color: #666;
    font-size: 22px;
    display: block;
    margin: 15px 0;
    line-height: 25px;
    border-bottom: dashed 1px #999;
    padding-bottom: 5px;
}
.footerRowLogoHolder{
	width: 100%;
}
.footerRowLogoHolder div{
	float: left;
	max-width: 16.5%
}
.footerRowLogoHolder img{
	display:inline-block;
}
.footerRowLogoHolder .clear{
	float: none;
}



/****************************************************************************************
****																				 ****
****																				 ****
****			Begin: Style updates july 2017										 ****
****																				 ****
****																				 ****
****************************************************************************************/

/*****************************************************
BEGIN generic styling to be applied to all browsers */
@media only screen and (min-width: 1px){
	/*********************
	Main container changes
	*********************/
	#HomePageMainWrap2012{
		background: #fff;
	}	
	#maincontent{
		border-color: #fff;
	}
	.mobileSearchHolder{
		clear:both;
		padding-top: 5px;
		padding-bottom: 5px;
		background: #e3e3e3;
		border-top: 1px solid #666;
		border-bottom: 1px solid #e3e3e3;
	}

	/*********************
	homepage carousel
	*********************/
	#pageViwer_HomePageContent1_div .bx-wrapper {
		min-height: auto;
	}
	.desktopCarouselHolder .backgroundHolder{
		height: 500px;
	}
	.image-bg {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: auto;
		bottom: 0;
		height: 100%;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		z-index: -1;
	}	
	.desktopCarouselHolder .container {
		box-sizing: border-box;
		margin: 0 auto;
		max-width: 1240px;
		padding: 0 15px;
		width: 100%;
		height: 100%;
		position: relative;
	}
	.desktopCarouselHolder .text-container {
		background: none repeat scroll 0 0 #fff;
		box-shadow: -3px 2px 10px 3px rgba(0, 0, 0, 0.3);
		background-color: rgb(256, 256, 256);
		background-color: rgba(256, 256, 256, 0.85);
		/* height: 400px; height: 340px;*/
		/* width: 440px; width: 400px;*/
		height: 272px;
		width: 320px;
		top: 120px;  /* top: 70px;  */
		left: 80px;
		position: absolute;	
		border: 0 solid #d8d8d8;
		padding: 20px;	
		text-align: center;
		box-sizing: border-box;
	}
	.newCarouselBlackTextBar{
		/* font-size: 60px;	*/  font-size: 48px;
		/* line-height: 60px;	*/ line-height: 48px;
		margin-bottom: 0px;
		/* padding-bottom: 20px;	*/	padding-bottom: 16px;
		font-family: times new roman;
	}
	.newCarouselBlackTextBar,
	.newCarouselBlackTextBar a{
		color: #a90711;
		text-decoration: none;
	}
	.newCarouselBlackTextBar span{
		color: #666;
		clear:both; display: block;
	}
	.carouselBody{
		line-height: 1.5;
		color: #000;
		/* font-size: 20px;	*/ font-size: 16px;
	}
	.carouselBody a{
		background: #a90711;
		border: 1px solid #333;
		border-radius: 0;
		color: #fff;
		height: 35px;
		line-height: 33px;
		padding: 0 10px;
		text-transform: none;
		text-decoration: none;
		display: inline-block !important;
		margin-top: 20px;
		box-shadow: -3px 2px 10px 3px rgba(0, 0, 0, 0.2);
	}
	.carouselBody .grey{
		background: #666;
		color: #fff;
		border: 1px solid #ccc;
	}
	.carouselBody a:hover{
		color: #000;
	}
	
	
	
	/*********************
	New footer section, taken from left column
	*********************/
	#footer {
		padding-top: 0;
	}
	.Footer-2017-icons-block1,
	.Footer-2017-icons-block2,
	.Footer-2017-icons-block3,
	.Footer-2017-icons-block4,
	.Footer-2017-icons-block5,
	.Footer-2017-icons-block6,
	.Footer-2017-icons-block7,
	.Footer-2017-icons-block8{
		float: left;
		padding-top: 15px;
		text-align: center;
	}
	.leftborder2012_CategoryHeading,
	.feeFoGoldLogo {
		margin-top: 0px;
	}
	.Footer-2017-icons .advertBlock2012,
	.feefoLogo1 {
		padding-top: 0px;
	}
	.randomheadertxt, 
	.advertBlock2012ContentText,
	.randomMainContentText{
		text-align: left;
	}
	.feefoLogo1{
		margin-bottom: 10px;
	}
	.Footer-2017-icons .advertBlock2012{
		margin-bottom: 10px;
	}
	.advertBlock2012ContentSpecialOffers ,
	.advertBlock2012ContentLiveChat {
		clear: both;
		color: #000;
		font-size: 11px;
		height: 95px;
	}
	.advertBlock2012ContentSpecialOffers {
		background: #f6f6f6 url("/app/uploads/special-offers-advert-background.jpg") no-repeat scroll right center;
	}
	.advertBlock2012ContentLiveChat {
		background: #f6f6f6 url("/app/uploads/live-chat-advert-background.jpg") no-repeat scroll right center;	
	}
	.advertBlock2012ContentSpecialOffers a,
	.advertBlock2012ContentLiveChat a {
		color: #000;
		text-decoration: none;
	}
	.leftborder2012_CategoryHeading,
	.leftborder2012_SocialMediaLinksblogLinks{
		display: none;
	}

	/* feefo extra icons on product details page*/
	#feefologohere feefowidget-container-lightbox-service:nth-child(1){
		display: none !important;
	}
	
	/* new card logos addition */
	.footer_lowbar_column4 img {
		width: 140px;
	}
	
	/* new for default no search result message */
	.NoProductsFoundMessage{
		padding: 20px;
		clear: both;
	}
	
	.ProductDetailsAdditional .productdetails-buy > div:first-child{
		float: left;
		padding-right: 10px;
	}
	
	.mainContentColumnsProductListGridProductPriceDisplaTableColumnOne{
		float: left;
	}
	.prod_details_holder .productmenu-price-holder > div {
		width: 100%;
	}
}


/*****************************************************
BEGIN desktop view								    */
@media only screen and (min-width: 991px) {
	/*********************
	Main container changes
	*********************/
	#HomePageMainWrap2012,
	#container2012,
	#maincontent,
	#content_subsection, .content_subsection,
	.HomePageMainContentSectionHolder,
	#TwoColumnMainWrap2012,
	#content{
		width: 100%;
		max-width: 1240px;
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;		
	}
	#container2012{
		background-image: none;
	}
	#TwoColumnMainWrap2012 {
		background-image: none;
	}
	#content{
		float: none;
	}
	
	/*********************
	main header
	*********************/
	#mainheadOuter{
		width: 100%;
		background-image: url(/app/uploads/2017-repeater.jpg);
		background-repeat: reapeat-x;
	}
	#mainhead{
		width: 100%;
		max-width: 1240px;
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;	
		background-image: url(/app/uploads/luxury-hampers-personalised-gifts-highland-fayre.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		height: 146px;
	}
	.AdditionalHeaderMenu2012{display: none;}
	.mainHeadLeftSide{
		float: left;
		/* background-image: url("/app/uploads/header-right-side.jpg"); */
		background-image: none;
		background-repeat: no-repeat;
		height: 146px;
		padding-top: 30px;
		padding-right: 20px;
		box-sizing: border-box;		
	}
	.mainHeadLogoLink{
		background-image: none;
		height: 146px;
		width: 450px;	
		margin-left: 0px;
		left:-webkit-calc(50% - 225px);
		left:-moz-calc(50% - 225px);
		left:calc(50% - 225px);
	}
	.mainHeadLogoLink a{
		width: 100%;
	}
	#tophead{
		/* background-image: url(/app/uploads/header-right-side.jpg); */
		background-image: none;
		background-repeat: no-repeat;
		float: right;
		padding-left: 0px;
		padding-top: 25px;
		box-sizing: border-box;
		width: 300px;
	}
	#tophead .topheadLoginSection {
		border-bottom: none;
		height: auto;
		padding-left: 20px;
		padding-top: 0;
	}	
	.topheadLoginMenuItem{		
		color: #fff;
		cursor: pointer;
		float: left;
		position: relative;
		text-align: center;
		height: 40px;
		line-height: 50px;
		padding: 0 10px;
		width: auto;	
		background-position: left center;
	}
	.topheadLoginMenuItem a,
	.topheadLoginMenuItem span{
		vertical-align: middle;
		display: table-cell;
	}		
	.topheadLoginSection .topheadLoginMenuItem {
		font-size: 14px;
		background-position: left center;
		display: table;
		line-height: 13px;
		padding-right: 0px;
		margin-left: 15px;
	}
	.topheadItemsPerBasket {
		margin-left: 15px;
	}
	#headbar{
		width: 100%;	
		background: #666;
	}
	#mainmenu{
		width: 100%;
		max-width: 1240px;
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;		
		height: 43px;
	}
	#MainMenuLi1,
	#MainMenuLi2,
	#MainMenuLi3,
	#MainMenuLi4,
	#MainMenuLi5,
	#MainMenuLi6,
	#MainMenuLi7{
		width: 16.5%;
	}
	.mainMenuList{
		width: 16.5% !important;	
	}
	/* .desk-navbar-fixed*/
	#mainheadOuter{ 
		top: 0;
		z-index: 501;
		position: fixed;
		-webkit-transition-delay: 2s; /* Safari */
		transition-delay: 2s;
		transition-timing-function: ease-in;
	}
	.carouselBlock,
	#TwoColumnMainWrap2012{
		padding-top: 189px
	}
	/*********************
	homepage carousel
	*********************/
	.carouselBlock{
		width: 100%;
		clear: both;		
	}
	.desktopCarouselHolder, .newslist-holder {
		max-height: none;
	}
	#pageViwer_HomePageContent1_div .bx-wrapper {
		min-height: none;
	}
	#pageViwer_HomePageContent1_div .bxslider > div{
		max-width: 100%;
	}
	.carouselBlackTextBar {
		max-width: 100%;
	}



	/*********************
	homepage header advert boxes
	*********************/
	.HomePageAdvertBoxHorizontal1,
	.HomePageAdvertBoxHorizontal2,
	.HomePageAdvertBoxHorizontal3,
	.HomePageAdvertBoxHorizontal4,
	.HomePageAdvertBoxHorizontal5{
		width: 19%;
		margin-left: 0.5%;
		margin-right: 0.5%;
		box-sizing: border-box;
	}
	.HomePageAdvertBoxHorizontal1 .advertBlock2012, 
	.HomePageAdvertBoxHorizontal2 .advertBlock2012, 
	.HomePageAdvertBoxHorizontal3 .advertBlock2012, 
	.HomePageAdvertBoxHorizontal4 .advertBlock2012, 
	.HomePageAdvertBoxHorizontal5 .advertBlock2012 {
		width: 100%;
		box-sizing: border-box;
	}
	.HomePageAdvertBoxHorizontal1 .advertBlock2012Header, 
	.HomePageAdvertBoxHorizontal2 .advertBlock2012Header, 
	.HomePageAdvertBoxHorizontal3 .advertBlock2012Header, 
	.HomePageAdvertBoxHorizontal4 .advertBlock2012Header, 
	.HomePageAdvertBoxHorizontal5 .advertBlock2012Header {
		width: 100%;
		box-sizing: border-box;
		height: 32px;
		background-color: #717171;
	}
	.advertBlock2015Gradient {
		background-image: url(/app/uploads/categories-grey-white-gradient.jpg);
		color: #fff;
		background-position: right;
		background-repeat: no-repeat;
	}
	.HomePageAdvertBoxHorizontal1 .advertBlock2012Content, 
	.HomePageAdvertBoxHorizontal2 .advertBlock2012Content, 
	.HomePageAdvertBoxHorizontal3 .advertBlock2012Content, 
	.HomePageAdvertBoxHorizontal4 .advertBlock2012Content, 
	.HomePageAdvertBoxHorizontal5 .advertBlock2012Content {
		width: 100%;
		box-sizing: border-box;
	}
	.advertBlock2012Content img{
		width: 100% !important;
		max-height: 150px;
		box-sizing: border-box;
	}


	/**********************
	Footer additions
	*********************/
	#footer{
		background-color: #666;
		height: auto;
	}
	.footerRowTitle,
	#footer_topbar,
	#footer_lowbar {
		max-width: 1240px;
		margin-left: auto;
		margin-right: auto;
	}
	.footerRowTitle{
		margin-top: 0px;
	}

	.footerRowLogoHolder {
		max-width: 1240px;
		margin-left: auto;
		margin-right: auto;
	}
	.Footer-2017-icons{
		max-width: 1240px;
		margin-left: auto;
		margin-right: auto;	
	}
	.footer_lowbar_column1,
	.footer_lowbar_column2,
	.footer_lowbar_column3,
	.footer_lowbar_column4{
		width: 25%;
		box-sizing: border-box;
	}
	.footer_lowbar_column4{
		text-align: center;
	}

	/*********************
	New footer section, taken from left column
	*********************/
	.Footer-2017-icons-block1,
	.Footer-2017-icons-block2,
	.Footer-2017-icons-block3,
	.Footer-2017-icons-block4,
	.Footer-2017-icons-block5,
	.Footer-2017-icons-block6,
	.Footer-2017-icons-block7,
	.Footer-2017-icons-block8{
		margin-right: 1.5%;
		max-width: 15%;
		width: 15%;
	}
	.Footer-2017-icons-block4 .leftborder2012_SocialMediaLinks:nth-of-type(2){
		margin-top: 0;
	}






	/*********************
	homepage product grid
	*********************/
	.NewInStock_row_holder{
		width: 100%;
	}	
	.NewInStock-repeater > span {
		width: 25%;
		display: block;
		float: left;
	}
	
	.productmenu-whole .NewInStockSingleItemHolder{
		width: calc(25% - 20px);
		display: block;
		float: left;
		margin-left: 10px !important;
		margin-right: 10px !important;
		margin-bottom: 20px;
	}
	
	
	.NewInStockSingleItemHolder{
		box-sizing: border-box;
		margin-left: 2%;
		margin-right: 2% !important;
		width: 96%;
		box-sizing: border-box;
	}
	
	.NewInStockSingle_prod_img_container,
	.NewInStockSingle_prod_img_container a {
		display: block;
		text-align: center;
		width: 100%;
		box-sizing: border-box;
	}
	.NewInStockSingle_prod_img_container img 	{
		max-width: 100%;
		max-height: 200px;
		box-sizing: border-box;
	}	
	
.promotionRowHolder > table	{
	width:100%;
}
	/*********************
	testimonials page
	*********************/
	.guestbook-form,
	.guestbook-tbl{
		margin-left: auto;
		margin-right: auto;
	}

	
	/*********************
	corporate hampers guide page
	*********************/
	.corpContentTable{
		/* max-width: 100%; */
	}
	.centeredh2{
		max-width: 790px;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	/* requested to be added on 2017-07-27, to make the text block above table match width oif content below*/
	.corpContentHolder {
		margin-left: auto;
		margin-right: auto;
		max-width: 790px;
	}
	
/*****************************************************
****			Begin: Style related to shop modules *
******************************************************/

	/*********************
	special offers layout
	*********************/	
	.fullPromotionListHolder > table{
		width: 100%;
	}	
	.fullPromotionListHolder > table > tbody >tr>td,
	.fullPromotionListHolder > span > span{
		width: 25%;
		display: block;
		float: left;
	}
	.fullPromotionListSingleItemHolder {
		box-sizing: border-box;
		margin-left: 2%;
		margin-right: 2%;
		width: 96%;
	}
	
	
	/*********************
	product menu layout
	*********************/
	.category_details_split_table_left,
	.category_details_split_table_right{
		width: 48%;
		float: left;
	}
	.category_details_split_table_right img{
		margin-top: 15px;
	}
	.category_details_split_table_spacer {
		width: 4%;
		float: left;
	}
	.productmenu-list-area > table{
		width: 100%;
	}	
	.productmenu-list-area > table > tbody >tr>td,
	.productmenu-list-area > span > span{
		width: 25%;
		display: block;
		float: left;
	}
	.mainContentColumnsProductListGridProduct {
		box-sizing: border-box;
		margin-left: 2%;
		margin-right: 2%;
		width: 96%;
	}	
	.category_details_split_table_right a {
		display: block;
		text-align: center;
	}
	.mainContentColumnsProductListGridProductImageHolder,
	.mainContentColumnsProductListGridProductImageLink	{
		width: 100%;
	}
	.mainContentColumnsProductListGridProductImageHolder img 	{
		max-width: 100%;
	}
	.mainContentColumnsProductListGridProductImageHolder{
		display: table;
	}
	.productmenu-paging-area-bottom {
		clear: both;
	}	
	/* for stock message*/
	.mainContentColumnsProductListGridProduct_upperSection {
		position: relative;
	}	
	.mainContentColumnsProductListGridProduct_upperSection .shop-error {
		bottom: 0;
		font-size: 12px;
		position: absolute;
		right: 20px;
	}
	
	/*********************
	product details layout
	*********************/
	#feefologohere feefowidget-container-lightbox-service,
	#feefologohere feefowidget-container-lightbox-product	{
		clear: none;
		display: inline-block;
		float: right;
		margin-left: 10px;
		width: 175px;
	}	
	.prod_details_main>table{
		width: 100%;
	}
	.prod_details_main > table >tbody >tr>td:first-child{
		width: 60%;
	}
	.prod_details_main > table >tbody >tr>td:first-child img{
		max-height: 600px;
	}
	.prod_details_image_holder {
		max-width: 100%;
		text-align: center;
	}
	.imageEnlargerViewHolder {
		max-width: 250px;
		margin-left: auto;
		margin-right: auto;
	}
	
	/*********************
	related product layout
	*********************/
	.relatedProductsHolder > table{
		width: 100%;
	}	
	.relatedProductsHolder > table > tbody >tr>td,
	.relatedProductsHolder > span > span {
		width: 25%;
		display: block;
		float: left;
	}
	.relatedProductsHolder .mainContentColumnsProductListGridProduct {
		box-sizing: border-box;
		margin-left: 2%;
		margin-right: 2%;
		width: 96%;
	}

	
	/*********************
	contact forms
	*********************/	
	
	/* request a quote form */
	.requestaquote,
	.requestaquote tbody{
		width: 100%;
		display: block;
	}
	.requestaquote td,
	.requestaquote tr{
		width: 50%;
		display: block;
		float: left;
	}	
	.requestaquote tr td:nth-child(1){
		line-height: 45px;
		width: 40%;
	}
	.requestaquote tr td:nth-child(2){
		width: 60%;		
	}
	
	/* heading rows */
	.requestaquote tbody tr:nth-child(1),
	.requestaquote tbody tr:nth-child(8),
	.requestaquote tbody tr:nth-child(14),
	.requestaquote tbody tr:nth-child(18),
	.requestaquote tbody tr:nth-child(20) {
		width: 100%;
		padding-top: 20px;
		clear: both;
	}
	.requestaquote tbody tr:nth-child(15),
	.requestaquote tbody tr:nth-child(16),
	.requestaquote tbody tr:nth-child(17) {
		width: 100%;
		clear: both;
		line-height: auto;
	}
	.requestaquote tbody tr:nth-child(15) td,
	.requestaquote tbody tr:nth-child(16) td,
	.requestaquote tbody tr:nth-child(17) td,
	.requestaquote tbody tr:nth-child(19) td{
		line-height: 20px;
	}
	.requestaquote input[type="text"], 
	.requestaquote input[type="password"], 
	.requestaquote select{
		width: calc(100% - 40px);
	}
	.requestaquote textarea {
		width: calc(100% - 40px) !important;
	}	
	
	
	/* contact us form */
	.contactFormHolder,
	.contactFormHolder > tbody{
		width: 100%;
		display: block;
	}
	.contactFormHolder > tbody >tr,
	.contactFormHolder > tbody >tr> td{
		width: 50%;
		display: block;
		float: left;
		min-height: 1px;
	}	
	.contactFormHolder > tbody >tr >td:nth-child(1){
		line-height: 50px;
		width: 30%;
	}
	.contactFormHolder > tbody >tr >td:nth-child(2){
		width: 70%;		
	}	
	.contactFormHolder input[type="text"], 
	.contactFormHolder input[type="password"], 
	.contactFormHolder select, 
	.contactFormHolder textarea{
		width: calc(100% - 40px);
	}
	.contactFormHolder > tbody >tr:nth-child(2),
	.contactFormHolder > tbody >tr:nth-child(16),
	.contactFormHolder > tbody >tr:nth-child(17),
	.contactFormHolder > tbody >tr:nth-child(18),
	.contactFormHolder > tbody >tr:nth-child(19),
	.contactFormHolder > tbody >tr:nth-child(20){
		clear: both;
	}
	.contactFormHolder > tbody >tr:nth-child(7),
	.contactFormHolder > tbody >tr:nth-child(8){
		display: none;
	}	
	.contactFormHolder > tbody >tr:nth-child(18) td{
		width: 100%;
		padding-top: 10px;
	}
	
	

	/* Brochure request form */
	.brochureFormHolderLower{
		margin-top: 20px;
	}
	.brochureFormHolderLower,
	.brochureFormHolderLower > tbody{
		width: 100%;
		display: block;
	}
	.brochureFormHolderLower > tbody >tr,
	.brochureFormHolderLower > tbody >tr> td{
		width: 50%;
		display: block;
		float: left;
		min-height: 1px;
	}	
	.brochureFormHolderLower > tbody >tr >td:nth-child(1){
		line-height: 50px;
		width: 30%;
	}
	.brochureFormHolderLower > tbody >tr >td:nth-child(2){
		width: 70%;		
	}	
	.brochureFormHolderLower input[type="text"], 
	.brochureFormHolderLower input[type="password"], 
	.brochureFormHolderLower select, 
	.brochureFormHolderLower textarea{
		width: calc(100% - 40px) !important;
	}	
	.brochureFormHolderLower > tbody >tr:nth-child(2),
	.brochureFormHolderLower > tbody >tr:nth-child(16),
	.brochureFormHolderLower > tbody >tr:nth-child(18),
	.brochureFormHolderLower > tbody >tr:nth-child(19),
	.brochureFormHolderLower > tbody >tr:nth-child(20),
	.brochureFormHolderLower > tbody >tr:nth-child(21),
	.brochureFormHolderLower > tbody >tr:nth-child(22){
		clear: both;
	}	
	.brochureFormHolderLower > tbody >tr:nth-child(8),
	.brochureFormHolderLower > tbody >tr:nth-child(9),
	.brochureFormHolderLower > tbody >tr:nth-child(17){
		display: none;
	}	
	.brochureFormHolderLower > tbody >tr:nth-child(16) td,
	.brochureFormHolderLower > tbody >tr:nth-child(18) td{
		line-height: 20px;
	}
	
	
	
	/* corp Discount Form */
	.corpDiscountFormHolder{
		margin-top: 20px;
	}
	.corpDiscountFormHolder,
	.corpDiscountFormHolder > tbody{
		width: 100%;
		display: block;
	}
	.corpDiscountFormHolder > tbody >tr,
	.corpDiscountFormHolder > tbody >tr> td{
		width: 50%;
		display: block;
		float: left;
		min-height: 1px;
	}	
	.corpDiscountFormHolder > tbody >tr >td:nth-child(1){
		line-height: 50px;
		width: 40%;
	}
	.corpDiscountFormHolder > tbody >tr >td:nth-child(2){
		width: 60%;		
	}	
	.corpDiscountFormHolder input[type="text"], 
	.corpDiscountFormHolder input[type="password"], 
	.corpDiscountFormHolder select, 
	.corpDiscountFormHolder textarea{
		width: calc(100% - 40px) !important;
	}
	.corpDiscountFormHolder > tbody >tr:nth-child(7),
	.corpDiscountFormHolder > tbody >tr:nth-child(8){
		display: none;
	}	
	.corpDiscountFormHolder > tbody >tr:nth-child(17),
	.corpDiscountFormHolder > tbody >tr:nth-child(20),
	.corpDiscountFormHolder > tbody >tr:nth-child(21),
	.corpDiscountFormHolder > tbody >tr:nth-child(22),
	.corpDiscountFormHolder > tbody >tr:nth-child(23),
	.corpDiscountFormHolder > tbody >tr:nth-child(24){
		clear: both;
	}	
	.corpDiscountFormHolder > tbody >tr:nth-child(20) td,
	.corpDiscountFormHolder > tbody >tr:nth-child(22) td{
		line-height: 20px;
	}	
}



/*****************************************************
BEGIN mobile devices							    */
@media only screen and (max-width: 990px) {
	#mainheadOuter {
		background: transparent url("/app/uploads/header-gradient-background.jpg") repeat-x scroll 0 0 / auto 50px;
		box-sizing: border-box;
	}	
	.mainHeadLeftSide{
		display: none;
	}
	.carouselBlock{
		clear: both;
	}
	
	.Footer-2017-icons-block1,
	.Footer-2017-icons-block2,
	.Footer-2017-icons-block3,
	.Footer-2017-icons-block4,
	.Footer-2017-icons-block5,
	.Footer-2017-icons-block6,
	.Footer-2017-icons-block7,
	.Footer-2017-icons-block8{
		width: 31%;
		margin-left: 1%;
		margin-right: 1%;
	}		
	.advertBlock2012,
	.leftborder2012_SocialMediaLinks{
		margin-left: auto;
		margin-right: auto;
	}
	
	.mainContentColumnsProductListGridControlRowPages {
		float: right;
		padding: 10px;
	}
	.HomePageMainContentSection {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	/*********************
	homepage carousel
	*********************/
	.mobileCarouselHolder{
		display: none;
	}
	.desktopCarouselHolder{
		display: block;
	}
	.desktopCarouselHolder .backgroundHolder {
		height: 350px;
	}
	.image-bg {
		background-size: auto 100%;
	}
	.desktopCarouselHolder .container {
		padding: 0;
	}
	.desktopCarouselHolder .text-container {
		left: 48px;
		top: 20px;
		width: 250px;
		height: 280px;
	}
	.newCarouselBlackTextBar {
		font-size: 40px;
		line-height: 40px;
	}
	.carouselBody {
		font-size: 12px;
		line-height: 1.5;
	}	
	/* to prevent apple auto stylgin */
	a[x-apple-data-detectors],
	a[href^="tel"]	{
		background: none !important;
		color: #000 !important;
		display: inline;
		text-decoration: none !important;
		font-size: 16px !important;
		font-family: arial !important;
		font-weight: normal !important;
		line-height: 1.5 !important;
		border: none !important;
		height: auto;
		padding: 0 !important;
		margin-top: 0 !important;
		box-shadow: none !important;		
		
	}
	
	/* new card logos addition */
	.footer_lowbar_column4{
		text-align: center;
	}
	.footer_lowbar_column4 img {
		padding-bottom: 20px;
	}
	.footerRowLogoHolder{
		padding-bottom: 5px;
	}
}


/*****************************************************
BEGIN tablet scale devices						    */
@media only screen and (max-width: 990px) and (min-width: 681px)  {
	#mainheadOuter {
		background-size: auto 75px;
	}	
	#footer {
		padding-top: 0px;
	}
	.footer_lowbar_column1,
	.footer_lowbar_column2,
	.footer_lowbar_column3,
	.footer_lowbar_column4{
		width: 25%;
		box-sizing: border-box;
		float: left;
		clear: none;
	}
	.footer_lowbar_column4{
		text-align: center;
	}
	.footer_lowbar_column4 div,
	.footer_lowbar_column4 img{
		max-width:100%;
		box-sizing: border-box;
	}
}


/*****************************************
 BEGIN - Module grids  
 ****************************************
  supplies different percentages 
 depending on window size for specific grids
 e.g. different size screens benefit from having
 either 1,2,3,4 columns depending on resolution
 ****************************************/ 
@media only screen and (max-width: 1080px) and (min-width: 991px)  {
	/**********************
	Footer additions
	*********************/	
	.Footer-2017-icons  > div{
		width: 31%;
		max-width: 31%;
		margin-left: 1%;
		margin-right: 1%;
	}		
	.advertBlock2012,
	.leftborder2012_SocialMediaLinks{
		margin-left: auto;
		margin-right: auto;
	}
	
	/*********************
	product menu layout
	*********************/
	.productmenu-list-area > span > span{
		width: 33%;
	}

	/*********************
	special offers layout
	*********************/	
	.fullPromotionListHolder > span > span{
		width: 33%;
	}
	
	/*********************
	related product layout
	*********************/
	.NewInStock-repeater > span {
		width: 33%;
	}
}
@media only screen and (max-width: 540px) {
	.Footer-2017-icons-block1,
	.Footer-2017-icons-block2,
	.Footer-2017-icons-block3,
	.Footer-2017-icons-block4,
	.Footer-2017-icons-block5,
	.Footer-2017-icons-block6,
	.Footer-2017-icons-block7,
	.Footer-2017-icons-block8{
		width: 50%;
		margin-left: 0%;
		margin-right: 0%;
	}	
	.Footer-2017-icons-block5{
		clear: both;
	}
	.footerRowTitle {
		font-size: 20px;
	}
	.footerRowLogoHolder div {
		max-width: 33.3%;
	}	
} 
@media only screen and (max-width: 359px) {
	.Footer-2017-icons-block1,
	.Footer-2017-icons-block2,
	.Footer-2017-icons-block3,
	.Footer-2017-icons-block4,
	.Footer-2017-icons-block5,
	.Footer-2017-icons-block6,
	.Footer-2017-icons-block7,
	.Footer-2017-icons-block8{
		width: 100%;
	}	
	.Footer-2017-icons-block5{
		clear: both;
	}
}




/* Start addition 2019-09-04 to add 4 column template */
.rowHolder4col{
	clear: both;
}
.colHolder4col,
.colHolder2col,
.colHolder3col{
	width: 25%;
	float: left;
	padding-left: 8px;
	padding-right: 8px;
	box-sizing: border-box;
}
.colHolder2col{
	width: 50%;
}
.colHolder3col{
	width: 33%;
}
.colHolder4col img,
.colHolder3col img,
.colHolder2col img{
	max-width: 100%;
	height: auto !important;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width:768px) {
	.colHolder4col,
	.colHolder2col{
		width: 50%;
	}
}
@media only screen and (max-width: 400px) {
	.colHolder2col,
	.colHolder3col,
	.colHolder4col{
		width: 100%;
	}
}
/* End addition 2019-09-04 to add 4 column template */

.socialMediaProductRowsHolder{
	display: none;
}
@media only screen and (min-width: 541px) {
	.Footer-2017-icons-block4 .leftborder2012_SocialMediaLinks:nth-child(2) a:nth-child(2),
	.Footer-2017-icons-block4 .leftborder2012_SocialMediaLinks:nth-child(3) {
		display: none;
	}

	.Footer-2017-icons-block4 .leftborder2012_SocialMediaLinks:nth-child(2) a{
		display: block;
		margin-bottom: 8px;
	}
	.Footer-2017-icons-block4 {
		float: right;
	}
}