#book-other-backgrounds {
	float: left;
	width: 100%;
	margin: 20px 0 40px 0;
	font-size: 14px;
}

#book-other-backgrounds h2 {
	font-weight: bold;	
}   

#book-other-backgrounds a {
	float: right;
	color: #000;
	font-size: 14px;
	position: relative;
	top: -10px;
}

#book-container {
	background: #FFF;
	float: left;
	width: 100%;
	position: relative;
	top: -14px;
}

#book-wrapper {
	margin: 0 auto;
    width: 1102px;
}

#heading {
	font-size: 44px;
	color: #000000;
	font-family: Times New Roman;
	background: url(/images/book-heading.png) top left no-repeat;
	width: 579px;
	height: 69px;
	text-align: center;
	top: -9px;
	left: 245px;
}

#book-left {
	float: left;
	width: 651px;
	margin-left: 4px;
}

#columns {
	float: left;
	width: 100%;
}

#book-top {
	float: left;
	width: 100%;
	position: relative;
	top: -30px;
	margin-bottom: -15px;
	left: -5px;
}

#book-thumb {
	float: left;
	width: 95px;
	margin-right: 16px;
}

#book-top p {
 	font-family: Times New Roman;
	color: #000;
}

#book-small-heading {
	font-size: 16.25px;
	margin: 60px 0 11px 0;
}

#book-big-heading {
	font-size: 43.62px; 
	margin-left: 1px;	
}

#book-preview {
	float: left;
	width: 100%;
	position: relative;	
	width: 651px;
	height: 463px;
	overflow: hidden;
}

#book-pagination {
	float: left;
	width: 100%;
	margin-bottom: 40px;
	color: #444;
	font-size: 12px;
	font-family: Times New Roman;
	font-weight: bold;
	margin-top: 18px;
}

#book-pagination a, #book-pagination #pagination-counter {
	float: left;
	margin-right: 4px;
}

#book-pagination a {
	width: 23px;
	height: 22px;	
}

#book-pagination #pagination-counter {
	margin-top: 6px;
}

a#book-first-page {
	background: url(../images/book-first.png) top left no-repeat;
	margin-left: 251px;
}

a#book-prev-page {
	background: url(../images/book-prev.png) top left no-repeat;
}

a#book-next-page {
	background: url(../images/book-next.png) top left no-repeat;
}

a#book-last-page {
	background: url(../images/book-last.png) top left no-repeat;	
}

#book-right {
	float: left;
	width: 390px;   
	font-family: Times New Roman;
}

.book-options {
	float: left;
	width: 100%;
}

#book-options-1 .book-options-column-1 {
	float: left;
	width: 70px;
	margin-right: 12px;
	position: relative;
}

#book-quantity-select {
	width: 59px;
	top: 51px;
	left: 0;
}

.select-list {
	float: left;
	border-top: solid 1px #E4E4E4;
	position: absolute;
	background: #FFF;
	display: none;
	z-index: 1000;
}

.select-list li {
	text-align: center;
	padding: 4px;
	border-left: solid 1px #E4E4E4;
	border-right: solid 1px #E4E4E4;
	border-bottom: solid 1px #E4E4E4;
	cursor: pointer;
	font-size: 16px;
}

#selected-year-select, #selected-gender-select {
	position: absolute;
	top: 37px;
	left: 0;
	width: 150px;
}

#selected-month-select, #selected-day-select {
	position: absolute;
	top: 52px;
	left: 0;
	width: 59px;
}

#book-options-1 .book-options-column-2 {
	float: left;
	width: 97px;
}

#hears-color-select, #eyes-color-select {
	position: absolute;
	top: 56px;
	left: 2px;
	width: 142px;
}

#hears-color, #eyes-color {
	position: relative;
	cursor: pointer;
}

#book-options-1 .book-options-column-3 {
	float: left;
	width: 203px;
}

#book-options-1 p {
	color: #00cace;
	font-weight: bold;
	font-size: 16.36px;	
}

.book-order {
	width: 203px;
	height: 40px;
	display: block;
	text-align: center;
	background: #92E501;
	border-radius: 5px;
	color: #ffffff;
	font-size: 24.54px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 14px;
}

