@charset "utf-8";
/* CSS Document */


 
  #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-transform: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:30px 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;}



.wrapper {width:100%; margin:auto;}



.header {width:100%; height:79px; float:left; /*margin-bottom:19px;*/}


.innerheader {height:79px !important;}

.logo a {width:99px; height:36px; display:block; margin:12px 0 0 10px;}

img {width:100%;}

.searchpan {display:none;}

.wlcomebox {width:150px; margin:0px 0px 0 0; float:right;}

.wlcomebox .filePic {width:30px; height:51px; margin-right:0px;}

.basketInfo {font-size:11px; font-weight:bold; text-transform:uppercase; color:#fff; margin-top:0px; position:relative;}

.basketInfo big {font-size:15px; line-height: 1px;}

.basketInfo span, .basketInfo em {display:none;} /* changes by vinay sept 2024 .basketInfo img {display:none;}        */
.basketInfo .noshowmobile {display:none;}
.baskeyInfo .showonlymobile {display: inline;}



.threeColStru .firstthird span h4 {float:none; text-align:left; margin: 0 0 0 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;}

#searchblock4 {display:none;}
#searchblock5 {display:none;}
#searchblock6 {display:none;}
.fourColStru {width:100%; float:left;}
.fourColStru .head {width:100%; 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:100%; height:328px; display:block; float:left; margin-right:18px;}
.fourColStru .blockContent {float:left; width:220px; margin-left:0; padding:30px !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:-10px; height:130px;}
.fourColStru .block h2 {color:#5b534e; line-height:24px; float:left; margin:0 0 6px; width:100%;}
.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;}

.nav {display:none;}
.advSearchPannel{display:none;}



/* 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:100%; float:left; border-right: 0; border-bottom: 0;}
.product_details h2 {font-size:10px; color:#82237f;}
.product_details h3 {font-size:7px; color:#707070;}
.productInfo {width:100%; float:left;}
.productInfo span {float:left; width:100%; font-size:16px;}
.productInfo span b {width:100px; font-weight:normal; float:left;}


.productInfo span {float:left; width:100%; font-size:15px;}
.productInfo span b {width:100%; font-weight:normal; float:left;}

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


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




.productInfo .btna a {border: 1px solid #9D9FA4; clear: both; color: #FFFFFF; float: left; font-size: 5px; height: 8px; margin-top: 5px; padding: 0 0 0 0; text-decoration: none; text-transform: ucwords; width: 20%; font-weight:bold;}
.productInfo .Buybtn a { background:#0000FF url(../images/buy_icon.png) no-repeat 5px 4px;}


.productInfo .Buybtn a { background:#0000FF url(../images/buy_icon.png) no-repeat 5px 4px;}
.productInfo .btn a {border: 1px solid #9D9FA4; clear: both; color: #FFFFFF; float: left; font-size: 15px; height: 20px; margin-top: 5px; padding: 0 0 20px 50px; text-decoration: none; text-transform: ucwords; width: 20%; font-weight: bold;}
.productInfo .Buybtn a { background:#0000FF url(../images/buy_icon.png) no-repeat 5px 4px;}


.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:15px; color:#491446; width:100%; float:left; margin:0 0 0;}
.slider .highlights {float:left; width:100%; display:block;}
.slider .highlights ul {list-style-type:none; float:left;}
.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 {xborder: 1px solid #E0E0E0; left: 80px; margin: 15px auto 0; padding: 10px 10px 20px; position: relative; width: 100%; float: left;}
#slider1 {float:left; margin-right:20px; margin-left:15px;}
#slider1 img {max-width:185px; xheight:100px; 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: 100%;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: 100%; z-index: 99;}

#thumb{overflow:hidden;}
#thumb li {float: left; list-style: none outside none;margin: 0 0px 10px; width: 13px; overflow:hidden;}
#thumb a {border: 1px solid #FFFFFF; display: block; padding: 7px; width: 13px; overflow:hidden;}
#thumb li.activeSlide a {border: 1px solid #9e0182; overflow:hidden;}
#thumb a:focus {outline: medium none; overflow:hidden;}
#thumb img {border: medium none; display: block; overflow:hidden;}
.tabsarea {border-right: 1px solid #DEDEDE; border-top: 1px solid #DEDEDE; float: left; padding-top: 4px; width:100%;margin-top: 10px;}

div.scroll {height: 35px;width:0;overflow: auto;padding:10px 10px 30px;}
div.scroll2 {max-height:280px; width:100%; overflow:auto; padding:0 10px;}

.nav {display:none;}




.Pro_accessories {float: left; margin-left: 5px; width: 100%;}
.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:720px; float:left;}
.footer {width:100%; margin:auto;}
.footerTop {width:100%; float:left; border-bottom:1px solid #eaeaea; padding-bottom:5px; margin-bottom:15px;}
.footerBot {width:100%; 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:2px; 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 **/
#abc {text-align: left;}
.left{text-align: left;}


.registerForm {width:100%; float:left; margin: 0 0 20px; padding: 0 0 20px; border-bottom: 2px dotted #EAEAEA;}
.registerForm h2 {color:#4b4b4b; font-size:35px; width:821px; padding-left:160px; background-color:#e6bde4; }
.registerForm .Mobihead {display:none;}
.formfield, .formfield4, .formfield5 {width:821px; padding-left:160px; float:left;}
.formfield label, .formfield4 label, .formfield5 label {font-size:35px; 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;}
.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:18px; 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; 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 .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:18px; text-transform:uppercase; color:#fff;}
.hitbtn1 a {width:65%; height:28px; float:left; padding:5px 1%; border:1px solid #a3a5a9; background:#9e0182 url(../images/contribute_arrow.png) no-repeat right; font-size:18px; text-transform:uppercase; 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;}
.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 {display:none;}
#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%;}
}







.shpng-cart ul.titles				{/*background:#DBDADA;*/ overflow:hidden; list-style:none;}
.shpng-cart ul.titles1				{/*background:#DBDADA;*/ overflow:hidden; list-style:none;}
.shpng-cart ul.titles li			{float:left; padding:1px; color:#666; font-size:7px; background-color:#d2d1f9; border-right:1px solid #FFF;}

.shpng-cart .col1					{width:30px; margin-right:0px !important;}
.shpng-cart .col2					{width:30px; margin-right:0px !important;}
.shpng-cart .col3					{width:30px;}
.shpng-cart .col4					{width:30px; text-align:center;}
.shpng-cart .col5					{width:30px; text-align:center;}
.shpng-cart .col6					{width:30px; text-align:center;}
.shpng-cart .col7					{width:100%; text-align:center;}
.shpng-cart .col8					{width:100%; text-align:center; border-right:none !important;}
.shpng-cart .col1n3					{width:100%; text-align:left; padding:2% 3% 0 0 !important; background-color:#fff !important; border-top: 1px solid #d9d9d9;}
.shpng-cart .col4n5					{font-size: 9px !important; padding: 1% 3% 1% 0 !important; text-align: left; text-transform: none !important; width: 97%; background-color:#d2d1f9;}



/*gift register form */
.giftregisterForm {width100%; float:left; margin: 0 0 0; padding: 0 0 0; border-bottom: 2px dotted #EAEAEA;}
.giftregisterForm h2 {color:#4b4b4b; font-size:25px; width:100%; padding-left:160px; background-color:#e6bde4; }
.giftregisterForm .Mobihead {display:none;}
.giftregisterForm p.mandatory {color:#790564; font-size:11px; margin:4px 0;}
.giftregisterForm .formfield input.txtfield {width:185px; height:38px; border:1px solid #cccccc; padding:5px 18px; color:#000; float:left; margin-right:8px;}
.giftregisterForm .formfield input.txtfield3, .formfield input.txtfield3a {width:185px; height:18px; border:1px solid #cccccc; padding:18px; color:#000; float:left; margin-right:8px;}
.giftregisterForm .formfield input.txtfield2, .formfield4 input.txtfield2, .formfield5 input.txtfield2 {width:350px; height:18px; border:1px solid #cccccc; padding:18px; color:#000; float:left; margin-right:8px;}
.giftregisterForm .formfield span, .formfield4 span, .formfield5 span {float:left; font-size:13px; color:#790564; margin-top:15px;}
.giftregisterForm .formfield2 {float:left; margin:0 0 0 300px; height:17px; width:250px; background-color:#ececec; padding:3px 0 0 3px; font-size:10px;}
.giftregisterForm .formfield2 > input {float: left; margin-right: 5px;}
.giftregisterForm .formfield3 {float:left; margin:0 0 5px 300px;}
.giftregisterForm .formfield .gender {float:left; margin-top:10px;}
.giftregisterForm .formfield .gender b {color:#790564; font-size:16px;}
.giftregisterForm .formfield h3 {color:#9e0182; float:left; margin:10px 0;}
.giftregisterForm .formfield5 .listmenu {width:254px; height:34px; border:1px solid #cccccc; padding:8px; color:#000; float:left; margin-right:8px;}

/*gift register form */
.popupForm {width:95%; float:left; margin: 0 0 20px; padding: 0 0 20px; border-bottom: 2px dotted #EAEAEA;}
.popupForm h2 {color:#4b4b4b; font-size:25px; width:100%; padding-left:160px; background-color:#e6bde4; }
.popupForm .Mobihead {display:none;}
.popupForm p.mandatory {color:#790564; font-size:11px; margin:4px 0;}
.popupForm .formfield input.txtfield {width:48%; height:38px; border:1px solid #cccccc; padding:5px 18px; color:#000; float:left; margin-right:8px;}
.popupForm .formfield input.txtfield3, .formfield input.txtfield3a {width:185px; height:18px; border:1px solid #cccccc; padding:18px; color:#000; float:left; margin-right:8px;}
.popupForm .formfield input.txtfield2, .formfield4 input.txtfield2, .formfield5 input.txtfield2 {width:350px; height:18px; border:1px solid #cccccc; padding:18px; color:#000; float:left; margin-right:8px;}
.popupForm .formfield span, .formfield4 span, .formfield5 span {float:left; font-size:13px; color:#790564; margin-top:15px;}
.popupForm .formfield2 {float:left; margin:0 0 0 300px; height:17px; width:250px; background-color:#ececec; padding:3px 0 0 3px; font-size:10px;}
.popupForm .formfield2 > input {float: left; margin-right: 5px;}
.popupForm .formfield3 {float:left; margin:0 0 5px 294px;}
.popupForm .formfield .gender {float:left; margin-top:10px;}
.popupForm .formfield .gender b {color:#790564; font-size:16px;}
.popupForm .formfield h3 {color:#9e0182; float:left; margin:10px 0;}
.popupForm .formfield5 .listmenu {width:254px; height:34px; border:1px solid #cccccc; padding:8px; color:#000; float:left; margin-right:8px;}
.popupForm .formfield label { width:50%; }


#div_profile_details { width:63% !important;}
.norequests { width:90%; padding:7px; background:#fff; text-align:center; font-size:18px; color:#923e8e; }

.divStru ul ul li {
    background: url("../images/bullet_black.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
    float: left;
    font: 8px arial;
    list-style-position: outside;
    list-style-type: none;
    margin-left: 0;
    padding-left: 10px;
    width: 100%;
}
.r_giftrow { background:#fff; color:#923e8e; }