/*
	TC - default.css
	@import url('http://localhost:8079/dist/css/default.css');
 */


/*  =============================================================================
    __reset - Global Reset
    ========================================================================== */
html, body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
/* removed strong from above, make this bold */
strong { font-weight: bold; }
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {content:'';}
abbr,acronym { border:0;
}




/*  =============================================================================
    __body - Main Body
    ========================================================================== */
/* Controls the complete HTML Body */
body
{
  background-attachment:scroll;
  color:#000000;
  display:block;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  margin:0px 0px 0px 0px;

  min-width: 1024px; /* for ipad */
}

/* AMENDED - AJC */
/* Controls the customisable centre section of the HTML Body */
#bodywrapper
{
  margin: 0px auto;
  /* position:relative; */
  text-align:left;
  width: 100%;
}

/* Site Master */
div.content {
  margin:0px;
}
div.maincontent {
  width: 1024px;
  margin-top: 14px;
}
@media (min-width: 1250px) {
	/* Product Detail page, wider content for large screens */
	form[action*='/estore/style/'] div.maincontent {
		width: 1224px;
	}
}

/* AMENDED - AJC */
/* Hides the top border on the .maincentre div for the homepage */
div#backstretch+div#bodywrapper .maincentre {
	border-top: none;
}

/* maincentre Area */
div.maincontent .maincentre {
  display:inline;
  float: left;
  width: 680px !important;
  margin: 25px 0px 0px 89px;
}
@media (min-width: 1250px) {
	/* Product Detail page, wider content for large screens */
	form[action*='/estore/style/'] div.maincontent .maincentre {
		 width: 880px !important;
	}
}

div#ctl00_MainCentre_container_container_pnlContentContainerData {
	padding: 18px 0px 0px 0px;
	border-top: 1px solid #b8b8b8;
}
/* AMENDED - AJC */
/* No right column is required */
div.maincontent .mainright {
	display: none;
}




/*  =============================================================================
    __leftnav - Left Navigation
    ========================================================================== */
/* AMENDED - AJC */
/* Left Vertical Menu */
div.maincontent .mainleft {
	display:inline;
	float: left;
	margin:25px 0px 0px 26px;
}

div.tc_common_customLeftNavbar {
	padding: 0px;
	margin: 0px;
}

div.tc_common_customLeftNavbar ul.subsect {
	padding: 0px;
	margin: 14px 0px 0px 5px;
	list-style: none;

	text-transform:uppercase;

	font: 14px/21px Georgia, Times, 'Times New Roman', serif;
	letter-spacing: 1px;
}
div.tc_common_customLeftNavbar.logo {
	height: 90px;
}
div.tc_common_customLeftNavbar a#tc_logo {
	display: block;
	background: url(https://www.trelisecooperonline.com/user/files/tc_common_leftColumn_tcLogo-200w.png);
	width: 200px;
	height: 67px;
	text-indent: -9999em;
	margin-bottom: 20px;
}

div.tc_common_customLeftNavbar a#tc_logo:hover {
	cursor: pointer;
}

div.tc_common_customLeftNavbar.enquiries {
	margin: 16px 20px 16px 5px;
	font: 11px Arial, serif;
	line-height: 16px;
}
div.tc_common_customLeftNavbar.enquiries a {
	text-decoration: underline;
	text-transform: uppercase;
}
div.tc_common_customLeftNavbar.enquiries .returns {
	margin-top: 6px;
}

div.tc_common_customLeftNavbar ul.icons {
	height: 16px;
}

div.tc_common_customLeftNavbar ul.icons li {
	width: 16px;
	height: 16px;
	margin-right: 8px;
	float: left;
}

div.tc_common_customLeftNavbar ul.icons li a {
	display: block;
	text-indent: -9999em;
	width: 16px;
	height: 16px;
	background:url(https://www.trelisecooperonline.com/user/files/tc_common_leftColumn_socialicons.png) no-repeat;
}

div.tc_common_customLeftNavbar ul.icons li a#leftnav_facebook { background-position: 0px 0px;}
div.tc_common_customLeftNavbar ul.icons li a#leftnav_facebook:hover { background-position: 0px -16px;}

div.tc_common_customLeftNavbar ul.icons li a#leftnav_twitter { background-position: -16px 0px;}
div.tc_common_customLeftNavbar ul.icons li a#leftnav_twitter:hover { background-position: -16px -16px;}

div.tc_common_customLeftNavbar ul.icons li a#leftnav_pinterest { background-position: -32px 0px;}
div.tc_common_customLeftNavbar ul.icons li a#leftnav_pinterest:hover { background-position: -32px -16px;}

div.tc_common_customLeftNavbar ul.icons li a#leftnav_instagram { background-position: -48px 0px;}
div.tc_common_customLeftNavbar ul.icons li a#leftnav_instagram:hover { background-position: -48px -16px;}

div.tc_common_customLeftNavbar.shipping {
	margin: 16px 0 0 5px;
}

/* Shield */
.shield {
  margin: 16px 0 0 5px;
}
.shield__link {
  display: block;
  width: 30px;
  height: 30px;
  background: url(https://www.trelisecooperonline.com/user/files/shielded-logo.png) no-repeat;
  background-size: contain;
  cursor: pointer;
}


/*  =============================================================================
    __footer - Footer
    ========================================================================== */
div#tc_common_customFooter {
	width: 680px;
	margin: 0px 0px 0px 335px;
	padding: 15px 0px 25px 0px;
	border-top: 1px solid #b8b8b8;
	border-bottom: 1px solid #b8b8b8;
	background: #F9F9F9;
}
@media (min-width: 1250px) {
	/* Product Detail page, wider content for large screens */
	form[action*='/estore/style/'] div#tc_common_customFooter {
		width: 880px;
	}
}
div#tc_common_customFooter ul {
	width: 156px;
	float: left;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	list-style: none;
}
div#tc_common_customFooter ul li{
	margin: 4px 0px 0px 0px;
}
div#tc_common_customFooter ul li h3{
	display: block;
	font: 12px Georgia, Times, 'Times New Roman', serif;
	color: #000000;
	text-transform: uppercase;
	margin-bottom: 10px;
}
div#tc_common_customFooter ul li {
	font: 11px Arial, serif;
	color: #444444;
}
div#tc_common_customFooter ul li a:hover {
	color: #666666;
}
div#tc_common_customFooter ul li.current {
	font-weight: bold;
	color: #000000;
	cursor: default;
}

div#tc_common_customFooterCredit {
	width: 680px;
	margin: 0px 0px 0px 335px;
}
div#tc_common_customFooterCredit p {
	font: 11px Arial, sans-serif;
	line-height: 20px;
	padding: 10px 10px;
}
div#tc_common_customFooterCredit p span {
	cursor: default;
}
div#tc_common_customFooterCredit span#toShow {
	display: none;
}
div#tc_common_customFooterCredit a {
	text-decoration: underline;
	padding-right: 5px;
}

/* AJC - E-Retailer footer section is not used
div.footer {
  padding-top:30px;
  margin-bottom:20px;
  text-align:center;
}*/



/*  =============================================================================
    __bgstretch - Full Screen Background on homepage
    ========================================================================== */
/* NEW - AJC */
/* bgstretcher Fullscreen Image on homepage */
.bgstretcher, .bgstretcher ul, .bgstretcher ul li {
	position: absolute;
	top: 0;
	left: 0;
}
.bgstretcher ul, .bgstretcher ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.bgstretcher ul li {
	display: list-item;
}
.bgstretcher {
	overflow: hidden;
	width: 100%;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
}
/*  =============================================================================
    __homepromo - Homepage promos
    ========================================================================== */
ul.tc_home_promo {
	display: none; /* we fade this in with jquery once window has loaded */
	width: 420px;
	height: 120px;
	margin: 0px;
	position: fixed;
	bottom: 50px;
	right: 50px;
}
ul.tc_home_promo li {
	float: left;
	margin: 5px;
	position: relative;
	opacity: 0.9;
	filter:alpha(opacity=90);

	-webkit-box-shadow: 0 0 6px 0 #999;
	   -moz-box-shadow :0 0 6px 0 #999;
	        box-shadow: 0 0 6px 0 #999;
}
ul.tc_home_promo li:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
	cursor: pointer;
}
ul.tc_home_promo li.promo_large {
  display: none;
	width: 410px;
	height: 190px;
}
ul.tc_home_promo li.promo_small {
	width: 200px;
	height: 110px;
}
ul.tc_home_promo li a {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

/* Wide banner */
div.wide-banner {
	height: 190px;
	margin: 0px;
	position: fixed;
	left: 30px;
	bottom: 30px;
	right: 30px;
	text-align: center;
	overflow: hidden;
	-moz-box-shadow:0 0 20px 5px #777;
	-webkit-box-shadow: 0 0 20px #777;
}
@media screen and (max-height: 900px)  {
	div.wide-banner.home {
		left: 280px;
	}
}
@media screen and (max-height: 1000px)  {
	div.wide-banner.category {
		left: 280px;
	}
}
div.wide-banner img {
	position: absolute;
	left: 50%;
	margin-left: -1250px;
}

/* White Week banner (max-width on image, no boxshadow) */
div.wide-banner.ww {
	height: auto;
	left: 280px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
div.wide-banner.ww img {
	position: relative;
	max-width: 100%;
	left: auto;
	margin-left: 0;
}


/* Hide category list (only used for Mobile layout) */
.maincentre .categorymenulevel {
	display: none;
}
/* Hide all mobile-only HTML elements */
.mobile-only {
	display: none !important;
}


/*  =============================================================================
    __basicselectors - Basic Selectors
    ========================================================================== */
.space8
{
  padding:8px;
}
.space20
{
  padding:20px;
}
/* Controls the colour of the used links, when revisiting the pages during a session */
/* AMENDED - AJC */
a:link, a:visited {
  color:#000000;
  text-decoration:none;
}
/* Controls the hover colour of the links */
/* AMENDED - AJC */
a:active, a:hover {
  color:#555555;
  text-decoration:none;
}
th {
  vertical-align:top;
}
td {
  vertical-align:top;
}
/* Controls the characteristics of heading 1 in HTML pages, and also the stock description in stock detail page */
h1 {
  font: bold 12px arial, verdana, sans-serif;
  color:#000000;
  //margin-top:10px;
  margin-bottom:10px;
}
/* Controls the characteristics of heading 2 in HTML pages */
h2 {
	font: 16px/22px Georgia, Times, 'Times New Roman', serif;
	text-transform: uppercase;
	color: #000000;
	margin-top:10px;
	margin-bottom:10px;
}
/* Controls the characteristics of heading 3 in HTML pages */
h3 {
	font: 15px/22px Georgia, Times, 'Times New Roman', serif;
	text-transform: uppercase;
	color: #000000;
	margin-top:5px;
	margin-bottom:5px;
}
/* Controls the characteristics of heading 4 in HTML pages */
h4 {
	font: 15px/22px Georgia, Times, 'Times New Roman', serif;
	text-transform: uppercase;
	color: #000000;
}
img {
  border:0px;
}
/* Controls the characteristics of a lines drawn in the HTML pages */
hr {
  color:#C0C0C0;
  height:1px;
}
hr.light {
  color:#C0C0C0;
  height:1px;
  border-style:dashed;
}
form {
  margin:0px;
  padding:0px;
}
/* Controls the font of details keyed in. Add a color line here if you don't want to use the standard defined in the body wrapper */
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #b8b8b8;
}
/* AJC - added border colour for input and textarea focus */
input:focus, textarea:focus {
	outline-color: #cfcfcf;
}
fieldset {
  border:1px solid #DFDFDF;
  padding:10px 10px 10px;
  margin-top:4px;
}
legend {
  font-weight:bold;
}
fieldset div {
  padding-top:5px;
}
.wordwrap {
  white-space:pre-wrap; /* css-3 */
  white-space:-moz-pre-wrap; /* Mozilla, since 1999 */
  white-space:-pre-wrap; /* Opera 4-6 */
  white-space:-o-pre-wrap; /* Opera 7 */
  word-wrap:break-word; /* Internet Explorer 5.5+ */
  vertical-align:top;
}
.hidden {
  display: none !important
}




/*  =============================================================================
    __topmenu - Top Cart / Login menu
    ========================================================================== */
/* added fix for IE7 */
div#ctl00_HeaderTop_pnlContentContainerData {
	height: 0px;
}

.uppermenu {
	position: absolute;
	right: 40px;
	top: 0px;
	z-index:201;
	width: auto;
}

.uppermenu > div {
	height: 12px;
	float: right;
}

.uppermenu div div > ul {
	list-style: none;
	padding: 11px 0px 0px 0px;
	margin: 0px;
	float: right;
}
/* Controls display of My Account and Log Out prompts. Add a color line to change the colour of items */
.uppermenu div div ul li {
	padding: 0px 9px 0px 10px;
	margin: 0px;
	height: 12px;
	display: inline;
	border-right: solid 1px #b7a899;
	float: right;
}
/* Controls how the Customer User Name is displayed. Add a color line to change the colour of item */
.uppermenu div div ul li.first {
	border-right: none;
	font: 12px/12px Georgia, Times, 'Times New Roman', serif;
	color: #ebd6c1;
}
/* Controls how the Visited options are displayed. Add a Color line to change the Colour when the mouse is clicked */
.uppermenu div div ul li a:link, .uppermenu div div ul li a:visited {
	display: block;
	padding:0px 2px 0px 5px;
	text-decoration:none;
	font: 12px/12px Georgia, Times, 'Times New Roman', serif;
	color: #ebd6c1;
	text-transform: uppercase;
}
/* Controls the Hover over a Prompt. Add a Color line to change the Colour when the mouse is over a prompt */
.uppermenu div div ul li a:active, .uppermenu div div ul li a:hover {
	color: #ffffff;
}


.uppermenu div div ul li a#trg_slidingcart_a > img {
	display: none;
}
.uppermenu div div ul li a#trg_slidingcart_a {
	background:url(https://www.trelisecooperonline.com/user/files/tc_common_shoppingbag.png) no-repeat;
	background-position: 0px 0px;
	height: 20px;
	padding: 4px 0px 0px 28px;
	display: block;
	position: relative;
	top: -5px;
}

.uppermenu div div ul li a#trg_slidingcart_a:hover {
	background-position: 0px -40px;
}




/*  =============================================================================
    __tophoriz - Top Horizontal Partners Menu
    ========================================================================== */
div#tc_common_customTopHeader {
	width: 100%;
	height: 34px;
	background:url(https://www.trelisecooperonline.com/user/files/tc_common_topHeaderBackground.jpg);
	position: relative;
	top: 0px;
}

div#tc_common_partnerslist {
	height: 20px;
}

div#tc_common_partnerslist ul {
	width: 330px;
	height: 20px;
	list-style: none;
	padding: 7px 0px 7px 0px;
	margin: 0px auto;
}

div#tc_common_partnerslist ul li{
	display: inline;
	height: 20px;
	margin: 0px 3px 0px 3px;
}

div#tc_common_partnerslist ul li a:hover {
	cursor: pointer;
}

div#tc_common_partnerslist ul, div#tc_common_partnerslist ul a {
	font: 12px/20px Georgia, Times, 'Times New Roman', serif;
	color: #ebd6c1;
	text-transform: uppercase;
	letter-spacing: 1px;
}

div#tc_common_partnerslist ul li a:hover {
	color: #ffffff;
}

div#tc_common_partnerslist ul li.current {
	font-weight: bold;
	cursor: default;
}


/*  =============================================================================
    __catnav - Category menu in left navbar
    ========================================================================== */
/* Controls the display characteristics of the Category List */
.categorymenu { }
.categorymenu ul {
	padding: 0px;
	margin: 14px 0px 0px 5px;
	list-style: none;

	text-transform:uppercase;
	font: 14px/21px Georgia, Times, 'Times New Roman', serif;
}
/* Controls the display characteristics of the Category List */
.categorymenulevel {
  padding-left:0 !important;
}
/* Controls the characteristics of the category List when Hovering */
.categorymenulevel a:hover {}
.categorymenulevel li {}

/* Controls the characteristics of the category List when Mouse is clicked */
.categorymenulevel li a.selected {
  color:#7C7C7C;
  text-decoration:none;
}
/* Controls second level */
.categorysubmenulevel2 {
  font-size: 13px !important;
  margin: 0px 0px 0px 8px !important;
}
/* Controls third level */
.categorysubmenulevel3 {
  margin: 0px 0px 0px 8px !important;
  color:#006FB1;
  font-size:11px;
  font-weight:normal;
  text-decoration:none;
}
/* Controls fourth level */
.categorysubmenulevel4 {
  color:#006FB1;
  font-size:11px;
  font-weight:normal;
  text-decoration:none;
}




/*  =============================================================================
    __searchbar - Searchbar (in left nav bar)
    ========================================================================== */
/* Controls the characteristics of the Search bar. To change colour replace the mainmenu-bar image */
div.bar {
  height:20px;
  vertical-align:middle;
  margin: 3px 0px 0px 5px;
z-index:198;}
div.bar > div {
  padding: 0px;
  vertical-align:middle;
  text-indent: -9999em; /* fix for hard-coded "search" (have notified kudos, 03/11/2011) */
}
/* Controls the characteristics of the text control */
div.bar div input.searchtextbox {
  font: bold 11px arial, sans-serif;
  width:142px;
  padding: 2px 3px 2px 3px;
  margin: 0px;
  float: left;
}

div.bar div a {
	width: 39px;
	height: 26px;
	display: block;
	float: left;
	margin-left: 5px;
	background:url(https://www.trelisecooperonline.com/user/files/tc_common_leftColumn_searchGO_39x52.png) no-repeat;
	background-position: 0px 0px;
	margin-top: -2px;
}

div.bar div a:hover {
	background-position: 0px -26px;
}

div.bar div a img {
	display: none;
}




/*  =============================================================================
    __login - Login Page (/login.aspx)
    ========================================================================== */
.logincontainer {
	height: 310px;
}
.loginmessage {}
.logintable {
	width: 680px;
	margin-top: 36px;
	font-family: Georgia, Times, 'Times New Roman', serif;
}
.logincellleft {
	width: 340px;
	float: left;
}
.logincellright {
	width: 340px;
	float: right;
}
/* Controls characteristics of Login Header displayed */
.loginheader {
  height: 30px;
  line-height: 30px;
  color: #000000;
  vertical-align: middle;
  text-align: left;
  font-size: 14px;
  text-transform: uppercase;
}
.loginheader .logincellleft {
	width: 310px;
	margin-right: 30px;
	border-top: 1px solid #B8B8B8;
}
.loginheader .logincellright {
	width: 340px;
	border-top: 1px solid #B8B8B8;
}
.loginheadercell {}
/* Controls the Login Box characteristics. Add a color line to change Font colour */
.loginbody {}
.logincell {
  width: 310px;
  height: 200px;
  margin-right: 30px;
  border-bottom: 1px solid #B8B8B8;
}
.logincellinner {
  width: 340px;
  margin: 18px 0px 18px 0px;
}
.logincelltext {
  display: inline-block !important;
  width: 100px !important;
}
.logincellinner > div {
	width: 300px;
	margin-bottom: 5px;
}

.logincellinner input#ctl00_MainCentre_container_container_Content_21_lgn1_UserName,
.logincellinner input#ctl00_MainCentre_container_container_Content_21_lgn1_Password {
	width: 160px !important;
	padding: 4px 8px 4px 8px;
}
.logincellinner span#ctl00_MainCentre_container_container_Content_21_lgn1_EmailRequired,
.logincellinner span#ctl00_MainCentre_container_container_Content_21_lgn1_PasswordRequired {
	margin-left: 3px;
}

/* Controls the New Customer display characteristics. Add a color line to change Colour */
.logincreatecell {
  width: 340px;
  height: 200px;
  position: relative; /* so we can absolutely position the "create an account" button */
  border-bottom: 1px solid #B8B8B8;
}

/* Custom "create new account" header, inserted with jQuery */
.logincreatecell h3 {
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight:bold;
	color: #000000;
	margin-top: 15px;
}

.logincreatecell input{
	width: 203px;
	height: 26px;
	position: absolute;
	top: 119px;
	left: 68px;
	background:url(https://www.trelisecooperonline.com/user/files/tc_login_buttonCreateNewAccount.png) no-repeat;
	background-position: 0px 0px;
	border: 0;
}
.logincreatecell input:hover {
	background-position: 0px -26px;
}

.loginrememberme {
	margin: 16px 0px 0px 0px;
	width: 283px !important;
	text-align: right;
	font-size: 10px;
	height: 20px;
}

.loginrememberme div {
	position: relative;
	left: 5px;
	top: -2px;
}

.loginbutton {
	margin-top: 10px;
}

.loginbutton input {
	background:url(https://www.trelisecooperonline.com/user/files/tc_login_buttonSignIn.png) no-repeat;
	background-position: 0px 0px;
	position: relative;
	left: 170px;
	width: 113px;
	height: 26px;
}
.loginbutton input:hover {
	background-position: 0px -26px;
}

.loginforgotpwd {
	margin-top: 15px;
	font-size: 11px;
	text-align: right;
	position: relative;
	left: -16px;
}
.loginforgotpwd a {
	color: #666666;
}

.loginforgotpwd a:hover {
	color: #666666;
	text-decoration: underline;
}


/* Controls characteristics of Password Recovery Page */
.passwordrecoverycontainer {}

.passwordrecoverycontainer h2 {
	display: none;
}

.passwordrecoverymessage {
}
.passwordrecoverybody {
	height: 310px;
}
.recoverpwdtable {
	width:350px;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 12px;
}
/* Controls characteristics of Password Recovery Header displayed */
.recoverpwdheader{
	display: none;
}
/* Controls characteristics of Password Recovery Body displayed */
.recoverpwdbody {
  background-color:#FFFFFF;
  color:#333333;
  text-align:left;
}
.recoverpwdbody {
	padding: 42px 0px 0px 0px;
}
.recoverpwdemail {
	padding: 20px 0px 0px 0px;
}
.recoverpwdtext {
  display:inline-block;
  width:100px;
  vertical-align:top;
  padding-top: 3px;
}
.recoverpwdvalue {
  display:inline-block;
  width:235px;
}
.recoverpwdvalue input {
	padding: 3px 4px;
}
.recoverpwdbutton {
	text-align:right;
	padding: 22px 20px 20px 0px;
}
.recoverpwdbutton input {
	background:url(https://www.trelisecooperonline.com/user/files/tc_forgotpwd_buttonSubmit.png) no-repeat;
	background-position: 0px 0px;
	width: 133px;
	height: 26px;
}
.recoverpwdbutton input:hover {
	background-position: 0px -26px;
}

/* AJC - Custom link added to bottom of password recovery page */
div.passwordrecovery {}
div.passwordrecovery div#helplink {
	width: 350px;
}
div.passwordrecovery div#helplink a {
	float: right;
	margin-right: 20px;
	font-family: Georgia, Times, 'Times New Roman', serif;
	color: #666666;
	font-size: 11px;
}
div.passwordrecovery div#helplink a:hover {
	text-decoration: underline;
	color: #666666;
}



