@import url(/styles_catalogue.css);
@import url(/styles_product.css);
@import url(/styles_cart.css);
@import url(/styles_quickorder.css);

/* Clear all General Elements */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, textarea, p, a, span, blockquote, table, th, td {
margin: 0px;
padding: 0px;
}

img{border:0px; outline: none;}

/*Set Default styles for CMS users these will be the default styles for all information pages that don't have specific content styles */
body{ font-family: Verdana, Geneva, sans-serif; font-size: 11px; background: url(/images/background.jpg) top center #4e4e4e repeat-x; color:#333;}

a{color:#678a00; text-decoration:underline; outline:none;}
a:hover{color:#678a00; text-decoration:none;}

p{padding-bottom: 20px; line-height: 14px;clear: left; }
h1{color:#333; text-transform: uppercase; font-size: 28px; }

h1.flashtext, p.flashtext{color:#333333; text-transform:capitalize; font-size:28px; padding:0; margin:0;min-height:32px}
h1.flashtext a, p.flashtext a{text-decoration:none;padding:0;margin:0; }
h1.flashtext .flash-replaced, p.flashtext .flash-replaced{z-index:100;padding:0;margin:0;}
h2{color:#333; font-size: 14px; text-transform: uppercase; padding-bottom: 5px; clear: left;}
.ProductDetails h1.flashtext, .ProductDetails p.flashtext, h2.flashtext {color:#333; font-size: 22px; padding:0; margin:0; text-transform:none}

h3{ font-size: 11px; color:#678a00;  clear: left;}
h3 a {}
h3 a:hover { text-decoration: none;}
h3 a.On {}
h3 a.On:hover  text-decoration: none;}
h4{ font-size: 11px; background: url(/images/icon_header4.gif) 0% 30% no-repeat; padding-left: 12px;  clear: left; text-transform:uppercase; font-weight:bold}
h4 a { text-decoration: none;}
h4 a:hover {text-decoration: underline;}
input { color:#474747; font-size: 11px; }
iframe{border:none;padding:0;margin:0;border-collapse:collapse;}
span{}

ul{ padding: 0px 0px 20px 20px; list-style: outside; clear: left;}
ul li{ list-style-image: url(/images/icon_bullet.gif);}
ol{margin-left:18px}
.pageheading {padding: 8px 0px 4px 10px;} /*container for H1 header*/
.pageheading_arrow {padding: 8px 0px 10px 30px; background: url(/images/bg_headerProdCat.gif) no-repeat 0% 50%;} 
.clearboth {clear: both; margin:0px; padding:0px; height: 0px; visibility: hidden;}
.clearright  {clear: right; margin:0px; padding:0px; height: 0px; visibility: hidden;}
.clearleft  {clear:left; margin:0px; padding:0px;  visibility: hidden;}
hr {display: block; float: left; margin: 10px 0px 20px 0px; height: 1px; width: 70%; background-color:#dbdbdb; border: none; }
.smalltxt{font-size:9px}
.ItemsDivider {width: 10px; float: left;}

.greyBorder { border: 1px solid #dadada;}
.imageRight { float: right; margin: 0px 0px 5px 5px; clear: right;}
.imageLeft { float: left; margin: 0px 5px 5px 0px; clear: left;}

/******* GENERAL  STYLES  *******/
.maincontainer {width: 970px; padding: 0px 7px 0px 7px; margin: auto; background: url(/images/bg_content_main.png) repeat-y;  min-height: 630px; height: auto !important; }
.header{background:#FFFFFF;}
.maincontainerBottom {width: 986px; margin: auto;clear:both;}
.leftcontainer {width: 170px; float: left; z-index:2;}
.rightcontainer {width: 796px; float: right; z-index:1;}
.content {padding: 0px 10px 10px 10px; width:786px}
.contentLeft {padding: 10px 15px 10px 10px; width: 500px; float: left;}
.contentLeft hr{width:400px; margin-bottom:10px; padding-bottom:0px; float: none;}
.additionalContent {width: 226px; float: left; padding-top: 10px;}
.addressBlock { padding: 0px 0px 20px 12px; }


.header .logo{width:170px; height:82px; padding: 0 4px 1px 0; float:left; background:#FFFFFF;}
.header_account{width:792px; float:left; zoom:1; padding-top: 10px;}
.header_account .links{float:left;}
.header_account .links ul{list-style:none;margin:0;padding:0;}
.header_account .links li{display:block; margin:0;list-style:none;list-style-image:none; padding:0 10px; float:left;}
.header_account .links li:first-child {background:url(/images/head_menu_divider.gif) bottom right no-repeat; padding: 0 10px 0 0;}
.header_account .links a{text-transform:lowercase; text-decoration: none; color: #81725E; font-weight: bold;}
.header_account .links a:hover { color: #81725e;}
.header_account .header_summary{ width:247px}
.header_account .header_summary a{ color:#333;text-decoration: none;}
.header_account .header_summary a:hover { color:#81725e; }
html>/**/body .header_account  .header_summary a{display:inline;float:none; color:#333;}
.header_account  .header_summary a img{vertical-align:middle;padding:0 8px 0 0; display: none;}
.header_account  .header_summary strong a {font-weight:bold; text-transform:lowercase;padding:0 12px 0 0;text-decoration:none; color:#81725e !important; font-size: 12px;}
.header_account  .header_summary  strong a:hover{text-decoration:none;}
.header_account .header_summary{float:right;}
.search_options{width:792px; float:left; padding-top:12px;}
.search_options div{}
.search_options .textfield{background:none; font-size:12px; padding:4px; border: none; border-right: 1px solid white; height: 19px;}
.search_options .search{float:left}
.search_options .search form, .search_options .promo form {zoom:1}
.search_options .search form:after, .search_options .promo form:after { content:".";  display: block; height: 0; visibility: hidden; clear: left;}
.search_options .promo{float:right}
.search_options .quick_order{margin-right:12px; float:left; display: none;}
.search_options .search .textfield{width:430px; background:#d9d4ce; display:block; float: left;}
.search_options .promo .textfield{width:154px; background:#d9d4ce; display:block; float: left;}
.search_options .imagebutton{display:block; float: left;}
.header .block_end{clear:both;height:1px;}
h1.logo{width: 170px; height: 93px; padding: 0px; background:url(/images/mainlogo.png);}


/* homepage */
#flash_intro_container{margin-top:-4px;}
/* STORE LOCATIONS  */
.storelocations {padding: 5px 10px 10px 10px;}
.storelocations .country { padding: 10px 0px 10px 0px; border-bottom: #dbdbdb dashed 1px;}
.storelocations .country td.countrynames {padding-right: 15px;}
.storelocations .state {float:left; width: 225px; padding: 15px 20px 0px 0px;}
.storelocations .state ul {padding: 0px 0px 5px 20px;}
.storelocations a { color: #333;}
.storepic{border: 1px solid #d9d4ce; width: 185px; height: auto;}




/* CONTENT FORM */
.contactForm td{ padding: 0px 0px 3px 0px; vertical-align: top;}
.contactForm tr td:first-child { width: 210px; padding: 0px 20px 3px 0px;}
.contactForm tr.spam td { width: auto; padding: 0;}
.contactForm td.submit { padding: 0 !important; text-align: right; width:auto !important;}
.contactForm input { padding:3px}
.contactForm input.standard { width: 200px; padding:3px}
.contactForm input.prefix {width: 35px; padding:3px; margin-right: 5px;}
.contactForm input.tel {width: 152px; padding:3px}
.contactForm select { font-size: 11px; width: 208px; padding:3px}
.contactForm textarea { font-size: 11px; width: 209px;}

/* INFORMATION PAGE */

.informationContainer {padding: 20px 15px 10px 25px; background-repeat: no-repeat;  background-position: 50% 100%;  overflow: auto; color:#FFFFFF; }
.summitclub{width: 490px; padding-left: 10px; padding-right: 10px;}
.information {width: 500px; height: 700px; padding-left: 10px;}
.informationContainer p {color:#FFFFFF; }
.informationContainer h2 {color:#FFFFFF; padding-left:0;}
.informationContainer h3 {color:#FFFFFF; }
.informationContainer a {color:#FFFFFF; text-decoration: underline; }
.informationContainer a:hover {color:#FFFFFF; text-decoration: none; }
.informationContainer ul {color:#FFFFFF; }
.informationContainer li {color:#FFFFFF; list-style: url(/images/icon_bullet_white.gif) }

/* SPONSORSHIP PAGE */
.sponsorshipContainer {background-repeat: no-repeat;  background-position: 0% 0%;}

/* SITEMAP */
.SiteMap{ padding:0 0 0 6px;}
.sitemap_catalogue{ width:160px; margin-right:35px; padding-top:20px}
.sitemap_catalogue ul{ padding-left:0px; padding-bottom:0px !important}
.sitemap_catalogue ul li{ padding:5px ; border-top:1px dashed #CCC; list-style-image:none !important; list-style:none; font-weight:bold;}
.sitemap_catalogue ul li:hover{ background-color:#F5F5F5}
.sitemap_catalogue ul li a{ display:block;}
.sitemap_catalogue ul ul{ padding:0 0 0 20px;}
.sitemap_catalogue ul li ul li{ padding:0px; border:none; list-style-image: url("/images/icon_bullet.gif" ) !important; font-weight:normal}



/******* MAIN MENU  *******/
.nav_top{ width: 170px}
.nav_top li.current a{font-weight:bold; color:#81725e;}
.nav_bottom{width: 170px}
.nav_top .nav_divider{height:30px}
.main_navigation { padding: 0px 0px 0 0px; width: 170px; }
.main_navigation ul { list-style:none;  padding: 0px; margin-left:0; width:170px}
.main_navigation li ul {list-style:none; margin-left:0px; clear:none; display:none;}
.main_navigation li { list-style: none !important; padding: 2px 0 0 0; width:170px; list-style-image: url('/images/spacer.gif'); margin: 0; }
.main_navigation li:first-child{background-image:none}
.main_navigation li a {display: block; width: 155px; padding: 0px 0px 0px 15px; text-decoration:none; color:#333;}
.main_navigation li a:hover { color:#81725e; text-decoration:none;}
.nav_top li .nav_li_spacer{width:1px;height:22px;vertical-align:middle;border:0;padding:0px;margin:0px;}
.nav_top li li li .nav_li_spacer{width:1px;height:18px;}
#nav_slider{display:none;z-index:99}
.main_navigation .catalogue_image{display:none}
.main_navigation .nav_heading{z-index:1000;font-size:11px; font-weight:bold; }
.main_navigation .nav_heading a{color:#81725e;text-decoration:none; display:inline-block; padding:3px 20px 3px 15px; background:url( '/images/nav_left_marker_closed.gif') 100% 6px no-repeat;}
.main_navigation .nav_heading.current{background-color: #81725e;}
.main_navigation .nav_heading.current a{ background:url('/images/nav_left_marker_open.gif') 100% 6px no-repeat; color:#fff;}

.main_navigation li .flyout{width:380px; padding:4px 4px 4px 0;}
.main_navigation li .flyout_content{ zoom:1; background:#D9D4CE url(/images/l2_ul_bg.gif) top left repeat-x; }
.main_navigation li .flyout ul{display:block;width:126px;}
.main_navigation li .flyout_column {padding:0 0 0 1px;}
.main_navigation li .flyout_column:first-child {padding:0 0 0 0}
.dottedseparator {width: 160px; padding:10px 0 0 10px;}
.main_navigation li .flyout li{width:auto; background-image:none;padding: 0;}
.main_navigation li .flyout li a{width:116px;padding:0px 5px;font-weight:bold; color: #fff; border-bottom: 1px solid white; background-color: #81725e;}
.main_navigation li .flyout li a:hover{}
.main_navigation li .flyout li li{ padding: 2px 0;}
.main_navigation li .flyout li li a{padding:0 5px;display:inline;width:auto;font-weight:normal;background:none; margin:0; color: #333; border: none;}
.main_navigation li .flyout li li a:hover{ color: #81725e;}
.main_navigation li .flyout .catalogue_image{display:block}
.main_navigation li .flyout li .catalogue_image{display:none}
.main_navigation {}

.secondary_navigation {padding: 0px 0px 0px 0px; width: 170px; background:url(/images/bg_dottedline.gif) bottom left repeat-x; margin-bottom:10px}
.secondary_navigation ul {list-style: outside; padding: 10px 0px 10px 0px; width:170px;background:url(/images/bg_dottedline.gif) top left repeat-x;}
.secondary_navigation li {list-style: url(/images/1px.gif); zoom:1;}
.secondary_navigation li a { display: block; width: 155px; padding: 0px 0px 0px 15px;text-decoration:none;zoom:1; color:#333;}
.secondary_navigation li a:hover { text-decoration:none; color:#81725e;}
.secondary_navigation li ul{display:none; padding:0; margin:0; background:none;}
.secondary_navigation li .flyout ul{display:block}
.secondary_navigation li .flyout{padding:4px 4px 4px 0;}
.secondary_navigation li .flyout_content{background-color:#D9D4CE;}


.secondary_navigation li li a{padding:2px 5px;}
.secondary_navigation li li ul{margin-left:0; display:none; position:relative;}
.secondary_navigation .flyout_block li a{padding:0 5px;display:inline;width:auto;color:#FFFFFF;font-weight:normal;background:none;}

/************ FOOTER **************/
.footer {width: 970px; margin: auto; text-align: right; padding: 0px 0px 10px 0px;clear:both;}

/************ BREADCRUMBS **************/
.breadcrumbs{ margin-right:4px; zoom:1;}
.breadcrumbs_holder{ padding:3px 10px; zoom:1; background-color: #d9d4ce;}
.breadcrumbs ul{ padding:0;margin:0;}
.breadcrumbs li{display:block; list-style-image:none; list-style:none; float:left; zoom:1;}
.breadcrumbs a{ color: #333; text-decoration: none;}
.breadcrumbs a:hover{ color:#81725e; text-decoration:none;}
.breadcrumbs .separator{display:inline-block; background:url(/images/breadcrumb_separator.gif) center no-repeat; padding:0 10px;}
.breadcrumbs .separator img{width:6px;height:5px; vertical-align:middle;}
.breadcrumbs .list_end{clear:left;}


div.SortBy{} /* use for width and default title font */
div.SortBy a{}
div.SortBy a:hover{}
div.SortBy span{} /* use for pike padding i.e <span>|</span> */

div.ItemsPerPage{} /* use for width and default title font */
div.ItemsPerPage a{}
div.ItemsPerPage a:hover{}
div.ItemsPerPage span{} /* use for pike padding i.e <span>|</span> */





/* Page Errors */
.error{padding: 10px 0px 0px 0px; color:#ffb500;}
.error ul{color:#ffb500;}
.error li{list-style-image:none;list-style-type:disc; color:#ffb500;}
.error p{color:#ffb500;}
.error a{color:#ffb500;}
.error a:hover {color:#ffb500;}

.success{padding: 3px 0px 3px 5px;}
.success p{color:#4E9315;margin: 0px; font-size: 11px; }
.success a{color:#4E9315; text-decoration:underline}
.success a:hover{color:#4E9315; text-decoration:none}

table.Login td{ padding: 0px 5px 5px 0px; width: 300px;}
table.Login .form {font-size: 10px; padding: 0px 5px 15px 0px;}
table.Login .form input { font-size: 11px; width: 150px;}

table.Login td.errorHighlight {}
table.Login td.errorHighlight input{}



table.customerDetails {}
table.customerDetails td {padding: 0px 15px 5px 0px; vertical-align: top;} 
table.customerDetails td.option {padding: 0px 3px 0px 0px; vertical-align: top;} 
table.customerDetails td.standard {padding: 0px 8px 5px 0px; vertical-align: top; width:100px}
table.customerDetails input.standard { font-size: 11px; width:120px; }
table.customerDetails select.country {width: 124px; font-size: 11px;}
table.customerDetails input.month{ width: 25px; margin-right: 5px;}
table.customerDetails input.year{width: 52px;}
table.customerDetails select.cardtype{width: 156px; background-color:#fbfbf3;}



table.customerDetails td.errorHighlight{ padding: 0px 8px 5px 0px; vertical-align: top;} 
table.customerDetails td.errorHighlight input{background-color:#FF0000;}


table.AccountHistory {width:100%}
table.AccountHistory th{padding: 4px; vertical-align: top; font-weight:bold; text-align:left; background-color:#61524e; color:#fbfbf3}
table.AccountHistory td{padding:4px}
table.AccountHistory tr.Even {background-color:#fbfbf3}
table.AccountHistory tr.Odd{background-color:#ded0c7}



/* Search */
.CatalogImagesSearch .Item{float:left;}
.CatalogImagesSearch .divider{clear:left;}
.CatalogImagesSearch{margin: 0 4px 0 0;zoom:1;}
#result_products, #result_other{background:#d9d4ce;}

/******** ADVANCED SEARCH RESULTS STARTS *******/
div.FilterNav{ background: url(/images/bg_advserBar.gif) 100% 0% repeat-y #d9d4ce; padding: 0px 10px 0px 25px;}
.FilterByHeading { padding: 0px 10px 0px 25px; }
.FilterByHeading a {font-weight: bold; display:block; width: 130px; text-align: center; padding: 3px 0px 3px 0px; float: left; color: #333; text-decoration: none; }
.FilterByHeading a.On {background: url('/images/bg_tab_FilterNav.gif') top no-repeat; font-weight: bold; display:block; width: 130px; text-align: center; padding: 3px 0px 3px 0px; }
.FilterByHeading a:hover { font-weight: bold; text-decoration: none; color:#81725E;}
/* this additional class is for the filter popup */
.FilterPopUp { position: absolute; background: url(/images/bg_filterSearchResult.gif) repeat-x top #FFFFFF; border:#aaaaaa 1px solid; padding: 10px; width: 300px; margin-top: 20px; z-index:2}
.FilterPopUp .scrollable {height:300px;overflow:auto;}

.FilterByCategory { font-size: 11px; text-transform: none; padding: 0px 0px 2px 0px;}
.FilterByCategory a{ color:#004D44; text-decoration:none}
.FilterByCategory a:hover{text-decoration: none; color:#666666;}

.Filters ul{padding: 2px 0px 5px 0px; margin:2px 0px 5px 0px; }
.Filters li{list-style: url(/images/icon_square.gif) inside; color:#004D44; font-size: 11px;}


.Filters a { font-size: 11px; color:#474747; text-decoration:none}
.Filters a:hover { font-size: 11px; text-decoration:none}
.Filters a.FiltersOn { font-weight: bold; text-decoration: none; font-size: 11px;color:#474747}
.Filters a.FiltersOn:hover { font-weight: bold; text-decoration: none; color:#666666; font-size: 11px;}

div.SearchHeadingContainer{margin:0 4px 0 0;padding: 5px 0 10px 10px; color:#474747; }
div.SearchHeadingContainer h2 {font-size: 28px; padding-bottom: 15px; }
p.ResultHeading {}

div.SearchTerm {float:left;width:300px}

h1.SearchTerm {float:left; width:350px; color:#474747; font-size: 11px; text-transform: none; font-weight: normal;}
span.SearchNumber {font-weight:bold;}
div.SearchRelated_L1 {color:#474747; float: right; width: 350px;}
div.SearchRelated_L1 a{text-decoration:none}
div.SearchRelated_L1 a:hover{text-decoration:underline}
div.SearchRelated_L1 a.Related{text-decoration:none}
div.SearchRelated_L1 a.Related:hover{text-decoration:underline}

.SearchRelated_L2 {font-size:10px; font-weight:bold; color:#999999; margin-top:8px}
.SearchRelated_L2 a{font-weight:normal; color:#999999}
.SearchRelated_L2 a:hover{font-weight:normal; color:#999999}
.SearchRelated_L2 a.Related{font-weight:normal;text-decoration:none; color:#999999}
.SearchRelated_L2 a.Related:hover{font-weight:normal;text-decoration:underline; color:#999999}

.SearchSortByContainer select{ font-size: 9px; width: 120px; height: 16px;}
.SortByText{ padding-right: 40px; color:#474747; }

div.SuggestionsContainer{padding-top: 10px;}
div.Suggestions {color:#474747;}

span.DidYouMean{font-weight:bold}
a.DidYouMean {font-style:italic; padding-right: 2px;}
a.DidYouMean:hover{font-style:italic; padding-right: 2px;}

div.ZeroResults {padding:10px 0px 0px 0px;line-height:20px;color:#666666}
div.ZeroResults a:hover{text-decoration:none}
div.ZeroResults ul{margin-top:8px}




div.SearchPagesBottom{width:auto;height:32px; border-top:1px dotted #a3adb8; background-color:#ffffff;clear:both;padding-top:4px;margin-top:16px}
div.SearchPages{color:#004D44; font-size:11px; padding:10px 40px 10px 10px; float: right;}
div.SearchPages a.off{color:#004D44;font-size:11px;text-decoration:none}
div.SearchPages a.off:hover{color:#004D44;font-size:11px;text-decoration:underline}

div.SearchPages a.on{color:#474747;font-weight:bold;font-size:11px;text-decoration:none}
div.SearchPages a.on:hover{color:#474747;font-weight:bold;font-size:11px;text-decoration:none}



.slashpadding{padding:0px 4px 0px 4px}

/******** ADVANCED SEARCH RESULTS ENDS *******/



/* Start of Task 17050 - Banner*/

.banner-17050 {
	width: 772px;
	margin-top: 5px;
	margin-bottom: 15px;
	padding: 0;
	}
	
.banner-17050 h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	}

/* End of Task 17050 - Banner*/

.careers{padding:0px 10px;width:400px;}

.job_listing h4{padding-left:10px;float:left;}
.job_listing h4.job_enquire{float:right}
.job_listing .full_description, .open_job_description, .close_job_description{padding-left:10px}
.job_listing .job_teaser{padding-left:10px;clear:both;}
.application_form th{text-align:left;}
.application_form input{width:180px;}



#flash_intro_container
{
	position:relative;	
	left:-4px;
	z-index:1;
}

/* MAKE ONLY THE CONTENT PRINTABLE - updated by hubert@etaronline.com 22.05.08 */

@media print {
  .leftcontainer {display:none;}
  div.flashtext{ color:#004D44; text-transform: uppercase; font-size: 28px; visibility: visible; display: block; }
  h2.flashtext{ color:#474747; font-size: 22px; visibility: visible; display: block;}
  .rightcontainer {width:970px; background-color:white}
  .next_prev {display:none}
  .maincontainer {min-height:1px}
  body {background:none; }
 .ProductDetails .column1{width:380px}
 .flash-replaced, .sIFR-replaced {display:none}
 .alt, .sIFR-alternate {display:block !important}  
 .header .search_options{display:none}
  .header_account .links{display:none}
}

.table2columns{width:600px; margin:20px 0 15px 25px}
.table2columns td {vertical-align:bottom}
.table2columns td.BrochureText {padding:0px 0 5px 0; vertical-align:bottom}
.table2columns h4{color:#004D44; font-size: 11px; clear: left; text-transform:uppercase; font-weight:bold; background: url(/images/icon_header4.gif) 0% 30% no-repeat; padding-left: 12px;}
.table2columns h4 a { text-decoration: none;}
.table2columns h4 a:hover {text-decoration: underline;}


.ArticleContainer {float:left; width:360px;margin:10px 8px 0 0;height:auto !important; min-height:150px; height:150px;}
.ImageArticle{float:left;padding: 0 10px 10px 0}
.ImageArticle a img{border: 1px solid #dbdbdb;}
.ImageArticle a:hover img{border: 1px solid #ffb500;}

.ResultArticles{}
.ResultArticles a{font-weight:bold; color:#333;}
.ResultArticles a:hover { color: #81725e;}

.FilterByHeading a.SearchSummary{font-size:10px; width:auto; font-weight:normal; padding-left: 10px;}	
.FilterByHeading a.SearchSummary:hover{text-decoration:none}

.MostPopular{padding:0px 0px 0px 10px;float:left; margin:0px 20px 0 0; width:160px}
.MostPopular h4{margin:4px 0px 8px 0px; background: url(/images/icon_header4.gif) 0% 30% no-repeat; padding-left: 12px;  clear: left; text-transform:uppercase; font-weight:bold}
.MostPopular a{display:block;text-decoration:none;padding:3px 0px 3px 0px; color: #333;}
.MostPopular a:hover{text-decoration:underline; color: #81725e;}

.SearchAlphabet{padding:0 0 0 10px;float:left;margin:0; border-left:1px solid #d9d4ce; width:590px; float:left;}
.SearchAlphabet h4{margin:4px 0px 8px 0px; background: url(/images/icon_header4.gif) 0% 30% no-repeat; padding-left: 12px;  clear: left; text-transform:uppercase; font-weight:bold}
.AlphabetLinks a{font-weight:bold;margin:0px 3px 8px 3px;text-decoration:none; color:#333;}
.AlphabetLinks a:hover{text-decoration:underline; color: #81725e;}

.AlphabetResults{margin:8px 0px 0px 3px;}
.AlphabetResults a{ color:#333;}
.AlphabetResults a:hover{text-decoration:underline; color: #81725e;}

#scroller_mask{position:relative;width:688px;overflow:auto;}


/* Online catalogue*/
.flashfullscreen{overflow:hidden;}
#flashholder{width:792px; height:630px; position:relative;}
#flashwrapper{width:792px; height:630px; position:absolute; overflow:visible;}
#flashcontent{}
#flashcontent .column_head{width:50%; height:40px; float:left; padding:6px 0px 8px 0px;}
#flashcontent p{padding:2px 4px;}
#flashcontent h2{padding:2px 4px;}
#flashcontent .column_head form{float:right;padding-right:4px;}
#flashcontent .catalogue_page {width:50%; float:left;}
#flashcontent .left{text-align:right;}
#flashcontent .right{text-align:left;}
#flashcontent .right form{display:inline;}
#flashcontent .catalogue_page .pagenum{text-align:center;}

/*Price matrix */
.PricingMatrix{width:100%; background-color:#e0e0e0}
.PricingMatrix tr {}
.PricingMatrix td {vertical-align:top; color:#474747; padding:5px 5px 5px 5px; background-color:#ffffff; font-size:11px;}
.PricingMatrix td.OnSale {}
.PricingMatrix th {vertical-align:top; text-align:left; color:#474747; padding:5px 5px 5px 5px; background-color:#c0c0c0; border-bottom:2px #474747 solid }
.PricingMatrix th.side {vertical-align:top; text-align:left; color:#474747; padding:5px 5px 5px 5px; background-color:#c0c0c0; border-bottom:none; border-right:2px #474747 solid }
.PricingMatrix th.top {border-bottom:2px #474747 solid; border-right:2px #474747 solid; background-color:#ffffff}
.PricingMatrix p{margin:0px;padding:0px; color:#474747; font-size:11px}
.PricingMatrix p.Price{color:#004D44; text-transform:uppercase}
.PricingMatrix p.Price a{color:#004D44; text-decoration:none; font-weight:bold; text-transform:uppercase}
.PricingMatrix p.Price a:hover{color:#004D44; text-decoration:none}
.PricingMatrix p.RRPWas {text-decoration:line-through; color:#004D44; text-transform:uppercase}
.PricingMatrix p.RRPWas a{text-decoration:none;color:#004D44; text-transform:uppercase}
.PricingMatrix p.PriceWas {text-decoration:line-through; color:#004D44; text-transform:uppercase}
.PricingMatrix p.PriceWas a{text-decoration:none;color:#004D44; text-transform:uppercase}
.PricingMatrix p.PriceNow {color:#BF130C; font-weight:bold; text-transform:uppercase}
.PricingMatrix p.PriceNow a{text-decoration:none;color:#BF130C; text-transform:uppercase}
.PricingMatrix p.PriceNow a:hover{text-decoration:none;color:#BF130C; text-transform:uppercase}
.PricingMatrix p.PriceSummitClub {color:#326082; font-weight:normal; text-transform:uppercase}
.PricingMatrix p.PriceSummitClub a{text-decoration:none;color:#326082; text-transform:uppercase}
.PricingMatrix p.PriceSummitClub a:hover{text-decoration:none;color:#326082; text-transform:uppercase}

.PricingMatrix p.PriceSave {color:#ffffff}
.popupcontent{padding:10px}
.popupcontent h4.Incentive{color:#004D44; font-size: 12px; background: url(/images/icon_header4.gif) 0% 30% no-repeat; padding-left:12px; clear: left; text-transform:uppercase; font-weight:bold}

.popupcontent .Items {width: 130px; float: left; }
.popupcontent .Items img {width: 130px; height:auto;}
.popupcontent .Items a img{border: 1px solid #dbdbdb;}
.popupcontent .Items a:hover img{border: 1px solid #ffb500;}
.popupcontent .Items p.Article{padding: 10px 0px 10px 0px; font-size: 10px; margin:0px; line-height:normal;text-align:center;} 
.popupcontent .Items p.Article a{color:#474747; text-decoration:none} 
.popupcontent .Items p.Article a:hover{color:#474747; text-decoration:underline} 
.popupcontent .Items p.Price{padding-bottom: 5px; }
.popupcontent .Items span.PriceNow{color: #BF130C;} 
.popupcontent .Items span.PriceWas{text-decoration: line-through; padding-right: 5px;}

.popupcontent .ItemsDivider {width: 10px; height: 120px; float: left;}


/* Catalog Scrolling (M. Neale - 24/10/2008) */
#scroller_left_button { background-image: url('/images/b_catNavLeft.gif'); }

#scroller_right_button { background-image: url('/images/b_catNavRight.gif'); }

.scroll_left_button { background-image: url('/images/b_catNavLeft_over.gif') !important; }

.scroll_right_button { background-image: url('/images/b_catNavRight_over.gif') !important; }

#scroll_table, #scroll_pane, #hscroll_img {
	overflow: hidden;
	position: relative;
}

#scroller_mask { overflow: hidden; }


.smlGreenTxt{font-size:9px;color:#004D44;}
.survey_form{padding:10px 10px 10px 25px;}
.survey_form h2{text-transform:none;padding-top:15px;}
.survey_form .section{padding:10px 0;border-bottom:1px #DDDDDD dotted;clear:left;}
.survey_form .question{clear:left;padding-bottom:5px;}
.survey_form .question p{padding-bottom:3px;}
.survey_form h3{margin:6px 0;padding:0;background-image:none;}
.survey_form .radio_list{margin-left:0;padding-left:0;list-style:none;}
.survey_form .radio_list li{float:left;width:130px;margin:0 0 6px 0;list-style:none;}
.survey_form .checkbox_list {margin:0;padding:0;list-style:none;}
.survey_form .checkbox_list li{float:left;width:350px;margin:0 10px 6px 0;list-style:none;}
.survey_form .other_info{width:700px;height:40px;}
.survey_form .col{min-width:200px;}
.survey_form .submit_button{padding-top:10px;text-align:right;}


/* 500 error page */
.error_container{
                width:750px;
                margin-left:auto;
                margin-right:auto;
                margin-bottom:30px;
                background-color:#ffffff;             
}
.error_content{ }
.error_logo{ background-color: #678713;}
.error_detail{padding:20px;}
.error_detail h1{ font-size:20px; text-transform: capitalize; padding-bottom: 20px;}
.error_detail h4{ font-size:11px; font-weight:bold; color:#999999; padding:0px 0px; background: none !important;}
.error_detail p { padding-bottom: 10px;}
.error_detail a { text-decoration: underline;}
span#sec{color:#000000}
/* end */

.summitclubpromotion{margin-top:5px; padding:2px; border:1px solid #326082; text-align:center; color:#326082;}
.summitclubpromotion span.conditions{color:#474747; font-size:7.5pt}

#popup_summary{position:absolute; display:none; border:1px solid #c5c0bb; background-color:#c5c0bb; z-index:999; width:257px; margin:21px 0 0 -8px;}
#popup_summary.demo{display:block}
#popup_summary .message{margin:5px; color:#AB1234; }
#popup_summary .upsell{margin:5px; color:#AB1234; background:#FFFFFF; padding:5px;}
#popup_summary .message p{background:#FFFFFF;color:#AB1234; margin:0; padding:5px;text-align:center;}
#popup_summary tr.message p{padding: 0 4px 4px 4px;text-align:left;font-weight:bold; }
#popup_summary .sign_in{ background-color:#81725e; color:#FFFFFF;padding:3px 0 0 0;margin:5px;}
#popup_summary .sign_in fieldset{border:0; margin:0; padding:4px 4px 2px 8px;}
#popup_summary .sign_in legend{font-weight:bold;padding:2px 0 4px 0;color:#FFFFFF;}
#popup_summary .sign_in fieldset fieldset{padding:0;}
#popup_summary .sign_in label{vertical-align:top; padding-right:8px;}
html>/**/body #popup_summary .sign_in input{vertical-align:top;margin-right:4px}
#popup_summary .summary{margin:5px;}
#popup_summary .summary table{width:100%;}
#popup_summary th{background-color:#c5c0bb; font-size:11px;text-align:left;padding:4px 2px;}
#popup_summary tr.subtotal th{text-align:right;}
#popup_summary tr.subtotal th:first-child{padding-right:8px;}
#popup_summary .Description{text-align:left}
#popup_summary .Quantity{text-align:center}
#popup_summary .Price, #popup_summary .Total{text-align:center}
#popup_summary td{background:#f2f1ef; font-size:11px;padding:2px;vertical-align:top;}
#popup_summary h3{margin:0;padding:0 0 2px 0;background:none; color:#333;}
#popup_summary p{margin:0;padding:0px 0 0px 0}
#popup_summary .ItemImage img{margin:2px;padding:0 ;border:1px solid #D8D8D8;}
#popup_summary .login{padding-top:4px; background:url(/images/bg_popup_divider.gif) top left repeat-x;}
#popup_summary .login ul{list-style:none;zoom:1;margin:0;padding:0}
#popup_summary .login li{list-style:none; list-style-image:none; list-style-position:outside; margin:0; padding:6px 3px;}
#popup_summary .login li.mandatory { padding: 3px 0; font-size: 10px;}

#popup_summary  .terms{display:block;clear:left;padding:3px 0}
#popup_summary .login .email{float:left; white-space: nowrap;}
#popup_summary .login .password{float:left; padding-left:18px}
html>/**/body #popup_summary .login .password{padding-left:10px}
#popup_summary .login .email input {display:block;width:98px; background:#DEDEDE;padding:3px 1px; border:1px solid #D8D8D8}
#popup_summary .login .password input{display:block;width:102px; background:#DEDEDE;padding:3px 1px; border:1px solid #D8D8D8}
#popup_summary .login label{display:block; width:90px; padding-bottom:4px; font-size: 10px;}
#popup_summary .login .reminder{clear:left; float:left; padding-top:4px; padding-bottom:0px; width:130px}

#popup_summary .sign_in  a{color:#ffffff; font-size:11px; text-decoration:underline; font-size: 10px;}
#popup_summary .sign_in  a:hover{color:#ffffff; text-decoration:none;}
#popup_summary .login li.submit_button{ float:right;padding:0 0 3px 0; margin-top:-4px;}
#popup_summary .buttons{white-space:nowrap;}
.maincontainer .tt_tip{display:none}

.tt_display{z-index:1000;}
html>body .tt_display{}
html>body .tt_display.over.right{background:url(/images/tooltip_tail_right.png) bottom left no-repeat; padding-bottom:19px;}
html>body .tt_display.under.right {background:url(/images/tooltip_tail_right_under.png) top left no-repeat; padding-top:19px;}
html>body .tt_display.middle.left{background:url(/images/tooltip_bg_bottom.png) bottom right no-repeat; padding-bottom:5px;}
html>body .tt_display.middle .wrapper{background:url(/images/tooltip_tail_left_side.png) 0 50% no-repeat; padding-left:17px;}
.tt_content{background:none;padding:16px; width:216px; border:1px solid #454545; color:#454545; background:#E7E7E7;}
html>body .tt_content{background:none;}
.tt_tip{margin:5px 0;}
html>body .tt_tip{ background:url(/images/tooltip_bg.png) top left repeat-y;padding:0 4px 0 0px; margin:0;}
html>body .tt_display.over .tt_content{border-bottom:0}
html>body  .tt_display .tt_cardcode{border-width:1px 1px 1px 0px; border-right-color:transparent;border-bottom-color:transparent;border-collapse:collapse;}
.tt_content h4{color:#454545; margin:0; padding:0 0 8px 0; background:none; text-transform:none;}
.tt_content p{color:#454545;padding:0}
html>body .tt_display.under .tt_content{border-top:0}
html>body .tt_display.under .tt_content{border-top:0}
.tt_content h4{color:#454545; margin:0; padding:0 0 8px 0; background:none; text-transform:none;}
.tt_content p{color:#454545;padding:0}

.cart_tool_tip{float:left}
.sign_in_options .tool_tip{display:inline}
html>/**/body .sign_in_options .tool_tip{display:inline-block; vertical-align:top; }
.required { padding: 5px; background-color:#D9D4CE; width: 438px;}
.spam  td { padding: 0; background-color:#d9d4ce;}
.spam  td p{ zoom:1;}
.spam  td p:after { content:"."; display: block; height: 0; visibility: hidden; clear: both;}
.spam p{padding:5px; border-collapse:collapse; margin:0; }
.spam label{font-style:normal; display: block; float: left;}
.spam .instructions label { font-weight: bold;}
.spam span{background:#FFFFFF none repeat scroll 0 0; border:1px solid #A3ADB8;  font-weight:normal; text-align:center; float:right; font-style:normal; display:block;}
.spam input{width:50px; float:right; padding:2px 4px; margin: 0; display:block;}
/* COMPETITION MODULE STYLES  */
.competition{border:1px solid #d5d5d5; background-color:#f5f5f5; padding:10px 10px 10px 10px; margin:10px 0;}
fieldset.competition_fields {border:0;}
.competition_fields legend{color:#454545; font-size:12px; padding:5px 0 8px 0; margin:0 -7px; _margin:0 -7px; font-weight:bold;}
html>/**/body .competition_fields legend{margin:0}
.competition_fields ul{list-style-image:none; list-style-position:outside; list-style-type:none;padding:0px; margin:0px; zoom:1;width:385px;}
.competition_fields ul ul{width:auto}
.competition_fields ul:after{content:".";display:block; clear:right; visibility:hidden; height:0}
.competition_fields li{list-style-image:none; list-style-position:outside; list-style-type:none; padding:5px 0px 5px 0px; border-bottom:1px dotted #d5d5d5; margin:0px; zoom:1; font-size:11px; }
.competition_fields li li{width:auto;}
.competition_fields em{font-weight:bold; font-style:normal; color:#AB1234}/* holds the asterisk for compulsory fields */
.competition_fields label {vertical-align:middle; padding:0 0 0 0px; display:inline-block; width:160px;}
.competition_fields input[type="text"] {width:200px; padding:5px; margin-left:5px; border-width:1px; font-size:11px;}
.competition_fields input[type="image"]{vertical-align:top;}
.competition_fields .response input {width:88px}

.competition_fields .reset{width:auto;float:left; border:0}
.competition_fields .submit{width:auto;float:right; border:0}

.competition_top  .error{padding: 10px 10px 10px 35px; color:#AB1234; border:1px solid #d5d5d5;  margin-bottom:10px;background:#f5f5f5 url(/images/bg_msg_exclaim.gif) 3px 3px no-repeat}
.competition_top  .error p{color:#AB1234; margin: 0px; font-size: 11px; padding:0px 0px 4px 0px;  }
.competition_top .error a{color:#AB1234;}
.competition_top  .error a:hover {color:#AB1234;}

.competition_top  .success{padding: 10px 10px 10px 35px; color:#AB1234; border:1px solid #d5d5d5;  margin-bottom:10px; background:#f5f5f5 url(/images/bg_msg_tick.gif) 3px 3px no-repeat;}
.competition_top .success p{color:#4E9315; margin: 0px; font-size: 11px; padding:0px 0px 4px 0px;  }
.competition_top  .success a{color:#4E9315; text-decoration:underline}
.competition_top  .success a:hover{color:#4E9315; text-decoration:none}


/* Additional Styles required for initial ecommerce cut (S. Frater - 08/07/2009) */
div.inline-error { display: none; }
