*{margin:0; padding:0;}
body{font-size:12px; line-height:1.45em; font-family:helvetica, arial; color:#333; background:#fff;}
img{border:none !important;}

#wrap{margin:0 auto; width:670px; background-repeat:repeat-y;}
div.full{margin-top:20px;}

h1{margin-bottom:10px; font-family:arial; font-size:22px;}
h2{font-size:14px; margin-bottom:10px; font-family:arial;}
p.instruction, a.instruction{background:#185399; font-size:18px; padding:10px; color:#fff; display:block;}
a.instruction{}
a.instruction:hover{background:black; color:#fff; text-decoration:none;}

a{color:#1f60b5; text-decoration:none;}
a:hover{text-decoration:underline;}

.text p, p.text{font-family:georgia; font-size:16px; line-height:20px;}
#sidebar p{font-size:12px; line-height:18px;}

input.submit_button{margin:0; background-color:#185399; color:#fff; padding:5px; border:none; font-weight:bold; font-size:12px; font-family:arial, sans-serif; cursor:pointer;}

.big_readable p{font-size:18px; font-family:georgia; line-height:24px; margin-bottom:20px;}
.readable p{margin-bottom:20px;}
.big_readable h1, .readable h1{ font-family:arial; margin-bottom:20px;}
.readable{font-size:14px; font-family:georgia; line-height:20px;}
.fun_button a, input.fun_button{background-color:#0b8bd4; cursor:pointer; font-size:18px; border:5px solid #056399; padding:20px; text-transform:uppercase; font-weight:bold; color:#fff; text-decoration:none; display:block;  margin:0 auto; background-position:center center; -webkit-border-radius:10px; -moz-border-radius:10px;}
.fun_button a:hover, .fun_button.hover a, input.fun_button:hover{border-color:#004267; background-color:#007BBC;}
.slim{padding:10px !important;}

/*dropbox*/

#upload_link{background-image:url(/images/tile/uploading.gif);}
.upload_an_image{background-image:url(/images/tile/upload_an_image.gif) !important;}
.upload_another_image{background-image:url(/images/tile/upload_another_image.gif) !important;}

div.errorExplanation{padding-top:20px;}
div.errorExplanation h2{display:none;}
div.errorExplanation p{display:none;}
div.errorExplanation ul{list-style-type:none;}
div.errorExplanation ul li{color:red; padding-bottom:5px;}



label span.error{color:red;}

#main_content{float:right; width:480px;}

#upload{ margin-top:20px; position:relative; margin-bottom:20px; height:70px; overflow:hidden;}
#upload .inner{padding:20px; margin-bottom:20px;}

#upload input.file{opacity:0; -moz-opacity:0.0; -ms-filter: "alpha (opacity=0)"; filter: alpha (opacity=0);}
#upload input.file{ font-size:100px; width:480px; position:absolute; top:0; cursor:pointer;  } 

/*for ff2*/
#upload .ff2 input.file{left:-1905px;}

/*#upload input.submit{float:right;}*/

#sidebar{width:170px; float:left; background-image:url(/images/tile/sidebar_fade.png); background-repeat:repeat-x; min-height:337px;}
#sidebar .inner{padding:10px; padding-top:20px;}
#sidebar p{margin-bottom:1em;}

#cart_items{background-color:#eee; padding:20px 0 20px 20px;}


/* HOME PAGE */
.text_replace{background-repeat:no-repeat; text-indent:-9999px; display:block; overflow:hidden;}

#home_wrap{padding-top:20px;}
#home_header{cursor:pointer; margin-bottom:40px;}
#home_header h1.teeny_tile a{display:block; background-repeat:no-repeat; background-image:url('/images/home/personal_photo_tile.jpg'); height:670px; height:215px;}
/*#home_header h2.two_inch_square a{display:block; background-repeat:no-repeat; background-image:url('/images/home/two_inch_square.gif'); height:409px; height:102px; margin-bottom:0;}*/

#get_started_button a.start_making_teeny_tiles{ background-color:#0b8bd4; border:5px solid #056399; padding:20px; text-transform:uppercase; font-weight:bold; color:#fff; text-decoration:none; display:block; background-image:url(/images/home/start_making_teeny_tiles.gif); margin:0 auto; background-position:center center; -webkit-border-radius:10px; -moz-border-radius:10px;}
#get_started_button a.start_making_teeny_tiles:hover{border-color:#004267; background-color:#007BBC;}

#additional_information ul{list-style-type:none; margin-top:50px; margin-bottom:50px;}
#additional_information ul li{width:210px; height:113px; background-image:url(/images/home/additional_information.gif); float:left;  }
#additional_information ul li.last{margin-right:0;}
#additional_information ul li.teeny_tiles_cost{}
#additional_information ul li.orders_arrive_in{background-position:-210px 0; width:250px; margin:0;}
#additional_information ul li.teenytile_requires_no{background-position:-460px 0;}
#additional_information ul li.sale{width:440px;}
#additional_information ul li.shipping{background-position:-459px 0; float:right; width:212px;}
#additional_information ul li.shipping a{display:block; height:91px; width:212px;}


/* NEW TILE PG */
#cart_header{margin-right:20px; margin-bottom:20px;}
#cart_header h2#cart_title{float:left;}
#cart_header h2 span#cart_details{font-weight:normal; border-left:1px dotted #aaa; margin-left:1em; padding-left:1em; }
#cart_header a#checkout{float:right; font-weight:bold; font-size:14px;}

.simulated_tile a{text-decoration:none; color:#fff; font-size:11px; display:block; height:145px; width:146px; background-image:url(/images/tile/tile_contour.png); background-repeat:no-repeat;}
.simulated_tile a:hover{background-position:0 -146px;}
.simulated_tile a .qty_label{padding-top:113px; padding-left:65px; display:block;}
.simulated_tile{width:145px; height:146px; margin-right:4px; margin-bottom:2px; margin-left:-1px; float:left; background-repeat:no-repeat; background-position:1px 2px;}


/* CROP PAGE */

#new_wrap{width:670px;}
#new_wrap #crop_instructions{float:left; width:190px;}
#new_wrap #crop_instructions div.inner{margin-right:20px;}
#new_wrap #crop_instructions strong{display:block; margin-bottom:1em;}
#new_wrap #crop_instructions p{margin-bottom:1em; }

#crop-canvas .crop-box .image-wrap{padding:10px;}
#crop-canvas .crop_fields{display:none;}

#crop-canvas{ float:right; margin-top:20px; background-color:#f3f4d0; width:480px; -webkit-border-radius:10px; -moz-border-radius:10px; position:relative;}
#crop-canvas .inner{ padding:20px; }
#crop-canvas .crop-box{float:left; -webkit-box-shadow:0 0 5px #aeaf97; border:1px solid #D6D7B7; }
#crop-canvas #buttons{ float:right; width:150px; }

#crop-canvas .quantity{ border:2px solid #aaaaaa; background-color:#fff; padding:8px 10px 8px 10px; font-size:18px; text-transform:uppercase; -webkit-border-radius:10px; -moz-border-radius:10px; }  
#crop-canvas .quantity label#quantity_label{display:block; width:84px; height:17px; background-image:url(/images/tile/quantity.png); background-position:left 0; background-repeat:no-repeat; text-indent:-9999px; float:left; margin-top:6px; margin-right:10px;}
#crop-canvas .quantity input.text{ width:26px; font-size:14px; text-align:center; float:right; height:18px;}

#tile_submit{background-color:#0b8bd4; border:2px solid #056399; width:100%; margin-top:10px; text-transform:uppercase; background-image:url(/images/tile/save_changes.png); background-position:center center; padding:13px 10px 13px 0; background-repeat:no-repeat; display:block; overflow:hidden; text-indent:-9999px; -webkit-border-radius:10px; -moz-border-radius:10px;}
#tile_submit:hover{background-color:#007BBC; border-color:#004267;}

#delete_tile{overflow:hidden; background-color:#c59f8d; text-transform:uppercase; margin-top:172px; text-indent:-9999px; background-image:url(/images/tile/delete.png); background-position:10px 6px; background-repeat:no-repeat;  display:block; padding:3px; color:#fff;  -webkit-border-radius:10px; -moz-border-radius:10px; }
#delete_tile:hover{background-color:#ff0000;}


/* CROP BOX */
.crop-box, #crop-canvas #upload{background:#fff; width:270px; float:left; }
.crop-box .crop-area{overflow:hidden; width:250px; height:250px; cursor:move; position:relative;}
.crop-box .options{padding:10px 10px 0 10px; text-transform:uppercase; font-weight:bold;}
.crop-box .options .quantity{float:left; width:110px;}
.crop-box .options .quantity label{}
.crop-box .options .quantity input.text{width:2.5em; text-align:center;}
.crop-box .options .actions{float:right; width:100px; text-align:right;}
.crop-box .options .actions a{padding:0 2px;}
.crop-box .options .actions a:hover{background-color:#1F387A; color:#fff; text-decoration:none;}
.crop-box .zoom{padding:0 10px 10px 10px; height:10px;}
.crop-box .zoom.disabled{opacity:.5, -moz-opacity:.5; -khtml-opacity:.5; filter:alpha(opacity=50);}
.crop-box .zoom.disabled .handle{cursor:not-allowed;}
.crop-box .zoom.disabled .track{cursor:not-allowed;}
.crop-box .zoom .zoom_label{float:left; margin-top:-3px; color:#5a5a5a; text-transform:uppercase; font-weight:bold;}
.crop-box .zoom .track{height:10px; background:#cccccc; float:right; width:205px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.crop-box .zoom .handle{width:12px; height:12px; position:relative; top:-1px; left:12px; cursor:pointer; }


/* COUPON BAR */
#coupon_bar{width:670px; margin:0 auto; border:1px solid #aaa; border-top:none; font-size:14px; background-color:#d5e9f8; background-image:url(/images/coupon_bg.gif); background-repeat:repeat-x; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; text-shadow:#fff 0 1px 0;}
#coupon_bar p{padding:10px 20px;}

#coupon{padding:10px; margin-bottom:20px; margin-right:20px; background-color:#fff; border:1px solid #ccc;}
#coupon #remove_coupon{float:left; margin-right:10px;}
#coupon #remove_coupon a{color:#ccc;}
#coupon #remove_coupon a:hover{color:red; text-decoration:none;}
#coupon p{float:left;}


/* CHECKOUT */
table#your_order{width:100%; border:2px solid #2B6392; border-top:1px solid #2B6392;}
table#your_order td.item{font-weight:bold;}
table#your_order td.price{text-align:right;}
table#your_order td{padding:5px; border-top:1px solid #2b6392;}
table#your_order tr.total td{background-color:#fff;}



#bottom_buttons{margin-top:20px;}
#next_step{float:right;}
#separate_billing_link{font-weight:bold; font-size:14px; float:left; outline:0; background-color:#f3f4d0; padding:5px; display:block;}
#email_address{background-color:#eee; margin-top:20px;}
#email_address p{padding:0 20px 10px 20px}
#email_address #emailfield{padding:0 20px 20px 20px; padding-bottom:40px;}
.address .errorExplanation{margin:0 20px; }
.zip input.text{}
.country select{width:210px;}
/*#email{width:426px !important;}*/
.address select{}

#credit_card_month{width:40px !important;}
#credit_card_year{width:40px !important;}
#credit_card_verification_value{width:55px !important;}

#checkout_form label{ display:block; font-size:12px; font-weight:bold; margin-bottom:3px;}
#checkout_form input.text{width:196px; padding:5px; float:left;}
#checkout_form .address, #checkout_form #payment{background-color:#eee; margin-top:20px; position:relative;}
#accepted_cards{position:absolute; right:10px; top:10px;}
#authorize_seal{border:1px solid #eee; margin-top:20px; padding:10px; background-color:#fff; }
#authorize_seal .AuthorizeNetSeal{margin:0 auto;}

#checkout_form h2, #checkout_form h2{padding:20px 0 0 20px; }
#checkout_form .first_name, .last_name, .address_one, .address_two, .city, .credit_card_nubmer{width:210px;}
#checkout_form td.zip {width:150px;}
#checkout_form .exp_year, .exp_month{width:40px;}
#checkout_form .credit_card_number{width:210px;}
#payment #billing_error{padding:0 20px; color:red;}

/*order complete*/
h1.your_order_has{background-image:url(/images/order_complete/your_order_has.gif); width:439px; height:169px; margin-bottom:30px;}
.order_number{background-color:#f3f4d0; padding:3px;}

/*contact page*/
ul#contact_form{list-style-type:none;}
ul#contact_form li{margin-bottom:10px;}
ul#contact_form li label{display:block; font-weight:bold;}
ul#contact_form li input.text,ul#contact_form li textarea{width:100%; padding:3px; font-size:14px;}
ul#contact_form li textarea{height:200px;}



/* FOOTER */
#footer{ padding:10px; border:2px solid #eee; margin-top:30px; clear:both;}
#footer ul{list-style-type:none;}
#footer ul li{float:left; padding-right:1em; border-right:1px dotted #aaa; margin-right:1em;}
#footer ul li.last{border-right:none; padding-right:0; margin-right:0;}
#footer ul li.opposite{border-right:none; float:right; margin-right:0; padding-right:0;}