/*  =============================================================================
    __priceavail - Pricing / Availability / Product Detail
    ========================================================================== */
/* Controls display of Selling Prices, Amount saved, and New Product text in the Product View Panel. Add a color line to change the colour of prices */
.internetprice {
  font-size:13px;
  text-decoration:line-through;
}
.currentprice {
  font-weight:bold;
  font-size:13px;
  color: #000000;
}
.saveamount {
	/*
	font-size:13px;
	color:#b22222;
	*/
	display: none;
}
.newstyle {
  font-weight:bold;
  color:#b22222;
}
.error {
  color:#b22222;
  font-weight:bold;
  margin: 6px 0px;
}
.success {
  color:#000000;
  font-weight:bold;
}
.negative {
  color:#b22222;
}
/* Availibility Description */
/* Controls characteristics of Stock Availability prompt */
.availablenow {
  color:#000000;
}
/* AJC - Controls the characteristics of the Stock Availability Message */
.delayeddelivery {
  color: #666666;
}
/* Controls the characteristics of the Stock Availability Message */
.outofstock{
  font-weight:bold;
  color:#b22222;
}
/* Controls the display of Checkout Page */
.checkoutcontainer {
}
.checkoutmessage {
}
.checkoutbody {
  width:100%;
  border:0;
  border-spacing:0;
  border-collapse:collapse;
}
/* Controls the display of Checkout Header background */
.checkoutheader {
  font-size:small;
  color:Gray;
  text-align:left;
}
/* Controls display of Current step */
.highlightheader {
  color:#5A5A5A;
  font-weight:bold;
}

/* This controls the 'Please Make your Selections' text in the Stock Item Display text */
.hookline {
  font-size:larger;
  font-style:italic;
}
.loadingbox{
  position:absolute;
  top:40%;
  left:40%;
  border:1px solid lightsteelblue;
  height:50px;
  width:250px;
  text-align:center;
  padding-top:20px
}

/* AMENDED - AJC (also affects register page)
/* Controls display of Checkout Section Headings */
div.sectionbar {
	padding: 0px 10px 0px 0px;
	margin: 20px 0px 4px 0px;
	color:#000000;
	font: 15px/20px Georgia, Times, 'Times New Roman', serif;
	text-transform: uppercase;
	color: #66574C;
	height: 30px;
}
/* Controls the display of the Body text within each Checkout Section */
div.sectiondata {
	padding:3px 0px 3px 0px;
	font: 12px/20px Georgia, Times, 'Times New Roman', serif;
	color: #66574C;
}
/* Checkout page, custom shipping note (inserted with jQuery) */
p.tc_custom_shippingnote {
	font: 11px/14px Georgia, Times, 'Times New Roman', serif;
	color: #66574C;
}
/* Checkout page, "same as billing address" text */
div.sectiondata > span {
	font: 11px/14px Georgia, Times, 'Times New Roman', serif;
	padding: 0px;
	text-transform: none;
}
table.checkoutbody div.checker {
	position: relative;
	top: -2px;
	padding-left: 7px;
}


input#ctl00_MainCentre_container_container_Content_34_wzdCheckout_btnCustomerDetails {
	background:url(https://www.trelisecooperonline.com/user/files/tc_checkout_buttonContinue.png) no-repeat;
	background-position: 0px 0px;
	width: 170px !important;
	height: 26px !important;
	margin-right: 36px;
}
input#ctl00_MainCentre_container_container_Content_34_wzdCheckout_btnCustomerDetails:hover {
	background-position: 0px -26px;
}

/* hide the top "payment" button */
input#ctl00_MainCentre_container_container_Content_34_wzdCheckout_btnShipping1 {
	display: none;
}

input#ctl00_MainCentre_container_container_Content_34_wzdCheckout_btnShipping2 {
	background:url(https://www.trelisecooperonline.com/user/files/tc_checkout_buttonPayment.png) no-repeat;
	background-position: 0px 0px;
	width: 143px !important;
	height: 26px !important;
}
input#ctl00_MainCentre_container_container_Content_34_wzdCheckout_btnShipping2:hover {
	background-position: 0px -26px;
}



/*  =============================================================================
    __register - Register Page
    ========================================================================== */
.registercontainer {
	padding: 40px 0px 80px 0px;
}
.registermessage {
	margin-bottom: 10px;
}
.registermessage b {
	display: block;
	padding: 0px 10px 0px 0px;
	margin: 20px 0px 4px 0px;
	font: 12px/20px Georgia, Times, 'Times New Roman', serif;
	height: 30px;
	color: #d92c2c !important;
}
.registermessage ul {
	margin-left: 30px;
	list-style-type: disc;
	font: 12px/20px Georgia, Times, 'Times New Roman', serif;
	color: #d92c2c !important;
}

.registermessage a {
	color: #a41f1f;
}
.registermessage a:hover {
	color: #a41f1f;
	text-decoration: underline;
}

.registerbody {
	font: 12px/20px Georgia, Times, 'Times New Roman', serif;
	color: #66574C;
	margin-top: 5px;
}
.registerbody .sectioncomment {}
.registerbody .sectioncomment h3 {
	font: 15px/20px Georgia, Times, 'Times New Roman', serif;
	text-transform: uppercase;
	color: #66574C;
}
.registerbody .sectioncomment p {
	margin-bottom: 8px;
}
/* Controls the display of the 'required fields comment' in Register New Customer section */
.registercomment {
	color:#003271;
	padding: 3px 0px 3px 20px;
	font-size:110%;
}
/* Controls the characteristics of left section displayed */
.registercellleft {
	width:48%;
	float:left;
	margin-top: 2px;
	padding-left: 2%;
}
/* Controls the characteristics of right section displayed */
.registercellright {
	width: 48%;
	float:left;
	margin-top: 2px;
	padding-left: 2%;
}
/* Controls the characteristics of text area*/
.registercelltext {
	display:inline-block !important;
	width:122px !important;
}
/* Controls the characteristics of input control area */
.registercellvalue {
	width:188px !important;
	display:inline-block !important;
}
span.sign {
	vertical-align: top !important;
	padding-top: 4px;
}
.registercellvalue input {
	width: 158px !important;
	padding: 2px;
}
.registercellvalue textarea {
	width: 158px !important;
	height: 72px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 2px;
}
.addressrow .rural-note {
	font-size: 10px;
	margin: 10px 0;
	max-width: 320px;
	line-height: 1.6;
}

#ctl00_MainCentre_container_container_Content_26_CreateUserWizard1_CreateUserStepContainer_billingAddress_udpPostcodeFinderUrl,
#ctl00_MainCentre_container_container_Content_27_tbcMyAccount_tbpProfile_billingAddress_udpPostcodeFinderUrl  {
	display:inline-block !important;
}

/* Postcode input field (needs shortening to allow for postcode lookup link */
#ctl00_MainCentre_container_container_Content_34_wzdCheckout_ShippingAddressInput_udpPostcodeFinderUrl {
	width: 188px;
}
#ctl00_MainCentre_container_container_Content_26_CreateUserWizard1_CreateUserStepContainer_billingAddress_txtPostCode,
#ctl00_MainCentre_container_container_Content_27_tbcMyAccount_tbpProfile_billingAddress_txtPostCode,
#ctl00_MainCentre_container_container_Content_34_wzdCheckout_BillingAddressInput_txtPostCode,
#ctl00_MainCentre_container_container_Content_34_wzdCheckout_ShippingAddressInput_txtPostCode {
	width: 120px !important;
}


/* Styles for My Account page */

/* Error text */
#ctl00_MainCentre_container_container_Content_27_tbcMyAccount_tbpProfile_vds {
	margin: 5px 12px 4px 12px
}

/* Button styles for "update" button on My Account page */
input#ctl00_MainCentre_container_container_Content_27_tbcMyAccount_tbpProfile_btnUpdate {
	background:url(https://www.trelisecooperonline.com/user/files/tc_myaccount_buttonUpdate.png) no-repeat;
	background-position: 0px 0px;
	width: 123px;
	height: 26px;
	border: none;
}
input#ctl00_MainCentre_container_container_Content_27_tbcMyAccount_tbpProfile_btnUpdate:hover {
	background-position: 0px -26px;
}
/* Style for "success" message upon successful profile update */
span#ctl00_MainCentre_container_container_Content_27_tbcMyAccount_tbpProfile_lblUpdateDetailsStatus {
	margin-bottom: 5px;
}

/* Controls the characteristics of newsletters and loyalty program prompts */
#trNewsLetter {
  padding-top:10px;
}
#trNewsLetter input {}
#trNewsLetter span.formsectiontext label {
	margin-right: 15px;
}
#trJoinLoyalty {
  padding-top:10px;
}
#ctl00_MainCentre_container_container_Content_27_tbcMyAccount_tbpProfile_userAccountInformation_lblLoyaltyPoints {
	width: 130px !important;
}

/* Controls the characteristics of register button */
.registerbutton {
	margin: 15px 21px 0px 0px;
}
.registerbutton input {
	background:url(https://www.trelisecooperonline.com/user/files/tc_register_buttonRegister.png) no-repeat;
	background-position: 0px 0px;
	width: 123px;
	height: 26px;
	border: none;
}
.registerbutton input:hover {
	background-position: 0px -26px;
}
/* Controls the characteristics of complete register step */
.registercomplete {
  text-align:center;
  margin-top:20px;
}

.registercomplete .completemessage {
}
.registercomplete .continuebutton {
  margin-top:20px;
}



/*  =============================================================================
    __registermodal - Register Page (modal window styles)
    ========================================================================== */
/* the overlayed element */
.modal {

	/* must be initially hidden */
	display:none;

	/* place overlay on top of other elements */
	z-index:10000;
	position: relative;

	/* styling */
	background-image: url(https://www.trelisecooperonline.com/user/files/tc_register_modalwindowbgnd_656x400.png);

	width: 656px;
	height: 400px;
}

.modal div#register_overlay_container {
	width: 548px;
	height: 276px;
	padding: 70px 0px 0px 54px;

	text-align: center;
}
.modal div#register_overlay_container h3 {
	font: 15px/20px Georgia, Times, 'Times New Roman', serif;
	color: #66574C;
	text-transform: uppercase;
}
.modal div#register_overlay_container p {
	font: 12px/20px Georgia, Times, 'Times New Roman', serif;
	color: #66574C;
	margin-top: 12px;
}
.modal div#register_overlay_container p.subnote {
	font-style: italic;
	margin-top: 15px;
}

.modal div#register_overlay_container ul {
	font: 12px/20px Georgia, Times, 'Times New Roman', serif;
	color: #66574C;
	margin-top: 12px;
}

.modal div#register_overlay_container a#register_overlay_signin {
	background:url(https://www.trelisecooperonline.com/user/files/tc_login_buttonSignIn.png) no-repeat;
	background-position: 0px 0px;
	display: block;
	margin: 24px auto 0px auto;
	width: 113px;
	height: 26px;
}
.modal div#register_overlay_container a#register_overlay_signin:hover {
	background-position: 0px -26px;
}

/* close button positioned on upper right corner */
.modal .close {
	position:absolute;
	right: 45px;
	top: 35px;
	cursor: pointer;
	width: 80px;
	height: 20px;
}

/* US Shipping modal */
.usmodal {
	display: none;
	position: relative;
	background: #e6ffff;
	color: #000;
	padding: 15px;
	text-align: center;
	width: 80%;
	max-width: 420px;
	box-shadow: 6px 6px 20px #ddd;
}
.usmodal .inner-1 {
	padding: 1px;
	border: 2px solid #000;
}
.usmodal .inner-2 {
	padding: 20px;
	border: 1px solid #000;
}
.usmodal img {
	max-width: 80%;
}
.usmodal h4,
.usmodal h5 {
	font-family: Arial, sans-serif;
}
.usmodal h4 {
	margin: 40px 0 30px 0;
	font-size: 18px;
	line-height: 1.4;
	letter-spacing: 2px;
	text-transform: none;
}
.usmodal h5 {
	margin: 15px 0;
	font-size: 16px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.usmodal div.selector {
	margin-bottom: 20px;
}
.usmodal div.selector span {
	text-align: left;
}



/*  =============================================================================
    __shoppingcart - Shopping Cart
    ========================================================================== */
/* Controls  the characteristics of Shopping Cart Screen */
.shoppingcart_bottombuttons {
  width:100%;
  margin-top:10px;
  margin-bottom:10px;
}
.shoppingcart_bottombuttons .continuebutton{
  float:left;
}
/* AJC - itemaddedtocart.aspx - Table */
table#ctl00_MainCentre_container_container_Content_36_StyleInCart1_gvwItemAddedToCart {
	margin: 35px 0px 20px 0px;
}
/* AJC - itemaddedtocart.aspx - Continue Shopping button */
input#ctl00_MainCentre_container_container_Content_36_btnContinueShopping {
	float: right;
	background:url(https://www.trelisecooperonline.com/user/files/tc_checkout_buttonContinueShopping.png) no-repeat;
	background-position: 0px 0px;
	width: 203px;
	height: 26px;
	margin-bottom: 30px;
}
input#ctl00_MainCentre_container_container_Content_36_btnContinueShopping:hover {
	background-position: 0px -26px;
}
/* AJC - itemaddedtocart.aspx - Review Cart and Checkout Button */
a#custom_viewcart {
	display: block;
	float: right;
	background:url(https://www.trelisecooperonline.com/user/files/tc_itemAdded_buttonReviewCart.png) no-repeat;
	background-position: 0px 0px;
	width: 203px;
	height: 26px;
	margin-bottom: 30px;
}
a#custom_viewcart:hover {
	background-position: 0px -26px;
}

/* AJC - Update Quantities button */
.shoppingcart_bottombuttons .button[id*='btnUpdate'] {
	float: left;
	background:url(https://www.trelisecooperonline.com/user/files/tc_checkout_buttonUpdateQtys.png) no-repeat;
	background-position: 0px 0px;
	width: 143px;
	height: 26px;
}
.shoppingcart_bottombuttons .button[id*='btnUpdate']:hover {
	background-position: 0px -26px;
}

/* Checkout button */
.shoppingcart_bottombuttons .button[id*='btnShoppingCart2'] {
	float: right;
	background:url(https://www.trelisecooperonline.com/user/files/tc_checkout_buttonCheckout.png) no-repeat;
	background-position: 0px 0px;
	width: 143px;
	height: 26px;
}
.shoppingcart_bottombuttons .button[id*='btnShoppingCart2'] :hover {
	background-position: 0px -26px;
}

/* Checkout - Continue Shopping button (on the estore/shoppingcart.aspx page) */
a#custom_continueshopping {
	display: block;
	float: left;
	background:url(https://www.trelisecooperonline.com/user/files/tc_checkout_buttonContinueShopping_smaller.png) no-repeat;
	background-position: 0px 0px;
	width: 163px;
	height: 26px;
	text-indent: -9999em;
	margin-bottom: 20px;
}
a#custom_continueshopping:hover {
	background-position: 0px -26px;
}
div#ctl00_MainCentre_container_container_Content_123_pnlContentData:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

/* Controls display of Section Headings in Order Detail Screen */
/* AMENDED - AJC */
div.sectionheader {
	font: Bold 11px Arial, serif;
	color: #000000;
	text-transform: uppercase;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	border-top: 1px solid #b8b8b8;

	clear:both;
	display:block;
}

/* Controls the characteristics of the text displayed for International Customers in the shipping section */
div.lightnotice {
  font-weight:normal;
  margin-top:10px;
  margin-bottom:10px;
  padding-top:2px;
}
/* Controls the characteristics of the International Customers Header displayed in the shipping section */
div.notice {
  font-weight:bold;
  margin-top:10px;
  margin-bottom:10px;
  padding-top:2px;
}
/* Controls display of text in the My Details screen wherever it is displayed */
.formsectiontext {
  width:150px;
  text-align:left;
  line-height:25px;
}
/* Controls the display of input keyed in the My Details screen */
.formsectionvalue {
  text-align:left;
  padding-left:2px;
}



/*  =============================================================================
    __recentsuggestions - Promotions / Suggestions / Recently Viewed
    ========================================================================== */
/* Controls display of the inside of the containers for Promotions, Suggestions, Category List */
div.contents {
  margin-bottom:15px;
  clear:both;
}
/* Controls display of the Header of the containers for Promotions, Suggestions, Category List */
/* AMENDED - AJC */
div.contentsheader {
	font: Bold 11px Arial, serif;
	color: #000000;
	text-transform: uppercase;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	border-top: 1px solid #b8b8b8;

	clear:both;
	display:block;
}
div.contentsheader a {
  text-decoration:none;
}
/* Controls background Color and borders for Promotions, Suggestions, Category List */
div.contentsdata {
  color:#000000;
  border-color:#002E6C;
  border-width:1px;
  border-style:solid;
  padding:0px;
}




/*  =============================================================================
    __catpage - Category Page / Filter / Sort By
    ========================================================================== */
/* AMENDED - AJC */
/* Controls the display characteristics of the Filter By Panel */
div.styleresultbar {
  padding: 0px;
  margin: 0px 0px 15px 0px;
  overflow: visible;
  text-align:left;
  clear:both;
  display:block;
  font: Bold 11px Arial, serif;
  text-transform: uppercase;
}
/* Controls the characteristics of left content in container */
div.styleresultbar .filterby {
  margin: 0px 20px 0px 0px !important;
  display:inline;
  float:left;
  position:relative;
}
div.styleresultbar .filterby .selector {
	margin-left: 5px;
}
/* Controls the characteristics of centre content in container */
div.styleresultbar .sortby {
  display:inline-block;
  float:left;
  position:relative;
  height: 26px;
}
div.styleresultbar .sortby .selector {
	margin-left: 5px;
}
/* Controls the characteristics of centre content in container */
div.styleresultbar .navpages {
  margin: 6px 0px 0px 0px !important;
  display:inline;
  float:right;
  position:relative;
  text-align:right;
}
/* current page in paging (category page) */
div.styleresultbar .navpages > span {
	text-decoration: underline;
}

/* Category */
#ulProductListContainer {
  list-style: none;
  padding: 0;
  margin: 0;
}
#ulProductListContainer li {
  display: block;
  float: left;
  width: 212px !important;
  margin: 0 22px 0 0;
  padding: 0;
}
#ulProductListContainer li:nth-child(3n+3) {
  margin-right: 0;
}

/* Product list (on Product Detail page) */
.productlist li {
  display: block;
  float: left;
}


/* Controls the Style display background and borders in styles displayed in category page */
.stylesummarybox {
  height: 372px;
  margin: 0px 0px 20px 0px;
  padding: 0px;
  width:100%;
  position:relative;
}
.stylesummaryimageholder {
  text-align:center;
}
.stylesummaryimageholder img {
  vertical-align:middle;
  max-width: 100%;
}
.lazy-image { 
  background:transparent url(../files/loader.gif) no-repeat center center;  
  min-height:30px;  
}
.load-next-page {
  background:transparent url(../files/loader.gif) no-repeat center center; 
  display:block; 
  height:50px; 
  width:100%; 
  max-width:100%; 
  clear:both; 
  float:none; 
}

.stylesummaryimageholder img:hover {
        zoom: 1;
        filter: alpha(opacity=80);
        opacity: 0.8;
}

.stylesummarytext {
  padding-top:4px;
  text-align:left;
}
.stylesummarytext .textrow {
  overflow:hidden;
  text-overflow:ellipsis;
}
.stylesummarytext div.textrow.div_SD {
	font: Bold 11px Arial, serif;
	text-transform: uppercase;
	height: 13px !important;
}
.stylesummarytext div.textrow.div_P1 {
	font: Normal 11px Arial, serif;
}
.stylesummarytext div.textrow.div_P1 span.spn_OnSale {
	margin-left: 5px;
	color: #b62424 !important;
}

/* ADDED - AJC - hide product description under the "recently displayed" items box */
div.recentlyvieweditemsbox .stylesummarybox  {
	height: 120px !important;
}

div.recentlyvieweditemsbox .stylesummarytext {
	display:none;
}




/*  =============================================================================
    __promsuggest - Promotions / Suggestions boxes (not used for Andrea Biani)
    ========================================================================== */
/* Promotion text */
/* Controls the display characteristics of the Promotions Panel */
.promotionbox {
  font-size:12px;
  border:1px solid #DFDFDF;
  overflow: hidden;
  clear:both;
}
.promotionbox ul li {
  border-bottom:0px none;
}
.promotionimageholder {
  padding-top: 5px;
  text-align:center;
}
.promotionimageholder img{
  vertical-align:middle;
}
.promotiontextholder {
  padding-top:4px;
  text-align:center;
}
/* Suggestion text */
/* Controls the Text characteristics in the Suggestion Panel */
.suggestionbox {
  overflow: hidden;
  clear:both;
}
/* ADDED - AJC - hide product description under the "suggestion box" items */
div.suggestionbox .stylesummarybox  {
	height: 120px !important;
}

div.suggestionbox .stylesummarytext {
	display:none;
}




/*  =============================================================================
    __cart - Minicart / Cart pages
    ========================================================================== */
/* Controls the Text characteristics in the Minicart Panel */
.minicartbox {
  font-size:90%;
  color:#000000;
  text-align:center;
  border:1px solid #DFDFDF;
}
.minicartbox .productdetails {
  text-align:left;
  padding-top:10px;
  width:100%;
}
.minicartbox .productdetails .minicartcellleft {
  width: 30%;
}
.minicartbox .productdetails .minicartcellright {
  width: 65%;
}
/* Controls the display of the Minicart Empty Message */
.minicartbox .cartempty {
  font-size:12px;
  color: #7F7F7F;
  padding:5px 0px;
}
/* Controls the display of the Minicart Subtotals */
.minicartbox .subtotal {
  font-size:12px;
  font-weight:bold;
  padding-bottom:5px;
}
/* Controls the display of the asterisk for Required Fields. Add a color line to change the colour */
.sign {
  display:inline-block;
  width: 6px;
}
/* table view  */
/* Controls display of the Products Purchased Panel in Order Detail, Item Added to cart, Shopping Cart and Checkout Pages */
.gridviewtable {
  border:outset 1px #DFDFDF;
  border-collapse:collapse;
}
/* AJC - Add minimum height to checkout div, to give spacing between it and footer */
div#divShoppingCart {
	padding: 25px 0px 50px 0px;
}

