@charset "utf-8";
/* CSS Document */
#sd1 {width: 10em;  height: 2em;}

#mobile_menu {display: none;}


 
  #picblock {
     width: 50% ;
  height: 50% ;
  }




body {padding:0; margin:0; background:url(../images/bodyBg.gif) repeat-x top; font-family:'Open Sans', sans-serif; font-size:14px;}
* {padding:0; margin:0;}

.floatL {float:left !important;} 
.floatR {float:right !important;}
.noMargin {margin:0;} 
.noPadd {padding:0;}
.padding5 {padding:5px;}
.padding10 {padding:23px;}
.margRight5 {margin-right:5px;}
.margTop5 {margin-top:5px;} 
.margTop15 {margin-top:15px;} 
.margTop30 {margin-top:30px;}
.margBot15 {margin-bottom:15px;} 
.margBot5 {margin-bottom:5px;}
.marginleft130 {margin-left: 130px;} .marginleft230 {margin-left: 230px;} .marginLeft25{margin-left:25px;} .margLeft10 {margin-left:10px;}
.purple {color:#923e8e;} .clrPurple {color:#431544;} .clrDarkPurple {color:#32134F;} .clrGray {color:#a7a7a7;}  .clrPink {color:#9e0182;}
.fontsize15 {font-size:15px !important;} .fontsize13 {font-size:13px !important;}
.hr {border-bottom:1px dotted #ccc; width:100%; float:left; border-top:none; border-left:none; border-right:none; margin-bottom:15px;}
.hr2 {border-bottom:1px dotted #a4a5d1; width:100%; float:left; border-top:none; border-left:none; border-right:none; margin-bottom:15px; *clear:both;}
clr {clear:both}
.posRelative {position:relative; width:100%;}
a.button {background-color:#9e0182; border:1px solid #9d9fa4; color:#fff; text-trans
:uppercase; padding:4px 15px; font-size:16px;}
.txtCenter {text-align:center;}
.fullwidth {width:100% !important;}
.BgDarkPurple {background-color:#66315d;}
.darkClrGray {color:#4b4b4b !important;}
a.buttonBlue {background-color:#39395b; border:1px solid #a0a2a7; color:#fff; text-transform:uppercase; padding:4px 15px; font-size:16px;}

h2 {font-size:20px; color:#b9b9b9; font-weight:normal;}
h3 {font-size:18px; color:#491446; font-weight:normal;}
a {color:#9e0182; text-decoration:none;}




/*** Login CSS ***/
body.bg {background-image:none;}
#loginPopup {width:545px; padding:10px 10px; box-shadow: 3px 3px 8px #888888; margin: auto;
overflow: visible;}
#loginPopup .logo {display:none;}
#loginPopup h2 {color:#434343; text-align: center; width: 100%; float:left;}
#loginPopup small {width:100%; text-align:center; float:left; margin:20px 0 10px;}
#loginPopup p {width:100%; float:left; text-align:center; margin:10px 0 0;}
#loginPopup p big {font-size:25px;}
#loginPopup input {width:188px; height:17px; padding:8px; border:1px solid #9e0182; font-size:13px; color:#b2b2b2; margin-bottom:10px;}

#loginPopup mark{background-color: #D8D8D8;}
#loginPopup1 {width:545px;  padding:5px 5px; box-shadow: 3px 3px 8px #888888; margin: auto;
overflow: visible;}
#loginPopup1 .logo {display:none;}
#loginPopup1 h2 {color:#434343; text-align: center; width: 100%; float:left;}
#loginPopup1 small {font-size:20px; width:100%; text-align:center; float:left; margin:20px 0 10px;}

#loginPopup1 p {width:100%; float:left; text-align:center; margin:10px 0 0;}
#loginPopup1 p big {font-size:25px;}
#loginPopup1 input {width:188px; height:17px; padding:8px; border:1px solid #9e0182; font-size:13px; color:#b2b2b2; margin-bottom:10px;}





.wrapper {width:981px; margin:auto;}
.fixed {position:fixed; background:#fff url(../images/bodyBg.gif) repeat-x top; width:100%; z-index:90000;}
.header {width:981px; height:105px; float:left; position:relative; z-index:401;}
.innerheader {height:71px !important;}
.logo a {width:143px; height:44px; display:block; margin:17px 115px 0 0;}
.searchpan {width:40%; height:28px; position:relative;}
.searchpan input {border:1px solid #cdced0; border-radius:5px; moz-border-radius:5px; background-color:#edeef0; width:100%; height:29px; padding:0 5px; margin-top:25px; font-size:23px; xtext-transform:uppercase; color:#66315D;}
.searchpan img {position:absolute; top:28px; right:-5px; z-index:1;}
.wlcomebox {width:265px; margin:6px 15px 0 0;} /* .wlcomebox {width:265px; margin:6px 15px 0 0;}  vinay please check changes 1st sept 2024   */
.wlcomebox .profilePic {width:38px; height:51px; margin-right:5px;}
.basketInfo {font-size:11px; text-transform:uppercase; color:#fff; position:relative; float:left;}
.basketInfo big {font-size:12px;}
.basketInfo .showonlymobile {display:none;}



.threeColStru .firstthird span h4 {float:none; text-align:left; margin: 0 0 0px 40px; !important; width:100%;}


.threeColStru {width:981px; float:left; margin-bottom:25px;}
.threeColStru .firstthird {width:246px; float:left; margin-right:7px; z-index:500;}
.threeColStru .firstthird h2 {margin-bottom:6px; float:left; width:85%;}
.threeColStru .firstthird div {border:1px solid #cdced0; float:left;}
.threeColStru .secondthird {width:547px; float:left; margin-right:7px; z-index:400; position:relative;}
.threeColStru .lastthird {width:172px; float:left; background-color:#efefef; border:1px solid #bebebe; font-size:12px; color:#464646;}
.threeColStru .firstthird ul {float:left; list-style-type:none;}
.threeColStru .firstthird span a {width:232px; height:22px; padding:23px 6px 0; border-bottom:1px solid #cdced0; float:left; text-decoration:none;}
.threeColStru .firstthird span a.relations { background:#edeef0 url(../images/relations_icon.png) no-repeat 1px 10px;}
.threeColStru .firstthird span a.relations:hover, .threeColStru .firstthird span a.relationsActv  { background:#d1d2fa url(../images/relations_icon.png) no-repeat 1px 10px;}

.threeColStru .firstthird span .flyimg  { position:absolute; top:28px; right:-5px; z-index:1;} 


.threeColStru .firstthird span .flyimg  { background:#edeef0 url(../images/family_icon.png) no-repeat 1px 10px;}
.threeColStru .firstthird span .flyimg:hover, .threeColStru .firstthird span .flyimgActv  { background:#d1d2fa url(../images/family_icon.png) no-repeat 1px 10px;} 

.threeColStru .firstthird span a.essentials { background:#edeef0 url(../images/essential_icon.png) no-repeat 1px 10px;}
.threeColStru .firstthird span a.essentials:hover, .threeColStru .firstthird span a.essentialsActv  { background:#d1d2fa url(../images/essential_icon.png) no-repeat 1px 10px;}
.threeColStru .firstthird span a.specialdays { background:#edeef0 url(../images/specialdays_icon.png) no-repeat 2px 10px;}
.threeColStru .firstthird span a.specialdays:hover, .threeColStru .firstthird span a.specialdaysActv { background:#d1d2fa url(../images/specialdays_icon.png) no-repeat 2px 10px;}
.threeColStru .firstthird span a.hobbies { background:#edeef0 url(../images/hobbies_icon.png) no-repeat 2px 10px;}
.threeColStru .firstthird span a.hobbies:hover, .threeColStru .firstthird span a.hobbiesActv { background:#d1d2fa url(../images/hobbies_icon.png) no-repeat 2px 10px;}

.threeColStru .firstthird span a.adventure { background:#edeef0 url(../images/adventure_sports_ipad.png) no-repeat 2px 10px;}
.threeColStru .firstthird span a.adventure:hover, .threeColStru .firstthird span a.adventureActv { background:#d1d2fa url(../images/adventure_sports_ipad.png) no-repeat 2px 10px;}

.threeColStru .firstthird span a.personalwear { background:#edeef0 url(../images/personalwear_icon.png) no-repeat 1px 10px;}
.threeColStru .firstthird span a.personalwear:hover, .threeColStru .firstthird span a.personalwearActv  { background:#d1d2fa url(../images/personalwear_icon.png) no-repeat 1px 10px;}

.threeColStru .firstthird span a.health { background:#edeef0 url(../images/health_icon.png) no-repeat 1px 10px;}
.threeColStru .firstthird span a.health:hover, .threeColStru .firstthird span a.healthActv  { background:#d1d2fa url(../images/health_icon.png) no-repeat 1px 10px;}


.threeColStru .firstthird span a.health { background:#edeef0 url(../images/health_icon.png) no-repeat 1px 10px;}
.threeColStru .firstthird span a.health:hover, .threeColStru .firstthird span a.healthActv  { background:#d1d2fa url(../images/health_icon.png) no-repeat 1px 10px;}



.threeColStru .firstthird span h2 {color:#686868; float:left; margin:0 0 0 35px; line-height:22px;}
.threeColStru .firstthird span a.active h2, .threeColStru .firstthird span a:hover h2 {color:#72086c; background:url(../images/arrow-purple.png) no-repeat right;}
.threeColStru .firstthird span p {color:#707070; float:left; margin-left:35px; font-size:10.5px;}
.threeColStru .lastthird p {border-bottom:1px solid #bdbdbd; width:152px; text-align:center; margin:-3px 10px 10px; float:left; padding:10px 0 4px;}
.threeColStru .lastthird .refferFriend small {font-size:11px; color:#4d4b4b;}
.firstthird div, .navWrap .divStru {visibility:hidden}
.firstthird {position:relative;}
.firstthird .divStru { position:absolute; top:33px; left:244px; z-index:100; width:484px; /*height:238px;*/ background-color:#d1d2fa; padding:35px; display:block; min-height: 239px; text-transform: ucwords;}
.firstthird .divStru ul {list-style-type:none; float:left;}
.firstthird .divStru ul li a {font-size:15px; color:#32134f; text-decoration:none; float:left; width:100%;}
.firstthird .divStru ul li ul li a {
    color: #707070;
    float: left;
    font-size: 12px !important;
    line-height: 15px;
    text-decoration: none;
    width: 100%;
}
.firstthird .divStru a:hover { text-decoration:underline;}
.firstthird .divStru ul.firsthalf {width:260px; float:left; border-right:1px solid #adaecd;}
.firstthird .divStru ul.secondhalf {width:190px; float:left; margin-left:30px;}

.threeColStru .secondthird_mobile {display:none;}


/** FB list CSS **/
.FBList {float:left; width:152px; margin:0 10px 8px;}
.refferFriend {float:left; width:152px; padding:7px 10px; *padding:10px 10px; text-align:center; background-color:#d1d2fa; font-size:16px; color:#72086c; line-height: 13px;}
.FBList ul {float:left; width:100%; height:250px; overflow-y:auto; overflow-x:hidden;}
.FBList ul li {float:left; width:100%; list-style-type:none; border-bottom:1px solid #e3e3e3; margin-bottom:7px; padding-bottom:6px;}
.FBList ul li img {width:19%; float:left; margin-right:5%;}
.FBList ul li p {border: medium none !important; float: left; font: 10px tahoma; margin: 0 !important; padding: 0 !important; text-align: left !important; width: 73% !important;}




.fourColStru {width:981px; float:left;}
.fourColStru .head {width:951px; height:28px; background-color:#e6bde4; padding:5px 15px 0; float:left;}
.fourColStru .head span {float:left; margin-top:1px;}
.fourColStru .head small a {font-size:15px; float:right; text-decoration:none; color:#491446;}
.fourColStru .block {width:248px; height:330px; display:block; float:left; margin-right:18px;}
.fourColStru .blockContent {float:left; width:230px; margin-left:7px; padding:0 !important; background-color:#edeef0;}
.fourColStru .block:hover {background:url(../images/block_over_bg.png) no-repeat 0px -3px;}
.fourColStru .firstblock {margin-left:-13px;}
.fourColStru .lastblock { margin-left: -12px; margin-right: -15px;}
.fourColStru .blocklast {margin-right:0px;}
.fourColStru .block div.prodetails {padding:10px 15px; float:left; width:89%; margin-top:-3px; height:70px;}
.fourColStru .block h2 {color:#5b534e; line-height:24px; float:left; margin:0 0 6px; width:100%; font-size:18px;}
.fourColStru .block p {font-size:11px; color:#707070; float:left; margin-bottom:6px; width:100%;}
.fourColStru .blocklinks {border-top:1px solid #c9cacb; float:left;}
.fourColStru .blocklinks span.s_links {border-right:1px solid #c9cacb; float:left; text-align:center; padding:5px 0;}
.fourColStru .blocklinks span.last {border-right:none;}
.fourColStru .blocklinks span a {color:#898481; text-decoration:none; font-size:11px; font-weight:bold;}
.fourColStru .blocklinks span a:hover {color:#66315D;}


/* Innerpage Navigation */
.MobiNav {display:none;}
.nav {width:100%; height:41px; float:left; background-color:#32134f; margin-bottom:0px; position:relative; z-index:400;}
.navWrap {width:981px; margin:auto;}
.navWrap ul {padding:0; margin:0; float:left; list-style-type:none;}
.navWrap ul li {float:left;}
.navWrap ul li a {float:left; margin-top:4px; padding:7px 5px 0; color:#fff; height:30px; background:url(../images/nav_devider.gif) no-repeat top right; text-decoration:none; text-transform:uppercase; font-size:15px; z-index:100; position:relative;}
.navWrap ul li a.last {background:none !important;}
.navWrap ul li a.blue {color:#d0d1fd !important; background:url(../images/nav_devider2.gif) no-repeat top right;}
.navWrap ul li a.blue:hover {background-color:#d0d1fd !important;color:#441541 !important;}
.navWrap ul li a:hover {background-color:#e6bde5;color:#441541 !important;}
.navWrap ul li.subnav a:hover {background:#e6bde5 url(../images/nav_arrow.gif) no-repeat bottom; padding-bottom:20px; color:#441541 !important;}
.navWrap .divStru { position:absolute; top:40px; left:0px; z-index:99; width:100%; background-color:#e6bde5; padding:35px 0; display:block;}
.navWrap .divStru ul li {float:left; width:100%;font-size:10px !important; color:#7b5378; margin:5px 0 5px 0px; background:url(../images/bullet_pink.png) no-repeat left; padding-left:10px;}
.navWrap .divStru ul li a {font-size:12px !important; color:#7e567b; text-decoration:none; float:left; width:100%; background:none; height:auto !important; padding:0; margin:0;}
.navWrap .divStru a:hover { text-decoration:underline; background:none; }
.navWrap .divStru ul {float:left; border-left:1px solid #c39bc0; padding:0 15px; list-style-type:none !important;}
.sublinks {display:block !important; width:981px; margin:auto; border-top:1px solid #c39bc0;}
.navWrap .divStru ul h2 {color:#4c0b5b; font-size:18px; padding-top:10px;}
.navWrap ul li.subnav ul li a:hover { background:none !important; padding:0; margin:0;}

.breadcrumb {font-size:13px; color:#929292; margin-bottom:8px; font-weight:normal;}
.breadcrumb a {font-size:13px; color:#929292; text-decoration:none;}
.breadcrumb a:hover {color:#32134f;}



/** Advance search CSS ***/
.advSearchPannel {width:100%; height:41px; float:left; background-color:#efedee; margin-bottom:5px; position:relative; z-index:100; margin-top: 0px;}
.advSearchWrap {width:981px; margin:auto; color:#530d53; font-size:17px;}


/*** Product details page CSS ***/
.product_details {width:703px; float:left; border-right: 1px solid #C4C4C4; border-bottom: 1px solid #C4C4C4;}
.product_details h2 {font-size:26px; color:#82237f;}
.product_details h3 {font-size:17px; color:#707070;}
.productInfo {width:200px; float:left;}
.productInfo span {float:left; width:100%; font-size:16px;}
.productInfo span b {width:100px; font-weight:normal; float:left;}

.productInfo span strong {color:#82237f;}

.productInfo .btnN a {border: 1px solid #9D9FA4; clear: both; color: #FFFFFF; float: left; font-size: 14px; height: 45px; margin-top: 5px; padding: 1px 0 0 45px; text-decoration: none; text-transform: ucwords; width: 100px; font-weight:900;}


.productInfo .btn a {border: 1px solid #9D9FA4; clear: both; color: #FFFFFF; float: left; font-size: 19px; height: 45px; margin-top: 5px; padding: 1px 0 0 45px; text-decoration: none; text-transform: ucwords; width: 100px; font-weight:900;}

.productInfo .btna a {border: 1px solid #9D9FA4; clear: both; color: #FFFFFF; float: left; font-size: 19px; height: 45px; margin-top: 5px; padding: 1px 0 0 45px; text-decoration: none; text-transform: ucwords; width: 100px; font-weight:900;}

.productInfo .Buybtn a { background:#0000FF url(../images/buy_icon.png) no-repeat 10px 8px;}


.productInfo .Buybtn a { background:#0000FF url(../images/buy_icon.png) no-repeat 10px 8px;}

/*
.productInfo .btn a {border: 1px solid #9D9FA4; clear: both; color: #FFFFFF; float: left; font-size: 17px; height: 45px; margin-top: 5px; padding: 1px 0 0 35px; text-decoration: none; text-transform: ucwords; width: 100px; font-weight: bold;}
*/

.productInfo .Buybtn a { background:#0000FF url(../images/buy_icon.png) no-repeat 10px 8px;}


.productInfo .Bulkbtn a { background:#9e0182 url(../images/bulk_icon.png) no-repeat 10px 8px;}

.productInfo .Giftbtn a { background:#9e0182 url(../images/gift_icon.png) no-repeat 10px 8px;}


.productInfo strong span {float: none;}
.slider .proOffer {font-size:21px; color:#491446; width:100%; float:left; margin:30px 0 20px;}
.slider .highlights {float:right; width:50%; margin-right: 30px; }
.slider .highlights ul {list-style-type:none; float:right;}
.slider .highlights ul li { background:url(../images/highlights_bullet.png) no-repeat 0px 8px; padding-left:15px; font-size:15px; color:#707070; font-weight:bold;}
.slider .highlights ul li b a {background: url("../images/likeit_icon.png") no-repeat; color: #9E0182;  padding: 0 1px 0 23px;}
.slider .highlights ul .star li b a {background: url("../images/1star.jpg") no-repeat; color: #9E0182;  padding: 0 1px 0 23px;}
.slider {xborder: 1px solid #E0E0E0; left: 80px; margin: 15px auto 0; padding: 10px 10px 20px; position: relative; width: 600px; float: left;}

.slider .proOfferM {font-size:21px; color:#491446; width:100%; float:left; margin:20px 0 20px;}
.slider .highlightsM {float:left; width:50%; margin-right: 10px; }
.slider .highlightsM ul {list-style-type:none; float:left;}
.slider .highlightsM ul li { background:url(../images/highlights_bullet.png) no-repeat 0px 8px; padding-left:5px; font-size:15px; color:#707070; font-weight:bold;}
.slider .highlightsM ul li b a {background: url("../images/likeit_icon.png") no-repeat; color: #9E0182;  padding: 0 1px 0 23px;}
.slider .highlightsM ul .star li b a {background: url("../images/1star.jpg") no-repeat; color: #9E0182;  padding: 0 1px 0 23px;}
.sliderM {xborder: 1px solid #E0E0E0; left: 30px; margin: 15px auto 0; padding: 10px 10px 20px; position: relative; width: 300px; float: left;}






#slider {float:left; text-align:left; }
#slider img {max-width:325px; height:300px; float:left;}


#slider1 {float:left; text-align:left; }
#slider1 img {max-width:225px; height:200px; float:left;}


.slider_next { background: none repeat scroll 0 0 #F8F8F8;border-radius: 70px;cursor: pointer;display: none;height: 62px;left: 595px;  padding: 5px 0 0 5px;  position: absolute;top: 130px;width: 62px;z-index: 99;}
.slider_prev {background: none repeat scroll 0 0 #F8F8F8; border-radius: 70px;cursor: pointer; display: none; height: 62px; left: -35px;  padding: 5px 0 0 5px;position: absolute; top: 130px;width: 62px; z-index: 99;}
#thumb {height: 270px; left: -85px; margin: 0 5px; overflow: auto; position: absolute; top: 0px; width: 105px;}
#thumb li {float: left; list-style: none outside none;margin: 0 0px 10px; width: 63px;}
#thumb a {border: 1px solid #FFFFFF; display: block; padding: 7px; width: 63px;}
#thumb li.activeSlide a {border: 1px solid #9e0182;}
#thumb a:focus {outline: medium none;}
#thumb img {border: medium none; display: block;}
.tabsarea {border-right: 1px solid #DEDEDE; border-top: 1px solid #DEDEDE; float: left; padding-top: 4px; width: 99.7%;margin-top: 10px;}
div.scroll {height: 35px;width: 650px;overflow: auto;padding:10px 10px 30px;}
div.scroll2 {max-height:280px; width:100%; overflow:auto; padding:0 10px;}
.Pro_accessories {float: left; margin-left: 5px; width: 254px;}
.Pro_accessories h2, #hWrapperAuto h2 {
    color: #82237f;
    font-size: 19px;
    margin-left: 5px;
}
.accessoriesBox {float:left; margin:5px; width:105px; border:0px solid #DEDEDE; padding:5px; height:143px; overflow:hidden;}
.accessoriesBox img {width:105px; height: 81px;}
.accessoriesBox p {font-size:10px; clear:both; float:left; text-align: center;}
.accessoriesBox p.price {background-color: #E5E5E5; xfloat: left; font-size: 12px; font-weight: bold; margin: 5px auto; padding: 2px 5px; width: 95px; text-align: center;}


/** Dashboard CSS **/
.BgDarkPurple { background-color:#66315d;}
.EditProfile_nav {background-color: #EDEEF0;float: left; margin-right:18px; padding:10px; width: 194px;}
.dashboardWrap {float: left; width: 80%;}
.dashboardWrap .block {display: block; float: left; margin-right: 18px; margin-bottom: 15px; width: 194px;padding:10px;background-color:#edeef0;}
.dashboardWrap .block a img {width:194px !important; height:134px !important;}
.EditProfile_nav ul {padding:0; margin:0; list-style-type:none;}
.EditProfile_nav ul li a {width:184px; padding:5px 0 0 10px; height:26px; display:block; float:left; border-bottom:1px solid #b298b1; text-align:left; background-color:#9e0182; text-transform:uppercase; color:#fff; text-decoration:none; font-size:15px;}
.EditProfile_nav ul li a:hover { background-color:#66315d;}
.profile_details {float:left; width:100%; font-size:18px; color:#4b4b4b;}
.ProfileHint {display:none;}
.profile_details span {float:left; margin-bottom:10px; width:100%; *clear:both;}
.profile_details span strong {color:#a51d92; font-weight:normal;}
.profile_details div {float:left;}
div.address {width:80%; margin-left:10px;}
.MyfriendList, .MoneyBal {width:172px; float:left; background-color:#efefef; border:1px solid #bebebe; font-size:12px; color:#464646; margin-bottom:10px;}
.FixedrightCol {padding:0 18px 10px 17px; background-color:#fff; position:absolute; top:10px; right:20px; width:174px;}
.MyfriendList p.head {color:#72086c; font-size:18px; font-weight:bold; text-align:center; border-bottom:1px solid #ccc; padding:5px 0; margin-bottom:10px; }
.MoneyBal p.head {color:#72086c; font-size:18px; font-weight:bold; text-align:center; border-bottom:1px solid #ccc; padding:5px 0; margin-bottom:10px; background-color:#d1d2fa;}
p.mssg {float:left; padding:0 20px 10px; font-size:15px; font-weight:bold; color:#32134f;}
.tabsarea2 {float: left; padding-top: 4px; width: 98%;margin-top: 10px;}
.tabwrap {width:96%; padding: 15px 15px; float:left; background-color:#d1d2fa; min-height: 450px;}

.giftList {width:100%; float:left; margin-left:20px;}
.blockContent img {width: 100%;}
.blockContent .blocklinks img, .giftList .profilePic img {width:auto;}
.giftList .prodetails span {float:right; color:#a7a7a7;}
.giftList .prodetails {border-bottom:1px solid #9e0182; margin-bottom:10px; padding-bottom:5px;}
.giftList .profilePic {padding:3px; background-color:#fff; margin-right:1px; float:left;}
.whishlistBtn .btn a { border: 1px solid #9D9FA4; clear: both;color: #FFFFFF;float: left;font-size: 23px;height: 35px;margin: 10px 0 0 30px;padding: 2px 0 0 36px; text-decoration: none;text-transform: uppercase; width: 90px;}
div#wn	{position:relative; width:180px; height:52px; overflow:auto; /* for non-javascript */}
.upcomingEvents {width:100%; margin-top:150px; float:left;}
#mygallery, #mygallery2, #mygallery3 {width:850px; background-color:#d1d2fa; border:10px solid #edeef0; margin-left: 25px; padding:5px;}
.wishlistBtn a {float:left; background:url(../images/dashboard/wishlist_btn.png) no-repeat; color:#923e8e; font-size:14px; padding:5px 7px 8px;}
.profiledetails {line-height:20px; float:left;}
.profiledetails h2 {margin-bottom:10px;}
.profiledetails img {width:auto;}
.profiledetails span {margin-bottom: 40px; width: 65%;}



/* Footer CSS */
#footerwrap {width:100%; background-color:#2c2c2c; padding:25px 0; height:262px; float:left;}
.footer {width:981px; margin:auto;}
.footerTop {width:981px; float:left; border-bottom:1px solid #eaeaea; padding-bottom:5px; margin-bottom:15px;}
.footerBot {width:981px; float:left;}
.footer h3 {font-size:14px; color:#e6bde4; text-transform:uppercase; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #eaeaea;}
.footer p {font-size:10px; line-height:16px; text-transform:uppercase; color:#565656;}
.footer p a { text-decoration:none; color:#959595;}
.footer p a:hover { text-decoration:none; color:#fff;}
.footer p b { color:#959595; font-weight:normal; margin-left:7px;}
.col1 {width:262px; float:left; margin-right:109px;}
.col2 {width:130px; float:left; margin-right:30px;}
.col3 {width:130px; float:left; margin-right:0px;}
.followus {width:175px; float:left;}
.followus img {float:left; margin:7px 10px 0 0; border:none;}
.newsletterSignup {width:320px; float:right;}
.newsletterSignup input {width:205px; height:30px; border:none; border:1px solid #fff; background-color:#fff; padding:8px; float:left; margin-top:7px;}
.newsletterSignup img {float:left; border:none; margin-top:7px;}



/* Qucick contact form related */
#slideout {
	/*position: fixed;*/
	top: 20px;
	right: 0;
	width: 135px;
	height:35px;
	-webkit-animation-duration: 0.3s;
	-moz-animation-duration: 0.3s;
	-o-animation-duration: 0.3s;
	animation-duration: 0.3s;
	float:left;
}
#slideout b {font-weight:normal;}
#slideout span {display:none;}
#slideout_inner {
	position: absolute;
	left:-20px;
	top: 65px;
	background:none;
	width: 170px;
	padding: 0px;
	height: 10px !important;
	-webkit-animation-duration: 0.3s;
	-moz-animation-duration: 0.3s;
	-o-animation-duration: 0.3s;
	animation-duration: 0.3s;
	text-align: left;
	font-size:17px;
	z-index:5000;
	display:none;
}
#slideout_inner textarea {
	width: 200px;
	height: 10px !important;
}
#slideout:hover {
	top: 50px;
	right:0px;
}
#slideout:hover #slideout_inner {
	height:120px !important;
	display:block !important;
	z-index:5000;
}
#slideout_inner ul {padding:0; margin:0; list-style-type:none;}
#slideout_inner ul li a {width:160px; padding-left:10px; height:26px; display:block; float:left; border-bottom:1px solid #b298b1; text-align:left; background-color:#9e0182; text-transform:uppercase; color:#fff; text-decoration:none;}
#slideout_inner ul li a:hover { background-color:#66315d;}


/** Registration Form **/


.registerForm {width:981px; float:left; margin: 0 0 20px; padding: 0 0 20px; border-bottom: 2px dotted #EAEAEA;}
.registerForm h2 {color:#4b4b4b; font-size:25px; width:821px; padding-left:160px; background-color:#e6bde4; }
.registerForm .Mobihead {display:none;}
.formfield, .formfield4, .formfield5 {width:821px; padding-left:160px; float:left; margin-bottom:5px;}
.formfield label, .formfield4 label, .formfield5 label {font-size:18px; width:240px; float:left; color:#4b4b4b; margin:0;}
.formfield label small {font-size:12px;}
.registerForm p.mandatory {color:#790564; font-size:11px; margin:4px 0;}
.formfield input.txtfield {width:185px; height:18px; border:1px solid #cccccc; padding:8px; color:#000; float:left; margin-right:8px;}


input.txtfield51 {width:100px; height:15px; border:1px solid #cccccc; padding:8px; color:#000; margin-right:8px;}


.formfield input.txtfieldmoney{width:185px; height:30px; border:1px solid #cccccc; padding:8px; color:#000; float:left; margin-right:8px;}
.formfield input.txtfield3, .formfield input.txtfield3a {width:185px; height:18px; border:1px solid #cccccc; padding:8px; color:#000; float:left; margin-right:8px;}
.formfield input.txtfield2, .formfield4 input.txtfield2, .formfield5 input.txtfield2 {width:350px; height:10px; border:1px solid #cccccc; padding:8px; color:#000; float:left; margin-right:8px;}
.formfield span, .formfield4 span, .formfield5 span {float:left; font-size:13px; color:#000; margin-top:15px;}
.formfield2 {float:left; margin:0 0 0 300px; height:17px; width:250px; background-color:#ececec; padding:3px 0 0 3px; font-size:10px;}
.formfield2 > input {float: left; margin-right: 5px;}
.formfield3 {float:left; margin:0 0 5px 300px;}
.formfield .gender {float:left; margin-top:10px;}
.formfield .gender b {color:#790564; font-size:16px;}
.formfield h3 {color:#9e0182; float:left; margin:10px 0;}
.formfield5 .listmenu {width:254px; height:34px; border:1px solid #cccccc; padding:8px; color:#000; float:left; margin-right:8px;}


.messages {width:821px; padding: 0 0 20px 160px; float:left; margin: 0 0 20px; font-size:17px; color:#9e0182;}
.messages big {font-size:26px; color:#4b4b4b; float:left; margin-top:30px;}
.messages big b {color:#9e0182; font-weight:normal;}
input.inputBox {width:145px; height:15px; border:1px solid #cccccc; padding:3px; color:#66315D;}
input.inputBox2 {width:200px; height:15px; border:1px solid #cccccc; padding:5px; color:#66315D; margin: 8px 0 18px;}



/*** Group Friends ***/
.allfriends {background:url(../images/allFriends_icon.png) no-repeat top left; height:35px; padding-left:40px; font-size:20px; color:#32134f; width:auto;}
.allfriends span {padding-right:20px; color:#808080;}
.dashboardWrap .whtbg {padding:20px 0; background-color:#fff; text-align:center; color:#32134f; font-size:18px; width:100%; margin-bottom:10px;}
.groupfriendsNav { background-color:transparent !important; padding:0 !important; margin-right:1%; width: 19%;}
.groupfriendsNav ul li a {text-align:center; padding:5px 0 0 0 !important; width: 100%; font-size:14px;}
.bgColorWht {background-color:#fff;}
.friendsList {padding: 0;    width: 100%;}
.FixedrightCol2 {width: 163px !important; padding: 0 18px 4px 12px;}
.proInfo { float: left; width: 68%;}
.proInfo2 {float: left;width: 80%;}
.friendsDetails {float:left; width:47%; margin:1%; border:1px solid #eaeaea; height:73px; background-color:#fff;}
.friendsDetails img {float:left;margin-right:3%;}
.friendsDetails span {float:left; margin-top:20px; font:normal 12px Arial, Helvetica, sans-serif; color:#b2b3c0; width:131px; max-width: 131px;}
.friendsDetails span a {color:#26438b; text-decoration:none;}


/*** Contribute Page ****/
.contribute {max-width:765px; margin:auto;}
.stepsBlock {width:100%; float:left; margin-bottom:15px;}
.stepsBlock .stepname {float:left; width:23%; height:35px; padding:5px 1%; font-size:25px; color:#82237f;}
.stepsBlock .stepname {float:left; width:65%; height:35px; padding:5px 1%; font-size:25px; color:#82237f;}
.stepsBlock .selectBox {float:left; width:74%;}
.hitbtn a {width:65%; height:34px; float:left; padding:5px 1%; border:1px solid #a3a5a9; background:#9e0182 url(../images/contribute_arrow.png) no-repeat right; font-size:22px; text-transform:uppercase; color:#fff;}
.hitbtnbig1 a {width:80%; height:55px; float:left; padding:5px 1%; border:1px solid #a3a5a9; background:#9e0182 url(../images/contribute_arrow.png) no-repeat right;
font-size:22px;  color:#fff;}
.hitbtnbig2 a {width:100%; height:55px; float:left; padding:5px 1%; border:1px solid #a3a5a9; background:#9e0182 url(../images/contribute_arrow.png) no-repeat right;
font-size:22px;  color:#fff;}
.active_hitbtn a {width:100%; height:34px; float:left; padding:5px 0 5px 1%; border:1px solid #b7b7b7; border-bottom:none; background:#dcdcdc url(../images/contribute_arrowDwn.png) no-repeat right; font-size:22px; text-transform:uppercase; color:#3b3b3b; transition:width 0.5s ease-out;}
.active_hitbtnbig a {width:100%; height:55px; float:left; padding:5px 0 5px 1%; border:1px solid #b7b7b7; border-bottom:none; background:#dcdcdc url(../images/contribute_arrowDwn.png) no-repeat right; font-size:22px; color:#3b3b3b; transition:width 0.5s ease-out;}

.help a {float:left; border:1px solid #9e0182; background-color:#d1d2fa; font-size:32px; color:#9e0182; padding:1% 3%; line-height:33px; margin-left:10px; display:block;}
.displaynone {display:none !important;}
.displayblock {-webkit-animation: fadeIn 0.4s; animation: fadeIn 0.4s; display:block !important;}
.stepContent {width:84%; float:left; border:1px solid #b2b2b2; padding:10px 8%; display:none;;}
@-webkit-keyframes fadeIn {
    from { height: 0px; }
      to { height: 520px; }
}

@keyframes fadeIn {
    from { height: 0px; }
      to { height: 520px;}
}

.giftdetails {width:100%; border:1px solid #9e0182; margin:1% 0; float:left;}
.giftdetails span {float:left;}
.giftdetails span.proInfo {width:50%; margin:8px 0 0; font-size:13px; color:#666666;}
.giftdetails span.proInfo b {font-size:18px; font-weight:bold; line-height:16px; color:#9e0182;}
.giftdetails span.proCost {width:50%; margin:8px 0 8px; font-size:15px; color:#000;}
.stepContent .groupfriendsNav {width:25%;}
.stepContent .proInfo2 {width:74%;}
.stepContent .proInfo2 .friendsDetails {width: 22%; border:none; height:auto !important;}
.stepContent .proInfo2 .friendsDetails span {margin: 8px 0 0; color:#4b4b4b; clear:both;}
.stepContent .buttonGroup {float:right; margin-top:10px;}
.stepContent .buttonGroup a {float:right; margin-left:5px; padding: 5px 30px;}
.stepContent .buttonGroup .help a {font-size: 30px; padding: 0 15px;}
.propic {float:right !important; margin:8px 15px 0 0;}
.contributeInfo {width:60%;}
.contributeInfo2 {width: 68%;}
.contributeInfo2 span.proInfo {width:50%;}
.contributeInfo2 span.proCost {width:50%;}
.pinktitle {width:98%; background-color:#e6bde4; padding:3px 1%; float:left; color:#4b4b4b; font-size:22px;}
.stepContent textarea {height: 90px; width: 100%; border:1px solid #fff;}
.commentarea {border:1px solid #b7b7b7; margin: 5px 0; padding:5px 1%; width:98%; float:left; color:#9e9e9e;}
#stepblock3 .proInfo2 .friendsDetails {width: 17% !important;}
.noteStrip { background-color:#f5edbe; padding:5px 0; width:100%; text-align:center; font-size:15px; color:#707070; float:left; margin:0 0 20px;}
.noteStrip span {display:inline; margin:0 5px 0 0; float:left;}
.noteStrip div {margin:5px auto 0; width:318px;}



/* -- Tooltip CSS -- */
a.tooltip {outline:none; } a.tooltip strong {line-height:30px;} a.tooltip:hover {text-decoration:none;} 
a.tooltip span { font-size:12px; z-index:10;display:none; padding:14px 20px; margin-top:-30px; margin-left:28px; 
	width:140px; line-height:16px; } a.tooltip:hover span{ display:inline; position:absolute;color:#111; border:1px solid #DCA; background:#fffAF0;} .callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 a.tooltip span	{margin-top:-60px; margin-left:48px;}
} /*CSS3 extras*/ a.tooltip span { border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 5px 5px 8px #CCC; -webkit-box-shadow: 5px 5px 8px #CCC; box-shadow: 5px 5px 8px #CCC; }

.giftList {width:100%; float:left; margin-left:20px; position:relative;}
#sentGiftsList, #ContriDetails {position:relative; top:0; left:0; width:95%;}

/*** Contribute popup CSS ***/
#contriPopup {width:550px; padding:0; float:left;}
#contriPopup .close {float:right; border:5px solid #c8c8c8; border-bottom:none; height:26px; width:30px;}
#contriPopup .infoBox {float:left; width:520px; border:5px solid #c8c8c8; padding:10px; }
#contriPopup .greenband {background-color:#89ce03; font-size:15px; color:#000; padding:0px 5px; width:510px; float:left;}
#contriPopup .giftdetails {border:none;}
#contriPopup .propic {float:left !important;}
#contriPopup .giftdetails .giftimg img {width:80%;}
#contriPopup .contributeInfo {width:58%;}
#contriPopup .proInfo {width:60%;}
#contriPopup .proCost {width:40%;}
#contriPopup .contributors {margin-top:5px;}
#contriPopup .contributors img {border: 1px solid #999;}
.font0 {font-size: 0px}
div.scroll3 {max-height:60px; width:95%; overflow:auto; padding:0 10px;}
#contriPopup .button {padding:0 3px; margin:0px 30px 0 0; float:right; text-transform:none; font-size:12px; background-color:#5c004c; border:none;}
.others_also { margin-top: 70px; }

/** Popup Slider CSS **/
#PopupSlider {background-color:#fff; box-shadow:0 0 10px #888888; display:block; position:absolute; top:35%; left:39%; z-index:10000; border:3px solid #c8c8c8;}
#PopupSlider #slider {left:0px;}
#PopupSlider .padding {padding:50px;}
#slider {
  position: relative;
  overflow: hidden;
  margin: 20px auto 0 auto;
  border-radius: 4px;
  font-family:verdana !important;
  height:auto !important;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  /*height: 250px;*/
  list-style: none;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 410px;
  /*height: 250px;
  background: #ccc;
  text-align: center;
  line-height: 300px;*/
}
#slider h1 {font-size:36px; line-height:36px; font-weight:normal; color:#e495e0; float:left; width:100%;}
#slider h4 {font-size:18px; line-height:20px; font-weight:normal; color:#a655a2; float:left; width:100%; margin-bottom:30px;}
#slider p {font-size:14px; font-weight:normal; color:#3c3c3c; text-align:left; width:100%;}
#slider p img {float:left; margin:0 20px 0 0;}
.slider_option {
  position: relative;
  margin: 10px auto;
  width: 160px;
  font-size: 18px;
}
#PopupSlider .footTxt a {width:100%; float:left; padding:8px 0; background-color:#86036f; font-size:14px; font-weight:bold; color:#fff; text-align:center;}
#PopupSlider .closeBtn a { background:url(../images/close.gif) no-repeat; width:42px; height:47px; float:right; margin:-44px -3px 0 0; display:block;}

@media only screen and (min-width: 980px) and (max-width: 1280px)   {
	#PopupSlider {left:30%; top:25%;}
}


.vertical-line{
  width: 1px; /* Line width */
  
  height: 100%; /* Override in-line if you want specific height. */
  float: left; 
}

/** filter on menu  **/

.displaynofilter {display:none !important;}
.displayfilter {-webkit-animation: fadeIn 0.4s; animation: fadeIn 0.4s; display:block !important;}



.fourColStrumobile {width:981px; margin: auto;}
.fourColStrumobile .head {width:351px; height:28px; background-color:#e6bde4; padding:5px 15px 0; margin: auto;}
.fourColStrumobile .head span {margin: auto; margin-top:1px;}
.fourColStrumobile .head small a {font-size:15px; margin: auto; text-decoration:none; color:#491446;}
.fourColStrumobile .block {width:248px; height:130px; display:block; margin: auto; margin-right:18px;}
.fourColStrumobile .blockContent {float:right; width:30px; margin-right:3px; padding:0 !important; background-color:#edeef0;}
.fourColStrumobile .block:hover {background:url(../images/block_over_bg.png) no-repeat 0px -3px;}
.fourColStrumobile .firstblock {margin-right:-13px;}
.fourColStrumobile .lastblock { margin-right: -12px; margin-right: -15px;}
.fourColStrumobile .blocklast {margin-right:0px;}
.fourColStrumobile .block div.prodetails {padding:10px 15px; margin: auto; width:89%; margin-top:-3px; height:70px;}
.fourColStrumobile .block h2 {color:#5b534e; line-height:24px; margin: auto; margin:0 0 6px; width:100%; font-size:18px;}
.fourColStrumobile .block p {font-size:11px; color:#707070; margin: auto; margin-bottom:6px; width:100%;}
.fourColStrumobile .blocklinks {border-top:1px solid #c9cacb; margin: auto;}
.fourColStrumobile .blocklinks span.s_links {border-right:1px solid #c9cacb; margin: auto; text-align:center; padding:5px 0;}
.fourColStrumobile .blocklinks span.last {border-right:none;}
.fourColStrumobile .blocklinks span a {color:#898481; text-decoration:none; font-size:11px; font-weight:bold;}
.fourColStrumobile .blocklinks span a:hover {color:#66315D;}




.wrapperM {width:315px; margin:auto;}
.fixedM {position:fixed; background:#fff url(../images/bodyBg.gif) repeat-x top; width:100%; z-index:90000;}
.headerM {width:315px; height:70px; float:left; position:relative; z-index:401;}
.innerheaderM {height:71px !important;}
.logoM a {width:143px; height:44px; display:block; margin:17px 115px 0 0;}
.searchpanM {width:40%; height:28px; position:relative;}
.searchpanM input {border:1px solid #cdced0; border-radius:5px; moz-border-radius:5px; background-color:#edeef0; width:100%; height:29px; padding:0 5px; margin-top:25px; font-size:23px; xtext-transform:uppercase; color:#66315D;}
.searchpanM img {position:absolute; top:28px; right:-5px; z-index:1;}
.wlcomeboxM {width:150px; margin:0px 0px 0 0; float:right;}
.wlcomeboxM .filePic {width:30px; height:51px; margin-right:5px;}
.basketInfoM {font-size:11px; text-transform:uppercase; color:#fff; position:relative; float:left;}
.basketInfoM big {font-size:12px;}


#slider1 {
  position: relative;
  overflow: hidden;
  margin: 20px auto 0 auto;
  border-radius: 4px;
  font-family:verdana !important;
  height:auto !important;
}

#slider1 ul {
  position: relative;
  margin: 0;
  padding: 0;
  /*height: 250px;*/
  list-style: none;
}

#slider1 ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 410px;
  /*height: 250px;
  background: #ccc;
  text-align: center;
  line-height: 300px;*/
}
#slider1 h1 {font-size:36px; line-height:36px; font-weight:normal; color:#e495e0; float:left; width:100%;}
#slider1 h4 {font-size:18px; line-height:20px; font-weight:normal; color:#a655a2; float:left; width:100%; margin-bottom:30px;}
#slider1 p {font-size:14px; font-weight:normal; color:#3c3c3c; text-align:left; width:100%;}
#slider1 p img {float:left; margin:0 20px 0 0;}

.product_detailsM {width:300px; float:left; border-bottom: 1px solid #C4C4C4;}
.product_detailsM h2 {font-size:26px; color:#82237f;}
.product_detailsM h3 {font-size:17px; color:#707070;}


.productInfo .btnM a {border: 1px solid #9D9FA4; clear: both; color: #FFFFFF; float: left; font-size: 23px; height: 40px; margin-top: 10px; padding: 2px 0 0 36px; text-decoration: none; text-transform: uppercase; 
width: 110px;}

.productInfo .btnMM a {border: 1px solid #9D9FA4; clear: both; color: #FFFFFF; float: left; font-size: 23px; height: 155px; width: 200px; margin-top: 10px; padding: 2px 0 0 36px; text-decoration: none; text-transform: uppercase;}