#book-quantity {
	width: 51px;
	background: url(../images/book-quantity.png) top left no-repeat;
	padding-left: 8px;
	cursor: pointer;
}


#book-quantity, #total-price {
	float: left;
	font-size: 20.91px;
	font-weight: bold;
	padding-top: 5px;
	height: 27px;
	margin-top: 7px;
} 

#book-options-1 .book-options-column-1 p {
 	margin-left: 5px;
}

#book-options-1 .book-options-column-2 p {
	margin-left: 2px;
}

#book-options-1 {
	margin: 19px 0 0 64px;
}

#total-price {
	width: 91px;
	background: url(../images/book-price.png) top left no-repeat;
	text-align: center;
}

#book-options-2 {
	margin-left: 64px;
}

#book-options-2 {
	margin-top: 24px;
}

#book-options-3 {
	margin-top: 13px;
}

#book-options-2 label, #book-options-3 label {
	display: block;
	font-size: 16.36px;
	color: #00cace;
	font-weight: bold;	
}

#book-options-2 input, #book-options-3 input {
	font-size: 31.83px;
	width: 337px;
	height: 29px;
	float: left;
	border-radius: 10px;
	border: solid 1px #C3C3C3;
	font-family: Times New Roman;
	padding-top: 2px;
	padding-left: 17px;
	margin-top: 2px;
	margin-left: 7px;
}

#book-options-4 {
	float: left;
	width: 115%;
}

#book-options-4 #birthday, #book-options-4 p, #book-options-3 #gender {
	font-size: 16.36px;
	font-weight: bold;
	color: #00cace;	
}

#book-options-4 .book-options-column-1, #book-options-3 .book-options-column-1 {
	float: left;
	width: 160px;
	margin-left: 70px;
} 

#book-options-3 .book-options-column-1 {
	width: 90px;
}

#book-options-4 .book-options-column-2, #book-options-3 .book-options-column-2 {
	float: left;
	width: 99px;
	position: relative;
}

#book-options-4 .book-options-column-3 {
	float: left;
	width: 68px;
	position: relative;
}

#book-options-4 .book-options-column-4 {
	float: left;
	width: 59px;
	position: relative;
}

#book-options-4 .book-options-column-2 p {
	margin-left: 24px;
}

#book-options-4 .book-options-column-3 p {
	margin-left: 2px;
}

#book-options-4 .book-options-column-4 p {
 	margin-left: 8px;
}

#selected-year, #selected-gender {
	background: url(../images/book-years.png) top left no-repeat;
	width: 135px;
	padding-right: 15px;
	text-align: center;
}

#selected-year, #selected-month, #selected-day, #selected-gender {
	height: 26px;
	display: block;
	font-weight: bold;
	font-size: 20.91px;
	padding-top: 5px;
	margin-top: 7px;
	cursor: pointer;
}

#selected-month {
	background: url(../images/book-months.png) top left no-repeat;
	padding-left: 10px;
}

#selected-day {
	background: url(../images/book-days.png) top left no-repeat;
	padding-left: 11px;
}

#book-options-4 {
	margin-top: 14px;
}

#birthday, #gender {
	margin-top: 13px;
	float: left;
}

#book-options-5 {
	margin-top: 20px;
	width: 110%;
}

#book-options-5 p {
	font-size: 16.36px;
	font-weight: bold;
	color: #00cace;	
}

#book-options-5 .book-options-column-1 {
	float: left;
	width: 144px;
	margin-left: 71px;
	margin-right: 64px;
	position: relative;
}

#book-options-5 .book-options-column-1 span {
	margin-left: 2px;
}

#hears-color, #eyes-color {
	float: left;
	width: 122px;
	height: 25px;
	color: #000000;
	font-weight: bold;
	font-size: 20.91px;
	background: url(../images/hears-select.png) top left no-repeat;
	padding-top: 6px;
	text-align: center;
	padding-right: 20px;
	margin-top: 10px;
}