/* AJC - remove the second "shopping bag" header */
div#divShoppingCart div.sectionbar {
	display: none;
}
/* AJC - hide the top "checkout" button */
div#divShoppingCart div input[name="ctl00$MainCentre$container$container$Content_33$btnShoppingCart1"] {
	display: none;
}
/* Controls display of the Header in the Products Purchased Panel in Order Detail, Item Added to cart, Shopping Cart and Checkout Pages */
.headerstyle {
	height: 23px;
	background: url(https://www.trelisecooperonline.com/user/files/tc_common_topHeaderBackground.jpg);
}
.headerstyle th {
	font: 12px/12px Arial, verdana, sans-serif;
	font-weight: bold;
	color: #EBD6C1;
	padding: 4px 0px 4px 2px;
}
/* Controls display of the Individual Product lines in the Products Purchased Panel in Order Detail, Item Added to cart, Shopping Cart and Checkout Pages */
tr.rowstyle {
	margin: 6px 0px;
	font: 12px/12px Arial, verdana, sans-serif;
}
tr.rowstyle td{
	padding: 8px 0px;
	border-bottom: 1px solid #B8B8B8;
}
/* Controls display of the Alternating Product lines in the Products Purchased Panel in Order Detail, Item Added to cart, Shopping Cart and Checkout Pages */
.alternatingrowstyle {
  background-color:#E3E3E3;
  font-weight:normal;
  color:#333333;
}
.selectedrowstyle {
  background-color:#666666;
  font-weight:bold;
  color:#FFFFFF;
}
/* Controls display of the Totalling area in the Products Purchased Panel in Order Detail, Item Added to cart, Shopping Cart and Checkout Pages */
.footerstyle {
	font: 12px/16px Arial, verdana, sans-serif;
	font-weight:normal;
	color:#333333;
}
.footerstyle td{
	padding: 8px 0px;
}
/* Controls the display of the Page Number Footer in the My Orders Page */
.pagerstyle {
  color:#FFFFFF;
  background-color:#284775;
  font-size:x-small;
  text-align:right;
}
/* Controls the characteristics of the Page Number displayed */
.pagerstyle select{
  font-size:x-small;
}




/*  =============================================================================
    __admin - Administrator pages
    ========================================================================== */
/* Administrator content popup menu */





/*Administrator content popup menu*/


/* Administrator - tab container */
.ajax__tab_xp-theme {
	margin-top: 40px;
}
.ajax__tab_xp-theme .ajax__tab_header {
	font: 13px/20px Georgia, Times, 'Times New Roman', serif;
	text-transform: uppercase;
	color: #66574C;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_outer {
	margin-right: 10px;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_inner {}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_tab {
  border-bottom: 1px solid #ffffff;
  cursor: pointer;
}

.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_outer {}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_inner {}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_tab {
	border-bottom: 1px solid #66574C;
}

.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_outer {}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_inner {}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_tab {
	border-bottom: 1px solid #66574C;
}

.ajax__tab_xp-theme .ajax__tab_body {
	font: 12px/20px Georgia, Times, 'Times New Roman', serif;
	color: #66574C;
	padding: 10px 2px 20px 2px;
}
.ajax__tab_xp-theme .ajax__tab_body div.registercellleft {
	padding-left: 0px;
}
/* Administrator - editing contents */










/*  =============================================================================
    __addtocart - Add to cart popup (can't actually work out where this is used)
    ========================================================================== */
/* Controls the display of the Box exterior for Product Details that pop up when Add to Cart is clicked */
div.addToCartPopupLayer {
  visibility:hidden;
  filter:alpha(opacity=0);
  -moz-opacity:25;
  opacity:0;
  position:absolute;
  width:220px;
  height:80px;
  background:#5D7B9D;
  z-index:1000;
  vertical-align:top;
}
/* Controls the inside area of the pop up when Add to Cart is clicked */
div.addToCartPopupLayer .innerlayer {
  height:70px;
  margin:5px 0px;
  background:#F0EEE8;
  color:#5D7B9D;
}
/* Controls the display of the product image inside the pop up when Add to Cart is clicked */
div.addToCartPopupLayer .innerlayer .popupimage {
  width:60px;
  height:65px;
  float:left;
  padding-top:5px;
  text-align:center;
  vertical-align:top;
}
/* Controls the display of the text inside the pop up when Add to Cart is clicked */
div.addToCartPopupLayer .innerlayer .popupbody {
  width:155px;
  float:right;
  height:50px;
  padding-left:5px;
  font-size:12px;
  overflow:hidden;
  text-overflow:ellipsis;
}
/* Controls the display of the Checkout and Close links in the pop up when Add to Cart is clicked */
div.addToCartPopupLayer .innerlayer .popupclose {
  width:155px;
  float:left;
  font-weight:bold;
  text-align:center;
  font-size:13px;
}




/*  =============================================================================
    __sitemappath - Site Map Breadcrumb
    ========================================================================== */
/* Controls the display of the Site Path */
.sitemappath {
	font: 15px/22px Georgia, Times, 'Times New Roman', serif;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.sitemappath span span {
	display: none;
}
.sitemappath span:last-child {
	display: inline;
}




/*  =============================================================================
    __searchresults - Search Results Page
    ========================================================================== */
/* Controls the characteristics of the Text displayed for products found in the search */
.productsfound {
	font: 12px/20px Georgia, Times, 'Times New Roman', serif;
	margin: 10px 0px 10px 0px;
}
.productsfound span {
	color:#777777;
}
/* Controls the characteristics of the Text displayed where no products are found in the search */
.productsnotfound {
	font: 12px/20px Georgia, Times, 'Times New Roman', serif;
	margin: 10px 0px 30px 0px;
}
.productsnotfound span, .productsnotfound a {
	color: #777777;
}
.productsnotfound a:hover {
	text-decoration: underline;
}
/* Styling of product grid in search results
   We don't have a class on every last row element to work with, so I've had to make the container element wider =(
*/
span#ctl00_MainCentre_container_container_Content_8_dlStyles {
	width: 702px !important;
}

span#ctl00_MainCentre_container_container_Content_8_dlStyles > span {
	width: 212px !important;
	margin-right: 22px;
}




/*  =============================================================================
    __infotabs - Information Tabs on Product Detail page
    ========================================================================== */
 /* Information Tabs Container - Product Detail */ 
 /* Controls Display characteristics of the Information Tabs */ 
.ajax__tab_pd-theme { 
  padding-top:10px; 
} 
.ajax__tab_pd-theme .ajax__tab_header { 
  color:#000000; 
  font-family:Verdana, Arial, Helvetica, sans-serif; 
  font-size:11px; 
  background:url(https://www.trelisecooperonline.com/user/files/tab-line.gif) repeat-x bottom; 
} 
.ajax__tab_pd-theme .ajax__tab_header .ajax__tab_outer { 
  padding-right:4px; 
  background:url(https://www.trelisecooperonline.com/user/files/tab-right.gif) no-repeat right; 
  height:21px; 
} 
.ajax__tab_pd-theme .ajax__tab_header .ajax__tab_inner { 
  padding-left:3px; 
  background:url(https://www.trelisecooperonline.com/user/files/tab-left.gif) no-repeat; 
} 
.ajax__tab_pd-theme .ajax__tab_header .ajax__tab_tab { 
  height:13px; 
  padding:4px; 
  margin:0px; 
  background:url(https://www.trelisecooperonline.com/user/files/tab.gif) repeat-x; 
} 
.ajax__tab_pd-theme .ajax__tab_hover .ajax__tab_outer { 
  background:url(https://www.trelisecooperonline.com/user/files/tab-hover-right.gif) no-repeat right; 
} 
.ajax__tab_pd-theme .ajax__tab_hover .ajax__tab_inner { 
  background:url(https://www.trelisecooperonline.com/user/files/tab-hover-left.gif) no-repeat; 
} 
.ajax__tab_pd-theme .ajax__tab_hover .ajax__tab_tab { 
  background:url(https://www.trelisecooperonline.com/user/files/tab-hover.gif) repeat-x; 
} 
.ajax__tab_pd-theme .ajax__tab_active .ajax__tab_outer { 
  background:url(https://www.trelisecooperonline.com/user/files/tab-active-right.gif) no-repeat right; 
} 
.ajax__tab_pd-theme .ajax__tab_active .ajax__tab_inner { 
  background:url(https://www.trelisecooperonline.com/user/files/tab-active-left.gif) no-repeat; 
} 
.ajax__tab_pd-theme .ajax__tab_active .ajax__tab_tab { 
  background:url(https://www.trelisecooperonline.com/user/files/tab-active.gif) repeat-x; 
} 
.ajax__tab_pd-theme .ajax__tab_body { 
  font-family:Verdana, Arial, Helvetica, sans-serif; 
  font-size:13px; 
  border:1px solid #DFDFDF; 
  border-top:0px; 
  padding:8px; 
  background-color:#FFFFFF; 
  width:380px; 
  overflow:auto; 
}




/*  =============================================================================
    __proddetail - Product Detail page (inidividual product view)
    ========================================================================== */
/* Controls the Display Characteristics of the Cover Colour if the Minimum Order Pop Up is triggered */ 
.minimum_order_popup_background { 
  background-color:Gray; 
  filter:alpha(opacity=70); 
  opacity:0.7; 
  z-index: 10000; 
  position: fixed; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
} 
/* Controls the display characteristics of the Minimum Order Pop Up Panel */ 
.minimum_order_popup_cont { 
  font-family:Verdana, Arial, Helvetica, sans-serif;  
  background-color:#FFFFFF; 
  color:#000000; 
  border:2px solid #5D7B9D; 
  text-align:left; 
  padding:10px; 
  width:300px; 
  z-index: 10001; 
} 
/* Controls the display characteristics of the Continue Shopping Button */ 
.minimum_order_popup_button { 
  padding-top:10px; 
  text-align:right; 
} 
/* Controls the display characteristics of Product Detail */  
.productdetailbox { 
  background-color:#FFFFFF; 
  width:100%;
}

/* Controls the display characteristics of image in Product Detail */  
.productdetailbox .productimagecont {
  display:inline;
  float: left;
  text-align:left;
  vertical-align:top;
  position: relative;
  width: 360px;
}
@media (min-width: 1250px) {
	.productdetailbox .productimagecont {
		width: 560px;
	}
}
.productdetailbox .productimagecont .productimage_zoomed {
	width: 280px;
	height: 420px;
	float: right;
}
@media (min-width: 1250px) {
	.productdetailbox .productimagecont .productimage_zoomed {
		width: 480px;
		height: 720px;
	}
}
.productdetailbox .productimagecont .productimage_thumbnails {
	width: 70px;
	float: left;
	height: 366px;
	position: absolute;
	top: 25px;
	overflow-y: hidden;
}

.productdetailbox .productimagecont .productimage_thumbnails #productimage_thumbnails_inner {
	position: relative;
	height: 9999px;
}

.productdetailbox .productimagecont #productimage_thumbnails_scrolltop {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 70px;
	height: 20px;
	background:url(https://www.trelisecooperonline.com/user/files/tc_productdetail_carouselarrows.png) no-repeat;
	background-position: 0px 0px;
}

.productdetailbox .productimagecont #productimage_thumbnails_scrolltop:hover {
	cursor: pointer;
	background-position: 0px -20px;
}

.productdetailbox .productimagecont #productimage_thumbnails_scrolltop.disabled {
	cursor: default;
	background-position: 0px -40px;
}

.productdetailbox .productimagecont #productimage_thumbnails_scrollbottom {
	position: absolute;
	top: 400px;
	left: 0px;
	width: 70px;
	height: 20px;
	background:url(https://www.trelisecooperonline.com/user/files/tc_productdetail_carouselarrows.png) no-repeat;
	background-position: -70px 0px;
}

.productdetailbox .productimagecont #productimage_thumbnails_scrollbottom:hover {
	cursor: pointer;
	background-position: -70px -20px;
}

.productdetailbox .productimagecont #productimage_thumbnails_scrollbottom.disabled {
	cursor: default;
	background-position: -70px -40px;
}


.productdetailbox .productimagecont .productimage_thumbnails .StyleColourCont {
	width: 70px !important;
}

.productdetailbox .productimagecont .productimage_thumbnails .StyleColourCont .StyleColourImage {
	border: none;
}

/* Controls the display characteristics of rollover message in Product Detail */  
.productdetailbox .productimagecont .rollovermessage {
  font-size:90%;
  padding-bottom:10px;
  text-align:center;
}

/* Product video container */
.productdetailbox .productimagecont .video-js {
	background-color: #fff !important;
}

/* AMENDED - AJC */
/* Controls the display characteristics of text area in Product Detail */  
.productdetailbox .productdetailcont {
	font: 12px arial, verdana, sans-serif;
	display:inline;
	float: left;
	text-align:left;
	vertical-align:top;
	position: relative;
	overflow:hidden;
	width: 305px;
	margin-left: 15px;
}

.productdetailbox .productdetailcont h1, .productdetailbox .productdetailcont .div_SD {
	font: 20px Georgia, Times, 'Times New Roman', serif;
	letter-spacing: 1px;
	color:#000000;
	text-transform: uppercase;
}

/* AJC - Inner span element for Product Title */
.productdetailbox .productdetailcont .div_SD span.spn_SD {
	display: block;
}

/* Controls the display characteristics of price labels in Product Detail */  
.productdetailbox .productdetailcont .leftlabel {
  display: inline-block;
  width: 90px;
}
/* Controls the display characteristics of common row in Product Detail */  
.productdetailbox .productdetailcont .productdetailrow {
  margin-top:5px;
  text-align:left;
}
/* Links in the product detail row (initially used for links to the size guides) */  
.productdetailbox .productdetailcont .productdetailrow a {
  text-decoration: underline;
}
/* AJC - Controls the display characteristics of the labels etc. BELOW the main product description */  
.productdetailbox .productdetailcont .productdetailrow > span,
.productdetailbox .productdetailcont .productdetailrow > div.selector {
	font-weight: bold;
}
/* AJC - Add a gap below the product description (NEED TO TEST for IE compatibility) */
.productdetailbox .productdetailcont .productdetailrow:nth-of-type(2) {
  margin-bottom: 20px;
}
/* AJC - hide the save amount */
div#trSaveAmount {
	display: none;
}
/* Controls the display characteristics of availability row in Product Detail */  
.productdetailbox .productdetailcont .availailityrow {
   height:30px;
}
/* Controls the display characteristics of selection message in Product Detail */  
.productdetailbox .productdetailcont .selectionmessage {
   display: none;
}
/* Controls the display characteristics of colour/size dropdownlist in Product Detail */  
.productdetailbox .productdetailcont .productattribute {
}
.productdetailbox .productdetailcont .productattribute .attributelabel {
  display: inline-block;
  width:130px;
}
.productdetailbox .productdetailcont .productattribute select {
  width: 150px;
}
/* Controls the display characteristics of colour/size selection in Product Detail */  
.productdetailbox .productdetailcont .attributeselection {
  width: 100%;
  margin-top: 10px;
clear:both;
}
.productdetailbox .productdetailcont .attributeselection .leftselection {
  display: inline-block;
  width: 130px;
}
/* Controls the display characteristics of quantity input control in Product Detail */  
.productdetailbox .productdetailcont .attributeselection .rightselection input {
  width: 70px;
  height: 18px;
  padding-left: 9px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
/* Controls the display characteristics of selected colour/size description in Product Detail */  
.productdetailbox .productdetailcont .attributeselection .rightselection {
  display: inline-block;
  width: 150px;
}
/* Controls the display characteristics of selected colour/size description in Product Detail */  
.productdetailbox .productdetailcont .attributeselection .rightselection span {
  padding-left: 3px;
}
/* Share This div */
.productdetailbox .productdetailcont div#shareThis {
	margin-top: 10px;
}
.productdetailbox .productdetailcont div#shareThis .st-facebook-counter,
.productdetailbox .productdetailcont div#shareThis .st-twitter-counter,
.productdetailbox .productdetailcont div#shareThis .st-pinterest-counter,
.productdetailbox .productdetailcont div#shareThis .st-email-counter {
	background-image: url(https://www.trelisecooperonline.com/user/files/tc_socialSnapIcons_96x22.png) !important;
	width: 24px;
	height: 22px;
}
.productdetailbox .productdetailcont div#shareThis .st-facebook-counter { background-position: 0px 0px; }
.productdetailbox .productdetailcont div#shareThis .st-twitter-counter { background-position: -24px 0px; }
.productdetailbox .productdetailcont div#shareThis .st-pinterest-counter { background-position: -48px 0px; }
.productdetailbox .productdetailcont div#shareThis .st-email-counter { background-position: -72px 0px; }

.productdetailbox .productdetailrow.addtocartrow {
  position: relative;
  margin: 16px 0;
}

.productdetailrow.addtocartrow .addtocart {
  position: relative;
	background: none;
	width: 100%;
  height: 38px;
  margin: 4px 0;
  cursor: pointer;
  outline: none;
  border-radius: 3px;
  transition: opacity 0.2s ease;
}
.productdetailrow.addtocartrow .addtocart:hover {
  opacity: 0.92;
}

.productdetailrow.addtocartrow .wl_btnaddtowishlist {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 38px;
  margin: 4px 0;
  line-height: 38px;
  border: 1px solid #b8b8b8;
  border-radius: 3px;
  font-size: 14px;
  letter-spacing: 1px;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
  font-weight: bold;
}


/* Controls the display characteristics of Recently Viewed Items content */   
.recentlyvieweditemsbox { 
  background-color:#FFFFFF; 
} 
/* Controls the display characteristics of Featured Products content */    
.featureditemsbox { 
  background-color:#FFFFFF; 
} 
/* Controls the display characteristics of Items You May Also Like content */     
.itemsyoumayalsolikebox { 
  background-color:#FFFFFF; 
} 
/* Controls the display characteristics of Top Sellers content  */    
.topsellersbox { 
  background-color:#FFFFFF; 
} 
/* Controls the display characteristics of Most Viewed Items content */    
.mostvieweditemsbox { 
  background-color:#FFFFFF; 
} 
/* AJC - Controls the display characteristics of Contact Form content */ 
.contactformbox {
  background-color:#FFFFFF;
  width: 490px;
  margin: 20px 0px 40px 0px;
}
/* AJC - error message box */
div#ctl00_MainCentre_container_container_Content_58_ValidationSummary {
	margin-bottom: 10px;
}
/* AJC - add margin between each field */
div#divContactFormBody > div {
	margin-bottom: 18px;
}
.contactformcelltext {
  display:inline-block !important;
  font: 12px/23px arial, verdana, sans-serif;
  font-weight: bold;
  color: #444444;
}
.contactformcellvalue {
  display:inline-block !important;
}
.contactformcellvalue input {
	padding: 3px 2px;
}
.contactformbox .messagesign {
  padding:4px 3px 0px 3px;
}
.contactformbox textarea {
  width:300px;
  margin-top:2px;
  padding: 3px 2px;
} 
#txtCustomerEmailAddress {
  display:none !important; 
}
.contactformbox .submit {
  margin: 10px 16px 0 0;
  text-align:right;
}
/* AJC - Contact Form, Submit button */
.contactformbox .submit input {
	background:url(https://www.trelisecooperonline.com/user/files/tc_contact_buttonSubmit.png) no-repeat;
	background-position: 0px 0px;
	width: 133px;
	height: 26px;
	margin-top: 8px;
	border: none;
}
.contactformbox .submit input:hover {
	background-position: 0px -26px;
}

/* Controls stock availability tab container */ 
.stockAvailabilityCont{ 
  padding:10px 0 5px 0;
} 
/* Controls the characteristics of stock availability tab header */ 
.stockAvailability-theme .ajax__tab_header { 
  color:#FFFFFF; 
  font-family:Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  font-weight:bold; 
} 
/* Controls the boundaries of stock availability tab (next 3 items) */ 
.stockAvailability-theme .ajax__tab_active .ajax__tab_outer, 
.stockAvailability-theme .ajax__tab_header .ajax__tab_outer, 
.stockAvailability-theme .ajax__tab_hover .ajax__tab_outer { 
  margin-right:4px; 
} 
.stockAvailability-theme .ajax__tab_active .ajax__tab_inner, 
.stockAvailability-theme .ajax__tab_header .ajax__tab_inner, 
.stockAvailability-theme .ajax__tab_hover .ajax__tab_inner { 
  margin-left:3px; /* offset the width of the left image */ 
} 
.stockAvailability-theme .ajax__tab_active .ajax__tab_tab, 
.stockAvailability-theme .ajax__tab_hover .ajax__tab_tab, 
.stockAvailability-theme .ajax__tab_header .ajax__tab_tab { 
  margin-right:0px; 
  padding:5px 8px; 
} 
/* Controls the line or header background images of stock availability tab (next 6 items) */ 
.stockAvailability-theme .ajax__tab_outer { 
  background:url(https://www.trelisecooperonline.com/user/files/stockavailabilitytab-left.gif) no-repeat 0px 0px; 
} 
.stockAvailability-theme .ajax__tab_inner { 
  background:url(https://www.trelisecooperonline.com/user/files/stockavailabilitytab-right.gif) no-repeat 100% 0px; 
} 
.stockAvailability-theme .ajax__tab_hover .ajax__tab_outer { 
  background:url(https://www.trelisecooperonline.com/user/files/stockavailabilitytab-left.gif) no-repeat 0px -150px; 
} 
.stockAvailability-theme .ajax__tab_hover .ajax__tab_inner { 
  background:url(https://www.trelisecooperonline.com/user/files/stockavailabilitytab-right.gif) no-repeat 100% -150px; 
} 
.stockAvailability-theme .ajax__tab_active .ajax__tab_outer { 
  background:url(https://www.trelisecooperonline.com/user/files/stockavailabilitytab-left.gif) no-repeat 0px -300px; 
} 
.stockAvailability-theme .ajax__tab_active .ajax__tab_inner { 
  background:url(https://www.trelisecooperonline.com/user/files/stockavailabilitytab-right.gif) no-repeat 100% -300px; 
} 
/* Controls the border line and the characteristics of stock availability tab body */ 
.stockAvailability-theme .ajax__tab_body { 
  font-family:verdana,tahoma,helvetica; 
  font-size:10pt; 
  border:solid 1px #4498c2;  
  padding:10px; 
} 
/* Controls the characteristics of Branch and Availability titles in stock availability tab body*/
.stockAvailability-theme .ajax__tab_body .saheader {
  font-weight:bold;
  text-align:left;
  color:#B22222;
  padding-bottom:10px;
}
/* Controls the characteristics of Branch and Availability items in stock availability tab body*/
.stockAvailability-theme .ajax__tab_body .sabody {
  padding-bottom:10px;
}
.stockAvailability-theme .ajax__tab_body .sabody .saleftcell {
  display:inline-block;
  width:350px;
}
/* Controls the characteristics of Branch Hyper Link items in stock availability tab body*/
.stockAvailability-theme .ajax__tab_body .sabody a {
  font-weight:bold;
  color:#006FB1;
  text-decoration:underline;
}
/* Controls the characteristics of In Stock items in stock availability tab body*/
.stockAvailability-theme .ajax__tab_body .sabody .sainstock {
  font-weight:bold;
  color:#006FB1;
  background:url(https://www.trelisecooperonline.com/user/files/stockavailabilitytab-instock.gif) no-repeat left top;
  padding-left:20px;
}
/* Controls the characteristics of Out Of Stock items in stock availability tab body*/
.stockAvailability-theme .ajax__tab_body .sabody .saoutofstock {
  color:#000000;
  padding-left:20px;
}
/* Controls branch information popup page in stock availability. */ 
/* Controls background colour and transpancy rate of outside branch information popup page in stock availability.*/ 
 .popupBackground {
  background-color:Gray; 
  filter:alpha(opacity=70); 
  opacity:0.7; 
} 
 /* Controls border and background colour of branch information popup page in stock availability.*/ 
  
 /* Controls the characteristics of title area in branch information popup page in stock availability.*/ 
.popupTitle {
  color:#000000; 
  background-color:#FFFFFF; 
  font-weight:bold; 
 } 
 /* Controls the characteristics of body area in branch information popup page in stock availability.*/ 
.popupBody {
  padding:0px 10px 10px 10px; 
  color:#000000; 
} 
/* Controls the characteristics of shop by filter content.*/
.mainleft .shopby,
.mainleft .shopByContentsHeader,
.mainleft .shopby_box.clearfix {
	display: none !important;
}
.styleresultbar .shopby .shopByContentsHeader,
.styleresultbar .shopby .shopby_box.clearfix {
	/* uncomment to hide Shop By filter */
	/*
	display: none !important;
	*/
}


.contents.shopby {
	width: 270px; 
	display: inline-block;
	float: left;
	clear: none;
	margin: 0 0 0 12px; padding: 0;
	height: 50px;
	line-height: 26px;
}
.shopby .shopByContentsHeader {
	width: auto !important;
	display: block !important;
	float: left;
	margin-right: 5px;
}
.shopby .shopby_box {
	position: relative;
	width: 200px !important;
	display: block !important;
	float: left;
}

/* Controls the common characteristics of header area in shop by filter content.*/ 
.shopby_box ul li {}
.shopby_header_wrapper {
	position: relative;
	margin: 3px 0 0 0;
}
h3.shopby_header { 
	position:relative;
	margin: 0; padding: 0;
	height: 18px;
	border: 1px solid #b8b8b8;
	overflow: hidden;
	cursor: pointer;
	font-family: Arial, serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 18px;
}
h3.shopby_header:after {
	content: '';
	position: absolute;
	width: 14px;
	height: 14px;
	right: 2px;
	top: 2px;
	background-image: url(https://www.trelisecooperonline.com/user/files/sprite-tc.png);
	background-repeat: no-repeat;
	-webkit-font-smoothing: antialiased;
	background-position: -472px -6px;
}
/* Controls the characteristics of header area in shop by filter content when closed.*/ 
.shopby_header_default {} 
/* Controls the characteristics of header area in shop by filter content when mouse over.*/ 
.shopby_header_hover {} 
/* Controls the characteristics of header area in shop by filter content when opened.*/ 
.shopby_header_active {} 
/* Controls the characteristics of header area in shop by filter content when filters are selected.*/ 
.shopby_header_selected {} 
/* Controls the text and icons of header area in shop by filter content.*/ 
h3.shopby_header a { 
	color:inherit !important;
	text-decoration:none;
	outline:0 none;
	padding-left: 16px;
} 
a.shopby_clear {
	color:#555;
	font-size:9px;
	position:absolute;
	top: -3px;
	right: -44px;
	text-decoration: none;
	z-index: 10;
}
a.shopby_clear:hover {
	text-decoration:underline;
}
.shopby_header_icon_exp {} 
.shopby_header_icon_col {} 
/* Controls the characteristics of body area in shop by filter content.*/ 
.shopby_body {
	position: absolute;
	top: 46px;
	left: 0px;
	width: 194px;
	overflow: hidden;
	margin: 4px 0 0 0;
	padding: 0 2px;
	border: 1px solid #b8b8b8;
	font-size:11px;
	display: none;
	z-index: 9;
	background-color: #fff;
}
.shopby_body:nth-child(2) {
	top: 22px;
}
/* Controls the text of body area in shop by filter content.*/ 
.shopby_body li {
	width: 100%;
	margin: 1px 0;
}
.shopby_box .shopby_body:nth-child(4) li {
	width: 48%;
	float: left;
	margin: 1px 0;
} 
.shopby_body li.multi { 
	clear: none;
	float: left;
	margin: 1px 0 0;
} 
.shopby_body li .enabled { 
	color:#555 !important;
	cursor: pointer;
} 
.shopby_body li .disabled { 
	color:#B2B2B2 !important;
	cursor: default;
} 
.shopby_body li .disabled:hover { 
	text-decoration: none;
} 
.shopby_body li .enabled:hover { 
	text-decoration: underline;
}
.shopby_body li {

}
.shopby_body li input {} 
/* Controls the characteristics of background when shopby filters are clicked */ 
.shopby_backgroundPopup { 
	position:absolute !important;
	background:#FFF !important;
	opacity:0.7 !important;
}
/* Controls the characteristics of splash popup page in shop by filter content.*/ 
 
 
/* Controls the characteristics of refine shop by filter content.*/ 
.refineshopby_box { 
  width:160px; 
  margin:0; 
  padding:0; 
  word-wrap: break-word; 
  overflow:hidden; 
} 
/* Controls the characteristics of body area in refine shop by filter content.*/ 
.refineshopby_body { 
  padding: 5px; 
  border:1px solid #DDDDDD; 
  border-top:0 none; 
   
  font-size:11px; 
} 
/* Controls the text of body area in refine shop by filter content.*/ 
.refineshopby_body a { 
  color:#777 !important; 
  text-decoration:none; 
} 
.refineshopby_body a:hover { 
  color:#777 !important; 
text-decoration:underline; 
} 

/* AMENDED - AJC */
/* Controls the characteristics of find postcode image.*/  
.findpostcode { 
	cursor:pointer; 
	width: 18px;
	height: 18px; 
	text-align:left;
	position: relative;
	top: 3px;
} 

/* seo trick for logo content. */ 
h1.logo { 
  font-weight:bold; 
  margin:0; 
  padding:0; 
} 
/* colour and size selection in category page */ 
.coloursizeselection { 
  height:46px; /* do not remove */ 
} 
.coloursizeselection .colourselection, .coloursizeselection .attr3selection { 
  height:23px; 
} 
.coloursizeselection .colourselection select, .coloursizeselection .attr3selection select { 
  width:150px; 
} 
.coloursizeselection .sizeselection { 
  height:23px; 
} 
.coloursizeselection .sizeselection select { 
  width:150px; 
} 
/* Controls the characteristics of currency selector content.*/ 
.currencyselector {
  position: absolute;
  top: 50px;
  right: 0px;
  text-align: right;
  color: #000000;
  z-index:200;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:8pt;
  display: none !important;
}
.currencyselector a:link,
.currencyselector a:visited,
.currencyselector a:active,
.currencyselector a:hover {
  position: relative;
  top: 0px;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:8pt;
}
.currencyselector img {
  position: relative;
  top: 2px;
  border:0;
  margin-right: 4px;
}
.currencyselector ul {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  z-index:200;
  background-color: #FFFFFF;
}
.currencyselector li {
  float: right;
  position: relative;
  margin-right: 10px;
}
.currencyselector span {
  display: block;
  padding: 5px;
  white-space: nowrap;
}
.currencyselector li ul {
  position: absolute;
  left: -9999px;
  float: right;
  border: 1px solid #CCCCCC;
}
.currencyselector li:hover ul {
  left: auto;
  right: 0;
  top: 23px;
}
.currencyselector li li {
  display: block;
  float: none;
  text-align: left;
  background-color: #FFFFFF;
  color: #000000;
  line-height: 0;
  margin-right: 0;
}
.currencyselector a {
  display: block;
  padding: 5px 10px 5px;
  white-space: nowrap;
  font: 11px Arial, Helvetica, sans-serif;
}
.currencyselector a:hover {
  background-color: #CCCCCC;
}
.currencyselector a img {
  top: 2px;
  vertical-align: top;
}
/* Controls the characteristics of grid cells in shopping cart.*/ 
/* Stock Items */ 
.cell_qty {
  width:60px;
}
.cell_price {
  width:100px;
  text-align:right;
}
/* AJC - hide cross and save amount */
.cell_price div.internetprice,
.cell_price div.saveamount {
	display: none;
}
.cell_item {
}
.cell_amount {
  width:100px;
  text-align:right;
  padding-right: 6px !important;
}
.cell_remove {
  width:60px;
  text-align:center;
}
/* Subtotal */ 
.cell_footer_price {
  width:100px;
  text-align:right;
}
.cell_footer_amount {
  width:100px;
  text-align:right;
}
/* Coupon items */ 
.couponrowstyle {
  background-color:#F4E7BF;
  font-weight:normal;
  color:#333333;
  height:36px;
  min-height:36px;
}
.cell_coupon_qty {
  width:60px;
  vertical-align:middle;
}
.cell_coupon_item {
  padding-left:51px;
  font-size:120%;
  vertical-align:middle;
}
.cell_coupon_amount {
  width:100px;
  text-align:right;
  vertical-align:middle;
}
.cell_coupon_remove {
  width:60px;
  text-align:center;
  vertical-align:middle;
}
/* Controls the characteristics of coupon content in shopping cart.*/
.coupon_shoppingcart {
  background-color:#F9F9F9;
  color:#666;
  border-top: 1px solid #b8b8b8;
  border-bottom: 1px solid #b8b8b8;
  height:30px;
  line-height:30px;
  margin: 25px 0 20px auto;
  width:475px;
}
.coupon_shoppingcart .coupon_prompt {
  float:left;
  position:relative;
  padding: 0 0 0 5px;
}
/* Controls the characteristics of coupon content.*/
.coupon {
  background-color:#F7F6F3;
  color:#b8b8b8;
  border: 1px solid #b8b8b8;
  height:30px;
  line-height:30px;
  width:225px;
}
.coupon .coupon_prompt {
  display:none;
}
.coupon_content {
  float:right;
  position:relative;
  text-align:right;
}
.coupon_content .coupon_input {
  width:140px;
  line-height: 14px;
  margin-top: 5px;
  padding: 2px 4px;
  vertical-align:top;
}
.coupon_content .coupon_button {
  padding-right:5px;
  border: 0;
  margin-top: 5px;
}

/* AMENDED - AJC */
/* Controls the characteristics of watermarked textbox.*/ 
.enablewatermark {
  color:#C7C7C7;
}
.disablewatermark {
  color:#000000;
}

/* AMENDED - AJC */
/* Controls the characteristics of custom content container */
.contentcont {
  width:100%;
  clear:both;
  margin-top: 6px;
}
/* Controls the characteristics of left content in container */
.contentcont .content {
  display:inline;
  position:relative;
}
/* Controls the characteristics of left content in container */
.contentcont .leftcontent {
  margin-left:0 !important;
  float:left;
}
/* Controls the characteristics of centre content in container */
.contentcont .centrecontent {
  float:left;
}
/* Controls the characteristics of centre content in container */
.contentcont .rightcontent {
  margin-right:0 !important;
  float:right;
}
.floatleft {
  float:left;
  position:relative;
}
.floatright {
  float:right;
  position:relative;
}
.clearfix:after {
  clear:both;
  content:".";
  display:block;
  height:0;
  visibility:hidden;
}
.clearfloat {
  clear:both;
  display:block;
}
.clearfix {
  display:inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display:block;
}
.looks_cont { 
  width:100%; 
} 
.looks_cont ul, .looks_cont li { 
  list-style: none outside none; 
  padding:0px; 
  margin:0px; 
} 
.looks_cont .enlarge { 
  float:left; 
} 
.looks_cont .enlarge img{ 
  position: absolute; 
  top: 0; 
  left: 0; 
} 
.looks_cont .enlarge .iactive{ 
  z-index: 10; 
} 
.looks_cont .enlarge .ideactive{ 
  z-index: 9; 
} 
 

.looks_cont .thumbs { 
  float:left; 
  width: 333px; /* you may type a specific value */;
} 
.looks_cont .thumbs ul { 
} 
.looks_cont .thumbs li { 
  float:left; 
  display: inline; 
  padding-left:3px; 
} 
.looks_cont .thumbs .nextrow{ 
} 
.looks_cont .thumbs .selected{ 
  opacity: 1; 
} 
.looks_cont .thumbs .unselected{ 
  opacity: 0.5; 
} 

.looks_cont .thumbs .look_img { 
  cursor:pointer; 
  width: 80px; /* you may type a specific value */
  height: 120px; /* you may type a specific value */
} 
.looks_cont .thumbs .look_img .thumbhover{ 
  -moz-box-shadow:0 0 3px #FBAC17; 
  -webkit-box-shadow:0 0 3px#FBAC17; 
  box-shadow:0 0 3px #FBAC17; 
} 
.looks_cont .look_b { 
  clear:both; 
  padding-top:5px; 
} 
.looks_cont .look_b .lookitems { 
  float:left; 
} 
.looks_cont .look_b .lookitem { 
  font-size: 11px; 
} 
.looks_cont .look_b .lookitem .name{ 
  display: inline-block;
  width:250px;
} 
.looks_cont .look_b .lookitem .price1, .looks_cont .look_b .lookitem .price2, .looks_cont .look_b .lookitem .price3, 
.looks_cont .look_b .lookitem .price4, .looks_cont .look_b .lookitem .price5{ 
} 
.looks_cont .look_b .lookpage { 
  float:right; 
  padding-right:75px; 
} 
.looks_cont .look_b .lookpage .prev { 
} 
.looks_cont .look_b .lookpage .page { 
} 
.looks_cont .look_b .lookpage .currPage { 
  font-weight:bold; 
} 
.looks_cont .look_b .lookpage .next { 
}

.looks_cont .looknav { 
  position: absolute;
  top: 223px; /* you may type a specific value */
  left: 0px;
  text-align: center;
  width: 320px; /* you may type a specific value */
  z-index: 100;
} 
.looks_cont .enlarge .looknav .prev, .looks_cont .enlarge .looknav .next {
  background: url(https://www.trelisecooperonline.com/user/files/look_nav.png) no-repeat scroll left top transparent;
  height: 34px;
  position: absolute;
  top: 0;
  width: 34px;
}
.looks_cont .enlarge .looknav .prev {
  background-position:  0 -34px !important;
  left: 0;
}
.looks_cont .enlarge .looknav .prev:hover {
  background-position:  0 0 !important;
  left: 0;
}
.looks_cont .enlarge .looknav .next {
  background-position: -34px -34px !important;
  right: 0;
}
.looks_cont .enlarge .looknav .next:hover {
  background-position: -34px 0 !important;
  right: 0;
}




/*  =============================================================================
    __pagecompany - Company Page
    ========================================================================== */
/* Tabs */   
div#tc_custom_tabbed_box {
	margin-top: 15px;
	border-top: 1px solid #B8B8B8;
	padding: 5px 0px 0px 0px;
	min-height: 630px;
}
div#tc_custom_tabbed_box ul#jquerytabs {
	text-transform: uppercase;
	font: 14px/21px Georgia, Times, 'Times New Roman', serif;
	border-bottom: 1px solid #B8B8B8;
	padding: 0px 0px 5px 0px;
}
div#tc_custom_tabbed_box ul#jquerytabs li {
	display: inline;
	margin-right: 35px;
}
div#tc_custom_tabbed_box ul#jquerytabs li a {
	color: #66574c;
}

div#tc_custom_tabbed_box ul#jquerytabs li a:hover, div#tc_custom_tabbed_box ul#jquerytabs li a.current {
	color: #000000;
}

/* Content */
div#tc_custom_tabbed_box div#jquerypanes {
	margin: 39px 0px 30px 0px;
	min-height: 460px;
}
div#tc_custom_tabbed_box div#jquerypanes h2 {
	text-transform: uppercase;
	font: 14px/21px Georgia, Times, 'Times New Roman', serif;
	color: #4c4138;
	margin-bottom: 12px;
}

div#tc_custom_tabbed_box div#jquerypanes h3 {
	text-transform: uppercase;
	font: 13px Georgia, Times, 'Times New Roman', serif;
	color: #4c4138;
	margin-top: 0px;
	margin-bottom: 10px;
}

div#tc_custom_tabbed_box div#jquerypanes h4 {
	text-transform: uppercase;
	font: 12px Georgia, Times, 'Times New Roman', serif;
	color: #4c4138;
	margin-bottom: 6px;
}
div#tc_custom_tabbed_box div#jquerypanes p,
div#tc_custom_tabbed_box div#jquerypanes ul,
div#tc_custom_tabbed_box div#jquerypanes a {
	font: 12px/16px Georgia, Times, 'Times New Roman', serif;
	color: #4c4138;
}
div#tc_custom_tabbed_box div#jquerypanes p,
div#tc_custom_tabbed_box div#jquerypanes ul {
	margin-bottom: 10px;
}

div#tc_custom_tabbed_box div#jquerypanes ul {
	text-transform: uppercase;
}

