/**
 * BASIC STYLES
 */

* {
	margin: 0;
	padding: 0;
}
body {
	background: #fff url(http://www.smilebooks.com/images/layout_background_body.gif) repeat-x fixed left top;
	color: #626262;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}
p {
	line-height: 18px;
	margin: 0 0 20px;
}
fieldset {
	padding: 10px;
	border: 1px solid #ccc; 
}
legend {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
}
hr {
	height: 1px;
	background-color: #9d9d9d;
	margin: 10px auto;
	text-align: center;
	border: none;
    width: 95%;
}
ol, ul {
    list-style-position: outside; 
	margin: 0 0 20px 20px;
	padding: 0 0 10px;
}
ul {
	list-style-type: disc;
}
ol {
	list-style-type: decimal;
}
li {
	list-style-position: outside; 
	margin-top: 5px;
	margin-left: 5px;
	line-height: 125%;
}
ol li {
	line-height: 18px;
	margin-bottom: 20px;
}
sup {
	font-family: Arial, sans-serif !important;
	font-size: 12px !important;
}
h1,
h2,
h3,
h4 {
	font-style: normal;
	font-variant: normal;
    font-weight: normal; 
	line-height: 100%;
	margin: 5px 0;    
}
h1 {
	font-family: Impact;
	font-size: 32px; 
}
h2 {
	color: #515254;
	font-size: 18px;
	margin: 5px 0 10px;
	}
	.info_col_two_of_two h2 span {
		font-size: 12px;
	}
h3 {
	font-size: 17px; 
}
h4 {
	font-size: 15px;
}
img {
	border: none;
}
img.left {
    float: left;
    padding: 0 10px 20px 0;
}
img.right {
    float: right;
    padding: 0 0 10px 20px;
}
a {
	color: #626262;
	font-weight: bold;
	text-decoration: none; 
	}
	a:hover {
		color: #ed8e22;
		text-decoration: none;
	}
p a {
	font-size: inherit;
}

iframe {
    overflow: hidden;
}

.alpha0 {
    opacity: 0;
    filter: Alpha(opacity=0);
}

.struckout {
	margin: 0 6px 0 0;
	text-decoration: line-through;
}
.newprice {
	color: #C33728;
}
.shadow {
	text-shadow: 1px 1px 1px #ccc;
	}
	#Footer .shadow:hover {
		text-shadow: 0 0 3px #888;
	}
.glow {
	text-shadow: 0 0 5px #fff;
}
.small {
	font-size: 10px;
}

/**
 * TABLES
 */

table {
	margin: 0 0 5px;
    }
    td, th {
        font-size: inherit;
        padding: 2px;
        text-align: left;
    }
    th {
        font-weight: bold;
    }
    tr.odd,
    tr.even {
        margin: 0 0 6px;
    }
    tr.odd td {
        background: #e1e9eb none;
    }
    tr.even td {
    }
	td + td {
		text-align: center;
	}
    table.zebra tr:hover td {
        background: #666;
        color: #ededed;
    }

.reddot {
	background-color:red;
	color:black;
	font-size:10px;
	line-height:14px;
	text-decoration:underline overline;
}
.smart-edit {
	background: #D1D6E7;
	border: 1px solid #666;
	margin: 10px 20px;
	padding: 5px;
	text-align: left;
}



#site_all{
	position: relative;
	width: 980px;
	overflow: hidden;
	margin: 0px auto;
	text-align: left;
}


.site_head {
	width: 980px;
}
	.logo {
		position: relative;
		width: 100%;
		height: 85px;
		text-align: center;
	}
	.logo .brand {
		margin-left: 85px
	}
	.logo .langselect {
		position: absolute;
		top: 10px;
		right: 10px;
		width: 100px;
		height: 16px;
		overflow: hidden;
		z-index: 20;
		line-height: 16px;
		text-align: right;
	}
	.social_links {
		list-style: none;
		position: absolute;
		top: 15px;
		right: 15px;
		width: 140px;
		}
		.social_links li {
			}
			.social_links a {
				background-position: 100% 50%;
				background-repeat: no-repeat;
				display: block;
				font-size: 11px;
				height: 24px;
				line-height: 24px;
				padding: 0 30px 0 0;
				text-align: right;
			}
		
.site_body {
	clear: both;
	float: none;
	margin: 0 0 20px;
	overflow: hidden;
	position: relative;
	width: 100%;	
}

/**
 * Navigation
 */