#book-options-5 .book-options-column-2 {
 	float: left;
 	width: 142px;
 	position: relative;
}

#book-options-6 {
	margin-left: 71px;
	margin-top: 19px;
}

#book-options-6 label {
	display: block;
	font-size: 16.36px;
	font-weight: bold;
	color: #00cace;	
	margin: 0 0 7px 3px;
}

#book-options-6 textarea {
	width: 326px;
	height: 88px;
	border: solid 1px #C3C3C3;
	border-radius: 10px;
	resize: none;
	font-family: Times New Roman;
	font-size: 14px;
	font-style: italic;
	padding: 7px 14px;
	overflow: hidden;
}

#book-options-7 {
	width: 130%;
	margin-top: 120px;
	position: relative;
	left: -41px;
}

#book-options-7 label {
	font-size: 16.36px;
}

#book-options-7 sup {
	font-size: 24px;
	font-weight: bold;
	color: #ff0000;
}

#book-options-8 {
	margin-top: 17px;
}

#book-options-8 a {
	margin: 0 0 30px 242px;
}

/**
 *	Generator top
 */  
#generator_top {
	height: 52px;
}

#generator_top .block {
	float: left;
	background: #F2F2F2;
	height: 52px;
	border-left: solid 1px #C7C7C7;
	margin-left: 1px;
}

#generator_top h4 {
	font-family: Tahoma;
	color: #2a2929;
	font-size: 12px;
	background: #D0D0D0;
	height: 14px;
	padding-top: 1px;
}

#generator_top #block1 h4 {
	padding-left: 5px;
}

#generator_top #block1 {
	margin-left: 5px;
	border-left: none;
	width: 230px;
}

#generator_top #block1 .name {
	float: left;
	margin: 13px 0 0 6px;	
}

#generator_top #block1 .options {
 	width: 155px;
 	margin-left: 5px;
	background: url(/images/select1.png) top left no-repeat;
}

#generator_top #block1 .options span {
	float: left;
	width: 128px;
}

#generator_top #block2 { 
	width: 302px;
}

#generator_top #block2 h4{ 
	padding-left: 12px;
}

#generator_top #block2 .name {
	float: left;
	margin: 13px 0 0 13px;	
}

#generator_top #block2 .options {
 	margin-left: 12px;
 	width: 236px;
	background: url(/images/select2.png) top left no-repeat;
}

#generator_top #block2 .options span {
	float: left;
	width: 209px;
}

#generator_top #block3 {
	width: 192px;
}

#generator_top #block3 h4{
	padding-left: 110px;	
}

#generator_top #block3 .name {
	float: left;
	margin: 13px 0 0 16px;	
}

#generator_top #block3 .options {
 	margin-left: 11px;
 	width: 84px;
 	padding-right: 15px;
	background: url(/images/select3.png) top left no-repeat;
}

#generator_top #block3 .options span {
	float: left;
	width: 57px;
}

#generator_top #block4 {
	width: 220px;
	border-right: solid 1px #C7C7C7;
}

#generator_top #block4 h4{
	padding-left: 13px;	
}

#generator_top #block4 .name {
	float: left;
	color: #697171;
	margin: 3px 0 0 12px;
	line-height: 16px;
}

#price, #currency {
	float: right;
	font-family: Tahoma;
	color: #00a4ff;
}
#price {
	margin-top: 10px;
	font-size: 20px;	
}
#currency {
	font-size: 20px;
	margin: 10px 14px 0 10px;
}

#generator_top .name {
	font-size: 12px;
	color: #010101;
	font-family: Tahoma;
}

#generator_top .options {
	float: left;
	height: 28px;
	text-align: center;
	font-family: Tahoma;
	font-size: 24px;
	color: #ffffff;
	padding-top: 1px;
	margin-top: 4px;
	cursor: pointer;
}

#generator_top a.order_submit{
	float: right;
	background: url(/images/order_button_top.png) top left no-repeat;
	width: 138px;
	height: 52px;
	margin: 0 3px 0 0;
}

/**
 *	Columns 
 */ 
 
#left_column {
	float: left;
	width: 606px;
}
 