/* About Us */
div#tc_custom_tabbed_box div#jquerypanes div#aboutcontent div#about_page_01,
div#tc_custom_tabbed_box div#jquerypanes div#aboutcontent div#about_page_02,
div#tc_custom_tabbed_box div#jquerypanes div#executivestylistcontent {
	width: 680px;
	height: 520px;
	position: relative;
}
div#tc_custom_tabbed_box div#jquerypanes div#aboutcontent div.left_small,
div#tc_custom_tabbed_box div#jquerypanes div#executivestylistcontent div.left_small {
	width: 185px;
	float: left;
}
div#tc_custom_tabbed_box div#jquerypanes div#aboutcontent div.right_large,
div#tc_custom_tabbed_box div#jquerypanes div#executivestylistcontent div.right_large {
	width: 435px;
	float: left;
	margin-left: 60px;
}
div#tc_custom_tabbed_box div#jquerypanes div#aboutcontent div.left {
	width: 320px;
	float: left;
}
div#tc_custom_tabbed_box div#jquerypanes div#aboutcontent div.right {
	width: 320px;
	float: left;
	margin-left: 40px;
}
div#tc_custom_tabbed_box div#jquerypanes div#aboutcontent div#about_button_next {
	width: 123px;
	height: 26px;
	background:url(https://www.trelisecooperonline.com/user/files/tc_aboutus_buttonNext.png) no-repeat;
	background-position: 0px 0px;

	position: absolute;
	right: 0px;
	bottom: 5px;
}
div#tc_custom_tabbed_box div#jquerypanes div#aboutcontent div#about_button_previous {
	width: 123px;
	height: 26px;
	background:url(https://www.trelisecooperonline.com/user/files/tc_aboutus_buttonPrevious.png) no-repeat;
	background-position: 0px 0px;

	position: absolute;
	left: 0px;
	bottom: 5px;
}

div#tc_custom_tabbed_box div#jquerypanes div#aboutcontent div#about_button_next:hover,
div#tc_custom_tabbed_box div#jquerypanes div#aboutcontent div#about_button_previous:hover {
	background-position: 0px -26px;
	cursor: pointer;
}

/* Contact */
div#tc_custom_tabbed_box div#jquerypanes div#contactcontent div.left {
	width: 42%;
	margin-right: 8%;
	float: left;
}
div#tc_custom_tabbed_box div#jquerypanes div#contactcontent div.left div.contactgroup {
	margin-bottom: 20px;
}

div#tc_custom_tabbed_box div#jquerypanes div#contactcontent div.left p {
	margin-bottom: 10px;
}
div#tc_custom_tabbed_box div#jquerypanes div#contactcontent div.right {
	width: 50%;
	float: left;
}

/* Boutiques */
div#tc_custom_tabbed_box div#jquerypanes div#boutiquescontent div.left {
	width: 25%;
	margin-right: 5%;
	float: left;
}
div#tc_custom_tabbed_box div#jquerypanes div#boutiquescontent div.left h4 {
	margin-top: 12px;
}
div#tc_custom_tabbed_box div#jquerypanes div#boutiquescontent div.left ul {
	margin-bottom: 18px;
	text-transform: none;
}
div#tc_custom_tabbed_box div#jquerypanes div#boutiquescontent div.left ul li {
	color: #826c5b;
}
div#tc_custom_tabbed_box div#jquerypanes div#boutiquescontent div.left ul li.current {
	color: #000000;
}
div#tc_custom_tabbed_box div#jquerypanes div#boutiquescontent div.left ul li:hover {
	cursor: pointer;
	color: #000000;
}

div#tc_custom_tabbed_box div#jquerypanes div#boutiquescontent div.right {
	width: 70%;
	float: left;
	position: relative;
	top: 12px;
}
div#tc_custom_tabbed_box div#jquerypanes div#boutiquescontent div.right div.inner_left {
	width: 49%;
	margin-right: 2%;
	float: left;
}
div#tc_custom_tabbed_box div#jquerypanes div#boutiquescontent div.right div.inner_right {
	width: 49%;
	float: right;
}
div#tc_custom_tabbed_box div#jquerypanes div#boutiquescontent div.right h6 {
	font: 12px/16px Georgia, Times, 'Times New Roman', serif;
	color: #4C4138;
	margin-bottom: 2px;
	font-weight: bold;
}
div#tc_custom_tabbed_box div#jquerypanes div#boutiquescontent div.right p {
	font: 11px/15px Georgia, Times, 'Times New Roman', serif;
	margin-bottom: 0px;
}