/* Claim unter SmileBooks Logo */

    .navi_l2_home {
        color: #ed8e22;
        height: 20px;
        overflow: hidden;
        text-align: center;
        font-family: Impact;
        font-size: 18px; 
        font-style: normal;
        font-weight: normal; 
        font-variant: normal;
        line-height: 20px;
        padding-left: 55px;
        width: 820px;
    }

	.navi_l1 {
		width: 150px;
		height: 600px; 
		overflow: hidden;
		float: left;
		text-align: right;
		margin-top: 32px;
		padding: 0;
		}	
		.navi_l1 ul {
			margin: 0 0 20px;
			padding: 0;
			list-style-type: none;
			}			
			.navi_l1 li {
				margin: 0;
				padding: 0;
				list-style-type: none;
				}			
				.navi_l1 a {
					font-family: Impact;
					font-size: 17px;
					font-weight: normal;
					line-height: 140%;
					color: #515254;
				}
				.navi_l1 a:hover,
				.navi_l1 a.navi_l1_active,
				.navi_l1 a.myaccount {
					color: #ed8e22;
					}
					.navi_l1 ul li a.myaccount:hover {
						color: #515254;
					}
				.navi_l1 ul ul {
					margin: 0;
				}
	
		/* navigation second level */
		.navi_l1 li ul li {
			overflow: hidden;
			}
			.navi_l1 li ul li,
			.navi_l1 li ul li a,
			.navi_l1 li ul li b {
				display: block;
				min-height: 20px;
			}
			.navi_l1 li ul li a {
				font-family: Arial, Helvetica, sans-serif !important;
				font-size: 12px;
				font-weight: normal;
			}
			.navi_l1 li ul li.current b {
				color: #ed8e22;
				font-weight: bold;
			}

/**
 * Header
 */

#Home .mainteaser {
	margin-left: 18px;
	margin-right: 18px;
}

.mainteaser {
	background-repeat: no-repeat;
	height: 358px;
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
	width: 784px;
	}
	.mainteaser h1 {
		padding: 10px 0 0;
		margin: 0 20px;
	}
	.mainteaser ul {
		float: right;
		list-style: none;
		margin: 23px 20px 0 0;
		width: 200px;
		}
		.mainteaser li {
			font-size: 12px;
			height: 45px;
			margin: 0 0 11px;
			padding: 0 5px;
			}
			.mainteaser li span {
				display: block;
				height: 45px;
				line-height: 45px;
			}
	.mainteaser a {
		display: block;
		height: 358px;
		left: 0;
		position: absolute;
		top: 0;
		width: 784px;
		z-index: 1;
	}

	.mainteaser .action-button {
		bottom: 10px;
		height: 45px;
		position: absolute;
		right: 10px;
		width: 140px;
		}
		.mainteaser .action-button .btn {
			width: 240px !important;
		}

.mainteaser .large_list {
	}
	.mainteaser .large_list li {
		font-size: 16px;
		line-height: 35px;
		padding: 0;
		}
		.mainteaser .large_list li span {
			display: inline;
			margin: 0;
		}

/**
 * TEASER BOX
 */

.teaser-box,
.teaser-box_small {
    min-height: 200px;
}
.teaser-box,
.teaser-box_min,
.teaser-box_small {
    border: 1px solid #eee;
    overflow: hidden;
}
.teaser-box {
    height: 230px;
    }
.teaser-box_min {
	height:	110px;
	margin: 0 0 20px;
	}
.teaser-box_small {
    height: 200px;
    }
	.teaser-head {
		font-family: Impact;
		font-size: 32px;
		font-weight: normal;
		line-height: 28px;
		text-shadow: #ddd 1px 1px 1px;
	}
    .teaser-box div  {
        }
        .teaser-box_small p,
        .teaser-box p {
            margin: 0.5em auto 0;
            width: 95%;
        }
        .arrow {
			display: inline !important;
            font-size: 1.5em !important;
            font-weight: normal;
            padding: 0 3px;
        }

.striped {
	background: url(http://www.smilebooks.com/images/smilebooks-stripes.png) repeat;
	}
	.striped:hover {
		background: url(http://www.smilebooks.com/images/smilebooks-stripes-hover.png) repeat;
		color: #fff !important;
		text-shadow: #666 1px 1px 1px;
		}
		.striped:hover * {
			color: #fff !important;
			text-shadow: #666 1px 1px 1px;
		}

.two-boxes,
.three-boxes {
    display: block;
}    
.two-boxes {
    height: 98px;
    width: 376px;
	padding: 70px 10px 0;
}
.three-boxes {
	height: 70px;
    overflow: hidden;
    padding: 40px 10px 0;
    width: 235px;
}

.download-blink {
    background: url(http://www.smilebooks.com/images/us/free-download-button_140x79.png) no-repeat;
    display: block;
    height: 79px;
	margin: -22px 0 0;
    width: 140px;
    }
    .download-blink:hover {
        background: url(http://www.smilebooks.com/images/us/free-download-button_blink_140x79.png) no-repeat;
    }
    

/**
 * ACCORDION
 */

div#accordion {
    height: 242px;
    margin: 0 18px;
    overflow: hidden;
    position: relative;
    width: 784px;
    }
    div#accordion ul {
        list-style: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        }
        div#accordion ul li {
            background: #ed8e22 none;
            display: block;
            float: left;
            height: 22px;
            line-height: 22px;
            margin: 0 2px 0 0;
            text-align: center;
            width: auto;
            }
            div#accordion ul li.current {
                background: #9fbac3 none;   
            }
            div#accordion ul li a {
                color: #fff;
				display: block;
				padding: 0 10px;
                text-decoration: none;   
            }
            div#accordion ul li a,
            div#accordion ul li a:focus {
                outline: none;   
            }
    div#accordion div.accordion_wrapper {
        left: 0;
        position: relative;
        top: 0;
        width: 784px;
    }
    div#accordion div.accordion_content,
    div#accordion div.accordion_wrapper {
        height: 220px;
    }
    div#accordion div.accordion_content {
        background: transparent url(http://www.smilebooks.com/images/accordion_background.jpg) no-repeat;
        float: left;
        overflow: hidden;
        position: relative;
        width: 784px;
        }
        div#accordion div.accordion_content div {
            margin: 8px 16px;
            }
            div#accordion div.accordion_content h3 {
                background: transparent none;
                color: #9fbac3;
                font-family: Impact,sans-serif;
                font-size: 2em;
                font-weight: normal;
                margin: 0.25em 0 0.5em;
            }
            div#accordion div.accordion_content img {
                background: transparent none;
                float: left;
                margin: 0 20px 10px 0
            }
            div#accordion div.accordion_content table {
                width: 540px;
            }
            div#accordion div.accordion_content table,
            div#accordion div.accordion_content td,
            div#accordion div.accordion_content th {
            }
            div#accordion div.accordion_content p {
                clear: both;
                float: none;
            }
            
