/*****************************************************
* system
*****************************************************
*/
div.contentsearch > input, div.contentsearch > img { float:left; }
div.contentsearch > img:hover { cursor:pointer; }
noscript { text-align:center; }
table td { vertical-align:top; }
div.row { clear:both; margin-top:10px; }
div.folderlisting > div.row { overflow:hidden; margin-bottom:10px; }

div.buttonbar { float:left; overflow:hidden; margin-top:20px; margin-bottom:10px; clear: none; } /* 15/08/2013: Added clear:none to address the button jumping issue on all sites (bug 862) // 09/04/2013: removed 'clear:left;' as causing problems on Chrome on Mac */
div.buttonbar > a { margin-right:10px; }
div.buttoninfo { float:left; overflow:auto; margin-top:20px; margin-bottom:10px; }

div#submitFormAnimation { margin-left:30px; margin-top:7px; width:16px; height:20px; overflow:hidden; background-image:url(../images/loader-bar.gif); background-repeat:no-repeat; display:inline-block; } /* ajax-loader-snake-1A680B.gif */
div.captchawarning { clear:both; width:300px !important; }
div.containerform input.formfield, div.containerform select.formfield, div.containerform textarea.formfield { width: 100%; } /* 15/08/2013: removed !important from width as it was preventing easy overriding; allows the field to stretch the full with if the div element */
div.containerform textarea.formfield { resize:none; } /* disable the resizability of form textarea elements */
div.formfield, div.loginfield { position:relative; } /* required so warning messages are contained in each field div */
div.formfieldscroller { overflow-x:hidden; overflow-y:auto; }
.hidden { display:none; }
div.bannerSep { clear:both; height:10px; }
div.containersep { height:5px; overflow:hidden; clear:both; }

div.containergallery ul.gallery > li > img:hover { cursor:pointer; }
div.containergallery ul.gallerystatic > li > img:hover { cursor:auto !important; } /* for images without href */
div.containergallery ul.gallerystatic > li > a > img { border:0; }  /* for images with href */
div.containergallery ul.expanded > li, img.expanded { background:url('../images/loading-grey.png') no-repeat center; }
div.containergallery ul.gallery, div.containergallery ul.expanded, div.containergallerylinks ul.gallerylinks, div.containerform, div.containerform ul.listform { overflow:hidden; }
div.containerform ul.listform, div.containerhomepage ul.homepage { list-style:none !important; margin:0 !important; padding:0 !important; }
div.containergallery ul.gallery > li, div.containergallery ul.expanded > li, div.containergallerylinks ul.gallerylinks > li, div.containerform ul.listform > li, div.containerhomepage ul.homepage > li { float:left; list-style:none !important; background-image:none !important; } /* background:transparent none !important; */
div.containerlist ul.listparagraph > li { list-style:none !important; background-image:none !important; margin-left:0 !important; padding-left:0 !important; }
div.containerform ul.listform > li { margin-left:0 !important; padding-left:0 !important; } /* NOTE: "margin:0" is not backwards compatible with existing forms, use "margin-left:0" */
div.containergallery > table { width:100%; table-layout:fixed; overflow:hidden; }
div.containergallery > table td { overflow:hidden; }
table.tablefixedwidth { width:100%; table-layout:fixed; overflow:hidden; }

div#sitecontent .containermenu ul.foldermenuvertical li { width:100%; overflow:hidden; padding:0; margin:0; background:none; list-style:none; background-image:none; }
div#sitecontent .containermenu ul.foldermenuhorizontal { overflow:hidden; } /* stops wrapping of sub nav and galleries */
div#sitecontent .containermenu ul.foldermenuhorizontal li { width:auto; float:left; overflow:hidden; padding:0; margin:0; background:none; list-style:none; background-image:none; }

div#sitecontent .containerfieldsmenudata ul.fieldsmenuvertical, div#sitecontent .containerfieldsmenudata ul.fieldsmenuhorizontal { overflow:hidden; } /* needed for margins on table.fieldsdatahorizontal */
div#sitecontent .containerfieldsmenudata ul.fieldsmenuvertical > li { width:100%; overflow:hidden; }
div#sitecontent .containerfieldsmenudata ul.fieldsmenuhorizontal > li { width:auto; float:left; overflow:hidden; }
div#sitecontent .containerfieldsmenudata table.fieldsdatahorizontal { width:100%; clear:both; overflow:auto; }

