html {
padding:0;
margin:0;
}
/* Controls the complete HTML Body */
body {
background: #ffffff;
color: #515656;
display: block;
font-family: Arial;
font-size: 12px;
letter-spacing: 1px;
margin: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0){
body {
letter-spacing: 0px !important;
}
}
/* Controls the customisable centre section of the HTML Body */
#bodywrapper {
/* background:url(../files/bgtop.png) no-repeat top right #ffffff;*/
background-color: #FFFFFF;
/* background-image: url("../files/bgtop.png"), url("../files/bgbottom.png");*/
background-position: right top, right bottom;
background-repeat: no-repeat;
/* border-left: 1pt solid #EEEEEE;
border-right: 1pt solid #EEEEEE;*/
margin-left: auto;
margin-right: auto;
margin-top: 30px;
/* overflow-x: hidden;
overflow-y: auto;*/
padding: 40px 0 0;
position: relative;
text-align: left;
width: 1000px;
}
body.img-dims img {
object-fit: contain;
}
/* 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;
min-height: 500px;
}
div.maincontent .mainright {
float: left;
padding-top:10px;
overflow:hidden;
*margin-right:-1px;
}
div.footer {
padding-top:10px;
margin-bottom:5px;
text-align:center;
background:#eeeeee;
border-top:1pt solid #dddddd;
height:247px;
}
/* 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:#515656;
text-decoration:none;
}
/* Controls the hover colour of the links */
a:active, a:hover {
color:#333333;
text-decoration:none !important;
}
ul, li {
list-style:none;
padding:0;
margin:0;
z-index: 100;
}
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 stock description in stock detail page */
h1 {
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:#515656;
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:#515656;
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:#515656;
}
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-family: "Arial", Helvetica, sans-serif;
font-size: 12px;
letter-spacing:0px;
}
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, .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 */
.uppermenu li {
display:inline;
border-left: 1px solid #EEEEEE;
}
/* 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; */
/* background: none repeat scroll 0 0 #FAFAFA;*/
background: none repeat scroll 0 0 #FFFFFF;
border-top: 1pt solid #E8E8E8;
font-size: 12px;
font-weight: bold;
height: 31px;
margin-top: 32px;
width: 100%;
}
/* 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:0px;
height:31px;
/* border-right:1pt solid #e4e4e4;*/
border-bottom:1pt solid #E8E8E8;
}
div.mainMenu li a {
height:31px;
/* color:#09838D; */
color:#333333;
text-decoration:none;
display:block;
float:left;
line-height:200%;
padding:3px 15px 0 ;
font-size:13px;
letter-spacing:1px;
}
div.mainMenu li:hover,div.mainMenu li.licurrent{
background:#09838D;
}
div.mainMenu li a:hover {
color:#ffffff !important;
}
div.mainMenu li a.current {
height:31px;
color:#ffffff;
padding:3px 15px 0;
}
/* search bar */
/* Controls the characteristics of the Search bar. To change colour replace the mainmenu-bar image */
div.bar {
height:36px;
font-size:110%;
color:#F4F4F4;
font-weight:bold;
vertical-align:middle;
position: absolute;
right: 40px;
top: 37px;
z-index:198;}
div.bar div {
padding: 7px 0 0 20px;
vertical-align: middle;
}
div.bar div{
position:relative;
}
div.bar a{
}
div.u-search img{
height: 30px;
left: 208px;
position: absolute;
top: 7px;
top: 8px\0/;
}
/* Controls the characteristics of the text control */
.searchtextbox {
background: none repeat scroll 0 0 #FFFFFF;
border: 1pt solid #BFDCDD;
font-size: 14px;
height: 22px;
padding: 3px;
width: 197px;
}
/* Category navigation menu */
/* Controls the display characteristics of the Category List */
.categorymenu {
border-color:#DFDFDF;
border-style:solid;
border-width:1px;
vertical-align:top;
margin-left: 5px;
padding:0 0 4px 4px;
}
.categorymenu ul {
padding:0 0 0 5px;
}
/* Controls the display characteristics of the Category List */
.categorymenulevel {
color:#006FB1;
font-size:12px;
font-weight:bold;
padding-left:0 !important;
}
/* Controls the characteristics of the category List when Hovering */
.categorymenulevel a:hover {
color:#127881;
font-weight:normal;
text-decoration:none;
}
.categorymenulevel li {
padding-top:5px;
background: url("../files/bg_cat_border.gif") repeat-x scroll 0 top transparent;
}
.categorymenulevel li a{
background: url("../files/bg_cat.gif") no-repeat scroll 0 8px transparent;
color: #333333;
font-size: 12px;
font-weight: normal;
letter-spacing: 1px;
line-height: 21px;
padding: 4px 11px 4px 13px;
text-decoration: none;
}
/* Controls the characteristics of the category List when Mouse is clicked */
.categorymenulevel li a.selected {
color:#127881;
font-weight:bold;
text-decoration:none;
}
/* Controls second level */
.categorysubmenulevel2 {
color:#006FB1;
font-size:11px;
font-weight:normal;
text-decoration:none;
background:#eee;
}
.categorysubmenulevel2 li {
/*margin-left:15px;*/
}
.categorysubmenulevel2 li a{
font-size: 11px;
letter-spacing: 0.5px;
}
/* Controls third level */
.categorysubmenulevel3 {
color:#006FB1;
font-size:11px;
font-weight:normal;
text-decoration:none;
}
/* Controls fourth level */
.categorysubmenulevel4 {
color:#006FB1;
font-size:11px;
font-weight:normal;
text-decoration:none;
}
/* Controls the characteristics of Login Page */
.logincontainer {
width:100%;
}
.loginmessage {
}
.logintable {
border: 1px solid #DFDFDF;
position: relative;
margin: 0 auto;
text-align: center;
width: 340px;
}
.logincellleft {
width: 340px;
float: left;
}
.logincellright {
width: 349px;
float: right;
display:none;
}
/* Controls characteristics of Login Header displayed */
.loginheader {
height:26px;
line-height: 26px;
background-color: #1B9FAB;
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;
}
/* 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 {
margin-top: 10px;
padding-left: 10px;
text-align: left;
}
.loginbutton {
padding-right:15px;
text-align:right;
}
.loginforgotpwd {
}
/* Controls characteristics of Password Recovery Page */
.passwordrecoverycontainer {
margin: 0 auto;
width: 350px;
}
.passwordrecoverycontainer h2{
display:none;
}
.passwordrecoverymessage {
}
.passwordrecoverybody {
}
.recoverpwdtable {
width:350px;
border:1px solid #DFDFDF;
}
/* 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;*/
background-color: #1B9FAB;
color: #F4F4F4;
font-weight: bold;
height: 19px !important;
padding: 6px 0 3px 3px;
text-align: left;
}
/* 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;
}
.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:#127881;
}
.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;
}
/* Availibility 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;
}
/* Controls display of Current step */
.highlightheader {
color:#5A5A5A;
font-weight:bold;
}
/* This controls the 'Please Make your Selections' text in the Stock Item Display text */
.hookline {
font-size:larger;
font-style:italic;
}
.loadingbox{
position:absolute;
top:40%;
left:40%;
border:1px solid lightsteelblue;
height:50px;
width:250px;
text-align:center;
padding-top:20px
}
/* Controls display of Checkout Section Headings */
div.sectionbar {
border-bottom: 2px solid #8FCCD8;
color: #127881;
font-size: 15px;
font-weight: bold;
letter-spacing: 1px;
margin-bottom: 20px;
position: relative;
}
/* Controls the display of the Body text within each Checkout Section */
div.sectiondata {
padding:3px 0 3px 20px;
color:#333;
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;
}
/* 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 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_updatebutton {
width:100%;
}
.shoppingcart_updatebutton .proceedbutton{
text-align:right;
margin-bottom: 10px;
}
.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 {
border-bottom: 1pt solid #8FCCD8;
clear: both;
color: #1B9FAB;
display: block;
font-size: 16px;
font-weight: bold;
padding: 4px 2px;
text-align: left;
}
/* 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;
}
/* 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 {
background-color: #1B9FAB;
color: #F4F4F4;
font-weight: bold;
height: 19px !important;
margin-left: 5px;
padding: 6px 0 3px 3px;
text-align: left;
width: 152px !important;
}
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;*/
box-shadow: 0 0 1px #333333;
margin-top:4px;
padding:4px;
overflow:hidden;
text-align:left;
clear:both;
display:block;
background: none repeat scroll 0 0 #EEEEEE;
}
/* Controls the characteristics of left content in container */
div.styleresultbar .filterby {
margin-left:0 !important;
display:inline;
float:left;
position:relative;
width:200px;
}
/* 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 {
border-bottom: 1pt dotted #CCCCCC;
float: left;
margin-top: 20px;
padding-bottom: 20px;
width: 25% !important;
}
.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;
height: 300px !important;
}
.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;
height:auto !important;
}
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:#1B9FAB;
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: 2px solid #CCCCCC;
}
/* 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;
}
/* Administrator content popup menu */
/*Administrator content popup menu*/
/* Administrator - 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;
}
/* Administrator - editing contents */
/* 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;
margin: 5px 0;
}
/* 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;
}
/* 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:center;
vertical-align:top;
position: relative;
width:47%;
z-index:2;
margin-top: 10px;
}
/* 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;
}
/* 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 selection in Product Detail */
.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 */
.contentcont .contactformbox {
background-color: #FFFFFF;
position: relative;
width: 100%;
top: 0;
}
.contactformbox {
background-color: #FFFFFF;
position: absolute;
right: 0;
top: 310px;
width: 58%;
}
.contactformcelltext {
display:inline-block !important;
}
.contactformcellvalue {
display:inline-block !important;
}
.contactformbox .messagesign {
padding:4px 4px 0 4px;
}
.contactformbox textarea {
width:510px;
margin-top:2px;
}
#txtCustomerEmailAddress {
display:none !important;
}
.contentcont .contactformbox .submit {
text-align:left;
position: relative;
right: 0;
}
.contactformbox .submit {
margin: 10px 25px 0 0;
text-align:right;
position: absolute;
right: -84px;
}
/* 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:#006FB1;
text-decoration:underline;
}
/* Controls the characteristics of In Stock items in stock availability tab body*/
.stockAvailability-theme .ajax__tab_body .sabody .sainstock {
font-weight:bold;
color:#006FB1;
background:url(../Files/stockavailabilitytab-instock.gif) no-repeat left top;
padding-left:20px;
}
/* Controls the characteristics of Out Of Stock items in stock availability tab body*/
.stockAvailability-theme .ajax__tab_body .sabody .saoutofstock {
color:#000000;
padding-left:20px;
}
/* Controls branch information popup page in stock availability. */
/* Controls background colour and transpancy rate of outside branch information popup page in stock availability.*/
.popupBackground {
background-color:Gray;
filter:alpha(opacity=70);
opacity:0.7;
}
/* Controls border and background colour of branch information popup page in stock availability.*/
#popupBranchInfoPage {
width:700px;
display: none;
}
/* Controls the characteristics of title area in branch information popup page in stock availability.*/
/* Controls the characteristics of body area in branch information popup page in stock availability.*/
#popupBranchInfoPage .popupDetails {
margin:0 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. */
.logo {
font-weight:bold;
margin:0;
padding:0 20px;
}
/* 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 grid cells in shopping cart.*/
/* Stock Items */
.cell_qty {
width:60px;
}
.cell_price {
width:100px;
text-align:right;
}
.cell_item {
}
.cell_amount {
width:100px;
text-align:right;
}
.cell_remove {
width:60px;
text-align:center;
}
/* Subtotal */
.cell_footer_price {
width:100px;
text-align:right;
}
.cell_footer_amount {
width:100px;
text-align:right;
}
/* Coupon items */
.couponrowstyle {
background-color:#F4E7BF;
font-weight:normal;
color:#333333;
height:36px;
min-height:36px;
}
.cell_coupon_qty {
width:60px;
vertical-align:middle;
}
.cell_coupon_item {
padding-left:51px;
font-size:120%;
vertical-align:middle;
}
.cell_coupon_amount {
width:100px;
text-align:right;
vertical-align:middle;
}
.cell_coupon_remove {
width:60px;
text-align:center;
vertical-align:middle;
}
/* Controls the characteristics of coupon content in shopping cart.*/
.coupon_shoppingcart {
background-color:#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;
padding-top:5px;
}
.coupon_content .coupon_input {
font-size:90%;
width:140px;
vertical-align:top;
}
.coupon_content .coupon_button {
padding-right:5px;
}
/* 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 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: 240px; /* you may type a specific value */
left: 0;
text-align: center;
width: 320px; /* 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: 333px; /* 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: 80px; /* you may type a specific value */
height: 120px; /* you may type a specific value */
}
.looks_cont .thumbs .look_img .thumbhover{
-moz-box-shadow:0 0 3px #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 .prev {
}
.looks_cont .look_b .lookpage .page {
}
.looks_cont .look_b .lookpage .currPage {
font-weight:bold;
}
.looks_cont .look_b .lookpage .next {
}
/* 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:222px; /* 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: 260px; /* you may type a specific value */
padding: 10px 10px 0;
position: relative;
text-align: left;
width:170px; /* 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 {
}
#cart_details ul.cart_items li.item .detail .desc {
}
#cart_details ul.cart_items li.item .detail .attr1 {
}
#cart_details ul.cart_items li.item .detail .attr2 {
}
#cart_details ul.cart_items li.item .detail .qty {
}
#cart_details ul.cart_items li.item .detail .price {
}
#cart_details ul.cart_items li.item .detail span.title {
}
#cart_details ul.cart_items li.item .detail span.value {
padding-left:5px;
}
/* Controls the characteristics of remove link */
#cart_details ul.cart_items li.item p {
color: #000000;
margin-bottom: 0;
}
#cart_details ul.cart_items li.item a.remove {
background:url(../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 .guestcheckoutbutton, .guestcheckoutcontainer .registercheckoutbutton {
text-align:right;
}
.guestcheckoutcontainer .logincellright .formsectiontext, .sameasshippingaddress {
padding-left:10px;
}
.guestcheckoutcontainer .billingaddress {
padding-top:4px;
display:none;
}
/* Controls the characteristics of lookbook cluster popup window */
#popupContent {
display:none;
width:320px;
min-height:480px;
}
/* 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 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 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;
}
/* 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;
}
/* 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;
}
.u-homebanner{
margin-top: 10px;
margin-bottom: 10px;
}
#ctl00_HeaderMiddle_Content_86_pnlContentData{
position:relative;
}
.findfacebook{
position:absolute;
right: 15px;
top: -70px;
}
@-webkit-keyframes fade {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes fade {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-ms-keyframes fade {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-o-keyframes fade {
0% { opacity: 0; }
100% { opacity: 1; }
}
.u-homebanner img{
-webkit-animation: fade 5s ;
-moz-animation:fade 5s ;
-ms-animation: fade 5s ;
-o-animation:fade 5s ;
animation :fade 5s;
}
.u-subscribe{
background: none repeat scroll 0 0 #EEEEEE;
border: 1pt solid #CCCCCC;
padding: 0 5px;
position: relative;
width: 282px;
margin-left:10px;
}
.u-subscribe h1{
border-bottom: 1pt solid #8FCCD8;
color: #127881;
font-size: 15px;
letter-spacing: 1px;
width: 100%;
}
.u-subscribe p{
text-align:right;
padding-right:15px;
font-size: 12px;
font-weight: 600;
}
.u-subscribe .subscribetextbox{
border: 1pt solid #BFDCDD;
border-radius: 5px 5px 5px 5px;
height: 21px;
padding: 3px;
width: 205px;
}
.join-list{
padding-bottom: 10px;
padding-right: 60px;
text-align: right;
}
.anchorSubscribe{
}
.anchorSubscribe img{
position: absolute;
right: 19px;
top: 69px;
}
/*@media screen and (-webkit-min-device-pixel-ratio:0) { .anchorSubscribe img{top: 84px;} }*/
/* Footer */
.u-footer{
width:100%;
margin:0px;
}
.u-footer div{
float: left;
margin: 0 8px;
padding: 0;
text-align: left;
width: 180px;
}
.u-footer div h1{
/* background: none repeat scroll 0 0 #EEEEEE;
box-shadow: 0 0 1px #333333;*/
color: #333333;
font-size: 16px;
margin: 5px 3px;
padding: 4px;
}
.u-footer div h1 a{
color: #333333;
font-size: 16px;
letter-spacing: 1px;
text-decoration:none;
}
.u-footer div.information{
/*float:right;*/
}
.u-footer .gateways{
float:right;
position:relative;
}
.u-footer .gateways img{
position:absolute;
right: 0;
top: -146px;
}
.u-footer .categories{
width:220px !important;
}
.u-footer div ul{
list-style:none;
margin: 0;
padding: 10px 14px;
}
.u-footer div ul li{
line-height: 21px;
}
.u-footer div ul li a{
/*color:#1e1e25;*/
color: #333333;
font-size: 12px;
letter-spacing: 1px;
}
.u-footer div ul li a:hover{
color:#127881;
}
.u-footer .copyright{
border-top: 1pt solid #E5E6E6;
clear: both;
float: left;
margin: 0;
padding: 10px 0;
text-align: left;
width: 100%;
font-size: 12px;
margin-left:10px;
letter-spacing:0px;
}
.fb-like{
bottom: 28px;
position: absolute!important;
right: 0px;
}
.homenewitems .sectionheader {
background: none repeat scroll 0 0 #FFFFFF;
border-bottom: 1pt solid #8FCCD8;
color: #1B9FAB;
font-size: 15px;
letter-spacing: 1px;
margin-left: 5px;
padding-bottom: 8px;
position: relative;
width: 98%;
}
.homenewitems .sectionheader img,.homefeatured .sectionheader img{
position: absolute;
right: 4px;
top: 8px;
}
.homefeatured{
background:#fff;
border: 1pt solid #CCCCCC;
margin-top: 10px;
margin-left:10px;
width:292px;
height:266px;
}
.homefeatured .sectionheader {
background: none repeat scroll 0 0 #EEEEEE;
border-bottom: 1pt solid #8FCCD8;
color: #127881;
font-size: 15px;
letter-spacing: 1px;
position: relative;
width: 288px;
}
.stylesummarytext{
position: relative;
}
.stylesummarytext a{
font-weight: 600;
}
.div_SH .spn_SH {
font-size: 2em;
color: #003271;
margin: 10px 0;
font-weight: bold;
}
.div_NW {
}
.spn_NW {
position:absolute;
background: url("../files/new.png") repeat scroll 0 0 transparent;
height: 30px;
position: absolute;
right: 0;
top: -150px;
width: 30px;
z-index:98;
}
/*.homefeatured .productlist { height: 270px !important; overflow: hidden; position:relative; z-index:0; padding:0px; margin:0px; } */
.featuredlist li,.bestsellerlist li{
border:none;
padding:0px;
margin:0px;
}
/*.stylesummarybox img:hover{
margin-right:25px;
}
.stylesummarybox img:hover{
-webkit-transform: translate(25px) scale(1.3);
-moz-transform: translate(25px )scale(1.3);
-o-transform: translate(25px) scale(1.3);
-ms-transform: translate(25px) scale(1.3);
transform: translate(25px) scale(1.3);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index:1000;
border:1pt solid #ccc;
}*/
.spn_CP{
font-size:14px;
}
.contentlistspn_NW{
top: -100px;
width: 30px;
}
.contentlistheader{
background: none repeat scroll 0 0 #FFFFFF !important;
border-bottom: 1pt solid #8FCCD8;
clear: both;
color: #1B9FAB !important;
display: block;
font-size: 16px;
font-weight: bold;
padding: 4px 2px;
text-align: left !important;
width: 100% !important;
}
.navpages .navnextprev{
position:relative;
}
.navpages .navnextprev img{
}
.navpages span,.navpages a:hover{
color:#127881;
}
#tblStyleDetail {
position:relative;
}
#tblStyleDetail .div_SD{
background: none repeat scroll 0 0 #EEEEEE;
box-shadow: 0 0 1px #333333;
color: #127881;
font-size: 15px;
margin: 5px 3px;
padding: 4px;
}
.div_SD .spn_SD {
font-size: 15px;
margin: 0;
color: #127881;
}
#tblStyleDetail .spn_CP{
font-size:20px;
}
#tblStyleDetail .stockcode{
color: #555555;
font-size: 15px;
font-weight: bold;
letter-spacing: 1px;
position: absolute;
right: 2px;
text-align: right;
top: 40px;
}
#trCrossPrice{
display:none;
}
.productimage_thumbnails{
margin-left: 30px;
}
.longdescription{
background: none repeat scroll 0 0 #EEEEEE;
border: 1pt dotted #CCCCCC;
letter-spacing: 0.8px;
padding: 3px;
}
.loginforgotpwd{
margin-top: 10px;
padding-left: 10px;
position: relative;
text-align: left;
}
.u-newu{
background: none repeat scroll 0 0 #1B9FAB;
color: #FFFFFF !important;
font-size: 12px;
font-weight: bold;
left: 0;
padding: 10px 0;
position: absolute;
top: 182px;
width: 340px;
border-radius: 3px 3px 3px 3px;
}
.logintable input[type="text"],.logintable input[type="password"]{
background: none repeat scroll 0 0 #EEEEEE;
border: 1pt solid #BFDCDD;
height: 25px;
margin-top: 10px;
}
.loginbutton{
padding-right: 15px;
position: absolute;
right: 0;
text-align: right;
top: 117px;
}
input[type="image"]{
border-radius:3px;
}
.topsellerhomebox{
background: none repeat scroll 0 0 #EEEEEE;
border-color: #CCCCCC #CCCCCC #8FCCD8;
border-style: solid;
border-width: 1pt;
color: #127881;
font-size: 15px;
font-weight: bold;
letter-spacing: 1px;
margin-left: 10px;
margin-top: 10px;
padding-left: 3px;
position: relative;
width: 289px !important;
height: 25px !important;
position:relative;
}
.topsellerhomebox img{
position: absolute;
right: 4px;
top: 6px;
}
.bestsellersbox{
border-bottom: 1pt solid #CCCCCC;
border-left: 1pt solid #CCCCCC;
border-right: 1pt solid #CCCCCC;
margin-left: 10px;
width: 292px;
height:266px;
}
.bestsellersbox .stylesummaryimageholder{
margin-left: 60px;
margin-top: 20px;
}
.bestsellersbox .stylesummarybox{
height: 185px !important;
}
.bestsellersbox stylesummaryimageholder{
height: 160px !important;
line-height: 160px !important;
}
.bestsellersbox .spn_NW ,.featuredlist .spn_NW{
top:-120px !important;
}
.bestsellersbox .div_NW,.featuredlist .div_NW{
display:none;
}
.featuredlist .stylesummaryimageholder{
/*height:120px !important;*/
line-height:120px !important;
}
.featuredlist .stylesummarybox{
height:185px !important;
}
.registerbody input[type="text"],.registerbody input[type="password"],.registerbody select,.registerbody textarea{
padding-top:3px;
background:#eee;
border:1pt solid #BFDCDD;
}
#ctl00_MainCentre_container_container_Content_27_tbcMyAccount_tbpProfile input[type="text"],
#ctl00_MainCentre_container_container_Content_27_tbcMyAccount_tbpProfile input[type="password"],
#ctl00_MainCentre_container_container_Content_27_tbcMyAccount_tbpProfile select,
#ctl00_MainCentre_container_container_Content_27_tbcMyAccount_tbpProfile textarea
{
padding-top:3px;
background:#eee;
border:1pt solid #BFDCDD;
}
.checkoutbody input[type="text"],
.checkoutbody input[type="password"],
.checkoutbody select,
.checkoutbody textarea
{
padding-top:3px;
background:#eee;
border:1pt solid #BFDCDD;
}
.checkoutbody input[type="checkbox"]{
}
#ctl00_MainCentre_container_container_Content_33_gvwCart td{
padding:3px;
}
.sectiondata span{
}
.sectiondata input{
}
.pageheading {
border-bottom: 2px solid #AAD0D5;
color: #127881;
font-family:Arial;
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
padding: 5px;
text-transform: capitalize;
}
.aboutus {
float: left;
min-height: 500px;
width: 100%;
position:relative;
letter-spacing:normal;
line-height: 19px;
}
.aboutus .left {
float: left;
width: 42%;
}
.aboutus .right {
float: left;
width: 58%;
}
.contactformbox input[type="text"],
.contactformbox input[type="password"],
.contactformbox textarea
{
padding-top:3px;
background:#eee;
border:1pt solid #BFDCDD;
margin-top: 2px;
width: 385px;
}
.contactformbox .submit {
margin: 10px 108px 0 0;
text-align: right;
}
.c-address{
color: #666666;
float: right;
letter-spacing: 1px;
margin-top: 10px;
padding: 10px;
text-align: right;
text-shadow: 0 0 1px #999999;
}
.a-address{
background: none repeat scroll 0 0 #FFFFFF;
color: #127881;
font-size: 14px;
opacity: 0.8;
padding: 7px;
position: absolute;
right: 10px;
text-shadow: 0 0 1px #999999;
top: 4px;
}
#ctl00_MainCentre_container_Content_100_pnlContentData{
position:relative;
}
.bs-heading{
position:absolute;
top: -118px;
}
.homenewitems{
}
#ctl00_MainCentre_container_Content_87_pnlContentContainerData .rightcontent{
height:500px !important;
}
.subcatlist{
position:absolute;
left: 547px;
}
.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;
}
.cell_item_img {
float:left;
position:relative;
overflow:hidden;
}
.cell_item_details {
float:left;
position:relative;
overflow:hidden;
width:337px;
}
.addtocartbutton_cont{
margin-top:10px;
}
.addtocartbutton_cont input[type="image"]{
box-shadow: 0 0 1px #333333;
border-radius:0 !important;
}
.spn_ISD{
display:none;
}
.div_SC{
/*margin-top:5px;
margin-bottom:5px;*/
}
@-webkit-keyframes widthchange {
0% { width:20px; }
100% { opacity: 820px; }
}
@-moz-keyframes widthchange {
0% { width:20px; }
100% { opacity: 820px; }
}
@-ms-keyframes widthchange {
0% { width:20px; }
100% { opacity: 820px; }
}
@-o-keyframes widthchange {
0% { width:20px; }
100% { opacity: 820px; }
}
#ctl00_MainCentre_container_container_Content_116_pnlContentData img{
-webkit-animation: widthchange 5s ;
-moz-animation:widthchange 5s ;
-ms-animation: widthchange 5s ;
-o-animation:widthchange 5s ;
animation :widthchange 5s;
}
.utilityBar{
background: none repeat scroll 0 0 #F3F3F3;
border-bottom: 1pt solid #DDDDDD;
height: 40px;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99;
}
.u-content{
margin:0 auto;
width:980px;
padding: 0px 10px;
display:table;
}
.u-search{
width:34%;
float:left;
padding-top:7px;
position:relative;
}
.u-loginmenu{
width:40%;
float:right;
margin-top: 10px;
}
.u-loginmenu ul{
list-style:none;
padding: 0;
float:right;
width: 100%;
text-align: right;
}
.u-loginmenu ul li{
display:inline;
padding:0px 3px;
border-left:1pt solid #ccc;
}
.u-loginmenu ul li:first-child{
border:none;
}
/* add this share */
#ctl00_HeaderTop_Content_121_pnlContentData{
position:relative;
}
#ctl00_HeaderTop_Content_121_pnlContentData .addthis_toolbox{
position:absolute;
right: 15px;
top: -44px;
}
#tips ul li, #whats ul li,#prsolving ul li{
line-height: 24px;
list-style: disc outside none !important;
margin-left: 16px;
}
.trendsheading{
background-color: #1B9FAB;
color: #F4F4F4;
font-weight: bold;
height: 19px !important;
margin-left: 5px;
padding: 6px 0 3px 3px;
text-align: left;
width: 100% !important;
}
.trendhead{
width:102px;
height:31px;
float:right;
background:url(../files/trends.png);
}
.trendlinks{
float:right;
width: 413px;
}
.new{
width:131px;
height: 35px;
background: url("../files/trends.png") repeat scroll -11px 69px transparent;
float:left;
margin-right:10px;
}
.sale{
width:131px;
height: 35px;
background: url("../files/trends.png") repeat scroll -167px 69px transparent;
float:left;
margin-right:10px;
}
.best{
width:131px;
height: 35px;
background: url("../files/trends.png") repeat scroll 152px -107px transparent;
float:left;
}
.trendlinks div a{
width:131px;
height: 35px;
text-indent: -9999px;
display: block;
}
.pane{
clear:both;
margin-top:75px;
}
.trendlinks div.current,.trendlinks div:hover{
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE5+ */
-webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
}
#tabs table{
border-bottom:1pt dotted #cccccc;
margin-bottom:10px;
}
#tabs table table{
border:none !important;
}
#tabs table td{
color: #515656;
font-family: Arial;
font-size: 12px;
letter-spacing: 1px;
}
#tabs img{
border:1pt solid #ccc;
margin:5px;
padding:5px;
background:#eee;
width:150px;
}
.floatleft{
float:left;
}
.floatright{
float:right;
}
.techniques{
width:100%;
}
.techniques ul {
font-family:"Arial";
font-size: 14px;
margin: 0;
padding: 0;
list-style: none;
background: #EEEEEE;
}
.techniques ul li {
display: block;
position: relative;
float: left;
padding-left: 10px;
background: #EEEEEE;
border-right: 1px solid #cccccc ;
border-bottom: 1px solid #cccccc ;
}
.techniques ul li:first-child{
border-left: 1px solid #cccccc ;
}
.techniques ul li ul li{
border-left: 1px solid #cccccc ;
}
.techniques li ul {
display: none;
}
.techniques ul li a {
display: block;
text-decoration: none;
color: #333333 ;
padding: 5px 15px 5px 15px;
background: #EEEEEE;
margin-left: 1px;
white-space: nowrap;
}
.techniques ul li a:hover {
background: #EEEEEE;
color:#1B9FAB;
}
.techniques li:hover ul {
display: block;
position: absolute;
}
.techniques li:hover li {
float: none;
font-size: 12px;
}
.techniques li:hover a {
background: #EEEEEE;
}
.techniques li:hover li a:hover {
background: #EEEEEE;
}
#ctl00_MainCentre_container_Content_248_pnlContentData{
position: relative !important;
top: 0;
width: 583px;
}
/* Controls the characteristics of GiftWrap contents in Checkout Blocks */
.giftwrap_block {
position: relative;
clear:both;
}
.giftwrap_window {
position:relative;
width:788px;
}
.giftwrap_wrapper {
position:relative;
width:720px;
overflow:hidden;
margin:0 auto;
}
.giftwrap_wrapper ul {
position:relative;
overflow:hidden;
top:0;
left:0;
}
.giftwrap_wrapper ul,.giftwrap_wrapper li {
margin:0;
padding:0;
list-style:none;
}
.giftwrap_wrapper li {
margin:10px;
width:100px;
float:left;
}
.giftwrap_prev, .giftwrap_next {
background: url(../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%;
}
.qtyl{
width:40px !important;
border:1pt solid #CCC;
margin-bottom: 10px;
}
.banner {
/* border: 1pt solid #CCCCCC;*/
margin: 10px 0 !important;
overflow: hidden;
padding: 0;
position: relative;
z-index: 0;
}
.bannertabs_outer {
float: right;
position: relative;
}
.bannertabs {
/* list-style-type: none;
margin: 0 14px 0 0;
padding: 0;
position: absolute;
right: 0;
top: -415px;
z-index: 1000;
width:70px;
ba*/
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 4px 4px 4px 4px;
list-style-type: none;
margin: 0 14px 0 0;
opacity: 0.85;
padding: 5px 5px 0;
position: absolute;
right: 0;
top: -110px;
width: 59px;
z-index: 1000;
}
.bannertabs li {
display: inline-block;
}
.bannertabs a {
background: none repeat scroll 0 0 #238a99;
border-radius: 8px 8px 8px 8px;
display: block;
font-size: 1px;
height: 15px;
margin: 2px;
width: 15px;
}
.bannertabs a:hover {
background: none repeat scroll 0 0 #6fa8b0;
}
.bannertabs a.current {
background: none repeat scroll 0 0 #6fa8b0;
}
.banner {
height: 351px;
width:709px;
margin: 5px 5px !important;
overflow: hidden;
padding: 0;
position: relative;
z-index: 0;
}
/*
.banner {
height: 425px;
margin: 5px 5px !important;
overflow: hidden;
padding: 0;
position: relative;
z-index: 0;
}
*/
.categorieswrap {
margin-bottom:10px;
}
.subcategorieswrap {
margin-left:10px;
}
h2.categorymenulevel, h3.categorymenulevel2, h4.categorymenulevel3, h5.categorymenulevel4 {
margin:0;
}
.enlarge .images {
position:relative;
width:320px;
height:480px;
}
.validsummary ul {
padding-left: 40px;
margin: 10px 0;
}
.loginemail, .loginpassword {
width:200px;
}
.passwordrecoveryemail {
width:215px;
}
.registeremail {
width:180px;
}
.registerpassword {
width:150px;
}
#trNewsLetter .communicationtext {
display:block;
}
.myaccountemail {
width:175px;
}
.myaccountpassword, .myaccountinput, .loyaltypoints {
width:150px;
}
.contacttitle, .countryname {
width:155px;
}
.postcodeinput {
width:120px;
}
.orderdetail .orderdetailcelltext {
display:inline-block;
width:100px !important;
}
.orderdetail .orderdetailcellvalue {
display:inline-block;
min-width:300px;
}
.orderdetail .orderaddresses .shippingaddress, .orderdetail .orderaddresses .billingaddress {
width:50%;
}
.orderdetail .orderaddresses .shippingaddress .sectionheader {
width:98%;
}
.orderdetail .paymentmethoddetails .block{
width:50%;
float:left;
}
.orderdetail .itemsordered {
margin-top:10px;
}
.orderdetail .itemsordereddetails {
padding:10px 0;
}
.contactformbox .contactforminput {
width:300px;
}
.contactformcontinue {
padding-top:10px;
}
.contactformcontinue p {
margin:0;
padding-bottom:5px;
}
.itemaddedcart_bottombuttons {
text-align:right;
margin-top:10px;
}
.productsnotfound .productsnotfoundbody {
margin:10px 0 0 0;
}
.stylelistpage .sectionheader {
margin-top:0px;
margin-bottom:10px;
}
.shoppingcart_topbuttons {
text-align:right;
margin-top:10px;
}
.checkoutheader .sep {
padding:0 5px;
}
/* Controls display of Customer Details step */
.checkoutbody .personaldetails {
margin-top:20px;
}
.checkoutbody .personaldetails .sectiondata {
margin-top:4px;
}
.checkoutbody .addresses {
margin-top:20px;
width:100%;
}
.checkoutbody .stepcustomerdetails .billingaddress, .checkoutbody .stepcustomerdetails .shippingaddress {
width:50%;
}
.checkoutbody .billingaddressinput, .checkoutbody .shippingaddressinput {
padding-top:4px;
}
.checkoutbody .shippingaddress .sameasbilling {
display:inline;
}
.checkoutbody .customerdetailsbutton {
text-align:right;
padding-top:20px;
margin-top:10px;
margin-bottom:10px;
}
.checkoutbody .imagebutton {
width:120px;
border:0;
}
/* Controls display of Shipping step */
.checkoutbody .shippingbuttontop, .checkoutbody .shippingbuttonbottom, .checkoutbody .paymentbuttonbottom {
text-align:right;
margin-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 Payment and Confirmation step */
.checkoutbody .paymentsummary, .checkoutbody .orderconfirmation {
padding-top:20px;
}
/* Controls display of Checkout block */
.checkoutbody .checkoutblockcheckbox span {
padding-right:5px;
}
/* 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;
}
.registrymatches .rs_table tr, .registrysearch .wl_table .headerstyle {
height:34px !important;
}
.registrymatches .rs_table th, .registrymatches .rs_table td, .registrysearch .wl_table .headerstyle th {
vertical-align:middle !important;
}
.registrymatches .rs_table .cell_registrantname {
padding-left:5px;
}
.registrymatches .rs_table .cell_registrantname, .registrymatches .rs_table .cell_coregistrantname {
width:180px;
}
.registrymatches .rs_table .cell_eventdate {
width:100px;
}
.registrymatches .rs_table .cell_viewlink {
width:80px;
text-align:center;
}
.registrysearch .cr_eventhtmlmessage {
background: #F6F6F6;
padding: 10px;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #CCC;
text-align: center;
}
.registrysearch .cell_item_details {
width:285px !important;
}
.registrysearch .cell_remove {
width:60px !important;
}
.registrysearch .ddlqty {
width:40px;
}
.myaccount.registrydetails .itempurchasers .itempurchaserswrap {
margin-left:50px;
}
.myaccount.registrydetails .cell_item_details {
width:280px !important;
}
.myaccount.registrydetails .cr_itemsummaries {
margin-top:10px;
}
.myaccount.registrydetails .cr_expired {
color:#FF0000;
font-weight:bold;
}
.registrysearchresultswrap .searchresultheader {
font-size:110%;
font-weight:bold;
color:#003271;
display:block;
margin:20px 0 5px;
}
.packingslip .fieldname {
width:120px !important;
}
.spn_SA {
clear: both;
float: left;
text-align: center;
width:100%;
}
.checkoutbody .shippingmethodlist .shippingbranchselection {
margin: 5px;
display: none;
}
.checkoutbody .shippingmethodlist .shippingbranchselection span {
font-weight: bold;
padding:0 10px 0 30px;
}
.checkoutbody .shippingmethodlist .shippingbranchselection select {
width: 50%;
padding:3px 5px;
}
.shipping-branch-wrap {
margin: 5px;
}
.shipping-branch-wrap .shipping-branch-name {
font-weight: bold;
}
/* Quick View Begins */
.div_QV {
position: absolute;
left: 0;
top: 50%;
width: 100%;
background-color: rgba(255,255,255, 0.4);
text-transform: uppercase;
text-align: center;
font-weight: bold;
padding: 3px; 0;
cursor: pointer;
z-index: 3;
display: none;
}
.div_QV:hover span {
text-decoration:underline;
}
#popupProductDetailContent {
display:none;
width:758px;
min-height: 421px;
height:auto;
font-size: 12px;
}
#popupProductDetailContent .popupDetails {
height: 100%;
}
#popProductDetailMessage {
display:none;
}
#popProductDetailMessage div {
margin-bottom: 10px;
padding: 8px 35px 8px 14px;
}
#popProductDetailMessage .success {
color: #468847;
background-color: #dff0d8;
border: 1px solid #d6e9c6;
}
#popProductDetailMessage .error {
color: #b94a48;
background-color: #f2dede;
border: 1px solid #eed3d7;
}
#popupProductDetailContent .fulldetails {
bottom: 10px;
left: 25px;
position: absolute;
text-decoration: underline;
width: auto;
z-index: 2;
}
#popupProductDetailContent .productdescription {
margin-top:0 !important;
}
#popupProductDetailContent .productimage_thumbnails {
width: 70px;
float: left;
height: 252px;
top: 25px;
position: absolute;
overflow-y: hidden;
}
#popupProductDetailContent .productimage_thumbnails_inner {
position: relative;
height: 9999px;
}
#popupProductDetailContent .productimage_zoomed {
float: right;
margin-right: 20px;
position: relative;
}
#popupProductDetailContent .StyleColourCont {
display: block;
clear: both;
width: 70px !important;
padding-right: 0 !important;
padding-bottom: 10px !important;
}
#popupProductDetailContent .StyleColourImage {
width: 68px;
height: 74px;
}
#popupProductDetailContent .StyleColourImageCaption {
display: none !important;
}
#popupProductDetailContent .productimage_thumbnails_scrolltop, #popupProductDetailContent .productimage_thumbnails_scrollbottom {
width: 70px;
height: 20px;
background: url(../files/productdetail-slidearrows.png) no-repeat;
}
#popupProductDetailContent .productimage_thumbnails_scrolltop {
position: absolute;
top: 0;
left: 0;
background-position: 0 0;
}
#popupProductDetailContent .productimage_thumbnails_scrolltop:hover {
cursor: pointer;
background-position: 0 -20px;
}
#popupProductDetailContent .productimage_thumbnails_scrolltop.disabled {
cursor: default;
background-position: 0px -40px;
}
#popupProductDetailContent .productimage_thumbnails_scrollbottom {
position: absolute;
bottom: 0;
left: 0;
background-position: -70px 0;
}
#popupProductDetailContent .productimage_thumbnails_scrollbottom:hover {
cursor: pointer;
background-position: -70px -20px;
}
#popupProductDetailContent .productimage_thumbnails_scrollbottom.disabled {
cursor: default;
background-position: -70px -40px;
}
#popupProductDetailContent .productdetailbox .productimagecont {
width: 53% !important;
}
#popupProductDetailContent .productdetailbox .productdetailcont {
width: 47% !important;
}
/* Quick View Ends */
/* Personalised Fields on Product Begins */
.personalised-fields-options {
margin-bottom:5px;
font-size:90%;
}
.personalised-fields-options .personalised-fields-options-head:before {
content: "";
float: left;
width:4px;
height:8px;
background: url("/user/files/slidingcart_nav_next.png") no-repeat;
margin-top:3px;
padding-right:4px;
}
.personalised-fields-options .personalised-fields-options-head {
color: #002E6C;
cursor: pointer;
}
.personalised-fields-options .personalised-fields-options-body {
display: none;
line-height: 20px;
padding-left: 12px;
}
.personalised-fields-options .personalised-fields-options-body .field-item-name {
font-weight:bold;
}
.personalised-fields-options.open .personalised-fields-options-body {
display: block;
}
.personalised-fields-options .personalised-fields-options-head:hover {
text-decoration: underline;
}
.personalised-fields-options.open .personalised-fields-options-head:before {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
width:8px;
margin-top:6px;
padding-right:0;
}
/* Personalised Fields on Product Ends */
/* Category Top Menu Begins */
.mainMenu {
margin-left: auto;
margin-right: auto;
position: relative;
z-index:198;
text-align: left;
}
.mainMenuTop h3 {
border-bottom: 3px solid #B0AFAF;
height: 25px;
margin: 7px 0 14px;
font-size: 12px;
color: #2e2e2e;
width: 150px;
}
.mainMenuTop .dropHeader {
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #E8E8E8;
position: absolute;
top: -7px;
left: 25px;
}
.mainMenuTop li {
border: medium none;
display: block;
float: left;
position: relative;
text-align: center;
}
.mainMenuTop li .subHead {
font-size: 12px;
}
.mainMenuTop li a {
font-size: 12px;
display: block;
outline: 0;
text-decoration: none;
color: #2e2e2e;
}
.mainMenuTop .lvl1 {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align:top;
margin-left: 5px;
margin-right: 5px;
width: 150px;
}
.mainMenuTop .lvl1 li a {
height:150% !important;
clear:both;
float:none;
}
.mainMenuTop .lvl2 li a {
line-height:100% !important;
padding:5px 0;
}
.mainMenuTop .lvl2 li:hover {
z-index:199;
}
.mainMenuTop li div a {
padding: 2px 0;
}
.mainMenuTop li:hover div a {
font-size: 12px;
color: #2e2e2e;
}
.mainMenuTop li:hover div a:hover {
text-decoration: underline;
}
.mainMenuTop li a .drop {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #09838D;
position: absolute;
right: 0;
top: 15px;
display:none;
}
.mainMenuTop li a:hover .drop {
border-top: 5px solid #ffffff !important;
}
.mainMenuTop li a.current .drop {
border-top: 5px solid transparent;
}
.mainMenuTop li .expn {
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #2e2e2e;
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.mainMenuTop li ul {
list-style: none;
padding: 0;
margin: 0;
font-weight:normal;
}
.mainMenuTop li ul li {
font-size: 12px;
line-height: 15px;
margin: 0;
padding: 0;
position: relative;
text-align: left;
background-color: transparent;
height:100%;
width:100%;
}
.mainMenuTop .col1, .mainMenuTop .col2, .mainMenuTop .col3, .mainMenuTop .col4, .mainMenuTop .col5,
.mainMenuTop .col6, .mainMenuTop .col7, .mainMenuTop .col8, .mainMenuTop .col9 {
background-color: #E8E8E8;
border-top: medium none;
box-shadow: 5px 5px 10px 0 #2e2e2e;
float: left;
left: -999em;
margin: 8px auto 4px;
padding: 10px 5px;
position: absolute;
text-align: left;
width: 655px;
z-index:198;
display:none;
}
.mainMenuTop .hasSub:hover .dropdownColumns {
left: -1px;
top: 22px;
}
.mainMenuTop .lvl2 li:hover .popupColumns.lvl3 , .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 */
/* Pack & Collective item selection in product detail page begins */
.attr3options .items-heading {
background: #fafafa;
border: 1px solid #E6E6E6;
height: 36px;
}
.attr3options .items-heading.attr-pack {
height: 44px;
}
.attr3options .item-value.attr-pack, .attr3options .item-unitprice.attr-pack {
width: 20%;
text-align: center;
font-weight: normal;
padding: 0 5px;
}
.attr3options .items-heading.attr-pack > div {
line-height: 44px;
height: 44px;
}
.attr3options .items-heading .item-image {
width: 50px;
}
.attr3options .items-heading .item-value {
width: 50px;
text-align: center;
}
.attr3options .items-heading .item-unitprice {
width: 80px;
text-align: right;
}
.attr3options .items-heading .item-price{
width: 80px;
text-align: right;
}
.attr3options .items-heading .item-qty {
width: 114px;
text-align: center;
}
.attr3options .items-heading > div {
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
float: left;
color: #666;
line-height: 36px;
height: 36px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.attr3options .item.active {
background: #DFF0D8;
}
.attr3options .item.disabled {
background: #F0EEE8;
}
.attr3options .item {
border-top: none;
background: #FAFAFA;
border: 1px solid #E6E6E6;
overflow: hidden;
position: relative;
}
.attr3options .item > div {
height: 68px;
line-height: 68px;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.attr3options .item .item-image {
width: 50px;
}
.attr3options .item .item-image-wrap {
cursor: pointer;
margin: 10px 0 0 1px;
height: 48px;
width: 48px;
}
.attr3options .item.active .item-image-wrap {
background: url(../Files/attribute1-active.gif) no-repeat scroll left top #FFFFFF;
}
.attr3options .item .item-image-wrap img {
background-repeat: no-repeat;
background-position: center center;
background-color: #CCC;
background-size: 100%;
height: 40px;
margin: 4px 0 0 4px;
width: 40px;
}
.attr3options .item .item-value {
width: 50px;
font-weight: bold;
text-align: center;
}
.attr3options .item .item-unitprice {
width: 80px;
text-align: right;
}
.attr3options .item .item-price {
width: 80px;
text-align: right;
}
.attr3options .item .item-qty {
width: 114px;
text-align: center;
position: relative;
}
.attr3options .item input.inputitemqty {
height: 20px;
width: 32px;
text-align: center;
padding: 3px 4px;
}
.attr3options .item .item-qty-buttons {
position: absolute;
top: 19px;
right: 7px;
padding: 0 29px;
width: 42px;
line-height: normal;
}
.attr3options .item .item-qty-buttons button {
background: transparent url(../files/minusplus.png) no-repeat 0 0;
height: 30px;
width: 30px;
border: 0;
outline: 0;
top: 0;
position: absolute;
cursor: pointer;
}
.attr3options .item .item-qty-buttons .item-qty-minus {
left: 1px;
background-position: 0 -30px;
}
.attr3options .item .item-qty-buttons .item-qty-plus {
right: 1px;
background-position: -30px -30px;
}
.attr3options .item .item-qty-minus:hover {
background-position: 0 0;
}
.attr3options .item .item-qty-plus:hover {
background-position: -30px 0;
}
.attr3options .item .item-qty-status {
position: absolute;
bottom: 0;
right: 0;
left: 0;
line-height: normal;
color:#B22222;
font-size:90%;
}
.attr3options .items-totals {
margin: 10px 0;
}
.attr3options .items-totals > div {
float: left;
height: 30px;
line-height: 30px;
text-align: right;
}
.attr3options .items-totals .item-total-title {
width: 130px;
font-size: 16px;
font-weight: bold;
}
.attr3options .items-totals .item-total-amount {
width: 130px;
font-size: 16px;
font-weight: bold;
}
.attr3options .items-totals .item-total-qty {
width: 104px;
color: #999;
font-size: 12px;
}
#popupProductDetailContent .attr3options {
font-size:90%;
}
#popupProductDetailContent .attr3options .items-heading .item-value {
width: 40px;
}
#popupProductDetailContent .attr3options .items-heading .item-price {
width: 70px;
}
#popupProductDetailContent .attr3options .item .item-value {
width: 40px;
}
#popupProductDetailContent .attr3options .item .item-price {
width: 70px;
}
#popupProductDetailContent .attr3options .items-totals .item-total-title {
width: 110px;
}
/* Pack & Collective item selection in product detail page ends */
/* Gift Card Begins */
body.EPGIFTCARD .maincontent {
background-image: url(../files/giftcard-bg.jpg);
background-attachment: fixed;
background-size: cover;
background-position:center center;
}
.giftcard {
position: relative;
margin-top: 50px;
margin-bottom: 50px;
}
.giftcard-landing {
padding-left: 5%;
padding-right: 5%;
}
.giftcard-landing .giftcard-type {
padding-left: 0;
padding-right: 0;
width:50%;
float:left;
}
.giftcard-landing .giftcard-type > a {
display: block;
position: relative;
max-width: 360px;
max-height: 480px;
margin: 4%;
text-align: center;
border: 2px solid #888;
width:100%;
color:#555;
text-decoration: none !important;
background-color: rgba(255, 255, 255, 0.6);
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
}
.giftcard-landing .giftcard-single {
width:100% !important;
}
.giftcard-landing .giftcard-single > a {
margin: auto !important;
float: none !important;
}
.giftcard-landing .giftcard-type > a:focus, .giftcard-landing .giftcard-type > a:hover {
background-color: rgba(255, 255, 255, 0.9);
}
.giftcard-type > a:hover{
border: 2px solid #000 !important;
}
.giftcard-landing .giftcard-type-left > a {
float:right;
}
.giftcard-landing .giftcard-type > a > span.top {
display: block;
font-size: 3rem;
margin-top: 10%;
}
.giftcard-landing .giftcard-type > a > span.middle {
display: block;
font-size: 3rem;
margin-top: 10%;
line-height: 50px;
text-transform: uppercase;
}
.giftcard-landing .giftcard-type > a > span.middle:hover {
text-decoration: none !important;
}
.giftcard-landing .giftcard-type > a > span.bottom {
border: 2px solid #fbad18;
border-radius: 4px;
display: inline-block;
font-size: 0.8rem;
margin-bottom: 10%;
margin-top: 20%;
padding: 2% 5%;
font-weight: 600;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
text-transform: uppercase;
}
.giftcard-landing .giftcard-type > a:hover > span.bottom {
background-color: #fbad18;
color: #fff;
}
/* Gift card balance popup */
.giftcard-balance {
display: block;
text-align: center;
color: #555;
text-decoration: none !important;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
margin: 2% 6% 0;
padding:15px 0;
text-transform:uppercase;
}
.giftcard-balance > h3 {
color: #000;
margin:0 0 15px;
}
.giftcard-balance > button {
color: inherit;
border: 2px solid #fbad18;
border-radius: 4px;
display: inline-block;
padding: 2% 5%;
font-weight: 600;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
text-transform: uppercase;
}
.giftcard-balance > button:hover {
background-color: #fbad18;
color: #fff;
}
#popupContent.giftcard-balance-popup {
width:360px !important;
padding: 15px;
min-height: 200px;
}
#giftcardBalance {
color: #555;
}
.popupWindow .popup-title {
color: #555;
padding: 0 0 5px;
margin: 0 0 15px;
line-height: 20px;
text-transform: uppercase;
border-bottom: 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%;
}
.site-slidedown-message {
display: none;
z-index: 99999;
font-size: 1.2rem;
position: absolute;
top: 4px;
left: 17px;
right: 17px;
color: rgb(75, 75, 75);
background-color: rgb(253, 247, 223);
border: 1px solid rgb(227, 197, 85);
font-weight: bold;
padding: 12px;
}
.site-slidedown-message .close {
font-size: 18px;
}
.col-12 {
width:100%!important;
}
.inputvalidator {
margin:5px 0 0;
}
.inputvalidator .message {
font-weight:bold;
}
#giftcardBalance .button_box {
margin:30px 0 0;
width:100%;
}
#giftcardBalance .button_box > button {
background-color: #fbad18;
color: #fff;
width:100%;
border: 2px solid #fbad18;
border-radius: 4px;
display: inline-block;
font-size: 0.8rem;
padding: 2% 5%;
font-weight: 600;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
text-transform: uppercase;
}
/* Gift card selection page */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance:textfield;
}
.btn-reverse {
background-color: #fff;
border: 2px solid #fbad18;
border-radius: 4px;
display: inline-block;
font-size: 1.4rem;
padding: 2% 5%;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
}
.btn-reverse:hover {
background-color: #fbad18;
color: #fff;
}
#giftCardSelection {
position: relative;
max-width: 1199px;
margin: 0 auto;
}
#giftCardSelection .inline-container > *, #giftCardSelection .form-control {
font-size: 14px;
}
#giftCardSelection .giftcard-images {
clear: left;
float: left;
position: relative;
padding-right:30px;
width:50%;
}
#giftCardSelection .giftcard-header {
color: #fff;
font-size: 16px;
position: relative;
text-align: left;
text-transform: uppercase;
padding: 5px 15px;
margin-bottom: 10px;
-webkit-font-smoothing: antialiased;
}
#giftCardImageWrapper, #giftCardReviewWrapper {
position: relative;
margin-bottom: 30px;
}
#giftCardImageWrapper .giftcard-image-container {
overflow: hidden;
}
#giftCardImageWrapper .giftcard-image {
position: relative;
width: 48.9%;
float: left;
margin-bottom:10px;
}
#giftCardImageWrapper .giftcard-image-container div:nth-child(odd) {
padding-left:0;
padding-right:5px;
}
#giftCardImageWrapper .giftcard-image-container div:nth-child(even) {
padding-left:5px;
padding-right:0;
}
#giftCardImageWrapper .giftcard-image-container a.giftcard-image-button {
display:block;
width:100%;
height:100%;
}
#giftCardImageWrapper .giftcard-image-container a.giftcard-image-button.selected:after {
content:"";
position:absolute;
top:0;
bottom:0;
left:0;
right:5px;
border: 6px solid #006FB1;
}
#giftCardImageWrapper .giftcard-image-container div:nth-child(even) a.giftcard-image-button.selected:after {
left:5px;
right:0;
}
#giftCardImageWrapper .giftcard-image-container a.giftcard-image-button img {
width:100%;
}
#giftCardSelection .giftcard-fields {
float: right;
position: relative;
width:46.9%;
}
#giftCardFormWrapper .giftcard-form-container {
position: relative;
overflow: hidden;
padding: 0 0 15px 0;
background-color: #fff;
margin: 0 auto;
zoom: 1;
}
#giftCardFormWrapper > div > div, #giftCardReviewWrapper > div > div {
padding-left: 0;
padding-right: 0;
margin-bottom: 30px;
float: left;
width: 100%;
}
#giftCardFormWrapper .formsectiontext {
width: auto;
min-height:0;
padding-top:0;
line-height: normal;
font-size: 14px;
display: inline-block;
padding-bottom:5px;
}
#giftCardFormWrapper .sign {
padding-top: 3px;
min-height:0;
}
#giftCardFormWrapper .formsectionvalue {
width: 100%;
padding-left: 0;
}
#giftCardAmounts .giftcard-amount {
width: 32.9%;
line-height: 34px;
background-color: #fff;
text-align: center;
color: #777;
display: block;
float: left;
cursor: pointer;
border: 1px solid #ddd;
}
#giftCardAmounts .giftcard-amount.selected {
border: 1px solid #fbad18;
background-color: #fbad18;
color: #fff;
}
#giftCardAmounts .giftcard-amount:not(:nth-child(3n)) {
border-right: 1px solid transparent;
}
#giftCardAmounts .giftcard-amount:nth-child(n+4) {
border-top: 1px solid transparent;
}
#giftCardFormWrapper .giftcard-amount-sign {
float: left;
position: relative;
top: 10px;
}
#giftCardFormWrapper .form-control:focus {
border-color: inherit;
-webkit-box-shadow: none;
box-shadow: none;
}
#txtGiftCardCustomAmount {
width: 60px !important;
text-align: right;
}
#giftCardSelection .form-control, #giftcardBalance .form-control {
padding: 7px;
border: 1px solid #ddd;
width:96%;
}
#giftCardSelection input.form-control, #giftcardBalance input.form-control {
height:18px;
}
#giftCardSelection .input-group-addon:last-child {
border-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
#giftCardSelection .input-group-addon {
padding: 9px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px;
}
#giftCardSelection .input-group-addon, #giftCardSelection .input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
#giftCardSelection .input-group .form-control, #giftCardSelection .input-group-addon, .input-group-btn {
display: table-cell;
}
#giftCardSelection .input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 88%;
margin-bottom: 0;
}
#giftCardFormWrapper .info-block {
font-size: 9px !important;
text-transform: none;
display: block;
margin: 3px 0 0 35px;
}
#giftCardReviewWrapper .giftcard-review-text {
margin-bottom: 15px;
}
#giftCardReviewWrapper .giftcard-review-preview {
width:50%;
}
#giftCardReviewWrapper .giftcard-review-preview > button {
width:100%;
font-size:14px;
}
#giftCardReviewWrapper .checkbox {
margin: 0;
}
#giftCardReviewWrapper .checkbox a {
text-decoration: underline;
}
#giftCardReviewWrapper .giftcard-terms-agreetext {
padding-left: 30px;
font-size: 12px;
}
#giftCardReviewWrapper .checkbox input[type="checkbox"] {
height: 20px;
width: 20px;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
vertical-align: middle;
padding:0;
margin: 0 8px 0 -30px;
border: 1px solid #000;
background: -webkit-linear-gradient(#FFF, #FFF);
-webkit-appearance: none;
-webkit-transition: box-shadow 200ms;
}
#giftCardReviewWrapper .checkbox input[type="checkbox"]:checked:after {
content: "\f00c";
font-family: 'FontAwesome';
font-size: 17px;
}
#giftCardReviewWrapper input.btn {
font-size: 1.4rem;
width: 100%;
}
#giftCardReviewWrapper .inputvalidator {
float: left;
position: relative;
margin-bottom:0;
}
#popupContent.giftcard-preview {
width: 642px;
min-height: 377px;
height:377px;
}
/* Gift Card in Shopping Cart & Checkout */
.ci_table .cell_remove .cell_footer_giftcardremove .remove {
padding-top:0 !important;
}
.giftcard_content .input_box {
display: inline-flex;
justify-content: space-between;
}
.giftcard_content .input_box .giftcardnumber_input {
width:72%;
text-transform:uppercase;
margin-right:8px;
}
.giftcard_content .input_box .giftcardpin_input {
width:28%;
text-transform:uppercase;
}
.giftcard_content .button_box {
display: inline-block;
width: auto;
margin-bottom: 0;
}
.coupon_checkout, .giftcard_checkout {
height:auto !important;
line-height:normal !important;
width:100%;
padding-left: 7px;
}
.giftcard_checkout {
background-color:#F7F6F3;
color:#5A5A5A;
border: 1px solid #ddd;
position:relative;
}
.giftcard_checkout .giftcard_prompt {
width: 100%;
padding-top:7px;
}
.giftcard_checkout .giftcard_content {
position: relative;
width: 100%;
}
.coupon_checkout .coupon_content, .giftcard_checkout .giftcard_content {
float: left;
text-align: left;
}
.coupon_checkout .notice, .giftcard_checkout .notice {
margin-top:0;
}
/* Gift Card Ends */
/* Attribute grid selection begins */
ul.attributegrid-container {
width: 100%;
display: inline-block;
background: white;
}
ul.attributegrid-container, ul.attributegrid-container ul, ul.attributegrid-container li {
margin:0;
padding:0;
}
ul.attributegrid-container, ul.attributegrid-container * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
li.attribute-multiple {
display: inline-block;
width: 28%;
background: white;
margin-bottom: 0;
margin-top: 0;
vertical-align: top;
}
li.attribute-multiple.single {
width: 32.4%;
}
li.attribute-multiple:nth-child(3n+1) {
width: 41%;
}
li.attribute-multiple.single:nth-child(3n+1) {
width: 32.4%;
}
ul.attributegrid-container li:first-child {
margin-left: 0;
}
ul.atributegrid-cart.grid-labels li, ul.atributegrid-cart.grid-inputs .title {
width: 100%;
vertical-align: top;
padding: 6px 0px;
background: #5cb0da;
padding-left: 6%;
color: white;
text-transform: capitalize;
background: -webkit-linear-gradient(#5cb0da, #75bee2 , #70bbe1);
background: -o-linear-gradient(#5cb0da, #75bee2 , #70bbe1);
background: -moz-linear-gradient(#5cb0da, #75bee2 , #70bbe1);
background: linear-gradient(#5cb0da, #75bee2 , #70bbe1);
}
ul.atributegrid-cart {
display: block;
}
ul.atributegrid-cart > li {
margin-bottom: 7px;
list-style-type: none;
}
ul.atributegrid-cart.grid-labels > li.one, ul.atributegrid-cart.grid-inputs .inner-mulitple.one {
height: 69px;
}
ul.atributegrid-cart.grid-labels > li.two, ul.atributegrid-cart.grid-inputs .inner-mulitple.two {
height: 95px;
}
ul.atributegrid-cart.grid-labels {
display: none;
}
li.attribute-multiple:nth-child(3n+1) > ul.atributegrid-cart.grid-labels {
display: inline-block;
vertical-align: top;
width: 28.5%;
}
li.attribute-multiple.single:nth-child(3n+1) > ul.atributegrid-cart.grid-labels {
display: none;
}
ul.atributegrid-cart.grid-labels {
margin-top: 35px;
margin-right: 3%;
}
ul.atributegrid-cart.grid-labels .empty {
display: none;
}
ul.atributegrid-cart.grid-inputs .title {
display: inline-block;
margin-bottom: 7px;
}
ul.atributegrid-cart.grid-inputs .inner-mulitple {
display: inline-block;
width: 100%;
background: #f9fdff;
margin-top: 0;
padding: 7px 9px 0px;
color: #828383;
font-size: 13px;
min-height: 34px;
}
ul.atributegrid-cart.grid-inputs .inner-mulitple input {
padding: 0 6%;
width: 100%;
}
li.attribute-multiple:nth-child(3n+1) > ul.atributegrid-cart.grid-inputs {
width: 68.3%;
display: inline-block;
vertical-align: top;
}
li.attribute-multiple.single:nth-child(3n+1) > ul.atributegrid-cart.grid-inputs {
width: 100%;
}
.attributegrid-quantity, .attributegrid-price {
padding: 5px 0;
margin: 0;
}
ul.atributegrid-cart.grid-labels > li {
padding-top: 25%;
text-align: center;
min-height: 34px;
}
/* Attribute grid selection ends */
.logo.show-text, a.show-text {
line-height: 0;
font-size: 0;
color: transparent;
}
.relative-logo {
position: relative;
overflow: hidden;
}
.relative-logo > a {
position: relative;
z-index: 1;
float: none !important;
}
.relative-logo > .logo-alt {
display: block;
position: absolute;
left: 0;
}
/* Attribute1 Swatch begins */
.div_CS {
position: relative;
height: auto!important;
}
.swatch-image-wrapper {
height: 35px!important;
padding-top: 5px;
width: 200%;
text-align: left;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.swatch-image {
margin-right: 5px;
display: inline-block;
height: 30px;
width: 30px;
border: 1px solid #fff;
position:relative;
vertical-align: top;
}
.swatch-image>img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.swatch-image:hover {
border-color:#333;
}
.direction-nav .prev, .direction-nav .next {
background: url(../files/look_nav.png) no-repeat left top transparent;
position: absolute;
top: 50%;
margin-top: -16px;
font: 0/0 a;
text-shadow: none;
color: transparent;
}
.direction-nav a {
-moz-transition: all .3s ease;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
display:none;
opacity: 0;
width: 32px;
height: 32px;
}
.direction-nav a:focus {
outline:none;
}
.div_CS.prev .prev:hover, .div_CS.next .next:hover {
opacity: 1;
}
.direction-nav .prev {
background-position: 0 -32px;
left: 0;
}
.direction-nav .next {
background-position: -32px -32px;
right: 0;
}
.div_CS.prev .prev, .div_CS.next .next{
display:inherit;
opacity:0.7;
}
/* Attribute1 Swatch ends */
/* Promotion banner begins */
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner > .item {
position: relative;
display: none;
-webkit-transition: .6s ease-in-out left;
-o-transition: .6s ease-in-out left;
transition: .6s ease-in-out left;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
line-height: 1;
}
.carousel-inner > .item {
-webkit-transition: -webkit-transform .6s ease-in-out;
-o-transition: -o-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.carousel-inner > .item.next, .carousel-inner > .item.active.right {
left: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.carousel-inner > .item.prev, .carousel-inner > .item.active.left {
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next, .carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left, .carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15%;
font-size: 20px;
color: #fff !important;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
filter: alpha(opacity=50);
opacity: .5;
}
.carousel-control.left {
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control.right {
right: 0;
left: auto;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control:hover, .carousel-control:focus {
color: #fff;
text-decoration: none;
filter: alpha(opacity=90);
outline: 0;
opacity: .9;
}
@font-face {
font-family: 'Glyphicons Halflings';
src: url('/assets/bootstrap/fonts/glyphicons-halflings-regular.eot');
src: url('/assets/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/assets/bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/assets/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/assets/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/assets/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
margin-top: -10px;
}
.carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -10px;
}
.carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -10px;
}
.carousel-control .glyphicon-chevron-left:before {
content: "\e079";
}
.carousel-control .glyphicon-chevron-right:before {
content: "\e080";
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px;
}
.carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.carousel-inner > .item > a {
display: inherit;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img {
width: 100%;
}
.carousel-control:focus, .carousel-control:active, .carousel-control:hover {
background-color: transparent !important;
}
/* Promotion banner ends */
/* Category Offer */
.styleoffer {
position: absolute;
top: 0;
left: 10px;
z-index: 100;
}
.styleoffer .offer_badge {
text-transform: uppercase;
font-size: 11px;
color: #af1d30;
border-radius: 50px;
border: 1px solid #af1d30;
width: 50px;
height: 50px;
display: inline-block;
letter-spacing: 0;
line-height: 50px;
float: left;
text-align: center;
font-weight: 600;
text-decoration: none !important;
cursor: default;
}
.styleoffer .offer_banner {
background-color: #fff;
border-top: 1px solid #af1d30;
border-bottom: 1px solid #af1d30;
padding: 10px 0;
position: relative;
width: 100%;
display: none;
}
.styleoffer .offer_banner a {
text-align: center;
display: inline-block;
color: #af1d30;
text-transform: uppercase;
text-decoration: none;
cursor: text;
}
.styleoffer:hover > .offer_badge {
display: none;
}
.styleoffer:hover > .offer_banner {
display: block;
}
/* Product Detail Offer */
.productdetailcont .offer_banner {
background-color: #fff;
border-top: 1px solid #af1d30;
border-bottom: 1px solid #af1d30;
padding: 10px 0;
width: 100%;
display: inline-block;
}
.productdetailcont .offer_banner a {
text-align: center;
display: inline-block;
color: #af1d30;
text-transform: uppercase;
text-decoration: none;
cursor: text;
}/* Credit card entry form */
.entry-form, .entry-inputs {
padding-left:0;
}
#CreditCardEntryForm hr {
margin:15px 0;
}
#CreditCardEntryForm .form-group {
margin-bottom:20px;
}
#CreditCardEntryForm .registercellleft {
width:100%;
float:none;
vertical-align:middle;
}
.form-details {
margin-bottom:20px;
}
.cc-card-row {
background-color:#f7f6f3;
}
.cc-card-row.selected, .cc-card-row:hover {
background-color:#ddd;
}
.cc-another-card-row {
background-color:transparent!important;
}
.cc-inner-row {
display:table-cell;
vertical-align:middle;
}
.cc-saved-card {
display:table;
width:100%;
padding:15px;
margin-bottom:0;
}
.cc-inner-radio {
width:30px;
}
.cc-inner-radio > input[type="radio"] {
margin-top:0;
margin-bottom:0;
}
.cc-inner-img {
width:60px;
padding-right:10px;
}
.cc-inner-name {
width:140px;
text-align:right;
}
.cc-remove-this {
color:#B22222;
}
.cc-inner-cell {
padding:7px;
}
.cc-inner-cell > label {
margin:0;
padding:0;
}
.cc-inner-cell:first-child {
padding-bottom:2px;
}
.cc-another-card > .cc-inner-row > .cc-inner-cell {
padding-bottom:0;
}
.cc-inner-cell:last-child {
padding-top:0;
}
.cc-card-images > div {
float:left;
}
.cc-card-images img {
max-width:100%;
}
.cc-what-is-this {
padding:10px 0;
}
#popupWhatsSecurityCode, #popupWhatsSaveThisCard {
width:600px;
}
/* Google address finder */
.addressfinder-container {
position:relative;
}
.addressfinder-container .findertrigger {
position:relative;
z-index:1;
}
.addressfinder-container .addressfinder {
position:absolute;
top:1px;
left:2px;
z-index:0;
display:inline-block;
border:0;
box-shadow:none;
transition:unset;
}
.pac-container .pac-item {
min-height: 38px;
padding: 4px;
font-size: 12px;
}
.payment-checkout-widget {
margin-left: 22px;
margin-bottom: 4px;
color: #777;
}
.payment-checkout-widget > p {
margin:0;
}
.payment-checkout-widget > p > a {
text-decoration: underline;
}
body.partPayCalculatorBodyNoScroll .productimagecont, body.partPayCalculatorBodyNoScroll .productdetailcont {
z-index: 0;
}
body.partPayCalculatorBodyNoScroll .productdetailbox {
z-index: 1004;
}/* combine product internet description, information tabs and stock availability and display stock availability tab */
.stockAvailabilityCont.combine-product-information {
padding: 0;
margin: 20px auto;
display: inline-block;
text-align: left;
width: 100%;
background-color: #f7f7f7;
padding: 50px;
border-bottom: 1px solid #ccc;
}
.stockAvailabilityCont.combine-product-information > .stockAvailability-theme.left-container {
float: left;
width: 70%;
padding-right: 50px;
}
.stockAvailabilityCont.combine-product-information >.stockAvailability-theme.right-container {
float: left;
width: 30%;
}
.stockAvailabilityCont.combine-product-information > .stockAvailability-theme .ajax__tab_header {
color: #000;
font-weight: bold;
margin-right: 0;
}
.stockAvailabilityCont.combine-product-information > .stockAvailability-theme .ajax__tab_body {
border: 0;
padding: 20px 0 0 0;
}
.stockAvailabilityCont.combine-product-information > .stockAvailability-theme .ajax__tab_outer {
background: none!important;
margin-right: 20px;
}
.stockAvailabilityCont.combine-product-information > .stockAvailability-theme .ajax__tab_inner {
background: none!important;
margin-left: 0;
}
.stockAvailabilityCont.combine-product-information > .stockAvailability-theme .ajax__tab_active .ajax__tab_inner {
border-bottom: 3px solid #006fb1;
}
.stockAvailabilityCont.combine-product-information > .stockAvailability-theme .ajax__tab_active .ajax__tab_tab,
.stockAvailabilityCont.combine-product-information > .stockAvailability-theme .ajax__tab_hover .ajax__tab_tab,
.stockAvailabilityCont.combine-product-information > .stockAvailability-theme .ajax__tab_header .ajax__tab_tab {
margin-right: 0;
padding: 10px 0 0;
}
/* combine product internet description, information tabs and stock availability and display below add to cart button */
.product-information-tabs.combine-product-information {
padding: 0;
margin: 0;
max-width: 100%;
}
.product-information-tabs.combine-product-information .ajax__tab_header {
font-size: 11px;
margin: 0 auto 15px;
display: inline-block;
letter-spacing: 1px;
}
.product-information-tabs.combine-product-information .ajax__tab_header>span {
padding: 5px 0;
}
.product-information-tabs.combine-product-information .ajax__tab_tab {
margin-top: 10px;
padding: 0;
cursor: pointer;
color: #000;
line-height: normal;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
}
.product-information-tabs.combine-product-information .ajax__tab_tab:after {
content: "\f107";
font-family: FontAwesome;
display: inline-block;
padding-left: 5px;
}
.product-information-tabs.combine-product-information .ajax__tab_active .ajax__tab_tab {
color: #006fb1;
}
.product-information-tabs.combine-product-information .ajax__tab_active .ajax__tab_tab:after {
content: "\f106";
}
.product-information-tabs.combine-product-information .ajax__tab_header
, .product-information-tabs.combine-product-information .ajax__tab_tab
, .product-information-tabs.combine-product-information .ajax__tab_outer
, .product-information-tabs.combine-product-information .ajax__tab_inner {
border:0!important;
background: none!important;
padding: 0;
margin: 0;
}
.product-information-tabs.combine-product-information .ajax__tab_header,
.product-information-tabs.combine-product-information .ajax__tab_header>span {
display:block!important;
border:0!important;
}
.product-information-tabs.combine-product-information .ajax__tab_header > .ajax__tab_panel {
max-height: 0;
overflow: hidden;
visibility: visible;
margin: 0 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
.product-information-tabs.combine-product-information .ajax__tab_header > .ajax__tab_panel.open {
max-height: 9999px;
overflow: visible;
display: block;
visibility: visible;
-webkit-transition: max-height 0.5s ease-in-out;
-moz-transition: max-height 0.5s ease-in-out;
-o-transition: max-height 0.5s ease-in-out;
transition: max-height 0.5s ease-in-out;
}
.btn-alert-ok, .btn-confirm-ok {
color:#fff;
background-color:#006FB1;
width:65px;
padding:8px;
float:right;
display:block;
border:1px solid #ccc;
border-radius:2px;
}
.btn-confirm-cancel {
margin-left:10px;
color:#000;
background-color:#fff;
width:65px;
padding:8px;
float:right;
display:block;
border:1px solid #ccc;
border-radius:2px;
}
.table-borderless>tbody>tr>td, .table-borderless>tbody>tr>th, .table-borderless>tfoot>tr>td, .table-borderless>tfoot>tr>th, .table-borderless>thead>tr>td, .table-borderless>thead>tr>th {
border: 0;
}
.size-availability-table>tbody>tr>td, .size-availability-table>tbody>tr>th, .size-availability-table>tfoot>tr>td, .size-availability-table>tfoot>tr>th, .size-availability-table>thead>tr>td, .size-availability-table>thead>tr>th {
padding: 5px 0;
}
.size-availability-table>thead>tr>th {
padding: 16px 0;
border-bottom: 2px solid #ddd;
}
.stock-availability-container + .sanote {
padding: 5px 0;
}
.size-availability-body .sabranchname {
min-width: 110px;
}
.size-availability-body .saattribute2 {
min-width: 50px;
}
.size-availability-body .sabranchname a[aria-disabled="true"] {
display: inline-block; /* For IE11/ MS Edge bug */
pointer-events: none;
cursor: default;
color: #000!important;
text-decoration: none!important;
padding: 0;
margin-left: 0;
}
/* to remove existing properties */
.size-availability-body .sainstock, .size-availability-body .saoutofstock {
font-weight: normal!important;
color: #000!important;
background: none!important;
padding: 0!important;
}
.size-availability-body .sainstock:before, .size-availability-body .saoutofstock:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 2rem;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.size-availability-body .sainstock:before {
content: "\f00c";
-webkit-text-stroke: 2px #fff;
text-stroke: 2px #fff;
}
.size-availability-body .saoutofstock:before {
font-size: 1.5rem;
content: "\f00d";
color: #aaa;
-webkit-text-stroke: 1px #fff;
text-stroke: 1px #fff;
}
/* Giveaway promotion begins */
.modal .popup-upsell {
margin:0 auto;
text-align:center;
}
.modal .popup-upsell .upsell-header {
font-size: 1.2rem;
margin-bottom: 1rem;
text-transform: none;
}
.modal .popup-upsell .upsell-heading {
font-size: 1.4rem;
text-transform: uppercase;
}
.modal .popup-upsell .upsell-products, .modal .popup-upsell .upsell-footer {
position:relative;
display:inline-block;
margin:0 auto;
width: 297px;
}
.modal .popup-upsell .upsell-footer .btn {
border: 1px solid #ddd;
background: transparent !important;
color: #333 !important;
}
.modal .popup-upsell .upsell-products .styleoffer .offer_badge {
display: none;
}
.modal .popup-upsell .upsell-products .styleoffer .offer_banner {
display: block;
border: 0;
}
.modal .popup-upsell .upsell-products .styleoffer .offer_banner a {
font-size: 80%;
}
.modal .popup-upsell .upsell-products .quantityinput {
display: none !important;
}
/* Giveaway promotion ends */
.productdetailcont .productdescription {
margin: 10px 0;
}
.div_CP {
margin-top: 10px;
}
/* Categories on Style List contents */
.stylelist -summary-header {
position: relative;
display: flex;
justify-content: right;
padding-right: 15px;
z-index: 1;
}
.stylelist-summary-header > li {
position: relative;
display: block;
margin-bottom: -1px;
}
.stylelist-summary-header > li > a {
position: relative;
display: block;
padding: 10px 15px;
margin-right: 2px;
line-height: 1.42857143;
border: 0;
border-radius: 0;
opacity: 0.6;
cursor: pointer;
}
.stylelist-summary-header > li.active > a, .stylelist-summary-header > li.active > a:hover {
opacity: 1;
font-weight: bold;
text-decoration: underline;
}
.stylelist-summary-header > li > a:hover {
opacity: 1;
text-decoration: underline;
}
.stylelist-summary-inner.inactive {
display: none;
}
/* Categories on Style List contents ends */
/* Online EFTPOS */
.online-eftpos-checkout > * {
margin:5px 0 !important;
}
.online-eftpos-banks {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.online-eftpos-banks > div {
border:1px solid #ddd;
padding: 5px 0;
max-width: 90px;
}
.text-strong {
font-weight: bold;
font-size: 120%;
color:#000;
}
img.fit {
object-fit: contain;
max-width:100%;
max-height:100%;
height: auto;
}