/*
* -------------------------------
* common 
* ------------------------------- 
*/

 @font-face {
    font-family: 'Rabbit';
    src: url('../fonts/rabbit_on_the_moon-webfont.eot');
    src: url('../fonts/rabbit_on_the_moon-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rabbit_on_the_moon-webfont.woff') format('woff'),
         url('../fonts/rabbit_on_the_moon-webfont.ttf') format('truetype'),
         url('../fonts/rabbit_on_the_moon-webfont.svg#RabbitOnTheMoonRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MrBubble';
    src: url('../fonts/mrbubblefont-webfont.eot');
    src: url('../fonts/mrbubblefont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mrbubblefont-webfont.woff') format('woff'),
         url('../fonts/mrbubblefont-webfont.ttf') format('truetype'),
         url('../fonts/mrbubblefont-webfont.svg#MrBubbleFontRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Dimbo';
    src: url('../fonts/Dimbo Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* --- Common ------------ */
* { padding: 0; margin: 0; }

a img { border: none; }
a { text-decoration: none; color:#8f674c;outline: none; cursor: pointer; }
li { list-style: none outside; }
p { padding-bottom: 20px; }
strong { font-weight: normal; font-family: MuseoSlab900; }
img { outline:none; border:none;}

.clear, .cleaner { clear: both; height: 0px; overflow: hidden; }
.hidden { display:none; }

/* --- Typography ---*/
h1,h2,h3,h4,h5,h6 { font-family:Rabbit; letter-spacing: -0.04em; font-weight: normal; }
h1 { font-size:30px; padding-bottom:20px; }
h1 span { color:#6d4830; }
h2 { font-size:26px; color:#6d4830;}
h3 { font-size:24px;color:#6d4830; }
h4 { font-size:21px; line-height:24px; color:#8f674c;}
h5 { font-size:18px; }
h6 {  }
p  {  }

/* --- Layout ---*/
body { font:18px Rabbit,Arial,sans-serif;  background:url(images/landingpage/stripes_bg.jpg) repeat scroll center 34px; color:#a07659; }
body {
background-color: #739f48;
background-image: url(images/new/mainbg.jpg);
background-repeat: no-repeat;
background-position:0 0;
background-size: 100% auto!important;
}
#page_container { width:900px; margin: 0 auto -30px; padding:0 20px;  background: url('images/landingpage/container_bg_cont.jpg') repeat center 389px; }
#page_container { background: url('images/new/container_bg_cont_2.png') center 389px repeat!important; }
.ui-widget-overlay #loading { width: 50px; height: 50px; background: #FFF; border: 5px solid #FFF; border-radius: 10px;  background: #FFF url('images/ajax-loader.gif') center no-repeat; position: fixed; left: 50%; top: 50%; margin: -30px 0 0 -30px;  }
#header { position:relative; padding:10px 0; background: url('images/new/container_bg.png') center top no-repeat; width:940px; height:390px; margin-left:-20px;   z-index:1; }
#header .site_logo { display:block; margin:20px auto;width:270px; height:150px; background: url('images/site_logo2.png') 0 50% no-repeat; background-size:100% auto; text-indent:-3000px;}
#header .track-btn { display:block; width:161px; height:47px; position:absolute; top:0; right:17px; background: url('images/track_btn.png') 0 0px no-repeat; text-indent:-3000px; }
#header .track-btn:hover { background-position: 0 -47px;}
#header .contact { display:block; width:145px; height:46px; position:absolute; top:0; right:180px; background: url('images/contact_us.png') 0 -50px no-repeat; text-indent:-3000px; }
#header .contact:hover { background-position: 0 0;}
#header .faq-btn { display:block; width:76px; height:46px; position:absolute; top:0; right:325px; background: url('images/faq_btn.png') 0 0px no-repeat; text-indent:-3000px; }
#header .faq-btn:hover { background-position: 0 -58px;}
#header .blog-btn { display:block; width:77px; height:46px; position:absolute; top:0; right:400px; background: url('images/blog_btn.png') 0 0px no-repeat; text-indent:-3000px; }
#header .blog-btn:hover { background-position: 0 -54px;}
#cnt { padding:0 40px 30px;text-align:center; }
#page_content { margin-top:-220px;  z-index:10; position:relative; padding-bottom:100px;  }

/* --- Forms and Fields ---*/
input, textarea { border:none; font:24px/36px Rabbit,Arial,sans-serif; color:#8f674c; outline:none;resize:none}
.field_cnt { width:300px; }
.field_cnt.left  { position:absolute; left: 20px; }
.field_cnt.right { position:absolute; right:40px;}
.field_cnt label 	{ float:left; width:100%;font: 26px/32px Rabbit,Arial,sans-serif; text-align:left;}
.field_cnt input 	{ float:left; background: url('images/input.png') 0 0 no-repeat; width:225px; padding:0 10px;height:50px; }
/*.field_cnt .valid, 
.field_cnt .invalid	{ display:block; float:left; margin:12px 0 0 10px; width: 23px; height:23px; background: url('images/validation.png') no-repeat; }
.field_cnt .valid 	{ background-position: 0 0;}
.field_cnt .invalid { background-position: 0 -30px;}*/

.check-choice { float:left;margin:10px 0 10px 0px; display:block; }
.check-choice li { float:left; margin-right:10px;}
.check-choice li span {font-size:20px; line-height:20px;}
.check-choice .checkbox { padding:5px 5px 5px 40px; background: url('images/checkbox-no-tick.png') 0 0 no-repeat;}
.check-choice .checkbox.selected { padding:5px 5px 5px 40px; background: url('images/checkbox-tick.png') 0 0 no-repeat;}
.unavailable { opacity:.2; cursor:default; }

.checkboxes { width: 700px; margin: 0 auto; }
.checkboxes .check-choice { float: none; display: block; text-align: left; }
.checkboxes .check-choice .checkbox { font-size: 29px; background-position: left 10px; }
.checkboxes .check-choice .checkbox.selected { font-size: 29px; background-position: left 10px; }
.checkboxes .check-choice span { font-size: 21px; color: #8f674c; margin-left: 40px;}
.checkboxes .check-choice h3 { float: right; color: #9a9490; font-size: 36px;}
.checkboxes .check-choice h3.price { color: #6d4830;}
.checkboxes .check-choice h3.comingsoon {  margin-top:-10px;}

/* --- Homepage ---*/
body.homepage #page_content{ margin-top:-290px; }
#home {width:830px; height:100px; padding:410px 0 30px; background: url('images/home_bgrd_trans1.png') center 25px no-repeat; }
#home h4 {color:#a07659; font-size:22px;}
.enter-site, .continue-btn, .make-btn, .paypal-btn { display:block; width:232px; height:75px; margin:20px auto; }
.enter-site { background: url('images/enter-btn.png') 0 0 no-repeat; }
.continue-btn { background: url('images/continue_btn.png') 0 0 no-repeat; position:relative;}
.enter-site:hover, .continue-btn:hover { background-position: 0 -85px}
/*added by Urvisha 11th Nov*/ 
.no-thanks-skip-btn { display:block; width:292px; height:69px; margin:20px auto; background: url('images/no_thanks_skip.png') 0 0 no-repeat; position:relative;}
.no-thanks-skip-btn:hover { background-position: 0 -80px}
.back-btn { display:block; width:155px; height:53px; margin:0 auto;background: url('images/back_btn.png') 0 0 no-repeat;}
.back-btn:hover { background-position:0 -60px}
.select { display:block; width:500px; margin:20px auto; clear:both; position:relative;}
.select li:first-child { margin-right:30px;}
.choice, .choice.unavailable:hover { float:left; width:234px; height:277px; background: url('images/choice.png') -240px 0 no-repeat; }
.choice a {display:block; width:100%; height:100%;}
.choice a.boy  {background: url('images/boy.png') center no-repeat;}
.choice a.girl {background: url('images/girl.png') center no-repeat;}
.choice.selected, .choice:hover { background-position:0 0; cursor:pointer;}
.error-container { width: 300px;position:relative; margin:0 auto; }
.error-bubble { position:absolute; top: 50%; right:-200px; display:table; width:200px; height:84px; margin-top:-46px; background: url('images/error_bubble.png') 0 0 no-repeat; font:16px/18px MrBubble,Arial,sans-serif; color:#6d4830;text-align:center; overflow:hidden; cursor:default; }
.error-bubble-cost { position:absolute; top: 50%; right:136px; display:table; width:200px; height:84px; margin-top:-80px; background: url('images/error_bubble.png') 0 0 no-repeat; font:16px/18px MrBubble,Arial,sans-serif; color:#6d4830;text-align:center; overflow:hidden; cursor:default; }
.error-bubble-track { position:absolute; top: 43%; right:65px; display:table; width:200px; height:84px; margin-top:-220px; background: url('images/error_bubble.png') 0 0 no-repeat; font:16px/18px MrBubble,Arial,sans-serif; color:#6d4830;text-align:center; overflow:hidden; cursor:default; }
.error-message { display:table-cell; color:#6d4830; vertical-align:middle; text-align:center; overflow:hidden; cursor:default; width:170px; height:68px; padding:8px 6px 8px 24px;}
.error-container .error-message{ right:-170px;}
.tooltip { width:170px; height:70px; padding:10px 7px 8px 6px;background: url('images/tooltip.png') 0 0 no-repeat; text-align:center; font: 16px/18px MrBubble Arial,sans-serif;}
.express-checkout .error-bubble{ right:-242px;}

.discount-bubble.pdf_copy { position:absolute; top: 50%; right:-129px; display:table; width:129px; height:88px; margin-top:-46px; background: url('images/discount_bubles.png') 0 0 no-repeat; font:16px/18px MrBubble,Arial,sans-serif; color:#6d4830;text-align:center; overflow:hidden; cursor:default; -moz-box-sizing: padding-box;}
.discount-bubble.printed_book { position:absolute; top: 50%; left:-135px; display:table; width:135px; height:88px; margin-top:-46px; background: url('images/discount_bubles.png') -130px 0 no-repeat; font:16px/18px MrBubble,Arial,sans-serif; color:#6d4830;text-align:center; overflow:hidden; cursor:default; -moz-box-sizing: padding-box;}
.discount-bubble.hidden { display:none; }
.discount-message { display:table-cell; color:#6d4830; vertical-align:middle; text-align:center; overflow:hidden; cursor:default;}


/* --- Step 2 Character Customization ---*/
.character 						{ position:relative; margin:0 auto; width:156px; height:325px; background: transparent 0 bottom no-repeat; }
.character .skin 				{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; background: transparent 0 bottom no-repeat;}
.character .hair 				{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; background: transparent 0 bottom no-repeat;}
.character .eyes 				{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; background: transparent 0 bottom no-repeat;}

.character.white .skin,
.character.white .eyes,
.character.white .hair			{ display:none;}
.character.white.girl .hair		{ display:block;}

/* --- Pickers --- */
.picker 				{ display:block; width:159px; height:99px; position:relative;}
.picker .selector5 		{ display:none; width:22px;height:22px; background: url('images/picker/selectors5.png') no-repeat;}
.picker .selector4 		{ display:none; width:22px;height:22px; background: url('images/picker/selectors4.png') no-repeat;}
.picker .selector5.pos1	{ position:absolute; top:2px; left:75px;  background-position: -38px  0}
.picker .selector5.pos2	{ position:absolute; top:62px; left:81px; background-position: -72px 0}
.picker .selector5.pos3	{ position:absolute; top:80px; left:34px; background-position: -104px 0}
.picker .selector5.pos4	{ position:absolute; top:42px; left:-5px; background-position: -134px 0}
.picker .selector5.pos5	{ position:absolute; top:-3px; left:18px; background-position: 0 0}

.picker .selector4.pos1	{ position:absolute; top:2px; left:72px;  background-position: -37px 0}
.picker .selector4.pos2	{ position:absolute; top:68px; left:80px; background-position: -67px 0}
.picker .selector4.pos3	{ position:absolute; top:78px; left:14px; background-position: -96px 0}
.picker .selector4.pos4	{ position:absolute; top:10px; left:2px;  background-position: 0 0}

.picker.hair-style 		{ display:block; width:110px; height:300px; padding:7px 5px; background: url('images/picker/hair-style.png') 0 0 no-repeat; }
.picker.hair-style.white{ background-position:-140px 0; }
.picker.hair-style a 	{ display:block; width:100%; height:92px; margin-bottom:7px; position:relative;}
.picker.hair-style a .selector { display:none; width:27px; height:25px; position:absolute; top:50%; margin-top:-12px; right:-15px; background: url('images/picker/selector.png') 0 0 no-repeat; }

.picker span.selector.show { display:block; }
.picker span.selector5.show { display:block; }
.picker span.selector4.show { display:block; }

.picker.unavailable span.selector5.show { display:none; }
.picker.unavailable span.selector4.show { display:none; }

.picker .map {outline:none; border:none;}

.char-customizer  	{ position:relative; }
.boy .char-customizer .picker.skin-color  { position:absolute; top:160px; left:150px; margin-top:-40px; }
.boy .char-customizer .picker.hair-color  { position:absolute; top:60px;  right:130px;}
.boy .char-customizer .picker.eyes-color  { position:absolute; top:200px; right:130px;}

.girl .char-customizer .picker.hair-style { position:absolute; top:0; 	 left: 130px;}
.girl .char-customizer .picker.skin-color { position:absolute; top:0; 	 right:130px;}
.girl .char-customizer .picker.hair-color { position:absolute; top:110px;  right:130px;}
.girl .char-customizer .picker.eyes-color { position:absolute; top:220px; right:130px;}

.char-customizer .checkbox { display:block; width:125px; padding:40px 0 0 0; background: url('images/checkbox-no-tick.png') center top no-repeat; font: 18px/24px Rabbit,Arial,sans-serif; }
.char-customizer .checkbox.selected { background: url('images/checkbox-tick.png') center top no-repeat;}
.step2 .checkbox { position:absolute; left:130px; bottom:50px;}

/* Step 3*/
.step3 { position:relative; }
.step3 .field_cnt.left  { position:absolute; top:100px;  left: 20px;}
.step3 .field_cnt.right { position:absolute; top: 100px; right: 0px; }
/*.step3 .field_cnt .input.kid_name { margin-bottom:50px;}*/

/* Step 4*/
.topics-container { width:820px; height:120px; margin:0 auto 10px; padding:0px 5px 0px 5px; background: url('images/topics-container.png') 0 0 no-repeat; }
.topics-container ul li { float:left; margin:0 3px 3px 0; background: center no-repeat;}
.topics-container ul li a { display:block;width:132px; height:114px; }
.topics-container ul li a.selected { background: url('images/topics/highlight.png') center no-repeat;}

.topics-container ul .sports		{ background-image: url('images/topics/soccer.png'); }
.topics-container ul .dancing     	{ background-image: url('images/topics/dancing.png');}
.topics-container ul .count_to_10     	{ background-image: url('images/topics/numbers.png');}
.topics-container ul .eating      	{ background-image: url('images/topics/eating-healty.png'); }
.topics-container ul .horses      	{ background-image: url('images/topics/horses.png'); }
.topics-container ul .road-safety 	{ background-image: url('images/topics/road-safety.png'); }
.topics-container ul .friendship  	{ background-image: url('images/topics/friendship.png');}
.topics-container ul .animals   	{ background-image: url('images/topics/animals.png');}
.topics-container ul .music       	{ background-image: url('images/topics/music.png'); }
.topics-container ul .race        	{ background-image: url('images/topics/race-car-driving.png');}
.topics-container ul .stranger    	{ background-image: url('images/topics/stranger-danger.png'); }
.topics-container ul .bed-time    	{ background-image: url('images/topics/going-to-bed-on-time.png');}

.topics-container ul li.thumb  			{ background: url('images/topics/topics_thumbs.png') no-repeat; }
.topics-container ul li.thumb a			{ width:100px; height:86px; }
.topics-container ul .sports.thumb	    { background-position: 0 0;}
.topics-container ul .dancing.thumb     { background-position: -110px  0;}
.topics-container ul .count_to_10.thumb     { background-position: -220px  0;}
.topics-container ul .eating.thumb      { background-position: -330px  0;}
.topics-container ul .horses.thumb      { background-position: -440px  0;}
.topics-container ul .road-safety.thumb { background-position: -550px  0;}
.topics-container ul .friendship.thumb  { background-position: 0 -103px;}
.topics-container ul .animals.thumb   { background-position: -110px -103px;}
.topics-container ul .music.thumb       { background-position: -220px -103px;}
.topics-container ul .race.thumb        { background-position: -330px -103px;}
.topics-container ul .stranger.thumb    { background-position: -440px -103px;}
.topics-container ul .bed-time.thumb    { background-position: -550px -103px;}

.currency_picker { position:relative;width:290px; height:36px; margin:20px auto 7px; background: url('images/currency_picker_bg.png') 0 0 no-repeat; }
.currency_picker p { font:18px/36px Rabbit,Arial,sans-serif; color:#8f674d;}
.currency_picker p a { margin-right:10px;}
.currency_picker p a.selected { color:#573b29; text-decoration:underline;}

.reading_time { float:left; display:block;width:320px; height: 68px; margin:0 8px 0 10px; padding:7px 39px 7px 34px;background: url('images/reading_time.png') 0 0 no-repeat; }
.reading_time span{ float:right;width:164px; height: 68px; font:32px/68px Rabbit; color:#6d4830;}
.cost { float:left;display:block; position:relative; width:273px; height: 61px; padding:10px 20px 10px 100px; background: url('images/cost.png') 0 0 no-repeat; }
.cost .book_cost 	{ display:block; width:135px; float:left;height:60px; text-align:center;}
.cost .book_cost .left	{ padding-left:15px;}
.cost .book_cost h3	{ font-size:36px; line-height:36px;}
.cost .book_cost h4	{ font-size:21px; line-height:24px;}

.suggestions { width:334px; height:46px; margin: 5px 0 0 10px;padding:7px 70px 7px 460px; background: url('images/suggestions.png') 0 0 no-repeat; }
.send-btn { float:left;display:block;width:87px; height:46px; background: url('images/send_btn.png') 0 0 no-repeat; }
.send-btn:hover { background-position:0 -50px;}
.suggestions input.small { float:left; margin-right:10px;width:160px; height:30px; padding:6px 8px 5px; background: url('images/input_small.png') 0 0 no-repeat; font:18px/30px Dimbo,Rabbit,Arial,sans-serif; }

/* Step 4 - Overwrite */
.topics-container ul li a {width: 198px;height: 171px;}
.topics-container ul li, .topics-container ul li a.selected {background-size:cover;}
.topics-container{height:auto;}

/*---- Step 5 - Summary ----*/
.summary { float:left; width:220px; }
.summary div { width:180px; height:83px; padding:11px 15px 10px; margin-bottom:5px;background: url('images/summary_names.png') 0 0 no-repeat; text-align:left;}
.summary div h2 { font-size: 18px; }
.summary div h3 { font-size: 32px; line-height:32px; color:#6d4830; }
.summary div .gender  { float:right;}

.step5 { padding:0 65px 0 85px; position:relative;}
.step5 .feedback_bubble { display:block; width:116px; height:72px; position:absolute; top: 50px; left:260px; background: url('images/feedback_bubble.png') 0 0 no-repeat;}
.step5 .topics-container {  float:right; width: 205px; height:300px; padding:8px 11px; background: url('images/summary_topics.png') 0 0 no-repeat; text-align:left;}
.step5 .topics-container ul.scrollbar {width:240px; height:265px;}
.btn_container { display:block; text-align:center; width:667px; height:52px;  padding:7px 0;margin:0 auto; background: url('images/btn_container.png') center no-repeat;}
.view-sample-btn { display:block; width:204px; height:52px; margin:0 auto;background: url('images/view_sample.png') 0 0 no-repeat; }
.view-sample-btn:hover { background-position:0 -60px;}
.make-btn { background: url('images/make_it.png') 0 0 no-repeat; }
.make-btn:hover { background-position:0 -80px; }

.photo_cnt { width:256px; margin: 0 auto; }
.file-photo-btn { float:left;display:block;width:256px; height:46px; background: url('images/load_photo_from_file.png') 0 0 no-repeat; }
.file-photo-btn:hover { background-position:0 -46px;}

.facebook-photo-btn { float:left;display:block;margin-left:8px; width:256px; height:46px; background: url('images/get_a_facebook_photo.png') 0 0 no-repeat; }
.facebook-photo-btn:hover { background-position:0 -46px;}

.facebook_photo_container{ text-align:center; }
ul.facebook-albums,
ul.facebook-photos { width:700px; height:500px;}
ul.facebook-albums li,
ul.facebook-photos li {width: 75px; margin-right:20px; float:left; position:relative; min-height : 250px; }
ul.facebook-albums li.last,
ul.facebook-photos li.last {margin-right:0px;}
ul.facebook-albums li.first,
ul.facebook-photos li.first {clear: left;}

.croppable { width: 517px; margin: 0 auto; }
/* --- Crop page ---*/
.landscape { background: url('images/landscape_crop.png') center 50px no-repeat; position:relative;  }
.portrait { background: url('images/portrait_crop.png') center 20px no-repeat; position:relative;  }
.landscape .price,
.portrait .price { display:block;position:absolute; top:215px; width:100%; font-size:30px; color:#8f674c; }


/* --- Delivery page ---*/
.purchase-form-top { width:500px; height: 14px; padding-right:20px; margin: 0 auto; background: url('images/shipping_top_bg.png') 0 0 no-repeat;}
.purchase-form-bottom { width:500px; height: 17px; padding-right:20px; margin: 0 auto; background: url('images/shipping_bottom_bg.png') 0 0 no-repeat;}
/*.purchase_form { width:410px; height:180px; padding:25px 30px; margin:20px auto;background: url('images/purchase_form_bg.png') 0 0 no-repeat; text-align:left;color:#A07659;}*/
/*.purchase_form { }*/
.purchase_form { width:515px; min-height:295px; margin: 0 auto; padding:6px 0px 3px 5px;background: url('images/shipping_middle_bg.png') 0 0 repeat-y; text-align:left;color:#A07659;}
.purchase_form .invalid { position:relative; background: none; }
.purchase_form .invalid .invalid_email { display:block; width:200px; height:84px; position:absolute; right:-210px; top:-35px; background: url('images/invalid_email.png') 0 0 no-repeat;}
.purchase_form .promo { position:relative; width: 100%; float:left;margin-top: 7px; }
.purchase_form .promo .error-bubble {right:-220px; bottom:-10px; top:auto;}
.pdf_copy { background: url('images/pdf_copy.png') center 25px no-repeat; position:relative;}
.printed_book { background: url('images/printed_book.png') center 25px no-repeat; position:relative;}
.sticker { display:block; width:102px; height:85px; position:absolute; top:-30px; right:-40px; background: url('images/book_sticker.png') 0 0 no-repeat; }
.pdf_copy .price,
.printed_book .price { display:block;position:absolute; top:215px; width:100%; font-size:30px; color:#8f674c; }
label { font-size:24px; line-height:36px; margin-bottom:5px;}
input.long { width: 350px; height: 36px; padding:4px 11px 4px 10px; background: url('images/input_long.png') 0 0 no-repeat; border:none;}

.update-cost { display:block; float:left; width:150px; height:45px; margin-left:10px; background: url('images/update_cost.png') 0 0 no-repeat;}
.update-cost:hover {background-position:0 -50px;}
.postage-calc { display:block; width: 340px; height:75px; margin:20px auto; background: url('images/postage_calc.png') 0 0 no-repeat;}
.postage-calc:hover { background-position:0 -81px;}
.total-cost   { float: right; padding: 10px 40px 10px 55px; margin-right: 212px; background: url('images/total_cost.png') left top no-repeat; width:170px;}
.total-cost h3  {font-size: 32px; margin-right: -90px; }
.total-cost h4  { margin-left: -6px; text-align: left; margin-top:-3px;}
 

/* --- Postage Calculator ---*/
.postage { width:500px; margin:0 auto;}
.country-picker { float:left; width:200px; }
.country-btn { display:block; width:194px; height:68px; margin-bottom:2px;background: url('images/country-btn.png') 0 -71px no-repeat; font-size:34px; line-height:68px;}
.country-btn.selected, .country-btn:hover { background-position: 0 0; line-height:71px;}
.postage_cost { float:right; width:240px; height:250px; padding: 15px; background: url('images/postage_cost.png') 0 0 no-repeat; text-align:left;}
.postage_cost p {font: 18px/24px MrBubble,Arial,sans-serif; color:#8f674c;}
.postage .send-btn { float:right; margin-top:15px;}
.postage_cost h4 {font-size:32px; line-height:46px; margin-bottom:5px; color:#8f674c; position:relative;}
.postage_cost h4 span {float:right; color:#8f674c;}
.postage_cost .delivery-time { font-size:24px;}
.postage_cost .total, .postage_cost .total-price { color:#6d4830;}

/* --- Dedication --- width 80 change by urvisha to 98*/
.dedication h1 { letter-spacing: -2px; }
/*.textarea_container { margin:0 auto; width:472px; height:220px;padding:20px 0;background: url('images/textarea_container.png') 0 0 no-repeat;  }*/
.textarea_container { width:515px; min-height:180px; margin: 0 auto; padding:6px 0px 3px 5px;background: url('images/shipping_middle_bg.png') 0 0 repeat-y;}
.textarea_container .text_wrap { margin:10px auto; padding:18px 10px 18px 10px; width: 352px; background: url('images/contact_textarea.png') left top no-repeat; border:none; text-align:center; color:#6d4830;}
.textarea_container .text_wrap input { width:98%;border-bottom:2px dashed #e7d4b6; outline: none; font:18px Dimbo,Rabbit,Arial,sans-serif; text-align: center; color:#6d4830; background:none; vertical-align:bottom;}
.textarea_container .text_wrap input::-webkit-input-placeholder	{ text-align:center; }

.paypal-btn { width:291px;background: url('images/paypal-btn.png') 0 0 no-repeat; }
.paypal-btn:hover { background-position: 0 -80px; }
/* all */


/* --- Confirm ---*/
.confirm { width:522px; margin:0 auto; }
.confirm h1 { text-align:left; font-size:28px; line-height:31px; }
.download-pdf { width:522px; height:112px; padding:20px; margin:0 auto;background: url('images/download_pdf_cnt.png') 0 0 no-repeat; }
.download .download-pdf { width: 522px; height:170px; padding: 10px 20px 20px; margin:10px auto;background: url('images/social_container.png') 0 0 no-repeat; }
.download_copy { display:block; margin:0 auto;width:518px; height:67px; margin-bottom:15px;background: url('images/download_pdf.png') 0 0 no-repeat;}
.download_copy:hover { background-position:0 -78px;}
.social { width: 522px; height:170px; padding: 10px 20px 20px; margin:10px auto;background: url('images/social_container.png') 0 0 no-repeat; }
.download .social { width:522px; height:112px; padding:20px; margin:0 auto;background: url('images/download_pdf_cnt.png') 0 0 no-repeat; }
.social .checkbox { display:block; color:#6d4830; }
.social .checkbox span { display:block; font-size:28px; line-height:28px; color:#6d4830; }
.social h2 { padding-bottom:10px; font-size:20px; color:#8f674c;}
.download .social h2 { padding-bottom:10px; font-size:34px; color:#8f674c;}

/* .like_facebook, .follow_twitter { display:block; float:left; width:254px; height:45px;background: url('images/share_buttons.png') no-repeat; }
.like_facebook { background-position:0 0; }
.like_facebook:hover {background-position:0 -50px;}
.follow_twitter {background-position:-260px 0; margin-left:10px;}
.follow_twitter:hover {background-position:-260px -50px;} */
.social_buttons  { display:block; width:160px; margin:0 auto;}
.social_buttons .fb_iframe_widget { float:left;display:block !important; font-size:11px;}
.social_buttons .twitter-follow-button { float:left; width:64px !important; }
.discount { width:522px; padding:13px 20px; margin:0 auto;background: url('images/discount_cnt.png') 0 0 no-repeat; background-size: 100% 100%;}
.discount h5 {font-size:26px; text-align:left; margin-left:45px; color:#8f674c;}
.share_on_email { width:422px; height:36px; padding:5px 10px 4px; background: url('images/share_on_email.png') 0 0 no-repeat;}
.discount .send-btn { float:right;width:105px; height:50px; margin:10px 40px 0 0; background: url('images/send_red_btn.png') 0 0 no-repeat; }
.discount .send-btn:hover { background-position:0 -60px;}

/* --- Confirm Page ---*/
.confirm-page ul { display:block; width:640px; margin:0 auto; }
.confirm-page ul li { width:100%; margin-bottom:10px;float:left; clear:both;}
.confirm-page .country-btn { float:left; font-size: 30px; margin-right:20px;}
.confirm-page .country-btn:hover { background-position:0 -71px; line-height:68px;}
.info { float:left; width:365px; background: url('images/confirm-page-cnt.png') no-repeat; }
.info span {font-size:30px; line-height:36px;}
.book-title { height: 66px; padding: 15px 0; background-position:0 0; }
.cost-price { height: 30px; padding: 15px 0; margin: 3px 0; background-position:0 -106px;}
.user-email { height: 30px; padding: 15px 0; margin: 3px 0; background-position:0 -178px; }
.user-address { padding: 15px 0 0; background: url('images/user-address-top.png') 0 0 no-repeat;}
.user-address-bottom { padding: 0 0 15px 0; background: url('images/user-address.png') 0 bottom no-repeat;}
.confirm-order { display:block; width:340px; height:74px; margin:10px auto;background: url('images/confirm-order-btn.png') 0 0 no-repeat;}
.confirm-order:hover { background-position:0 -80px;}

/* --- Contact ---*/
/*.contact_form { width:400px; padding:30px 40px; margin:0 auto;background: url('images/contact_form_cnt.png') 0 0 no-repeat; }*/
.contact_form { width:515px; min-height:180px; margin: 0 auto; padding:6px 0px 3px 5px;background: url('images/shipping_middle_bg.png') 0 0 repeat-y;}
.contact_form .input { margin-bottom:10px;}
.contact_form .field input { height:44px; width:284px; padding:0 10px;background: url('images/contact_input.png') 0 0 no-repeat; font: 24px/36px Dimbo,Rabbit,Arial,sans-serif;}
.contact_form .input label { float:left; line-height:44px; margin-left:10px;}
.contact_form textarea { width:352px; height:174px; overflow:hidden;padding:10px;background: url('images/contact_textarea.png') 0 0 no-repeat; line-height:36px;font: 24px/36px Dimbo,Rabbit,Arial,sans-serif;}
.contact_form h1 a {color:#6d4830;}
.contact_form h3 {color:#8f674c;}
.contact_form .send-btn { float:right !important; width:105px; height:50px;background: url('images/send_red_btn.png') 0 0 no-repeat; }
.contact_form .send-btn:hover { background-position:0 -60px;}
/*.contact_mail { width:420px; padding:15px 30px; margin:0 auto 20px;background: url('images/contact_form_cnt_small.png') 0 0 no-repeat; }*/
.contact_mail { width:519px; margin:0 auto;background: url('images/shipping_middle_bg.png') 0 0 repeat-y; padding-top: 7px;}
.contact_form .invalid	{ display:block; float:right; margin:12px 0 0 0px; width: 23px; height:23px; background: url('images/validation.png') 0 -30px no-repeat; }

/* --- Track Order ---*/
.track_form { width:390px; padding:60px 40px; margin:0 auto;background: url('images/track_form_cnt.png') 0 0 no-repeat; height: 411px;}
.track_form .input { margin-bottom:10px;}
.track_form .field input { height:50px; width:355px; padding:0 10px;background: url('images/input_long.png') 0 0 no-repeat; }
.track_form .input label { float:left; line-height:50px; margin-left:10px;}
.track_form h1 a {color:#6d4830;}
.track_form h3 {color:#8f674c;}
.track_form .go-btn { float:right !important; width:85px; height:50px; background: url('images/go_red_btn.png') 0 0 no-repeat; margin-top:0px;}
.track_form .go-btn:hover { background-position:0 -50px;}
.track_form .invalid	{ display:block; float:right; margin:12px 0 0 0px; width: 23px; height:23px; background: url('images/validation.png') 0 -30px no-repeat; }

/* --- Track Order Detail Page ---*/
.track_detail_page ul { display:block; width:640px; margin:0 auto; }
.track_detail_page ul li { width:100%; margin-bottom:10px;float:left; clear:both;}
.track_detail_page ul li a.track_url{font-size:20px; line-height:10px;margin-top:30px;}
.track_detail_page .country-btn { float:left; font-size: 30px; margin-right:20px;}
.track_detail_page .country-btn:hover { background-position:0 -71px; line-height:68px;}

.info { float:left; width:365px; background: url('images/confirm-page-cnt.png') no-repeat; }
.info span {font-size:30px; line-height:36px;}
.book-title { height: 66px; padding: 15px 0; background-position:0 0; }
.cost-price { height: 30px; padding: 15px 0; margin: 3px 0; background-position:0 -106px;}
.user-email { height: 30px; padding: 15px 0; margin: 3px 0; background-position:0 -178px; }
.user-address { padding: 15px 0 0; background: url('images/user-address-top.png') 0 0 no-repeat;}
.user-address-bottom { padding: 0 0 15px 0; background: url('images/user-address.png') 0 bottom no-repeat;}

/*  --- Custom Scrollbar ---  */
.scrollbar { overflow:hidden;}
.scrollbar-pane { margin-right: 20px;}
.scrollbar-handle-container {  background: #e0ccab; width: 15px; border-radius:8px;}
.scrollbar-handle { width: 15px;  background: #b88855; border-radius:8px;}
.scrollbar-handle:hover {   background: #A07659; }

/*  --- FAQ Scrollbar ---  */
.faq.scrollbar { max-height:740px; text-align:center; margin-bottom:30px;}


/* --- Contact ---*/
.prelaunch .message { position: relative; margin: 0px auto;  width:630px; height:290px;  background: url('images/prelaunch_msg_new.png') 0 0 no-repeat; display: block; clear: both; }
.prelaunch .message .successful { position:absolute; display: block; right: -15px; top: -50px; width:99px; height:57px;  padding: 15px; line-height: 18px; background: url('images/prelaunch_thank_you.png') 0 0 no-repeat; }
.submit-btn { position:relative; display:block; width:232px; height:76px; margin:20px auto; background: url('images/submit-btn.png') 0 0 no-repeat; }
.submit-btn:hover { background-position:0 -76px;}

/* --- Unsubscribe page ---*/
.successful, .unsuccessful { display:block; padding-left:35px; width: 500px;  margin: 0 auto;text-align:left;}
.successful { background: url('images/valid.png') left 10px no-repeat; }
.unsuccessful { background: url('images/invalid.png') left 10px no-repeat;}

/* --- Contact ---*/
.captcha-container { width:580px; margin: 0 auto; text-align:center;}
.captcha-container .captcha { width:320px;margin: 20px auto;}
.captcha-container label { line-height:20px; }
.captcha-container #recaptcha_response_field { font:12px/18px Arial; }
.captcha-container h2 { color:#8f674c; }

#no_robot{text-align:center;}
#no_robot > div {display: inline-block!important;}

/* --- Dialog ---*/
.ui-dialog-content  { padding:30px 20px; border:5px solid #c54230; background: url('images/dialog_bg.jpg') 0 0 no-repeat; border-radius: 20px 20px; box-shadow:0 3px 12px rgba(0,0,0,0.7); overflow:hidden;}
.ui-dialog-titlebar-close { display:block; position:absolute; top:18px; right:-45px; width:62px; height:62px; background: url('images/dialog_close_btn.png') 0 0 no-repeat;text-indent:-9000px; z-index:1100;}
.ui-dialog-titlebar-close:hover {background-position:-80px 0;}
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background-color: rgba(0,0,0,0.5);}
.view-sample.ui-dialog-content  { padding:0; background:#FFF url('images/ajax-loader.gif') center center no-repeat;}
.view-sample.ui-dialog-content div.page { width:706px; height:700px; border-radius:15px;}
.view-sample.ui-dialog-content a { position:absolute; top: 354px; width: 63px; height: 62px; background: url('images/arrows.png'); }
.view-sample.ui-dialog-content img { float:right; border-radius: 17px 17px;}
.view-sample.ui-dialog-content a.sample_back { left: 15px; background-position: 0 0; }
.view-sample.ui-dialog-content a.sample_next { right: 15px; background-position: 63px 0; }
.view-sample.ui-dialog-content a.sample_back:hover { left: 15px; background-position: 0 62px; }
.view-sample.ui-dialog-content a.sample_next:hover { right: 15px; background-position: 63px 62px; }
.choose_file { width:300px; margin:0 auto; display:block;    }


/* --- Shipping Address ---*/
.shipping-address-top { width:500px; height: 14px; padding-right:20px; margin: 0 auto; background: url('images/shipping_top_bg.png') 0 0 no-repeat;}
.shipping-address-bottom { width:500px; height: 17px; padding-right:20px; margin: 0 auto; background: url('images/shipping_bottom_bg.png') 0 0 no-repeat;}
.shipping-address { width:515px; margin: 0 auto; padding:6px 0px 3px 5px; background: url('images/shipping_middle_bg.png') 0 0 repeat-y;}
.shipping-address .input {  clear:both; }
.shipping-address .input label { width:100px;float:left; margin:5px 5px 0 0; text-align:left;}
.shipping-address .input .field { float:left; margin-bottom:16px;}
.shipping-address .input .label_value { float:left; margin-bottom:16px; border: medium none; height: 36px; padding: 4px 11px 4px 10px; width: 350px; color: #8F674C; font: 24px/36px Rabbit,Arial,sans-serif; outline: medium none; resize: none; text-align: left; }
.shipping-address .valid, .shipping-address .invalid { margin: 12px 0 0 3px; }

/*.go-payment { display:block; margin:0 auto ;width:292px; height:72px;background: url('images/go_payment.png') 0 0 no-repeat; text-indent:-3000px; margin:20px auto; }*/

/*.go-payment:hover { background-position:0 -80px;}*/
/*changed on 11th November By Urvisha Vachhani */
/*.go-payment.ok-ready,.go-payment.ok-ready-to-go, .postage-calc.ok-ready { width:330px; height:76px; background: url('images/ready_btn.png') no-repeat ; background-position:0 0;  }*/
/*.go-payment.ok-ready:hover,.go-payment.ok-ready-to-go:hover, .postage-calc.ok-ready:hover { background-position:0 -90px;}*/


.payment-dialog-container .rte {  text-align:center; }
input:-moz-placeholder { color:#a9a9a9; }
.textarea_container .text_wrap input:-moz-placeholder { color:#a9a9a9; }
.textarea_container .text_wrap input::-webkit-input-placeholder { color:#a9a9a9; }
input.placeholder { color:#a9a9a9; }
.textarea_container .text_wrap input.placeholder { color:#a9a9a9; }

.warning { font-size: 125%; color: #CC3333; display: block; text-align: left; padding: 20px 10px 20px 75px; background: url('images/warning.png') 5px 25px no-repeat; clear: both;}



/* Storybookshop */
/*
	.storybookshop #header .site_logo   { display:block; margin:10px auto;width:573px; height:150px; background: url('images/site_logo2.png') 0 0 no-repeat; text-indent:-3000px;}
*/
.storybookshop #header .site_logo   { display:block; margin:10px auto;width:573px; height:0px; background: none; text-indent:-3000px;}
.storybookshop #page_content { margin-top: -390px; }
body.homepage.storybookshop #page_content { margin-top: -440px; }
.storybookshop #header .faq-btn,
.storybookshop #header .contact,
.storybookshop #header .track-btn,
.storybookshop #header .blog-btn
{ display: none; }
.storybookshop .photo_cnt           { width: 848px;   }
.storybookshop .download_copy           { margin-left: -20px; background: url('images/storybook/dl_pdf.png') center -2px no-repeat; }
.storybookshop .download_copy:hover     { background-position:  center -221px; }
.storybookshop .download_copy:active    { background-position:  center -442px; }


.storybookshop .enter-site             { width: 300px; height: 145px; background:  url('images/storybook/start.png') -2px -2px no-repeat; margin: 10px auto 20px;}
.storybookshop .back-btn               { width: 220px; height: 94px; background: url('images/storybook/back.png') -2px -2px no-repeat; }
.storybookshop .continue-btn           { width: 300px; height: 130px; background: url('images/storybook/continue.png') -2px -2px no-repeat; }

.storybookshop .file-photo-btn ,
.storybookshop .facebook-photo-btn      { width: 420px; height: 94px;}
.storybookshop .submit-btn,
.storybookshop .postage-calc,
.storybookshop .go-payment,
.storybookshop .confirm-order           { width: 300px; height: 130px; }
.storybookshop .download_copy           { width: 564px; height: 94px; background: url('images/storybook/dl_pdf.png') center -2px no-repeat; }

.storybookshop .submit-btn              { background: url('images/storybook/submit.png') -2px -2px no-repeat;  }
.storybookshop .postage-calc            { background: url('images/storybook/postage_calc.png') -2px -2px no-repeat;  }
/*.storybookshop .go-payment              { background: url('images/storybook/payment.png') -2px -2px no-repeat;  }*/
.storybookshop .confirm-order           { background: url('images/storybook/confirm_order.png') -2px -2px no-repeat;  }
.storybookshop .file-photo-btn          { background: url('images/storybook/load_photo.png') 0px -2px no-repeat; }
.storybookshop .facebook-photo-btn      { background: url('images/storybook/facebook.png') 0px -2px no-repeat; }

.storybookshop .submit-btn:hover,
.storybookshop .continue-btn:hover          { background-position: -2px -216px;}
.storybookshop .submit-btn:active,
.storybookshop .continue-btn:active         { background-position: -2px -430px;}
.storybookshop .back-btn:hover,
.storybookshop .enter-site:hover            { background-position: -2px -221px;}
.storybookshop .back-btn:active,
.storybookshop .enter-site:active           { background-position: -2px -440px;}
.storybookshop .file-photo-btn:hover,
.storybookshop .facebook-photo-btn:hover    { background-position: 0px -221px;}
.storybookshop .file-photo-btn:active,
.storybookshop .facebook-photo-btn:active   { background-position: 0px -440px;}
.storybookshop .go-payment:hover,
.storybookshop .postage-calc:hover,
.storybookshop .confirm-order:hover         { background-position: -2px -195px;}
.storybookshop .go-payment:active,
.storybookshop .postage-calc:active,
.storybookshop .confirm-order:active        { background-position: -2px -391px;}

.shipping-address input {font:24px/36px Dimbo,Rabbit,Arial,sans-serif;}
.shipping-address select {font:24px/36px Dimbo,Rabbit,Arial,sans-serif;}

input.error {
    background: url(images/input_error.png) no-repeat;
/*    color: #480000;*/
    border-radius: 3px 3px 3px 3px;
    border-color: red;
    color:#8F674C;
}

input.valid {
    background: url(images/input_valid.png) no-repeat;
    color:#8F674C;
}

.shipping-address .error {
    background: url(images/input_long_error.png) no-repeat;
/*    color: #480000;*/
    border-radius: 3px 3px 3px 3px;
    border-color: red;
    color:#8F674C;
}

.shipping-address .valid {
    background: url(images/input_long_valid.png) no-repeat;
    color:#8F674C;
}

.track_form .field.error {
    background: url(images/input_long_error.png) no-repeat;
/*    color: #480000;*/
    border-radius: 3px 3px 3px 3px;
    border-color: red;
    color:#8F674C;
}

.track_form .field.valid {
    background: url(images/input_long_valid.png) no-repeat;
    color:#8F674C;
}


.step3 span.form-error.help-block {
    color: red;
    display: block;
    margin-top: 6px;
    padding-left: 0;
    float: left;
    width: 243px;
}

.purchase_form span.form-error.help-block {
    color: red;
    display: block;
    margin-top: 6px;
    padding-left: 0;
    float: left;
}

.shipping-address span.form-error.help-block {
    color: red;
    display: block;
    margin-top: 6px;
    padding-left: 0;
    text-align: left;
}

.track_form  span.form-error.help-block {
    color: red;
    display: block;
    margin-top: 6px;
    padding-left: 0;
    float: left;
}

.contact_form  span.form-error.help-block {
    color: red;
    display: block;
    margin-top: 6px;
    padding-left: 0;
/*    float: left;*/
}


.contact_form .field.error  {
    background: url(images/contact_input_red.png) no-repeat;
/*    color: #480000;*/
    border-radius: 3px 3px 3px 3px;
    border-color: red;
    color:#8F674C;
}

.contact_form textarea.error  {
    background: url(images/contact_textarea_red.png) no-repeat;
/*    color: #480000;*/
    border-radius: 3px 3px 3px 3px;
    border-color: red;
    color:#8F674C;
}

.contact_form .field.valid  {
    background: url(images/contact_input_green.png) no-repeat;
    color:#8F674C;
}

.contact_form textarea.valid  {
    background: url(images/contact_textarea_green.png) no-repeat;
    color:#8F674C;
}

.purchase-middle{padding: 5px 50px;}
/*.purchase_form label{float: left;font: 26px/32px Rabbit,Arial,sans-serif;text-align: left;width: 100%;}*/

.contact-form-top { width:500px; height: 14px; padding-right:20px; margin: 0 auto; background: url('images/shipping_top_bg.png') 0 0 no-repeat;}
.contact-form-bottom { width:500px; height: 17px; padding-right:20px; margin: 0 auto 13px; background: url('images/shipping_bottom_bg.png') 0 0 no-repeat;}

.contact-middle{padding: 5px 50px;}


.contactinfo-form-top { width:500px; height: 14px; padding-right:20px; margin: 0 auto; background: url('images/shipping_top_bg.png') 0 0 no-repeat;}
.contactinfo-form-bottom { width:500px; height: 17px; padding-right:20px; margin: 0 auto 25px; background: url('images/shipping_bottom_bg.png') 0 0 no-repeat;}

.step3 .error-bubble { position:absolute; top: 75%; right:-200px; display:table; width:200px; height:84px; margin-top:-46px; background: url('images/error_bubble.png') 0 0 no-repeat; font:16px/18px MrBubble,Arial,sans-serif; color:#6d4830;text-align:center; overflow:hidden; cursor:default; }

.temp_dedication
{
    display: none;
}


.dedication-form-top { width:500px; height: 14px; padding-right:20px; margin: 0 auto; background: url('images/shipping_top_bg.png') 0 0 no-repeat;}
.dedication-form-bottom { width:500px; height: 17px; padding-right:20px; margin: 0 auto 25px; background: url('images/shipping_bottom_bg.png') 0 0 no-repeat;}



.dedication  span.form-error.help-block {
    color: red;
    display: block;
    margin-top: 6px;
    padding-left: 0;
/*    float: left;*/
}

.textarea_container .text_wrap_error {
    background: url("images/contact_textarea_red.png") no-repeat scroll left top transparent;
    color:#8F674C;
}

.textarea_container .text_wrap_valid{
        background: url(images/contact_textarea_green.png) no-repeat;
        color:#8F674C;
}
/*.text_wrap .field .error  {
    background: url(images/contact_textarea_red.png) no-repeat;
    border-radius: 3px 3px 3px 3px;
    border-color: red;
}*/

.selectME{
    font: 18px Rabbit,Arial,sans-serif;
}

div.selectME 
{
   /* float:none !important; */
}

/*.contact_form textarea.placeholder
{
    color: #8F674C;
}*/

#ui-dialog-title-1
{
    font-size: 30px;
    font-weight: bold;
    color: white;
   
       
}
.ui-dialog-titlebar
{
    text-align: center;
}
#ui-dialog-title-1 img
{
    margin-top:-50px;
    margin-bottom:-15px;
}

.save_order .field input { height:50px; width:355px; padding:0 10px;background: url('images/input_long.png') 0 0 no-repeat; }
.save_order .input label { float:left; line-height:50px; margin-left:10px;}
.save_order .field.error {
    background: url(images/input_long_error.png) no-repeat;
/*    color: #480000;*/
    border-radius: 3px 3px 3px 3px;
    border-color: red;
    color:#8F674C;
}

.save_order .field.valid {
    background: url(images/input_long_valid.png) no-repeat;
    color:#8F674C;
}

.save_order  span.form-error.help-block {
    color: red;
    display: block;
    margin-top: 6px;
    padding-left: 0;
    float: left;
}
.save-order-middle
{
    padding-left: 75px;
    padding-bottom: 125px;
}

.save_order .go-btn { float:right !important; width:373px; height:85px; background: url('images/landingpage/save-btn.png') 0 0 no-repeat; margin-top:25px;margin-right: 41px;}
.save_order .go-btn:hover { background-position:0 -100px;}
.error-bubble-track { position:absolute; top: 70%; right:50px; display:table; width:200px; height:84px; margin-top:-220px; background: url('images/error_bubble.png') 0 0 no-repeat; font:16px/18px MrBubble,Arial,sans-serif; color:#6d4830;text-align:center; overflow:hidden; cursor:default; }
.save-order-success{float:left;text-align:center;padding-left:30px;color:#76af4b;font-size:20px;padding-top: 20px;}


#id_dog_name.placeholder { color: #8F674C; }

#id_dog_name::-moz-placeholder {
    color: #A9A9A9;
    opacity : 1 !important;
}

#id_dog_name::-webkit-input-placeholder {
    color: #A9A9A9;
    opacity: 1 !important;  for chrome 
}
#id_dog_name{ float:left; background: url('images/input-grey.png') 0 0 no-repeat; width:225px; padding:0 10px;height:50px; }
#dog_name_label{color: #A9A9A9;}

#id_dog_gender{ float:left; background: url('images/input-grey.png') 0 0 no-repeat; width:225px; padding:0 10px;height:50px; }
.dog_gender_checkbox_label{margin-top:5px;color: #A9A9A9;}
.check-choice .checkboxdisabled { padding:5px 5px 5px 40px; background: url('images/disabled-checkbox-no-tick.png') 0 0 no-repeat;}
.check-choice .checkboxdisabled.selected { padding:5px 5px 5px 40px; background: url('images/disabled-checkbox-tick.png') 0 0 no-repeat;}

.prevslider {
    float: left;
    margin-left: -25px;
    cursor: pointer;
    padding-top: 45px;
    font-size: 50px;
}
.nextslider {
    float: right;
    margin-right: -25px;
    margin-top: -105px;
    cursor: pointer;
    font-size: 50px;
}
.clearfix {
    float: none;
    clear: both;
}

.agegrouptext
{
    font-size:45px;
    padding-top:20px;
}
.agegroupyear
{
    float: left;
    padding-left: 19px;
    font-size:60px;
    margin-top: -28px;
}
.agegroup3year
{
    float: left;
    padding-left: 19px;
    font-size:60px;
    margin-top: -16px;
}
.agegroupline
{
    text-align:left;
    float:left;
    width: 230px;
}

.textseparator
{
    display:block;
    padding-top:7px;
    padding-bottom:7px;
}

.textseparatorlast
{
    display:block;
    padding-top:7px;
}
Warning: file_put_contents(__compiled.css): failed to open stream: Permission denied in D:\Apache24\htdocs\www.storybookshop.com.au\public\styles\styles.php on line 88