/* online product_list */
#Body2 .onlinecurvecontent .product_list {
    width: 166px;
    height: 244px;
    display: inline-block;
    margin-left: 17px;
    margin-bottom: 7px;
	text-decoration:none;
	border: 1px solid #fff;
    /*
    border-top: 1px solid #f0f0f0;
    border-left: 3px solid #f0f0f0;
    border-right: 2px solid #d9d9d9;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;*/
}
#Body2 .onlinecurvecontent .product_list.first_child { margin-left: 7px;}

#Body2 .onlinecurvecontent .product_list:hover {opacity:0.90;}

#Body2 .onlinecurvecontent .view {
    height: 300px;
}
#Body2 .onlinecurvecontent .product_list.cols2 {
    width: 370px;
}
#Body2 .onlinecurvecontent .product_list.last_col {
    margin-right: 0px;
}
#Body2 .onlinecurvecontent .product_list .product_list_header {
    background: #ee5a28;
    display: inline-block;
    width: 100%;
    /*height: 50px;
    line-height: 48px;*/
    text-align: center;
    font-size: 16px;
    color: white;
    
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom: 1px solid #000000;
}
#Body2 .onlinecurvecontent .product_list .product_list_descr {
    display: inline-block;
    width: 100%;
	max-width: 156px;
	/*height:48px;*/
    margin-left:10px;
    font-size: 14px;
    color: black;
    
}
#Body2 .onlinecurvecontent .product_list .product_list_descr2 {
    display: inline-block;
    width: 100%;
    margin-left:10px;
    margin-top:2px;
    margin-bottom:3px;
    font-size: 12px;
    color: grey;
}
#Body2 .onlinecurvecontent .product_list .product_list_descr3 {
    display: inline-block;
    width: 100%;
    margin-left:10px;
    margin-top:2px;
    margin-bottom:3px;
    font-size: 12px;
    font-weight: bold;
	width:auto;
}
#Body2 .onlinecurvecontent .product_list .product_list_descr4 {
    display: inline-block;
    width: 100%;
    margin-left:10px;
    margin-top:2px;
    margin-bottom:3px;
    font-size: 12px;
	color:#c53e4f;
    font-weight: bold;
	width:auto;
}
#Body2 .onlinecurvecontent .product_list .product_list_footer { height:0px!important;
   /* background: #f0f0f0;
    display: inline-block;
    width: 100%;
    height: 6px;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    color: white;
    
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom: 1px solid #c9c9c9;*/
}
#Body2 .onlinecurvecontent .product_list img {
    display: inline-block;
    width: 100%;
    height: 170px;
    border:none;
    box-sizing: border-box;
}
#Body2 .onlinecurvecontent .product_list:hover .product_list_header {
    background: #c14827;
}

#Body2 .onlinecurvecontent .product_list:hover .product_list_footer {
    background: #ee5a28;
}

#Body2 .onlinecurvecontent .product_list:hover img {}
#Body2 .onlinecurvecontent p {
    padding-bottom: 22px;
}
#Body2 .onlinecurvecontent p.center {
    text-align: center;
}
#Body2 .onlinecurvecontent p.relative {
    position: relative;
}
/* products_details */
#Body2 .onlinecurvecontent .products_details {
	width:915px;
}
#Body2 .onlinecurvecontent .products_details td {
	padding-bottom:40px;
}
#Body2 .onlinecurvecontent .products_details td.title {
    color: #be1c2e;
    vertical-align: top;
    font-size: 22px;
    width: 160px;
}
#Body2 .onlinecurvecontent .products_details li {
    font-size: 10px;
    line-height: 18px;
    list-style-position: outside;
    margin-left: 15px;
}
#Body2 .onlinecurvecontent .products_details li span {
    position: relative;
    top: 2px;
}

.product_list{ height:40px;overflow:hidden; background:transparent; }

/***********************************************************/
/******************* PRODUCT NAVIGATOR**********************/


.templateimgnav img.enlimg1 {
	padding-right: 20px;
	padding-bottom: 20px;
}

.productnav {
position:absolute; bottom:5px; width:94%; min-height:28px; text-align:center;
}
.productnav a {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
    
cursor:pointer;text-decoration: none; min-width:200px; width:200px;  text-align:center;
color: #ffffff; text-transform: uppercase; padding: 12px;border-top: 1px solid #c14827; border-left: 1px solid #c14827; border-right: 1px solid #c14827;background: #ee5a28;box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);letter-spacing: 1px;font-size: 14px; font-weight: 300;-webkit-transition: all 0.25s ease-in;-moz-transition: all 0.25s ease-in;-ms-transition: all 0.25s ease-in;-o-transition: all 0.25s ease-in; transition: all 0.25s ease-in;position: relative;
}
.productnav a:hover  {
  background: #c14827;
}