/**
 * Content Container
 */

    .main,
    .main_fluid {
		float: right;
		width: 820px;       
    }
	.main {
		background: url(http://www.smilebooks.com/images/smilebooks-stripes-hover.png) no-repeat -500px;
		}		
		.content {
			position: relative;
            width: 820px;
			float: none;
			clear: both;
			margin: 0;
		}
        .main_fluid .content_top,
        .main_fluid .content_bottom {
            float: right;
            width: 820px;
        }
        .main_fluid .content_top {
            background: transparent url(http://www.smilebooks.com/images/layout_main_bg_top.png) repeat-y !important;
            background: transparent url(http://www.smilebooks.com/images/layout_main_bg_top.gif) repeat-y;
            height: 14px;
        }        
        .main_fluid .content {
            background: transparent url(http://www.smilebooks.com/images/layout_main_bg_content.png) repeat-y !important;
            background: transparent url(http://www.smilebooks.com/images/layout_main_bg_content.gif) repeat-y;
            padding: 0;
        }
        .main_fluid .content_bottom {
            background: transparent url(http://www.smilebooks.com/images/layout_main_bg_bottom.png) repeat-y !important;
            background: transparent url(http://www.smilebooks.com/images/layout_main_bg_bottom.gif) repeat-y;
            height: 11px;
        }

			.catwalk,
            .catwalk_bg_blue {
				position: relative;
				width: 784px;
				height: 357px;
				overflow: hidden; 
				margin: 0 18px 10px; 
				text-align: left;
			}
            .catwalk_blue_bg {
				height: 357px;
                margin: 0;
				overflow: hidden;
                width: 784px;                
            }
			.catwalk_blue_bg,
			.catwalk_bg_blue {
				background: transparent url(http://www.smilebooks.com/images/catwalk-background.jpg) no-repeat top left;
			}
            .catwalk .samples {
				height: 357px;
                margin: 0;
                width: 784px;                                
            }
			.catwalk .catwalk-link-left,
			.catwalk .catwalk-link-right {
				display: block;
				height: 358px;
				left: 0;
				position: absolute;
				top: 0;
				width: 392px;
				z-index: 3; 
			}
			.catwalk .catwalk-link-right {
				left: 392px;
			}
			.catwalk_download {
                position: relative;
				width: 784px;
				height: 357px;
				overflow: hidden; 
				margin: 0; 
                }
                .catwalk_download h1 {
                    margin: 10px;
                }
                .catwalk_download p {
                    margin: 0 0 0 10px;
                }
                .catwalk_download a.first,
                .catwalk_download a.second {
                    bottom: 20px;
                    position: absolute;
                }
                .catwalk_download a.first {
                    right: 55%;
                }
                .catwalk_download a.second {
                    left: 55%;
                }
			.information {
				position: relative;
				width: 784px;
				margin: 0 18px;
				text-align: left;
			}
			.content .information {
				margin: 0 20px 20px;
			}
            .main .information {
                height: 230px;
				overflow: hidden;                
            }
            .main_fluid .information {
                height: auto;
            }
			
                .main .info_col_one_of_two,
                .main .info_col_two_of_two {
                    height: 230px;
                }
				.info_col_one_of_one {
					margin: 0 0 20px;
				}
				
				.info_col_one_of_two {
					width: 310px; /* 385px; */
					margin-left: 0;
					float: left;
					overflow: hidden;
				}
				.info_col_two_of_two {
					width: 450px; /* 385px; */
					margin-left: 12px;
					float: left;
					overflow: auto;
					padding-right: 10px;
				}
                .main_fluid .info_col_two_of_two {
                    overflow: visible;
                }
				.info_col_one_of_three, 
				.info_col_two_of_three,				
                .info_col_three_of_three {}

				.info_col_one_of_three {
					width: 235px;
					margin-left: 0;
					float: left;
					overflow: hidden;
				}
				.info_col_two_of_three {
					width: 235px;
					margin-left: 39px;
					float: left;
					overflow: hidden;
				}
				.info_col_three_of_three {
					width: 235px;
					margin-left: 39px;
					float: left;
					overflow: hidden;
				}
			
				.info_col_img {
					width: 235px;
					height: 125px;
				}
				.info_col_txt {
					width: 235px;
					height: 100px;
					overflow: auto;
					margin-top: 10px;
				}
				.info_col_txt p {
					margin: 0;
				}
				.info_col_lnk {
					/* width: 230px; */
					text-align: right;
				}
				
			.info_fullsize {
				width: 784px;
				margin: 0 18px;
				text-align: left;
			}				

	.ff-holder,
	.ttot-holder {
		margin: 10px 0;
		overflow: hidden;
		width: 784px;
		}
		.ff-content {
			float: left;
			margin: 0 10px 0 0;
			width: 382px;
		}	
		.tt-content {
			float: left;
			margin: 0 10px 0 0;
			width: 540px;
		}
		.ot-content {
			float: left;
			margin: 0;
			width: 230px;
		}

    div.two_column {
        height: auto;
        overflow: hidden;
        }
        div.two_column div {
            width: 370px;
        }
        div.two_column div.first {
            float: left;
            margin: 0 16px 0 0;
        }
        div.two_column div.second {
            float:right;
            margin: 0 2px 0 16px;
            }
            div.two_column div.second a img {
                float: right;   
            }


/**
 * Offer Container
 */

.offer-container {
	background: #fceede;
	border: 1px solid #ed8e22;
	height: 40px;
	margin: 10px 18px 10px;
	overflow: hidden;
	}
	.offer-container div {
		float: left;
		height: 40px;
		line-height: 40px;
		margin: 0 10px;
		width: 250px;
	}
	.offer-container .orange-text span,
	.offer-container .gray-text {
		font-size: 16px;	
	}
	.offer-container .orange-text .large {
		font-size: 20px;	
	}
	.offer-container .gray-text {
		width: 280px;
	}
	.offer-container a {
		background: url(http://www.smilebooks.com/images/_layout/smilebooks-offer-container-btn.jpg) no-repeat;
		display: block;
		float: right;
		height: 25px;
		margin: 8px 10px 0 0;
		width: 107px;
		}
		.offer-container a span {
			position: absolute;
			top: -200px;
		}


.download_button {
    margin: 10px 18px 10px 0;
}


	a.foot{
		color: #9c9c9c;
		font-size: 0.7em;
		text-decoration: none;
		font-weight: normal;
	}
	a.foot:hover{
		color: #ed8e22; /* #c00010; */
		text-decoration: none;
	}

	.navi_bc {
		text-align: left;
		height: 25px;
	}
	.navi_bc_current {
		
	}
	.navi_bc_link {
		color: #9c9c9c;
		font-size: 1.0em;
		text-decoration: none;
	}
	.navi_bc_link:hover {
		color: #ed8e22; 
		text-decoration: none;
	}


/**
 * Sitemap
 */

.sitemap_vertical {
	width: 720px;
    list-style-type: none;
	float: none;
	clear: both;
}
.sitemap_vertical li {
	font-size: 0.9em;
    margin-left: 3px;
    padding: 0;
    list-style-type: none;
    text-align: left;
}

.sitemap_vertical li ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}
.sitemap_vertical li ul li {
   font-size: 1.0em;
   margin: 2px 0 2px 20px;
   padding: 0;
   list-style-type: none;
   text-align: left;
}

.sitemap_horizontal {
	height: 200px;
   margin: 0;
   padding: 0;
   list-style-type: none;
	float: none;
	clear: both;
}
.sitemap_horizontal li {
	font-size: 0.8em;
   height: 20px;
   width: 125px;
   margin-left: 3px;
   padding: 0;
   list-style-type: none;
   float: left;
   line-height: 20px;
   text-align: left;
	border-bottom: solid 1px #e1e9eb;
}
.sitemap_horizontal li:hover {
	background-color: transparent;
}
.sitemap_horizontal li ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}
.sitemap_horizontal li ul li {
   font-size: 1.0em;
	font-weight: normal;
   height: 14px;
   width: 100px;
    margin-bottom: 3px;
   padding: 0;
   list-style-type: none;
   overflow: hidden;
   line-height: 14px;
   text-align: left;
   vertical-align: middle;
	border: none;
}

/**
 * FORMS
 */

form {}

label {
	display: block;
	font-weight: bold;
	margin: 0 0 2px;
	}
	label span {
		font-weight: normal !important;
	}
input.text,
input[type=text] {
	border: 1px solid #aaa;
	margin: 0 0 5px;
	width: 300px;
}
input.checkbox,
input[type=checkbox] {
	margin: 0 4px 0 0;
}
input.submit,
input[type=submit] {
	background: #dae5e7;
	border: none;
	color: #777;
	display: block;
	margin: 0 0 0 10px;
	padding: 3px 6px;
	}
	input.submit:hover,
	input[type=submit]:hover,
	input.submit:focus,
	input[type=submit]:focus {
		background: #ed8e22;
		color: #fff;
	}
fieldset {
	border: none;
	display: block;
}

.validation-advice {
	float: right;
	width: 450px;
}

/**
 * Pricelist
 */

.pricelist img {
	float: left;
	margin: 0 20px 10px 0
}
.pricelist table {
	width: 540px;
}
.pricelist table,
.pricelist td,
.pricelist th {
	font-size: 0.9em;
}
.pricelist p {
	clear: both;
	float: none;
}

/**
 * SLIDE TEASER
 */

div.fade_teaser {
    background: #aaa none;
    height: 358px;
    margin: 0 18px 10px;
    overflow: hidden;
    position: relative;
    width: 784px;
    }
    .catwalk .fade_teaser {
        margin: 0;
    }
    div.fade_teaser div.teaser_content {
        background: #fff;
		left: 0;
        position: absolute;
        top: 0;
        z-index: 0;
        }
        div.fade_teaser div.first{
            z-index: 1;
        }
        div.fade_teaser div.teaser_content a.sample {
            bottom: 20px;
            display: block;
            position: absolute;
            right: 20px;;
            text-align: right;
        }
    div.fade_teaser h2 {
        color: #fff;
        font: normal 1.75em/1em Impact, sans-serif;
        height: 40px;
        position: absolute;
        right: 20px;
        top: 10px;
        width: 750px;
        z-index: 4;
    }
    div.fade_teaser .teaser_text {
        left: 538px;
        position: absolute;
        top: 65px;
        width: 235px;
        z-index: 2;
        }
        div.fade_teaser .teaser_text ul {
            list-style: none;
            margin: 0;
            padding: 0;
            }
            div.fade_teaser .teaser_text ul span {
                font-size: 1.5em;
                padding: 0 3px 0 0;
            }
            div.fade_teaser .teaser_text li {
                color: #9FBAC3;
                font-family: Impact, sans-serif;
                font-size: 1.3em;
                font-weight: normal;
                line-height: 41px;
                margin: 0 0 12px;
                padding: 0;
                word-spacing: 0.15em;
            }
            *+html div.fade_teaser .teaser_text li {
                line-height: 51px;
                margin: 0 0 5px;
            }
        div.fade_teaser .teaser_text p a {
                color: #ed8e22;
                display: block;
                font-family: Impact, sans-serif;
                font-size: 1.7em;
                font-weight: normal;
                margin: 15px 10px 0 0;
                text-align: right;
            }
    div.fade_teaser div.topics {
        background: #ed8e22 none;
        bottom: 0;
        color: #fff;
        height: 120px;
        left: 10px;
        padding: 4px 10px 0;
        position: absolute;
        width: 150px;
        }
        div.fade_teaser div.topics p {
            color: #fff;
            font-weight: bold;
            margin: 10px 0 4px;
            text-transform: uppercase;
        }
        div.fade_teaser div.topics ul {
                list-style: none;
                margin: 0;
                text-align: left !important;
            }
            div.fade_teaser div.topics li {
                margin: 0;
                }
                div.fade_teaser div.topics a {
                    border: 1px solid #fff;
                    border-width: 1px 0 0;
                    color: #fff;
                    display: block;
                    font-weight: normal;
                    height: 18px;
                    line-height: 18px;
                    text-decoration: none;
                }
                div.fade_teaser div.topics a,
                div.fade_teaser div.topics a:focus {
                    outline: none;    
                } 
                div.fade_teaser div.topics a.current {
                    font-weight: bold !important;
                }
        div.fade_teaser .news_anchor span {
            display: block;
            margin: 0 0 0 130px;
        }                                
        div.fade_teaser a#news_anchor,
		.get_started {
            background: #fff none;
            bottom: 15px;
            display: block;
            height: 50px;
            overflow: hidden;
            position: absolute;
            right: 22px;
            width: 130px;
            z-index: 3;
        }
        /* stoopid IE hides link when background-color is transparent */
        div.fade_teaser a#news_anchor {
            filter: Alpha(opacity=0);
            opacity: 0;
        }
        div.fade_teaser a#sample_anchor {
            display: block;
            height: 358px;
            margin: 0 18px;
            overflow: hidden;
            position: absolute;
            width: 784px;
            z-index: 3;
        }

.slideteaser-content {
	height: 358px;
	overflow: hidden;
	position: relative;
	width: 784px;
	}
	.slideteaser-content img,
	.slideteaser-content .overlay {
		position: absolute;
	}
	.slideteaser-content img {
		background: #fff;
		height: 358px;
		left: 0;
		top: 0;
		width: 784px;
		z-index: 2;
	}
	.slideteaser-content .overlay {
		height: 160px;
		left: 10px;
		top: 5px;
		width: 754px;
		z-index: 3;
		}
		.overlay h2 {
			font-size: 1.75em !important;
			height: auto;
			left: 0;
			line-height: 1.2em;
			margin: 0;
			position: static;
			text-align: left;
			width: 100%;
		}

.glow-book {
	display: block;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	}
	.glow-book a {
		display: block;
		height: 100%;
		width: 100%;
		}
		.glow-book a:hover {
			background-position: left top;
		}
		.glow-book img {
			height: auto !important;
			width: auto !important;
		}
a.to_samples_anchor {
    /* stoodip IE */
    background: #fff;
    filter: Alpha(opacity=0);
    opacity: 0;
    display: block;
    font-weight: normal;
    height: 220px;
    left: 190px;
    position: absolute;
    top: 100px;
    width: 360px;
    z-index: 4;
}        

/* mediaboxAdvanced - not black theme */

#mbOverlay {
	position: absolute;
	z-index: 9998;
	left: 0;
	width: 100%;
	background-color: #999;
	cursor: pointer;
}

#mbOverlay.mbOverlayFF {
	background: transparent url(http://www.smilebooks.com/images/_layout/mediabox/80.png) repeat;
}

#mbOverlay.mbOverlayIE {
	background: transparent url(http://www.smilebooks.com/images/_layout/mediabox/50.gif) repeat;
}

#mbTopContainer, #mbCenter, #mbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.mbLoading {
	background: #fff url(http://www.smilebooks.com/images/_layout/mediabox/WhiteLoading.gif) no-repeat center;
}

#mbTopContainer {
    background: #fff none;
    height: 26px;
}

#mbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
	line-height: 19px;
	font-size: 12px;
	color: #fff;
	text-align: left;
}

/*	Sets the style for inline content, if no style is given	*/
#mbImage a, #mbImage a:link, #mbImage a:visited {
	color: #ddd;
}