#right_column {
	float: right;
	width: 385px;
	margin-left: 11px;
}

.image_contaner {
	float: left;
	width: 100%;
	margin-top: 19px;
}



#my_gallery {
	float: left;
	width: 362px;
	margin-bottom: 11px;
}

#my_gallery h3 {
	background: #F2F2F2;
	font-family: Myriad Pro;
	color: #686f70;
	font-size: 14px;
	height: 17px;
	padding: 1px 0 0 8px;
}

#image_upload_divider {
	position: relative;
	left: -1px;
	margin: 8px 0 4px 0;
	float: left;
}

/**
 *	Text tools
 */ 
.text_tools {
	float: left;
	background: #000;
	float: left;
	width: 372px;
	min-height: 163px;
	background: url(/images/text_tools.png) top left no-repeat #F0F0F0;
	overflow: hidden;
	position: relative;
	left: -12px;
}

.text_tools h3 {
	font-family: Tahoma;
	color: #000000;
	font-size: 14px;
	padding: 7px 0 9px 10px;
}

.text_tools_left {
	float: left;
	margin: 0 14px 0 8px;
}

.text_tools_right {
	float: left;
	width: 263px;
	background: #FFF;
	height: 26px;
}

#font_family {
	float: left;
	width: 130px;
	height: 17px;
	border: solid 1px #7E7E7E;
	font-size: 11px;
	margin: 0 2px 0 1px;
	position: relative;
	top: -5px;
}

#font_size {
	border: solid 1px #7E7E7E;
	font-size: 11px;
	height: 17px;	
	width: 40px;
	position: relative;
	top: -5px;
}

.text_tools_footer {
	float: left;
	width: 100%;
}

#text_elements_list {
	float: left;
	margin-top: 14px;
}

#text_input, .text_input {
	float: left;
	width: 295px;
	height: 25px;
	border-radius: 5px;
	border: solid 1px #E6E6E6;
	resize: none;
	font-family: Tahoma;
	color: #676767;
	font-size: 14px;
	padding-top: 2px;
	padding-left: 10px;
	margin: 4px 0 5px 14px;
}

.add_bold, .add_italic, .add_underline {
	margin-top: 4px;
	float: left;
	margin-left: 4px;
}

.deleteImg {
	cursor: pointer;
	float: left;
	margin: 4px 0 0 10px;
}

#bottom_order_button {
	float: left;
	background: url(/images/order_submit_bottom.png) top left no-repeat;
	width: 114px;
	height: 41px;
	margin: 7px 0 0 261px;
}

#youtube_block {
	float: left;
	width: 369px;
	margin-top: 23px;
	margin-bottom: 20px;
}

#youtube_logo {
	background: url(/images/youtube_logo.png) top left no-repeat;
	float: left;
	width: 55px;
	height: 27px;
	margin: 8px 10px 0 3px;
}

#youtube_block h3 {
	float: left;
	width: 299px;
	font-family: Tahoma;
	font-size: 24px;
	color: #6b7273;
	border-bottom: dotted 1px #757B7C;
	padding-bottom: 7px;
}

#youtube_block iframe {
	float: left;
	margin: 14px 0 0 3px;
}

#colorSelector {
	float: left;
	width: 20px;
	height: 18px;
	background: #000;
	margin-left: 3px;
	position: relative;
	top: 1px;
}

.add_text_block {
	font-family: Tahoma;
	font-size: 14px;
	color: #676767;
	text-decoration: none;
	background: url(/images/add_icon.png) top left no-repeat;
	height: 27px;
	display: block;
	margin-top: 7px;
	padding: 4px 0 3px 35px;
}

#text_tools_divider {
	float: left;
	position: relative;
	left: -1px;
}

.align {
	margin: 5px 0 0 5px;
}
.align img {
	float: left;
}

.draggable {
  	cursor: move;  
  	float: left;
  	padding: 1px;
}

.over_element {
  	border: dashed 1px #33CC33;
  	padding: 0;
}

.options_list {
	position: relative;
	z-index: 1000;
	background: #00A4FF;
	display: none;
	float: left;
	width: 100%;
}