.productinfoform{
    position:absolute; 
    right:55px;
}
#startcreating{
	position:absolute; 
    right:55px;
    top:177px;
    width:241px;
    height:38px;
    background: url(/img/custom/buttons/startcreating-book.png);
    cursor:pointer;
    z-index:1;/*
	padding: 12px 120px;
	background-repeat: no-repeat;
	line-height: 60px;*/
}
#startcreating_prolayflat{
	position:absolute; 
    right:55px;
    top:177px;
    width:241px;
    height:38px;
    background: url(/img/custom/buttons/startcreating-book.png);
    cursor:pointer;
    z-index:1;
	/*padding: 12px 120px;
	background-repeat: no-repeat;
	line-height: 60px;*/
}
#startcreating_acrylic{
    height:38px;
    background: url(/img/custom/buttons/startcreating-acrylic.png);
    cursor:pointer;
    z-index:1;
	padding: 12px 125px;
	background-repeat: no-repeat;
	line-height: 60px;
}
#startcreating_calendar{
    height:38px;
    background: url(/img/custom/buttons/startcreating-calendar.png);
    cursor:pointer;
    z-index:1;
	padding: 12px 130px;
	background-repeat: no-repeat;
	line-height: 60px;
}
#startcreating_canvas{
    height:38px;
    background: url(/img/custom/buttons/startcreating-canvas.png);
    cursor:pointer;
    z-index:1;
	padding: 12px 125px;
	background-repeat: no-repeat;
	line-height: 60px;
}
#startcreating_woodprints{
    height:38px;
    background: url(/img/custom/buttons/startcreating-photogift.png);
    cursor:pointer;
    z-index:1;
	padding: 12px 125px;
	background-repeat: no-repeat;
	line-height: 60px;
}
#startcreating_card{
    position:absolute; 
    right:55px;
    top:200px;
    width:232px;
    height:38px;
    background: url(/img/custom/buttons/startcreating-card.png);
    cursor:pointer;
    z-index:1;
	padding: 12px 115px;
	background-repeat: no-repeat;
	line-height: 60px;
}
#startcreating_printcards{
  height: 38px;
  background: url(/img/custom/buttons/startcreating-card.png);
  cursor: pointer;
  z-index: 1;
  padding: 12px 115px;
  background-repeat: no-repeat;
	line-height: 60px;
}
#startcreating_photogift{
    height:38px;
    background: url(/img/custom/buttons/startcreating-photogift.png);
    cursor:pointer;
    z-index:1;
	padding: 12px 130px;
    background-repeat: no-repeat;
	margin:20px 0px;
	line-height: 60px;
}
#startcreating_photogadget{
    height:38px;
    background: url(/img/custom/buttons/startcreating-photogift.png);
    cursor:pointer;
    z-index:1;
	padding: 12px 130px;
    background-repeat: no-repeat;
	line-height: 60px;
}
#startcreating_poster{
    height:38px;
    background: url(/img/custom/buttons/startcreating-poster.png);
    cursor:pointer;
    z-index:1;
	padding: 12px 120px;
    background-repeat: no-repeat;
	line-height: 60px;
}

.de_startcreating{background: url(/img/custom/buttons/de_startcreating-book.png)!important;}
.de_startcreating_acrylic{background: url(/img/custom/buttons/de_startcreating-acrylic.png)!important;}
.de_startcreating_calendar{background: url(/img/custom/buttons/de_startcreating-calendar.png)!important;}
.de_startcreating_canvas{background: url(/img/custom/buttons/de_startcreating-canvas.png)!important;}
.de_startcreating_card{background: url(/img/custom/buttons/de_startcreating-card.png)!important;}
.de_startcreating_printcards{background: url(/img/custom/buttons/de_startcreating-card.png)!important;}
.de_startcreating_photogift{background: url(/img/custom/buttons/de_startcreating-photogift.png)!important;}
.de_startcreating_poster{background: url(/img/custom/buttons/de_startcreating-poster.png)!important;}