/*	Sets the style for inline content, if no style is given	*/
#mbImage a:hover, #mbImage a:active {
	color: #fff;
}

#mbImage table {
	color: #626262;
	font-size: 12px;
}

#mbBottom {
	line-height: 19px;
	font-size: 12px;
	color: #999;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#mbTitle {
	display: inline;
	color: #ED8E22;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
    padding: 0 3px 0 0;
}

#mbNumber {
	display: inline;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}

#mbCaption {
	display: block;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	display: block;
	float: right;
	height: 20px;
	margin: 0;
	outline: none;
}

#mbPrevLink {
	width: 83px;
	background: transparent url(http://www.smilebooks.com/images/_layout/mediabox/WhitePrevious.gif) no-repeat center;
}

#mbNextLink {
	width: 54px;
	background: transparent url(http://www.smilebooks.com/images/_layout/mediabox/WhiteNext.gif) no-repeat center;
}

#mbCloseLink {
    height: 18px;
	background: transparent url(http://www.smilebooks.com/images/_layout/mediabox/close.gif) no-repeat left top;
    margin: 6px 6px 0 0;
    width: 20px;
}

#mbError {
	position: relative;
	top: 30%;
	line-height: 19px;
	font-size: 12px;
	color: #000;
	text-align: center;
	border: 10px solid #700;
	padding: 20px 10px 30px;
	margin: auto;
}