.options_list li {
	padding-bottom: 5px;
}

.format_block {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.choose_file_button {
	background: url(/images/book-image-upload-icon.png) top left no-repeat;
	height: 60px;
	float: left;
	width: 310px;
    margin-top: 16px;
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 11px;
 }

.image-upload-container {
  float: left;
  width: 120%;
  position: relative;
  cursor: pointer;
}

#upload_text {
	font-size: 34.28px;
	font-family: Times New Roman;
	color: #000000;
	margin: 0;
	float: left;
    width: 327px;
    padding-bottom: 10px;
    margin-top: 17px;
    border-bottom: solid 1px #CFCFCF;
    position: absolute;
    top: 0;
    left: 124px;
}

.hidden-container {
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/**
 *	Sides
 */ 
#sides {
	float: left;
	margin: 5px 0 0 253px;
}

#sides_divider {
	float: left;
	width: 3px;
	height: 66px;
	background: url(/images/shirt_side_divider.png) top left no-repeat;
}

#sides a {
	font-size: 24px;
	color: #686f70;
	font-family: Myriad Pro;
	text-decoration: none;
	float: left;
}

#front_button {
	margin: 1px 19px 0 0;
	padding: 24px 18px 0 0;
	height: 49px;
}

#back_button {
	padding: 24px 0 0 17px;	
	height: 49px;
	margin: 1px 0 0 12px;
}

#sides a.current {
	color: #00a4ff;
	text-decoration: underline;
}

/**
 *	Flyer
 */ 
#front_background, #back_background {
	float: left;
	position: relative;
	margin: 17px 0 20px 0;
	border: solid 5px #E0E0E0;
	width:651px;
	height: 463px;
}

#front_container, #back_container {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: block;
	width: 651px;
	height: 463px;
}

#back_background {
	display: none;
}


#book-loading-container {
	width: 651px;
	height: 463px;
	display: block;
	float: left;
	background: #111;
	position: relative;
	top: -463px;
	margin-bottom: -463px;
}

#book-left-side, #book-right-side {
	display: none;
	position: absolute;
	top: 0;
}

#book-left-side {
	left: 0;
}

#book-right-side {
	right: 0;
}

/******************************************************************************/
#book-first-page-container {
	background: #FFF;
	float: left;
	width: 100%;
	min-height: 500px;
}

#book-content {
	width: 1102px;
	margin: 0 auto;
}

#book-content h1 {
	font-family: Times New Roman;
	color: #000000;
	font-size: 44px;
	background: url(../images/book-content-heading.png) top left no-repeat;
	float: left;
	width: 579px;
	height: 62px;
	padding-top: 8px;
	text-align: center;
	position: relative;
	top: -9px;
	margin-left: 261px;
}

#book-content-blocks {
	float: left;
	width: 101%;
}

#book-content-left {
	float: left;
	width: 535px;
	margin-right: 12px;
}

#book-content-right {
	float: left;
	width: 559px;
}

#book-content-left h3 {
	color: #000000;
	font-family: Times New Roman;
	font-size: 44px;
	padding: 39px 0 15px 18px;
	float: left;
	width: 100%;
}



#book-preview-block {
	float: left;
	width: 537px;
	margin: 10px 0 0 1px;
}

#book-preview-block-image {
	text-align: center;
}

#book-preview-block ul {
	float: left;
	width: 102%;
	margin-top: 23px;
}

#book-preview-block ul li {
	float: left;
	height: 112px;
	border: solid 1px #E7E7E7;
	margin-right: 5px;
}

#book-preview-block ul li.current { 	
	background: #E7E9EC;
}

.associated-product {
	float: left;
	width: 532px;
	border-top: solid 1px #E6E6E6;
	margin-bottom: 23px;
}

.associated-product img {
	margin-left: 10px;
}

#book-content-left h4 a {
	text-decoration: none;
	font-weight: bold;
	color: #00cace;
	font-size: 23.45px;
	font-family: Times New Roman;
	margin: 17px 18px;
	display: block;
}