.fr_startcreating{background: url(/img/custom/buttons/fr_startcreating-book.png)!important;}
.fr_startcreating_acrylic{background: url(/img/custom/buttons/fr_startcreating-acrylic.png)!important;}
.fr_startcreating_calendar{background: url(/img/custom/buttons/fr_startcreating-calendar.png)!important;}
.fr_startcreating_canvas{background: url(/img/custom/buttons/fr_startcreating-canvas.png)!important;}
.fr_startcreating_card{background: url(/img/custom/buttons/fr_startcreating-card.png)!important;}
.fr_startcreating_printcards{background: url(/img/custom/buttons/fr_startcreating-card.png)!important;}
.fr_startcreating_photogift{background: url(/img/custom/buttons/fr_startcreating-photogift.png)!important;}
.fr_startcreating_poster{background: url(/img/custom/buttons/fr_startcreating-poster.png)!important;}

.it_startcreating{background: url(/img/custom/buttons/it_startcreating-book.png)!important;}
.it_startcreating_acrylic{background: url(/img/custom/buttons/it_startcreating-acrylic.png)!important;}
.it_startcreating_calendar{background: url(/img/custom/buttons/it_startcreating-calendar.png)!important;}
.it_startcreating_canvas{background: url(/img/custom/buttons/it_startcreating-canvas.png)!important;}
.it_startcreating_card{background: url(/img/custom/buttons/it_startcreating-card.png)!important;}
.it_startcreating_printcards{background: url(/img/custom/buttons/it_startcreating-card.png)!important;}
.it_startcreating_photogift{background: url(/img/custom/buttons/it_startcreating-photogift.png)!important;}
.it_startcreating_poster{background: url(/img/custom/buttons/it_startcreating-poster.png)!important;}

.nl_startcreating{background: url(/img/custom/buttons/nl_startcreating-book.png)!important;}
.nl_startcreating_acrylic{background: url(/img/custom/buttons/nl_startcreating-acrylic.png)!important;}
.nl_startcreating_calendar{background: url(/img/custom/buttons/nl_startcreating-calendar.png)!important;}
.nl_startcreating_canvas{background: url(/img/custom/buttons/nl_startcreating-canvas.png)!important;}
.nl_startcreating_card{background: url(/img/custom/buttons/nl_startcreating-card.png)!important;}
.nl_startcreating_printcards{background: url(/img/custom/buttons/nl_startcreating-card.png)!important;}
.nl_startcreating_photogift{background: url(/img/custom/buttons/nl_startcreating-photogift.png)!important;}
.nl_startcreating_poster{background: url(/img/custom/buttons/nl_startcreating-poster.png)!important;}

.es_startcreating{background: url(/img/custom/buttons/es_startcreating-book.png)!important;}
.es_startcreating_acrylic{background: url(/img/custom/buttons/es_startcreating-acrylic.png)!important;}
.es_startcreating_calendar{background: url(/img/custom/buttons/es_startcreating-calendar.png)!important;}
.es_startcreating_canvas{background: url(/img/custom/buttons/es_startcreating-canvas.png)!important;}
.es_startcreating_card{background: url(/img/custom/buttons/es_startcreating-card.png)!important;}
.es_startcreating_printcards{background: url(/img/custom/buttons/es_startcreating-card.png)!important;}
.es_startcreating_photogift{background: url(/img/custom/buttons/es_startcreating-photogift.png)!important;}
.es_startcreating_poster{background: url(/img/custom/buttons/es_startcreating-poster.png)!important;}

.pt_startcreating{background: url(/img/custom/buttons/pt_startcreating-book.png)!important;}
.pt_startcreating_acrylic{background: url(/img/custom/buttons/pt_startcreating-acrylic.png)!important;}
.pt_startcreating_calendar{background: url(/img/custom/buttons/pt_startcreating-calendar.png)!important;}
.pt_startcreating_canvas{background: url(/img/custom/buttons/pt_startcreating-canvas.png)!important;}
.pt_startcreating_card{background: url(/img/custom/buttons/pt_startcreating-card.png)!important;}
.pt_startcreating_printcards{background: url(/img/custom/buttons/pt_startcreating-card.png)!important;}
.pt_startcreating_photogift{background: url(/img/custom/buttons/pt_startcreating-photogift.png)!important;}
.pt_startcreating_poster{background: url(/img/custom/buttons/pt_startcreating-poster.png)!important;}