/**
 * Product Overview
 */

.product-overview {
	overflow: hidden;
	}
	.product-overview h3 {
		clear: both;
		padding-top: 20px;
	}
	.product-overview h3:first-of-type {
		padding: 0;
	}
	.product-overview div {
		border-radius: 2px;
		float: left;
		margin: 0 15px 15px 0;
		padding: 5px;
		position: relative;
		text-align: center;
		width: 200px;;
		}
		.product-overview a.book {
			background-position: 50% 50%;
			background-repeat: no-repeat;
			display: block;
			height: 115px;
			margin: 0 0 5px;
		}
		.product-overview strong {
			display: block;
		}
		.product-box {
			display: block;
			position: absolute;
		}

/**
 * REDDOT
 */

.smart_edit {
}
.absolute_left,
.absolute_right {
    background: #fff none;
    position: absolute;
    top: 0;
    z-index: 10;
}
.absolute_left {
    left: 0;
}
.absolute_right {
    right: 0;
}

/**
 * BUTTONS
 */

a.btn {
    color: #fff;
    font-family: Impact, sans-serif;
    font-size: 22px;
    font-weight: normal;
    text-shadow: 1px 1px 1px #666;
    width: 135px;
    }
    a.btn span {
        cursor: pointer;
        display: block;
        float: left;
        height: 45px;
        line-height: 45px;
    }
    span.btn_left,
    span.btn_right {
        width: 8px;
    }
    span.btn_left {
        background: transparent url(http://www.smilebooks.com/images/_layout/btn_left.png) no-repeat;
    }
    span.btn_body {
        background: transparent url(http://www.smilebooks.com/images/_layout/btn_body.png) repeat-x;
        float: left;
        padding: 0 4px;
        text-align: center;
    }
    span.btn_right {
        background: transparent url(http://www.smilebooks.com/images/_layout/btn_right.png) no-repeat;
    }

/**
 * SAMPLE BOOKS
 */

.samplebooks {
	overflow: hidden;
	}
	.samplebooks h2 {
		clear: left;
	}
	.samplebooks div{
		float: left;
		height: 235px;
		width: 190px;
		}
		.samplebooks div a.sample-preview {
			background: url(http://www.smilebooks.com/images/box-shadow.png) no-repeat bottom;
			display: inline;
			padding: 0 0 3px;
		}
		.samplebooks img {
			background: #fff;
			border: 1px solid #ddd;
			border-radius: 2px;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			padding: 5px;
		}
		.samplebooks span {
			display: block;
		}
		.samplebooks .meta-title {
			font-weight: bold;
			margin: 6px 0 0;
		}
		.samplebooks .meta-author {
		}
	.samplebooks .more {
		clear: left;
		display: block;
		float: none;
		margin: 0 20px 0 0;
		text-align: right;
	}

/**
 * PRODUCT FEATURES
 */
    
ul.product_features {
    list-style: none;
    margin: 20px 0 0;
    overflow: hidden;
    }
    ul.product_features li {
        background-image: url(http://www.smilebooks.com/images/_layout/product-feature-icons.jpg);
        background-repeat: no-repeat;
        display: block;
        float: left;
        height: 35px;
        margin: 0 10px 0 0;
        overflow: hidden;
        text-indent: 130px;
        width: 34px;
    }
    ul.product_features .online {
        background-position: 0 -45px;
    }
    ul.product_features .online_na {
        background-position: 0 0;
    }     
    ul.product_features .desktop {
        background-position: -46px -45px;
    }
    ul.product_features .desktop_na {
        background-position: -46px 0;
    }
    ul.product_features .silver {
        background-position: -92px -45px;
    }
    ul.product_features .silver_na {
        background-position: -92px 0;
    }
    ul.product_features span {
        position: absolute;
        top: -1000px;
    }
    
/**
 * TOOL TIPS
 */
    
.tip {
	background: #f9f9f9;
	border: 1px solid #ccc;
	padding: 4px 5px;
	width: 150px;
}
    
.column-half {
    float: left;
    text-align: left;
    margin: 10px 0 0;
    padding: 10px 20px;
    width: 368px;
}
.border-left {
    border-left: 1px solid #ddd;
}
.border-right {
    border-right: 1px solid #ddd;
}

.tweetbook {
    background: url(http://www.smilebooks.com/images/us/left-side-birdie-twitter-facebook.png) no-repeat;
    height: 138px;
    margin: 140px 0 0;
    position: relative;
    width: 150px;
    }
    .tweetbook a {
        height: 40px;
        overflow: hidden;
        position: absolute;
        top: 73px;
        width: 40px;
    }
    .tweetbook span {
        display: block;
        margin: -100px 0 0;
    }
    .facebook_link {
        left: 102px;
    }
    .twitter_link {
        left: 60px;
    }


.overlay {
    height: 384px;
    left: 167px;
    position: absolute;
    top: 7px;
    width: 222px;
    z-index: 50;
}

.flowPlayer {
    margin: 15px auto;
}

/**
 * Slideshow
 */

.content-slideshow,
.slideshow {
    position:relative;
    }
    .content-slideshow {
        height: 410px;
        overflow: hidden;
        text-align: center;
        width: 460px;
    }
    .slideshow {
        height: 357px;
        overflow: hidden;
        width: 784px;
    }
    .content-slideshow img,
    .slideshow img {
        left: 0;
        position: absolute;
        top: 0;
    }
    .content-slideshow img:first-of-type,
    .slideshow img:first-of-type {
        z-index: 1;
    }
    .slideshow .title {
        bottom: 5px;
        height: 20px;
        position: absolute;
        right: 20px;
        text-align: right;
        width: 300px;
        z-index: 10;
    }
	.slideshow-small {
		height: 145px;
		width: 180px;
		}
		.slideshow-small img {
			background: #fff;
		}

/**
 * Slide Gallery
 */

.gallery {
	border: 1px solid #eee;
	height: 165px;
	margin: 0 18px;
	position: relative;
	width: 784px;
}
.gallery .holder {
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index: 2;
}
.gallery .holder ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 30000px;
}
.gallery .holder ul li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0 1px 1px 0;
	width: 260px;
}
.gallery .holder ul li img {
	display: block;
}
.gallery .next,
.gallery .prev {
	background: url(http://www.smilebooks.com/images/_layout/btn-next.png) no-repeat;
	bottom: 10%;
	cursor: pointer;
	position: absolute;
	right: 10px;
	margin-top: -25px;
	width: 40px;
	height: 40px;
	overflow: hidden;
	text-indent: 50px;
	outline: none;
	z-index: 20;
}
.next-disable {
	background: url(http://www.smilebooks.com/images/_layout/btn-next-disable.png) no-repeat;
}
.gallery .prev {
	background: url(http://www.smilebooks.com/images/_layout/btn-prev.png) no-repeat;
	right: auto;
	left: 10px;
}
.prev-disable {
	background: url(http://www.smilebooks.com/images/_layout/btn-prev-disable.png) no-repeat;
}

/**
 * Tabs
 */

#Tabs {
	}
	ul.tabs {
        list-style: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        }
        .tabs li {
            background: #ed8e22 none;
			color: #fff;
			cursor: pointer;
            display: block;
            float: left;
			font-weight: bold;
            height: 22px;
            line-height: 22px;
            margin: 0 2px 0 0;
			padding: 0 10px;
            text-align: center;
            width: auto;
            }
            .tabs li.current {
                background: #9fbac3 none;   
            }
	.tab-content-holder {
		border: 1px solid #eee;
        width: 778px;
		}
		.tab-content {
			margin: 5px 10px;
		}

/**
 * Footer
 */

#Footer {
	height: 230px;
	margin: 20px 9px 0;
	overflow: visible;
	padding: 20px 0 30px;
	text-align: left;
	}
	#Footer .column {
		float: left;
		margin: 0 0 0 40px;
		width: 240px;
		}
		#Footer ul {
			list-style: none;
			margin: 10px 0;
			}
			#Footer li {
				margin-left: 0;
				}
				#Footer li a {
					display: block;
					height: 16px;
					line-height: 16px;
				}
				#Footer .feed {
					background: url(http://www.smilebooks.com/images/_layout/feed.png) no-repeat 0 50%;
					padding: 0 0 0 20px;
				}
	#site_foot {
		clear: both;
		margin: 0 auto;
		text-align: center;
		width: 600px;
		}
		#site_foot * {
			font-size: 10px;
			font-weight: bold;
		}
		#site_foot a {
			border-right: 1px solid #aaa;
			padding: 1px 4px 1px 0;
			text-decoration: none;
		}

	.call-to-action {
		background: url(http://www.smilebooks.com/images/_layout/smilebooks-button-footer.png) no-repeat right center;
		float: right;
		height: 70px;
		margin: 0 -9px 0 0;
		width: 239px;
		}
		.cta-download {
			color: #fff;
			display: block;
			font-size: 30px;
			font-weight: normal;
			margin: 11px 0 5px 15px; 
			}
			.cta-download:hover {
				color: #fff;
			}
		.cta-online {
			display: block;
			font-size: 11px;
			margin: 0 0 0 15px;
			}
			.cta-online:hover {
				color: #333;
			}

/**
 * Hint
 */
.hint {
	background: #ed8e22;
	padding: 4px 0;
	text-align: center;
	}
	.hint a {
		color: #fff !important;
		display: block;
	}
	.hint * {
		margin: 0;
	}


/**
 * Popup / Layer
 */

#popuplayer {
	left: 0;
	overflow: hidden;
	position: absolute;
	top: -800px;
	z-index: 100;
}