div#tc_custom_tabbed_box span.half {
	display: inline-block;
	min-width: 50%;
}

/* Contact form iframe height override */
div.right iframe {
	height: 390px !important;
}




/*  =============================================================================
    __pagehelp - Help Page
    ========================================================================== */
div#tc_custom_help_tabbed_box {
	margin-top: 15px;
	border-top: 1px solid #B8B8B8;
	padding: 5px 0px 0px 0px;
	min-height: 680px;
}
   
/* Heading */
div#tc_custom_help_tabbed_box h1 {
	padding: 0px 0px 5px 0px;
	font: 15px/21px Georgia, Times, 'Times New Roman', serif;
	color: #66574c;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px 40px 0px;
}

/* Tabs */
div#tc_custom_help_tabbed_box ul#jquerytabs {
	width: 210px;
	margin: 0px 0px 30px 0px;
	float: left;
}
div#tc_custom_help_tabbed_box ul#jquerytabs li a {
	font: 14px/21px Georgia, Times, 'Times New Roman', serif;
	text-transform: uppercase;
	color: #66574c;
}
div#tc_custom_help_tabbed_box ul#jquerytabs li a:hover, div#tc_custom_help_tabbed_box ul#jquerytabs li a.current {
	color: #000000;
}

/* Content */
div#tc_custom_help_tabbed_box div#jquerypanes {
	width: 450px;
	margin: 0px 0px 30px 20px;
	float: left;
}

div#tc_custom_help_tabbed_box div#jquerypanes h2 {
	margin: 0px 0px 15px 0px;
	font: 14px/21px Georgia, Times, 'Times New Roman', serif;
	text-transform: uppercase;
	color: #000000;
}
div#tc_custom_help_tabbed_box div#jquerypanes h3 {
	margin: 15px 0px 5px 0px;
	font: 12px/21px Georgia, Times, 'Times New Roman', serif;
	text-transform: uppercase;
	color: #000000;
}
div#tc_custom_help_tabbed_box div#jquerypanes > div {
	font: 12px/18px Georgia, Times, 'Times New Roman', serif;
	color: #66574c;
}
div#tc_custom_help_tabbed_box div#jquerypanes div p {
	margin-bottom: 5px;
}
div#tc_custom_help_tabbed_box div#jquerypanes iframe {
	margin: 10px 0px 0px 0px;
}
div#tc_custom_help_tabbed_box div#jquerypanes ol {
	margin: 0px 0px 15px 18px;
	list-style-type: decimal;
}
div#tc_custom_help_tabbed_box div#jquerypanes ol.sublist01 {
	margin: 0px 0px 15px 36px;
	list-style-type: decimal;
}

div#tc_custom_help_tabbed_box div#jquerypanes ul {
	margin: 0px 0px 15px 18px;
	list-style-type: disc;
}

/* Accordion */
/* root element for accordion. decorated with rounded borders and gradient background image */
div#tc_custom_help_tabbed_box div#accordion {
	background-color: #FFFFFF;
	margin-top: 15px;
}
/* accordion header */
div#tc_custom_help_tabbed_box div#accordion h4 {
	margin: 2px 0px 0px 0px;
	padding: 5px 15px;
	background-color: #f1f1f1;
	font: 12px/18px Georgia, Times, 'Times New Roman', serif;
	color: #000000;
	cursor: pointer;
}
/* hover header */
div#tc_custom_help_tabbed_box div#accordion h4:hover {
	background-color: #e9e9e9;
}
/* currently active header */
div#tc_custom_help_tabbed_box div#accordion h4.current {
	cursor: default;
	background-color: #e9e9e9;
}
/* accordion pane */
div#tc_custom_help_tabbed_box div#accordion .pane {
	display: none;
	height: 110px;
	padding: 15px;
	font: 12px/18px Georgia, Times, 'Times New Roman', serif;
	color: #66574c;
}

/* FAQ Page */
div#tc_custom_help_tabbed_box div#faq {
	min-height: 700px;
}


/*  =============================================================================
    __pageregisterthankyou - Register Thank You page
    ========================================================================== */
div#tc_custom_register_thankyou {
	margin-top: 15px;
	border-top: 1px solid #B8B8B8;
	padding: 5px 0px 0px 0px;
}
/* Heading */
div#tc_custom_register_thankyou h1 {
	padding: 0px 0px 5px 0px;
	font: 15px/21px Georgia, Times, 'Times New Roman', serif;
	color: #66574c;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px 60px 0px;
}
div#tc_custom_register_thankyou p {
	margin-bottom: 10px;
}

/*  =============================================================================
    __slidingcart - Sliding Cart, top right
    ========================================================================== */
/*

/* Controls the characteristics of sliding cart content*/
#slidingcart_container {
  background: none repeat scroll 0 0 #FFF;
  border: 1px solid #B7B7B7;
  display: none;
  position: absolute;
  width:300px; /* you may type a specific value */
  right: 0;
  top: 27px;
  z-index:210;
  -moz-box-shadow:2px 2px 2px #888;
  -webkit-box-shadow:2px 2px 2px #888;
  box-shadow:2px 2px 2px #888;
}
#slidingcart_empty {
  text-align:center;
  min-height:40px;
}
#slidingcart_empty p {
  padding-top:14px;
  color: #000000;
}
#slidingcart_container a {
  padding:0;
}
#slidingcart_container li.first {
  background: none repeat scroll 0 0 transparent;
}
/* Controls the characteristics of subtotal section */
#slidingcart_header {
  padding: 10px 10px 0;
  border-bottom: 1px solid #B7B7B7;
}
#slidingcart_header .slidingcart_headers_title {
  text-align: left;
  height:40px;
}
#slidingcart_header .slidingcart_headers_title p.subtotal_info {
  color: #000;
  float: left;
  margin-top:6px;
  font-size:13px;
  font-weight:bold;
  font: 12px Georgia, Times, 'Times New Roman', serif;
}
#slidingcart_header .slidingcart_headers_title p.subtotal_info .title{
}
#slidingcart_header .slidingcart_headers_title p.subtotal_info .value{
  padding-left:5px;
}
#slidingcart_header .slidingcart_headers_title a.checkout_link {
  /*
  float: right;
  margin-top:6px;
  */
  display: none;
}
#slidingcart_container img:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity:0.8;
}
/* Controls the characteristics of paging section */
#slidingcart_pagination {
  padding: 10px 10px 0;
  border-bottom: 1px solid #B7B7B7;
  height:26px;
}
#slidingcart_pagination .index {
  float: left;
  color: #7c7c7c;
  font: 12px Georgia, Times, 'Times New Roman', serif;
}
#slidingcart_pagination .prev_next {
  float: right;
}
#slidingcart_pagination a {
  margin-left: 10px;
  color: #7c7c7c;
  float: left;
  font: 12px Georgia, Times, 'Times New Roman', serif;
  line-height: 16px;
}
#slidingcart_pagination a:hover {
  color: #000000;
}
#slidingcart_pagination a.prev {
  background: url(https://www.trelisecooperonline.com/user/files/slidingcart_nav_prev.png) no-repeat scroll left 4px transparent;
  padding-left: 10px;
}
#slidingcart_pagination a.next {
  background: url(https://www.trelisecooperonline.com/user/files/slidingcart_nav_next.png) no-repeat scroll right 4px transparent;
  padding-right: 10px;
}
#slidingcart_pagination a.enable {
}
#slidingcart_pagination a.disable {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity:0;
  cursor: default;
}
/* Controls the characteristics of item details section */
#cart_details {
  margin: 10px 0;
}
#cart_details ul.cart_items{
  overflow: hidden;
  float: none;
}
#cart_details ul.cart_items li.active {
  display: block !important;
}
#cart_details ul.cart_items li.first {
  clear: left !important;
  margin-left:10px;
}
#cart_details ul.cart_items li.last {
  margin-right:10px;
}
#cart_details ul.cart_items li:hover {
  /*background-color: #F9F9F9;*/
}
#cart_details ul.cart_items li.selected {
  background-color: #F9F9F9;
}
#cart_details ul.cart_items li.item {
  display: none;
  float: left;
  min-height: 140px; /* you may type a specific value */
  padding: 10px 10px 0;
  position: relative;
  text-align: left;
  width: 260px; /* you may type a specific value */
  border: none;
}
/* Controls the characteristics of item image */
#cart_details ul.cart_items li.item .thumb {
  text-align:center;
  width: 74px;
  float: left;
  margin-top: 8px;
}
/* Controls the characteristics of item decription */
#cart_details ul.cart_items li.item .detail {
	color: #000000;
	width: 160px;
	margin-top: 8px;
	margin-left: 20px;
	float: left;
}
#cart_details ul.cart_items li.item .detail a {
	color: #000000;
}
#cart_details ul.cart_items li.item .detail a:hover {
	color: #666666;
}
#cart_details ul.cart_items li.item .detail .desc {
	margin-bottom: 8px;
}
#cart_details ul.cart_items li.item .detail .desc a {
	font-weight: bold;
}
#cart_details ul.cart_items li.item .detail .attr1 {
	margin-bottom: 2px;
}
#cart_details ul.cart_items li.item .detail .attr2 {
	margin-bottom: 8px;
}
#cart_details ul.cart_items li.item .detail .qty {
	margin-bottom: 2px;
}
#cart_details ul.cart_items li.item .detail .price {
}
#cart_details ul.cart_items li.item .detail span.title {
}
#cart_details ul.cart_items li.item .detail span.value {
  padding-left:5px;
}
/* Controls the characteristics of remove link */
#cart_details ul.cart_items li.item p {
  color: #000000;
  margin-bottom: 0;
}
#cart_details ul.cart_items li.item a.remove {
  background:url(https://www.trelisecooperonline.com/user/files/slidingcart_remove.png) no-repeat; 
  width:13px; 
  height:13px; 
  display:inline; 
  z-index:300; 
  position:absolute; 
  top:0px; 
  right:0px; 
  cursor:pointer; 
}
#slidingcart_processing {
  min-height:60px;
}
#slidingcart_processing img {
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-21px;
  margin-left:-21px;
  z-index:400; 
}
/* Controls the characteristics of footer section */
#slidingcart_footer {
  border-top: 1px solid #B7B7B7;
  padding: 10px;
}
#slidingcart_footer .links {
   overflow: hidden;
}
#slidingcart_footer .links a.shoppingcart_link {
   float: left;
}
#slidingcart_footer .links a.checkout_link {
  float: right;
}



/*  =============================================================================
    __uniform - Uniform (dropdown, select, checkbox styles)
    ========================================================================== */
/*

Uniform Theme: Uniform Default
Version: 1.6
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html

*/

/* Global Declaration */

div.selector, 
div.selector span, 
div.checker span,
div.radio span, 
div.uploader, 
div.uploader span.action,
div.button,
div.button span {
  background-image: url(https://www.trelisecooperonline.com/user/files/sprite-tc.png);
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}

.selector, 
.radio, 
.checker, 
.uploader,
.button, 
.selector *, 
.radio *, 
.checker *, 
.uploader *,
.button *{
  margin: 0;
  padding: 0;
}

/* INPUT & TEXTAREA */

input.text,
input.email, 
input.password,
textarea.uniform {
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  padding: 3px;
  color: #777;
  background: url('https://www.trelisecooperonline.com/user/files/bg-input-focus.png') repeat-x 0px 0px;
  background: url('https://www.trelisecooperonline.com/user/files/bg-input.png') repeat-x 0px 0px;
  border-top: solid 1px #aaa;
  border-left: solid 1px #aaa;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: 0;
}

input.text:focus,
input.email:focus,
input.password:focus,
textarea.uniform:focus {
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  border-color: #999;
  background: url('https://www.trelisecooperonline.com/user/files/bg-input-focus.png') repeat-x 0px 0px;
}

/* SPRITES */

/* Select */

div.selector {
  background-position: -483px -130px;
  line-height: 26px;
  height: 26px;
}

div.selector span {
  background-position: right 0px;
  height: 26px;
  line-height: 26px;
}

div.selector select {
  /* change these to adjust positioning of select element */
  top: 0px;
  left: 0px;
}

div.selector:active, 
div.selector.active {
  background-position: -483px -156px;
}

div.selector:active span, 
div.selector.active span {
  background-position: right -26px;
}

div.selector.focus, div.selector.hover, div.selector:hover {
  background-position: -483px -182px;
}

div.selector.focus span, div.selector.hover span, div.selector:hover span {
  background-position: right -52px;
}

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
  background-position: -483px -208px;
}

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
  background-position: right -78px;
}

div.selector.disabled {
  background-position: -483px -234px;
}

div.selector.disabled span {
  background-position: right -104px;
}

/* Checkbox */

div.checker {
  width: 19px;
  height: 19px;
}

div.checker input {
  width: 19px;
  height: 19px;
}

div.checker span {
  background-position: 0px -260px;
  height: 19px;
  width: 19px;
}

div.checker:active span, 
div.checker.active span {
  background-position: -19px -260px;
}

div.checker.focus span,
div.checker:hover span {
  background-position: -38px -260px;
}

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
  background-position: -57px -260px;
}

div.checker span.checked {
  background-position: -76px -260px;
}

div.checker:active span.checked, 
div.checker.active span.checked {
  background-position: -95px -260px;
}

div.checker.focus span.checked,
div.checker:hover span.checked {
  background-position: -114px -260px;
}

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
  background-position: -133px -260px;
}

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
  background-position: -152px -260px;
}

div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
  background-position: -171px -260px;
}

/* Radio */

div.radio {
  width: 18px;
  height: 18px;
}

div.radio input {
  width: 18px;
  height: 18px;
}

div.radio span {
  height: 18px;
  width: 18px;
  background-position: 0px -279px;
}

div.radio:active span, 
div.radio.active span {
  background-position: -18px -279px;
}

div.radio.focus span, 
div.radio:hover span {
  background-position: -36px -279px;
}

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
  background-position: -54px -279px;
}

div.radio span.checked {
  background-position: -72px -279px;
}

div.radio:active span.checked,
div.radio.active span.checked {
  background-position: -90px -279px;
}

div.radio.focus span.checked, div.radio:hover span.checked {
  background-position: -108px -279px;
}

div.radio.focus:active span.checked, 
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
  background-position: -126px -279px;
}

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
  background-position: -144px -279px;
}

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
  background-position: -162px -279px;
}

/* Uploader */

div.uploader {
  background-position: 0px -297px;
  height: 28px;
}

div.uploader span.action {
  background-position: right -409px;
  height: 24px;
  line-height: 24px;
}

div.uploader span.filename {
  height: 24px;
  /* change this line to adjust positioning of filename area */
  margin: 2px 0px 2px 2px;
  line-height: 24px;
}

div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
  background-position: 0px -353px;
}

div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
  background-position: right -437px;
}

div.uploader.active span.action,
div.uploader:active span.action {
  background-position: right -465px;
}

div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
  background-position: right -493px;
}

div.uploader.disabled {
  background-position: 0px -325px;
}

div.uploader.disabled span.action {
  background-position: right -381px;
}

div.button {
  background-position: 0px -523px;
}

div.button span {
  background-position: right -643px;
}

div.button.focus,
div.button:focus,
div.button:hover,
div.button.hover {
  background-position: 0px -553px;
}

div.button.focus span,
div.button:focus span,
div.button:hover span,
div.button.hover span {
  background-position: right -673px; 
}

div.button.active,
div.button:active {
  background-position: 0px -583px;
}

div.button.active span,
div.button:active span {
  background-position: right -703px;
  color: #555;
}

div.button.disabled,
div.button:disabled {
  background-position: 0px -613px;
}

div.button.disabled span,
div.button:disabled span {
  background-position: right -733px;
  color: #bbb;
  cursor: default;
}

/* PRESENTATION */

/* Button */

div.button {
  height: 30px;
}

div.button span {
  margin-left: 13px;
  height: 22px;
  padding-top: 8px;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-left: 2px;
  padding-right: 15px;
}

/* Select */
div.selector {
  width: 160px;
  font-size: 12px;
}

div.selector select {
  min-width: 160px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  border: solid 1px #fff;
}

div.selector span {
  padding: 0px 25px 0px 2px;
  cursor: pointer;
}

div.selector span {
  color: #000000;
  width: 128px;
  text-shadow: 0 1px 0 #fff;
}

div.selector.disabled span {
  color: #bbb;
}

/* Checker */
div.checker {
  margin-right: 5px;
}

/* Radio */
div.radio {
  margin-right: 3px;
}

/* Uploader */
div.uploader {
  width: 190px;
  cursor: pointer;
}

div.uploader span.action {
  width: 85px;
  text-align: center;
  text-shadow: #fff 0px 1px 0px;
  background-color: #fff;
  font-size: 11px;
  font-weight: bold;
}

div.uploader span.filename {
  color: #777;
  width: 82px;
  border-right: solid 1px #bbb;
  font-size: 11px;
}

div.uploader input {
  width: 190px;
}

div.uploader.disabled span.action {
  color: #aaa;
}

div.uploader.disabled span.filename {
  border-color: #ddd;
  color: #aaa;
}
/*

CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.selector, 
.checker, 
.button, 
.radio, 
.uploader {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}

.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
  outline: 0;
}

/* Button */

div.button a,
div.button button,
div.button input {
  position: absolute;
}

div.button {
  cursor: pointer;
  position: relative;
}

div.button span {
  display: -moz-inline-box;
  display: inline-block;
  line-height: 1;
  text-align: center;
}

/* Select */

div.selector {
  position: relative;
  padding-left: 10px;
  overflow: hidden;
}

div.selector span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.selector select {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity:0);
  height: 25px;
  border: none;
  background: none;
}

/* Checker */

div.checker {
  position: relative;
}

div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}

div.checker input {
  opacity: 0;
  filter: alpha(opacity:0);
  display: inline-block;
  background: none;
}

/* Radio */

div.radio {
  position: relative;
}

div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}

div.radio input {
  opacity: 0;
  filter: alpha(opacity:0);
  text-align: center;
  display: inline-block;
  background: none;
}

/* Uploader */

div.uploader {
  position: relative;
  overflow: hidden;
  cursor: default;
}

div.uploader span.action {
  float: left;
  display: inline;
  padding: 2px 0px;
  overflow: hidden;
  cursor: pointer;
}

div.uploader span.filename {
  padding: 0px 10px;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}

div.uploader input {
  opacity: 0;
  filter: alpha(opacity:0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
  height: 25px;
  border: none;
  cursor: default;
} 
.guestcheckoutcontainer .logincell {
  height:100% !important;
  min-height:100% !important;
  border-right:0;
}
.guestcheckoutcontainer .logincreatecell {
  height:100% !important;
  min-height:100% !important;
  line-height:25px;
  text-align:left;
  border-left: 1px solid #DFDFDF;
}
.guestcheckoutcontainer .guestcheckoutbutton, .guestcheckoutcontainer .registercheckoutbutton {
  text-align:right;
}
.guestcheckoutcontainer .logincellright .formsectiontext, .sameasshippingaddress {
  padding-left:10px;
}
.guestcheckoutcontainer .billingaddress {
  padding-top:4px;
  display:none;
}
/* Controls the characteristics of lookbook cluster popup window */
#popupContent { 
  display:none;
  width:320px;
  min-height:480px;
} 
#popupContent ul, #popupContent li {
  list-style: none outside none;
  padding:0px;
  margin:0px;
}
/* Controls the characteristics of background when popup window is shown */ 
.backgroundPopup { 
  display:none;
  position:fixed;
  _position:absolute; /* hack for internet explorer 6*/
  height:100%;
  width:100%;
  top:0;
  left:0;
  background:#000000;
  opacity:0.3;
  
  z-index:298;
}
/* Controls the characteristics of popup window */ 
.popupWindow { 
  position:fixed;
  _position:absolute; /* hack for internet explorer 6*/
  background:#FFFFFF;
  border: 1px solid #b8b8b8;
  z-index:299;
  padding:10px;
  font-size:13px;
}
/* Controls the characteristics of popup window close button */ 
.popupClose { 
  background:url(https://www.trelisecooperonline.com/user/files/x_closebox.png) no-repeat;
  width:30px;
  height:30px;
  display:inline;
  z-index:300;
  position:absolute;
  top:-15px;
  right:-16px;
} 
.popupClose:hover { 
  opacity:0.8;
}
/* Controls the characteristics of image when popup window is loading */ 
#popupLoading { 
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-21px;
  margin-left:-21px;
  z-index:400;
} 
/* Wishlist content in shopping cart page */ 
.wishlistbox { 
  margin-top:20px; 
} 
table, th, tr, td { 
  padding:0; 
} 
/* Cart item table in shopping cart page if wishlist is enabled */ 
.ci_table { 
  width: 100%; 
  border-collapse: collapse; 
} 
.ci_table .cell_remove { 
  width:120px; 
} 
.ci_table .cell_remove .remove { 
  padding-top:8px; 
} 
/* Control the characteristics of message if shopping cart is empty */ 
.ci_empty { 
  padding: 10px 0 0 0; 
} 
/* Control the characteristics of attribute 1 in shopping cart page */ 
.s_attribute1, .s_attribute3 { 
  padding-top:5px; 
} 
/* Control the characteristics of availability message in shopping cart page */ 
.s_availability { 
  padding-top:5px; 
} 
/* Control the characteristics of expiration message in wishlist */ 
.s_expirationmessage { 
  padding:5px 0; 
  font-size:80%; 
} 
/* Wishlist table in shopping cart page if wishlist is enabled */ 
.wl_table { 
  width: 100%; 
  border-collapse: collapse; 
} 
.wl_table .headerstyle { 
  height:23px; 
} 
.wl_table .rowstyle { 
  border-bottom: 1px solid #CCC; 
}
.wl_table .cell_item .cell_item_details {
  width: 210px;
}
.wl_table .cell_remove { 
  width:120px; 
} 
.wl_table .cell_remove .remove { 
  margin-top: 12px; 
} 
/* Control the characteristics of message if wishlist is empty */ 
.wl_empty { 
  padding: 10px 0 0 10px; 
} 
.cell_changedetails { 
  vertical-align:middle; 
} 
.cell_changedetails .changedetails { 
  margin-top: 8px; 
} 
.cell_footer_price { 
  font-weight:bold; 
} 
.cell_footer_amount { 
  font-weight:bold; 
  padding-right: 6px !important;
  letter-spacing: 1px;
} 