div .downloadpopuptitle{
    font-size: 29px;
    color: #BE1E2D;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-family: Arial;
    font-weight: bold;
    margin-top:30px;
    text-align:center;
}
div .downloadinstaller{
    position:relative;
    float:left;
    left:40px;
    display:block;
    width:280px;
    height:114px;
    background: url(/img/custom/downloadbackg.png);
}
div .downloadtemplates{
    position:relative;
    float:right;
    right:40px;
    display:block;
    width:280px;
    height:114px;
    background: url(/img/custom/downloadbackg.png);
}
.downl {
    position:relative;
    display:block;
    text-align:center;
    line-height:150%;
    color:white;
    font-weight: normal;
    padding:20px;
    font-size:15px;
}
.downl > a  {   
    color:white;
    font-weight: bold;
    font-size:15px;
}

.description{
    position:absolute; 
    left:30px;
    width:400px;
    margin-top:10px;
    font-size:16px;
    line-height:160%;
}

.noproduct{
    position:absolute;
    top:49%;
    left:22%;
    width:99%;
    font-size:16px;
    line-height:160%;
}

.templateimgnava {
height: 359px;
position:absolute; 
display: block;
bottom:60px; width:93%; text-align:center;
background: url(/img/custom/openbook.png);
background-size: 100%;
opacity: 0.95;
}

.preview {

position:absolute; 
display: block;
bottom:30px; width:93%; text-align:center;
min-height:348px;
}

.previewarea {
width:99.7%;
height:348px;
}

.left {
position:absolute; 
height: 326px;
top:68px;
left:44px;
position:absolute; 
display: block;
/*border:1px solid #b9babb*/
}
.right {
position:absolute; 
height: 326px;
top:68px;
right:45px;
position:absolute; 
display: block;
border:1px solid #b9babb
}

.shadow
{
position:absolute; 
height: 326px;
width: 257px;
top:68px;
left:317px;
position:absolute; 
display: block;
opacity:0.7;
height:328px;
}

.singlesample
{
position:absolute; 
height: 326px;
top:68px;
position:absolute; 
display: block;
opacity:0.95;
}

.singlesamplegc
{
border: 1px solid #bababa;
box-shadow: -2px -2px 12px #888888;
}
.samplepreviewnotbooks{
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
 
 
/***********************************************************/
/********************** MENU *******************************/
.rowtitle {margin-left:40px;margin-top:20px;padding-bottom:15px; padding-right:20px;border-collapse:collapse;width:92%;margin-bottom:0px;border-bottom:1px solid #D3D3D3;}
.rowtitle .title {font-weight:bold; font-family:arial, sans-serif; font-size:24px; font-weight:normal; color:#555;}
.rowtitle .subtitle {font-family:arial, sans-serif; font-size:18px; font-weight:normal; color:#555;}
.titledescription {margin-left:40px;padding-top:15px;padding-bottom:5px; padding-right:20px;border-collapse:collapse;width:91%; font-family:arial, sans-serif; font-size:16px; font-weight:normal; color:#555;}
#cssmenu {
  position: relative;
  margin: 0;
  font-family: 'Roboto Condensed';
  line-height: 1;
  width: 200px; /**/
  width: 190px;
}
.align-right {
  float: right;
}
#cssmenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
#cssmenu ul li {
  position: relative;
  margin: 0;
  padding: 0;
}
#cssmenu ul li a {
  text-decoration: none;
  cursor: pointer;
}

#cssmenu > ul > li > a {
	/*
  line-height:20px;
  text-transform: uppercase;
  font-size: 14px;
  */
  display: block;
  letter-spacing: 1px;
  font-weight: 300;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  position: relative;
}

#cssmenu ul li a {
  line-height:18px;
  font-size: 12px;
}

#cssmenu > ul > li > a, #cssmenu > ul > li > a span {
  line-height:24px;
  font-size: 15px;
}



