@charset "utf-8";
/* CSS Document */
html, body {
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000;
}
/*ClearFix*/
.Clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.Clear {
    clear:both;
}
.Clearfix {
    display: inline-block;
}
h1 {
    font-size: 100%;
}
h2 {
    font-size: 80%;
}
p, a, ul, li, h1, h2, h3, h4, h5, from {
    padding:0px;
    margin:0px;
}
img {
    padding:0px;
    margin:0px;
    border:0px;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
/*Text Link css*/
.linkVU a {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    text-decoration:underline;
}
.linkVU a:hover {
    text-decoration:none;
}
a {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
/*Bgcolour css*/
.BgWhite {
    background-color:#ffffff;
}
.BgBlack {
    background-color:#000000;
}
/*Layout css*/
.Wraper {
    width:960px;
    margin:auto;
}
/*header*/
.Header {
    width:100%;
    height:auto;
}
.HeadTopRow {
    padding:10px 0;
    width:100%;
}
.Logo {
    float:left;
}
.Logo > a:hover {
    text-decoration: none;
}
.SocialIcHead {
    float:right;
    list-style-type:none;
    display:block;
    padding: 15px 0 0;
}
.SocialIcHead li {
    float:left;
    list-style-type:none;
    display:block;
    padding:0 5px;
}
.SocialIcHead li a {
    width:34px;
    height:36px;
    float:left;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.SocialIcHead li.TwtterIc a {
    background:url(../../images/johnlewis__site/twitter.jpg) no-repeat left bottom;
}
.SocialIcHead li.TwtterIc:hover a {
    background:url(../../images/johnlewis__site/twitter.jpg) no-repeat left top;
}
.SocialIcHead li.CamIco a {
    background:url(../../images/johnlewis__site/cam-icon.jpg) no-repeat left bottom;
}
.SocialIcHead li.CamIco:hover a {
    background:url(../../images/johnlewis__site/cam-icon.jpg) no-repeat left top;
}
.SocialIcHead li.TweetIcon a {
    background:url(../../images/johnlewis__site/tweet-icon.jpg) no-repeat left bottom;
}
.SocialIcHead li.TweetIcon:hover a {
    background:url(../../images/johnlewis__site/tweet-icon.jpg) no-repeat left top;
}
.SocialIcHead li.FacebookIcon a {
    background:url(../../images/johnlewis__site/facebook-icon.jpg) no-repeat left bottom;
}
.SocialIcHead li.FacebookIcon:hover a {
    background:url(../../images/johnlewis__site/facebook-icon.jpg) no-repeat left top;
}
.SocialIcHead li.RssIcon a {
    background:url(../../images/johnlewis__site/rss-icon.jpg) no-repeat left bottom;
}
.SocialIcHead li.RssIcon:hover a {
    background:url(../../images/johnlewis__site/rss-icon.jpg) no-repeat left top;
}
.Navigation {
    width:100%;
    float:left;
    background:url(../../images/johnlewis__site/nav-bg.png?v=2.0) no-repeat right center #284E36;
    height:54px;
}
.NaviHead {
    float:left;
    list-style-type:none;
    display:block;
    padding:15px 0 0 0;
}
.NaviHead li {
    float:left;
    list-style-type:none;
    display:block;
    padding:2px 22px; 
    position:relative;
}
.NaviHead li a {
    font-weight:normal;
font-size:16px;
    color:#fff;
    text-decoration:none;
    width:100%;
    float:left;
    text-align:center;
    cursor:pointer;
}
.NaviHead li a span {
    width:100%;
    float:left;
    text-align:center;
    cursor:pointer;
    padding:5px 0;
}
/*.NaviHead li a:hover span {
        padding:8px 0;
}*/
/*Middle*/
.Middle {
    width:100%;
}
.LatestStories {
    width:100%;
    float:left;
    padding:20px 0 0;
}
.LastStHead {
    width:100%;
    float:left;
    padding:4px 0;
    background:#333;
}
.LastStHeadLe {
    float:left;
    padding:0 10px;
}
.LastStHeadLe h2 {
    font-weight:normal;
font-size:13px;
    color:#fff;
}
.LastStHeadRi {
    float:right;
    padding:0 10px;
}
.AllStores {
    float:left;
    padding:0 20px 0 0;
}
.AllStores span.AllStAerrow {
    width:10px;
    float:left;
    padding:0px 5px 0 0;
}
.AllStores span.AllStAerrow img {
    padding:4px 0 0 0;
}
.AllStores label {
    float:left;
    padding:2px 0 0 0;
    font-weight:normal;
font-size:12px;
    color:#ccc;
}
.ShowMoreLi {
    float:left;
}
.ShowMoreLi a {
    background:url(../../images/johnlewis__site/small-botm-arrow-1.png?v=2.0) no-repeat right;
    padding:0 18px 0 0;
    font-weight:normal;
font-size:12px;
    color:#ccc;
    text-decoration:none;
}
.ShowMoreLi a:hover {
    color:#fff;
}
.SliderBox {
    width:100%;
    float:left;
    padding:10px 0 0 0;
}
.SliderBigImg {
    float:left;
    width:557px;
    position:relative;
}
.SliderImgTxtBox {
    float:left;
    width:403px;
    list-style-type:none;
    display:block;
}
.SliderImgTxtBox li {
    float:left;
    width:100%;
    list-style-type:none;
    display:block;
    background:#666;
    position: relative;
}
.SliderImgBox {
    float:left;
    background: #ececec;
}
.SliderTxtBox {
    padding:0 7px;
    float:left;
    width:250px;
}
.SliderTxtBox table tr td {
    height:95px;
    vertical-align:middle;
}
.SliderTxtBox table tr td p {
    font-weight:bold;
    font-size: 13px;
    color:#fff;
}
.SliderTxtBox table tr td p > a{
    color: #fff;
    cursor: pointer;
}
.SliderTxtBox table tr td p > a:hover{
    text-decoration: none;
}
.SliderImgTxtBox li.DarkBg {
    background:#595959;
}
.SliderBigImgTxt {
    width:100%;
    float:left;
    background-color: rgba(0, 0, 0, 0.7);
    position:absolute;
    left:0;
    bottom:0;
    padding:20px 0;
}
.SliderBigImgTxt p {
    font-weight:bold;
font-size:13px;
    color:#fff;
    padding:10px 20px;
}
.SliderBigImgTxt p > a{
    color: #fff;
    cursor: pointer;
}
.SliderBigImgTxt p > a:hover{
    text-decoration: none;
}
.FeaLinkBox {
    width:100%;
    float:left;
    padding:20px 0 0 0;
}
.FeaLinkBoxIn {
    width:100%;
    float:left;
    padding:10px 0 0 0;
}
.FeaList {
    width:100%;
    float:left;
    list-style-type:none;
    display:block;
}
.FeaList li {
    width:25%;
    float:left;
    list-style-type:none;
    display:block;
    position:relative;
}
.FeaList li img.ListImg {
    width:100%;
    display:block;
    padding:0;
    margin:0;
}
.FeaList li .FeaListTxt {
    width:100%;
    float:left;
    background-color: rgba(0, 0, 0, 0.7);
    position:absolute;
    left:0;
    bottom:0;
    padding:15px 0;
    height:65px;
}
.FeaList li .FeaListTxt p {
    font-weight:bold;
font-size:13px;
    color:#fff;
    padding:10px 20px;
}
.FeaList li .FeaListTxt p > a{
    color: #fff;
    cursor: pointer;
}
.FeaList li .FeaListTxt p > a:hover{
    text-decoration: none;
}
.FeaList li .Social2Icon {
    position:absolute;
    top:15px;
    left:15px;
}
.FeaList li {
    height:356px;
    background:#333;
}
.TweetBox {
    width:100%;
    float:left;
    padding:28px 0;
}
.TweetBox h3 {
    margin:8px 20px 0 80px;
    border-bottom:1px solid #ccc;
    padding:0 0 5px 0;
    font-weight:normal;
font-size:12px;
    color:#fff;
}
.TweetBox p {
    padding:30px 25px;
    font:italic 14px Georgia, "Times New Roman", Times, serif;
    color:#fff;
    line-height:22px;
}
.FeaList li .FeaListTxt p a {
    color:#fff;
    text-decoration:none;
}
.FeaList li .FeaListTxt p a:hover {
    color:#ccc;
}
.Footer {
    width:100%;
    margin:20px 0 0 0;
    background:#aaa;
}
.FtrTop {
    width:100%;
    padding:20px 0;
    text-align:center;
}
.FtrMid {
    width:100%;
    padding:20px 0;
}
.FtrBotmLe {
    padding:0 0 0 15px;
    float:left;
    width:455px;
}
.FtrBotmRi {
    padding:0 15px 0 0;
    float:right;
    text-align: right;
}
.FtrBotmLe p {
    padding:3px 0;
    font-weight:normal;
font-size:11px;
    color:#fff;
}
.FtrBotmRi p {
    padding:3px 0;
    font-weight:normal;
font-size:11px;
    color:#fff;
}
.FtrBotmLe p a {
    color:#fff;
    text-decoration:none;
}
.FtrBotmLe p a:hover {
    color:#000;
}
.FtrBotmRi p a {
    color:#fff;
    text-decoration:none;
}
.FtrBotmRi p a:hover {
    color:#000;
}
.FtrBotmRow {
    width:100%;
    float:left;
    padding:25px 0;
    text-align:center;
}
.FtrBotmRow p {
    padding:3px 0;
    font-weight:normal;
font-size:11px;
    color:#fff;
}
.FtrBotmRow p a {
    color:#fff;
    text-decoration:none;
}
.FtrBotmRow p a:hover {
    color:#000;
}
.FtrSocialIcon {
    width:100%;
    float:left;
    text-align:center;
    padding:25px 0;
}
.FtrSocialIcon table tr td {
    text-align:center;
}
.FtrSocialIc {
    float:right;
    list-style-type:none;
    display:block;
}
.FtrSocialIc li {
    float:left;
    list-style-type:none;
    display:block;
    padding:0 5px;
}
.FtrSocialIc li a {
    width:34px;
    height:36px;
    float:left;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.FtrSocialIc li.TwtterIc a {
    background:url(../../images/johnlewis__site/twitter.jpg) no-repeat left bottom;
}
.FtrSocialIc li.TwtterIc:hover a {
    background:url(../../images/johnlewis__site/twitter.jpg) no-repeat left top;
}
.FtrSocialIc li.CamIco a {
    background:url(../../images/johnlewis__site/cam-icon.jpg) no-repeat left bottom;
}
.FtrSocialIc li.CamIco:hover a {
    background:url(../../images/johnlewis__site/cam-icon.jpg) no-repeat left top;
}
.FtrSocialIc li.TweetIcon a {
    background:url(../../images/johnlewis__site/tweet-icon.jpg) no-repeat left bottom;
}
.FtrSocialIc li.TweetIcon:hover a {
    background:url(../../images/johnlewis__site/tweet-icon.jpg) no-repeat left top;
}
.FtrSocialIc li.FacebookIcon a {
    background:url(../../images/johnlewis__site/facebook-icon.jpg) no-repeat left bottom;
}
.FtrSocialIc li.FacebookIcon:hover a {
    background:url(../../images/johnlewis__site/facebook-icon.jpg) no-repeat left top;
}
.FtrSocialIc li.RssIcon a {
    background:url(../../images/johnlewis__site/rss-icon.jpg) no-repeat left bottom;
}
.FtrSocialIc li.RssIcon:hover a {
    background:url(../../images/johnlewis__site/rss-icon.jpg) no-repeat left top;
}



div.tooltip {
    position: absolute;
    width:280px;
    height: auto;
    padding:0px;
    font-size: 14px;
    color: rgb(113, 157, 171);
    background:#3d6e4f;
    border: 4px solid #3d6e4f;
    border-radius: 0px;
    text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px;
    box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 2px 0px;
    top:0;
    right:68px;
}

div.tooltip:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width:9px;
    border-style: solid;
    border-color: #3d6e4f transparent transparent #3d6e4f;
    top: -4px;
    right:-21px;
}

.TolTipBox {
    width:270px;
    padding:5px;
    float:left;
}
.TolTipBox p {
    font-weight:bold;
font-size:11px;
    color:#fff;
}

.TolTipTxt {
    width:100%;
    float:left;
    list-style-type:none;
    display:block;
}
.TolTipTxt li{
    width:260px;
    background:url(../../images/johnlewis__site/tooltip-aero.png?v=2.0) no-repeat left;
    padding:0 0 0 8px;
    font-style: italic;
font-weight:normal;
font-size:11px;
    color:#fff;
    float:left;
    list-style-type:none;
    display:block;
    margin:2px 0;
}

div.tooltip2 {
    right:100px;
    z-index:100;
}

.LoginFrmBox {
    width:100%;
    float:left;
    margin:10px 0 0 0;
    background:#dedbd2;
}
.LoginFrmIn {
    float:left;
}
.LoginFrmIn h3 {
    font-weight:bold;
font-size:12px;
    color:#333;
    text-align:center;
    text-transform:uppercase;
}
.LogForm {
    width:538px;
    float:left;
    padding:10px 0 0 0;
}
.LogFormTop {
    width:100%;
    float:left;
    padding:8px 0;
}
.LogFormUser {
    width:278px;
    float:left;
}

.LogFrmFild {
    width:245px;
    height:35px;
    float:left;
    border:0px;
    padding:0 10px;
    font-weight:normal;
font-size:12px;
    color:#000;
}

.LogFormPass .LogFrmFild {
    width:192px;
}

.LogFrmBtn {
    background:url(../../images/johnlewis__site/log-btn.png?v=2.0) no-repeat;
    width:45px;
    height:35px;
    float:left;
    border:0px;
    cursor:pointer;
}

.LogFormTop a {
    font-weight:normal;
font-size:11px;
    color:#000;
    text-decoration:underline;
}
.LogFormTop a:hover {
    color:#666;
    text-decoration:none;
}



.MenuNavi {
    background: none repeat scroll 0 0 #dedbd2;
    float: left;
    left: -90px;
    margin: 10px 0 0;
    position: absolute;
    top:63px;
    width: 250px;
    z-index:50;
}

.MenuNavi h3 {
    font-weight:bold;
font-size:13px;
    color:#333;
    text-align:center;
    text-transform:uppercase;
    padding:7px 0;
}

.MenuNaviRow {
    width:100%;
    float:left;
}

.MenuNaviRow p {
    padding:14px 10px;
    border-bottom:1px solid #c0beb7;
}
.MenuNaviRow p a {
    font-weight:bold;
font-size:12px;
    color:#000;
    text-decoration:none;
    float:none;
}
.MenuNaviRow p a:hover {
    color:#666;
}

.SortMenuNavi {
    background: none repeat scroll 0 0 #dedbd2;
    float: left;
    position: absolute;
    margin-top: 35px;
    width: 116px;
    z-index: 50;
}
.SortMenuNavi > .MenuNaviRow {
    background: none repeat scroll 0 0 #fff; 
    border: #dedbd2 thin solid;
}

.SrhBtnRow {
    background:url(../../images/johnlewis__site/srh-icon.png?v=2.0) no-repeat;
    width:45px;
    height:35px;
    float:left;
    border:0px;
    cursor:pointer;
}


.SrhFild.LogFrmFild {
    width:470px;
    color:#868686;
}

.SrhSeFild.LogFrmFild {
    padding: 8px;
    width: 537px;
    color:#868686;
}

.NaviHead li.Select {

}
/****************************14/07/2014**************************************/
.PoupWrpIn {
    background:#fff;
    float:left;
    width: 100%;
}
.PoupImgBox {
    float:left;
}
.PoupImgBox img {
    max-width: 330px;
}
.PoupTxtBox {
    float: right;
    width: 470px;
}
.PoupTxtBox h2 {
    padding:4px 8px;
    background:#333;
    font-weight:normal;
font-size:14px;
    color:#fff;
}
.PoupTxtTop {
    width:100%;
    float:left;
    padding:15px 0;
    border-bottom:1px solid #dedede;
}
.PoupTxtTop h3 {
    font-weight:normal;
font-size:18px;
    color:#000;
}
.PoupTxtTop p {
    font-weight:normal;
font-size:12px;
    color:#333333;
    padding:15px 0;
}
.PoupTxtTList {
    width:100%;
    float:left;
    list-style-type:none;
    display:block;
}
.PoupTxtTList li {
    width:100%;
    float:left;
    list-style-type:none;
    display:block;
    padding:3px 0;
}
.PoupTxtTList li label {
    width:40%;
    float:left;
    font-weight:normal;
font-size:12px;
    color:#333333;
}
.PoupTxtTList li span {
    width:50%;
    float:right;
    font-weight:normal;
font-size:12px;
    color:#333333;
}
.PoupTxtMid {
    padding:25px 0;
    width:100%;
    float:left;
    list-style-type:none;
    display:block;
}
.PoupTxtMid li {
    float:left;
    list-style-type:none;
    display:block;
    padding:0 12px 0 0;
}
.PoupTxtMid li a {
    width:80px;
    height:36px;
    line-height:19px;
    float:left;
    border:1px solid #bbbbbb;
    font-weight:normal;
font-size:12px;
    color:#999;
    text-align:center;
    padding:2px 0 0 0;
    text-decoration:none;
}
.PoupTxtMid li.Select a, .PoupTxtMid li a:hover {
    background:#8ac632;
    border:1px solid #8ac632;
    color:#fff;
}
.PoupTxtBotm {
    /* background:url(../../images/johnlewis__site/bdr-bg-poup.png?v=2.0) no-repeat top left; */
    padding:35px 0 25px;
    width:100%;
    float:left;
}
.PoupTxtNav {
    width:100%;
    float:left;
    list-style-type:none;
    display:block;
}
.PoupTxtNav li {
    width:85px;
    padding:0 0 0 25px;
    float:left;
    list-style-type:none;
    display:block;
    position:relative;
}
.PoupTxtNav li a {
    width:100%;
    float:left;
    text-decoration:none;
    font-weight:normal;
font-size:11px;
    color:#000;
    text-transform:uppercase;
    text-align:center;
}
.PoupTxtNav li.Select a {
    color:#284E36;
}
.PoupTxtNav li a span {
    width:100%;
    float:left;
    padding:0 0 4px 0;
    cursor:pointer;
}
.PoupTxtNav li a label {
    width:100%;
    float:left;
    padding:0 0 0 0;
    cursor:pointer;
}
.PoupTxtB {
    width:100%;
    float:left;
    padding:25px 0 0 0;
}
.PoupTxtB p {
    font-weight:normal;
font-size:12px;
    color:#999;
}
.ThubRowBox {
    margin:10px 0;
    padding:10px;
    width:940px;
    float:left;
    background:#dedbd2;
}
.HideFilterBox {
    width:118px;
    float:left;
    margin:0 10px 0 0;
}
.HideFilterBox a.HideFilters {
    width:93px;
    float:left;
    height:35px;
    text-align:center;
    padding:0 0 0 25px;
    background:url(../../images/johnlewis__site/left-arrow.png?v=2.0) no-repeat 15px center #fff;
    font-weight:normal;
font-size:12px;
    color:#878787;
    text-decoration:none;
    line-height:35px;
}
.HideFilterBox a.HideFilters:hover {
    color:#fff;
    background:url(../../images/johnlewis__site/left-arrow.png?v=2.0) no-repeat 15px center #666;
}
.SortByMenu {
    width:118px;
    float:left;
    margin:0 10px 0 0;
}
.SortByMenu > a {
    width:93px;
    float:left;
    height:35px;
    text-align:center;
    padding:0 25px 0 0;
    background:url(../../images/johnlewis__site/botm-arrow.png?v=2.0) no-repeat 88px center #fff;
    font-weight:normal;
font-size:12px;
    color:#878787;
    text-decoration:none;
    line-height:35px;
}
.SortByMenu > a:hover {
    color:#fff;
    background:url(../../images/johnlewis__site/botm-arrow.png?v=2.0) no-repeat 88px center #666;
}
.LayoutThub {
    float:right;
    list-style-type:none;
    display:block;
    padding:3px 0 0 0;
}
.LayoutThub li {
    float:left;
    padding:0 0 0 10px;
    list-style-type:none;
    display:block;
    font-weight:bold;
font-size:10px;
    color:#333;
    line-height:26px;
}
.LayoutThub li img {
    display:block;
}
.LayoutThub li a {
    margin: 0 0 -10px;
    float: left;
    height: 39px;
}
.LayoutThub li a:hover, .LayoutThub li.Select a {
    border-bottom: 3px solid #333;
}
.MidListBox {
    width:100%;
    float:left;
    padding:10px 0;
    overflow: hidden;
}
.MidListBoxLeft {
    width:225px;
    float:left;
}
.FilterSrh {
    width:100%;
    float:left;
    padding:10px 0;
}
.FilterSrh h2 {
    font-weight:bold;
font-size:11px;
    color:#333;
}
.PriceRange {
    width:100%;
    float:left;
    padding:15px 0;
}
.PriceRange h3 {
    font-weight:bold;
font-size:11px;
    color:#333;
}
.PriceRangeIn {
    width:100%;
    float:left;
    padding:15px 0 5px;
}
.PriceRangeIn p {
    padding:7px 0 0;
    font-weight:normal;
font-size:11px;
    color:#999;
}
.CategoryBox {
    width:100%;
    float:left;
}
.CategoryBox h3 {
    font-weight:bold;
font-size:11px;
    color:#333;
    padding:0 0 6px 0;
}
.CategoryBoxIn {
    width:100%;
    float:left;
    padding:0;
}
.CategoryBoxIn a.CateLink {
    background:url(../../images/johnlewis__site/min-icon.jpg) no-repeat left;
    padding:0 0 0 20px;
    font-weight:bold;
font-size:12px;
    color:#666;
    line-height:18px;
    text-decoration:none;
    display: block;
}
.CategoryBoxIn a.CateLink:hover {
    color:#000;
}
.CategoryBoxIn > ul{
    margin-left: 0 !important;
}

.tbbrde{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 6px 0;
    margin-bottom: 10px;
}
.CateLiNavLeft {
    width:100%;
    float:left;
    list-style-type:none;
    display:block;
    margin-left:10px;
}
.CateLiNavLeft li {
    width:100%;
    float:left;
    margin:0 0 5px 0;
    list-style-type:none;
    display:block;
}
.CateLiNavLeft li:last-child{
    margin: 0 0 0 0;
}
.CateLiNavLeft li span {
    float:left;
    padding:0 5px 0 0;
}
.CateLiNavLeft li label, .CateLiNavLeft li label a {
    font-weight:normal;
font-size:12px;
    color:#666;
    float:left;
    padding:5px 0 0 0;
}
.ClearAllBox {
    width:100%;
    float:left;
    padding:10px 0;
}
.ClearAllBox span {
    float:left;
    padding:0 5px 0 0;
}
.ClearAllBox label {
    font-weight:bold;
font-size:12px;
    color:#666;
    float:left;
    padding:2px 0 0 0;
}
.MidLiBoxRight {
    float:right;
    width:720px;
}
.ImgTxtListRi {
    width:100%;
    float:left;
    list-style-type:none;
    display:block;
}
.ImgTxtListRi li {
    padding-right:30px;
    width:220px;
    float:left;
    list-style-type:none;
    position:relative;
}
.ImgTxtListRi li:nth-child(3n+3) {
    padding-right: 0;
}

.ImgTxtListRiFilter li{
    padding-right:25px;
}
.ImgTxtListRiFilter li:nth-child(3n+3){
    padding-right: 30px;
}
.ImgTxtListRiFilter li:nth-child(4n+4){
    padding-right: 0;
}
.listimg{
    width: 220px;
    height: 220px;
    vertical-align: middle;
    background: #ccc;
    display: table-cell;
    text-align: center;
}


.ImgListRi {
    width:220px;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    height:220px;
    padding:0;
    background: #ccc;
    position:relative;
}
.ImgListRi td {
    height:230px;
}
.TxtListRi {
    width:100%;
    float:left;
    height:48px;
    padding:0 0 7px 0;
    font-weight:normal;
font-size:12px;
    color:#333;
    line-height:16px;
}
.TxtListRi a {
    font-weight:normal;
font-size:12px;
    color:#333;
    line-height:16px;
    text-decoration:none;
}
.TxtListRi a:hover {
    color:#284E36;
}
.TxtListRi p{
    word-wrap: break-word;
    font-weight: bold;
}
.ShowMoreBotm {
    width:100%;
    float:left;
    padding:25px 0;
}
.ShowMoreBotm a.ShowMoreLink {
    font-weight:bold;
font-size:12px;
    color:#333;
    text-decoration:none;
    float:left;
    background:url(../../images/johnlewis__site/show-more-arrow.png?v=2.0) no-repeat center bottom;
    padding:12px 20px;
    border-top:1px solid #ccc;
}
.ShowMoreBotm a.ShowMoreLink:hover {
    padding:12px 20px 17px 20px;
}
.SrhListBox {
    width:100%;
    float:left;
    margin-top: 10px;
}
.SrhLimgTxtBox {
    padding: 0;
    width: 220px;
    float: left;  
}
.pressreleaseview .SrhLimgTxtBox {
    padding-right: 26px;
}
.SrhLimgTxtBox:nth-child(4n+4){
    padding-right: 0;
}
.SrhLimgBox { 
    background: #ccc; 
    padding:0;
    position:relative; 

}
.SrhLTxtBox {
    width:100%;
    float:left;
}
.SrhLTxtBox p {
    padding: 0;
    font-weight:normal;
font-size:12px;
    color:#333;
    line-height:17px;
}
.SrhLTxtBox p.SmallFont {
    font-size:10px;
    margin-top: 4px;
}
.SrhLTxtBox h3, .SrhLTxtBox h3 a {
    padding:0 0 15px 0;
    font-weight:bold;
font-size:15px;
    color:#000;
    line-height:19px;

}
.SrhLTxtBox h3 {
    height: 50px;
    overflow: hidden;
    float: left;
    width: 100%;
}

.SrhLTxtBox p.SmallFont.BdrBotmList {
    background:url(../../images/johnlewis__site/bdr-botm.png?v=2.0) no-repeat bottom left;
}
a.BackArrowLink {
    float:left;
    background:url(../../images/johnlewis__site/back-arrow.png?v=2.0) no-repeat 10px center #284E36;
    padding:0 20px 0 28px;
    font-weight:bold;
font-size:11px;
    color:#fff;
    text-transform:uppercase;
    text-decoration:none;
    margin:-4px 0;
    height:25px;
    line-height:25px;
    border-right:5px solid #fff;
}
a.BackArrowLink:hover {
    background:url(../../images/johnlewis__site/back-arrow.png?v=2.0) no-repeat 5px center #333;
}
.PressStMid {
    width:100%;
    float:left;
    margin:15px 0;
}
.PressStMidLeft {
    width:170px;
    float:left;
}
.PressReLeNav {
    width:100%;
    float:left;
    list-style-type:none;
    display:block;
    padding:15px 0;
}
.PressReLeNav li {
    padding:20px 0;
    width:100%;
    float:left;
    list-style-type:none;
    display:block;
}
.PressReLeNav li a {
    width:100%;
    float:left;
    text-decoration:none;
}
.PressReLeNav li span {
    width:46px;
    float:left;
    cursor:pointer;
}
.PressReLeNav li label {
    width:120px;
    float:left;
    cursor:pointer;
    font-weight:bold;
font-size:12px;
    color:#333;
    text-decoration:none;
    line-height:31px;
    text-transform:uppercase;
}
.PressReLeNav li.TwoLine label {
    line-height:15px;
}
.PressReLeNav li.Select label {
    color:#284E36;
}
.PressStMidRight {
    width:710px;
    float:right;
}
.PressStMidImg {
    width:100%;
    float:left;
    padding:10px 0 0;
}
.PressStMidTxt {
    width:560px;
    float:left;
}
.PressTxtTop {
    width:100%;
    float:left;
    padding:10px 0;
}
.PressTxtTop p {
    padding:10px 0;
    font-weight:normal;
font-size:12px;
    color:#333;
}
.PressTxtTop h3 {
    padding:8px 0;
    font-weight:normal;
font-size:18px;
    color:#000;
    line-height:19px;
}
.PressTxtTList {
    width:100%;
    float:left;
    padding:10px 0;
}
.PressTxtTList h4 {
    padding:8px 0;
    font-weight:bold;
font-size:15px;
    color:#333;
    line-height:19px;
}
.PressTxtTLi {
    width:100%;
    float:left;
    padding:10px 0;
}
.PressTxtTLi h5 {
    padding:0 0;
    font-weight:bold;
font-size:13px;
    color:#333;
    line-height:19px;
}
.PressTxtTLi p {
    padding:0 0;
    font-weight:normal;
font-size:12px;
    color:#333;
}
.PressTxtTop p.SmalFont.BdrTop {
    background: url("../../images/johnlewis__site/bdr-botm.png?v=2.0") no-repeat scroll left top rgba(0, 0, 0, 0);
}
.PressTxtTop p.SmalFont {
    font-size: 10px;
    margin:10px 0 0 0;
}
.RelatedImgDe {
    width:100%;
    float:left;
    padding:10px 0;
}
.RelatedImgDe h2 {
    padding:0 0;
    font-weight:bold;
font-size:11px;
    color:#333;
    line-height:19px;
    padding:8px 0;
    margin:0 0 15px 0;
    background:url(../../images/johnlewis__site/bdr-botm.png?v=2.0) no-repeat left bottom;
}
.ImgHoverIcon {
    width:100%;
    height:100%;
    float:left;
    position:absolute;
    left:0;
    top:0;
    z-index:400;
    background-color: rgba(0, 0, 0, 0.5);
    text-align:center;
    visibility:hidden;
}
.ImgHoverIcon a {
    padding:0 8px;
}
.ImgHoverIcon a img {
    padding:100px 0 0 0;
}
.ImgListRi:hover .ImgHoverIcon {
    visibility:visible;
}
.RelImgDeMid {
    width:100%;
    float:left;
}
.ListViewBox {
    width:100%;
    float:left;
}
.ListViewRow {
    width:100%;
    float:left;
    padding:12px 0;
}
.ListViewRow:first-child{
    padding: 0;
}
.ListViewImg {
    width:220px;
    height:220px;
    text-align:right;
    float:left;
    position:relative;
}
.ListViewTxt {
    float:right;
    width:470px;
    border-bottom:1px solid #ccc;
    height: 220px;
}
.listimg .SrhIconGalImg img{
    padding: 100px 0 0;
}
.ListViewTxt p {
}
.ListViewTxt p {
    padding:0;
    font-weight:normal;
font-size:12px;
    color:#333;
    line-height:17px;
}
.ListViewTxt p.SmallFont {
    font-size:10px;
}
.ListViewTxt h3 {
    padding:8px 0;
    font-weight:bold;
font-size:15px;
    color:#000;
    line-height:19px;
}
.ListViewTxt p.SmallFont.BdrBotm {
    background:url(../../images/johnlewis__site/bdr-botm.png?v=2.0) no-repeat bottom left;
}
.ListViewTxt .PoupTxtNav {
    padding: 9px 0 15px;
}
.ListViewTxt .PoupTxtNav li {
    width:auto;
    padding:0 25px 0 0;
}
.ListViewTxt .PoupTxtNav li a span {
    cursor: pointer;
    float: left;
    padding: 0 0 4px;
    width: 36px;
}
.ListViewTxt .PoupTxtNav li a label {
    cursor: pointer;
    float: left;
    padding: 0 0 0 5px;
    text-align: left;
    width: 88px;
}
.SicialIconMid {
    background:#dedbd2;
    padding:10px;
    width:942px;
    float:left;
    margin:0 0 15px 0;
}
.SocialTxtIcon {
    width:100%;
    float:left;
    font-weight:normal;
font-size:11px;
    color:#333;
}
.SocialIcMid {
    width:100%;
    float:left;
    margin:0 0 -10px 0;
}
.SocialIcMRow {
    float:left;
    list-style-type:none;
    display:block;
}
.SocialIcMRow li {
    float:left;
    list-style-type:none;
    display:block;
    padding:0 14px;
}
.SocialIcMRow li a {
    float:left;
    padding:0 0 20px 0;
    border-bottom:3px solid #333;
}
.SrhLiBoxRow {
    width:100%;
    float:left;
    padding:10px 0;
}

.SrhLimgTxtBox.Last {
    padding: 10px 0 10px 0;
}
.topSliderBig{
    height: 380px; 
    width: 557px;
    background-color: #ccc !important;
}
.topSliderSmall{
    height: 95px; width: 139px;
}
.lSLIimage{
    height: 355px; width: 241px;
}
.SrhIconGalImg a {
    display:block;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    text-align:center;
}
.SrhIconGalImg a img {
    text-align:center;
    padding:0;
}
.SrhLimgBox a{
    text-align: center;
    width: 220px;
    height: 220px;
    vertical-align: middle;
    display: table-cell;
}
.SrhIconGalImg > a > div {
    display: table;
    height: 100%;
    width: 100%;
}
.SrhIconGalImg p{
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 100%;
}
.SrhLTxtBox a:hover{
    text-decoration: none;
}
.ImgTxtListRi > li .SrhIconGalImg a img, .FeaList li .SrhIconGalImg a img {
    padding: 100px 0 0;
}
.SliderImgTxtBox  li .SrhIconGalImg a img {
    padding: 30px 0 0;
}
.SliderBigImg .SrhIconGalImg a img {
    padding: 180px 0 0;
}

/*** Custom ***/
#slider-range{
    background: #dddddd;
    height: 11px !important;
}
#slider-range .ui-widget-header{
    background: #FDB900;
}
.first-handle,.second-handle, .first-handle:hover, .first-handle:focus, .second-handle:hover, .second-handle:focus{
    top: 0 !important;
    cursor: pointer !important;
    border: none !important;
    outline: none;
    outline-color: transparent;
    height: 11px !important;
}
.first-handle, .first-handle:hover, .first-handle:focus{
    background: url(../../images/johnlewis__site/left_slider_arrow.png?v=2.0) no-repeat transparent right !important;
}
.second-handle, .second-handle:hover, .second-handle:focus{
    background: url(../../images/johnlewis__site/right_slider_arrow.png?v=2.0) no-repeat transparent !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px !important;
}
.SubmitBtn {
    height:40px;
    padding:0 30px;
    font-size:15px;
    color:#fff;
    font-weight:400;
    border:0px;
    background:#284E36;
    cursor:pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.SubmitBtn:hover {
    background:#333333;
}
.BtnDownload {
    float: left;
    padding:10px 13px 11px 13px;
    font-size:14px;
    color:#fff;
    font-weight:400;
    border:0px;
    background:#284E36;
    cursor:pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.BtnDownload:hover {
    background:#333333;
    text-decoration:none;
}
.refine_btn{ background:url(../../images/v1.0/refine_btn.png?v=2.0) no-repeat left top; width:90px; height:26px; float:right; border:none;}
.pagination ul li {
    list-style:none;
    float:left;
    margin-right:9px;
    width:auto!important;
    border:none!important;
    padding:0px!important;
}
.pagination ul li.last {
    margin-right:0px;
}
.pagination ul li span {
    color:#666666;
    font-weight:bold;
    line-height:26px;
}
.pagination ul li a {
    text-decoration:none;
    color:#666666;
    transition: all 0.5s ease-in-out 0s;
}
.pagination_input {
    width:21px;
    height:24px;
    border:1px solid #bbbbbb;
    padding:0px 3px;
    line-height:26px;
    margin:0px 6px;
    color:#666666;
    line-height:26px;
}
.FrmBox {
    width:100%;
    float:left;
}
.ContactFrmLe {
    width:350px;
    float:left;
    list-style-type:none;
    display:block;
}
.ContactFrmLe li {
    width:100%;
    float:left;
    list-style-type:none;
    display:block;
    padding:8px 0;
    position:relative;
    /*	padding:8px 0 8px 30px;*/
}
.ContactFrmLe li label, .ContactFrmRi li label{
    display: block;
    color: #666;
    float: left;
    font-family: Arial,sans-serif;
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 0 30px;
    padding: 0 0 10px;
    width: 316px;
}
.ContactFrmRi .ContactFild, .ContactFrmRi .SrhBoxFrmSelect, .ContactFrmRi li label {
    margin: 0; 
}
span.error {
    padding: 5px 0 0 30px;
    color: red !important;
    float: left;
    clear: left;
}
.ContactFrmRi span.error {
    padding: 5px 0 0 0;
    color: red !important;
    float: left;
}
#msgcontainer .flashdata {
    padding: 5px 0 0 0;
    color: red !important;
    float: left; 
}
label[for=terms] > a{
    color: #000;
}
.ContactFrmLe li .SrhBoxDropMenu {
    width:315px;
}
.ContactFild {
    background:#dedbd2;
    padding:0 15px;
    width:286px;
    float:left;
    height:40px;
    border:0px;
    font-size:13px;
    color:#666;
    font-weight:400;
    margin:0 0 0 30px;
}
.ContactFrmRi {
    width:450px;
    float:right;
    list-style-type:none;
    display:block;
    margin:0 30px 0 0;
}
.ContactFrmRi li {
    width:100%;
    float:left;
    list-style-type:none;
    display:block;
    padding:8px 0;
}
.ContactTxtFild {
    background:#dedbd2;
    padding:8px 15px;
    width:420px;
    float:left;
    height:160px;
    border:0px;
    font-size:13px;
    color:#666;
    font-weight:400;
    line-height:20px;
}
.ContactFrmRi li .SrhBoxDropMenu {
    margin:0;
}
.SrhBoxFrmSelect {
    background: none repeat scroll 0 0 #dedbd2;
    border: 0 none;
    color: #666;
    float: left;
    font-size: 13px;
    font-weight: 400;
    height: 40px;
    padding: 10px;
    width: 316px;
    margin: 0 0 0 30px;
}
.ImageGal {
    float: left;
    height: 200px;
    list-style-type: none;
    margin: 2px 1px;
    overflow-y: hidden;
    padding: 0 1px;
    position: relative;
}
.MidLiBoxRightPanel {
    float:left;
    background: none repeat scroll 0 0 #fff;
    width: 100%;
    padding-bottom: 20px;
}
.MidLiBoxRightPanel label {
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    width: 150px;
}
.fancybox-skin {
    background: #fff!important;
    border-radius: 0 !important;
}
.ImgTxtListRi > li .SrhIconGalImg, .ListViewImg .SrhIconGalImg, 
.ImageGal .SrhIconGalImg, .SliderBigImg .SrhIconGalImg,
.SliderImgTxtBox > li .SrhIconGalImg, 
.FeaList > li .SrhIconGalImg, .ImgListRi 
.SrhIconGalImg, .SrhLimgBox .SrhIconGalImg {
    display:none;
}
.ImgTxtListRi > li:hover .SrhIconGalImg, .ListViewImg:hover .SrhIconGalImg, 
.ImageGal:hover .SrhIconGalImg, .SliderBigImg:hover .SrhIconGalImg,
.SliderImgTxtBox > li:hover .SrhIconGalImg, .FeaList > li:hover 
.SrhIconGalImg, .ImgListRi:hover .SrhIconGalImg,
.SrhLimgBox:hover .SrhIconGalImg {
    display: block;
}
@media only screen and (max-width: 760px) {
    .SrhIconGalImg a{
        background: none !important;
    }
    .SrhIconGalImg a img{
        display:  none !important;
    }
}
.light4box > .tooltip {
    display: none;
}
.light4box:hover > .tooltip {
    display: block;
}

/*--------------------------21-08-2014----------------------------*/
.font-size13 { font-size:13px; color:#858585; line-height:16px;}
.font-size18 { font-size:18px; color:#333333; line-height:20px;}
.font-size15 { font-size:15px; color:#333333; line-height:20px; font-family: Arial,sans-serif;}
.font-size10 {
    color: #858585;
    font-family: Arial,sans-serif;
    font-size: 12px;
    line-height: 18px;
}
#codeigniter_profiler{
    display: none !important;
}

.MenuSelectBar {
    position: absolute;
    border-top: 3px solid #000; width:70px;
    left:50%;
    margin-left:-35px;
}
#login_box > .MenuSelectBar {margin-left:-105px;}
#search_box > .MenuSelectBar {margin-left:35px;}
#login_box > table, #search_box > table, .LoginFrmBoxPanel > table {padding:20px 0;}

.FooterDivider {
    margin: 0 auto;
    border-bottom: 1px solid #ccc;
    width:110px;
    padding-top: 10px;
}

.LastStHead h2 {text-transform: uppercase;}

.select_lable {
    background-color:#fff;
    border: medium none;
    color: #666666;
    display: block;
    float: left;
    height: 35px;
    margin-right: 20px;
    width: 537px;
    position: relative;
    margin-top: 0px;
}
.select_lable .fields_txt {
    color: #666666;
    float: left;
    font-weight:normal;
font-size:12px/35px;
    padding: 0 20px 0 7px;
}
.select_lable .pickDown {
    background-image: url(../../images/johnlewis__site/botm-arrow.png?v=2.0);
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    float: right;
    height: 35px;
    width: 35px;
}
.select_input_new {
    cursor: pointer;
    height: 35px;
    left: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    width: 537px;
    filter: alpha(opacity=0);
    zoom: 1;  /* needed to trigger "hasLayout" in IE if no width or height is set */ 
}
/*--------------------------30-10-2014----------------------------*/
.ContSrhListTop {
    width:100%;
    float:left;
    padding:15px 0;
}
.ContSrhLiTpLeft {
    width:630px;
    float:left;
}
.ContSrhLiTpLeft h3 {
    font-weight:normal;
font-size:18px;
    color:#000;
    padding:8px 0;
}
.ContSrhLiTpLeft p {
    font-weight:normal;
font-size:12px;
    color:#333333;
    padding:8px 0;
    line-height:18px;
}
.ContSrhLiTpRig {
    width:220px;
    float:right;
}
.ContSrhLiTpRig p {
    font-weight:bold;
font-size:12px;
    color:#333333;
    padding:8px 0;
    line-height:18px;
}
.ContSrhLiTpRig p span {
    font-weight:normal;
font-size:12px;
    color:#000;
}
.ContSrhListBotm {
    width:100%;
    float:left;
    padding:5px 0;
}
.ContSrhLiRow {
    width:100%;
    float:left;
    padding:20px 0;
}
.ContSrhLimg {
    float:left;
    width:240px;
}
.ContSrhLiTxt {
    margin:0 0 0 260px;
}
.ContSrhLiTxtHd {
    width:150px;
    padding:8px 10px 0 0;
    float:left;
}
.ContSrhLiTxtHd h3 {
    font-weight:normal;
font-size:14px;
    color:#000000;
}
.ContSrhLiTxtCon {
    width:170px;
    float:left;
    padding:8px 10px 10px 0;
}
.ContSrhLiTxtCon p {
    font-weight:normal;
font-size:11px;
    color:#333333;
    line-height:16px;
}
.ContSrhLiTxtCon p span {
    font-weight:bold;
font-size:11px;
}
.ContSrhLiTxtCon p a {
    color:#000;
    text-decoration:none;
}
.ContSrhLiTxtCon p a:hover {
    color:#024005;
}
.ContSrhLiTxtRig {
    float: right;
    width: 540px;
}

.SrhFildHead {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color #ccc -moz-use-text-color -moz-use-text-color;
    border-left: 0 none;
    border-style: none solid none none;
    border-width: 0 1px 0 0;
    color: #858585;
    float: left;
    font-weight:bold;
    font-size:10px;
    height: 24px;
    margin: 12px 15px 0;
    max-width: 164px;
}
a.SrhFildSeHead {
    background: url("../../images/johnlewis__site/drop-menu-arrow.png") no-repeat scroll 100px center #fff;
    color: #000;
    float: left;
    font-weight:bold;
font-size:10px;
    padding: 11px 20px;
    text-align: left;
    text-decoration: none;
    width: 75px;
}
a.SrhFildSeHead:hover {
    color: #3d6e4f;
}

.SrhDropMenu {
    background: none repeat scroll 0 0 #fff;
    display: block;
    float: left;
    list-style-type: none;
    margin-left: 278px;
    margin-top: 35px;
    position: absolute;
    width: 115px;
}
.SrhDropMenu li {
    border-bottom: 1px solid #dedbd2;
    display: block;
    float: left;
    height: auto;
    list-style-type: none;
    width: 100%;
}
.SrhDropMenu li a {
    color: #333;
    float: left;
    font-weight:normal;
font-size:12px;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
.SrhDropMenu li a:hover {
    color: #3d6e4f;
}



.leftdownsec section{
    background: none repeat scroll 0 0 #ffffff;
    box-shadow: 0 3px 5px 0 rgba(51, 51, 55, 0.25);
    float: left;
    width: 100%;
}

.view-image-download {
    color: #6d6d6d;
    float: left;
    font-size: 13px;
    line-height: 16px;
    margin: 10px 0;
}

.span-download-pdf {
    float: left;
    padding-top: 5px;
}

.view-image-download img {
    float: left;
    margin-right: 8px;
}
.leftdownsec section > article {
    clear: both;
    padding: 0 5px;
    float: left;
    width: 100%;
}
.leftdownsec section p.dheading{
    text-align: center; font-size: 13px; border-bottom: 1px solid rgb(180, 180, 180); padding: 9px;
}
.clear{
    clear: both;
}
/*Motilal Soni css 20 feb 2017*/
.full-header-main{
    float: left;
    width: 100%;
}
.headerTopMain{
    float: right;
    padding: 10px 0;
}
.HeadToRiNav {
    width: auto;
    float: left;
    border-bottom: 2px solid #ccc;
    margin: 0 15px 0 0;
}
.HeadToRiNav a {
    font-weight:bold;
font-size:10px;
    color: #333;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 36px;
    padding: 0 8px;
}
.HeadSocialIc {
    float: right;
    list-style-type: none;
    display: block;
}
.HeadSocialIc li {
    float: left;
    padding: 0 4px;
    list-style-type: none;
    display: block;
} 
.HeadSocialIc li.PinIconHead a {
    background-image: url(../../images/johnlewis__site/social-icon-head-1.png);
}
.HeadSocialIc li.SocialIconHead a {
    background-image: url(../../images/johnlewis__site/social-icon-head-2.png);
}
.HeadSocialIc li.TwitterIconHead a {
    background-image: url(../../images/johnlewis__site/social-icon-head-3.png);
}
.HeadSocialIc li.FbIconHead a {
    background-image: url(../../images/johnlewis__site/social-icon-head-4.png);
}
.HeadSocialIc li a {
    height: 37px;
    width: 34px;
    float: left;
    background-position: left top;
    background-repeat: no-repeat;
}
.HeadSocialIc li a:hover {
    background-position: left bottom;
}
/*social feed*/
.social-feed {
    width: 100%;
    float: left;
    margin-top: 10px;
}  
.twitterlist {
    width:300px;
    margin:0 22px 0 0;
    float:left;
    background: url(../../images/johnlewis__site/social-bg.png) no-repeat top left;
}
.twitterlist h2 {
    color:#000; 
    font-size:14px;
    font-weight:400;
    padding:15px 0 36px;
}
.twitterli {
    width:100%;
    float:left;
    padding:15px 0;
}
.twitterliimg {
    float:left;
}
.twitterlitxt {
    margin:0 0 0 80px;
}
.twitterlitxt p {
    padding:0 0 12px 0;
    color:#000; 
    font-size:11px;
    font-weight:400;
    line-height:17px;
}
.twitterlitxt p:last-child {
    padding:0;
}
.twitterlitxt p a {
    color:#d83300;
    text-decoration:none;
}
.twitterlitxt p a:hover {
    color:#333;
}
.twitterlitxt.fullwidth {
    margin:0;
}
.facebooklist {
    width:300px;
    margin:0 0 0 0;
    float:left;
    background: url(../../images/johnlewis__site/social-bg.png) no-repeat top left;
}
.facebooklist h2 {
    color:#000; 
    font-size:14px;
    font-weight:400;
    padding:15px 0 36px;
}
.facebookli {
    width:100%;
    float:left;
    padding:15px 0;
}
.facebookliimg {
    float:left;
}
.facebooklitxt {
    margin:0 0 0 80px;
}
.facebooklitxt p {
    padding:0 0 12px 0;
    color:#000; 
    font-size:11px;
    font-weight:400;
    line-height:17px;
}
.facebooklitxt p:last-child {
    padding:0;
}
.facebooklitxt p a {
    color:#d83300;
    text-decoration:none;
}
.facebooklitxt p a:hover {
    color:#333;
}
.facebooklitxt.fullwidth {
    margin:0;
}
.Instagramlist {
    width:300px;
    margin:0 0 0 0;
    float:right;
    background: url(../../images/johnlewis__site/social-bg.png) no-repeat top left;
}
.Instagramlist h2 {
    color:#000; 
    font-size:14px;
    font-weight:400;
    padding:15px 0 36px;
}
.Instagramlist h2 img {
    float:left;
    padding:0 8px 0 0;
}
.facebooklist h2 img {
    float:left;
    padding:0 8px 0 0;
}
.twitterlist h2 img {
    float:left;
    padding:0 8px 0 0;
}
.Instagramli {
    width:100%;
    float:left;
    padding:15px 0;
}
.Instagramli a {
    padding:0 20px 20px 0;
    float:left;
}
.Instagramli a:nth-child(4n+4) {
    padding-right:0;
}
/*video page*/
.video-list-main{
    float: left;
    width: 100%;
}
.video-listing:nth-child(1) {
    padding-top: 0;
}
.video-listing:nth-child(2) {
    padding-top: 0;
}
.video-listing:nth-child(2n) {
    float: right;
}
.video-listing {
    float: left;
    height: 250px;
    padding: 20px 0 10px;
    width: 450px;
}
.video-img {
    background: #f5f5f5 none repeat scroll 0 0;
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.video-img img {
    max-width: 100%;
    max-height: 100%;
}
.video_th_hover {
    background: rgba(255,255,255,0.5) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1;
}
.video_th_hover p {
    position: absolute;
    top: 49%;
    height: 51%;
    width: 100%;
}
.video-img img {
    max-width: 100%;
}
.video-img-main { 
    display: table-cell;
    height: 250px;
    width: 450px;
    text-align: center;
    vertical-align: middle;
}
.video-txt {
    background: rgba(0,0,0,0.8) none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    min-height: 45px;
    padding: 10px;
    position: absolute;
    bottom: 3px;
    text-align: left;
    width: 96%;
}
.video-txt h3 {
    color: #000; 
    font-size: 18px;
    font-weight: normal;
    padding: 0;
}
.video-txt h3 a {
    color: #fff;
    text-decoration: none;
    font-weight:normal;
font-size:15px/19px;
}
.video-txt p {
    color: #fff; 
    font-size: 12px;
    font-weight: normal;
    height: 60px;
    overflow: hidden;
}
.video-txt span {
    bottom: 7px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    position: absolute;
    right: 15px;
}
.video-img a:hover .video_th_hover {
    display: block;
}
/*contact Page*/
.presscate {
    padding: 22px 0 45px;
    width: 100%;
    float: left;
}
.designerlist {
    width: 100%;
    float: left;
}
.Lookbook_inner_hd {
    background: url(../../images/johnlewis__site/lookbook_hd_lineup.jpg) no-repeat left top;
    float: left;
    width: 220px; 
    padding-top: 22px;
    font-size: 16px;
    margin-bottom: 10px;
    color: #284E36;
}
.contactlist .Related-list-txt {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    width: 290px;
}
.Related-list-txt {
    width: 220px;
    float: right;
    border-top: 1px solid #ccc;
}
.Related-list-txt p {
    padding: 10px 0; 
    font-size: 12px !important;
    color: #333;
    font-weight: normal;
}
.Related-list-txt h3 {
    padding: 0 0; 
    font-size: 18px;
    color: #000;
    font-weight: normal;
}
.pad3 {
    padding: 2px 0 !important;
    font-size: 13px !important;
}
.pad3 a{
    color: #333;
    text-decoration: none;
}
.pad3 a:hover{
    text-decoration: underline;
}
.Related-list-txt h3 a {
    color: #000;
    text-decoration: none;
}
.contactlist .Related-list-txt p.date-li {
    color: #284E36;
}
.Related-list-txt p.date-li {
    font-size: 11px;
    color: #999;
} 
/*category page */
.presscaterw {
    width: 100%;
    float: left;
    padding: 5px 0 0;
}
.presscatelist { 
    width: 220px;
    float: left;
    padding: 10px 26px 10px 0;
}
.presscatelist a {
    width: 100%;
    float: left;
}
.presscateimg {
    width: 220px;
    height: 220px; 
    text-align: center;
    display: table-cell;
    background: #ccc;
    vertical-align: middle;
}
.presscatetxt {
    width: 100%;
    float: left;
    padding: 12px 0 10px 0;
    text-align: center;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}
.presscatelist:nth-child(4n+4){
    padding-right: 0;
}
.presscat_th_hover {
    background: rgba(0,0,0,0.5) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1;
}
.presscat_th_hover p {
    position: absolute;
    top: 49%;
    height: 51%;
    width: 100%;
} 
.presscateimg a{
    float: left;width: 100%;position: relative;
}
.presscateimg a:hover .presscat_th_hover {
    display: block;
}
.Lookbook_itms {
    list-style-type: none;
    float: left;
    width: 100%;
    padding-top: 21px;
}
.Lookbook_itms li {
    list-style-type: none;
    width: 210px;
    float: left;
    margin: 0 40px 20px 0;
}
.Lookbook_inner_th {
    background: #f5f5f5;
    border: 5px solid #e8e3dd;
    height: 300px;
    overflow: hidden;
    text-align: center;
    width: 200px;
}
.Lookbook_itms_mid {
    background: #e8e3dd;
    padding: 32px 0 39px;
    text-align: center;
}
.Lookbook_itms_mid h2 {
    color: #284E36;
    font-size: 30px;
    padding-bottom: 18px;
}
.Lookbook_itms_mid p {
    text-transform: uppercase;
    font-size: 11px;
    color: #284E36;
    padding:0 3px 0 3px;
    height: 10px;
}
.Lookbook_itms_btm {
    background: #284E36;
    text-align: center;
    padding: 10px 0;
}
.Lookbook_itms_btm a {
    background: url(../../images/johnlewis__site/download_icn.png) no-repeat center top;
    display: inline-block;
    font-size: 0;
    height: 24px;
    line-height: 24px;
    margin-right: 20px;
    text-decoration: none;
    text-indent: -9999px;
    width: 40px;
    vertical-align: middle;
}
.Lookbook_itms_btm a:last-child {
    background: url(../../images/johnlewis__site/view_icn.png) no-repeat center top;
    margin-right: 0px;
}
.lookbook_img{
    width: 200px;
    height: 300px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.Lookbook_itms li:nth-child(4n+4){
    margin-right: 0;

}
.lookbook_img img{
    max-width: 100%;
}
.PressTxtTop > ul { 
    padding: 0 0 0 20px;
}
/*---------styles checkbox---------*/
.control-group {
    display:block;
    vertical-align: top;
    background: #fff;
    text-align: left;
    margin-bottom:30px;
}
.control {
    display: block;
    position: relative;
    padding-left: 20px; 
    cursor: pointer; 
    font-weight: 600;
    line-height: 19px;
}  
.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 13px;
    width: 13px;
    background: #fff;
    border:1px solid #333;
    border-radius:2px;
}
.control--radio .control__indicator {
    border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
    background: #fff;
    border:1px solid #333;
    border-radius:2px;

}
.control input:checked ~ .control__indicator {
    background: #fff;
    border-radius:2px;
    border:1px solid #666;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
    background: #fff;
}
.control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}
.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}
.control input:checked ~ .control__indicator:after {
    display: block;
}
.control--checkbox .control__indicator:after {
    left: 4px;
    top: 0px;
    width: 3px;
    height: 8px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}
.control--radio .control__indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff;
}
.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}
.labeltxt {
    font-weight: normal;
    color: #333;
}
.brand-listing, .cat-listing {padding-top: 0px;padding-bottom: 0px;}
.brand-listing ul, .brand-listing li, .cat-listing ul, .cat-listing li { list-style: none; margin: 0; padding: 0; }
.brand-listing ul, .cat-listing ul {padding-left: 0.1em;}
.brand-listing li .checkbox,.cat-listing li .checkbox{margin: 0;background: white;position: relative;top: 0.8em;}
.cat-listing li {padding-left: 1em;border: 1px dotted black;border-width: 0 0 1px 1px;padding-top:0.4em;}
.cat-listing li.parent-container{border-bottom: 0px;}
.cat-listing li.empty{font-style: italic;color: silver;border-color: silver;}
.cat-listing li ul{border-top: 1px dotted black;margin-left: -1em;padding-left: 1.6em;}
.cat-listing li ul li:last-child ul{border-left: 1px solid white;margin-left: -13px;}

.CateLiNavLeft1 > li {
    margin-bottom: 6px;
}
#pr_share {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    left: 45px;
    padding: 5px 0 5px 8px;
    position: absolute;
    top: 45px;
    z-index: 16;
}
.social-share {
    margin-right: 6px;
    width: auto !important;
}
.copy-input-height{height:90px;}