.wl_action {
  margin: 12px 0;
}

/* Controls the characteristics of add to wishlist button in product detail page */ 
a.wl_btnaddtowishlist, a.wl_btnaddtogiftregistry { 
  text-decoration:underline; 
} 
/* Controls the characteristics of update details button in shopping cart page */ 
a.wl_btnupdatedetails { 
  float: left;
  display: block;
  width: 141px;
  height: 26px;
  text-indent: -999em;
  background: url(http://tre1506update.e-retailer.co.nz/user/files/button-updatedetails.gif) no-repeat center;
} 
/* Controls the characteristics of add all to cart button in shopping cart page */ 
a.wl_btnaddalltocart { 
  float: left;
  display: block;
  width: 141px;
  height: 26px;
  text-indent: -999em;
  background: url(http://tre1506update.e-retailer.co.nz/user/files/button-addalltobag.gif) no-repeat center;
} 
/* Controls the characteristics of email a friend button in shopping cart page */ 
a.wl_btnemailafriend {
  float:left; 
  display: none; 
  width: 123px; 
  height: 24px; 
  background:url(https://www.trelisecooperonline.com/user/files/button-emailafriend.gif) no-repeat center left; 
  margin:3px 0 0 6px; 
  text-indent:-9999px;
} 
/* Controls the characteristics of Item added to wishlist notification popup container in product detail page */ 
#popupItemAddedtoWishlistContent{ 
  display:none; 
  width:300px; 
  padding:0; 
  font-size:13px; 
  min-height:100px; 
} 
/* Controls the characteristics of notification when item is added to wishlist in product detail page */ 
.wishlist_notification { 
  text-align:center;
} 
.wn_header { 
  padding:5px;
  background:#F9F9F9;
  min-height:14px;
} 
.wn_body{ 
} 
.wn_msg{ 
  padding-top:10px;
  line-height: 1.6;
} 
.wn_link{
  margin: 16px 0 32px 0;
  vertical-align:middle;
  text-decoration: underline;
} 
/* Controls the characteristics of add to wishlist link button in category page */ 
.addtowishlist { 
  display:none !important;
  background:url(https://www.trelisecooperonline.com/user/files/wishlist.png) no-repeat; 
  width:24px;
  height:24px;
  z-index:99; 
  position:relative;
  top:10px;
  right:10px;
  cursor:pointer;
} 
.addtowishlist a:hover { 
  display:inline; 
  background:url(https://www.trelisecooperonline.com/user/files/wishlist-hover.png) no-repeat; 
} 
/* Controls the characteristics of popup message when mouse over wishlist link button in category page */ 
div.popupLabel { 
  background:#888;
  color:#FFF;
  font-size: 90%;
  right: 0;
  width: 45px;
  position: absolute;
  top: 40px;
  padding: 3px 5px 5px;
  outline: none;
  text-align: center;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
} 
/* Controls the characteristics of Email a friend popup window container in shopping cart page */ 
#popupEmailaFriendContent{ 
  display:none; 
  width: 338px; 
  padding: 0; 
  min-height: 316px; 
  height: 316px; 
} 
/* Controls the characteristics of Email a friend popup window in shopping cart page */ 
.email_friend { 
  height: auto !important; 
  padding: 20px; 
  color: #5A5A5A; 
} 
.email_friend h3 { 
  text-align: center; 
  color: #5A5A5A; 
} 
.email_friend p { 
  font-size: 11px; 
  margin: 8px 0 0; 
  text-align: center; 
} 
.email_friend .email_form { 
  padding-top: 20px; 
  overflow: hidden; 
} 
.email_friend label { 
  float: left; 
  font-size: 10px; 
  margin: 10px 0 0; 
} 
.email_friend .email_form input[type="text"], .email_friend .email_form textarea { 
  border: 1px solid #999; 
  float: left; 
  font-size: 10px; 
  line-height: 1.2em; 
  margin: 10px 0 0; 
  padding: 8px 5px; 
  width: 278px; 
  -moz-box-shadow: 3px 3px 0 #cfcfcf; 
  -webkit-box-shadow: 3px 3px 0 #cfcfcf; 
  box-shadow: 3px 3px 0 #cfcfcf; 
} 
.email_friend .email_form input[type="text"] { 
  font-size: 10px; 
  height: 16px; 
} 
.email_friend .email_form textarea{ 
  clear: left; 
  font-size: 10px; 
  height: 60px; 
  resize: none; 
} 
.email_friend .email_form input[type="checkbox"] { 
  clear: left; 
  float: left; 
  margin: 10px 10px 0 0; 
} 
.email_friend .email_form .wl_btnsend { 
  float: right; 
  margin: 10px 10px 0 0; 
  width: 72px; 
  height: 24px; 
  background: url(https://www.trelisecooperonline.com/user/files/button-send.gif) no-repeat center left; 
} 
.email_friend .email_form .email_message { 
  margin-top:10px; 
} 
.email_friend .email_form .email_copytome { 
  clear: both; 
  float: left; 
  width: 100%; 
  margin-top:10px; 
} 
.email_friend .email_form .email_recipient_invalid, .email_friend .email_failed { 
  background: #CCC; 
  clear: both; 
  float: left; 
  font-size: 10px; 
  width: 278px; 
  margin: 10px 0 5px; 
  padding: 8px; 
} 
.email_friend .email_success p { 
  font-weight: bold; 
  margin: 100px 0 10px; 
} 
.email_friend .email_success .email_sentto { 
  color: #494949; 
  font-weight: normal; 
  display: block; 
  margin: 5px 0 25px; 
} 
.email_friend .email_success .email_send_more { 
  display: block; 
  margin: 85px auto 0; 
  font-weight: normal; 
  text-decoration: none; 
} 
.email_friend .email_success .email_send_more span { 
  text-decoration: underline; 
  font-weight: normal; 
} 
/* Controls the characteristics of %%WISHLISTITEMS%% tag in Email a friend email template */ 
.emailafriend_email { 
  border-spacing:0;  
  border-width:0; 
  text-align:center; 
  border-collapse: collapse; 
} 
.emailafriend_email .colourselection, .emailafriend_email .sizeselection, .emailafriend_email .attr3selection { 
  margin-top:5px; 
} 
.emailafriend_email .addtocartbutton_cont { 
  margin-top:20px; 
}
.colouroptions {
  padding-top:10px;
}
.colouroptions .item {
  cursor:pointer;
  float:left;
  height:40px;
  width:40px;
  border: 2px solid #fff;
}
.colouroptions .item.active  {
  /*
  background:url(https://www.trelisecooperonline.com/user/files/attribute1-active.gif) no-repeat scroll left top #FFFFFF;
  */
  border: 2px solid #2d2d2d;
}
.colouroptions img {
  background-repeat:no-repeat; 
  background-position:center center;
  background-color:#CCC;
  height:36px;
  margin: 2px 0 0 2px;
  width: 36px;
}
.sizeoptions {
  padding-top:10px;
}
.sizeoptions .sizeset {
  display:none;
  /*height: 44px;*/
}
.sizeoptions .item {
  display: inline-block;
  background:url(https://www.trelisecooperonline.com/user/files/tc_attribute2-44-option.gif) no-repeat scroll left top #FFFFFF;
  color:#000000;
  cursor:pointer;
  /*float:left;*/
  font-size:10px;
  font-weight: normal;
  height: 44px;
  line-height: 44px;
  text-align: center;
  text-transform: uppercase;
  width: 44px;
}
.sizeoptions .item.active  {
  background:url(https://www.trelisecooperonline.com/user/files/tc_attribute2-44-active.gif) no-repeat scroll left top #FFFFFF;
  color: #FFFFFF;
}
.sizeoptions .item.disabled {
  background-image: url(https://www.trelisecooperonline.com/user/files/tc_attribute2-44-disabled.gif); 
  color:#AAAAAA;
  cursor:default;
}
.cell_item_img {
  float:left;
  position:relative;
  overflow:hidden;
}
.cell_item_details {
  float:left;
  position:relative;
  overflow:hidden;
  width:230px;
}
/* Controls the characteristics of GiftWrap contents in Checkout Blocks */ 
.giftwrap_block {
  position: relative;
  clear:both;
}
.giftwrap_window {
  position:relative;
  width:788px;
}
.giftwrap_wrapper {
  position:relative;
  width:720px;
  overflow:hidden;
  margin:0 auto;
}
.giftwrap_wrapper ul {
  position:relative;
  overflow:hidden;
  top:0;
  left:0;
}
.giftwrap_wrapper ul,.giftwrap_wrapper li {
  margin:0; 
  padding:0;
  list-style:none; 
}
.giftwrap_wrapper li {
  margin:10px;
  width:100px;
  float:left;
}
.giftwrap_prev, .giftwrap_next {
  background: url(https://www.trelisecooperonline.com/user/files/look_nav.png) no-repeat scroll left top transparent;
  height: 34px;
  width: 34px;
  position:absolute;
  top:64px;
  text-indent:-9999px;
}
.giftwrap_prev {
  background-position:  0 0;
  left: 0;
}
.giftwrap_prev:hover {
  background-position:  0 -34px;
}
.giftwrap_prev.disabled {
  background-position: 0 -34px;
  opacity:0.15;
  cursor: default;
}
.giftwrap_next  {
  background-position: -34px 0;
  right: 0;
}
.giftwrap_next:hover {
  background-position: -34px -34px;
}
.giftwrap_next.disabled {
  background-position: -34px -34px;
  opacity:0.15;
  cursor: default;
}
.giftwrap_item_image a:hover img{
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=1.05, M12=-0, M21=0, M22=1.05)";
}
.giftwrap_item_image label {
  cursor:pointer;
}
.giftwrap_item_attributes {
  color: #003271;
}
.giftwrap_item_desctiption h3 {
  font-weight:normal;
  font-size:90%;
  color: #003271;
  margin:0;
  clear:both;
}
.giftwrap_item_button, .giftwrap_item_price {
  float:left;
}
.giftwrap_item_price {
  margin-top:2px;
}
.giftwrap_item_price span {
  font-size:90%;
}
.categorieswrap {
  margin-bottom:10px; 
}
.subcategorieswrap {
  margin-left:10px; 
}
h2.categorymenulevel, h3.categorymenulevel2, h4.categorymenulevel3, h5.categorymenulevel4 {
  margin:0; 
}
.enlarge .images { 
  position:relative; 
  width:320px; 
  height:480px; 
}
.validsummary ul {
  padding-left: 40px;
  margin: 10px 0;
}
.loginemail, .loginpassword {
  width:200px;
}
.passwordrecoveryemail {
  width:215px;
}
.registeremail {
  width:180px;
}
.registerpassword {
  width:150px;
}
#trNewsLetter .communicationtext {
  display:block;
}
.myaccountemail {
  width:175px;
}
.myaccountpassword, .myaccountinput, .loyaltypoints {
  width:150px;
}
.contacttitle, .countryname {
  width:155px;
}
.postcodeinput {
  width:120px;
}
.orderdetail .orderdetailcelltext {
  display:inline-block;
  width:100px !important;
}
.orderdetail .orderdetailcellvalue {
  display:inline-block;
  min-width:300px;
}
.orderdetail .orderaddresses .shippingaddress, .orderdetail .orderaddresses .billingaddress {
  width:50%;
}
.orderdetail .orderaddresses .shippingaddress .sectionheader {
  width:98%;
}
.orderdetail .paymentmethoddetails .block{
  width:50%;
  float:left;
}
.orderdetail .itemsordered {
  margin-top:10px;
}
.orderdetail .itemsordereddetails {
  padding:10px 0;
}
.contactformbox .contactforminput {
  width:300px;
}
.contactformcontinue {
  padding-top:10px;
}
.contactformcontinue p {
  margin:0;
  padding-bottom:5px;
}
.itemaddedcart_bottombuttons {
  text-align:right; 
  margin-top:10px; 
}
.productsnotfound .productsnotfoundbody { 
  margin:10px 0 0 0; 
}
.stylelistpage .sectionheader {
  margin-top:0px; 
  margin-bottom:10px; 
}
.checkoutheader .sep {
  padding:0 5px; 
}
/* Controls display of Customer Details step */
.checkoutbody .personaldetails {
  margin-top:20px;
}
.checkoutbody .personaldetails .sectiondata {
  margin-top:4px;
}
.checkoutbody .addresses {
  margin-top:20px;
  width:100%;
}
.checkoutbody .stepcustomerdetails .billingaddress, .checkoutbody .stepcustomerdetails .shippingaddress {
  width:50%;
}
.checkoutbody .billingaddressinput, .checkoutbody .shippingaddressinput {
  padding-top:4px;
}
.checkoutbody .shippingaddress .sameasbilling {
  display:inline;
}
.checkoutbody .customerdetailsbutton {
  text-align:right; 
  padding-top:20px;
  margin-top:10px; 
  margin-bottom:10px;
}
.checkoutbody .imagebutton {
  width:120px; 
  border:0; 
}
/* Controls display of Shipping step */
.checkoutbody .shippingbuttontop, .checkoutbody .shippingbuttonbottom, .checkoutbody .paymentbuttonbottom {
  text-align:right; 
  margin: 10px 4px 20px 0;
}
/* Controls display of Shipping Method block */
.checkoutbody .stepshipping .shippingmethod .sectiondata, .checkoutbody .stepshipping .shippingaddress .sectiondata {
  width:100%; 
}
.checkoutbody .shippingmethodlist {
  width:100%; 
}
.checkoutbody .shippingmethodlist .shippingmethodname {
  display:inline-block; 
  width:85%; 
}
.checkoutbody .shippingmethodlist .shippingprice {
  display:inline-block; 
  width:13%; 
  text-align:right; 
}
.checkoutbody .shippingmethodlist .orderamountwithshipping {
  text-align:right; 
  padding:3px 8px 0 0; 
}
/* Controls display of Payment Option block */
.checkoutbody .paymentoptionlist {
  width:100%; 
}
.checkoutbody .useloyaltypoints {
  display:inline; 
  padding-top:5px; 
}
.checkoutbody .specialinstruction {
  height:65px; 
  width: calc(100% - 10px);
  resize: none;
}
/* Controls display of Delivery Address block */
.addressdisplay .addressname {
  width:100%; 
  padding-top:2px; 
}
.addressdisplay .fieldname {
  display:inline-block; 
  width:10%; 
}
.addressdisplay .addressfield {
  width:100%; 
  padding-top:2px; 
}
.addressdisplay .addressname .fieldvalue {
  font-weight:bold; 
}
.addressdisplay .addressstreet .fieldname {
  vertical-align:top; 
}
.addressdisplay .addressstreet .fieldvalue {
  display:inline-block; 
}
.orderaddressdisplay .orderaddressfield {
  margin-top:3px; 
}
.orderaddressdisplay .addressname span {
  font-weight:bold; 
}
/* Controls display of Payment and Confirmation step */
.checkoutbody .paymentsummary, .checkoutbody .orderconfirmation {
  padding-top:20px; 
}
/* Controls display of Checkout block */
.checkoutbody .checkoutblockcheckbox span {
  padding-right:5px; 
}
#popupBranchInfoPage {
  display: none;  
}
/* Gift Registry */ 
.giftregistry .gr_col {
  float:left;
  margin-left:10px;
}
.giftregistry .gr_create {
  margin-left:0;
}
h1.heading {
  font-size:24px;
  padding-bottom:12px;
}
.giftregistry a {
  display:block;
  width:300px;
  height:375px;
  position:relative;
  background-size:100% auto;
}
.giftregistry .gr_create a {
  background:url(/user/files/registry-create.jpg) no-repeat left top;
}
.giftregistry .gr_view a {
  background:url(/user/files/registry-view.jpg) no-repeat left top;
}
.giftregistry .gr_find a {
  background:url(/user/files/registry-find.jpg) no-repeat left top;
}
.giftregistry a span {
  position:absolute;
  top:30px;
  left:0;
  width:100%;
  padding:5px;
  font-size:24px;
  color:#777;
  background:#FFF;
  background:rgba(255, 255, 255, 0.8);
  filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#FFFFFF')";
}
.registrydetails { 
  margin-left:10px; 
} 
.cr_tabheading { 
  list-style: none; 
  height: 40px; 
  margin-bottom: 10px; 
  padding-left: 15px; 
  background: url(https://www.trelisecooperonline.com/user/files/mainmenu-bar.jpg); 
} 
.cr_tabheading li { 
  float: left; 
  padding: 10px 25px 5px 0; 
  font-size: 18px; 
} 
.cr_tabheading li.on a { 
  color: white; 
  font-weight: bold; 
} 
.registrydetails .cr_cellleft { 
  margin-left:15px; 
} 
.cr_eventwrap, .cr_coregistrantswrap, .cr_registrationwrap, .cr_deliveryaddresswrap { 
  margin-top:20px; 
} 
.registrydetails .cr_day { 
  width:78px !important; 
} 
.registrydetails .cr_month { 
  width:150px !important; 
} 
.registrydetails .cr_year { 
  width:97px !important; 
} 
.registrydetails select { 
  width:333px; 
  padding:2px; 
} 
.registrydetails input[type=text], .registrydetails textarea { 
  width:325px; 
  padding:2px; 
} 
.registrydetails textarea { 
  width:327px; 
  padding:2px; 
} 
.registrydetails .postcodeinput { 
  width:294px !important; 
} 
.registrydetails .cr_eventmessage span { 
  vertical-align:top; 
} 
.registrydetails .cr_status, .registryitems .ri_status, .registrydetails .cr_buttons { 
  margin: 10px 0 0 10px; 
} 
.registryitems .ri_buttons, .registrysearch .ri_buttons { 
  text-align:right; 
  margin:10px 0; 
} 
.cell_qtyrequested, .cell_qtypurchased, .registryitems .cell_price, .registryitems .cell_remove { 
  width:80px !important; 
} 
.registryitems .cell_remove .remove { 
  padding-top:0 !important; 
} 
.registryitems .rowstyle td { 
  padding: 5px 0; 
} 
.registrysearch .searchregistryfield { 
  margin-top:10px; 
} 
.registrysearch .searchname { 
  font-size:12px; 
  width:250px; 
  padding:4px; 
  display: inline-block; 
  float: left; 
} 
a.btnsearchregistry { 
  background: url(https://www.trelisecooperonline.com/user/files/button-go.gif) no-repeat scroll 0 0 transparent;  
  display: block; 
  float: left; 
  width:50px; 
  height:22px; 
  margin: 3px 5px; 
  border:1px solid #CCC; 

  font: 0/0 a; 
  text-shadow: none; 
  color: transparent; 
} 
.registrymatches .rs_table tr, .registrysearch .wl_table .headerstyle { 
  height:34px !important; 
} 
.registrymatches .rs_table th, .registrymatches .rs_table td, .registrysearch .wl_table .headerstyle th { 
  vertical-align:middle !important; 
} 
.registrymatches .rs_table .cell_registrantname { 
  padding-left:5px; 
} 
.registrymatches .rs_table .cell_registrantname, .registrymatches .rs_table .cell_coregistrantname { 
  width:180px; 
} 
.registrymatches .rs_table .cell_eventdate { 
  width:100px; 
} 
.registrymatches .rs_table .cell_viewlink { 
  width:80px; 
  text-align:center; 
} 
.registrysearch .cr_eventhtmlmessage { 
  background: #F6F6F6; 
  padding: 10px; 
  margin-top: 10px; 
  margin-bottom: 10px; 
  border: 1px solid #CCC; 
  text-align: center; 
} 
.registrysearch .cell_item_details { 
  width:285px !important; 
} 
.registrysearch .cell_remove { 
  width:60px !important; 
} 
.registrysearch .ddlqty { 
  width:40px; 
}
.myaccount.registrydetails .itempurchasers .itempurchaserswrap { 
  margin-left:50px; 
}
.myaccount.registrydetails .cell_item_details { 
  width:280px !important; 
} 
.myaccount.registrydetails .cr_itemsummarys { 
  margin-top:10px; 
} 
.myaccount.registrydetails .cr_expired { 
  color:#FF0000; 
  font-weight:bold; 
}
.registrysearchresultswrap .searchresultheader { 
  font-size:110%; 
  font-weight:bold; 
  color:#003271; 
  display:block; 
  margin:20px 0 5px; 
} 

.packingslip .fieldname { 
  width:120px !important; 
} 

.checkoutbody .shippingmethodlist .shippingbranchselection {
  margin: 5px;
  display: none;
}
.checkoutbody .shippingmethodlist .shippingbranchselection span {
  font-weight: bold;
  padding:0 10px 0 30px;
}
.checkoutbody .shippingmethodlist .shippingbranchselection select {
  width: 50%; 
  padding:3px 5px;
}

.shipping-branch-wrap {
  margin: 5px;
}
.shipping-branch-wrap .shipping-branch-name {
  font-weight: bold;
}
/* Quick View Begins */
.div_QV {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  background-color: rgba(255,255,255, 0.4);
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  padding: 3px; 0;
  cursor: pointer;
  z-index: 3;
  display: none;
}
.div_QV:hover span {
  text-decoration:underline;
}
#popupProductDetailContent { 
  display:none; 
  width:758px;
  min-height: 421px;
  height:auto;
  font-size: 12px;
} 
#popupProductDetailContent .popupDetails { 
  height: 100%;
}
#popProductDetailMessage {
  display:none;
}
#popProductDetailMessage div {
  margin-bottom: 10px;
  padding: 8px 35px 8px 14px;
}
#popProductDetailMessage .success {
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
}
#popProductDetailMessage .error {
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid #eed3d7;
}
#popupProductDetailContent .fulldetails {
  bottom: 10px;
  left: 25px;
  position: absolute;
  text-decoration: underline;
}
#popupProductDetailContent h1.productdescription {
  margin-top:0 !important;
}
#popupProductDetailContent .productimage_thumbnails {
  width: 70px;
  float: left;
  height: 252px;
  top: 25px;
  position: absolute;
  overflow-y: hidden;
}
#popupProductDetailContent .productimage_thumbnails_inner {
  position: relative;
  height: 9999px;
}
#popupProductDetailContent .productimage_zoomed {
  float: right;
  margin-right: 20px;
  position: relative;
}
#popupProductDetailContent .StyleColourCont {
  display: block;
  clear: both;
  width: 70px !important;
  padding-right: 0 !important;
  padding-bottom: 10px !important;
}
#popupProductDetailContent .StyleColourImage {
  width: 68px;
  height: 74px;
}
#popupProductDetailContent .StyleColourImageCaption {
  display: none !important;
}
#popupProductDetailContent .productimage_thumbnails_scrolltop, #popupProductDetailContent .productimage_thumbnails_scrollbottom {
  width: 70px;
  height: 20px;
  background: url(https://www.trelisecooperonline.com/user/files/productdetail-slidearrows.png) no-repeat;
}
#popupProductDetailContent .productimage_thumbnails_scrolltop {
  position: absolute;
  top: 0;
  left: 0;
  background-position: 0 0;
}
#popupProductDetailContent .productimage_thumbnails_scrolltop:hover {
  cursor: pointer;
  background-position: 0 -20px;
}
#popupProductDetailContent .productimage_thumbnails_scrolltop.disabled {
  cursor: default;
  background-position: 0px -40px;
}
#popupProductDetailContent .productimage_thumbnails_scrollbottom {
  position: absolute;
  bottom: 0;
  left: 0;
  background-position: -70px 0;
}
#popupProductDetailContent .productimage_thumbnails_scrollbottom:hover {
  cursor: pointer;
  background-position: -70px -20px;
}
#popupProductDetailContent .productimage_thumbnails_scrollbottom.disabled {
  cursor: default;
  background-position: -70px -40px;
}
#popupProductDetailContent .productdetailbox .productimagecont {
  width: 53% !important;
}
#popupProductDetailContent  .productdetailbox .productdetailcont {
  width: 47% !important;
}
/* Quick View Ends */