/*
#cssmenu > ul > li > a {
  line-height:24px;
  color: #ffffff;
  text-transform: uppercase;
  display: block;
  padding: 10px;
  border-top: 1px solid #c14827;
  border-left: 1px solid #c14827;
  border-right: 1px solid #c14827;
  background: #ee5a28;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  letter-spacing: 1.3px;
  font-size: 14px;
  font-weight: 300;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  position: relative;
}
        
#cssmenu > ul > li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#cssmenu > ul > li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom: 1px solid #000000;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.open > a,
#cssmenu > ul > li.active > a {
  background: #c14827;
  color: #ffffff;
}
#cssmenu ul > li.has-sub > a::after {
  content: '';
  position: absolute;
  display: block;
  width: -10px;
  height: 0;
  border-top: 13px solid #c14827;
  border-botom: 13px solid transparent;
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  left: 0;
  bottom: -13px;
  bottom: 0px;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
#cssmenu ul > li.has-sub > a::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid #c14827;
  border-botom: 13px solid transparent;
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  left: 0;
  bottom: -12px;
  bottom: -1px;
  z-index: 3;
  opacity: 0;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
#cssmenu ul > li.has-sub::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top-color: #dddddd;
  z-index: 2;
  right: 20px;
  top: 24.5px;
  pointer-events: none;
}
#cssmenu ul > li:hover::after,
#cssmenu ul > li.active::after,
#cssmenu ul > li.open::after {
  top:17px;
  border-top-color: #fff;
}
#cssmenu ul > li.has-sub.open > a::after {
  opacity: 1;
  bottom: -13px;
}
#cssmenu ul > li.has-sub.open > a::before {
  opacity: 1;
  bottom: -12px;
}*/
#cssmenu ul ul {
  display: none;
}

#cssmenu ul ul li a {
  display: block;
  position: relative;
  font-size: 15px;
  padding: 2px 0 0 20px;
  line-height:18px;
  font-weight: 300;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}

/*
#cssmenu ul ul li {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
#cssmenu ul ul li a {
  background: #f1f1f1;
  display: block;
  position: relative;
  font-size: 15px;
  padding: 14px 20px;
  border-bottom: 1px solid #dddddd;
  color: #777777;
  font-weight: 300;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
#cssmenu ul ul li:first-child > a {
  padding-top: 18px;
}
#cssmenu ul ul ul li {
  border: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.open > a,
#cssmenu ul ul li.active > a {
  background: #e4e4e4;
  color: #ffffff;
}
#cssmenu ul ul li.levelone > a {
  background: #e2e2e2;
}
#cssmenu ul ul li.levelone:hover > a,
#cssmenu ul ul li.levelone.open > a,
#cssmenu ul ul li.levelone.active > a {
  background: #c7c7c7;
  color: #c14827;
}

#cssmenu ul ul li.levelone > a.active  {
  background: #c7c7c7;
  color: #c14827;
}

#cssmenu ul li a.active {
  background: #c14827;
  color: #ffffff;
}
#cssmenu ul ul > li.has-sub > a::after {
  border-top: 13px solid #dddddd;
}
#cssmenu ul ul > li.has-sub > a::before {
  border-top: 13px solid #e4e4e4;
}
#cssmenu ul ul ul li a {
  padding-left: 30px;
}
#cssmenu ul ul > li.has-sub::after {
  top: 18.5px;
  border-width: 6px;
  border-top-color: #777777;
}
#cssmenu ul ul > li:hover::after,
#cssmenu ul ul > li.active::after,
#cssmenu ul ul > li.open::after {
  border-top-color: #666666;
}
*/


/******************************************/
/**************** TABBED MENU *************/
div.prev {
    border: #ee5a28 solid 1px;
    clear: left;
    padding: 1em;
    min-height:348px;
    background:white;
    border: 1px solid #c14827;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-top: 8px solid #ee5a28;
}

div.prev.inactive {
	display: none;
}

ol#toc {
    font-family: Capriola, Helvetica, sans-serif;
    height: 3em;
    list-style: none;
    margin: 0;
    padding: 0;
}

ol#toc a {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #c14827;
    color: #fff;
    display: block;
    float: left;
    height: 3em;
    padding-left: 10px;
    text-decoration: none;
}

ol#toc a:hover {
    background-color: #ee5a28;
    background-position: 0 -120px;
}

ol#toc a:hover span {
    background-position: 100% -120px;
}

ol#toc li {
    float: left;
    margin: 0 1px 0 0;
}

ol#toc li a.active {
    background-color: #ee5a28;
    background-position: 0 -60px;
    color: #fff;
    font-weight: bold;
}

ol#toc li#glob a.active {
    background-color: #7a7167;
    background-position: 0 -60px;
    color: #fff;
    font-weight: bold;
}
ol#toc li#glob a:hover {
    background-color: #7a7167;
    background-position: 0 -120px;
}
ol#toc li#glob a {
    background: #b2a89e;
}



ol#toc li a.active span {
    background-position: 100% -60px;
}

ol#toc span {
    background: none;
    display: block;
    line-height: 3em;
    padding-right: 10px;
}
