html {
    padding:0;
    margin:0;
}
/* Controls the complete HTML Body */
body {
    background-attachment:scroll;
    background-color:#FFFFFF;
    color:#000000;
    display:block;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    margin:0;
}
/* Controls the customisable centre section of the HTML Body */
#bodywrapper {
    background-color:#FFFFFF;
    border-left:1px solid #FFFFFF;
    border-right:1px solid #FFFFFF;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    text-align:left;
    width:1000px;
}
/* Site Master */
div.content {
    margin:0;
}
div.maincontent {
    width:100%;
}
div.maincontent .mainleft {
    float: left;
    padding-top:10px;
}
div.maincontent .maincentre {
    float: left;
    padding:10px 10px 0 10px;
    position: relative;
}
div.maincontent .maincentre.onecolumn {
    width: 980px;
}
div.maincontent .maincentre.twocolumns {
    width: 820px;
}
div.maincontent .maincentre.threecolumns {
    width: 710px;
}
div.maincontent .mainright {
    float: left;
    padding-top:10px;
    overflow:hidden;
    *margin-right:-1px;
}
div.footer {
    padding-top:30px;
    margin-bottom:20px;
    text-align:center;
}
/* basic selectors */
.space8 {
    padding:8px;
}
.space20 {
    padding:20px;
}
/* Controls the colour of the used links, when revisiting the pages during a session */
a:link, a:visited {
    color:#959494;
    text-decoration:none;
}
/* Controls the hover colour of the links */
a:active, a:hover {
    color:#B22222;
    text-decoration:none;
}
ul, li {
    list-style:none;
    padding:0;
    margin:0;
}
table {
    border-spacing:0;
    border-width:0;
}
table, th, tr, td {
    padding:0;
}
th, td {
    vertical-align:top;
}
/* Controls the characteristics of heading 1 in HTML pages, and also the product description in product detail page */
h1 {
    font:bold 110% Verdana, Arial, Helvetica, sans-serif;
    color:#003271;
    margin-top:10px;
    margin-bottom:10px;
}
/* Controls the characteristics of heading 2 in HTML pages */
h2 {
    font:bold 110% Verdana, Arial, Helvetica, sans-serif;
    color:#003271;
    margin-top:10px;
    margin-bottom:10px;
}
/* Controls the characteristics of heading 3 in HTML pages */
h3 {
    font:bold 110% Verdana, Arial, Helvetica, sans-serif;
    color:#003271;
    margin-top:5px;
    margin-bottom:5px;
}
/* Controls the characteristics of heading 4 in HTML pages */
h4 {
    font:bold 100% Verdana, Arial, Helvetica, sans-serif;
    color:#003271;
}
img {
    border:0;
}
/* 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:0;
    padding:0;
}
/* 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:100% Verdana, Arial, Helvetica, sans-serif;
}
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;
}
.validsummary ul {
    padding-left: 40px;
    margin: 10px 0;
}
.validsummary ul, .validsummary li {
    list-style:disc;
}
/* top cart/login menu */
/* Controls the positioning of the Login Menu. Add color line if you want to change the colour */
.uppermenu {
    position:absolute;
    top:10px;
    right:10px;
    z-index:201;
    height:27px;
}
/* Controls display of My Account and Log Out prompts. Add a color line to change the colour of items */
ul.loginmenuwrap {
    position:relative;
}
.uppermenu li {
    display:inline;
    border-left:solid 1px #000000;
}
/* Controls display of the first item. */
.uppermenu li.first {
    border-left:none;
}
/* Controls display of Customer User Name. */
.uppermenu li span.login-username {
    padding:0 5px;
}
/* Controls how the Visited options are displayed. Add a Color line to change the Colour when the mouse is clicked */
.uppermenu li a:link, .uppermenu li a:visited {
    padding:0 5px;
    text-decoration:none;
}
/* Controls the Hover over a Prompt. Add a Color line to change the Colour when the mouse is over a prompt */
.uppermenu li a:active, .uppermenu li a:hover {
    text-decoration:underline;
}
/* header toolbar menu */
/* Controls the characteristics of the Main Menu. The file menu-bg.gif is the Menu background Bar */
div.mainMenu {
    width:100%;
    height:31px;
    background:#FFFFFF url(../Files/menu-bg.gif) top left repeat-x;
    font-size:12px;
    font-weight:bold;
}
/* Controls the Size and Colours of Main Menu items and when mouse hovers over them. current-bg.gif controls the Background when the mouse is clicked on a menu item */
div.mainMenu li {
    display:block;
    float:left;
    margin:0 0 0 10px;
    height:31px;
}
div.mainMenu li a {
    height:31px;
    color:#777777;
    text-decoration:none;
    display:block;
    float:left;
    line-height:200%;
    padding:5px 15px 0 ;
}
div.mainMenu li a:hover {
    color:#B22222;
}
div.mainMenu li a.current {
    height:31px;
    color:#FFFFFF;
    background:#FFFFFF url(../Files/current-bg.gif) top left repeat-x;
    padding:3px 15px 0;
}
/* 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;
}
.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;
}
.mainMenuTop .hasSub:hover .dropdownColumns {
    left: -1px;
    top: 22px;
}
.mainMenuTop .lvl2 li:hover .popupColumns.lvl3 , .mainMenuTop .lvl2 li:hover + li .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 */
/* search bar */
/* Controls the characteristics of the Search bar. To change colour replace the mainmenu-bar image */
div.bar {
    background:url(../Files/mainmenu-bar.jpg);
    height:36px;
    font-size:110%;
    color:#F4F4F4;
    font-weight:bold;
    vertical-align:middle;
    z-index:198;
}
div.bar div {
    padding:7px 0 0 20px;
    vertical-align:middle;
}
/* Controls the characteristics of the text control */
.searchtextbox {
    font-size:12px;
    width:180px;
}
/* Category navigation menu */
/* Controls the display characteristics of the Category List */
.categorymenu {
    border-color:#DFDFDF;
    border-style:solid;
    border-width:1px;
    vertical-align:top;
    padding:0 0 4px 4px;
}
.categorymenu ul {
    padding:0 0 0 5px;
}
/* Controls the display characteristics of the Category List */
.categorymenulevel {
    color:#B93A37;
    font-size:12px;
    font-weight:bold;
    padding-left:0 !important;
}
/* Controls the characteristics of the category List when Hovering */
.categorymenulevel a:hover {
    color:#B22222;
    font-weight:bold;
    text-decoration:none;
}
.categorymenulevel li {
    padding-top:5px;
}
/* Controls the characteristics of the category List when Mouse is clicked */
.categorymenulevel li a.selected {
    color:#B22222;
    font-weight:bold;
    text-decoration:none;
}
/* Controls second level */
.categorysubmenulevel2 {
    color:#B93A37;
    font-size:11px;
    font-weight:normal;
    text-decoration:none;
}
/* Controls third level */
.categorysubmenulevel3 {
    color:#B93A37;
    font-size:11px;
    font-weight:normal;
    text-decoration:none;
}
/* Controls fourth level */
.categorysubmenulevel4 {
    color:#B93A37;
    font-size:11px;
    font-weight:normal;
    text-decoration:none;
}
.stylelistpage .sectionheader {
    margin-top:0;
    margin-bottom:10px;
}
.categorieswrap {
    margin-bottom:10px;
}
.subcategorieswrap {
    margin-left:10px;
}
h2.categorymenulevel, h3.categorymenulevel2, h4.categorymenulevel3, h5.categorymenulevel4 {
    margin:0;
}
/* Controls the characteristics of Login Page */
.logincontainer {
}
.loginmessage {
}
.logintable {
    margin-top:10px;
    width:690px;
    border:1px solid #DFDFDF;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.logincellleft {
    width: 340px;
    float: left;
    border-right:1px solid #DFDFDF;
}
.logincellright {
    width: 349px;
    float: right;
}
/* Controls characteristics of Login Header displayed */
.loginheader {
    height:26px;
    line-height: 26px;
    background-color:#5D7B9D;
    font-weight:bold;
    color:#FFFFFF;
    vertical-align:middle;
    text-align:center;
}
.loginheadercell {
}
/* Controls the Login Box characteristics. Add a color line to change Font colour */
.loginbody {
    border-top:1px solid #DFDFDF;
}
.logincell {
    height: 135px;
}
.logincellinner {
    margin:5px;
}
.logincelltext {
    display:inline-block !important;
    width:100px !important;
}
.loginemail, .loginpassword {
    width:200px;
}
/* Controls the New Customer display characteristics. Add a color line to change Colour */
.logincreatecell {
    height: 135px;
    line-height: 135px;
    vertical-align:middle;
    text-align:center;
}
.loginrememberme {
}
.loginbutton {
    padding-right:15px;
    text-align:right;
}
.loginforgotpwd {
}
/* Controls characteristics of Password Recovery Page */
.passwordrecoverycontainer {
}
.passwordrecoverymessage {
}
.passwordrecoverybody {
}
.recoverpwdtable {
    width:350px;
    border:1px solid #DFDFDF;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* Controls characteristics of Password Recovery Header displayed */
.recoverpwdheader{
    height:26px;
    line-height:26px;
    background-color:#5D7B9D;
    font-weight:bold;
    color:#FFFFFF;
    vertical-align:middle;
    text-align:center;
}
/* Controls characteristics of Password Recovery Body displayed */
.recoverpwdbody {
    background-color:#FFFFFF;
    color:#333333;
    border-top:1px solid #DFDFDF;
    text-align:left;
}
.recoverpwdcomment {
    padding:10px 0 0 10px;
}
.recoverpwdemail {
    padding:10px 0 0 10px;
}
.recoverpwdtext {
    display:inline-block;
    width:100px;
    vertical-align:top;
}
.recoverpwdvalue {
    display:inline-block;
    width:235px;
}
.passwordrecoveryemail {
    width:215px;
}
.recoverpwdbutton {
    text-align:right;
    padding:10px 15px;
}
/* Prices Style */
/* 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:#b22222;
}
.saveamount {
    font-size:13px;
    color:#b22222;
}
.newstyle {
    font-weight:bold;
    color:#b22222;
}
.error {
    color:#b22222;
    font-weight:bold;
}
.success {
    color:#002E6C;
    font-weight:bold;
}
.negative {
    color:#b22222;
}
/* Availability Description */
/* Controls characteristics of Stock Availability prompt */
.availablenow {
    color:#000000;
}
/* Controls the characteristics of the Stock Availability Message */
.delayeddelivery {
    color:#b22222;
}
/* 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;
}
.checkoutheader .sep {
    padding:0 5px;
}
/* Controls display of Current step */
.highlightheader {
    color:#5A5A5A;
    font-weight:bold;
}
/* 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-top:10px;
}
/* Controls display of Shipping Method block */
.checkoutbody .stepshipping .shippingmethod .sectiondata, .checkoutbody .stepshipping .shippingaddress .sectiondata {
    width:100%;
}
.checkoutbody .shippingmethodlist {
    width:70%;
}
.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:550px;
}
/* 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 Checkout block */
.checkoutbody .checkoutblockcheckbox span {
    padding-right:5px;
}
/* Controls display of Payment and Confirmation step */
.checkoutbody .paymentsummary, .checkoutbody .orderconfirmation {
    padding-top:20px;
}
/* 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
}
/* Controls display of Checkout Section Headings */
div.sectionbar {
    padding:3px 20px;
    background:url(../Files/bullet-1.gif) no-repeat center left;
    color:#5A5A5A;
    font-size:110%;
    font-weight:bold;
}
/* Controls the display of the Body text within each Checkout Section */
div.sectiondata {
    padding:3px 0 3px 20px;
    color:#002E6C;
    font-size:100%;
    font-weight:normal;
}
/* Controls the characteristics of Register Page */
.register {
    margin-top:5px;
}
.registermessage {
}
.registerbody {
}
/* Controls the display of the 'required fields comment' in Register New Customer section */
.registercomment {
    color:#003271;
    padding: 3px 0 3px 20px;
    font-size:110%;
}
/* Controls the characteristics of left section displayed */
.registercellleft {
    width:50%;
    float:left;
}
/* Controls the characteristics of right section displayed */
.registercellright {
    width:50%;
    float:left;
}
/* Controls the characteristics of text area*/
.registercelltext {
    display:inline-block !important;
    width:135px !important;
}
.registeremail {
    width:180px;
}
.registerpassword {
    width:150px;
}
/* Controls the characteristics of input control area */
.registercellvalue {
    display:inline-block !important;
    width:210px !important;
}
/* Controls the characteristics of newsletters and loyalty program prompts */
#trNewsLetter {
    padding-top:5px;
}
#trNewsLetter .communicationtext {
    display:block;
}
#trNewsLetter input {
    margin-left:15px;
}
#trJoinLoyalty {
    padding-top:5px;
}
/* Controls the characteristics of register button */
.registerbutton {
    padding-top:15px;
    padding-right:95px;
}
/* Controls the characteristics of complete register step */
.registercomplete {
    text-align:center;
    margin-top:20px;
}
.registercomplete .completemessage {
}
.registercomplete .continuebutton {
    margin-top:20px;
}
/* Shopping Cart */
/* Controls  the characteristics of Shopping Cart Screen */
.shoppingcart_topbuttons {
    text-align:right;
    margin-top:10px;
}
.shoppingcart_updatebutton {
    width:100%;
}
.shoppingcart_updatebutton .proceedbutton {
    text-align:right;
}
.shoppingcart_bottombuttons {
    width:100%;
    margin-top:10px;
    margin-bottom:10px;
}
.shoppingcart_bottombuttons .continuebutton {
    float:left;
}
.shoppingcart_bottombuttons .proceedbutton {
    float:right;
}
/* Controls display of Section Headings in Order Detail Screen */
div.sectionheader {
    background:#FFFFFF url(../Files/sectionheader-bar.jpg) top left repeat-x;
    font-weight:bold;
    color:#F4F4F4;
    padding:4px 2px;
    text-align:left;
    clear:both;
    display:block;
}
.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;
}
/* 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;
}
.myaccountemail {
    width:175px;
}
.myaccountpassword, .myaccountinput, .loyaltypoints {
    width:150px;
}
.contacttitle, .countryname {
    width:155px;
}
.postcodeinput {
    width:120px;
}
/* Contents */
/* 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 */
div.contentsheader {
    text-align:center;
    color:#F4F4F4;
    background-color:#B93A37;
    font-weight:bold;
}
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:0;
}
/* Style list filter/page bar */
/* Controls the display characteristics of the Filter By Panel */
div.styleresultbar {
    border:1px solid #DFDFDF;
    margin-top:4px;
    padding:4px;
    overflow:hidden;
    text-align:left;
    clear:both;
    display:block;
}
/* Controls the characteristics of left content in container */
div.styleresultbar .filterby {
    margin-left:0 !important;
    display:inline;
    float:left;
    position:relative;
    width:250px;
}
/* Controls the characteristics of centre content in container */
div.styleresultbar .sortby {
    display:inline;
    float:left;
    position:relative;
    width:220px;
}
/* Controls the characteristics of centre content in container */
div.styleresultbar .navpages {
    margin-top:3px;
    margin-right:0;
    display:inline;
    float:right;
    position:relative;
    text-align:right;
}
/* Category */
.productlist li {
    float:left;
    border-bottom:1px dashed #C0C0C0;
}
.productlistlastcell {
    *overflow:hidden;
    *margin-right:-3px !important;
}
.productlistlastrow {
    border-bottom:0 none !important;
}
/* Controls the Style display background and borders in styles displayed in category page */
.stylesummarybox {
    margin:0;
    padding:5px 0;
    width:100%;
    position:relative;
}
.stylesummaryimageholder {
    text-align:center;
}
.stylesummaryimageholder img {
    vertical-align:middle;
}
.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;
}
.stylesummarytext {
    padding-top:4px;
    text-align:center;
}
.stylesummarytext .textrow {
    overflow:hidden;
    text-overflow:ellipsis;
}
span.spn_CP .defaultpriceprefix {
    font-size:90% !important;
    font-weight:normal !important;
}
/* 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:0 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 {
    font-size:12px;
    text-align:center;
    border:1px solid #DFDFDF;
    overflow: hidden;
    clear:both;
}
/* Minicart text */
/* 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 0;
}
/* 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:10px;
}
/* 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;
}
/* Controls display of the Header in the Products Purchased Panel in Order Detail, Item Added to cart, Shopping Cart and Checkout Pages */
.headerstyle {
    background-color:#5D7B9D;
    font-weight:bold;
    color:#FFFFFF;
    vertical-align:middle;
}
/* Controls display of the Individual Product lines in the Products Purchased Panel in Order Detail, Item Added to cart, Shopping Cart and Checkout Pages */
.rowstyle {
    background-color:#F7F6F3;
    font-weight:normal;
    color:#333333;
}
/* 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 {
    background-color:#F7F6F3;
    font-weight:normal;
    color:#333333;
    border-top:solid 2px #5D7B9D;
}
/* 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;
}
/* Myaccount - tab container */
.ajax__tab_xp-theme .ajax__tab_header {
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    background:url(../Files/tab-line.gif) repeat-x bottom;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_outer {
    padding-right:4px;
    background:url(../Files/tab-right.gif) no-repeat right;
    height:21px;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_inner {
    padding-left:3px;
    background:url(../Files/tab-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_tab {
    height:13px;
    padding:4px;
    margin:0;
    background:url(../Files/tab.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_outer {
    background:url(../Files/tab-hover-right.gif) no-repeat right;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_inner {
    background:url(../Files/tab-hover-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_tab {
    background:url(../Files/tab-hover.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_outer {
    background:url(../Files/tab-active-right.gif) no-repeat right;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_inner {
    background:url(../Files/tab-active-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_tab {
    background:url(../Files/tab-active.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_body {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:13px;
    border:1px solid #DFDFDF;
    border-top:0;
    padding:8px;
}
/* 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 0;
    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;
}
/* Controls the display of the Site Path */
.sitemappath {
    font-weight:bold;
    padding-bottom:5px;
}
/* Controls the characteristics of the Text displayed for products found in the search */
.productsfound {
    font-weight:bold;
    margin:10px 0 10px 10px;
}
.productsfound span {
    color:#b22222;
}
/* Controls the characteristics of the Text displayed where no products are found in the search */
.productsnotfound {
    font-weight:bold;
    margin:10px 0 10px 10px;
}
.productsnotfound span {
    color:#b22222;
}
.productsnotfound .productsnotfoundbody {
    margin:10px 0 0 0;
}
/* 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(../Files/tab-line.gif) repeat-x bottom;
}
.ajax__tab_pd-theme .ajax__tab_header .ajax__tab_outer {
    padding-right:4px;
    background:url(../Files/tab-right.gif) no-repeat right;
    height:21px;
}
.ajax__tab_pd-theme .ajax__tab_header .ajax__tab_inner {
    padding-left:3px;
    background:url(../Files/tab-left.gif) no-repeat;
}
.ajax__tab_pd-theme .ajax__tab_header .ajax__tab_tab {
    height:13px;
    padding:4px;
    margin:0;
    background:url(../Files/tab.gif) repeat-x;
}
.ajax__tab_pd-theme .ajax__tab_hover .ajax__tab_outer {
    background:url(../Files/tab-hover-right.gif) no-repeat right;
}
.ajax__tab_pd-theme .ajax__tab_hover .ajax__tab_inner {
    background:url(../Files/tab-hover-left.gif) no-repeat;
}
.ajax__tab_pd-theme .ajax__tab_hover .ajax__tab_tab {
    background:url(../Files/tab-hover.gif) repeat-x;
}
.ajax__tab_pd-theme .ajax__tab_active .ajax__tab_outer {
    background:url(../Files/tab-active-right.gif) no-repeat right;
}
.ajax__tab_pd-theme .ajax__tab_active .ajax__tab_inner {
    background:url(../Files/tab-active-left.gif) no-repeat;
}
.ajax__tab_pd-theme .ajax__tab_active .ajax__tab_tab {
    background:url(../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:0;
    padding:8px;
    background-color:#FFFFFF;
    width:380px;
    overflow:auto;
}
/* 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 {
    float: left;
    text-align:left;
    vertical-align:top;
    position: relative;
    width:47%;
    z-index:2;
}
/* Controls the display characteristics of rollover message in Product Detail */
.productdetailbox .productimagecont .rollovermessage {
    font-size:90%;
    padding-bottom:10px;
    text-align:center;
}
/* Controls the display characteristics of text area in Product Detail */
.productdetailbox .productdetailcont {
    float: left;
    text-align:left;
    vertical-align:top;
    overflow:hidden;
    width:53%;
    z-index:1;
}
/* 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 {
    padding-top:5px;
    text-align:left;
    clear:both;
}
/* 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 {
    height:25px;
}
/* Controls the display characteristics of colour/size dropdownlist in Product Detail */
.productdetailbox .productdetailcont .productattribute {
}
.productdetailbox .productdetailcont .productattribute .attributelabel {
    display: inline-block;
    width:150px;
}
.productdetailbox .productdetailcont .productattribute select {
    width: 150px;
}
/* Controls the display characteristics of colour/size thumbnails in Product Detail */
.colouroptions {
    padding-top:10px;
}
.colouroptions .item {
    cursor:pointer;
    float:left;
    height:50px;
    width:50px;
}
.colouroptions .item.active  {
    background:url(../Files/attribute1-active.gif) no-repeat scroll left top #FFFFFF;
}
.colouroptions img {
    background-repeat:no-repeat;
    background-position:center center;
    background-color:#CCC;
    height:40px;
    margin: 4px 0 0 4px;
    width: 40px;
}
.sizeoptions {
    padding-top:10px;
}
.sizeoptions .sizeset {
    display:none;
}
.sizeoptions .item {
    background:url(../Files/attribute2-option.gif) no-repeat scroll left top #FFFFFF;
    color:#000000;
    cursor:pointer;
    float:left;
    font-size:12px;
    font-weight:bold;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
    width: 50px;
}
.sizeoptions .item.active  {
    background:url(../Files/attribute2-active.gif) no-repeat scroll left top #FFFFFF;
    color: #FFFFFF;
}
.sizeoptions .item.disabled {
    background-image: url(../Files/attribute2-disabled.gif);
    color:#AAAAAA;
    cursor:default;
}
/* Controls the display characteristics of colour/size selection in Product Detail */
/* 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 */
.productdetailbox .productdetailcont .attributeselection {
    width:100%;
    clear:both;
}
.productdetailbox .productdetailcont .attributeselection .leftselection {
    display: inline-block;
    width: 150px;
}
/* Controls the display characteristics of quantity input control in Product Detail */
.productdetailbox .productdetailcont .attributeselection .leftselection input {
    width: 50px;
}
/* Controls the display characteristics of selected colour/size description in Product Detail */
.productdetailbox .productdetailcont .attributeselection .rightselection {
    width: 150px;
}
/* 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;
}
/* Controls the display characteristics of Contact Form content */
.contactformbox {
    background-color:#FFFFFF;
    width:100%;
}
.contactformcelltext {
    display:inline-block !important;
}
.contactformcellvalue {
    display:inline-block !important;
}
.contactformbox .messagesign {
    padding:4px 4px 0 4px;
}
.contactformbox .contactforminput {
    width:300px;
}
.contactformbox textarea {
    width:510px;
    margin-top:2px;
}
#txtCustomerEmailAddress {
    display:none !important; /* This is for Honeypot techique. Must retain hidden. */
}
.contactformbox .submit {
    margin: 10px 25px 0 0;
    text-align:right;
}
.contactformcontinue {
    padding-top:10px;
}
.contactformcontinue p {
    margin:0;
    padding-bottom:5px;
}
/* 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:0;
    padding:5px 8px;
}
/* Controls the line or header background images of stock availability tab (next 6 items) */
.stockAvailability-theme .ajax__tab_outer {
    background:url(../Files/stockavailabilitytab-left.gif) no-repeat 0 0;
}
.stockAvailability-theme .ajax__tab_inner {
    background:url(../Files/stockavailabilitytab-right.gif) no-repeat 100% 0;
}
.stockAvailability-theme .ajax__tab_hover .ajax__tab_outer {
    background:url(../Files/stockavailabilitytab-left.gif) no-repeat 0 -150px;
}
.stockAvailability-theme .ajax__tab_hover .ajax__tab_inner {
    background:url(../Files/stockavailabilitytab-right.gif) no-repeat 100% -150px;
}
.stockAvailability-theme .ajax__tab_active .ajax__tab_outer {
    background:url(../Files/stockavailabilitytab-left.gif) no-repeat 0 -300px;
}
.stockAvailability-theme .ajax__tab_active .ajax__tab_inner {
    background:url(../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:#B93A37;
    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:#B93A37;
    background:url(../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. */
#popupBranchInfoPage {
    width:700px;
    min-height:200px;
    display: none;
}
/* Controls the characteristics of body area in branch information popup page in stock availability.*/
#popupBranchInfoPage .popupDetails {
    margin:0px 10px 10px;
    color:#000000;
    overflow:hidden;
}
/* Controls the characteristics of shopby filter content.*/
.shopby_box {
    width:100%;
    margin:0;
    padding:0;
}
/* Controls the common characteristics of header area in shopby filter content.*/
.shopby_header_wrapper {
    position:relative;
}
h3.shopby_header {
    margin:0;
    padding:0;
    line-height:26px;
    height:26px;
    position:relative;
    cursor:pointer;
    font-size:12px;
    border-top:1px solid #555;
    overflow:hidden;
}
/* Controls the characteristics of header area in shopby filter content when collapsed.*/
.shopby_header_default {
    font-weight:bold;
    color:#555;
}
/* Controls the characteristics of header area in shopby filter content when mouse over.*/
.shopby_header_hover {
    color: #C77405;
}
/* Controls the characteristics of header area in shopby filter content when expanded.*/
.shopby_header_active {
    color: #777;
}
/* Controls the characteristics of header area in shopby filter content when filters are selected.*/
.shopby_header_selected {
    color: #B22222;
}
/* Controls the text and icons of header area in shopby filter content.*/
h3.shopby_header a {
    color:inherit !important;
    text-decoration:none;
    outline:0 none;
    padding-left: 16px;
}
.shopby_header_icon_exp {
    background: url(../Files/shopby_header_arrow_exp.png) no-repeat 0 0;
}
.shopby_header_icon_col {
    background: url(../Files/shopby_header_arrow_col.png) no-repeat 0 0;
}
a.shopby_clear {
    color:#555;
    font-size:9px;
    position:absolute;
    top:7px;
    right:3px;
    text-decoration:none;
}
a.shopby_clear:hover {
    text-decoration:underline;
}
/* Controls the characteristics of body area in shopby filter content.*/
.shopby_body {
    width:100%;
    margin-top: -2px;
    overflow: auto;
    padding: 2px;
    position:relative;
    border:1px solid #DDDDDD;
    font-size:11px;
    display: block;
}
/* Controls the text of body area in shopby filter content.*/
.shopby_body li {
    clear: both;
    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 input {
    width: 10px;
    height: 10px;
}
/* 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 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;
}
/* Controls the characteristics of find postcode image.*/
.findpostcode {
    cursor:pointer;
    width:28px;
    vertical-align:middle;
    text-align:left;
}
/* 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, .quantityinput {
    height:23px;
}
.coloursizeselection .sizeselection select, .quantityinput input {
    width:150px;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
/* Controls the characteristics of currency selector content.*/
.currencyselector {
    position: absolute;
    top: 50px;
    right: 0;
    text-align: right;
    color: #000000;
    z-index: 200;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:8pt;
}
.currencyselector a:link,
.currencyselector a:visited,
.currencyselector a:active,
.currencyselector a:hover {
    position: relative;
    top: 0;
    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 {
    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 buttons in item added cart.*/
.itemaddedcart_bottombuttons {
    text-align:right;
    margin-top:10px;
}
/* Controls the characteristics of grid cells in shopping cart.*/
/* Stock Items */
.cell_qty {
    width:60px;
}
.cell_price {
    width:100px;
    text-align:right;
}
.cell_item_img {
    float:left;
    position:relative;
    overflow:hidden;
}
.cell_item_details {
    float:left;
    position:relative;
    overflow:hidden;
    width:337px;
}
.cell_amount {
    width:100px;
    text-align:right;
}
.cell_remove {
    width:60px;
    text-align:center;
}
/* Subtotal */
.cell_footer_price {
    width:150px;
    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:#F7F6F3;
    color:#5A5A5A;
    border: 1px solid #CCCCCC;
    height:30px;
    line-height:30px;
    margin:10px 0 0 333px;
    width:485px;
}
.coupon_shoppingcart .coupon_prompt {
    float:left;
    position:relative;
    padding:0 0 0 5px;
}
/* Controls the characteristics of coupon content.*/
.coupon {
    background-color:#F7F6F3;
    color:#5A5A5A;
    border: 1px solid #CCCCCC;
    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 {
    font-size:90%;
    width:140px;
    vertical-align:top;
    margin-top:6px;
}
.coupon_content .coupon_button {
    padding:6px 5px 0 0;
}
/* Controls the characteristics of watermarked textbox.*/
.enablewatermark {
    color:#C0C0C0;
    font-style:italic;
}
.disablewatermark {
    color:#000000;
    font-style:normal;
}
/* Controls the characteristics of custom content container */
.contentcont {
    width:100%;
    clear:both;
}
/* 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 right 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;
}
/* Controls the characteristics of lookbook page */
.looks_cont {
    width:100%;
}
.looks_cont .enlarge {
    float:left;
}
/* .enlarge is also being used by StyleGuide content */
.enlarge .images {
    position:relative;
    width:300px;
    height:450px;
}
.enlarge img {
    position: absolute;
    top: 0;
    left: 0;
}
.enlarge .iactive {
    z-index: 10;
}
.enlarge .ideactive {
    z-index: 9;
}
/* Controls the characteristics of cluster navigation arrow images in lookbook page */
.looknav {
    position: absolute;
    top: 225px; /* you may type a specific value */
    left: 0;
    text-align: center;
    width: 300px; /* you may type a specific value */
    z-index: 100;
}
.enlarge .looknav .prev, .enlarge .looknav .next {
    background: url(../files/look_nav.png) no-repeat scroll left top transparent;
    height: 34px;
    position: absolute;
    top: 0;
    width: 34px;
}
.enlarge .looknav .prev {
    background-position:  0 -34px !important;
    left: 0;
}
.enlarge .looknav .prev:hover {
    background-position:  0 0 !important;
    left: 0;
}
.enlarge .looknav .next {
    background-position: -34px -34px !important;
    right: 0;
}
.enlarge .looknav .next:hover {
    background-position: -34px 0 !important;
    right: 0;
}
/* Controls the characteristics of thumbnail images in lookbook page */
.looks_cont .thumbs {
    float:left;
    width: 928px; /* you may type a specific value */
}
.looks_cont .thumbs li {
    float:left;
    display: inline;
    padding-left:3px;
}
.looks_cont .thumbs .nextrow{
    padding-left:3px;
}
.looks_cont .thumbs .selected{
    opacity: 1;
}
.looks_cont .thumbs .unselected{
    opacity: 0.5;
}
.looks_cont .thumbs .look_img {
    cursor:pointer;
    width: 100px; /* you may type a specific value */
    height: 150px; /* you may type a specific value */
}
.looks_cont .thumbs .look_img .thumbhover{
    -moz-box-shadow:0 0 3px #000;
    -webkit-box-shadow:0 0 3px #000;
    box-shadow:0 0 3px #000;
}
/* Controls the characteristics of lookbook products in lookbook page */
.looks_cont .look_b {
    clear:both;
    padding-top:5px;
}
.looks_cont .look_b .lookitems {
    float:left;
}
.lookitem {
    font-size: 11px;
}
.lookitem .name{
    display: inline-block;
    width:250px;
}
.lookitem .price1, .lookitem .price2, .lookitem .price3, .lookitem .price4, .lookitem .price5{
}
/* Controls the characteristics of lookbook pagination in lookbook page */
.looks_cont .look_b .lookpage {
    float:right;
    padding-right:75px;
}
.looks_cont .look_b .lookpage .currPage {
    font-weight:bold;
}
/* 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:322px; /* you may type a specific value */
    right: 0;
    top: 25px;
    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;
}
#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;
}
#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;
}
#slidingcart_container img:hover {
    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;
}
#slidingcart_pagination .prev_next {
    float: right;
}
#slidingcart_pagination a {
    margin-left: 10px;
}
#slidingcart_pagination a.prev {
    background: url(../Files/slidingcart_nav_prev.png) no-repeat scroll left 4px transparent;
    padding-left: 10px;
}
#slidingcart_pagination a.next {
    background: url(../Files/slidingcart_nav_next.png) no-repeat scroll right 4px transparent;
    padding-right: 10px;
}
#slidingcart_pagination a.enable {
}
#slidingcart_pagination a.disable {
    opacity:0;
}
/* Controls the characteristics of item details section */
#cart_details {
    margin: 10px 0;
}
#cart_details ul.cart_items{
    overflow: hidden;
}
#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: #ECEDE9;
}
#cart_details ul.cart_items li.selected {
    background-color: #CCC;
}
#cart_details ul.cart_items li.item {
    display: none;
    float: left;
    min-height: 220px; /* you may type a specific value */
    padding: 10px 10px 0;
    position: relative;
    text-align: left;
    width:120px; /* 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;
}
/* Controls the characteristics of item decription */
#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(../Files/slidingcart_remove.png) no-repeat;
    width:13px;
    height:13px;
    display:inline;
    z-index:300;
    position:absolute;
    top:0;
    right:0;
    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;
}
.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 .myaccountemail {
    width:150px;
}
.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:300px;
    min-height:450px;
}
/* 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:2px solid #7E7A7A;
    z-index:299;
    padding:10px;
    font-size:13px;
    -moz-box-shadow:2px 2px 2px #888;
    -webkit-box-shadow:2px 2px 2px #888;
    box-shadow:2px 2px 2px #888;
}
/* Controls the characteristics of popup window close button */
.popupClose {
    background:url(../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;
}
/* 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;
}
.ci_empty {
    padding: 10px 0 0 10px;
}
/* Control the characteristics of attribute 1 and pack 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;
}
/* Wishlist content in shopping cart page */
.wishlistbox {
    margin-top:20px;
}
/* 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_remove {
    width:120px;
}
.wl_table .cell_remove .remove {
    padding-top:8px;
}
.wl_empty {
    padding: 10px 0 0 10px;
}
/* Control the characteristics of expiration message in wishlist */
.s_expirationmessage {
    padding:5px 0;
    font-size:80%;
}
.cell_changedetails {
    vertical-align:middle;
}
.cell_changedetails .changedetails {
    margin-top:5px;
}
.cell_footer_price {
    font-weight:bold;
}
.cell_footer_amount {
    font-weight:bold;
}
/* Controls the characteristics of add to wishlist and giftregistry 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 {
    display: block;
    width: 105px;
    height: 20px;
    background:url(../Files/button-updatdetails.gif) no-repeat center left;
    margin:3px 0;
    text-indent:-9999px;
}
/* Controls the characteristics of add all to cart button in shopping cart page */
a.wl_btnaddalltocart {
    float:left;
    display: block;
    width: 128px;
    height: 24px;
    background:url(../Files/button-addalltocart.gif) no-repeat center left;
    margin:3px 0;
    text-indent:-9999px;
}
/* Controls the characteristics of email a friend button in shopping cart page */
a.wl_btnemailafriend {
    float:left;
    display: block;
    width: 123px;
    height: 24px;
    background:url(../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:#ccc;
    min-height:10px;
}
.wn_body{
}
.wn_msg{
    padding-top:10px;
}
.wn_link{
    vertical-align:middle;
}
/* Controls the characteristics of add to wishlist link button in category page */
.addtowishlist {
    display:none;
    background:url(../Files/wishlist.png) no-repeat;
    width:24px;
    height:24px;
    z-index:99;
    position:absolute;
    top:10px;
    right:10px;
    cursor:pointer;
}
.addtowishlist a:hover {
    display:inline;
    background:url(../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;
    z-index: 2;
}
/* 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(../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;
}
.email_friend .email_success .continue_shopping a {
    margin:10px;
}
/* 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;
}
/* 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 li {
    margin:10px;
    width:100px;
    float:left;
}
.giftwrap_prev, .giftwrap_next {
    background: url(../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 a {
    display:block;
}
.giftwrap_item_attributes {
    color: #003271;
}
.giftwrap_item_desctiption {
    clear:both;
    height:26px;
    line-height:13px;
    overflow:hidden;
}
.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%;
}
/* 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(../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(../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;
}
.registrysearchresultswrap .searchresultheader {
    font-size:110%;
    font-weight:bold;
    color:#003271;
    display:block;
    margin:20px 0 5px;
}
.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:100%;
    padding:3px;
}
.myaccount.registrydetails .itempurchasers .itempurchaserswrap {
    margin-left:50px;
}
.myaccount.registrydetails .cell_item_details {
    width:280px !important;
}
.myaccount.registrydetails .cr_itemsummaries {
    margin-top:10px;
}
.myaccount.registrydetails .cr_expired {
    color:#FF0000;
    font-weight:bold;
}
.packingslip .fieldname {
    width:120px !important;
}
/* click & collect branch selection */
.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:775px;
    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;
}
#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(../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 */

/* 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: 3px 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 #B93A37;
}
#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 */

.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 */

/* Custom styles - Jirffey Gabuya */
html,
body {
    height: 100%;
}

body:not([contenteditable]) {
    background-image: url('/user/files/loading.gif');
    background-position: center;
    background-repeat: no-repeat;
}

#bodywrapper { display: none; }

/* 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;
}

/** ESTYLIST PAGE CUSTOMIZATION **/

body.DESKTOP.ESTYLELIST div.maincontent {
    width: 100%;
    max-width: 1324px;
    margin: 0 auto;
}
body.DESKTOP.ESTYLELIST div#ctl00_MainCentre_container_container_Content_39_pnlContentData {
    padding: 0 15px 0;
    margin: auto;
    overflow: auto;
    box-sizing: border-box;
}
body.DESKTOP.ESTYLELIST .contentcont-wrapper > div:first-child {
    background: #f3f3f3;
}

body.DESKTOP.ESTYLELIST #ctl00_tdLeft, body.DESKTOP.ESTYLELIST .contentsheader {
    display: none;
}
body.DESKTOP.ESTYLELIST div.sectionheader {
    background: none !important;
    padding: 4px 2px;
    clear: both;
    display: block;
    text-align: center;
    margin-top: 35px;
    font-weight: 800;
    color: #333;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    font-size: 44px;
}

body.DESKTOP.EPALLCATEGORIES .sitemappath, body.DESKTOP.ESTYLELIST .sitemappath, body.DESKTOP.EPWISHLIST .sitemappath, body.DESKTOP.ESTYLE .sitemappath, body.DESKTOP.EPMYACCOUNT .sitemappath, body.DESKTOP.ESEARCH .sitemappath {
    font-size: 12px;
    padding: 12px;
    font-weight: normal;
}

body.DESKTOP.ESTYLELIST .sitemappath a {
    color: #959494;
    padding: 5px;
}

body.DESKTOP.ESTYLELIST .styleresultbar.clearfix {
    border: none;
    margin-top: 20px;
    margin-bottom: 30px;
}

body.DESKTOP.ESTYLELIST .filterby, body.DESKTOP.ESTYLELIST .sortby, body.DESKTOP.ESTYLELIST .navpages, body.DESKTOP.ESEARCH .filterby, body.DESKTOP.ESEARCH .sortby, body.DESKTOP.ESEARCH .navpages {
    width: auto;
    border: none;
    color: #959494;
    font-size: 14px;
}

body.DESKTOP.ESTYLELIST .filterby select, body.DESKTOP.ESTYLELIST .sortby select, body.DESKTOP.ESTYLELIST .navpages, body.DESKTOP.ESEARCH .filterby select, body.DESKTOP.ESEARCH .sortby select, body.DESKTOP.ESEARCH .navpages {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: '';
    border: none;
    padding: 20px;
    margin-left: 20px;
    color: #959494;
    background: #F3F3F3;
}

body.DESKTOP.ESTYLELIST .navpages a {
    color: #959494;
}

body.DESKTOP.ESTYLELIST ul#ulProductListContainer.productlist li {
    border: none;
    padding-right: 50px;
    padding-bottom: 50px;
    width: auto !important;
}

body.DESKTOP.ESTYLELIST ul#ulProductListContainer.productlist li div.stylesummarybox {
    width: 283px;
    padding: 50px 0;
    height: auto !important;
    border: 1px solid #DFDFDF;
}

body.DESKTOP.ESTYLELIST ul#ulProductListContainer.productlist li div.stylesummarytext div.textrow.div_ISD {
    width: 80%;
    margin: auto;
    height: 80px !important;
}

body.DESKTOP.EPLOGIN #ctl00_MainCentre_container_container_pnlContentContainerData h2, body.DESKTOP.EPREGISTER #ctl00_tdCentre h2, body.DESKTOP.EPALLCATEGORIES h2, body.DESKTOP.ESTYLELIST h2, body.DESKTOP.ESTYLELIST .stylesummarytext a, body.DESKTOP.EPSHOPPINGCART .container #ctl00_MainCentre_container_container_pnlContentContainerData #ctl00_MainCentre_container_container_Content_81_pnlContentData .sectionbar, body.DESKTOP.EPWISHLIST .container > .content.centrecontent > h2, body.DESKTOP.ESTYLE div.productdetailbox div.productdetailcont h1, body.DESKTOP.EPMYACCOUNT div#ctl00_MainCentre_container_container_Content_27_tbcMyAccount > h2, body.DESKTOP.EPMYACCOUNT div.ajax__tab_header span, body.DESKTOP.ESEARCH h2, body.DESKTOP.ESEARCH .stylesummarytext a, body.DESKTOP.EPCONTACTFORM .sectionbar, body.DESKTOP.EPAGE div#ctl00_tdCentre h2, body.MOBILE.ESTYLELIST .stylesummarytext a {
    text-align: center;
    margin-top: 35px;
    font-weight: 800;
}