/* Personalised Fields on Product Begins */ 
.personalised-fields-options { 
  margin-bottom:5px; 
  font-size:90%; 
} 
.personalised-fields-options .personalised-fields-options-head:before { 
  content: ""; 
  float: left; 
  width:4px; 
  height:8px; 
  background: url("/user/files/slidingcart_nav_next.png") no-repeat; 
  margin-top:3px; 
  padding-right:4px; 
} 
.personalised-fields-options .personalised-fields-options-head { 
  color: #002E6C; 
  cursor: pointer; 
} 
.personalised-fields-options .personalised-fields-options-body { 
  display: none; 
  line-height: 20px; 
  padding-left: 12px; 
} 
.personalised-fields-options .personalised-fields-options-body .field-item-name { 
  font-weight:bold; 
} 
.personalised-fields-options.open .personalised-fields-options-body { 
  display: block; 
} 
.personalised-fields-options .personalised-fields-options-head:hover { 
  text-decoration: underline; 
} 
.personalised-fields-options.open .personalised-fields-options-head:before { 
  -webkit-transform: rotate(90deg); 
  -moz-transform: rotate(90deg); 
  -ms-transform: rotate(90deg); 
  -o-transform: rotate(90deg); 
  transform: rotate(90deg); 
  width:8px; 
  margin-top:6px; 
  padding-right:0; 
} 
/* Personalised Fields on Product Ends */ 

/* Category Top Menu Begins */
.mainMenu { 
  margin-left: auto; 
  margin-right: auto; 
  position: relative; 
  z-index:198; 
  text-align: left; 
} 
.mainMenuTop h3 { 
  border-bottom: 3px solid #B0AFAF; 
  height: 25px; 
  margin: 7px 0 14px; 
  font-size: 12px; 
  color: #2e2e2e; 
  width: 150px; 
} 
.mainMenuTop .dropHeader { 
  width: 0; 
  height: 0; 
  border-left: 7px solid transparent; 
  border-right: 7px solid transparent; 
  border-bottom: 7px solid #E8E8E8; 
  position: absolute; 
  top: -7px; 
  left: 25px; 
} 
.mainMenuTop li { 
  border: medium none; 
  display: block; 
  float: left; 
  position: relative; 
  text-align: center; 
} 
.mainMenuTop li .subHead { 
  font-size: 12px; 
} 
.mainMenuTop li a { 
  font-size: 12px; 
  display: block; 
  outline: 0; 
  text-decoration: none; 
  color: #2e2e2e; 
} 
.mainMenuTop .lvl1 { 
  display: inline-block; 
  zoom: 1; 
  *display: inline; 
  vertical-align:top; 
  margin-left: 5px; 
  margin-right: 5px; 
  width: 150px; 
} 
.mainMenuTop .lvl1 li a { 
  height:150% !important; 
  clear:both; 
  float:none; 
} 
.mainMenuTop .lvl2 li a { 
  line-height:100% !important; 
  padding:5px 0; 
} 

.mainMenuTop .lvl2 li:hover { 
  z-index:199; 
} 
.mainMenuTop li div a { 
  padding: 2px 0; 
} 
.mainMenuTop li:hover div a { 
  font-size: 12px; 
  color: #2e2e2e; 
} 
.mainMenuTop li:hover div a:hover { 
  text-decoration: underline; 
} 
.mainMenuTop li a .drop { 
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent; 
  border-right: 5px solid transparent; 
  border-top: 5px solid #777777; 
  position: absolute; 
  right: 0; 
  top: 15px; 
  display:none;
} 
.mainMenuTop li a:hover .drop { 
  border-top: 5px solid #B22222; 
} 
.mainMenuTop li a.current .drop { 
  border-top: 5px solid transparent; 
} 
.mainMenuTop li .expn { 
  width: 0; 
  height: 0; 
  border-top: 5px solid transparent; 
  border-bottom: 5px solid transparent; 
  border-left: 5px solid #2e2e2e; 
  position: absolute; 
  right: 0; 
  top: 0; 
  bottom: 0; 
  margin: auto; 
} 
.mainMenuTop li ul { 
  list-style: none; 
  padding: 0; 
  margin: 0; 
  font-weight:normal; 
} 
.mainMenuTop li ul li { 
  font-size: 12px; 
  line-height: 15px; 
  margin: 0; 
  padding: 0; 
  position: relative; 
  text-align: left; 
  background-color: transparent; 
  height:100%; 
  width:100%; 
} 
.mainMenuTop .col1, .mainMenuTop .col2, .mainMenuTop .col3, .mainMenuTop .col4, .mainMenuTop .col5, 
.mainMenuTop .col6, .mainMenuTop .col7, .mainMenuTop .col8, .mainMenuTop .col9 { 
  background-color: #E8E8E8; 
  border-top: medium none; 
  box-shadow: 5px 5px 10px 0 #2e2e2e; 
  float: left; 
  left: -999em; 
  margin: 8px auto 4px; 
  padding: 10px 5px; 
  position: absolute; 
  text-align: left; 
  width: 655px; 
  z-index:198; 
  display:none;
} 
.mainMenuTop .hasSub:hover .dropdownColumns { 
  left: -1px; 
  top: 22px; 
} 
.mainMenuTop .lvl2 li:hover .popupColumns.lvl3 { 
  left: -40px; 
  top: auto; 
} 
.mainMenuTop .popupColumns { 
  background-color: #D8D8D8; 
  border-top: medium none; 
  box-shadow: 5px 5px 10px 0 #2e2e2e; 
  float: left; 
  left: -999em; 
  margin: -20px 0 0 120px; 
  padding: 10px 5px; 
  position: absolute; 
  text-align: left; 
  z-index: 199; 
  width: 150px; 
} 
.subPic1, .subPic2, .subPic3, .subPic4, .subPic5, .subPic6, .subPic7, .subPic8, .subPic9, .subPic10 { 
  display:none; 
} 
/* Category Top Menu Ends */

/* Pack & Collective item selection in product detail page begins */ 
.attr3options .items-heading { 
  background: #fafafa; 
  border: 1px solid #E6E6E6; 
  height: 36px; 
} 
.attr3options .items-heading .item-image { 
  width: 50px; 
} 
.attr3options .items-heading .item-value { 
  width: 50px; 
  text-align: center; 
} 
.attr3options .items-heading .item-unitprice { 
  width: 80px; 
  text-align: right; 
} 
.attr3options .items-heading .item-price{ 
  width: 80px; 
  text-align: right; 
} 
.attr3options .items-heading .item-qty { 
  width: 114px; 
  text-align: center; 
} 
.attr3options .items-heading > div { 
  text-transform: uppercase; 
  font-weight: bold; 
  font-size: 11px; 
  float: left; 
  color: #666; 
  line-height: 36px; 
  height: 36px; 
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box; 
} 
.attr3options .item.active { 
  background: #DFF0D8; 
} 
.attr3options .item.disabled { 
  background: #F0EEE8; 
} 
.attr3options .item { 
  border-top: none; 
  background: #FAFAFA; 
  border: 1px solid #E6E6E6; 
  overflow: hidden; 
  position: relative; 
} 
.attr3options .item > div { 
  height: 68px; 
  line-height: 68px; 
  float: left; 
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box; 
} 
.attr3options .item .item-image { 
  width: 50px; 
} 
.attr3options .item .item-image-wrap { 
  cursor: pointer; 
  margin: 10px 0 0 1px; 
  height: 48px; 
  width: 48px; 
} 
.attr3options .item.active .item-image-wrap { 
  background: url(../Files/attribute1-active.gif) no-repeat scroll left top #FFFFFF; 
} 
.attr3options .item .item-image-wrap img { 
  background-repeat: no-repeat; 
  background-position: center center; 
  background-color: #CCC; 
  background-size: 100%; 
  height: 40px; 
  margin: 4px 0 0 4px; 
  width: 40px; 
} 
.attr3options .item .item-value { 
  width: 50px; 
  font-weight: bold; 
  text-align: center; 
} 
.attr3options .item .item-unitprice { 
  width: 80px; 
  text-align: right; 
} 
.attr3options .item .item-price { 
  width: 80px; 
  text-align: right; 
} 
.attr3options .item .item-qty { 
  width: 114px; 
  text-align: center; 
  position: relative; 
} 
.attr3options .item input.inputitemqty { 
  height: 20px; 
  width: 32px; 
  text-align: center; 
  padding: 3px 4px; 
} 
.attr3options .item .item-qty-buttons { 
  position: absolute; 
  top: 19px; 
  right: 7px; 
  padding: 0 29px; 
  width: 42px; 
  line-height: normal; 
} 
.attr3options .item .item-qty-buttons button { 
  background: transparent url(../files/minusplus.png) no-repeat 0 0; 
  height: 30px; 
  width: 30px; 
  border: 0; 
  outline: 0; 
  top: 0; 
  position: absolute; 
  cursor: pointer; 
} 
.attr3options .item .item-qty-buttons .item-qty-minus { 
  left: 1px; 
  background-position: 0 -30px; 
} 
.attr3options .item .item-qty-buttons .item-qty-plus { 
  right: 1px; 
  background-position: -30px -30px; 
} 
.attr3options .item .item-qty-minus:hover { 
  background-position: 0 0; 
} 
.attr3options .item .item-qty-plus:hover { 
  background-position: -30px 0; 
} 
.attr3options .item .item-qty-status { 
  position: absolute; 
  bottom: 0; 
  right: 0; 
  left: 0; 
  line-height: normal; 
  color:#B22222; 
  font-size:90%; 
} 
.attr3options .items-totals { 
  margin: 10px 0; 
} 
.attr3options .items-totals > div { 
  float: left; 
  height: 30px; 
  line-height: 30px; 
  text-align: right; 
} 
.attr3options .items-totals .item-total-title { 
  width: 130px; 
  font-size: 16px; 
  font-weight: bold; 
} 
.attr3options .items-totals .item-total-amount { 
  width: 130px; 
  font-size: 16px; 
  font-weight: bold; 
} 
.attr3options .items-totals .item-total-qty { 
  width: 104px; 
  color: #999; 
  font-size: 12px; 
} 
#popupProductDetailContent .attr3options { 
  font-size:90%; 
} 
#popupProductDetailContent .attr3options .items-heading .item-value { 
  width: 40px; 
} 
#popupProductDetailContent .attr3options .items-heading .item-price { 
  width: 70px; 
} 
#popupProductDetailContent .attr3options .item .item-value { 
  width: 40px; 
} 
#popupProductDetailContent .attr3options .item .item-price { 
  width: 70px; 
} 
#popupProductDetailContent .attr3options .items-totals .item-total-title { 
  width: 110px; 
} 
/* Pack & Collective item selection in product detail page ends */ 

/* Gift Card Begins */
body.EPGIFTCARD .maincontent {
  background-image: url(../files/giftcard-bg.jpg);
  background-attachment: fixed;
  background-size: cover;
  background-position:center center;
}
.giftcard {
  position: relative;
  margin-top: 50px;
  margin-bottom: 50px;
}
.giftcard-landing {
  padding-left: 5%;
  padding-right: 5%;
}
.giftcard-landing .giftcard-type {
  padding-left: 0;
  padding-right: 0;
  width:50%; 
  float:left;
}
.giftcard-landing .giftcard-type > a {
  display: block;
  position: relative;
  max-width: 360px;
  max-height: 480px;
  margin: 4%;
  text-align: center;
  border: 2px solid #888;
  width:100%;
  color:#555;
  text-decoration: none !important;
  background-color: rgba(255, 255, 255, 0.6);
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
}
.giftcard-landing .giftcard-single {
  width:100% !important; 
}
.giftcard-landing .giftcard-single > a {
  margin: auto !important;
  float: none !important;
}   
.giftcard-landing .giftcard-type > a:focus, .giftcard-landing .giftcard-type > a:hover {
  background-color: rgba(255, 255, 255, 0.9);
}
.giftcard-type > a:hover{
  border: 2px solid #000 !important;
}
.giftcard-landing .giftcard-type-left > a {
  float:right;
}
.giftcard-landing .giftcard-type > a > span.top {
  display: block;
  font-size: 3rem;
  margin-top: 10%;
}
.giftcard-landing .giftcard-type > a > span.middle {
  display: block;
  font-size: 3rem;
  margin-top: 10%;
  line-height: 50px;
  text-transform: uppercase;
}
.giftcard-landing .giftcard-type > a > span.middle:hover {
  text-decoration: none !important;
}
.giftcard-landing .giftcard-type > a > span.bottom {
  border: 2px solid #fbad18;
  border-radius: 4px;
  display: inline-block;
  font-size: 0.8rem; 
  margin-bottom: 10%;
  margin-top: 20%;
  padding: 2% 5%;
  font-weight: 600;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  text-transform: uppercase;
}
.giftcard-landing .giftcard-type > a:hover > span.bottom {
  background-color: #fbad18;
  color: #fff;
}
/* Gift card balance popup */
.giftcard-balance {
  display: block;
  text-align: center;
  color: #555;
  text-decoration: none !important;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  margin: 2% 6% 0;
  padding:15px 0;
  text-transform:uppercase;
}
.giftcard-balance > h3 {
  color: #000;
  margin:0 0 15px;
}
.giftcard-balance > button {
  color: inherit;
  border: 2px solid #fbad18;
  border-radius: 4px;
  display: inline-block;
  padding: 2% 5%;
  font-weight: 600;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  text-transform: uppercase;
}
.giftcard-balance > button:hover {
  background-color: #fbad18;
  color: #fff;
}
#popupContent.giftcard-balance-popup {
  width:360px !important;
  padding: 15px;
  min-height: 200px;
}
#giftcardBalance {
  color: #555;
}
.popupWindow .popup-title {
  color: #555;
  padding: 0 0 5px;
  margin: 0 0 15px;
  line-height: 20px;
  text-transform: uppercase;
  border-bottom: 1px solid #555;
}
#giftcardBalance p {
  padding:15px 0 0;
}
#giftcardBalance .input_box  {
  margin: 15px 0 0;
  position: relative;
  display: block;
}
#giftcardBalance .col-xs-7 {
  width: 60%;
  display: block;
  float: left;
}
#giftcardBalance .col-xs-4 {
  width: 30%;
  display: block;
  float: left;
  margin-left: 7%;
}
.inputvalidator {
  margin:5px 0 0;
}
.inputvalidator .message {
  font-weight:bold;
}
#giftcardBalance .button_box {
  margin:30px 0 0;
  width:100%;
}
#giftcardBalance .button_box > button {
  background-color: #fbad18;
  color: #fff;
  width:100%;
  border: 2px solid #fbad18;
  border-radius: 4px;
  display: inline-block;
  font-size: 0.8rem;
  padding: 2% 5%;
  font-weight: 600;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  text-transform: uppercase;
}
/* Gift card selection page */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type=number] {
  -moz-appearance:textfield;
}
.btn-reverse {
  background-color: #fff;
  border: 2px solid #fbad18;
  border-radius: 4px;
  display: inline-block;
  font-size: 1.4rem;
  padding: 2% 5%;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
}	
.btn-reverse:hover {
  background-color: #fbad18;
  color: #fff;
}
#giftCardSelection {
  position: relative;
  max-width: 1199px;
  margin: 0 auto;
}
#giftCardSelection .inline-container > *, #giftCardSelection .form-control {
  font-size: 14px; 
}  
#giftCardSelection .giftcard-images {
  clear: left;
  float: left;
  position: relative;
  padding-right:30px;
  width:50%; 
}
#giftCardSelection .giftcard-header {
  color: #fff;
  font-size: 16px;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  padding: 5px 15px;
  margin-bottom: 10px;
  -webkit-font-smoothing: antialiased;
}
#giftCardImageWrapper, #giftCardReviewWrapper {
  position: relative;
  margin-bottom: 30px;
}
#giftCardImageWrapper .giftcard-image-container {
  overflow: hidden;
}
#giftCardImageWrapper .giftcard-image {
  position: relative;
  width: 48.9%; 
  float: left;
  margin-bottom:10px;
}
#giftCardImageWrapper .giftcard-image-container div:nth-child(odd) {
  padding-left:0;
  padding-right:5px;
}
#giftCardImageWrapper .giftcard-image-container div:nth-child(even) {
  padding-left:5px;
  padding-right:0;    
}
#giftCardImageWrapper .giftcard-image-container a.giftcard-image-button {
  display:block;
  width:100%;
  height:100%;
}
#giftCardImageWrapper .giftcard-image-container a.giftcard-image-button.selected:after {
  content:"";
  position:absolute;
  top:0; 
  bottom:0; 
  left:0; 
  right:5px;
  border: 6px solid #006FB1;
}
#giftCardImageWrapper .giftcard-image-container div:nth-child(even) a.giftcard-image-button.selected:after {
  left:5px; 
  right:0;
}
#giftCardImageWrapper .giftcard-image-container a.giftcard-image-button img {
  width:100%;
}
#giftCardSelection .giftcard-fields {
  float: right;
  position: relative;
  width:46.9%; 
}
#giftCardFormWrapper .giftcard-form-container {
  position: relative;
  overflow: hidden;
  padding: 0 0 15px 0;
  background-color: #fff;
  margin: 0 auto;
  zoom: 1;
}
#giftCardFormWrapper > div > div, #giftCardReviewWrapper > div > div {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 30px;
  float: left; 
  width: 100%; 
}
#giftCardFormWrapper .formsectiontext {
  width: auto;
  min-height:0;
  padding-top:0;
  line-height: normal; 
  font-size: 14px; 
  display: inline-block; 
  padding-bottom:5px; 
}
#giftCardFormWrapper .sign {
  padding-top: 3px;
  min-height:0;
}
#giftCardFormWrapper .formsectionvalue {
  width: 100%;
  padding-left: 0;
}
#giftCardAmounts .giftcard-amount {
  width: 32.9%;
  line-height: 34px;
  background-color: #fff;
  text-align: center;
  color: #777;
  display: block;
  float: left;
  cursor: pointer;
  border: 1px solid #ddd;
}
#giftCardAmounts .giftcard-amount.selected {
  border: 1px solid #fbad18;
  background-color: #fbad18;
  color: #fff;
}
#giftCardAmounts .giftcard-amount:not(:nth-child(3n)) {
  border-right: 1px solid transparent;
}
#giftCardAmounts .giftcard-amount:nth-child(n+4) {
  border-top: 1px solid transparent;
}
#giftCardFormWrapper .giftcard-amount-sign {
  float: left;
  position: relative;
  top: 10px; 
}
#giftCardFormWrapper .form-control:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#txtGiftCardCustomAmount {
  width: 60px !important;
  text-align: right;
}
#giftCardSelection .form-control, #giftcardBalance .form-control {
  padding: 7px;
  border: 1px solid #ddd;
  width:96%;
}
#giftCardSelection input.form-control, #giftcardBalance input.form-control {
  height:18px;
}
#giftCardSelection .input-group-addon:last-child {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
#giftCardSelection .input-group-addon {
    padding: 9px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}
#giftCardSelection .input-group-addon, #giftCardSelection .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
#giftCardSelection .input-group .form-control, #giftCardSelection .input-group-addon, .input-group-btn {
    display: table-cell;
}
#giftCardSelection .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 88%;
    margin-bottom: 0;
}
#giftCardFormWrapper .info-block {
  font-size: 9px !important;
  text-transform: none;
  display: block;
  margin: 3px 0 0 35px;
}
#giftCardReviewWrapper .giftcard-review-text {
  margin-bottom: 15px;
}
#giftCardReviewWrapper .giftcard-review-preview {
  width:50%;
}
#giftCardReviewWrapper .giftcard-review-preview > button {
  width:100%;
  font-size:14px; 
}
#giftCardReviewWrapper .checkbox {
  margin: 0;
}   
#giftCardReviewWrapper .checkbox a {
  text-decoration: underline;
}
#giftCardReviewWrapper .giftcard-terms-agreetext {
  padding-left: 30px;
  font-size: 12px; 
}
#giftCardReviewWrapper .checkbox input[type="checkbox"] {
  height: 20px;
  width: 20px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  vertical-align: middle;
  padding:0;
  margin: 0 8px 0 -30px;
  border: 1px solid #000;
  background: -webkit-linear-gradient(#FFF, #FFF);
  -webkit-appearance: none;
  -webkit-transition: box-shadow 200ms;
}
#giftCardReviewWrapper .checkbox input[type="checkbox"]:checked:after {
  content: "\f00c";
  font-family: 'FontAwesome';
  font-size: 17px;
}
#giftCardReviewWrapper input.btn {
  font-size: 1.4rem;
  width: 100%;
}
#giftCardReviewWrapper .inputvalidator {
  float: left;
  position: relative;
  margin-bottom:0;
}
#popupContent.giftcard-preview {
  width: 642px;
  min-height: 377px;
  height:377px;
}
/* Gift Card in Shopping Cart & Checkout */
.ci_table .cell_remove .cell_footer_giftcardremove .remove {
  padding-top:0 !important;
}
.giftcard_content .input_box {
  display: inline-flex;
  justify-content: space-between;
}
.giftcard_content .input_box .giftcardnumber_input {
  width:72%;
  text-transform:uppercase;
  margin-right:8px;
}
.giftcard_content .input_box .giftcardpin_input {
  width:28%;
  text-transform:uppercase;
}
.giftcard_content .button_box {
  display: inline-block;
  width: auto;
  margin-bottom: 0;
}
.coupon_checkout, .giftcard_checkout {
  height:auto !important;
  line-height:normal !important;
  width:100%;
  padding-left: 7px;
}
.giftcard_checkout {
  background-color:#F7F6F3;
  color:#5A5A5A;
  border: 1px solid #ddd;
  position:relative;
}
.giftcard_checkout .giftcard_prompt {
  width: 100%;
  padding-top:7px; 
}
.giftcard_checkout .giftcard_content {
  position: relative;
  width: 100%;
}
.coupon_checkout .coupon_content, .giftcard_checkout .giftcard_content {
  float: left;
  text-align: left;
}
.coupon_checkout .notice, .giftcard_checkout .notice {
  margin-top:0;
}
/* Gift Card Ends */