/* My Account default styles */
div#sitecontent .accountformsubmissions { overflow: auto; min-height:30px; max-height:200px; border:1px solid silver; }
div#sitecontent .accountformsubmissions > table { width:100%; border-spacing:0; }
div#sitecontent .accountformsubmissions > table td { padding:3px; }
div#sitecontent .accountformsubmissions > table td:nth-child(1) { width:5%; }
div#sitecontent .accountformsubmissions > table td:nth-child(2) { width:20%; }
div#sitecontent .accountformsubmissions > table td:nth-child(3) { width:74%; }
div#sitecontent .accountformsubmissions > table td:nth-child(4) { width:1%; }
div#sitecontent .accountformsubmissiondetails { overflow:auto; }
div#sitecontent .accountformsubmissiondetails > table { width:100%; border-spacing:0; border-top:1px solid #E7E7E7; border-left:1px solid #E7E7E7; }
div#sitecontent .accountformsubmissiondetails > table td { padding:3px; border-right:1px solid #E7E7E7; border-bottom:1px solid #E7E7E7; }
div#sitecontent .accountformsubmissiondetails > table td:first-child { width:30%; font-weight:bold; }
div#sitecontent .accountformsubmissiondetails > table td:last-child { width:70%; }
div#sitecontent .accountformleadsaccepted { overflow: auto; min-height:30px; max-height:200px; border:1px solid silver; }
div#sitecontent .accountformleadsaccepted > table { width:100%; border-spacing:0; }
div#sitecontent .accountformleadsaccepted > table td { padding:3px; }
div#sitecontent .accountformleadsaccepted > table td:nth-child(1) { width:5%; }
div#sitecontent .accountformleadsaccepted > table td:nth-child(2) { width:20%; }
div#sitecontent .accountformleadsaccepted > table td:nth-child(3) { width:75%; }

/* css 3 ajax loader test */
.ajaxworkinganimation
{
  display: none;
  position: absolute;
  width: 30px;
  height: 30px;
  left: 50%;
  top: 15%;
  margin: 0 0 0 -15px;
  border: 8px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  box-shadow: 0 0 25px 2px #eee;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  -ms-animation: spin 1s linear infinite;
  -o-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

/* comments */
.contentCommentArea { overflow:auto; }
.contentCommentArea .commentHeader { overflow:auto; margin-top:10px; padding:0 3px 0 3px; border:1px solid silver; color:black; background-color:white; }
.contentCommentArea .commentCount { float:left; }
.contentCommentArea .commentSignIn { float:right; }
.contentCommentArea .commentsShowBtn { cursor:pointer; }
.contentCommentArea .commentsShowBtn:hover { color:red; }
.contentCommentArea .commentsListing { overflow:auto; margin-top:10px; padding:0 3px 0 3px; border:1px solid silver; }
.contentCommentArea .commentsListing .citem { position: relative; margin-top: 10px; margin-left: 135px; background: none repeat scroll 0% 0% #333; }
.contentCommentArea .commentsListing .citem:first-child { margin-top:0; }
.contentCommentArea .commentsListing .citem.cdepth1 { margin-left: 0px; }
.contentCommentArea .commentsListing .citem.cdepth2 { margin-left: 15px; }
.contentCommentArea .commentsListing .citem.cdepth3 { margin-left: 30px; }
.contentCommentArea .commentsListing .citem.cdepth4 { margin-left: 45px; }
.contentCommentArea .commentsListing .citem.cdepth5 { margin-left: 60px; }
.contentCommentArea .commentsListing .citem .cby { line-height: 32px; font-size: 13px; font-weight: bold; color: rgb(102, 102, 102); width: 100%; float: left; margin-bottom: 10px; }
.contentCommentArea .commentsListing .citem .cby img { width: 32px; height: 32px; vertical-align: middle; float: left; margin-right: 5px; }
.contentCommentArea .commentsListing .citem .cby span.username { font-size: 13px; line-height: 1.5; margin-top: 6px; }
.contentCommentArea .commentsListing .cposted { overflow: hidden; font-size: 10px; line-height: 2; font-weight: normal; color: rgb(102, 102, 102); margin: 0px; padding: 5px 0px; clear: both; }
.contentCommentArea .commentsListing .cposted .clabel { font-weight: normal; }
.contentCommentArea .commentsListing .cposted .ctime { font-weight: bold; }
.contentCommentArea .commentsListing .cposted .cactions { float:right; }
.contentCommentArea .commentsListing .cposted .cactions a.creply { color: rgb(102, 102, 102); }
/* comments */

.cloud-zoom-lens { cursor:move; }

/* new shopping buttons, price and qty container classes */
.containershoppingbp > div { overflow:hidden; }
.containershoppingbp > div > div:first-child { margin-left:0; }
.containershoppingbp > div > div { display:inline-block; overflow:hidden; margin-left:15px; }

/* new shopping cart container */
.containershoppingcartd > table { margin:5px 0 5px 0; }
/* new shopping shipping methods container */
.cartshippingmethods { padding:15px 0 0 0; }
.cartshippingmethods > div { display:inline-block; margin:0 10px 0 0; }
.cartshippingmethods > div > input { margin:0 5px 0 0; }

/* +15/08/2013: Added captchaimage and captchainput classes, moved there inline styles here  */
div.containerform.containercaptcha 				 { margin-top:5px; clear:both; overflow:hidden; } /* defaults */
div.containerform.containercaptcha .captchaimage { float: left; }
div.containerform.containercaptcha .captchainput { width:100px !important; float:left; margin-left:10px; } /*We need !important because */



/** 
 * Grayscale effect
 */


.cssfilters .tograyscale, /* if filters are supported then use the regular class to prevent flicker */
.tograyscalecss { 
	-webkit-filter: grayscale(100%);
	/*-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);*/
}

/*
	If image has been initted to use css, then put a transition by default
	This prevents it from transitioning from colour on page load
*/
.tograyscalecss {
	-webkit-transition: -webkit-filter .7s;
}

.tograyscalecss:hover {
	-webkit-filter: grayscale(0%);
	/*-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	filter: none;*/
}



/** 
 * Social 
 */

.fb-comments {
	display: inline-block; /* Not strictly necessary, but probably safer */
} 

.fb-comments, 
.fb-comments * {
	width: 100% !important;
}



/** 
 * Sub-nav fix 
 */

.navcontainer > * {
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
}

.navcontainerhide > * {
	opacity: 0;
}



/** 
 * Clearfix 
 */

.clearfix:before,
.clearfix:after {
    content: " "; 
    display: table; 
}

.clearfix:after {
    clear: both;
}


/* Popover styles for forms
======================================================= */


/**
* Changeable in SMI
*/

.bs-popover {
  color: #333;
  background-color: white;               /* fill color of popover */
  border: 1px solid rgba(0, 0, 0, 0.25); /* border color of popover */
}

.bs-popover .bs-arrow:after {
  border-color: white;                   /* fill color of popover */
}

.bs-popover .bs-arrow {
  border-color: rgba(0, 0, 0, 0.25);     /* border color of popover */
}






/**
* Private styles
*/


.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

.bs-tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
}
.bs-tooltip.bs-in {
  opacity: 0.8;
}
.bs-tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.bs-tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.bs-tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.bs-tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.bs-tooltip-inner {
  max-width: 200px;
  padding: 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 4px;
}
.bs-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip.top .bs-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.bs-tooltip.right .bs-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.bs-tooltip.left .bs-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.bs-tooltip.bottom .bs-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}