#book-awards-block {
	float: left;
	background: url(../images/first-book-award.png) top left no-repeat;
	width: 100%;
	height: 114px;
	margin: 16px 0 0 0;
}

#book-awards-block h2 {
	color: #000000;
	font-family: Times New Roman;
	font-size: 32.73px;
	text-transform: uppercase;
	line-height: 35px;
	margin: 2px 0 0 129px;
}

#book-awards-block p {
	font-size: 18px;
	font-family: Times New Roman;
	margin: 10px 0 0 130px;	
}

#book-price-block {
	float: left;
	margin: 38px 0 0 0;
}

#book-price-block h3 {
	font-size: 36.77px;
	font-family: Times New Roman;
	border-bottom: solid 1px #E6E6E6;
	width: 560px;
	padding-bottom: 9px;
}

#book-price-block h3 span {
	float: right;
	color: #00cace;
}

#book-price-block h3 span sup {
	font-size: 22px;
	position: relative;
	top: -20px;
}

#bp1 {
	font-size: 19.97px;
	position: relative;
	top: 13px;
}

#bp2 {
	font-size: 40.84px;
	font-weight: bold;
	position: relative;
	top: -5px;	
	margin-left: 10px;
}

#book-description-block {
	float: left;
	width: 320px;
	color: #000000;
	font-size: 14px;
	font-family: Times New Roman;
	padding-right: 60px;
	line-height: 18px;
	padding-top: 36px;
	text-align: justify;
}

#book-price-block a {
	text-align: center;
	float: right;
	color: #00a3fe;
	font-family: Times New Roman;
	font-size: 20.2px;
	background: url(../images/book-create-icon.png) top left no-repeat;
	width: 115px;
	height: 20px;
	padding-top: 116px;
	margin: 16px 46px 0 0;
}

#book-content-tabs {
	float: left;
	width: 553px;
	border: solid 3px #E6E6E6;
	border-radius: 20px;
	margin-top: 40px;
}

#book-content-tabs ul {
	float: left;
	width: 110%;
	position: relative;
	top: -3px;
	left: -3px;
}

#book-content-tabs ul li a {
	float: left;
	text-decoration: none;
	font-size: 23.07px;
	font-family: Times New Roman;
	color: #FFF;
	text-align: center;
	height: 43px;
	border: solid 3px #E6E6E6;
	padding-top: 18px;
	position: relative;
}

#book-content-tabs ul li a#tab1 {
	width: 220px;
	color: #FFF;
	border-radius: 20px 20px 0 0;
	z-index: 3;
	background: #B1B3B7;
	border-bottom: solid 3px #FFF;
}

#book-content-tabs ul li a.current {
	color: #00cace !important;
	border-bottom: solid 3px #FFF;
	background: #FFF !important;
}

#book-content-tabs ul li a#tab2 {
	width: 172px;
	background: #CDCFD2;
	z-index: 2;
	border-radius: 0 20px 0 0;
	position: relative;
	left: -16px;
}

#book-content-tabs ul li a#tab3 {
	width: 165px;
	background: #B1B3B7;
	z-index: 1;
	padding-left: 16px;
	border-radius: 0 20px 0 0;
	left: -32px;
}

#content-tabs {
	float: left;
	width: 100%;
}

#tab1-content, #tab2-content, #tab3-content {
	font-family: Times New Roman;
	font-size: 14px;
	padding: 22px 28px;
	line-height: 18px;
	text-align: justify;
	float: left;
}

#tab2-content, #tab3-content {
	display: none;
}

.book-tab-content strong {
	font-weight: bold;
}

#child-image-preview-container {
  position: absolute;
  top: 196px;
  left: 418px; 
  width: 130px;
  height: 129px;
  overflow: hidden;
}

#child-image-preview {
  position: relative;
}

#remove-child-image {
    display: none;
    position: absolute;
    top: 70px;
    left: 279px;
    height: 16px;
    color: #000;
    font-family: Times New Roman;
    text-decoration: none;
    background: url(/images/remove-child-image.png) right top no-repeat;
    font-weight: bold;
    font-size: 16.36px;
    padding-right: 23px;
}