/* common classes starts */
body{
        padding:15px;
}
.topribbon {
        padding:2px 0 0 0;
        background:#fff;
}
.mainbody{
        background:#fff;
        text-align:left;
        width:770px;
        margin:0 auto;
}
.clear{
        clear:both;
}
/* common classes end */
/* breadcom styles starts */
.breadcom{
        font:10px/30px Verdana, Arial, Helvetica, sans-serif;
        color:#000;
}
.breadcom a{
        color:#00f;
}
.breadcom a:hover{
        text-decoration:none;
}
/* breadcom styles end */
/* category quick info styles starts */
.quickinfo{
        height:195px;
        position:relative;
}
.quickinfo .productcontent{
        width:235px;
}
.quickinfo .productcontent h1{
        font:bold 25px Verdana, Arial, Helvetica, sans-serif;
        color:#39c;
        padding:0;margin:0;
        background:none;
}
.quickinfo .productcontent h2{
        font:10px/14px Verdana, Arial, Helvetica, sans-serif;
        color:#000;
        margin:4px 0;padding:0;
}
.quickinfo .productcontent h2 a{
        color:#00f;
}
.quickinfo .productcontent h2 a:hover{
        text-decoration:none;
}
.quickinfo .productlinks{
        position:absolute;
        left:0;bottom:0;
}
.quickinfo .productlinks a{
        font:10px/14px Verdana, Arial, Helvetica, sans-serif;
        color:#00f;
}
.quickinfo .productlinks a:hover{
        text-decoration:none;
}
.quickinfo .dynamicmsg{
        position:absolute;
        right:0;top:0;
        width:515px;height:195px;
        overflow:hidden;
}
.quickinfo .dynamicmsg img{
        width:515px;height:195px;
        overflow:hidden;
}
/* category quick info styles end */
/* featured designs of product styles starts */
.featureddesigns{
        margin:35px 0 25px 0;
        height:160px;overflow:hidden;
}
/* featured designs of product styles end */
/* Tiles styles starts */
.wallcalendars h1,
.premiumcalendars h1,
.homeofficecalendars h1,
.collagecalendar h1{
        background:#f3f3f3;
        font:bold 13px/30px Verdana, Arial, Helvetica, sans-serif;
        color:#666;
        padding:0 10px;margin:0;
}
.designtile{
        width:375px;
        float:left;
        margin:0 0 38px 0;
}
.fright{
        float:right;
}
.designtile .tileimg{
        width:175px;
        float:left;
        margin:13px 0 0 0;
        height:170px;
        overflow:hidden;
}
.designtile .tileimg img{
        width:175px;
        height:170px;
}
.designtile h1{
        background:#f3f3f3;
        font:bold 13px/30px Verdana, Arial, Helvetica, sans-serif;
        color:#666;
        padding:0 10px;margin:0;
}
.designtile ul{
        width:200px;
        float:right;
        margin:0;padding:0;
        list-style:none;
        font:10px/14px Verdana, Arial, Helvetica, sans-serif;
        color:#000;
        height:150px;
        margin:13px 0 0 0;
}
.designtile ul li.title a{
        color:#000;
        text-decoration:none;
        font:bold 12px Verdana, Arial, Helvetica, sans-serif;
}
.designtile ul li.size{
        line-height:25px;
}
.designtile ul li.pickup{
        padding:6px 0 0 0;
}
.designtile ul li.bullet{
        background:url(/default/images/calendars/grey-round-icon.gif) 0 5px no-repeat;
        color:#666;
        padding:0 0 0 10px;
}
.designtile ul li.pickup{
        font:bold 10px verdana;
        color:#39c;
}
.designtile ul li.pickup span{
        color:#f93;
}
.designtile ul li.pickup a{
        background:url(/default/images/calendars/icon-info.gif) top left no-repeat;
        padding:0 9px 0 0;
        text-decoration:none;
}
.designtile ul li.pickup a:hover{
        background-position:top right;
}
.designtile .button{
        padding:0 0 0 175px;
}
.designtile .button a{
        background:url(/default/images/calendars/grey-button-left.gif) no-repeat scroll left top;
        display:block;
        padding:0 0 8px 10px;
        text-decoration:none;
        float:left;
        font:bold 10px Verdana, Arial, Helvetica, sans-serif;
        color:#000;
}
.designtile .button a span{
        background:transparent url(/default/images/calendars/grey-button-right.gif) no-repeat scroll right top;
        display:block;
        padding:4px 12px 6px 2px;
        font-weight:bold;
}
.designtile .button a:hover,
.designtile .button a:hover sapn{
        text-decoration:none;
}
.collagecalendar .designtile{
        width:770px;
}
.collagecalendar .designtile .tileimg{
        width:375px;
        float:left;
        margin:13px 0 0 0;
}
.collagecalendar .designtile .tileimg img{
        width:375px;
}
.collagecalendar .designtile ul{
        width:375px;
        float:right;
        margin:13px 0 0 0;
        height:125px;
}
.collagecalendar .designtile .button{
        padding:0 0 0 395px;
}
/* Tiles styles end */
.tips-ideas{
        margin:10px 0;
        height:180px;
}
/* seocopy styles starts */
.seocopy{
        border-top:1px solid #ccc;
        padding:0 13px 36px 13px;
        margin:10px 0 0 0;
}
.seocopy h1{
        font:bold 14px/36px Verdana, Arial, Helvetica, sans-serif;
        color:#3399CC;
        padding:0;margin:0;
        background:none;
}
.seocopy h2{
        font:10px Verdana, Arial, Helvetica, sans-serif;
        color:#000;
        padding:0;margin:0;
}
/* seocopy styles end */
/* infolayer styles starts */
.popup-position {
        position:relative;
}
/* info layers*/
.infolayers-gray-right-arrow {
    background: url(/default/images/books/right-arrow.png) no-repeat right top;
        position:absolute;
        height:30px;
        width:37px;
        right:-21px;
        top:30px;
        _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/default/images/books/right-arrow.png'); /* IE6 */
    _background-image: none;
}
.close{
        position:absolute;
        right:20px;
        top:15px;
}
.close a{
        color:#000;
        font-weight:bold;
        text-decoration:none;
}
.close a:hover{
        color:#000;
        text-decoration:underline;
}
/* infolayer styles end */
/* pickupinfo styles starts */
.pickup-popup{
        position:absolute;
        top:-224px;right:98px;
        width:500px;
        display:none;
}
.pickupinfo{
        background-color:#fff;
        padding:0px 15px 30px 15px;
}
.pickupinfo h1{
        margin:4px 7px 0 0;
        padding:0;
}
.pickupinfo h1,
.pickupinfo h1 span{
        font:bold 17px verdana;
        color:#39c;
        float:none;
        background:none;
}
.pickupinfo ul{
        color:#000;
        margin:0;padding:0;
        list-style:none;
}
.pickupinfo h1 span{
        color:#f93;
}
.pickupinfo h2{
        font:bold 12px verdana;
        padding:16px 0 0px 0;
        color:#000;margin:0;
}
.pickupinfo h3{
        font-weight:bold;
        font-size:10px;
        padding:10px 0 12px 0;
        color:#000;margin:0;
}
.pickupinfo h4 {
	margin-top:1.33em;
}
.pickupinfo .bullet-points li{
        background:url(/default/images/cards/pickupinfolayer/list-dot-icon.gif) 0 1px no-repeat;
        padding:0 0 0 8px;
}
.pickupinfo .details{
        padding:0px 0 0 0;
        width:275px;
}
.pickupinfo .details li{
        background:url() 0 1px no-repeat;
        padding:0;
}
.pickupinfo .details li.quantity{
        float:left;
        width:225px;
        clear:both;
}
.pickupinfo .details li.price{
        font-weight:bold;
        width:50px;
        text-align:right;
        float:left;
}
/* pickupinfo styles end */