/**
 * Icons
 */

.icon {
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
}
.dz {
	background-image: url(http://www.smilebooks.com/images/_layout/dz.png);
}
.sk {
	background-image: url(http://www.smilebooks.com/images/_layout/sk.png);
}
.uk {
	background-image: url(http://www.smilebooks.com/images/_layout/england.png);
}
.us {
	background-image: url(http://www.smilebooks.com/images/_layout/us.png);
}


.tcenter {
    text-align: center;
}
.validation-advice,
.orange {
	color: #ed8e22 !important;
}
.blue {
	color: #9fbac3 !important;
}
.gray {
	color: #515254 !important;
}
.lightblue {
	color: #e1e9eb;
}
.gray0{
	color: #f9f9f9;
}
.gray1{
	color: #cccccc;
}
.gray2{
	color: #9d9d9d;
}
.gray3{
	color: #626262;
}
.gray4{
	color: #3c3c3c; 
}
.white{
	color: #ffffff;
}
.black{
	color: #000000;
}
.red{
	color: #c00010;
}
.yellow{
	color: #f8d360;
}

/* Background C0lors */

.bg_blue {
	background-color: #dae5e7;
}

/**
 * GENERIC CLASSES
 */

.hand{
	cursor: pointer;
}
.pointer{
	cursor: pointer;
}
.noborder{
	border: none;
}
.hspace{
	height: 20px;
	width: 100%;
	overflow: hidden;
}
.impact {
    font-family: Impact, sans-serif;
}
.fright{
	float: right;
}
.fleft{
	float: left;
}
.tright,
.tright * {
	text-align: right !important;
}
.tleft{
	text-align: left;
}
.clear{
	clear: both;
	float: none;
	height: 0;
}
.inline{
	display: inline;
}
.ma10{
	margin: 10px;
}
.ma20{
	margin: 20px;
}
.male10{
	margin-left: 10px;
}
.mare10{
	margin-right: 10px;
}
.dnone {
	display: none;
}
.dblock {
	display: block;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}

.temp_pricelist #accordion {
	margin: 10px 0 !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt20 {
	margin-top: 20px;
}