* { padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
html, body { width:100%; height:100%; }
a img { border:none; }
p a,
p a:link,
p a:visited,
p a:hover,
p a:active { color:#c21f22; }

p { font-size:12px;  }

body { background:#ffffff url(../images/bg-page.gif) repeat-x; background-position:-40px 0px; }
.yC-environment { width:946px; }

.yC-logo-lead {  }
.yC-logo-lead a {  }
.yC-logo-follow {  }

.yC-header { height:108px; width:846px; }
.yC-header h1, .yC-header h2{ display:none; }
.yC-logo { float:left; width:394px; height:108px; background:url(../images/logo-yC.gif) no-repeat; background-position:95px 29px; }
.yC-logo a { width:394px; height:108px; display:block; }
.yC-slogan { float:right; width:271px; height:67px; background:url(../images/slogan-yC.gif) no-repeat; background-position:0px 27px; }

.yC-page { width:752px;  margin:0px auto; background:url(../images/page-bottom-right.gif) no-repeat right bottom; clear:both; }
.yC-page-head  { background:url(../images/page-top-right.gif) no-repeat right top; }
.yC-page-head div { height:5px; background:url(../images/page-top-left.gif) no-repeat left top; }
.yC-page-body { height:auto; background:url(../images/page-bottom-left.gif) no-repeat left bottom; }
.yC-bottom-bar { text-align:center; padding-bottom:3px; }
.yC-bottom-bar a,
.yC-bottom-bar a:link,
.yC-bottom-bar a:visited,
.yC-bottom-bar a:hover,
.yC-bottom-bar a:active { color:#FFFFFF }

.yC-content { width:636px; margin:0px auto; }

.yC-player { float:left; width:325px; padding:14px 0px 31px; }
.yC-options { float:right; width:293px; padding:0px 0px 31px; }
.yC-options h1 { font-size:24px; padding:27px 0px 11px; color:#d65416; }
.yC-options h1 strong { font-size:22px; color:#c01619; }
.yC-options p { padding:20px 0px 0px; }

.btn-create-list{ display:block;width:266px; height:44px; background:url(../images/btn-create-new.gif); margin:0px 0px 7px; }
.btn-invite { display:block;width:266px; height:57px; background:url(../images/btn-invite.gif); margin:0px 0px; }
.btn-find-list{ display:block; width:266px; height:44px; background:url(../images/btn-find-list.gif); }
.btn-find-list strong, .btn-create-list strong, .btn-invite strong { display:none; }





.yC-lists-head { width:636px; height:29px; margin:0px auto 21px; background:url(../images/bg-hdr-bar-right.gif) no-repeat right top; }
.yC-lists-head h1 { float:left; padding:5px 0px 0px 20px; height:24px; width:200px; background:url(../images/bg-hdr-bar-left.gif) no-repeat left top;  font-size:18px; line-height:18px; color:#d65416; font-weight:normal; }
.yC-lists-head h2 { float:right; width:300px; text-align:right; padding: 6px 20px 0px 0px;  }
.yC-lists-head h2 a,
.yC-lists-head h2 a:link,
.yC-lists-head h2 a:visited,
.yC-lists-head h2 a:hover,
.yC-lists-head h2 a:active { color:#d65416; font-size:14px; line-height:16px; font-weight:normal; }


.yC-lists { width:690px; margin:0px 0px 0px 45px; clear:both; }
.yC-wish-lists { list-style-type:none; }
.yC-wish-lists li { width:110px; height:148px; min-height:148px; padding:0px 27px 20px; float:left; list-style-type:none; text-align:left; } /* if you change height must change ad bottom padding */
.yC-wish-lists li img { width:110px; height:83px; border:1px solid #000000; }
.yC-wish-lists li span{ display:block; word-wrap:break-word; }


.yC-pagination { text-align:center; padding:0px 0px 10px; }
.yC-pagination a { margin:0px 4px; text-decoration:none; }

.btn-beg img,
.btn-prev,
.btn-next, 
.btn-end { position:relative; top:2px; width:8px; height:11px; }


.yC-button strong { display:none; }

.yC-clearfloats { clear:both; }
.yC-clearfloats:after { clear:both; content:"."; display:block; height:0px; visibility:hidden; } /* this solves Netscape div height problem which caused the appaearance of incorrectly coloured backgrounds */




/* search page */
.yC-search-box { width:350px; padding:5px 9px 7px; margin:0px 0px; border:1px solid #d5d5d5; background:#eaeaea; }
.yC-search-box label { font-size:14px; font-weight:normal; float:left; display:block; padding:0px 0px 7px; }
.yC-search { clear:left; }
.yC-txt-search { width:250px; display:block; float:left; }
.yC-btn-search { float:left; display:block; height:17px; padding:1px 22px 0px; margin-left:15px; background:#808080; border:1px solid #000000; color:#ffffff; text-decoration:none; }

.yC-btn-create { float:left; display:block; height:17px; padding:1px 22px 0px; margin-left:15px; background:#13A920; border:1px solid #000000; color:#ffffff; text-decoration:none; width:90px}

.yC-wish-lists li.yC-wish-list-300x250 { width:300px; height:250px; padding:0px 27px 86px; float:right; list-style-type:none; text-align:left; }
.yC-wish-lists li.yC-wish-list-300x250 img { width:auto; height:auto; border:none; }


/* thank you page */
.yC-thankyou { text-align:center; }
.yC-thankyou h1 { font-size:26px; line-height:26px; font-weight:normal; padding:0px 0px 30px; color:#d65416; }
.yC-thankyou h1 strong { font-size:20px; color:#c01619;  }
.yC-thankyou h2 { font-size:16px; line-height:16px; font-weight:normal; padding:0px 0px 27px; }
.yC-thankyou h2 strong { font-size:18px; color:#c01619; }

.yC-decor-1 { display:block; width:98px; height:84px; background:url(../images/bg-decor-1.gif) no-repeat; background-position:center 22px; margin:0px auto 0px;  }
.yC-decor-2 { display:none; width:98px; height:40px; background:url(../images/bg-decor-2.gif) no-repeat; margin:22px auto 0px; }

.btn-view-list{ display:block;width:266px; height:44px; background:url(../images/btn-view-yc.gif) no-repeat; margin:0px auto 11px; }
.btn-share-list{ display:block; width:266px; height:44px; background:url(../images/btn-share-list.gif) no-repeat;  margin:0px auto; }
.btn-send-list{ display:block; width:266px; height:58px; background:url(../images/btn-send.gif) no-repeat;  margin:0px auto 11px; }
.btn-create-another{ display:block; width:266px; height:44px; background:url(../images/btn-create-another.gif) no-repeat;  margin:0px auto 11px; }
.btn-view-list strong, .btn-share-list strong, .btn-send-list strong, .btn-create-another strong { display:none; }

.yC-more-links { text-align:center; padding:75px 0px 60px 0px; }
.yC-more-links a,
.yC-more-links a:link,
.yC-more-links a:visited,
.yC-more-links a:hover,
.yC-more-links a:active { color:#c01619; margin:0px 20px; }


/*  footer  */
#wXfooter-wrap { width:752px;  margin:0px auto; padding:50px 0px 0px; background:url('../images/Common/footer-bg.gif') top left repeat-x #FFFFFF; text-align:left; }
#wXfooter { width:100%;  text-align:center; color:#999799; font-size:11px; padding:10px 0px 20px; border-top:1px solid #999799; }
#wXfooter a { font-size:11px; }
#wXfooter-logo { background:url('../images/Common/logo-footer-wxb.gif') top center no-repeat; width:107px; height:23px; margin:0px auto 0px; }
#wXfooter-logo h2 { display:none; }
#wXfooter-nav { color:#999799; padding:10px 10px 10px 0px; }
#wXfooter-nav a { color:#999799; text-decoration:none; padding:0px 5px; }
#wXfooter-nav a:hover { text-decoration:underline;  }

#wXfooter-truste { float:left; width:auto; display:none;}
#wXfooter-truste img { border:none; margin-right:10px; }
#wXfooter-tou { padding-left:5px; font-size:11px;}
#wXfooter-copy { padding-left:5px; font-size:11px;}

#wXfooter-tou a,
#wXfooter-copy a { color:#999799; text-decoration:none; }
#wXfooter-tou a:hover,
#wXfooter-copy a:hover { color:#999799; text-decoration:underline; }