/* CSS Document */
html {margin:0; padding:0;margin-top:10px;}
.wrap {background:#ffffff;margin:0 auto;width:766px;text-align:left;}
#footer {clear:both;padding-top:50px;}
#leftpanel{background:#ffffff;float:left;width:555px;padding-left:15px;padding-bottom:20px;}
html>body #leftpanel{background:#ffffff;float:left;width:540px;padding-left:15px;padding-bottom:20px;}
.rightpanel{background:#ffffff;float:right;width:196px;padding-bottom:20px;}
.heading{font-family:verdana;font-size:11px;color:#666666;font-weight:bold;}
div{font-family:verdana;font-size:10px;color:#666666;font-weight:none;}
/* covers style start */
.covers-panel {height: 265px;width: 181px;margin: 0px;padding: 0px;position:relative;}
.covers-panel-nav{padding-left:11px;height:17px;padding-top:2px;}
.covers-panel-nav img{float:left;margin-right:1px;}
.covers-panel-body{border:1px solid #3398cc;border-top:0px;border-bottom:0px;padding:0px 10px 0px 6px;}
.covers-scroll{height:75px;overflow:auto;}
.covers-panel .title-covers{position:absolute;top:2px;left:8px;color:#ffffff;font-weight:bold;font-size:10px;}

div.cover-samples{margin-right:5px;padding:7px 0px 2px 2px;}
div.cover-samplesvisit{background-color:#ffffff;margin-right:5px;padding:7px 0px 2px 2px;border:1px solid #ffffff;}
div.cover-sampleshover{background-color:#ffffff;margin-right:5px;padding:7px 0px 2px 2px;border:1px solid #FF9934;}
div.cover-samplesclick{background-color:#FFF5EB;margin-right:5px;padding:7px 0px 2px 2px;border:1px solid #FF9934;}

.coversamplesimg img{display:inline;border:2px solid #B6B6B6;}
.imagemousedown img{border:2px solid #FF9934;}
.imagerestore img{display:inline;       border:2px solid #B6B6B6;}

/*.cover-samples img{display:inline;}
.cover-samples a:link img {display:inline;      border:2px solid #3398CC;}
.cover-samples a:visited img{display:inline;    border:2px solid #3398CC;}
.cover-samples a:hover img {display:inline;border:2px solid #FF9934;}
.cover-samples a:active img {display:inline;border:2px solid #FF9934;}
*/

.cover-samples a:focus img, .cover-samples a:hover img, .cover-samples a:active img{display:inline;border:2px solid #FF9934;}
.cover-samples a:hover{ color:red;}

.cover-off {display:inline; border:2px solid #3398CC;}
.cover-on  {display:inline; border:2px solid #FF9934;}
.allcovers-subtit{      margin:5px 0px;}
/* covers style end */
/* view styles style start */
.viewall-panel{ width:545px;    margin:-1px;    padding:-1px;}
html>body .viewall-panel{       width:544px;    margin:0px;     padding:0px;    }
.viewall{height:172px;width:500px;overflow: auto;white-space: nowrap;border-top:1px solid #3398CC;border-bottom:1px solid #3398CC;}
html>body .viewall{     height:172px;   width:500px;    overflow: auto; white-space: nowrap;    border-top:1px solid #3398CC;border-bottom:1px solid #3398CC;}
.covers-panel-nav{padding-left:20px;height:17px;}
/* view styles style end */
/* your photo book style start */
.photo-book-panel span{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-weight: normal;color: #666666;text-decoration: none;}
.photo-book-panel{background-color:#9ACCE5;width:181px; height:142px;position:relative;}
.photo-book-panel .bottom-curve{position:absolute;bottom:0px;left:0px;}
.photo-book-panel .your-photobook{position:absolute;top:12px;right:10px;height:19px;text-align:right;color:#ffffff;font-weight:bold;font-size:11px;}
.photo-book-panel .starting-price{position:absolute;bottom:4px;right:10px;height:19px;text-align:right;color:#ffffff;font-weight:bold;}
.photo-book-panel .details{background-color:#ffffff;padding:10px 3px;border-left:6px solid #9ACCE5;border-right:6px solid #9ACCE5;}
.photo-book-panel .details .dot-line{position:absolute;left:57px;top:34px;}
.photo-book-panel .details .size-lable,.photo-book-panel .details .lable{position:relative;margin-bottom:6px;}
.photo-book-panel .details .size-lable h5,.photo-book-panel .details .lable h5{text-align:right;width:44px;margin:0px;padding:4px 0px;color:#3399C9;font-family:Verdana, Arial, Helvetica;font-size:11px;font-weight:bold;}
.photo-book-panel .details .size-lable span,.photo-book-panel .details .lable span{position:absolute;left:53px;top:0px;}
.photo-book-panel .details .lable h5{padding:0px;}
.photo-book-panel .details .lable span{top:1px;width:107px;}
.link{font-size: 9px;font-weight:normal;color:#0001FC;}
.green-heading{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #66CD33; font-weight: bold;margin-top:9px;margin-bottom:9px;}

.grey-heading{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #969696; font-weight: bold; margin-right:5px; padding:7px 0px 2px 2px;text-align:center;}
.GreyLine {border-top:1px solid #dddddd; background-color:#EBEBEB; margin-right:5px;margin-bottom:5px;}
/* your photo book style end */
/*popup style start */
.popup {height:auto;width:auto;}
.popup .body{text-align:center;background-color:#ffffff;color:#666666;font-weight:bold;padding-bottom:8px;}
.popup .body img{margin:8px;}
/*popup style end */



/*navigation starts */
.navigation {
        margin: 13px 0 0 13px;
        font-weight: bold;
}
.navigation ul, .navigation ul li {
        list-style: none;
        margin: 0;
        padding: 0;
}
.navigation ul {
        padding: 5px 0 5px;
}
.navigation ul li {
        display: inline;
}
.navigation ul li a {
        background: no-repeat left top;
        color: #329ACD;
        text-decoration: none;
        padding: 0px 0;
                font-size:9px;

}
html>body .navigation ul li a {
                padding: 5px 0;
}
.navigation ul li span {
        background: no-repeat right top;
        padding: 5px 9px 5px 3px;
        margin: 4px 0 4px 6px;
}
.navigation ul li a:hover span {
        text-decoration: none;
        background-position: 100% -75px;

}
.navigation ul li a:hover {
        background-position: 0 -75px;

}
.navigation .current a {
        background-position: 0 -150px;
                color: #fff;
}
.navigation .current a span {
        background-position: 100% -150px;

}

.navigation .current a:hover span {
        background-position: 100% -150px;

}
.navigation .current a:hover {
        background-position: 0 -150px;
                color: #fff;
}

.navigation .current a span:hover {
        background-position: 100% -150px;

}

.viewall ul, .viewall ul li {
         list-style: none;
        margin: 8px 0 0 0;
        padding: 0;
}
.viewall ul li{
        display:inline;
        float: left;
        width:130px;
        height:125px;
        background: no-repeat left top;
        cursor: pointer;

}
.viewall ul li img{
        margin-left:6px;

}
.viewall ul li p{
        text-align:center;
        padding:3px 0;
        margin:0;
        width:103px;
        margin-left:6px;
}

/*navigation end */

/* button styles starts */

.button{
         background: no-repeat left top;
     color: #000;
     text-decoration: none;
         padding:0 3px 0 10px;
         cursor: pointer;

}
.button:hover{
     text-decoration: none;
}
html>body .button{
        padding-top:4px;
        padding-bottom:4px;
}
.button span{
        background: no-repeat right top;
        padding-right:10px;
        height:20px;
        padding-top:4px;
        padding-bottom:4px;
}
.size-panel {display:none;background-color:#ffffff;position:absolute;top:150px;left:415px;height:228px;width:675px;margin: 0px;padding: 0px;font-family:verdana;font-size:9px; }
.size-panel-body{font-face:verdana;font-size:9px;BACKGROUND-COLOR:#FEF4EA;border:1px solid #FF9934;border-top:0px;border-bottom:0px;}
.size-inner{height:auto;BACKGROUND-COLOR:#FEF4EA;}
.size-inner2{background-color:#ffffff;width:156px;height:190px;margin-left:8px;margin-top:10px;float:left;}
.size-inner3{padding-top:9px;font-size:9px;color:#666666;}
.popup-button{
         background: no-repeat left top;
     color: #000;
     text-decoration: none;
         padding:0 3px 0 10px;
         cursor: pointer;

}
html>body .popup-button{
        padding-top:3px;
        padding-bottom:5px;
}
.popup-button span{
        background: no-repeat right top;
        padding-right:10px;
        padding-top:3px;
        padding-bottom:5px;
        cursor: pointer;
        font-weight:bold;
        font-size:10px;
}
.org-heading{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FE9833; font-weight: bold;margin-top:9px;margin-bottom:9px;}
.org-heading1{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #FE9833; font-weight: bold;margin-top:9px;margin-bottom:9px;}
.greytext {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #666666;
}
a.close-link:link  {
     color: #000000;
     text-decoration: none;
}

a.close-link:visited  {
     color: #000000;
     text-decoration: none;
}
a.close-link:hover   {
     color: #000000;
     text-decoration: none;
}
a.close-link:active  {
     color: #000000;
     text-decoration: none;
}

/* PhotoBookPhase3 Styles */

body{
	margin:0px;
	padding:20px;
}
.maincontainer{
	width:776px;
	height:auto;
}
.pb-body{
	background-color:#ffffff;
	text-align:left;
	padding:5px 15px;
}
.bread-crumb{
    margin:7px 0;
    color:#666666;
    font-weight:bold;
 }
 .bread-crumb a{
  font-weight:normal;
  color:#0000ff;
 }
.pb-content{
	display:block;
	background-color:#ffffff;
	height:495px;
}
.pb-content-leftcolumn{
	width:540px;
	margin-right:15px;
}
.pb-content-rightcolumn{
	float:right;
	width:181px;
}
.page-title{
 	color:#3399CC;
 	font:normal bold 17px verdana;
}
.sample-book {
    margin-top:15px;
    height:210px;
}
.zoom-nav{
	position:relative;
	margin-top:15px;
	margin-bottom:12px;
	height:41px;
}
.zoom-nav .left-icon{
	position:absolute;
	left:125px;
}
.zoom-nav .right-icon{
	position:absolute;
	left:401px;
}
.zoom-nav .zoom-icon{
	position:absolute;
	left:265px;
}
.zoom-nav .links{
	text-align:center;
	padding-top:3px;
}
.zoom-nav .links .current{
	font-weight:bold;
	text-decoration:none;
}
.zoom-nav .links a{
	text-decoration:underline;
	font-weight:normal;
	color:#666666;
	margin:0 8px;
}
.cover-links{
	text-align:center;
	width:141px;
	margin-bottom:10px;
}
.cover-links .current{
	font-weight:bold;
	text-decoration:none;
}
.cover-links a{
	text-decoration:underline;
	font-weight:normal;
	color:#666666;
	margin:0 2px;
	text-transform: lowercase;
}
.themes-panel{
	border:1px solid #3399CA;
	position:relative;
	height:192px;
	margin-top:5px;
}
html>body .themes-panel{
	height:188px;
}
.themes-panel .tl{
	position:absolute;
	top:-1px;left:-1px;
	width:7px;height:8px;
}
.themes-panel .tr{
	position:absolute;
	top:-1px;right:-1px;
	width:7px;height:8px;
}
.themes-panel .bl{
	position:absolute;
	bottom:-1px;left:-1px;
	width:7px;height:7px;
}
.themes-panel .br{
	position:absolute;
	bottom:-1px;right:-1px;
	width:7px;height:7px;
}
.themes-title{
	background-color:#3398CC;
	color:#ffffff;
	font-weight:bold;
	padding:3px 12px;
}
.themes-nav{
	padding:3px 8px;
}
.themes-nav .current{
	font-weight:bold;
	text-decoration:none;
}
.themes-nav a{
	text-decoration:underline;
	font-weight:normal;
	color:#666666;
	margin:0 4px;
	text-transform: lowercase;
}
.btm-line{
	margin:0px 0px 10px 0px;
	clear:both;
}
html>body .btm-line{
	margin:0px 0px 14px 0px;
	clear:both;
}

/* css for I18n */
.themes-nav1{
	padding:3px 8px;
}

.themes-nav1 a{
	text-decoration:underline;
	font-weight:normal;
	color:#666666;
	margin:0 2px;
	
}
.themes-nav1 a.current{
	font-weight:bold;
	text-decoration:none;
}
.cover-links1{
	text-align:center;
	width:141px;
	margin-bottom:10px;
}
.cover-links2{
	text-align:center;
	margin-bottom:10px;
}

.cover-links1, .cover-links2 a{
	text-decoration:underline;
	font-weight:normal;
	color:#666666;
	margin:0 2px;

}
.cover-links1, .cover-links2 a:link, a:hover, a:active, a:visited{
color:#666666;
}
.cover-links1, .cover-links2 a.current{
	font-weight:bold;
	text-decoration:none;
	color:#666666;
}