body.DESKTOP.ESTYLELIST ul#ulProductListContainer.productlist li div.stylesummarytext div.textrow.div_NW {
    top: 9px;
    left: 12px;
    padding: 5px 8px;
    position: absolute;
    height: auto !important;
    background: #333;
    display: none
}

body.DESKTOP.ESTYLELIST ul#ulProductListContainer.productlist li div.stylesummarytext div.textrow.div_NW span {
    color: #FFF !important;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 34px !important;
}

body.DESKTOP.ESTYLELIST ul#ulProductListContainer.productlist li div.stylesummarytext div.textrow.div_CP {
    width: 60%;
    margin: auto;
    height: auto !important;
    border: 2px solid #333;
}

body.DESKTOP.ESTYLELIST ul#ulProductListContainer.productlist li div.stylesummarytext div.textrow.div_CP span {
    color: #333 !important;
    font-size: 28px;
}

body.DESKTOP.ESTYLELIST ul#ulProductListContainer.productlist li div.stylesummarytext div.textrow.div_P1 {
    display: none;
}

body.DESKTOP.ESTYLELIST ul#ulProductListContainer.productlist li div.stylesummarytext div.addtocartbutton_cont .addtowishlist {
    display: none !important;
}

body.DESKTOP.ESTYLELIST ul#ulProductListContainer.productlist li:nth-child(4n) {
    padding-right: 0 !important;
}
body.DESKTOP.ESTYLELIST .sortby {
    margin-left: 30px;
}

/** END OF ESTYLIST PAGE CUSTOMIZATION **/

.stylesummarytext .textrow.div_P1 {
    display: block !important;
}