/*********************************************Body & Container***************************************/
body {
margin:0px;
text-align:center;
padding:0px;
font-size:12px;
}
#container {
}
/*********************************************one header***************************************/
#masthead {
width: 800px;
height:75px;
overflow:hidden;
}
/*********************************************split header***************************************/
#mastheadL {
}
#mastheadR {
}
/*********************************************Search Bars**************************************/
#searchBar {
}
#SearchBarBottom {
}
/*********************************************page cell**************************************/
#pagecell1 {
}
/*********************************************leftnav************************************/
#LeftNav {
}
/*********************************************right nav************************************/
#RightNav {
}
/*********************************************main content************************************/
#MainS {
}
#MainM {
}
#MainL {
background:#FFF;
padding:1%;
overflow: hidden;
}
/*********************************************footer*********************************************/
#siteInfo {
}
#copyright {
}
/******* hyperlink and anchor tag styles *******/
a:link, a:visited {
}
a:hover {
}
h1, h2, h3, h4, h5 {
font-weight:normal;
font-size: 1em;
margin:0px;
padding:0px;
}
/**********************************************************************/
/*//////////////////// START OF CMS \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/**********************************************************************/
/***********************************************/
/* tooltips */
/***********************************************/
.CMShelp {
float:left;
position:relative;
text-decoration:none;
padding:0px;
margin:0px;
}
.CMSerrorarea {
text-align: left;
margin: 20px;
padding: 10px;
border: 2px dashed #FF4A4A;
background-color: #eaeaea;
margin-top:10px;
font:12px Arial, Helvetica, sans-serif;
color:#5473b4;
}
.CMSerrorarea li {
list-style:none;padding:0px;margin:0px;
}
.CMStooltip img{
border:none;
clear:left;
}
.CMStooltip {
z-index:24;
position:relative;
text-decoration:none;
font:12px Arial, Helvetica, sans-serif;
}
.CMStooltip:hover {
z-index:25;
color:#7a7a7a;
border-bottom:1px dashed #7a7a7a;
text-decoration:none;
}
.CMStooltip span {
display:none;
}
.CMStooltip:hover span {
position:absolute;
top:0px;
left:20px;
border:1px solid #5473b4;
padding:5px;
display:block;
width:300px;
overflow:visible;
color:#5473b4;
background-color:#F4F5F4;
}
a.CMSsiteTooltip {
display:block;
background-color:#31353e;
float:left;
width:auto;
height:15px;
font:10px Arial, Helvetica, sans-serif;
color:#cccccc;
text-decoration:none;
cursor:pointer;
}
a.CMSsiteTooltip span {
display:none;
}
a.CMSsiteTooltip:hover {
z-index:25;
text-decoration:none;
color:#FFFF2A;
border-bottom:1px dashed #7a7a7a;
}
a.CMSsiteTooltip:hover span {z-index:26;
position:absolute;
top:15px;
left:0px;
border:2px solid #5473b4;
padding:5px;
display:block;
width:250px;
overflow:visible;
color:#5473b4;
background-color:#F4F5F4;
}
.CMSsiteTooltipT{
font-weight:bold;float:left;}
/*****************************************************************************************************************************/
/* elm00011 Login admin/user */
/*****************************************************************************************************************************/
.elm11Login{
clear:both;
display:block;
width:100%;
height:auto;
}
.elm11h2{
display:block;
width:100%;
line-height:30px;
font-size:18px;
}
.elm11h3{
clear:both;
display:block;
width:auto;
line-height:40px;
margin:0px;
font-size:14px;
}
.elm11text{
padding:5px 0px 5px 0px;
margin:0px 0px 0px 0px;
}
.elm11label{
font-size: 12px;
margin:0px;
margin-left:20px;
padding:0px;
width:160px;
line-height:20px;
display:block;
float:left;
}
.elm11label2{
font-size: 12px;
margin:0px;
padding:0px;
width:160px;
line-height:20px;
float:left;
}
.elm11label3{
font-size: 12px;
margin:0px;
margin-left:20px;
padding:0px;
width:160px;
line-height:20px;
display:block;
float:left;
}
.elm11radio{
float:left;
display:inline;
margin:0px;
padding:0px;
width:20px;
line-height:20px;
}
.elm11input2{
display:block;
width:260px;
float:left;
height:14px;
font-size:12px;
margin:0px;
background-color:#eaeaea;
border:1px solid #cccccc;
}
a.elm11question {
margin:0px;
margin-left:280px;
padding:0px;
width:160px;
line-height:20px;
display:block;
clear:left;
text-align:right;
}
.elm11question {
}
.elm11mext{
float:left;
}
/*****************************************************************************************************************************/
/* elm00240 Login admin/user */
/*****************************************************************************************************************************/
.elm240Login {
width:220px;
border:1px solid #CCC;
overflow:hidden;
padding:10px
}
.elm240h2 {
font-weight:bold;
font-size:18px;
margin:0 0 4px;
}
.elm240emailLabel,.elm240passwordLabel {
display:inline-block;
clear:left;
width:80px;
line-height:28px
}
.elm240email,.elm240password {
width:130px
}
#elm240loginSubmit {
clear:both;
float:right;
}
#elm240register,#elm240forgotten {
float:left;
clear:left;
margin:2px 0;
}
/*****************************************************************************************************************************/
/* elm00038 Forgotten Password */
/*****************************************************************************************************************************/
.elm38Forgot{
display:block;
width:100%;
height:auto;
}
.elm38h2{
display:block;
width:100%;
line-height:30px;
font-size:18px;
}
.elm38h3{
clear:both;
display:block;
width:auto;
line-height:40px;
margin:0px;
font-size:14px;
}
.elm38text{
}
.elm38label{
margin:0px;
padding:0px;
width:160px;
line-height:20px;
display:block;
float:left;
}
.elm38input{
display:block;
width:260px;
float:left;
margin:0px;
}
.elm38next{
}
/*****************************************************************************************************************************/
/* elm00049 Forgotten Password details */
/*****************************************************************************************************************************/
.elm49Forgot{
display:block;
width:100%;
height:auto;
}
.elm49h2{
display:block;
width:100%;
line-height:30px;
font-size:18px;
}
.elm49h3{
clear:both;
display:block;
width:auto;
line-height:40px;
margin:0px;
font-size:14px;
}
.elm49text{
clear:both;
padding:10px 0px 10px 0px;
}
.elm49label{
margin:0px;
padding:0px;
width:160px;
line-height:20px;
float:left;
}
.elm49input{
display:block;
width:260px;
float:left;
font-size:10px;
margin:0px;
float:left;
}
/*****************************************************************************************************************************/
/* elm00031 My Profile */
/*****************************************************************************************************************************/
.elm31MyProfile{
display:block;
width:100%;
height:auto;
margin-bottom:20px;
}
.elm31h3{
clear:both;
display:block;
width:auto;
line-height:40px;
margin:0px;
font-size:14px;
}
span.elm31text{}
span.elm31text a{}
p.elm31text{
clear:both;
display:block;
padding:10px 0px 10px 0px;
}
/*****************************************************************************************************************************/
/* elm00021 / elm00067 / elm00064 / elm00065 standard and trade registration */
/*****************************************************************************************************************************/
.elm67register, .elm64register, .elm65register{
display:block;
width:100%;
height:auto;
}
.elm67h2, .elm64h2, .elm65h2{
display:block;
width:100%;
line-height:30px;
font-size:18px;
}
.elm67h3, .elm64h3, .elm65h3{
clear:both;
display:block;
width:auto;
line-height:40px;
margin:0px;
font-size:14px;
}
.elm67text, .elm64text, .elm65text{
display:block;
padding:10px 0px 10px 0px;
}
.elm67maindetails, .elm64maindetails, .elm65maindetails{
width:470px;
padding:0px;
margin:auto;
}
.elm67formErrorLabel, .elm64formErrorLabel, .elm65formErrorLabel{
float:left;
clear:left;
display:block;
width:145px;
height:18px;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
}
.elm67formLabel, .elm64formLabel, .elm65formLabel{
float:left;
clear:left;
display:block;
width:145px;
height:20px;
margin:0px 0px 10px 0px;
padding:2px 0px 0px 0px;
}
.elm67inputL, .elm64inputL, .elm65inputL{
width:300px;
height:16px;
background-color:#F4F4F4;
margin:0px;
border:1px solid silver;
clear:right;
float:left;
}
.elm67input, .elm64input, .elm65input{
width:180px;
height:16px;
background-color:#F4F4F4;
margin:0px;
border:1px solid silver;
clear:right;
float:left;
}
.elm67dropdown, .elm64dropdown, .elm65dropdown{
width:180px;
height:20px;
float:left;
background-color:#F4F4F4;
margin:0px;
padding:0px;
border:1px solid silver;
clear:right;
}
.elm67smalldropdown, .elm64smalldropdown, .elm65smalldropdown{
float:left;
width:60px;
height:20px;
background-color:#F4F4F4;
margin:0px;
border:1px solid silver;
clear:right;
}
.elm67postcode, .elm64postcode, .elm65postcode{
font-size: 12px;
width:75px;
height:16px;
float:left;
background-color:#F4F4F4;
margin:0px 5px 0px 0px;
border:1px solid silver;
}
.elm67tickbox, .elm64tickbox, .elm65tickbox{
margin:2px 0px 0px 0px;
}
.elm67retrieve, .elm64retrieve, .elm65retrieve{
float:left;
}
/*****************************************************************************************************************************/
/* elm00009 Basket Page [basic] */
/*****************************************************************************************************************************/
.elm09Basket{
display:block;
width:100%;
height:auto;
float:left;
}
.elm09h2{
display:block;
width:100%;
line-height:30px;
font-size:18px;
}
.elm09h3{
clear:both;
display:block;
width:auto;
line-height:40px;
margin:0px;
font-size:14px;
}
.elm09text{
padding:10px 0px 10px 0px;
}
.elm09addtext{
}
.elm09basket{
padding:0px 0px 0px 0px;
display:block;
width:auto;
height:auto;
}
.elm09BasketTable{
}
.elm09BasketTitle{
font-weight:bold;
}
.elm09BasketText{}
.elm09Desc{}
.elm09Desc a{}
.elm09total{
font-weight:bold;
background-color:#eaeaea;
}
/*****************************************************************************************************************************/
/* General Error Reporting */
/*****************************************************************************************************************************/
.elmerrorarea {
font-size:12px;
color:red;
width:auto;
overflow:visible;
border:0px solid red;
padding:0px;
margin:10px;
}
.elmerrorarea p {
font-size:11px;
}
.elmerror {
color:red;
width:auto;
height:60px;
overflow:visible;
border:0px solid red;
padding:20px 20px 20px 20px;
margin:0px;
}
/*****************************************************************************************************************************/
/* elm00002 product navigation */
/*****************************************************************************************************************************/
.elm02ProductNav {
margin: 0px;
padding: 0px;
width:100%;
font-size:12px;
float:left;
}
.elm02ProductNav dl {
margin: 0px;
padding: 0px;
}
.elm02ProductNav dl dd {
margin: 0px;
padding: 0px;
}
.elm02Level1 {
text-align:left;
width:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.elm02Level1 dt {
text-align:center;
padding:2px 0px 2px 0px;
margin:0px 0px 0px 0px;
width:auto;
}
.elm02Level1 dd {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:auto;
text-align:left;
text-decoration: none;
}
.elm02Level2 {
width:auto;
}
.elm02Level2 dd {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:auto;
}
.elm02Selected {font-weight:bold;}
.elm02Level1 dd a{
text-decoration: none;
}
.elm02Level2 dd a{
text-decoration: none;
}
.elm02Level1 dd a:link, .elm02Level1 dd a:visited {
display:block;
padding: 3px 0px 3px 0px;
margin:0px 0px 0px 0px;
width:auto;
}
.elm02Level2 dd a:link, .elm02Level2 dd a:visited {
display:block;
padding: 3px 0px 3px 10px;
margin:0px 0px 0px 0px;
width:auto;
}
.elm02Level1 dd a:hover{
text-decoration: none;
}
.elm02Level2 dd a:hover{
text-decoration: none;
}
/*****************************************************************************************************************************/
/* elm00003 Breadcrumb [ HORIZONTAL ] */
/*****************************************************************************************************************************/
.elm03BreadCrumb{
padding:0px;
line-height:25px;
float:left;
margin:0px 0px 0px 0px;
}
.elm03BreadCrumb a{}
.elm03BreadCrumb a:hover{
text-decoration: underline;
}
/*****************************************************************************************************************************/
/* elm00004 Keyword Search */
/*****************************************************************************************************************************/
.elm04GoButton{
display:block;
line-height:14px;
height:20px;
width:50px;
float:left;
border:1px solid #cccccc;
cursor:pointer;
}
.elm04Search{
float:right;
display:block;
width:400px;
height:22px;
margin-top:3px;
margin-bottom:0px;
}
.elm04Search form{
margin:0px;
padding:0px;
}
.elm04Label{
float:left;
width:150px;
margin-right:5px;
text-align:right;
line-height:22px;
}
.elm04Input{
float:left;
display:block;
width:165px;
height:16px;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-right:0px solid #cccccc;
background-color:#eaeaea;
}
/*****************************************************************************************************************************/
/* elm00008 Basket Summary [Block] */
/*****************************************************************************************************************************/
.elm08Basket{
display:block;
margin:0px;
height:auto;
width:100%;
padding:0px;
}
.elm08Image {
display:none;
width:40px;
padding-top:5px;
margin:auto;
}
.elm08Image a {
border:none;
}
.elm08Image a img {
border:none;
}
.elm08Items {display:block;line-height:18px;width:auto; text-align:center}
.elm08Links {display:block;line-height:18px;width:auto; text-align:center}
.elm08Links a {}
.elm08Info {display:block;line-height:18px;width:auto; text-align:center}
/*****************************************************************************************************************************/
/* elm00026 Shop By Value */
/*****************************************************************************************************************************/
.elm26ShopByValue {
display:block;
clear:both;
height:60px;
margin:2px 0px 2px 0px;
}
.elm26title{
text-align:center;
padding:2px 0px 2px 0px;
margin:0px 0px 0px 0px;
display:block;
width:100%;
}
.elm26block form{
padding:0px;
margin:0px;
}
.elm26block{
float:left;
height:20px;
width:140px;
margin:0px;
padding:10px;
}
.elm26input{
width:100px;
display:block;
float:left;
margin-right:0px;
padding:0px;
}
.elm26go{
padding:0px;
margin:0px;
}
/*****************************************************************************************************************************/
/* ELM00055 featured product */
/*****************************************************************************************************************************/
/***************************************************************************************************************************************/
/* ELM00048 related product [ vertical ] */
/***************************************************************************************************************************************/
.elm48SuggestedProducts{
display:block;
width:auto;
clear:both;
}
.elm48SuggestedProducts form{
padding:0px;
margin:0px;
}
.elm48Title{
display:block;
width:auto;
height:40px;
padding:0px;
margin:0px;
}
.elm48Products{
text-align:center;
display:block;
padding:0px;
margin:0px;
}
.elm48Product {
display:block;
width:auto;
height:180px;
float:left;
margin:0px;
margin-top:-10px;
padding:5px;
list-style:none;
}
.elm48ProductLink{
cursor:pointer;
padding:0px;
margin:auto;
display:block;
width:120px;
height:140px;
overflow:hidden;
}
.elm48ProductImage{
width:100%;
height:auto;
margin:auto;
display:block;
}
.elm48ProductTxt{
display:block;
margin:0px;
padding:0px;
}
.elm48ProductPrice{
display:block;
float:left;
margin:0px;
padding:0px;
}
.elm48PriceBtn{
display:block;
float:right;
}
/***************************************************************************************************************************************/
/* ELM00090 related product [ horizontal list ] */
/***************************************************************************************************************************************/
.elm90SuggestedProducts{
clear:both;
display:block;
}
.elm90SuggestedProducts ul{
display:block;
padding:0px;
margin:0px;
}
.elm90Product{ float:left;
display:block;
padding:10px 10px 10px 10px;
margin-bottom:10px;
margin-right:10px;
list-style:none;
border:1px dotted #cccccc;
}
.elm90ProductLink img{float:left;
width:20px;
height:20px;
display:block;
border:none;
}
.elm90Title{
display:block;
clear:both;
line-height:30px;
font-size:14px;
}
.elm90ProductImg{
float:left;
width:20px;
height:20px;
display:block;}
.elm90ProductTxt{
display:block;
float:left;
margin-left:10px;
margin-right:10px;
padding:4px;
}
.elm90ProductPrice{
display:block;
float:right;
margin-left:10px;
margin-right:10px;
padding:4px;
}
.elm90PriceBtn{
display:block;
float:right;
}
.elm90ProductLink{float:left;
cursor:pointer;
}
/***************************************************************************************************************************************/
/* ELM00091 related product [ horizontal block ] */
/***************************************************************************************************************************************/
.elm91SuggestedProducts{
clear:both;
display:block;
}
.elm91SuggestedProducts ul{
display:block;
padding:0px;
margin:0px;
}
.elm91Product{ float:left;
display:block;
margin-bottom:10px;
margin-right:10px;
list-style:none;
width:140px;
border:1px solid #cccccc;
}
.elm91Title{
display:block;
clear:both;
line-height:30px;
font-size:14px;
}
.elm91ProductLink img{
width:120px;
height:120px;
margin:auto;
display:block;
border:none;
}
.elm91ProductTxt{ clear:both;
text-align:center;
display:block;
padding-left:10px;
padding-right:10px;
padding:4px;
height:60px;
overflow:hidden;
}
.elm91ProductPrice{
width:auto;
float:left;
margin:5px;
padding:0px;
}
.elm91PriceBtn{
width:auto;
display:block;
float:right;
}
.elm91ProductLink{
cursor:pointer;
}
/***************************************************************************************************************************************/
/* ELM00045 FASHION ELEMENT */
/***************************************************************************************************************************************/
.elm45productDetail {
display:block;
clear:both;
width:auto;
height:auto;
margin:0px;
padding:0px;
}
.elm45h2{
display:block;
width:100%;
line-height:30px;
font-size:18px;
}
.elm45detailPage{
display:block;
clear:both;
width:auto;
height:auto;
margin:0px;
padding:0px;
}
.elm45line {
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
}
.elm45line ul{
list-style:none; padding:0px; margin:0px;
}
.elm45price{
list-style:none; padding:0px; margin:0px;
}
.elm45leftimg {
float:left;
width:202px;
height:auto;
margin:0px;
padding:0px;
overflow:hidden;
}
.elm45imgmain{
margin:0px;
padding:0px;
width:200px;
height:100%;
}
.elm45imgmain img {
height:100%;
width:100%;
margin:0px;
padding:0px;
border:1px solid #cccccc;
}
.elm45enlargeImageLink {
margin:0px;
padding:0px;
display:block;
}
.elm45enlargeImageLink a img {
float:left;
margin:0px;
padding:0px;
border:none;
}
.elm45enlargeImageLink a {
}
.elm45rightdesc {
float:right;
width:65%;
height:auto;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
}
.elm45rightdesc form{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.elm45text {
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
}
.elm45stockcode {
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
}
.elm45priceBreaksTable {
margin:0px 0px 10px 15px;
padding:0px 0px 0px 0px;
}
.elm45priceBreakTable {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.elm45tableTitle{background-color:#eaeaea;}
.elm45tableText{text-align:center;}
.elm45priceBreaksPrice{display:block; margin:0px 0px 0px 0px;}
.elm45priceBreakDays{margin:5px 10px 0px 0px; float:left;}
.elm45priceBreakInput{margin:0px 25px 0px 0px; float:left; width:30px;}
.elm45priceBreakPrice{margin:5px 10px 0px 0px; float:left;}
.elm45buy{ margin:0px 0px 0px 0px;}
.elm45wishlist{margin:0px 0px 0px 0px; }
.elm45price1{margin:0px 10px 10px 0px;}
.elm45price2{
float:left;
margin:5px 10px 0px 0px;
}
.elm45qty{
margin:5px 10px 0px 0px; float:left;
}
.elm45selectQty{
margin:0px 10px 0px 0px;float:left;
}
.elm45qtyDropdown{
}
.elm45errortext{
margin:0px 0px 10px 0px;
}
.elm45error{color:red;}
.elm45wishlistButton{float:left; margin:0px 0px 0px 0px;
}
.elm45hireButton{float:left; margin:0px 0px 0px 0px;
}
.elm45buyButton{float:left; margin:0px 0px 0px 0px;
}
.elm45additionallinks{
margin:10px 0px 10px 0px;
}
.elm45additionallinks a{}
.elm45video{border:none;}
.elm45pdf{border:none;}
.elm45viewLabel{}
.elm45offers{}
.elm45multiply{}
.elm45benefitLabel{}
.elm45rightdesc ul {
margin:0px;
padding:0px;
}
.elm45FashDropdown{
display:block;
width:120px;
float:left;
margin:2px 60px 5px 0px;
}
.elm45Label{
width:150px;
display:block;
float:left;
height:20px;
line-height:20px;
clear:left;
padding:0px 0px 0px 0px;
margin:0px 0px 5px 0px;
}
.elm45FashLabel{
width:150px;
display:block;
float:left;
height:20px;
line-height:20px;
clear:left;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.elm45FashPrice{
display:block;
width:70px;
float:left;
margin:2px;
}
.elm45FashDropdownQTY{
display:block;
width:40px;
float:left;
margin:2px;
}
.elm45Labelallstock{
width:200px;
display:block;
float:left;
height:20px;
line-height:20px;
clear:both;
padding:0px 0px 0px 0px;
margin:0px 0px 5px 0px;
}
.elm45FashButtons{
display: block;
width:300px;
float:left;
clear:both;
padding:0px 0px 0px 0px;
margin:0px 0px 5px 0px;
}
/***************************************************************************************************************************************/
/* elm00216 Personalisation*/
/***************************************************************************************************************************************/
#flashContent{
position: fixed;
top:250px;
}
/***************************************************************************************************************************************/
/* ELM00216 Personalisation Detail Page */
/***************************************************************************************************************************************/
.elm216productDetail {
display:block;
clear:both;
width:auto;
height:auto;
margin:0px;
padding:0px;
}
.elm216h2{
display:block;
width:100%;
line-height:30px;
font-size:18px;
}
.elm216detailPage{
display:block;
clear:both;
width:auto;
height:auto;
margin:0px;
padding:0px;
}
.elm216line {
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
}
.elm216line ul{
list-style:none; padding:0px; margin:0px;
}
.elm216price{
list-style:none; padding:0px; margin:0px;
}
.elm216leftimg {
float:left;
width:202px;
height:auto;
margin:0px;
padding:0px;
overflow:hidden;
visibility:hidden;
}
.elm216imgmain{
margin:0px;
padding:0px;
width:200px;
height:100%;
}
.elm216imgmain img {
height:100%;
width:100%;
margin:0px;
padding:0px;
border:1px solid #cccccc;
}
.elm216enlargeImageLink {
margin:0px;
padding:0px;
display:block;
}
.elm216enlargeImageLink a img {
float:left;
margin:0px;
padding:0px;
border:none;
}
.elm216enlargeImageLink a {
}
.elm216rightdesc {
float:right;
width:65%;
height:auto;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
}
.elm216rightdesc form{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.elm216text {
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
}
.elm216stockcode {
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
}
.elm216priceBreaksTable {
margin:0px 0px 10px 15px;
padding:0px 0px 0px 0px;
}
.elm216priceBreakTable {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.elm216tableTitle{background-color:#eaeaea;}
.elm216tableText{text-align:center;}
.elm216priceBreaksPrice{display:block; margin:0px 0px 0px 0px;}
.elm216priceBreakDays{margin:5px 10px 0px 0px; float:left;}
.elm216priceBreakInput{margin:0px 25px 0px 0px; float:left; width:30px;}
.elm216priceBreakPrice{margin:5px 10px 0px 0px; float:left;}
.elm216buy{ margin:0px 0px 0px 0px;}
.elm216wishlist{margin:0px 0px 0px 0px; }
.elm216price1{margin:0px 10px 10px 0px;}
.elm216price2{
float:left;
margin:5px 10px 0px 0px;
}
.elm216qty{
margin:5px 10px 0px 0px; float:left;
}
.elm216selectQty{
margin:0px 10px 0px 0px;float:left;
}
.elm216qtyDropdown{
}
.elm216errortext{
margin:0px 0px 10px 0px;
}
.elm216error{color:red;}
.elm216wishlistButton{float:left; margin:0px 0px 0px 0px;
}
.elm216hireButton{float:left; margin:0px 0px 0px 0px;
}
.elm216buyButton{float:left; margin:0px 0px 0px 0px;
}
.elm216additionallinks{
margin:10px 0px 10px 0px;
}
.elm216additionallinks a{}
.elm216video{border:none;}
.elm216pdf{border:none;}
.elm216viewLabel{}
.elm216offers{}
.elm216multiply{}
.elm216benefitLabel{}
.elm216rightdesc ul {
margin:0px;
padding:0px;
}
.elm216FashDropdown{
display:block;
width:120px;
float:left;
margin:2px 60px 5px 0px;
}
.elm216Label{
width:150px;
display:block;
float:left;
height:20px;
line-height:20px;
clear:left;
padding:0px 0px 0px 0px;
margin:0px 0px 5px 0px;
}
.elm216FashLabel{
width:150px;
display:block;
float:left;
height:20px;
line-height:20px;
clear:left;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.elm216FashPrice{
display:block;
width:70px;
float:left;
margin:2px;
}
.elm216FashDropdownQTY{
display:block;
width:40px;
float:left;
margin:2px;
}
.elm216Labelallstock{
width:200px;
display:block;
float:left;
height:20px;
line-height:20px;
clear:both;
padding:0px 0px 0px 0px;
margin:0px 0px 5px 0px;
}
.elm216FashButtons{
display: block;
width:300px;
float:left;
clear:both;
padding:0px 0px 0px 0px;
margin:0px 0px 5px 0px;
}
/***************************************************************************************************************************************/
/* elm00005 category results */
/***************************************************************************************************************************************/
.elm05searchresults{
clear:both;
width:100%;}
.elm05product{
width:120px;
height:170px;
border:1px solid #cccccc;
float:left;
margin-top:10px;
margin-left:5px;
margin-right:18px;
padding:0px;
cursor:pointer;
overflow:hidden;
}
.elm05productimg{
width:120px;
height:120px;
overflow:hidden;
}
.elm05productimg a{
width:120px;
height:120px;
border:none;
}
.elm05desc{
padding:6px;
overflow:hidden;
text-align:center;
width:auto;
height:50px;
border-top:1px solid #cccccc;
cursor:pointer;
text-decoration: none;
}
/***************************************************************************************************************************************/
/* elm00006 product search results & page nav [basic] */
/***************************************************************************************************************************************/
.elm06navbar {
width:385px;
height:24px;
margin:auto;
padding-top:12px;
}
.elm06bar {
text-align:center;
width:385px;
height:22px;
padding:0px;
}
.elm06bar a {
border:none;
}
.elm06navpreviousbttn {
padding:0px;
float:left;
margin:0px;
border:none;
}
.elm06blankprevious{
display:block;
padding:0px;
float:left;
margin:0px;
width:73px;
height:22px;
}
.elm06showing{
line-height:22px;
width:255px;
margin:auto;
padding:0px;
float:left;
}
.elm06navnextbttn {
margin:0px;
padding:0px;
float:right;
border:none;
}
.elm06searchresults {
padding-left:27px;
padding-top:0px;
padding-right:0px;
width:auto;
overflow:visible;
}
.elm06product{
width:120px;
height:170px;
border:1px solid #cccccc;
float:left;
margin-top:10px;
margin-left:0px;
margin-right:18px;
padding:0px;
cursor:pointer;
overflow:hidden;
}
.elm06productimg{
width:120px;
height:120px;
overflow:hidden;
}
.elm06productimg a{
width:120px;
height:120px;
border:none;
}
.elm06productimg a img{
border:none;
}
.elm06img{
width:120px;
height:120px;
border:none;
}
.elm06box {
float:left;
text-align:center;
width:120px;
height:50px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
cursor:pointer;
overflow:hidden;
}
.elm06extdesc {
float:left;
text-align:center;
vertical-align:middle;
width:120px;
height:49px;
border-top:1px solid #cccccc;
text-decoration: none;
padding:0px;
margin:0px;
}
/***************************************************************************************************************************************/
/* elm00007 product detail page */
/***************************************************************************************************************************************/
.elm07productDetail {
display:block;
clear:both;
width:auto;
height:auto;
margin:0px;
padding:0px;
}
.elm07title{
display:block;
width:100%;
line-height:30px;
font-size:18px;
}
.elm07detailPage{
display:block;
clear:both;
width:auto;
height:auto;
margin:0px;
padding:0px;
}
.elm07line {
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
}
.elm07line ul{
list-style:none; padding:0px; margin:0px;
}
.elm07price{
list-style:none; padding:0px; margin:0px;
}
.elm07leftImg {
float:left;
width: 420px;
}
.elm07details {
float:right;
width:65%;
height:auto;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
}
.elm07details form{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.elm07text {
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
}
.elm07stockcode {
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
}
.elm07priceBreaksTable {
margin:0px 0px 10px 15px;
padding:0px 0px 0px 0px;
}
.elm07priceBreakTable {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.elm07tableTitle{background-color:#eaeaea;}
.elm07tableText{text-align:center;}
.elm07priceBreaksPrice{display:block; margin:0px 0px 0px 0px;}
.elm07priceBreakDays{margin:5px 10px 0px 0px; float:left;}
.elm07priceBreakInput{margin:0px 25px 0px 0px; float:left; width:30px;}
.elm07priceBreakPrice{margin:5px 10px 0px 0px; float:left;}
.elm07buy{ margin:0px 0px 0px 0px;}
.elm07wishlist{margin:0px 0px 0px 0px; }
.elm07price1{margin:0px 10px 10px 0px;}
.elm07price2{
float:left;
margin:5px 10px 0px 0px;
}
.elm07qty{
margin:5px 10px 0px 0px; float:left;
}
.elm07selectQty{
margin:0px 10px 0px 0px;float:left;
}
.elm07qtyDropdown{
}
.elm07errortext{
margin:0px 0px 10px 0px;
}
.elm07error{color:red;}
.elm07wishlistButton{float:left; margin:0px 0px 0px 0px;
}
.elm07hireButton{float:left; margin:0px 0px 0px 0px;
}
.elm07buyButton{float:left; margin:0px 0px 0px 0px;
}
.elm07additionallinks{
margin:10px 0px 10px 0px;
}
.elm07additionallinks a{}
.elm07video{border:none;}
.elm07pdf{border:none;}
.elm07viewLabel{}
.elm07offers{}
.elm07multiply{}
.elm07benefitLabel{}
/***************************************************************************************************************************************/
/* elm00010 Checkout Nav */
/***************************************************************************************************************************************/
.elm10checkoutNav{float:left;width:100%;}
.elm10checkoutEach {float:left;}
.elm10checkout{display:inline; width:75px; height:auto;}
.elm10checkoutImg{text-align:center;margin-bottom:5px; display:block; width:75px; height:40px; border:none;}
.elm10checkoutImg img{border:none;}
.elm10checkoutTxtGreyMiddle,.elm10checkoutTxtColourMiddle{display:block; line-height:16px; border-bottom:1px solid ; border-top:1px solid;text-align:center;background-color:#f6f6f6;}
.elm10checkoutTxtGreyLeft,.elm10checkoutTxtColourLeft{display:block; line-height:16px; border-bottom:1px solid; border-left:1px solid; border-top:1px solid;text-align:center;background-color:#f6f6f6;}
.elm10checkoutTxtGreyRight,.elm10checkoutTxtColourRight{display:block; line-height:16px; border-bottom:1px solid; border-right:1px solid;border-top:1px solid;text-align:center;background-color:#f6f6f6;}
.elm10checkoutTxtGreyMiddle,.elm10checkoutTxtGreyLeft,.elm10checkoutTxtGreyRight{color:#999999;}
/***************************************************************************************************************************************/
/* ELM000044 SHOP BY MANUFACTURER */
/***************************************************************************************************************************************/
.elm44Manufacturer {
display:block;
clear:both;
height:60px;
margin:2px 0px 2px 0px;
}
.elm44title{
text-align:center;
padding:2px 0px 2px 0px;
margin:0px 0px 0px 0px;
display:block;
width:100%;
}
.elm44block form{
padding:0px;
margin:0px;
}
.elm44block{
float:left;
height:20px;
width:140px;
margin:0px;
padding:10px;
}
.elm44dropdown{
width:100px;
display:block;
float:left;
margin-right:0px;
padding:0px;
}
.elm44go{
padding:0px;
margin:0px;
}
/***************************************************************************************************************************************/
/* ELM000046 express ordering */
/***************************************************************************************************************************************/
.elm46quickshop{
display:block;
clear:both;
height:70px;
background:none !important;
}
.elm46title{
float:left;
text-align:center;
padding:2px 0px 2px 0px;
margin:0px 0px 0px 0px;
width:100%;
}
.elm46prompt{
float:left;
text-align:center;
padding:0px 0px 0px 0px;
margin:2px 0px 2px 0px;
width:100%;
}
.elm46block{
width:auto;
height:25px;
display:block;
padding:0px 0px 0px 0px;
margin:0px 0px 5px 0px;
}
.elm46input{
width:85px;
height:18px;
display:block;
float:left;
margin-left:10px;
padding:0px;
}
.elm46go{margin:0px 0px 0px 5px;
}
/***************************************************************************************************************************************/
/* ELM00054 SEARCH RESULTS [HORIZONTAL ELEMENT] */
/***************************************************************************************************************************************/
.elm54navbar {
width:385px;
height:24px;
margin:auto;
padding-top:12px;
}
.elm54bar {
text-align:center;
width:385px;
height:22px;
padding:0px;
}
.elm54bar a {
border:none;
}
.elm54navpreviousbttn {
padding:0px;
float:left;
margin:0px;
border:none;
}
.elm54blankprevious{
display:block;
padding:0px;
float:left;
margin:0px;
width:73px;
height:22px;
}
.elm54showing{
line-height:22px;
width:255px;
margin:auto;
padding:0px;
float:left;
}
.elm54navnextbttn {
margin:0px;
padding:0px;
float:right;
border:none;
}
.elm54productcontainer {
display:block;
width:100%;
border-bottom:1px dotted #cccccc;
float:left;
margin-top:10px;
padding:0px;
cursor:pointer;
overflow:hidden;
}
.elm54product {
float:left;
width:140px;
overflow:hidden;
margin:20px;
border:1px solid #cccccc;
}
.elm54product a img{
width:100%;
height:auto;
border:none;}
.elm54imgprod {
border:none;
}
.elm54searchresults {
padding:0px;
width:auto;
overflow:visible;
}
.elm54extdesc {
text-decoration: none;
padding:10px;
margin:0px;
}
.elm54price {
float:left;
width:100px;
display:block;
text-decoration: none;
padding:20px 20px 20px 0px;
margin:0px;
}
.elm54button{
float:right;
clear:right;
text-align:right;
display:block;
text-decoration: none;
padding:0px;
margin:4px;
}
/***************************************************************************************************************************************/
/* ELM00023 BASKET SUMMARY [ HORIZONTAL ELEMENT] */
/***************************************************************************************************************************************/
#elm23basket{
float:left;
display:block;
margin:0px;
line-height:30px;
height:30px;
width:auto;
padding:10px 0px 0px 0px;
margin-bottom:5px;
}
.elm23BasketImg {
width:20px;
height:20px;
margin:0px 0px 0px 0px;
float:left;
}
.elm23BasketImg a img {
width:20px;
height:20px;
border:none;
}
.elm23BasketItems {
display:block;
width:auto;
margin:0px 5px 0px 5px;
line-height:20px;
float:left;
}
.elm23BasketItems span {
}
.elm23BasketLinks {
display:block;
width:auto;
margin:0px 5px 0px 0px;
line-height:20px;
float:left;
}
.elm23BasketLinks a img{
border:none;
}
.elm23BasketInfo {}
.elm23BasketTxtGrey{
color:#cccccc;
}
span.elm23Totaltext{
font-weight: bold;
}
/***************************************************************************************************************************************/
/* ELM00069 LOGIN/LOGOUT AND MY ACCOUNT LINK */
/***************************************************************************************************************************************/
.elm69Login{
float:left;
display:block;
margin:0px;
line-height:30px;
height:30px;
width:auto;
padding:5px 20px 0px 40px;
margin-bottom:5px;
}
.elm69LoginTxt a{
text-decoration:none;
}
.elm69LoginTxt a:hover{
text-decoration:none;
}
.elm69LoginTxtGrey{
}
/***************************************************************************************************************************************/
/* ELM00070 PROFILE NAVIGATION [HORIZONTAL ELEMENT] */
/***************************************************************************************************************************************/
.elm70YourProfile{
display:block;
width:auto;
height:60px;
clear:both;
}
.elm70YourProfileTitle{
clear:both;
display:block;
width:100%;
line-height:30px;
font-size:18px;
}
.elm70YourProfileTitle a{
text-decoration:none;
}
.elm70YourProfileLink{
padding:0px 17px 0px 17px;
display:block;
float:left;
line-height:26px;
height:26px;
width:auto;
overflow:hidden;
}
.elm70TableBG{
}
.elm70YourProfileLink a{
text-decoration:none;
}
.elm70YourProfileLink a:hover{
text-decoration:none;
}
.elm70Tab{
display:block;
float:left;
line-height:26px;
margin-left:1px;
}
.elm70TabL{
display:block;
float:left;
line-height:26px;
width:7px;
}
.elm70TabR{
display:block;
float:left;
line-height:26px;
width:7px;
}
/****** ELM00048 related product [ horizontal ] *********/
.elmSuggestedProducts{
display:block;
width:98%;
}
.elmSuggestedProducts ul{
display:block;
padding:0px;
margin:5px;
}
.elmSuggestedProducts li{
display:block;
padding:0px;
margin:0px;
}
.elmSuggestedProduct{float:left;
display:block;
margin-bottom:10px;
margin-right:10px;
list-style:none;
}
.elmSuggestedProductTitle{
display:block;
}
.elmSuggestedProductImg{
float:left;
width:20px;
height:20px;
display:block;}
.elmSuggestedProductTxt{
display:block;
float:left;
margin-left:10px;
margin-right:10px;
padding:4px;
}
.elmSuggestedProductPrice{
display:block;
float:right;
margin-left:10px;
margin-right:10px;
padding:4px;
}
.elmSuggestedProductPriceBtn{
display:block;
float:right;
}
.elmSuggestedProductLink{
cursor:pointer;
}
/****** ELM00048 related product [ blocks ] *********/
/*
.elmSuggestedProducts{
margin:0px;
padding:0px;
text-align:left;
}
.elmSuggestedProducts ul{
display:block;
padding:0px;
margin:0px;
}
.elmSuggestedProducts li{
background-color:#f4f4f4;
display:block;
padding:0px;
margin:0px;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
float:left;
border:1px solid #cccccc;
}
.elmSuggestedProduct{display:block;
width:160px;
}
.elmSuggestedProductImg{
display:block;
width:160px;
}
.elmSuggestedProductTxt{
display:block;
width:auto;
padding:4px;
}
.elmSuggestedProductPrice{
display:block;
float:left;
padding:4px;
}
.elmSuggestedProductPriceBtn{
display:block;
float:right;
padding:4px;
}
.elmSuggestedProductLink{cursor:pointer;
}*/
/***************************************************************************************************************************************/
/* ELM00001 COMPOSER SEARCH COMBO */
/***************************************************************************************************************************************/
.elm01RoyaleSearchCombo{
display:block;
width:500px;
height:120px;
padding:0px;
margin-top:14px;
}
.elm01RoyaleSearchCombo form{
margin:0px;
padding:0px;
}
.elm01Composer{
display:block;
width:500px;
height:20px;
margin-top:0px;
margin-bottom:0px;
}
.elm01Quick{
display:block;
width:500px;
height:20px;
margin-top:10px;
margin-bottom:0px;
}
.elm01LabelC{
float:left;
width:325px;
margin-right:5px;
text-align:right;
line-height:20px;
}
.elm01LabelQ{
float:left;
width:325px;
margin-right:5px;
margin-top:5px;
text-align:right;
line-height:20px;
}
.elm01Input{
margin-top:5px;
float:left;
display:block;
width:120px;
height:14px;
}
.elm01Dropdown{
display:block;
float:left;
width:145px;
line-height:22px;
}
.elm01GoButton{
margin-left:-1px;
display:block;
height:30px;
width:30px;
float:left;
cursor:pointer;
}
.elm01SAButton{
display:block;
margin-left:330px;
width:145px;
margin-top:10px;
}
.elm01ASButton{
display:block;
margin-left:330px;
width:145px;
margin-top:8px;
}
/***************************************************************************************************************************************/
/* ELM00024 COMPOSER SEARCH RESULTS PAGE */
/***************************************************************************************************************************************/
.elm24Composer{
display:block;
width:auto;
height:auto;
clear:both;
}
.elm24Composer form{
margin:0px;
padding:0px;
}
.elm24ComposerSearch{
display:block;
width:auto;
line-height:30px;
text-align:center;
}
.elm24ComposerSearch span{
color:red;
}
.elm24Bar{
display:block;
width:100%;
height:20px;
padding:5px 0px 5px 0px;
text-align:center;
overflow:hidden;
}
.elm24Current{
color:red;
padding-right:20px;
}
.elm24Pages{
padding-right:20px;
}
.elm24Pages a{
}
.elm24Blank{
width:30px;
padding-right:20px;
}
.elm24Header{
color:red;
}
.elm24Name{
width:80px;
height:16px;
display:block;
padding:10px 0px 0px 0px;
float:left;
overflow:hidden;
}
.elm24Title{
width:210px;
overflow:hidden;
height:16px;
padding:10px 0px 0px 0px;
display:block;
float:left;
}
.elm24Instrumentation{
width:160px;
height:16px;
padding:10px 0px 0px 0px;
display:block;
float:left;
overflow:hidden;
}
.elm24Ref{
width:80px;
height:16px;
padding:10px 0px 10px 0px;
display:block;
float:left;
overflow:hidden;
}
.elm24PurchaseInfo{
width:60px;
padding:10px 0px 10px 0px;
height:16px;
display:block;
float:left;
overflow:hidden;
}
.elm24Price{
width:52px;
padding:2px 2px 2px 6px;
height:16px;
margin:8px 0px 8px 0px;
display:block;
float:left;
overflow:hidden;
text-align:right;
}
.elm24Price a{
float:left;
}
.elm24Price a:hover{
}
span.elm24Buy{
width:26px;
padding:1px 0px 0px 4px;
line-height:19px;
margin:8px 0px 0px 0px;
display:block;
float:right;
overflow:hidden;
}
span.elm24Buy a:link{
text-align:center;
float:left;
padding:0px;
margin:0px;
}
span.elm24Buy a:hover{
color:red;
font-weight:bold;
}
.elm24ResultsLine {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
clear:left;
display:block;
border-top:1px solid #333333;
}
.elm24ResultsLine a {
display:block;
margin:0px;
padding:0px 0px 0px 0px;
}
.elm24ResultsLine a:link{
cursor:pointer;
}
.elm24ResultsLine a:hover{
color: red;
text-decoration:none;
cursor:pointer;
}
/***************************************************************************************************************************************/
/* ELM00033 MY PROFILE - CHANGE PASSWORD */
/***************************************************************************************************************************************/
/***************************************************************************************************************************************/
/* ELM000063 CHOOSE REGISTRATION TYPE */
/***************************************************************************************************************************************/
.elm63TradeLogin{
display:block;
float:left;
width:100%;
height:auto;
text-align:center;
}
.elm63h2{
display:block;
width:auto;
margin:10px 0px 10px 0px;
padding:5px 5px 5px 10px;
font-size:18px;
}
.elm63maindetails{
width:300px;
margin:auto;
}
.elm63Radio{
}
.elm63Label{
display:block;
margin:10px 0px 10px 0px;
height:20px;
}
.elm63text{
}
.elm63next{
}
/***************************************************************************************************************************************/
/* ELM000072 PRODUCT DETAIL - ROYALE */
/***************************************************************************************************************************************/
.elm72RoyaleDetail{
display:block;
float:left;
width:100%;
height:auto;
}
.elm72h2{
display:block;
width:100%;
line-height:30px;
height:30px;
}
.elm72wish{
height:28px;
width:70px;
padding:2px;
}
.elm72TitleLine{
display:block;
width:100%;
line-height:18px;
height:18px;
}
.elm72Name{
padding-left:2px;
float:left;
width:20%;
}
.elm72Title{
float:left;
width:45%;
}
.elm72Ref{
float:left;
width:10%;
}
.elm72Price{
float:left;
width:9%;
padding-right:4px;
}
.elm72Buy{
padding:0px;
margin:0px;
float:left;
width:5%;
line-height:18px;
height:18px;
text-align:center;
cursor:pointer;
}
.elm72Buy a{
padding:0px;
margin:0px;
text-decoration:none;
}
.elm72DetailPage{
}
.elm72LeftImg{
float:left;
width:20%;
}
.elm72imgmain{
width:100%;
}
.elm72links{
padding:0px;
margin:0px;
list-style:none;
}
.elm72CentralDesc{
float:left;
width:45%;
padding:0px;
margin:0px;
list-style:none;
}
.elm72text{
padding:0px;
margin:0px;
list-style:none;
}
.elm72textTitle{
padding:0px;
margin:0px;
list-style:none;
}
.elm72RightDesc{
float:left;
width:25%;
padding:0px;
margin:0px;
list-style:none;
}
.elm72WishlistButton{
display:block;
height:18px;
float:left;
padding:0px;
margin:0px;
width:10%;
text-align:center;
cursor:pointer;
}
.elm72Restrict{
line-height:18px;
height:18px;
float:right;
width:70px;
text-align:center;
cursor:pointer;
}
/***************************************************************************************************************************************/
/* ELM000076 COUNTRY DROPDOWN */
/***************************************************************************************************************************************/
.elm76Country{
display:block;
width:150px;
clear:both;
height:20px;
margin:10px 0px 10px 0px;
padding:0px;
}
.elm76Country form{
margin:0px;
padding:0px;
}
.elm76Label{
margin:0px;
display:block;
line-height:20px;
float:left;
width:30%;
}
.elm76Dropdown{
margin:0px;
display:block;
height:18px;
float:left;
width:68%;
}
/***************************************************************************************************************************************/
/* ELM00012 CHECKOUT - DELIVERY ADDRESS */
/***************************************************************************************************************************************/
.elm12DeliveryAddress{
display:block;
width:100%;
height:auto;
float:left;
}
.elm12h2{
display:block;
width:100%;
line-height:30px;
}
.elm12h3{
clear:both;
display:block;
width:auto;
line-height:40px;
margin:0px;
}
.elm12text{
padding-left:10px;
text-align:center;
}
.elm12text a{
}
.elm12Table{
width:80%;
}
.elm12TableTitle{
font-weight:bold;
}
.elm12radio{
}
.elm12name{
}
.elm12address{
}
/***************************************************************************************************************************************/
/* ELM00013 CHECKOUT - DELIVERY METHOD */
/***************************************************************************************************************************************/
.elm13DeliveryMethod{
display:block;
width:100%;
height:auto;
float:left;
}
.elm13text{
margin-top:10px;
text-align:center;
}
.elm13Table{
width:80%;
}
.elm13Title{
}
.elm13SubTitle{
text-align:center;
display:block;
width:100%;
line-height:30px;
font-size:18px;
}
.elm13radio{
}
.elm13input{
width:500px;
margin-bottom:5px;
}
.elm13delivery{
}
.elm13cost{
}
.elm13calender{
width:60%;
}
.elm13calendermonth{
}
.elm13calendermonthCurrent{
}
.elm13calenderday{
font-weight:bold;
}
.elm13calenderdate{
}
.elm13previous{float:left;border:none;}
.elm13next{float:right;}
/***************************************************************************************************************************************/
/* ELM00014 CHECKOUT - Gift Tag */
/***************************************************************************************************************************************/
.elm14DeliveryInstruction{
display:block;
width:100%;
height:auto;
margin:auto;
}
.elm14text{
text-align:center;
margin-top:30px;
padding-left:50px;
}
.elm14input{
width:300px;
margin-left:60px;
}
.elm14previous{float:left; border:none;}
.elm14previous img{border:none;}
.elm14next{float:right; border:none;}
.elm14textarea {
margin: auto !important;
width:100% !important;
height: 186px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
resize: none;
}
.elm14giftMessageCont{
text-align:center;
width:60%;
border:1px solid rgb(169, 169, 169);
background-repeat:no-repeat;
background:#eaeaea !important;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
padding:2%;
margin:10px auto;
}
.giftMessageLabel {
float: left;
text-align: center;
margin: 5px 0 0 92px;
}
/***************************************************************************************************************************************/
/* ELM00015 CHECKOUT - ORDER SUMMARY */
/***************************************************************************************************************************************/
.elm15OrderSummary{
display:block;
width:80%;
height:auto;
margin:auto;
clear:both;
}
.elm15OrderSummary form{
padding:0px;
margin:0px;
}
.elm15text{
width:100%;
margin:10px 0px 10px 0px;
text-align:center;
}
.elm15Table{
width:100%;
}
.elm15Title{
font-weight:bold;
}
.elm15Question{
font-weight:bold;
}
.elm15TableText{
}
.elm15TableTextRed{
}
.elm15Total{
font-weight:bold;
}
.elm15previous{float:left;border:none;}
.elm15previous img{float:left;border:none;}
.elm15next{float:right;}
/***************************************************************************************************************************************/
/* ELM000058 CHECKOUT - PAYMENT DETAILS */
/***************************************************************************************************************************************/
.elm58Payment{
display:block;
width:80%;
height:auto;
float:left;
}
.elm58h2{
font-size:18px;
display:block;
width:100%;
line-height:30px;
}
.elm58h3{
font-size:14px;
clear:both;
display:block;
width:auto;
line-height:40px;
margin:0px;
}
.elm58text{
display:block;
text-align:left;
}
.elm58maindetails{
width:100%;
padding:0px;
margin:auto;
}
.elm58maindetails form{
padding:0px;
margin:0px;
}
.elm58formErrorLabel{
float:left;
clear:left;
color:red;
display:block;
width:200px;
height:20px;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;}
.elm58label{
float:left;
clear:left;
display:block;
width:200px;
height:20px;
margin:5px 0px 10px 0px;
padding:0px 0px 0px 0px;
}
.elm58formLabel{
float:left;
clear:left;
display:block;
width:200px;
height:20px;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
}
.elm58inputL{
width:240px;
height:14px;
background-color:#F4F4F4;
margin:0px;
border:1px solid silver;
clear:right;
float:left;
}
.elm58input{
width:180px;
height:18px;
background-color:#F4F4F4;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
border:1px solid silver;
}
.elm58inputSmall{
width:60px;
height:18px;
background-color:#F4F4F4;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
border:1px solid silver;
clear:right;
}
.elm58dropdown{
width:180px;
height:20px;
background-color:#F4F4F4;
margin:0px 0px 10px 0px;
border:1px solid silver;
clear:right;
}
.elm58smalldropdown{
width:60px;
height:20px;
background-color:#F4F4F4;
margin:0px 0px 10px 0px;
border:1px solid silver;
clear:right;
}
.elm58postcode{
width:75px;
height:14px;
background-color:#F4F4F4;
margin:0px 10px 10px 0px;
border:1px solid silver;
float:left;
}
.elm58Table{
width:60%;
}
.elm58Title{
font-weight:bold;
}
.elm58TableText{
}
.elm58retrieve{margin:0px 0px 10px 0px;}
.elm58next{
margin:5px 0px 0px 0px;
float:right;
}
.elm58previous{
margin:10px 0px 0px 0px;
float:left;
border:none;
}
.elm58previous img{
border:none;
}
/***************************************************************************************************************************************/
/* ELM00017 CHECKOUT - ORDER CONFIRMATION */
/***************************************************************************************************************************************/
.elm17OrderConfirmation{
display:block;
width:80%;
height:auto;
margin:auto;
}
.elm17text{
}
.elm17Table{
width:100%;
text-align:left;
}
.elm17Title{
font-weight:bold;
}
.elm17TableText{
}
.elm17TableTextRed{
}
.elm17Total{
font-weight:bold;
}
.elm17previous{}
.elm17next{}
/***************************************************************************************************************************************/
/* ELM00078 CHECKOUT - TABBED NAVIGATION */
/***************************************************************************************************************************************/
.elm78TabbedCheckout{
display:block;
width:100%;
height:auto;
float:left;
}
.elm78h2{
display:block;
width:100%;
line-height:30px;
font-size:18px;
}
.elm78Table{
width:100%;
text-align:center;
}
.elm78Active1{line-height:26px;text-align:center;}
.elm78Active2{line-height:26px;text-align:center;}
.elm78Active3{line-height:26px;text-align:center;}
.elm78Active4{line-height:26px;text-align:center;}
.elm78Active5{line-height:26px;text-align:center;}
.elm78Active6{line-height:26px;text-align:center;}
.elm78Inactive1{line-height:26px;text-align:center;}
.elm78Inactive2{line-height:26px;text-align:center;}
.elm78Inactive3{line-height:26px;text-align:center;}
.elm78Inactive4{line-height:26px;text-align:center;}
.elm78Inactive5{line-height:26px;text-align:center;}
.elm78Inactive6{line-height:26px;text-align:center;}
a.elm78Link{
text-decoration:none;
cursor:pointer;
}
/***************************************************************************************************************************************/
/* ELM00073 NEWS LINKS [VERTICAL LINKS] */
/***************************************************************************************************************************************/
.elm73News{
display:block;
width:150px;
height:auto;
float:left;
}
.elm73NewsTitle{
display:block;
width:auto;
height:20px;
padding:5px;
margin:0px;
}
.elm73NewsTitle h3{
padding:0px;
margin:0px;
font-size:1em;
font-weight:normal;
}
.elm73NewsArea{
overflow:auto;
display:block;
width:auto;
height:500px;
list-style:none;
padding:0px;
margin:0px;
}
.elm73NewsLink{
list-style:none;
padding-top:5px;
padding-bottom:5px;
margin:5px;
display:block;
width:auto;
height:auto;
border-bottom:2px dotted #333333;
}
.elm73NewsLink a{
text-decoration:none;
}
/***************************************************************************************************************************************/
/* ELM00074 NEWS DETAIL PAGE */
/***************************************************************************************************************************************/
.elm74NewsDetail{
width:auto;
height:500px;
clear:both;
display:block;
}
.elm74NewsHeader{
display:block;
width:100%;
line-height:30px;
padding:0px;
margin:0px;
}
.elm74NewsHeader h1{
padding:0px;
margin:0px;
font-size:1em;
font-weight:normal;
}
.elm74Text{
float:left;
display:block;
}
.elm74NewsTitle{
height:auto;
width:200px;
padding:0px;
margin:10px 0px 10px 0px;
display:block;
}
.elm74NewsTitle h2{
padding:0px;
margin:0px;
font-size:1em;
font-weight:normal;
width:auto;
}
.elm74Images{
float:left;
width:150px;
height:auto;
margin:10px 10px 50px 0px;
overflow:hidden;
}
.elm74Image{
width:auto;
height:auto;
}
.elm74NewsDate{
display:block;
width:auto;
margin:10px 0px 10px 0px;
}
.elm74NewsByline{
display:block;
width:auto;
margin:10px 0px 10px 0px;
}
.elm74NewsDescription{
display:block;
width:auto;
margin:10px 0px 10px 0px;
}
/***************************************************************************************************************************************/
/* ELM00088 NEWS FOCUS ELEMENT */
/***************************************************************************************************************************************/
.elm88FocusNews{
padding:0px;
margin:0px;
width:100%;
display:block;
height:auto;
clear:both;
}
dl.elm88NewsArea {
list-style:none;
margin:0px;
float:left;
display:block;
width:570px;
padding:20px 0px 0px 50px;
height:auto;
}
dd.elm88NewsItem {
list-style:none;
float:left;
width:150px;
height:310px;
padding:0px;
margin:0 10px 0px 10px;
text-align:center;
}
.elm88Image{
width:150px;
height:200px;
overflow:hidden;
border:2px solid #000000;
}
.elm88NewsImage{
width:150px;
height:auto;
}
.elm88Text{
clear:both;
}
.elm88Title{
display:block;
height:auto;
overflow:hidden;
width:150px;
padding:0px;
margin:4px 0px 0px 0px;
font-weight:bold;
}
.elm88Byline{
height:45px;
overflow:hidden;
width:150px;
display:block;
padding:0px;
margin:4px 0px 0px 0px;
cursor:pointer;
}
/***************************************************************************************************************************************/
/* ELM00032 MY PROFILE - PERSONAL DETAIL */
/***************************************************************************************************************************************/
/***************************************************************************************************************************************/
/* ELM00080 CATEGORY NAVIGATION [ HORIZONTAL ] */
/***************************************************************************************************************************************/
.elm80CategoryNav{
display:block;
width:auto;
height:60px;
clear:both;
}
.elm80h2{
clear:both;
display:block;
width:100%;
line-height:30px;
font-size:18px;
}
.elm80Tab{display:block; float:left; line-height:26px; margin-left:1px;}
.elm80TabL{display:block; float:left; line-height:26px; width:7px;}
.elm80TabBG{ padding:0px 1px 0px 1px; text-align:center; display:block; float:left; line-height:26px; height:26px; width:auto; overflow:hidden;}
.elm80TabR{display:block; float:left; line-height:26px; width:7px;}
.elm80TabBG a{text-align:center; font-size:11px; text-decoration:none;}
/***************************************************************************************************************************************/
/* ELM00079 STATIC PRODUCT NAVIGATION [ VERTICAL NONE EXPANDING ] */
/***************************************************************************************************************************************/
.elm79StaticNavigation{
display:block;
padding:0px;
margin:0px 0px 0px 0px;
position:relative;
top:5px;
}
dl.elm79Links{
padding:0px;
margin:0px;
width:150px;
}
dd.elm79LinkC {
position:relative;
top:0px;
display:block;
height:34px;
width:142px;
padding:4px 0px 0px 8px;
margin:-5px 0px 0px 0px}
dd.elm79LinkC_red {
position:relative;
top:0px;display:block;
height:34px;
width:142px;
padding:4px 0px 0px 8px;
margin:-5px 0px 0px 0px}
dd.elm79LinkB {
display:block;
width:142px;
height:34px;
padding:4px 0px 0px 8px;
margin:-5px 0px 0px 0px}
dd.elm79LinkB_red {
position:relative;
top:0px;display:block;
height:34px;
width:142px;
padding:4px 0px 0px 8px;
margin:-5px 0px 0px 0px}
dd.elm79LinkS {
position:relative; top:0px;
width:142px;display:block;
height:34px;
padding:4px 0px 0px 8px;
margin:-5px 0px 0px 0px
}
dd.elm79LinkS_red {
position:relative;
top:0px;display:block;
height:34px;
width:142px;
padding:4px 0px 0px 8px;
margin:-5px 0px 0px 0px}
dd.elm79LinkC a{
height:34px;
width:150px;
text-decoration:none;
}
dd.elm79LinkC_red a{
height:34px;
width:150px;
text-decoration:none;
}
dd.elm79LinkB a{
height:34px;
width:150px;
text-decoration:none;
}
dd.elm79LinkC_red a{
height:34px;
width:150px;
text-decoration:none;
}
dd.elm79LinkS a{
height:34px;
width:150px;
text-decoration:none;
}
dd.elm79LinkC_red a{
height:34px;
width:150px;
text-decoration:none;
}
dd.elm79LinkC a:hover{
text-decoration:none;
}
dd.elm79LinkC_red a:hover{
text-decoration:none;
}
dd.elm79LinkB a:hover{
text-decoration:none;
}
dd.elm79LinkB_red a:hover{
text-decoration:none;
}
dd.elm79LinkS a:hover{
text-decoration:none;
}
dd.elm79LinkS_red a:hover{
text-decoration:none;
}
/***************************************************************************************************************************************/
/* ELM00083 WISHLIST */
/***************************************************************************************************************************************/
.elm83WishList{
display:block;
clear:both;
width:auto;
height:auto;
}
.elm83Title{
display:block;
width:100%;
line-height:30px;
}
.elm83WishList h3{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.elm83Table{
text-align:left;
width:100%;
}
.elm83TableTitle{
}
.elm83TableText{
}
.elm83TableText a{
}
h4.elm83SubTitle{
font-weight:normal;
padding:0px 0px 0px 0px;
margin:10px 0px 10px 0px;
font-size:14px;
height:14px;
width:auto;
}
.elm83SentTextY{}
.elm83SentTextN{
color:red;
}
.elm83Error{
color:red;
}
.elm83Label{
display:block;
clear:both;
padding:0px 0px 0px 0px;
margin:5px 0px 5px 0px;
font-size:12px;
line-height:14px;
width:auto;
}
.elm83EmailField{
display:block;
clear:both;
padding:0px 0px 0px 0px;
margin:auto;
font-size:12px;
width:500px;
}
.elm83MessageField{
display:block;
clear:both;
padding:0px 0px 0px 0px;
margin:auto;
font-size:12px;
width:500px;
}
.elm83SendButton{
clear:both;
margin:5px 0px 5px 0px;
}
.elm83NoListText{}
/***************************************************************************************************************************************/
/* ELM000084 PRODUCT DETAIL - ROYALE D=deceased C=contempory */
/***************************************************************************************************************************************/
.elm84Modern{
display:block;
width:620px;
float:left;
height:auto;
}
.elm84CTitle{
line-height:30px;
height:30px;
text-align:center;
font-size:16px;
font-weight:bold;
}
.elm84DTitle{
display:block;
width:100%;
line-height:30px;
height:30px;
}
.elm84DDate{
display:block;
width:100%;
line-height:24px;
height:24px;
}
.elm84CDetailPage{
display:block;
overflow-y:auto;
height:400px;
width:auto;
}
.elm84DDetailPage{
display:block;
overflow-y:auto;
height:400px;
width:auto;
}
.elm84CImages{
float:left;
width:100px;
overflow:hidden;
text-align:center;
margin:0px 0px 0px 10px
}
.elm84DImages{
float:left;
width:100px;
overflow:hidden;
text-align:center;
margin:0px 0px 0px 10px
}
.elm84CImage{
float:left;
width:100px;
}
.elm84DImage{
float:left;
width:100px;
}
.elm84CImage img{
width:100%;
}
.elm84DImage img{
width:100%;
}
.elm84CLinks{
float:left;
width:100px;
padding:0px;
margin:0px;
list-style:none;
}
.elm84DLinks{
float:left;
width:100px;
padding:0px;
margin:0px;
list-style:none;
}
.elm84CLink{
width:100%;
display:block;
padding:0px;
margin:10px;
}
.elm84DLink{
width:100%;
display:block;
padding:0px;
margin:10px;
}
.elm84CLink a{
width:100%;
display:block;
padding:0px;
margin:0px 0px 10px 10px;
}
.elm84DLink a{
width:100%;
display:block;
padding:0px;
margin:0px 0px 10px 10px;
}
.elm84CLink a:hover{
text-decoration:none;
}
.elm84DLink a:hover{
text-decoration:none;
}
.elm84C_redLink{
width:100%;
display:block;
padding:0px;
margin:10px;
}
.elm84D_redLink{
width:100%;
display:block;
padding:0px;
margin:10px;
}
.elm84C_redLink a{
text-decoration:none;
width:100%;
display:block;
padding:0px;
margin:0px 0px 10px 10px;
}
.elm84D_redLink a{
text-decoration:none;
width:100%;
display:block;
padding:0px;
margin:0px 0px 10px 10px;
}
.elm84CText{
display:block;
float:left;
width:350px;
padding:10px;
margin-left:10px;
list-style:none;
}
.elm84DText{
display:block;
float:left;
width:350px;
padding:10px;
margin-left:10px;
list-style:none;
}
.elm84CImageText{
float:left;
width:100px;
padding:0px;
list-style:none;
}
.elm84DImageText{
float:left;
width:100px;
padding:0px;
list-style:none;
}
.elm84Resource{
clear:left;
height:auto;
}
.elm84Label{
float:left;
width:200px;
margin:2px 5px 0px 5px;
}
.elm84Player{
float:right;
display:block;
width:40px;
height:40px;
}
.elm84QuickLink{
float:left;
width:20px;
margin-right:2px;
overflow:hidden;
}
/***************************************************************************************************************************************/
/* ELM00085 TABBED PAGE NAVIGATION [HORIZONTAL ELEMENT] */
/***************************************************************************************************************************************/
.elm85TabNav{
display:block;
width:auto;
height:30px;
clear:both;
}
.elm85Title{
clear:both;
display:block;
width:100%;
line-height:30px;
font-size:18px;
}
.elm85Link{
padding:0px 16px 0px 16px;
text-align:center;
display:block;
float:left;
line-height:26px;
height:26px;
width:auto;
overflow:hidden;
}
.elm85TableBG{
}
.elm85Link a{
text-decoration:none;
}
.elm85Link a:hover{
text-decoration:none;
}
.elm85Tab{
display:block;
float:left;
line-height:26px;
margin-left:1px;
}
.elm85TabL{
display:block;
float:left;
line-height:26px;
width:7px;
}
.elm85TabR{
display:block;
float:left;
line-height:26px;
width:7px;
}
.elm85TabL_red{
display:block;
float:left;
line-height:26px;
width:7px;
}
.elm85TabR_red{
display:block;
float:left;
line-height:26px;
width:7px;
}
.elm85Link_red{
padding:0px 16px 0px 16px;
text-align:center;
display:block;
float:left;
line-height:26px;
height:26px;
width:auto;
overflow:hidden;
}
.elm85Link_red a{
text-decoration:none;
}
/***************************************************************************************************************************************/
/* ELM00082 ADVANCED SEARCH - ROYALE */
/***************************************************************************************************************************************/
.elm82Title{
display:block;
width:auto;
line-height:30px;
padding:0px;
margin:0px;
font-size:18px;
font-weight:normal;
}
.elm82AdvancedSearch{
display:block;
width:100%;
height:120px;
float:left;
padding:0px;
margin:0px;
text-align:center;
}
.elm82AdvancedSearch form{
margin:0px;
padding:0px;
}
.elm82Container{
float:left;
display:block;
width:304px;
height:20px;
margin-top:4px;
margin-bottom:0px;
margin-left:6px;
margin-right:0px;
}
.elm82Label{
float:left;
font-size:12px;
width:120px;
margin:0px;
line-height:20px;
display:block;
text-align:left;
}
.elm82Input{
float:left;
display:block;
width:175px;
height:12px;
font-size:10px;
}
.elm82Dropdown{
float:left;
width:180px;
font-size:10px;
line-height:22px;
}
.elm82Go{margin:10px;}
/***************************************************************************************************************************************/
/* ELM00081 COMPOSER LINKS [VERTICAL] */
/***************************************************************************************************************************************/
.elm81ComposerList{
display:block;
width:auto;
height:auto;
clear:both;
padding:0px;
margin:0px;
}
.elm81Title{
display:block;
width:auto;
height:25px;
padding:5px 0px 0px 4px;
margin:0px;
font-size:18px;
}
.elm81Title h3{
padding:0px;
margin:0px;
font-size:1em;
font-weight:normal;
}
.elm81Links{
overflow:auto;
display:block;
width:auto;
height:500px;
list-style:none;
padding:0px;
margin:0px;
}
.elm81Link{
list-style:none;
padding-top:0px;
padding-bottom:0px;
margin:5px;
display:block;
width:auto;
height:auto;
}
.elm81Link a{
text-decoration:none;
}
.elm81Link a:hover{
text-decoration:none;
}
a.elm81Link_red{
text-decoration:none;
}
/***************************************************************************************************************************************/
/* ELM00087 COMPOSER SEARCH A to Z */
/***************************************************************************************************************************************/
.elm87Composer{
display:block;
clear:both;
width:auto;
height:auto;
text-align:center;
}
.elm87Title{
display:block;
width:100%;
line-height:30px;
height:30px;
overflow:hidden;
font-size:18px;
}
.elm87Bar form{
margin:0px;
padding:0px;
}
.elm87Bar{
display:block;
width:100%;
float:left;
line-height:30px;
}
.elm87Text{
display:block;
float:left;
width:18%;
}
.elm87Link{
display:block;
float:left;
width:3%;
}
.elm87Link a:hover{
text-decoration:none;
}
.elm87Link a{
text-decoration:none;
}
.elm87Current{
}
/***************************************************************************************************************************************/
/* ELM00092 Composer A to Z list */
/***************************************************************************************************************************************/
.elm92ComposerList{
margin:0px;
display:block;
text-align:center;
height:500px;
}
.elm92Prompt{
line-height:25px;
margin:10px 10px 10px 10px;
}
.elm92Links{
}
.elm92Link{
line-height:25px;
margin:2px 2px 2px 2px;
}
.elm92Link a{
}
.elm92Link a:hover{
text-decoration:none;
}
/***************************************************************************************************************************************/
/* ELM000077 PRODUCT DETAIL - ROYALE */
/***************************************************************************************************************************************/
.elm77RoyaleDetail{
display:block;
float:left;
width:100%;
height:auto;
}
.elm77h2{
display:block;
width:100%;
line-height:30px;
height:30px;
}
.elm77wish{
height:28px;
width:70px;
padding:2px;
text-align:right;
}
.elm77TitleLine{
display:block;
width:100%;
line-height:18px;
height:18px;
}
.elm77Name{
padding-left:2px;
float:left;
width:150px;
overflow:hidden;
}
.elm77Title{
float:left;
width:400px;
overflow:hidden;
}
.elm77Buy{
padding:0px;
margin:0px;
float:right;
width:50px;
line-height:18px;
height:18px;
text-align:center;
cursor:pointer;
}
.elm77Buy a{
padding:0px;
margin:0px;
text-decoration:none;
}
.elm77QuickLink{
}
a.elm77QuickLink:hover{
text-decoration:none;
}
.elm77DetailPage{
}
.elm77LeftImg{
float:left;
width:150px;
overflow:hidden;
}
.elm77imgmain{
width:100%;
}
.elm77links{
font-size:12px;
padding:0px;
margin:0px;
list-style:none;
}
.elm77CentralDesc{
float:left;
width:400px;
padding:2px;
margin:0px;
list-style:none;
}
.elm77text{
font-size:12px;
padding:0px;
margin:0px;
list-style:none;
}
.elm77textTitle{
font-size:12px;
padding:0px;
margin:0px;
list-style:none;
}
.elm77RightDesc{
float:left;
width:25%;
padding:0px;
margin:0px;
list-style:none;
}
.elm77Restrict{
line-height:18px;
height:18px;
border:0px solid red;
float:right;
width:70px;
text-align:center;
cursor:pointer;
}
/***************************************************************************************************************************************/
/* ELM000086 BESPOKE LINKS - ROYALE */
/***************************************************************************************************************************************/
.elm86links{display:block; clear:both; width:150px; height:auto; margin-top:20px;}
.elm86Img1{padding-left:10px; padding-top:10px;display:block; width:150px; height:40px;}
.elm86Img1 a{text-decoration:none;}
.elm86Img2{padding-left:10px;width:150px; height:38px;}
.elm86Img2 a{text-decoration:none;}
.elm86Img3{padding-left:10px;display:block; width:150px; height:35px;}
.elm86Img3 a{text-decoration:none;}
.elm86Img4{padding-left:10px;display:block; width:150px; height:36px;}
.elm86Img4 a{text-decoration:none;}
.elm86Img5{padding-left:10px;display:block; width:150px; height:32px;}
.elm86Img5 a{text-decoration:none;}
.elm86Img6{padding-left:10px;display:block; width:150px; height:38px;}
.elm86Img6 a{text-decoration:none;}
/*****************************************************************************************************************************/
/* elm00029 Postcode finder */
/*****************************************************************************************************************************/
.elm29Postcode{
display:block;
}
.elm29title{
display:block;
width:auto;
font-size:18px;
}
.elm29text{
display:block;
clear:both;
}
.elm29formLabel{
float:left;
width:60px;
margin:0px 10px 10px 10px;
text-align:left;
line-height:22px;
}
.elm29input{
float:left;
display:block;
width:65px;
height:18px;
margin:0px 10px 10px 0px;
border:1px solid #cccccc;
}
.elm29dropdown{
clear:left;
display:block;
width:auto;
height:22px;
margin:0px 10px 0px 0px;
border:1px solid #cccccc;
}
.elm29address{
clear:left;
display:block;
margin:0px 10px 0px 80px;
}
.elm29retrieve{float:left;}
.elm29update{float:left;margin:10px 10px 0px 80px;}
/*****************************************************************************************************************************/
/* elm00030 Profile Navigation */
/*****************************************************************************************************************************/
.elm30ProfileNav {
margin: 0px;
padding: 0px;
width:100%;
font-size:12px;
float:left;
}
.elm30ProductNav dl {
margin: 0px;
padding: 0px;
}
.elm30ProductNav dl dd {
margin: 0px;
padding: 0px;
}
.elm30Level1 {
text-align:left;
width:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.elm30Level1 dt {
text-align:center;
padding:2px 0px 2px 0px;
margin:0px 0px 0px 0px;
width:auto;
}
.elm30Level1 dd {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:auto;
text-align:left;
text-decoration: none;
}
.elm30Level2 {
width:auto;
}
.elm30Level2 dd {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:auto;
}
.elm30Selected {font-weight:bold;}
.elm30Level1 dd a{
text-decoration: none;
}
.elm30Level2 dd a{
text-decoration: none;
}
.elm30Level1 dd a:link, .elm30Level1 dd a:visited {
display:block;
padding: 3px 0px 3px 0px;
margin:0px 0px 0px 0px;
width:auto;
}
.elm30Level2 dd a:link, .elm30Level2 dd a:visited {
display:block;
padding: 3px 0px 3px 0px;
margin:0px 0px 0px 0px;
width:auto;
}
.elm30Level1 dd a:hover{
text-decoration: none;
}
.elm30Level2 dd a:hover{
text-decoration: none;
}
/***************************************************************************************************************************************/
/* elm00056 e-newsletter */
/***************************************************************************************************************************************/
.elm56e-letter {
display:block;
clear:both;
width:auto;
height:auto;
margin:0px;
padding:0px;
}
.elm56title{
display:block;
width:100%;
line-height:30px;
font-size:18px;
}
.elm56maindetails{
padding:20px 0px 0px 0px;
width:400px;
margin:auto;
}
.elm56Label{
float:left;
display:block;
width:100px;
margin-bottom:5px;
}
.elm56Input{
display:block;
width:290px;
float:left;
margin-bottom:5px;
}
.elm56Postcode{
display:block;
width:60px;
float:left;
margin-bottom:5px;
}
.elm56text {
padding:0px 0px 0px 0px;
margin:20px 0px 20px 0px;
}
.elm56Unsubscribe{margin:20px 0px 20px 0px;}
.elm56Subscribe{margin:20px 10px 20px 0px;clear:right;}
.elm56Fill{margin:20px 10px 20px 0px; clear:left;}
/***************************************************************************************************************************************/
/* elm00057 e-newsletter quick download */
/***************************************************************************************************************************************/
.elm57e-letter {
display:block;
clear:both;
width:auto;
height:auto;
margin:0px;
padding:0px;
}
.elm57e-letter form {
width:auto;
height:auto;
margin:0px;
padding:0px;
}
.elm57title{
display:block;
width:100%;
line-height:20px;
}
.elm57button{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
display:block;
height:30px;
width:150px;
}
/*****************************************************************************************************************************************/
/* elm00089 Restricted News */
/*****************************************************************************************************************************************/
.elm89News{
display:block;
width:auto;
height:auto;
}
.elm89NewsTitle{
display:block;
width:auto;
height:25px;
padding:5px 0px 0px 4px;
margin:0px;
}
.elm89NewsTitle h3{
padding:0px;
margin:0px;
}
.elm89NewsArea{
overflow:auto;
display:block;
width:auto;
height:500px;
list-style:none;
padding:0px;
margin:0px;
}
.elm89NewsLink{
list-style:none;
padding-top:5px;
padding-bottom:5px;
margin:5px;
display:block;
width:auto;
height:auto;
border-bottom:2px dotted #333333;
}
.elm89NewsLink a{
text-decoration:none;
}
/*****************************************************************************************************************************************/
/* elm000095 Display Web Category Description */
/*****************************************************************************************************************************************/
.elm95Description{
display:block;
clear:both;
}
.elm95h2{
clear:both;
display:block;
line-height:30px;
font-size:18px;
}
.elm95text{
display:block;
margin:10px 0px 10px 0px;
width:100%;
}
/***************************************************************************************************************************************************/
/* ELM00062 Quick Shop always present */
/***************************************************************************************************************************************************/
.elm62QuickShop{
display:block;
width:100%;
height:auto;
float:left;
margin:2px 0px 2px 0px;
}
.elm62title{
display:block;
line-height:30px;
font-size:18px;
width:100%;
}
.elm62Table{
margin:10px 0px 10px 0px;
}
.elm62table{
border:1px solid #cccccc;
}
.elm62text{
}
.elm62input{
}
.elm62add{
}
/***************************************************************************************************************************************/
/* elm00047 quick shop basket breakdown */
/***************************************************************************************************************************************/
.elm47express {
display:block;
clear:both;
width:auto;
height:auto;
margin:0px;
padding:0px;
}
.elm47title{
display:block;
width:100%;
line-height:30px;
font-size:18px;
}
.elm47text {
padding:0px 0px 0px 0px;
margin:20px 0px 20px 0px;
}
.elm47table {
border:1px solid #cccccc;
padding:0px 0px 0px 0px;
margin:10px 0px 10px 0px;
}
.elm47tabletitle {
}
.elm47Label {
width:150px;
display:block;
float:left;
height:20px;
line-height:20px;
clear:left;
padding:0px 0px 0px 0px;
margin:0px 0px 5px 0px;
}
.elm47Dropdown {
width:auto;
padding:0px 0px 0px 0px;
margin:0px 0px 5px 0px;
}
.elm47Input {
width:auto;
padding:0px 0px 0px 0px;
margin:0px 0px 5px 0px;
border:0px solid #cccccc;
}
.elm47image{
width:120px;
border:1px solid #cccccc;
}
/*****************************************************************************************************************************************/
/* elm00061 currency convertor */
/*****************************************************************************************************************************************/
.elm61{
padding:0px 0px 0px 0px;
margin:5px 0px 5px 0px;
display:block;
clear:both;
}
.elm61 form{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.elm61currency{
float:left;
line-height:20px;
width:55px;
display:inline;
}
.elm61dropdown{
width:93px;
display:inline;
}
/*****************************************************************************************************************************************/
/* ELM00037 MY PROFILE - ORDER HISTORY */
/*****************************************************************************************************************************************/
/***************************************************************************************************************************************************/
/* ELM00066 Voucher purchasing screen */
/***************************************************************************************************************************************************/
.elm66voucher{
display:block;
width:100%;
height:auto;
float:left;
}
.elm66maindetails{
display:block;
width:300px;
margin:10px 0px 10px 0px;
}
.elm66title{
display:block;
line-height:30px;
font-size:18px;
width:100%;
}
.elm66subtitle{
}
.elm66text{
}
.elm66formLabel{display:block;width:90px;float:left;margin:0px 0px 10px 0px;}
.elm66input{display:block;width:200px;float:left;margin:0px 0px 10px 0px;
}
.elm66dropdown{display:block;width:205px;float:left;margin:0px 0px 10px 0px;
}
.elm66smalldropdown{display:block;width:40px;float:left;margin:0px 0px 10px 0px;
}
.elm66table{}
.elm66tabletitle{}
.elm66tabletext{}
.elm66descprod{}
.elm66next{}
/***************************************************************************************************************************************************/
/* ELM00051 select benefits */
/***************************************************************************************************************************************************/
.elm51Benefits{
display:block;
width:100%;
height:auto;
float:left;
}
.elm51title{
display:block;
line-height:30px;
font-size:18px;
width:100%;
}
.elm51table{
margin:10px auto 10px auto;
width:400px;
}
.elm51tabletitle{
background-color:#eaeaea;
}
.elm51tabletext{
}
.elm51apply{
float:right;
}
/***************************************************************************************************************************************************/
/* ELM00052 benefit product */
/***************************************************************************************************************************************************/
.elm52Benefit{
display:block;
width:100%;
height:auto;
float:left;
}
.elm52title{
display:block;
line-height:30px;
font-size:18px;
width:100%;
}
.elm52errortext{
color:red;
margin:10px 0px 10px 0px;
}
.elm52table{
margin:10px auto 10px auto;
width:auto;
}
.elm52tabletitle{
background-color:#eaeaea;
}
.elm52tabletext{
}
.elm52radio{
}
.elm52add{
float:right;
}
/***************************************************************************************************************************************************/
/* ELM00059 brochure request */
/***************************************************************************************************************************************************/
.elm59brochure{
display:block;
width:100%;
height:auto;
float:left;
}
.elm59title{
display:block;
line-height:30px;
font-size:18px;
width:100%;
}
.elm59text{
margin:10px 0px 10px 0px;
}
.elm59Success{
color:green;
margin:10px 0px 10px 0px;
}
.elm59textlist{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.elm59Label{
margin:10px 0px 10px 40px;
padding:0px 0px 0px 0px;
display:block;
clear:both;
}
.elm59textlist li{
color:green;
margin:10px 0px 10px 0px;
padding:0px 0px 0px 60px;
list-style:none;
}
.elm59order{
float:right;
}
.elm59next{
float:right;
}
.elm59previous{
float:left;
}
/***************************************************************************************************************************************************/
/* elm00039 / elm00041 / elm00043 Various Reports */
/***************************************************************************************************************************************************/
.CMScontainer {
float:left;
margin-left:10px;
clear:left;
}
.elm39report, .elm41report, .elm43report{
display:block;
width:100%;
height:auto;
float:left;
}
.elm39title, .elm41title, .elm43title{
display:block;
line-height:30px;
font-size:18px;
width:100%;
}
.elm39Success, .elm41Success, .elm43Success{
color:green;
margin:10px 0px 10px 0px;
}
.elm39Failure, .elm41Failure, .elm43Failure{
color:red;
margin:10px 0px 10px 0px;
}
.elm43submitBtn,.elm41confirm {
float:left;
clear:left;
}
.CMStooltip {
float:left;
clear:left;
}
/***************************************************************************************************************************************************/
/* ELM00040 MANUAL ACCOUNT CREDIT */
/***************************************************************************************************************************************************/
.elm40credit{
display:block;
width:100%;
height:auto;
float:left;
}
.elm40title{
display:block;
line-height:30px;
font-size:18px;
width:100%;
}
.elm40Prompt{
font-size:14px;
margin:10px 0px 10px 0px;
}
.elm40text{
margin:10px 0px 10px 0px;
}
.elm40Success{
color:green;
margin:10px 0px 10px 0px;
}
.elm40Failure{
color:red;
margin:10px 0px 10px 0px;
}
.elm40table{
width:100%;
}
.elm40tabletitle{
text-align:left;
background-color:#eaeaea;
}
.elm40tabletext{
}
.elm40Label{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
line-height:20px;
display:block;
width:120px;
float:left;}
.elm40SmallDropdown{
display:inline;
width:80px;
}
.elm40Dropdown{
display:inline;
width:200px;
}
.elm40search{
float:right;
}
.elm40confirm{
float:right;
}
/***************************************************************************************************************************************************/
/* ELM00042 ORDER ON BEHALF OF... */
/***************************************************************************************************************************************************/
.elm42orderonbehalf{
display:block;
width:100%;
height:auto;
float:left;
}
.elm42title{
display:block;
line-height:30px;
font-size:18px;
width:100%;
}
.elm42subtitle{
display:block;
line-height:30px;
font-size:14px;
width:100%;
}
.elm42maindetails{
display:block;
width:400px;
margin:auto;
}
.elm42text{
margin:10px 0px 10px 0px;
}
.elm40Success{
color:green;
margin:10px 0px 10px 0px;
}
.elm40Failure{
color:red;
margin:10px 0px 10px 0px;
}
.elm42Label{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
line-height:20px;
display:block;
width:120px;
float:left;}
.elm42input{
margin:0px 0px 5px 0px;
padding:0px 0px 0px 0px;
display:inline;
width:160px;
}
.elm42inputLong{
margin:0px 0px 5px 0px;
padding:0px 0px 0px 0px;
display:inline;
width:240px;
}
.elm42retrieve{
display:inline;
margin:0px 0px 0px 20px;
padding:0px 0px 0px 0px;
}
.elm42next{
float:right;
}
.elm42confirm{
float:right;
}
/***************************************************************************************************************************************************/
/* ELM00053 product group display */
/***************************************************************************************************************************************************/
.elm53groupProducts{
display:block;
height:auto;
clear:both;
}
.elm53title{
display:block;
line-height:30px;
font-size:18px;
}
.elm53subtitle{
display:block;
line-height:30px;
font-size:14px;
}
.elm53text{
margin:10px 0px 10px 0px;
}
.elm53stockcode{
margin:10px 0px 10px 0px;
}
/****** dropdown method *****/
.elm53images{
margin:0px 0px 10px 0px;
display:block;
}
.elm53image{margin:auto;}
.elm53dropdown{
margin:0px 0px 5px 0px;
padding:0px 0px 0px 0px;
display:inline;
width:auto;
}
.elm53buy{
display:inline;
}
/****** individual display method*****/
.elm53product{
float:left;
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:0px;
}
.elm53detailPage{
display:block;
clear:both;
width:auto;
height:auto;
margin:0px;
padding:0px;
}
.elm53leftimg {
float:left;
width:202px;
height:auto;
margin:0px;
padding:0px;
overflow:hidden;
}
.elm53mainImage{
margin:0px;
padding:0px;
width:200px;
height:100%;
}
.elm53mainImage img {
height:100%;
width:100%;
margin:0px;
padding:0px;
border:1px solid #cccccc;
}
.elm53details {
float:right;
width:65%;
height:auto;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
}
.elm53details form{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.elm53text {
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
}
.elm53stockcode {
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
}
.elm53priceBreaksTable {
margin:0px 0px 10px 15px;
padding:0px 0px 0px 0px;
}
.elm53priceBreakTable {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.elm53tableTitle{background-color:#eaeaea;}
.elm53tableText{text-align:center;}
.elm53priceBreaksPrice{display:block; margin:0px 0px 0px 0px;}
.elm53priceBreakDays{margin:5px 10px 0px 0px; float:left;}
.elm53priceBreakInput{margin:0px 25px 0px 0px; float:left; width:30px;}
.elm53priceBreakPrice{margin:5px 10px 0px 0px; float:left;}
.elm53buy{float:left; margin:0px 0px 0px 0px;}
.elm53wishlist{float:left; margin:0px 0px 0px 0px; }
.elm53price1{margin:0px 10px 10px 0px;}
.elm53price2{
float:left;
margin:5px 10px 0px 0px;
}
.elm53qty{
margin:5px 10px 0px 0px; float:left;
}
.elm53selectQty{
margin:0px 10px 0px 0px;float:left;
}
.elm53qtyDropdown{
}
.elm53errortext{
margin:0px 0px 10px 0px;
}
.elm53error{color:red;}
.elm53wishlistButton{float:left; margin:0px 10px 0px 0px;
}
.elm53hireButton{float:left; margin:0px 10px 0px 0px;
}
.elm53buyButton{float:left; margin:0px 10px 0px 0px;
}
/**** NEW SWATCHED CSS ELM045 ***/
#elm00045Swatches { }
#elm00045SwatchTitle { margin: 10px; font-weight: bold; display:none;}
#elm00045Swatches .swatchimage { float: left; padding: 5px;}
/**** CSS for all stock fashion style grid ****/
.elm00000_dimBtn {float: left; height :25px; width: 35px; margin: 1px; border: 2px #999999 solid; text-align:center;padding-bottom: 10px; }
.elm00000_dimBtnLegend { font-size:10px; display: block; float: left; height :15px; width: 300px; margin: 5px; text-align: left; padding-bottom: 10px }
.elm00000_dimLegendBox {padding-left: 8px ! important; display: inline; width: 10px; height: 10px;}
.elm00000_dimBtnSelected {float: left; height :25px; width: 35px; margin: 1px; border: 2px red solid; text-align:center; padding-bottom: 10px; font-weight: bold}
.elm154leftImg, .elm07mainImage{
float: left;
}
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
border: 4px solid #888;
margin:-4px; /* Set this to minus the border thickness. */
background-color:#fff;
cursor:move;
}
/* This is for the title text. */
.cloud-zoom-title {
font-family:Arial, Helvetica, sans-serif;
position:absolute !important;
background-color:#000;
color:#fff;
padding:3px;
width:100%;
text-align:center;
font-weight:bold;
font-size:10px;
top:0px;
}
/* This is the zoom window. */
.cloud-zoom-big {
border:4px solid #ccc;
overflow:hidden;
}
/* This is the loading message. */
.cloud-zoom-loading {
color:white;
background:#222;
padding:3px;
border:1px solid #000;
}
/********************* WIDGET STYLING ***********************/
#persWidget {
clear: both;
width: 300px;
background: #000000;
color: #ffffff;
padding: 20px;
}
#persWidget #persWidgetHead {
padding-bottom: 10px;
}
#persWidget #styleSelect{
float: right;
}
#persWidget #flashContent {
height: 400px;
width: 300px;
margin: 0px auto;
background: #ffffff;
}
#persWidget #persWidgetDims table {
color: white;
font-size: 10px;
margin: 0px auto;
}
#persWidget #persWidthDims table tr td:first {
width: 130px;
}
#persWidget #persWidgetDims select, .persWidgetDims label{
margin-top: 10px;
}
#persWidget .smallSelect {
float: right;
width: 170px;
}
#persWidget #persWidgetCustom label,#persWidgetCustom input {
float: left;
margin: 0px 5px 5px 0px;
}
#persWidget #letteringStyle {
width: 100%;
margin-bottom: 5px;
}
#persWidget #persText {
width: 130px;
}
#persWidget #persNum {
width: 50px;
}
#persWidget #persWidgetSelects select{
width: 100%;
margin-bottom: 5px;
}
#persWidget #priceInfo {
margin-bottom: 5px;
}
#persWidget #priceInfo p{
text-align: right;
margin-bottom: 5px;
}
#persWidget #priceInfo div{
float: right;
}
#persWidget #priceInfo a {
color: white;
}
#persWidget #persWidgetOptions {
padding-top: 10px;
}
#persWidget #priceInfoFiller {
height: 10px;
}
/* Elastislide Style */
.es-carousel-wrapper{
background: #fff;
position:relative;
width:200px;
height:40px;
padding: 10px 0 0;
margin: 0 0 0 20px
}
.es-carousel{
overflow:hidden;
background:#fff;
height: 40px;
}
.es-carousel ul{
display:none;
}
.es-carousel ul li{
height:100%;
float:left;
display:block;
}
.es-carousel ul li a{
display:block;
}
.es-carousel ul li a img{
display:block;
border:none;
max-height:100%;
max-width:100%;
}
.es-nav span{
position:absolute;
top:50%;
left:-20px;
background:transparent url(../images/nav.png) no-repeat top left;
width:14px;
height:26px;
margin-top:-13px;
text-indent:-9000px;
cursor:pointer;
opacity:0.8;
}
.es-nav span.es-nav-next{
right:-20px;
left:auto;
background-position:top right;
}
.es-nav span:hover{
opacity:1.0;
}
#elm154mainImageWrapper{width:400px;height:375px;border-bottom:1px solid #d6d4d5; overflow:hidden;text-align:center;}
#elm154mainImageImg{}
#elm154galleryContainer{ border:1px solid #d6d4d5;height:430px;width:400px;}
#elm154imgControlToolbar{width:400px;}
#elm154zoomButtonContainer{float:left;width:25px;padding: 10px;}
#elm154enlargeButtonContainer{float:left;width:70px;padding: 10px;}
#carousel{float:left;}
.imgOverflowWrapper{height: 375px;
overflow: hidden;width: 400px;}
li.additionals_li_selected{border:1px solid red;}
/* ELM00231 - JQUERY SLIDER - FLEXSLIDER */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider { margin: auto; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}
/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}
/* Direction Nav */
.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(images/buttons/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li .next {background-position: -52px 0; right: -21px;}
.flex-direction-nav li .prev {left: -20px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(images/buttons/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}
/***************************************************************************************************************************************************/
/* ELM000233 Restricted Products */
/***************************************************************************************************************************************************/
.elm233ahead {
padding:10px;
background:#EEE;
overflow:hidden;
width:90%;
margin:20px auto 0;
}
.elm233abskt form .elm233Code {
margin:6px 0 0;
}
.elm233rhead {
padding:10px;
background:#EEE;
overflow:hidden;
width:90%;
margin:20px auto 0;
}
.elm233abskt form {
padding:10px;
width:90%;
margin:auto;
font-weight:bold;
text-transform:uppercase;
font-size: 15px;
}
.elm233rProdDat {
padding:10px;
width:90%;
margin:auto;
font-weight:bold;
text-transform:uppercase;
font-size: 15px;
}
.elm233ahead .elm233Code, .elm233Proddesc,
.elm233bqty,
.elm233price,
.elm233takeAlloc, .elm233rhead .elm233rCode,.elm233rProddesc,.elm233rError {
float:left;
padding:0 20px;
font-weight:bold;
text-transform:uppercase;
font-size: 15px;
}
.elm233price,.elm233takeAlloc {
width:170px;
}
.elm233bqty {
width:50px
}
.elm233stdPriceVal {
color:#e90f8c;
}
.elm233rProddesc,.elm233Proddesc {
width:220px;
}
.elm233rProdDat .elm233Proddesc {
float:left;
padding:0 20px
}
.elm233rCode,.elm233Code {
width:90px;
padding:0 20px;
}
.elm233cont {
wifth:auto;
text-align:center;
margin:26px 0 0
}
.elm233AllocPriceVal {
margin:6px 0 0;
float:left;
}
.elm233prodData {
padding:10px 0;
float:left;
border-bottom:1px dotted #CCC;
}
.elm233cont {
float:left;
width:100%;
}
#elm00233basketPopup {
border:4px solid #652981;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
.ui-resizable {
-webkit-border-radius: 12px !important;
-moz-border-radius: 12px !important;
border-radius: 12px !important;
}
.elm233rError {
max-width:478px
}
/* POSTCODE LOOKUP */
.addressList {
clear: both;
display: block;
width: 80%;
max-height: 250px;
overflow-y: scroll !important;
margin: 2% 0;
border: 1px solid #999;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-weight: 700;
font-family:calibri;
color: #333;
}
.addresses {
padding: 5px;
}
.addresses {
cursor: pointer;
font-size:13px;
border-bottom:1px solid #CCC;
background: #efefef; /* Old browsers */
background: -moz-linear-gradient(top, #efefef 0%, #ffffff 50%, #efefef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(50%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #efefef 0%,#ffffff 50%,#efefef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #efefef 0%,#ffffff 50%,#efefef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #efefef 0%,#ffffff 50%,#efefef 100%); /* IE10+ */
background: linear-gradient(to bottom, #efefef 0%,#ffffff 50%,#efefef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}
.addresses p {
margin:0;
}
/* ELM00247 Multi-Level Navigation with Featured Product*/
.elm247openbtn {
background: center center no-repeat transparent;
background-image: url(../images/buttons/open-menu.png);
display: block;
width: 60px;
height: 60px;
position: absolute;
top: 0;
left: 0;
}
.container{
position:relative;
}
#COM00001_Logo {
margin-left:60px;
}
.elm247_brn_BRN00018 {
/* STYLES GO HERE FOR ADDING BACKGROUND IMAGES TO HEADLINE THE BRANCHES */
}
/*---------------- QUICK INFO BOX ---------------------------------*/
/*---------------- ELM 249 - Fashion Detail with related products ---------------------------------*/
/* ELM00254 - Countdown Widget */
#elm254_wrapper {
clear: both;
display: block;
background-color: lightgrey;
float: left;
padding: 10px;
width: 210px;
text-align: center;
}
#elm254_label {
font-weight: bold;
font-size: 17px;
}
#elm254_countdown {
font-size: 40px;
}
#elm254_countdown .elm254_hour,
#elm254_countdown .elm254_min,
#elm254_countdown .elm254_secs {
background-color: white;
border-radius: 5px 5px 0 0;
width: 43px;
display: inline-block;
}
#elm254_countdown_labels {
}
#elm254_countdown_labels .elm254_hour,
#elm254_countdown_labels .elm254_min,
#elm254_countdown_labels .elm254_secs {
background-color: black;
color: white;
padding: 3px;
border-radius: 0 0 5px 5px;
width: 38px;
display: inline-block;
margin-right: 10px;
}
#elm254_countdown_labels .elm254_secs {
margin: 0;
}
#elm254_additional {
font-size: 17px;
font-weight: bold;
}
#elm254_moreinfo {
position: absolute;
margin-left: 80px;
}
/*******************************************************************************RESPONSIVE********************************************************************/
/************* ELM21 Registration ***************/
/*************ELM206 FACETED*************/
.accordian,.collapsibleContainerContent {
float:left;
width:100%;
}
#PriceRange {
float:left;
width:100%;
margin:0 0 15px;
}
#elm206facedDetail,#elm206facetedSearch {
float:left;
width:100%;
}
.elm00206 {
float:left;
width:100%;
overflow:hidden;
}
.elm206h2 {
}
.elm206Paging {
float:right;
width:100%;
}
#facected_placeHolder br {
display:none;
}
.elm206product {
background-color:transparent;
height:auto;
overflow:hidden;
float:left;
display:block;
}
.elm206facetedSubTitle {
background:none;
color:#000;
float:left;
font-size:1em;
padding:0 5px;
height:auto;
text-indent:0;
width:auto;
margin:0;
float: left;
line-height: 16px;
font-weight: bold;
max-width: 85%;
}
#facetedSliderRange {
float:left;
width:100%;
text-align:center;
padding:2% 0;
color:red;
font-weight:600;
font-size:18px;
font-family:calibri;
}
.elm206ClearImgPrice,.elm206ClearImg{
float:right !important;
}
.elm206facetedControlHeader {
background:transparent none;
clear:none;
width:100%;
margin:5px 0;
/* I don't like the following, but it's necessary to hide spurious extra empty element inside this
*/
height:auto;
overflow:hidden;
float:left;
}
.elm206facetedControl { /* Price slider */
background:transparent none;
border:none;
border-radius:0;
width:auto;
position:static;
}
.elm206facetedPriceRange {
width:auto;
}
#facetedSliderRange {
margin-top:-10px;
}
.ui-slider-horizontal .ui-slider-range {
background-color:#ccc;
}
#slider-range {
border-color:#bbb;
margin:-1.167em 7px 0 !important;
}
#slider-range .ui-slider-handle {
border-color:#aaa;
}
.elm206OneColumn { /* Checkbox lists */
float:none;
clear:none;
margin-bottom:0 !important;
background:none transparent;
border:none;
border-radius:0;
padding:0;
width:auto;
line-height:2.5;
}
.elm206OneColumn div {
float:none;
clear:none;
margin-bottom:0;
width:auto;
}
.elm206OneColumn form input {
float:none;
position:static;
vertical-align:-2px;
}
.elm206OneColumn form span {
display:inline;
float:none;
padding-right:0;
width:auto;
}
/* Hide headers on the following option groups to make them look as if they're combined into one */
form[name="IGO2_3"] .elm206facetedControlHeader,
form[name="IGO3_4"] .elm206facetedControlHeader,
form[name="IGO5_5"] .elm206facetedControlHeader {
display:none;
}
/* Add an extra header above the first option group */
form[name="IGO1_2"] .elm206facetedSubTitle {
color:transparent;
}
form[name="IGO1_2"] .elm206facetedSubTitle:before {
content:'Options';
color:black;
}
/* Page numbers */
.elm206Paging li {
padding:0 8px;
}
.elm206Paging li a {
margin:0 -8px;
padding:0 8px;
}
.elm206product {
margin-bottom:12px;
}
.elm206prodImg {
border-color:#aaa;
}
#fpagetop {
float: right;
margin: 0 !important;
display: inline;
border-bottom: 1px solid #CCC;
width: 100%;
text-align: right;
padding:1%;
}
#fpagebottom {
float: right;
margin: 0 !important;
display: inline;
border-top: 1px solid #CCC;
width: 100%;
text-align: right;
padding:1%;
}
.elm206Paging ol {
list-style:none;
}
.elm206Paging ol li {
display:inline;
}
.elm206ProdQty,.elm206ProdBuy,.elm206ProdQtyBuy {
display:none;
}
.elm206prodImg img {
display: block;
max-width: 100%;
height: auto;
float: left;
}
.elm206Desc {
float:left;
width:100%;
height:40px;
max-height:40px;
}
/***************ELM249 FASHION PRODUCT**************/
.elm249_code{
float:left;
width:100%;
}
.elm249_title,.elm250_title {
font-family:Calibri;
font-weight: bold;
color: #b81420;
text-decoration: none;
font-size: 30px;
text-transform: ;
}
#elm249_pricing {
font-weight: 600;
float: left;
width: 100%;
font-size: 20px;
color: #000;
}
#imageZoomElm,#elm249_image {
float:left;
max-width:100%;
}
label,.elm249GridDesc,#perTitle {
font-family:Calibri;
float:left;
clear:left;
margin:6px 0 0;
display: inline !important;
font-weight: bold;
}
#elm249_stno {
margin:10px 0 0;
float:left;
width:100%;
}
#per1,#per2 {
float:left;
clear:left;
}
.perOptions {
display:inline-block;
}
#elm249_buyItem,#elm249_buyButton {
margin:10px 0;
float:left;
width:100%;
}
.zoomPad {
position:relative !important;
float: left;
width: auto;
}
#zoomWrapperElm a {
float:left;
}
#viewCarouselVert {
float: left;
height: 356px;
overflow: hidden;
}
#viewCarouselVert .overview li {
margin: 0 0 15px;
border: 1px solid #dcdcdc;
float: left;
list-style:none;
}
#viewCarouselVert .overview li img {
max-width:80px;
max-height:80px;
}
.elm249_image ,.elm250_image{
display: block;
max-width: 100%;
height: auto;
float: left;
}
#viewCarouselVert .overview {
list-style: none;
position: absolute;
padding: 0;
margin: 0;
left: 0;
top: 0;
}
#viewCarouselVert .viewport {
float: left;
width: 100px;
height: 278px;
overflow: hidden;
position: relative;
clear: left;
}
#viewCarouselVert .buttons {
display: block;
float: left;
clear: left;
margin:7px 0 8px 27px;
}
#viewCarouselVert .next {
}
#viewCarouselVert .prev {
}
.elm249_enlargeLink,.elm250_enlargeLink {
clear:both;
}
.elm249_imageViews,.elm250_imageViews {
z-index:999;
position:relative;
float:left;
display:inline !important;
}
#zoomWrapperElm{
float:left;
width:65%;
}
#elm249accordion {
float:left;
}
.ui-dialog {
max-width:100%;
resize:none !important;
}
#large_image_container img {
max-width:100%;
}
.ui-resizable-handle {
display:none !Important;
}
/***************ELM250 PRODUCT DETAIL**************/-
.zoomWindow {
right:0 !important
}
.elm250_title {
font-family:Calibri;
font-weight: bold;
color: #b81420;
text-decoration: none;
font-size: 30px;
text-transform: ;
}
.elm250_pricing {
font-weight: 600;
float: left;
width: 100%;
font-size: 20px;
color: #000;
}
.elm250_code {
float: left;
width: 100%;
}
label,.elm250GridDesc {
font-family:Calibri;
float:left;
clear:left;
margin:6px 0 0;
display: inline !important;
font-weight: bold;
}
.elm250_qty {
margin:10px 0 0;
float:left;
width:100%;
}
.elm250_buybutton {
margin:10px 0;
float:left;
width:100%;
}
#elm250accordion {
float:left;
}
/************ELM110 LOGIN*************/
/************ELM195 DEL ADDRESS************/
.elm195delAdd {
float:left;
width:100%;
border:1px solid #bbb;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom:2%;
}
.elm195addname {
padding:2%;
border-bottom:1px solid #bbb;
font-weight: bold;
text-align: left;
}
.elm195addname input {
float:left;
}
.elm195addLine {
float:left;
clear:left;
width:100%;
}
/**************ELM198 PAYMENT*************/
#elm198creditContainer label,#elm198billAddContainer label,.elm198maindetails label,#elm198gcardcontainer label {
width: 40%;
float: left;
text-align: left;
margin: 0;
padding: 2px 0;
margin: 1% 0;
}
#elm198creditContainer input,#elm198billAddContainer input,.elm198maindetails input,#elm198gcardcontainer input {
width: 50%;
float: left;
text-align: left;
margin: 1% 0;
}
#elm198creditContainer,#elm198billAddContainer,.elm198maindetails,#elm198gcardcontainer {
float: left;
width: 50%;
padding:2%;
}
#elm198creditContainer select,#elm198billAddContainer select,.elm198maindetails select,#elm198gcardcontainer select {
width:50%;
float: left;
text-align: left;
margin: 1% 0;
}
.elm198ccmm, .elm198ccyy {
width:auto !important;
margin-right:2% !important;
}
.elm198po {
float:left;
clear:both:
width:100%;
}
.elm198po #continueBtn,.elm198pobackbtn {
float:left;
}
.elm198poback {
float:left;
clear:both;
}
/***************ELM255 ORDER SUMMARY******************/
.elm255container {
border: 3px solid #bbbbbb;
width:100%;
float: left;
background:#FFF;
}
.elm255sumorder {
float:left;
width:100%;
}
.elm255title {
background:#eeeeee ;
color:#666666;
width:100%;
padding:0;
float:left;
}
.elm255title h3 {
font-weight:bold;
font-size:16px;
}
.elm255sumdetail {
float:left;
width:50%;
margin:2% 0 2% 2%;
border: 2px solid #bbbbbb;
padding:2% 5%;
}
.elm255ProductSection,.elm255BasketSection {
float:left;
width:100%;
}
.elm255ProductSection {
padding:2%;
}
.elm255ProductDetail {
float:left;
clear:left;
width:100%;
margin:auto;
border-bottom:1px solid #bbbbbb;
padding:2%;
position:relative;
}
.elm255image {
float:left;
margin:0 2% 0 0;
}
.elm255DescWrapper {
float:left;
width:40%;
}
.elm255pno {
float:left;
}
.elm255desc {
float:left;
clear:left;
margin:;
}
.elm255prodlink {
float:left;
clear:left;
}
.elm255Qty {
float:left;
width:20%;
margin:4% 2%;
font-weight:700;
}
.elm255Price {
float:left;
width:15%;
margin:4% 2%;
font-weight:700;
}
.elm255topnextstage {
float:left;
width:44%;
margin:2%;
position:relative;
}
.elm255nextstage input {
width:50%;
font-size:150%;
margin:auto;
}
.elm255paySumWrap span {
width:60%;
float:left;
}
.elm255paySumWrap div {
float:right;
margin-right:3%
}
.elm255TopValueWrap span {
width:58%;
float:left;
font-size:200%
}
.elm255TopValueWrap div {
float:right;
margin-right:3%;
font-size:200%;
}
.elm255ProductSection, .elm255ProductDetail,.elm255DelMethSection {
clear:both;
float:left;
background:#FFF;
}
.elm255delLeft,.elm255delRight {
float:left;
width:50%;
}
.elm255delLeft {
border-right:2px solid #bbb;
}
.elm255DelMethSection,.elm255DelAddPamtSection {
float:left;
width:100%;
}
.elm255delLeft .elm255title{
float:left;
width:100%;
}
.elm255delRight .elm255title{
float:left;
width:100%;
}
.elm255delmeth {
width:100%;
clear:left;
padding:4% 0 14%;
}
.elm255delmeth p {
font-weight:bold;
}
.elm255contactWrap{
width:100%;
padding:2% 0 2%;
}
.elm255delmeth span {
margin-left:80px
}
.elm255delmeth,.elm255contactWrap {
float:left;
}
.elm255Delcontainer,.elm255Billcontainer {
float:left;
width:25.02%;
border-right:2px solid #bbb;
}
.elm255paycontainer {
float:left;
width:49.96%;
}
.elm255BillAdd {
padding:2%;
margin:auto;
}
.elm255deladd {
padding:2% 2% 9.4% 2%;
}
.elm255Pay {
width:100%;
padding:2%;
float:left;
}
.elm255deladd .elm255dellink {
display:block;
}
.elm255MaskAmtWrap div {
text-align:left;
}
.elm255pymWrap {
float:left;
clear:left;
margin:0 0 2%;
width:100%;
}
.elm255payImage-1 {
float:left;
background:url(../images/page/credit_card.png) no-repeat;
width:50px;
height:50px;
}
.elm255payImage-3 {
float:left;
background:url(../images/page/voucher.png) no-repeat;
width:50px;
height:50px;
}
.elm255MaskAmtWrap {
float:left;
margin:0 0 0 2%;
}
.elm255Pymdesc,.elm225mask,.elm255exp {
float:left;
clear:left;
}
.elm255exp {
margin:2% 0 0;
}
.elm255Amt {
float: left;
margin: 2% 0 0 20%;
}
.elm255contactWrap p {
margin:0 0 4px;
}
.elm255paySumWrap,.elm255TopValueWrap {
float:left;
width:100%;
}
.elm255sumdetail hr {
float:left;
}
.elm255BottomWrapper {
float:left;
width:100%;
margin:2% 0 0;
}
.elm255TopValueWrap p {
float:right;
clear:right;
}
.elm255sumdetail hr {
margin:1% 0 !Important;
}
/*****************************************************************************************************************************/
/* ELM00055 featured product */
/*****************************************************************************************************************************/
.elm00055 {
float:left;
width:100%;
margin:10px 0 0;
}
.elm55FeaturedProductsTitle {
display:block !important;
text-transform: uppercase;
text-align: center;
font-size: 25px;
padding-bottom: 10px;
border-bottom: 1px dotted #CCC;
}
.elm55FeaturedProduct1 {
float:left;
width:100%;
}
.elm55FeaturedProduct2 {
float:left;
width:50%;
}
.elm55FeaturedProduct3 {
float:left;
width:33%;
}
.elm55FeaturedProduct4 {
float:left;
width:25%;
}
.elm55FeaturedProduct5 {
float:left;
width:20%;
}
.elm55FeaturedProducts img {
max-width: 100%;
height: auto;
}
.elm55FeaturedProductImg {
float:left;
width:100%;
}
.elm55FeaturedProductTitle {
float:left;
width:100%;
}
.elm55FeaturedProductTxt {
float:left;
width:100%;
}
.elm55prices {
margin:0 0 1%;
list-style:none;
padding:0;
}
.elm55prices li {
margin:0;
padding:0;
float:left;
width:100%;
clear:left;
}
/***************************************************************************************************************************************/
/* ELM00071 FEATURED PRODUCT [IMAGE + TEXT] */
/***************************************************************************************************************************************/
.elm00071,.elm71FeaturedProducts {
float:left;
width:100%;
}
.elm71FeaturedProduct {
float:left;
}
.elm71FeaturedProduct3 {
width:33%;
}
.elm71FeaturedProduct4 {
width:25%;
}
.elm71FeaturedProduct5 {
width:20%;
}
.elm71FeaturedProductImg,.elm71FeaturedProductTxt {
float:left;
width:100%;
}
.elm71FeaturedProductImg img {
max-width: 100%;
height: auto;
}
/***************************************************************************************************************************************/
/* ELM000034 MY PROFILE - ADDRESS BOOK */
/***************************************************************************************************************************************/
.elm34title {
float:left;
width:100%;
border-bottom:1px solid #bbb;margin:0 0 1%;
}
.elm34title h3 {
padding:2%;
margin:0;
text-align:left;
}
.elm34add {
float:left;
width:75%;
padding:2%;
text-align:left;
}
.elm34addedit {
float:right;
width:25%;
margin-bottom:4%;
}
.elm34delcontainer {
float:right;
width:25%;
margin-bottom:4%;
overflow:hidden;
}
.elm34addcontainer{
padding:2%;
}
.elm34pad {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border:1px solid #bbb;
float:left;
width:100%;
margin-bottom:2%;
}
.elm34next {
float:right;
}
/***************************************************************************************************************************************/
/* ELM000019 RECENTLY VIEWED [ VERITCAL ] */
/***************************************************************************************************************************************/
.elm19prod6 {
float:left;
width:16.6%;
}
.elm19prod5 {
float:left;
width:20%;
}
.elm19prod4 {
float:left;
width:25%;
}
.elm19prod3 {
float:left;
width:33.3%;
}
.elm19ViewedItemList {
padding-right: 15px;
padding-left: 15px;
}
.elm19desc,.elm19price {
float:left;
width:100%;
text-align:center;
}
.elm19image img {
margin: auto;
}
.elm19ViewedItemList {
clear:both;
float:left;
width:100%;
}
.elm19clearlist {
float:left;
}
.elm19clear form {
float:right;
}
.elm19clear {
padding:10px 0;
}
.elm19title h4 {
text-align:left;
}
/***************************** Product Reviews *******************************/
.review {float:left;height:22px;width:26px;background:url(/images/cms/star_ratings.png) no-repeat}
.reviewEnd {clear:both}
.reviewhalf { background-position:-26px 0;}
.reviewzero {background-position:-52px 0;
}
.elm00238container {
float:left;
width:100%;
overflow:hidden;
}
.elm00238_reviews {
float:left;
width:100%;
}
.elm00238_heading h2,.elm00239_heading h2 {
font-weight:bold;
font-size:18px;
}
.elm00238_summary_rating,.elm00239_summary_rating {
font-weight:lighter;
}
.elm00238_review {
float:left;
width:100%;
clear:left;
padding:10px 0;
border-top:1px solid #bbb;
}
.elm00239_review {
float:left;
width:100%;
}
.elm00238_rating {
font-size:11px;
float:left;
width:auto;
margin:0 4px 0 0;
clear:both;
}
.averageRating {
float:left;
margin:0 0 0 6px;
}
.elm00238_title {
font-weight: bold;
font-size: 16px;
float: left;
width: 100%;
text-align: left;
margin:5px 0;
}
.elm00238_text,.elm00238_reviewby {
float:left;
clear:both
}
.elm00238_text {
margin:0 0 4px;
color:#000;
text-align:left;
}
.review_button{
margin: 0 0 10px;
float: left;
width: 100%;
}
.elm00238_reviewby{
font-size:12px;
}
.elm00238_object {
float:right;
}
.elm00238_summary div {
margin:4px 0 0 ;
}
.elm00238_summary_rating a,.elm00238_summary a {
font-weight:bold;
color:#FFF;
}
.elm00238_summary,.elm00239_header {
float:left;
border:1px solid;
width:auto;
padding:6px;
margin:4px 0 10px;
border-radius:10px;
background:#253A5D;
color:#FFF;
}
.elm00239_Pagination span a {
font-weight:lighter;
color:#FFF;
}
.elm00239_product {
float:left;
}
.elm00239 {
width:100%;
float:left;
}
.elm00239_header {
width:auto;
float:left;
clear:left;
}
.elm00239_header div {
display:inline;
}
/***************************************************************************************************************************************/
/* ELM000035 MY PROFILE - ADDRESS DETAILS */
/***************************************************************************************************************************************/
/***************************************************************************************************************************************/
/* ELM000036 MY PROFILE - ORDER SUMMARY */
/***************************************************************************************************************************************/
.elm36ordcontainer {
border:1px solid #bbb;
overflow:hidden;
}
.elm36order {
float:left;
width:70%;
}
.elm36orderno,.elm36date {
float:left;
width:100%;
text-align:left;
}
.elm36date {
margin:0;
}
.elm36ordstat {
padding:5.5% 0 5.5% 5%;
float:left;
width:30%;
border-left:1px solid #bbb;
}
.elm36order {
padding:3% 0;
}
.elm36date {
font-size: 12px;
}
/************************************ELM112**********************************/
.elm112openbtn {
background: center center no-repeat transparent;
background-image: url(../images/buttons/open-menu.png);
display: block;
width: 60px;
height: 60px;
position: absolute;
top: 0;
right: 0;
}
#elm112miniBasket.mm-right.mm-opened + .mm-page {
margin-left: auto !important;
margin-right: auto!important;
}
#elm112miniBasket {
overflow-y: scroll;
}
#elm112miniBasket form {
margin-right:auto;
margin-left:auto;
position:relative;
}
.elm112miniBasket1 {
float:left;
width:100%;
padding: 18px 0;
border-bottom: 1px solid #bbb;
}
.elm112image {
float:left;
width:30%;
}
.elm112image img {
max-width:100%;
}
.elm112image a {
max-width:100%;
float:left;
}
.elm112Qty {
float:right;
width:65%;
margin-right:2%;
}
.elm112productTitle h3 {
margin:0;
float:left;
width:100%;
text-align:left;
font-size:18px;
}
.elm112Price {
float:left;
font-weight:bold;
font-size:16px;
}
.elm112delete {
float:left;
}
.elm112image img {
width:auto !important;
height:auto !important;
}
.elm112buttons {
float:left
width:100%;
}
.elm112total {
font-weight:bold;
margin:6px 0;
float:left;
width:100%;
}
/************************************ELM00037 ORDER DETAIL**********************************/
.elm37paySumWrap,.elm37TopValueWrap {
float: left;
width: 100%;
}
.elm37sumdetail {
border: 2px solid #BBBBBB;
margin: 2% auto;
padding: 2% 5%;
width: 45%;
overflow: hidden;
}
.elm37paySumWrap span {
float: left;
width: 60%;
}
.elm37paySumWrap div {
float: right;
margin-right: 3%;
}
.elm37TopValueWrap span {
float: left;
font-size: 200%;
width: 58%;
}
.elm37TopValueWrap div {
float: right;
font-size: 200%;
margin-right: 3%;
}
.elm37TopValueWrap p {
clear: right;
float: right;
text-align: right;
}
.elm37title {
background: none repeat scroll 0 0 #EEEEEE;
color: #666666;
float: left;
padding: 0;
width: 100%;
}
.elm37custorderno {
border-right: 2px solid #BBBBBB;
width: 50%;
float:left;
}
.elm37order {
width: 50%;
float:left;
}
.elm37custno,.elm37orderno {
padding: 2% 2% 10.6% !important;
float:left;
width:100%;
}
.elm37ordercontainer {
background: none repeat scroll 0 0 #FFFFFF;
border: 3px solid #BBBBBB;
float: left;
width: 100%;
}
.elm37row {
float:left;
width:100%;
border-top:2px solid #BBBBBB;
border-bottom:2px solid #BBBBBB;
}
.elm37title h3 {
font-size: 16px;
font-weight: bold;
}
/************************************ELM00171 STORE FINDER**********************************/
.elm171textinput {
float: left;
width: 80% !Important;
}
.elm171buttoninput {
float: right;
clear: none;
}
/************************************ELM00247 SLIDE OUT MENU**********************************/
/*
jQuery.mmenu CSS
*/
.mm-page,
.mm-fixed-top,
.mm-fixed-bottom,
.mm-menu.mm-horizontal > .mm-panel {
-webkit-transition: none 0.4s ease;
-moz-transition: none 0.4s ease;
-ms-transition: none 0.4s ease;
-o-transition: none 0.4s ease;
transition: none 0.4s ease;
-webkit-transition-property: top, right, bottom, left, border;
-moz-transition-property: top, right, bottom, left, border;
-ms-transition-property: top, right, bottom, left, border;
-o-transition-property: top, right, bottom, left, border;
transition-property: top, right, bottom, left, border; }
html.mm-opened .mm-page,
html.mm-opened #mm-blocker {
left: 0;
top: 0;
margin: 0;
border: 0px solid rgba(0, 0, 0, 0); }
html.mm-opening .mm-page,
html.mm-opening #mm-blocker {
border: 0px solid rgba(100, 100, 100, 0); }
.mm-menu .mm-hidden {
display: none; }
.mm-fixed-top,
.mm-fixed-bottom {
position: fixed;
left: 0; }
.mm-fixed-top {
top: 0; }
.mm-fixed-bottom {
bottom: 0; }
html.mm-opened .mm-page,
.mm-menu > .mm-panel {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box; }
html.mm-opened,
html.mm-opened body {
overflow-x: hidden;
position: relative; }
html.mm-opened .mm-page {
position: relative; }
html.mm-background .mm-page {
background: inherit; }
#mm-blocker {
background: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) transparent;
display: none;
width: 100%;
height: 100%;
position: fixed;
z-index: 999999; }
html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
display: block; }
.mm-menu.mm-current {
display: block; }
.mm-menu {
background: inherit;
display: none;
overflow: hidden;
height: 100%;
padding: 0;
position: fixed;
left: 0;
top: 0;
z-index: 0; }
.mm-menu > .mm-panel {
background: inherit;
-webkit-overflow-scrolling: touch;
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;
width: 100%;
height: 100%;
padding: 20px;
position: absolute;
top: 0;
left: 100%;
z-index: 0; }
.mm-menu > .mm-panel.mm-opened {
left: 0%; }
.mm-menu > .mm-panel.mm-subopened {
left: -40%; }
.mm-menu > .mm-panel.mm-highest {
z-index: 1; }
.mm-menu > .mm-panel.mm-hidden {
display: block;
visibility: hidden; }
.mm-menu .mm-list {
padding: 20px 0; }
.mm-menu > .mm-list {
padding: 20px 0 40px 0; }
.mm-panel > .mm-list {
margin-left: -20px;
margin-right: -20px; }
.mm-panel > .mm-list:first-child {
padding-top: 0; }
.mm-list,
.mm-list > li {
list-style: none;
display: block;
padding: 0;
margin: 0; }
.mm-list {
font: inherit;
font-size: 14px; }
.mm-list a,
.mm-list a:hover {
text-decoration: none; }
.mm-list > li {
position: relative; }
.mm-list > li > a,
.mm-list > li > span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
color: inherit;
line-height: 20px;
display: block;
padding: 10px 10px 10px 20px;
margin: 0; }
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults)::after {
content: '';
border-bottom-width: 1px;
border-bottom-style: solid;
display: block;
width: 100%;
position: absolute;
bottom: 0;
left: 0; }
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {
width: auto;
margin-left: 20px;
position: relative;
left: auto; }
.mm-list a.mm-subopen {
width: 40px;
height: 100%;
padding: 0;
position: absolute;
right: 0;
top: 0;
z-index: 2; }
.mm-list a.mm-subopen::before {
content: '';
border-left-width: 1px;
border-left-style: solid;
display: block;
height: 100%;
position: absolute;
left: 0;
top: 0; }
.mm-list a.mm-subopen.mm-fullsubopen {
width: 100%; }
.mm-list a.mm-subopen.mm-fullsubopen:before {
border-left: none; }
.mm-list a.mm-subopen + a,
.mm-list a.mm-subopen + span {
padding-right: 5px;
margin-right: 40px; }
.mm-list > li.mm-selected > a.mm-subopen {
background: transparent; }
.mm-list > li.mm-selected > a.mm-fullsubopen + a,
.mm-list > li.mm-selected > a.mm-fullsubopen + span {
padding-right: 45px;
margin-right: 0; }
.mm-list a.mm-subclose {
text-indent: 20px;
padding-top: 30px;
margin-top: -20px; }
.mm-list > li.mm-label {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 10px;
text-transform: uppercase;
text-indent: 20px;
line-height: 25px;
padding-right: 5px; }
.mm-list > li.mm-spacer {
padding-top: 40px; }
.mm-list > li.mm-spacer.mm-label {
padding-top: 25px; }
.mm-list a.mm-subopen:after,
.mm-list a.mm-subclose:before {
content: '';
border: 2px solid transparent;
display: block;
width: 7px;
height: 7px;
margin-bottom: -5px;
position: absolute;
bottom: 50%;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.mm-list a.mm-subopen:after {
border-top: none;
border-left: none;
right: 18px; }
.mm-list a.mm-subclose:before {
border-right: none;
border-bottom: none;
margin-bottom: -15px;
left: 22px; }
.mm-menu.mm-vertical .mm-list .mm-panel {
display: none;
padding: 10px 0 10px 10px; }
.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
border-color: transparent; }
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
display: block; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen {
height: 40px; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 16px;
right: 16px; }
html.mm-opened .mm-page {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }
.mm-ismenu {
background: #333333;
color: rgba(255, 255, 255, 0.6); }
.mm-menu .mm-list > li:after {
border-color: rgba(0, 0, 0, 0.15); }
.mm-menu .mm-list > li > a.mm-subclose {
background: rgba(0, 0, 0, 0.1);
color: rgba(255, 255, 255, 0.3); }
.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
border-color: rgba(255, 255, 255, 0.3); }
.mm-menu .mm-list > li > a.mm-subopen:before {
border-color: rgba(0, 0, 0, 0.15); }
.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu .mm-list > li.mm-selected > span {
background: rgba(0, 0, 0, 0.1); }
.mm-menu .mm-list > li.mm-label {
background: rgba(255, 255, 255, 0.05); }
.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-vertical .mm-list li.mm-opened > ul {
background: rgba(255, 255, 255, 0.05); }
html.mm-opening .mm-page,
html.mm-opening #mm-blocker,
html.mm-opening .mm-fixed-top,
html.mm-opening .mm-fixed-bottom {
left: 80%; }
.mm-menu {
width: 80%; }
@media all and (max-width: 175px) {
.mm-menu {
width: 140px; }
html.mm-opening .mm-page,
html.mm-opening #mm-blocker,
html.mm-opening .mm-fixed-top,
html.mm-opening .mm-fixed-bottom {
left: 140px; } }
@media all and (min-width: 550px) {
.mm-menu {
width: 440px; }
html.mm-opening .mm-page,
html.mm-opening #mm-blocker,
html.mm-opening .mm-fixed-top,
html.mm-opening .mm-fixed-bottom {
left: 440px; } }
/************************************MEDIA QUERIES**********************************/
@media (min-width: 768px) {
.largerImg {
width:100%;
}
}
@media (max-width: 992px) {
.elm255nextstage input {
font-size:120%;
}
}
@media (max-width: 767px) {
.elm206facetedSearch {
width:100%;
float:left;
}
.elm206facetedNav {
width:100%;
display:none;
}
.elm206facetedNav {
float:left;
width:100%;
text-align:left; /* Note **1 */
margin-top:8px;
padding:2%;
border-bottom:1px solid #ccc;
}
#elm198creditContainer,#elm198billAddContainer,.elm198maindetails,#elm198gcardcontainer {
float: left;
width: 100% !Important;
}
.elm255sumdetail,.elm255topnextstage {
width:96%;
}
.elm255MaskAmtWrap {
width:100%;
float:left;
}
.elm19clearlist {
display:none;
}
.elm37sumdetail {
width:80%;
}
}
@media (min-width: 993px) {
.elm206product {
width:25%;
padding:1%;
}
.elm255MaskAmtWrap {
width:80%;
float:left;
}
}
@media (max-width: 992px) {
.elm206product {
width:33%;
padding:1%;
}
.elm255MaskAmtWrap {
width:80%;
}
}
@media (max-width: 440px) {
.elm206product {
width:50%;
padding:1%;
}
.zoomPad {
margin-top:40px;
}
.elm255DescWrapper {
width:70%;
}
.elm255Price{
float:right;
}
.elm255delLeft,.elm255delRight,.elm255paycontainer {
width:100%;
}
.elm255Delcontainer,.elm255Billcontainer {
width:50%;
border-right:0;
}
.elm255Billcontainer {
border-left:2px solid #bbb;
}
.elm255delLeft {
border-right:0;
}
.elm255nextstage input {
font-size:100%;
}
.elm55FeaturedProduct4 {
width:48%;
}
.elm71FeaturedProduct4 {
width:48%;
}
.elm71FeaturedProduct5 {
width:100%;
}
.elm55FeaturedProductTxt,.elm71FeaturedProductTxt {
display:none;
}
.elm71FeaturedProduct,.elm55FeaturedProduct {
margin:1%;
}
.elm34next {
float:left;
clear:left;
margin-top:2%;
}
}
@media (min-width: 768px) {
.elm206facetedSearch {
float:right;
width:78%;
}
.elm206facetedNav {
float:left;
width:20%;
padding:2%;
text-align:left; /* Note **1 */
border-right:1px solid #ccc;
margin-top:8px;
display:block !important;
}
}
@media (max-width: 767px) {
.elm255MaskAmtWrap {
width:100%;
}
}
@media (max-width: 992px) {
.zoomPup,.zoomWindow {
display:none !important;
}
.elm249_image:hover,.elm250image:hover {
cursor:auto !important;
}
.elm206facetedSubTitle {
float: left;
font-size: 1em;
padding: 0 5px;
height: auto;
text-indent: 0;
width: auto;
margin: 0;
line-height: 16px;
font-weight: bold;
}
}
@media (max-width: 992px) {
}
@media (min-width: 991px) {
}
@media (min-width: 1199px) {
}
@media (max-width: 1199px) {
.elm255deladd {
padding: 2% 2% 10.6% 2% !important;
}
}