/* Attribute grid selection begins */ 
ul.attributegrid-container { 
  width: 100%; 
  display: inline-block; 
  background: white; 
} 
ul.attributegrid-container, ul.attributegrid-container ul, ul.attributegrid-container li { 
  margin:0; 
  padding:0; 
} 
ul.attributegrid-container, ul.attributegrid-container * { 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
} 
li.attribute-multiple { 
  display: inline-block; 
  width: 28%; 
  background: white; 
  margin-bottom: 0; 
  margin-top: 0; 
  vertical-align: top; 
} 
li.attribute-multiple.single { 
  width: 32.4%; 
} 
li.attribute-multiple:nth-child(3n+1) { 
  width: 41%; 
} 
li.attribute-multiple.single:nth-child(3n+1) { 
  width: 32.4%; 
} 
ul.attributegrid-container li:first-child { 
  margin-left: 0; 
} 
ul.atributegrid-cart.grid-labels li, ul.atributegrid-cart.grid-inputs .title { 
  width: 100%; 
  vertical-align: top; 
  padding: 6px 0px; 
  background: #5cb0da; 
  padding-left: 6%; 
  color: white; 
  text-transform: capitalize; 
  background: -webkit-linear-gradient(#5cb0da, #75bee2 , #70bbe1); 
  background: -o-linear-gradient(#5cb0da, #75bee2 , #70bbe1); 
  background: -moz-linear-gradient(#5cb0da, #75bee2 , #70bbe1); 
  background: linear-gradient(#5cb0da, #75bee2 , #70bbe1); 
} 
ul.atributegrid-cart { 
  display: block; 
} 
ul.atributegrid-cart > li { 
  margin-bottom: 7px; 
  list-style-type: none; 
} 
ul.atributegrid-cart.grid-labels > li.one, ul.atributegrid-cart.grid-inputs .inner-mulitple.one { 
  height: 69px; 
} 
ul.atributegrid-cart.grid-labels > li.two, ul.atributegrid-cart.grid-inputs .inner-mulitple.two { 
  height: 95px; 
} 
ul.atributegrid-cart.grid-labels { 
  display: none; 
} 
li.attribute-multiple:nth-child(3n+1) > ul.atributegrid-cart.grid-labels { 
  display: inline-block; 
  vertical-align: top; 
  width: 28.5%; 
} 
li.attribute-multiple.single:nth-child(3n+1) > ul.atributegrid-cart.grid-labels { 
  display: none; 
} 
ul.atributegrid-cart.grid-labels { 
  margin-top: 35px; 
  margin-right: 3%; 
} 
ul.atributegrid-cart.grid-labels .empty { 
  display: none; 
} 
ul.atributegrid-cart.grid-inputs .title { 
  display: inline-block; 
  margin-bottom: 7px; 
} 
ul.atributegrid-cart.grid-inputs .inner-mulitple { 
  display: inline-block; 
  width: 100%; 
  background: #f9fdff; 
  margin-top: 0; 
  padding: 7px 9px 0px; 
  color: #828383; 
  font-size: 13px; 
  min-height: 34px; 
} 
ul.atributegrid-cart.grid-inputs .inner-mulitple input { 
  padding: 0 6%; 
  width: 100%; 
} 
li.attribute-multiple:nth-child(3n+1) > ul.atributegrid-cart.grid-inputs { 
  width: 68.3%; 
  display: inline-block; 
  vertical-align: top; 
} 
li.attribute-multiple.single:nth-child(3n+1) > ul.atributegrid-cart.grid-inputs { 
  width: 100%; 
} 
.attributegrid-quantity, .attributegrid-price { 
  padding: 5px 0; 
  margin: 0; 
} 
ul.atributegrid-cart.grid-labels > li { 
  padding-top: 25%; 
  text-align: center; 
  min-height: 34px; 
} 
/* Attribute grid selection ends */ 

/* Payment selection */
.paymentoptionlist .paymentoption-label {
  height:33px;
  display: inline-block;
}

/*
	Afterpay
 */
/* Category Pages: static block at top */
.afterpaycatbanner {
  width: 100%;
  height: 160px;
	margin: 4px 0 12px 0;
	padding-top: 2px;
	text-align: center;
  background-color: #F9F9F9;
  background-image: url(https://www.trelisecooperonline.com/user/files/afterpaycatbanner_trelise-cooper_360x400.png);
  background-position: right 30px bottom;
  background-size: 130px;
  background-repeat: no-repeat;
}
form[action*='/cooper/'] .afterpaycatbanner {
  background-image: url(https://www.trelisecooperonline.com/user/files/afterpaycatbanner_cooper_360x400.png);
}
form[action*='/little trelise/'] .afterpaycatbanner {
  background-image: url(https://www.trelisecooperonline.com/user/files/afterpaycatbanner_little-trelise_360x400.png);
}
form[action*='/coop/'] .afterpaycatbanner,
form[action*='/coop.'] .afterpaycatbanner {
  background-image: url(https://www.trelisecooperonline.com/user/files/afterpaycatbanner_coop_360x400.png);
}
form[action*='/holy chic/'] .afterpaycatbanner,
form[action*='/holy chic.'] .afterpaycatbanner {
  background-image: url(https://www.trelisecooperonline.com/user/files/afterpaycatbanner_holy-chic_360x400.png);
}

.afterpaycatbanner__img {
	display: block;
	width: auto;
  height: 36px;
  margin: 50px auto 0 auto;
  padding-right: 80px;
}
.afterpaycatbanner__text {
  display: block;
  padding-right: 80px;
  color: #000;
  font-size: 16px;
	line-height: 36px;
}

/* Product Detail page: payments message */
.afterpayprodblock {
	margin: 4px 0 8px 0;
	padding-left: 93px;
	line-height: 20px;
}
.afterpayprodblock__img {
	width: auto;
	height: 18px;
	margin-left: 1px;
	margin-bottom: -5px;
}
a.afterpayprodblock__learnmorelink {
	color: #555;
	text-decoration: underline;
}

/* Cart: payments block */
.afterpaycartblock {
	position: relative;
	width: 390px;
	margin: 20px 0 20px auto;
	padding: 12px 5px 12px 80px;
	background-color: #F9F9F9;
	border-top: 1px solid #b8b8b8;
	border-bottom: 1px solid #b8b8b8;
	color: #666;
}
.afterpaycartblock:after {
	content: '';
	position: absolute;
	top: 17px;
	left: 12px;
	width: 50px;
	height: 50px;
	background-image: url('https://www.trelisecooperonline.com/user/files/afterpaylogo_colour-stacked.svg');
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}
.afterpaycartblock__heading {
	margin: 0 0 2px 0;
	font-size: 12px;
}
.afterpaycartblock a {
	text-decoration: underline;
}

/* Product Detail and Cart: Information Modal */
.afterpaymodal {
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.4);
	color: #555;
	line-height: 1.6;
	z-index: 9999;
}
.afterpaymodal.active {
	display: flex;
}
.afterpaymodal__inner {
	position: relative;
	flex: 0 0 auto;
	width: 100%;
	max-width: 640px;
	background-color: #fff;
}
.afterpaymodal__header {
	padding: 40px 30px 30px 30px;
	background-color: #f9f9f9;
	text-align: center;
}
.afterpaymodal__header h4 {
	position: relative;
	padding-top: 55px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	color: #2778ad;
}
.afterpaymodal__header h4:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background-image: url('https://www.trelisecooperonline.com/user/files/Afterpay_Logo_Colour.png');
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
  background-size: contain;
}
.afterpaymodal__header p {
	margin: 6px 0;
}

.afterpaymodal__center,
.afterpaymodal__footer {
	margin: 0 30px;
	padding: 15px 0 20px 0;
}

.afterpaymodal__center ol {
	display: flex;
	text-align: center;
}
.afterpaymodal__center ol li {
	flex: 0 1 33.3%;
	margin: 0 4px;
}
.afterpaymodal__center h5 {
	font-weight: 700;
	font-size: 16px;
	line-height: 1.4;
	margin: 6px 0;
}
.afterpaymodal__center h5:before {
	content: '';
	display: block;
	width: 60px;
	height: 60px;
	margin: 4px auto 14px auto;
	background-size: 60px;
	background-repeat: no-repeat;
}
.afterpaymodal__center li:nth-child(1) h5:before {
	background-image: url('https://www.trelisecooperonline.com/user/files/afterpay-stepicon_01.svg');
}
.afterpaymodal__center li:nth-child(2) h5:before {
	background-image: url('https://www.trelisecooperonline.com/user/files/afterpay-stepicon_02.svg');
}
.afterpaymodal__center li:nth-child(3) h5:before {
	background-image: url('https://www.trelisecooperonline.com/user/files/afterpay-stepicon_03.svg');
}

.afterpaymodal__footer {
	border-top: 1px solid #ddd;
}
.afterpaymodal__footer h5 {
	font-weight: 700;
	margin: 6px 0;
}
.afterpaymodal__footer a {
	text-decoration: underline;
}
.afterpaymodal__close {
	position: absolute;
	top: 40px;
	right: 20px;
	font-size: 14px;
	text-transform: uppercase;
	border-bottom: 1px solid #777;
	cursor: pointer;
}
.afterpaymodal__close:hover {
	color: #000;
}
.afterpaymodal__close:after {
	content: ' x';
}

/* Checkout: Afterpay payment option */
#divPaymentOption_10 .radio {
  margin-top: -4px;
}
#divPaymentOption_10 .paymentoption-label {
  background: url('https://www.trelisecooperonline.com/user/files/afterpaylogo_colour.svg') no-repeat left;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  width: 100px;
  height: 18px;
  text-indent: -9999px;
}
#divPaymentOption_10 .afterpaypaymentoption {
  margin-top: 4px;
  margin-left: 22px;
  color: #777;
}
#divPaymentOption_10 .afterpaypaymentoption a {
  color: #777;
  text-decoration: underline;
}

/* ENDS: Afterpay */

.logo.show-text, a.show-text {
  line-height: 0; 
  font-size: 0;
  color: transparent;
} 

/* Attribute1 Swatch begins */ 
.div_CS { 
  position: relative; 
  height: auto!important; 
} 
.swatch-image-wrapper { 
  height: 35px!important; 
  padding-top: 5px; 
  width: 200%; 
  text-align: left; 
  -webkit-transition-duration: 0.3s; 
  -moz-transition-duration: 0.3s; 
  -o-transition-duration: 0.3s; 
  transition-duration: 0.3s; 
} 
.swatch-image { 
  margin-right: 5px; 
  display: inline-block; 
  height: 30px; 
  width: 30px; 
  border: 1px solid #fff; 
  position:relative; 
  vertical-align: top; 
} 
.swatch-image>img { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
} 
.swatch-image:hover { 
  border-color:#333; 
} 
.direction-nav .prev, .direction-nav .next { 
  background: url(../files/look_nav.png) no-repeat left top transparent; 
  position: absolute; 
  top: 50%; 
  margin-top: -16px; 
  font: 0/0 a; 
  text-shadow: none; 
  color: transparent; 
} 
.direction-nav a { 
  -moz-transition: all .3s ease; 
  -webkit-transition: all .3s ease; 
  -o-transition: all .3s ease; 
  transition: all .3s ease; 
  display:none; 
  opacity: 0; 
  width: 32px; 
  height: 32px; 
} 
.direction-nav a:focus { 
  outline:none; 
} 
.div_CS.prev .prev:hover, .div_CS.next .next:hover { 
  opacity: 1; 
} 
.direction-nav .prev { 
  background-position: 0 -32px; 
  left: 0; 
} 
.direction-nav .next { 
  background-position: -32px -32px; 
  right: 0; 
} 
.div_CS.prev .prev, .div_CS.next .next{ 
  display:inherit; 
  opacity:0.7; 
} 
/* Attribute1 Swatch ends */ 

/* Promotion banner begins */
.carousel { 
  position: relative; 
} 
.carousel-inner { 
  position: relative; 
  width: 100%; 
  overflow: hidden; 
} 
.carousel-inner > .item { 
  position: relative; 
  display: none; 
  -webkit-transition: .6s ease-in-out left; 
  -o-transition: .6s ease-in-out left; 
  transition: .6s ease-in-out left; 
} 
.carousel-inner > .item > img, .carousel-inner > .item > a > img { 
  line-height: 1; 
} 
.carousel-inner > .item { 
  -webkit-transition: -webkit-transform .6s ease-in-out; 
  -o-transition: -o-transform .6s ease-in-out; 
  transition: transform .6s ease-in-out; 
  -webkit-backface-visibility: hidden; 
  backface-visibility: hidden; 
  -webkit-perspective: 1000px; 
  perspective: 1000px; 
} 
.carousel-inner > .item.next, .carousel-inner > .item.active.right { 
  left: 0; 
  -webkit-transform: translate3d(100%, 0, 0); 
  transform: translate3d(100%, 0, 0); 
} 
.carousel-inner > .item.prev, .carousel-inner > .item.active.left { 
  left: 0; 
  -webkit-transform: translate3d(-100%, 0, 0); 
  transform: translate3d(-100%, 0, 0); 
} 
.carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { 
  left: 0; 
  -webkit-transform: translate3d(0, 0, 0); 
  transform: translate3d(0, 0, 0); 
} 
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { 
  display: block; 
} 
.carousel-inner > .active { 
  left: 0; 
} 
.carousel-inner > .next, .carousel-inner > .prev { 
  position: absolute; 
  top: 0; 
  width: 100%; 
} 
.carousel-inner > .next { 
  left: 100%; 
} 
.carousel-inner > .prev { 
  left: -100%; 
} 
.carousel-inner > .next.left, .carousel-inner > .prev.right { 
  left: 0; 
} 
.carousel-inner > .active.left { 
  left: -100%; 
} 
.carousel-inner > .active.right { 
  left: 100%; 
} 
.carousel-control { 
  position: absolute; 
  top: 0; 
  bottom: 0; 
  left: 0; 
  width: 15%; 
  font-size: 20px; 
  color: #fff !important; 
  text-align: center; 
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6); 
  filter: alpha(opacity=50); 
  opacity: .5; 
} 
.carousel-control.left { 
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); 
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); 
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); 
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); 
  background-repeat: repeat-x; 
} 
.carousel-control.right { 
  right: 0; 
  left: auto; 
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); 
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); 
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); 
  background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); 
  background-repeat: repeat-x; 
} 
.carousel-control:hover, .carousel-control:focus { 
  color: #fff; 
  text-decoration: none; 
  filter: alpha(opacity=90); 
  outline: 0; 
  opacity: .9; 
} 
@font-face { 
  font-family: 'Glyphicons Halflings'; 
  src: url('/assets/bootstrap/fonts/glyphicons-halflings-regular.eot'); 
  src: url('/assets/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/assets/bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/assets/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/assets/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/assets/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); 
} 
.glyphicon { 
  position: relative; 
  top: 1px; 
  display: inline-block; 
  font-family: 'Glyphicons Halflings'; 
  font-style: normal; 
  font-weight: normal; 
  line-height: 1; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale; 
} 
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { 
  position: absolute; 
  top: 50%; 
  z-index: 5; 
  display: inline-block; 
  margin-top: -10px; 
} 
.carousel-control .glyphicon-chevron-left { 
  left: 50%; 
  margin-left: -10px; 
} 
.carousel-control .glyphicon-chevron-right { 
  right: 50%; 
  margin-right: -10px; 
} 
.carousel-control .glyphicon-chevron-left:before { 
  content: "\e079"; 
} 
.carousel-control .glyphicon-chevron-right:before { 
  content: "\e080"; 
} 
.carousel-indicators { 
  position: absolute; 
  bottom: 10px; 
  left: 50%; 
  z-index: 15; 
  width: 60%; 
  padding-left: 0; 
  margin-left: -30%; 
  text-align: center; 
  list-style: none; 
} 
.carousel-indicators li { 
  display: inline-block; 
  width: 10px; 
  height: 10px; 
  margin: 1px; 
  text-indent: -999px; 
  cursor: pointer; 
  background-color: #000 \9; 
  background-color: rgba(0, 0, 0, 0); 
  border: 1px solid #fff; 
  border-radius: 10px; 
} 
.carousel-indicators .active { 
  width: 12px; 
  height: 12px; 
  margin: 0; 
  background-color: #fff; 
} 
.carousel-caption { 
  position: absolute; 
  right: 15%; 
  bottom: 20px; 
  left: 15%; 
  z-index: 10; 
  padding-top: 20px; 
  padding-bottom: 20px; 
  color: #fff; 
  text-align: center; 
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6); 
} 
.sr-only { 
  position: absolute; 
  width: 1px; 
  height: 1px; 
  padding: 0; 
  margin: -1px; 
  overflow: hidden; 
  clip: rect(0, 0, 0, 0); 
  border: 0; 
} 
.carousel-inner > .item > a { 
  display: inherit; 
} 
.carousel-inner > .item > a > img, .carousel-inner > .item > img { 
  width: 100%; 
} 
.carousel-control:focus, .carousel-control:active, .carousel-control:hover { 
  background-color: transparent !important; 
}
/* Promotion banner ends */ 
/* Category Offer */ 
.styleoffer { 
  position: absolute; 
  top: 0; 
  left: 10px; 
  z-index: 100; 
} 
.styleoffer .offer_badge { 
  text-transform: uppercase; 
  font-size: 11px; 
  color: #af1d30; 
  border-radius: 50px; 
  border: 1px solid #af1d30; 
  width: 50px; 
  height: 50px; 
  display: inline-block; 
  letter-spacing: 0; 
  line-height: 50px; 
  float: left; 
  text-align: center; 
  font-weight: 600; 
  text-decoration: none !important; 
  cursor: default; 
} 
.styleoffer .offer_banner { 
  background-color: #fff; 
  border-top: 1px solid #af1d30; 
  border-bottom: 1px solid #af1d30; 
  padding: 10px 0; 
  position: relative; 
  width: 100%; 
  display: none; 
} 
.styleoffer .offer_banner a { 
  text-align: center; 
  display: inline-block; 
  color: #af1d30; 
  text-transform: uppercase; 
  text-decoration: none; 
  cursor: text; 
} 
.styleoffer:hover > .offer_badge { 
  display: none; 
} 
.styleoffer:hover > .offer_banner { 
  display: block; 
} 
/* Product Detail Offer */ 
.productdetailcont .offer_banner { 
  background-color: #fff; 
  border-top: 1px solid #af1d30; 
  border-bottom: 1px solid #af1d30; 
  padding: 10px 0; 
  width: 100%; 
  display: inline-block; 
} 
.productdetailcont .offer_banner a { 
  text-align: center; 
  display: inline-block; 
  color: #af1d30; 
  text-transform: uppercase; 
  text-decoration: none; 
  cursor: text; 
}/* Credit card entry form */
.entry-form, .entry-inputs {
  padding-left:0;
}
#CreditCardEntryForm hr {
  margin:15px 0;
}
#CreditCardEntryForm .form-group {
  margin-bottom:20px;
}
#CreditCardEntryForm .registercellleft {
  width:100%;
  float:none;
  vertical-align:middle;
}
.form-details {
  margin-bottom:20px;
}
.cc-card-row {
  background-color:#f7f6f3;
}
.cc-card-row.selected, .cc-card-row:hover {
  background-color:#ddd;
}
.cc-another-card-row {
  background-color:transparent!important;
}
.cc-inner-row {
  display:table-cell;
  vertical-align:middle;
}
.cc-saved-card {
  display:table;
  width:100%;
  padding:15px;
  margin-bottom:0;
}
.cc-inner-radio {
  width:30px;
}
.cc-inner-radio > input[type="radio"] {
  margin-top:0;
  margin-bottom:0;
}
.cc-inner-img {
  width:60px;
  padding-right:10px;
}
.cc-inner-name {
  width:140px;
  text-align:right;
}
.cc-remove-this {
  color:#B22222;
}
.cc-inner-cell {
  padding:7px;
}
.cc-inner-cell > label {
  margin:0;
  padding:0;
}
.cc-inner-cell:first-child {
  padding-bottom:2px;
}
.cc-another-card > .cc-inner-row > .cc-inner-cell {
  padding-bottom:0;
}
.cc-inner-cell:last-child {
  padding-top:0;
}
.cc-card-images > div {
  float:left;
}
.cc-card-images img {
  max-width:100%;
}
.cc-what-is-this {
  padding:10px 0;
}
#popupWhatsSecurityCode, #popupWhatsSaveThisCard {
  width:600px;
}
/* Google address finder */
.addressfinder-container {
  position:relative;
}
.addressfinder-container .findertrigger {
  position:relative;
  z-index:1;
}
.addressfinder-container .addressfinder {
  position:absolute;
  top:1px;
  left:2px;
  z-index:0;
  display:inline-block;
  border:0;
  box-shadow:none;
  transition:unset;
}
.pac-container .pac-item {
  min-height: 38px;
  padding: 4px;
  font-size: 12px;
}