.bs-popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 250px;
  padding: 1px;
  text-align: left;
  
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  
  border-radius: 6px;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
  white-space: normal;
}
.bs-popover.top {
  margin-top: -10px;
}
.bs-popover.right {
  margin-left: 10px;
}
.bs-popover.bottom {
  margin-top: 10px;
}
.bs-popover.left {
  margin-left: -10px;
}
.bs-popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.bs-popover-title:empty {
  display: none;
}
.bs-popover-content {
  padding: 9px 14px;
}
.bs-popover .bs-arrow,
.bs-popover .bs-arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  
  border-style: solid;
}
.bs-popover .bs-arrow {
  border-width: 11px;
  
}
.bs-popover .bs-arrow:after {
  border-width: 10px;
  content: "";
  
}


.bs-popover.top .bs-arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  /*border-top-color: rgba(0, 0, 0, 0.25);*/
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  /*border-top-color: transparent;*/
  bottom: -11px;
}
.bs-popover.top .bs-arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  /*border-top-color: #ffffff;*/
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  /*border-top-color: transparent;*/
}
.bs-popover.right .bs-arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  /*border-right-color: rgba(0, 0, 0, 0.25);*/
  border-left-color: transparent;
  /*border-right-color: transparent;*/
  border-bottom-color: transparent;
  border-top-color: transparent;
}
.bs-popover.right .bs-arrow:after {
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  /*border-right-color: #ffffff;*/
  border-left-color: transparent;
  /*border-right-color: transparent;*/
  border-bottom-color: transparent;
  border-top-color: transparent;
}
.bs-popover.bottom .bs-arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  /*border-bottom-color: rgba(0, 0, 0, 0.25);*/
  border-left-color: transparent;
  border-right-color: transparent;
  /*border-bottom-color: transparent;*/
  border-top-color: transparent;
  top: -11px;
}
.bs-popover.bottom .bs-arrow:after {
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  /*border-bottom-color: #ffffff;*/
  border-left-color: transparent;
  border-right-color: transparent;
  /*border-bottom-color: transparent;*/
  border-top-color: transparent;
}
.bs-popover.left .bs-arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  /*border-left-color: rgba(0, 0, 0, 0.25);*/
  /*border-left-color: transparent;*/
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-top-color: transparent;
}
.bs-popover.left .bs-arrow:after {
  right: 1px;
  border-right-width: 0;
  /*border-left-color: #ffffff;*/
  /*border-left-color: transparent;*/
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-top-color: transparent;
  bottom: -10px;
}


.shoprrp {
text-decoration: line-through;
padding-right: 10px;
}

/* appendable gallery styles - 18/07/2014 */
.containergalleryscrollable  { width:400px; overflow:hidden; position:relative; height:75px; }
.galleryscrollablewrapper { position:relative; overflow:hidden; width:100%; }
.galleryscrollablearea { position:relative; width:auto; }
.galleryscrollablearea div.columnitem { position:relative; float:left; margin:0; padding:0 5px 0 0; }

/*
*****************************************************
* system
*****************************************************
*/