@import "reset.css";
@import "960.css";

table#orders { width: 100%; }
table#orders td { padding: 0; }
table#orders th { color: #555; }

a { outline: none; }
button { outline: none; }

body {
		margin: 0 auto;
		font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		font-size: 62.5%;
		line-height: 16px;
		background-attachment: fixed;
		background-repeat: repeat;
		background-image: url('../../images/site/dots.jpg');
}

div#nav_background { 
		width: 1020px;
		height: 144px;
		margin: 0 auto;
		background-position: 0 100%;
}

div.admin_navigation { background-color: #4C717F; height: 50px; margin-bottom: 20px; }

ul#cart_nav { width: 200px; float: right; position: relative; top: -40px; }
ul#cart_nav li { display: inline; }
ul#cart_nav li.cartitems a { text-decoration: none; color: #777; }
ul#cart_nav li.cartitems a:hover { border-bottom: 1px solid #777; color: #222; }

.container_16 { font-size: 1.2em; background-color: #FFF6D9; background-image: url('../../images/site/background_fader.jpg'); background-position: 0 50%; background-repeat: no-repeat; }
.container_16 p { padding-right: 16px; }

.grid_12 { min-height: 400px; }
.grid_12 h1 { font-size: 2.6em; font-weight: normal; font-family: Georgia; margin-bottom: 16px; font-style: italic; }
.grid_12 p { padding-bottom: 16px; }
.grid_12 p a { color: #222; text-decoration: none; border-bottom: 1px solid #777; }
.grid_12 p a:hover { color: #111; text-decoration: none; border-bottom: 1px solid #222; }

body.help-and-tutorials .grid_12 h3 { font-size: 1.3em; font-weight: normal; font-family: Georgia; margin-bottom: 16px; }
body.help-and-tutorials .grid_12 img { margin-right: 20px; margin-top: 10px; }

.grid_6 { min-height: 400px; }
.grid_12 h1 { font-size: 2.6em; font-weight: normal; font-family: Georgia; margin-bottom: 16px; font-style: italic; }
.grid_6 p { padding-bottom: 16px; }
.grid_6 p a { color: #222; text-decoration: none; border-bottom: 1px solid #777; }
.grid_6 p a:hover { color: #111; text-decoration: none; border-bottom: 1px solid #222; }

.grid_4 h1 { color: #4C717F; font-size: 2.2em; font-weight: normal; font-family: Georgia; margin-bottom: 16px; font-style: italic; }
.grid_4 p { font-size: 1.2em; line-height: 1.3em; color: #666; padding-bottom: 16px; }
.grid_4 p a { color: #666; text-decoration: none; border-bottom: 1px solid #777; }
.grid_4 p a:hover { color: #111; text-decoration: none; border-bottom: 1px solid #222; }

.grid_16 h1 { font-size: 1.6em; font-weight: normal; font-family: Georgia; margin-bottom: 16px; }
.grid_16 p { padding-bottom: 16px; }
.grid_16 p { color: #666; padding-bottom: 16px; }
.grid_16 p a { color: #666; text-decoration: none; border-bottom: 1px solid #777; }
.grid_16 p a:hover { color: #111; text-decoration: none; border-bottom: 1px solid #222; }

.masthead { height: 100px; }

.navigation { background-color: #6494A6; height: 48px; margin-bottom: -22px; }

#splash { width: 960px; height: 320px; background-color: #fefefd; position: relative; top: -32px; }

.product { background-color: #fefefd; height: 165px; float: left; }

.footer { text-align: center; }
.footer table td { padding: 16px 5px; font-size: 0.9em; color: #555;  }

.footer table td a { text-decoration: none; color: #555; }
.footer table td a:hover { border-bottom: 2px solid #1a1a1a; color: #1a1a1a; }

/* product styles */

div.products_0 { float: left; width: 220px; height: 220px; text-align: left; margin: 0 20px 40px 0; }
div.products_x { float: left; width: 220px; height: 220px; text-align: left; margin-top: 0; }

img.product_thumbnail { margin-bottom: 10px; width: 220px; }

div#product_description_area ul { list-style-type: square; margin-left: 16px; margin-bottom: 16px; }

.grid_4 ul { list-style-type: square; margin-left: 16px; margin-bottom: 16px; }


ul.messages { list-style-type: none; }
ul.messages li { height: 32px; text-indent: 25px; background-image: url('../../images/tools/accept.png'); background-repeat: no-repeat; }

ul.errors { list-style-type: none; }
ul.errors li { height: 32px; text-indent: 25px; background-image: url('../../images/tools/error.png'); background-repeat: no-repeat; }

/* checkout forms */

input.required { width: 215px; padding: 1px 0 1px 5px; border: none; font-size: 1.2em; height: 24px; background: #ffffff url('../../images/site/forms/input_required.png') no-repeat; }
input.not-required { width: 215px; padding: 1px 0 1px 5px; border: none; font-size: 1.2em; height: 24px; background: #ffffff url('../../images/site/forms/input.png') no-repeat; }
input#zip { width: 100px; }
input.coupon { width: 220px; padding-left: 2px; border: none; font-size: 1.2em; height: 24px; background: #ffffff; }

/* checkout steps form */
table#shipping_table { border-collapse: collapse; }
table#shipping_table td { padding-right: 10px; }
textarea#special_instructions { padding: 1px 0 1px 5px; border: none; background: #ffffff url('../../images/site/forms/input_textarea.png') no-repeat; }

form#shipping_information_form { margin-top: 32px; padding: 20px; }

label { display: block; clear: right; margin: 16px 0 4px 0; color: #666; }

/* coupon form */

div#enter_coupon { width: auto; }
form.submit_coupon_form { border: 4px solid #dadbcd; margin-top: 16px; padding: 20px; float: right; text-align: right; width: 220px; }
form.submit_coupon_form input { border-bottom: 1px solid #777; font-family: courier; font-size: 1.2em; color: #777; width: 218px; text-align: left; }

.show_details_button a {
	display: block;
	width: 114px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: #ffffff url("../../images/site/buttons/see_details_button.jpg") 0 0 no-repeat;
}

.show_details_button a span { display: none; }

.show_details_button a:hover {	
	background-position: 0 -32px;
}

.show_details_button a:active {	
	background-position: 0 -64px;
}


#show_all_items_button a {
	display: block;
	width: 117px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: #ffffff url("../../images/site/buttons/button_see_new_items.png") 0 0 no-repeat;
}

#show_all_items_button a span { display: none; }

#show_all_items_button a:hover {	
	background-position: 0 -32px;
}

#show_all_items_button a:active {	
	background-position: 0 -64px;
}


button#add_to_cart {
	border: none;
	display: block;
	width: 220px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: #ffffff url("../../images/site/buttons/button_add_to_cart.jpg") 0 0 no-repeat;
}

button#add_to_cart:hover {	
	background-position: 0 -32px;
}

button#add_to_cart:active {	
	background-position: 0 -64px;
}


button#add_to_cart span { display: none; }


#keep_shopping_button a {
	float: left;
	display: block;
	width: 220px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: #ffffff url("../../images/site/buttons/button_keep_shopping.jpg") 0 0 no-repeat;
}

#keep_shopping_button a span { display: none; }

#keep_shopping_button a:hover {	
	background-position: 0 -32px;
}

#keep_shopping_button a:active {	
	background-position: 0 -64px;
}

#checkout_now_button a {
	float: right;
	display: block;
	width: 220px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: #ffffff url("../../images/site/buttons/button_checkout_now.jpg") 0 0 no-repeat;
}

#checkout_now_button a span { display: none; }

#checkout_now_button a:hover {	
	background-position: 0 -32px;
}

#checkout_now_button a:active {	
	background-position: 0 -64px;
}

#enter_coupon_code_button a {
	float: left;
	display: block;
	width: 149px;
	height: 18px;
	margin: 0;
	padding: 0;
	background: #ffffff url("../../images/site/buttons/button_enter_coupon_code.jpg") 0 0 no-repeat;
}

#enter_coupon_code_button a span { display: none; }

#enter_coupon_code_button a:hover {	
	background-position: 0 -36px;
}

#enter_coupon_code_button a:active {	
	background-position: 0 -54px;
}



button#submit_coupon_code_button {
	border: none;
	display: block;
	width: 220px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: #ffffff url("../../images/site/buttons/button_submit_coupon_code.jpg") 0 0 no-repeat;
}

button#submit_coupon_code_button:hover {	
	background-position: 0 -32px;
}

button#submit_coupon_code_button:active {	
	background-position: 0 -64px;
}


button#submit_coupon_code_button span { display: none; }




button#pplsubmit {
	border: none;
	display: block;
	width: 220px;
	height: 32px;
	margin: 0 auto;
	padding: 0;
	background: #ffffff url("../../images/site/buttons/button_place_secure_order.jpg") 0 0 no-repeat;
}

button#pplsubmit:hover {	
	background-position: 0 -32px;
}

button#pplsubmit:active {	
	background-position: 0 -64px;
}


button#pplsubmit span { display: none; }





button#button_next_step {
	border: none;
	display: block;
	width: 220px;
	height: 32px;
	margin: 30px 0 0 0;
	padding: 0;
	background: #ffffff url("../../images/site/buttons/button_next_step.jpg") 0 0 no-repeat;
}

button#button_next_step:hover {	
	background-position: 0 -32px;
	outline: none;
}

button#button_next_step:active {	
	background-position: 0 -64px;
	outline: none;
}

button#button_next_step span { display: none; }

button#sign_up {
	border: none;
	display: inline;
	width: 58px;
	height: 18px;
	margin: 0 0 0 2px;
	padding: 0;
	position: relative;
	top: -2px;
	background: #ffffff url("../../images/site/buttons/button_sign_up.jpg") 0 0 no-repeat;
}

button#sign_up:hover {	
	background-position: 0 -18px;
	outline: none;
}

button#sign_up:active {	
	background-position: 0 -36px;
	outline: none;
}

button#sign_up span { display: none; }

div.image_overlay { }
/* product detail styles */

ul.image_thumb_row { margin-top: 30px; }
ul.image_thumb_row li { float: left; }
ul.image_thumb_row li img { margin: 0 20px 0 0; }

p#view_bigger { font-size: 10px; color: #555; margin-top: 2px; text-align: left; float: left; width: 200px; }
p#caption { padding-right: 0; margin-top: 2px; text-align: right; float: right; width: 200px; }

ul.magnifying { list-style-type: none; margin: 0; padding: 0; }
ul.magnifying li { float: left; width: 80px; }

p.product_name { font-size: 1.4em; }
p.product_price { }

span.product_priced_by_description {  }

input#customize {  }
textarea#customize {  }

/* gallery thumbnails */

div.gallery_0 { float: left; width: 220px; height: 192px; text-align: left; margin: 0 20px 0 0; }
div.gallery_x { float: left; width: 220px; height: 192px; text-align: left; margin-top: 0; }

/* navigation */

#navigation {
	background-color: transparent;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	height: 32px; 
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	background: transparent;
	color: #222;
	width: 110px; /* width of the submenus */
	height: 32px; /* height of the submenus */
	text-decoration: none;
	padding: 16px 0 0 0;	
	overflow: hidden;
	z-index: 1000;
	/* height: 0px !important; */
}

#nav li ul li a {	
	background: #EFEFE3;
	color: #555;
	padding: 16px 0 0 16px;	
}

#nav li ul li a.first {	
	background-image: url('../../images/site/first_normal.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
}

#nav a:hover, #nav a.selected {
	background-position: 0 -48px;
	border: 0px solid #fff;
}

#nav a:active {
	background-position: 0 -96px;
}

#nav li {
	float: left;
}

#nav li ul {
	position: absolute;
	width: 200px;
	left: -999px;
}

#nav li ul a:hover {
	background: #222;
	color: #fff;
}

#nav li ul a.first:hover {
	background-image: url('../../images/site/first_hover.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
}

#nav li:hover ul {
	left: auto; 
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

/* individual buttons */


a#gallery {
	/*display: block;
	width: 95px;
	height: 32px;
	background: url('../../images/site/navigation/nav_gallery.gif') top left no-repeat;*/
}


a#home span, a#contact span, a#extras span, a#all_items span, a#collections span, a#albums span, a#mini_albums span, a#cards span, a#about_us span, a#help_and_tutorials span, a#gallery span {
	/*display: none;*/
}

body.help-and-tutorials a#help_and_tutorials, body.contact a#contact, body.extras a#extras, body.idea_gallery a#gallery, body.about a#about_us, body.cards a#cards, body.all a#all_items, body.collections a#collections, body.albums a#albums, body.mini_albums a#mini_albums {

	/*background-position: 0 -96px;*/

}
/* ---------- EDIT IN PLACE STYLES ---------- */

.editable, textarea { background-color: #ffff00; }

textarea {
	font-family: courier;
	font-size: 12px;
	line-height: 16px;
	color: #000;
	width: 100%;
	height: 250px;
	padding: 0;
	background-color: #fff;
	border: 1px solid #ccc;
	margin-bottom: 2px;
	overflow: visible;
}


p.extra { margin: 0 0 5px 0; padding: 2px; }

#notes { padding: 5px; border: 1px solid #666; background-color: yellow; margin: 5px 0 5px 0; display: block; }

/* shopping cart table */
form.shipping_method { display: inline; }
table#cart { width: 100%; border-collapse: collapse; }
table#cart th { font-size: 1.0em; font-weight: normal; height: 30px; border-bottom: 1px solid #ccc; text-align: left; }
table#cart th.starting_price, table#cart th.price_with_options { text-align: right; }
table#cart th.options, table#cart td.options { padding-left: 20px; }
table#cart td { font-size: 1.0em; font-weight: normal; height: 16px; padding-top: 16px; }
table#cart td.delete { text-indent: 10px; width: 70px; }

table#cart td.empty_cart_notice { text-align: center; height: 32px; }

table#totals { margin-top: 0; width: 340px; float: right; clear: both; border-collapse: collapse; }
table#totals td { text-align: right; height: 16px; padding-top: 16px; }


.navigation {  
	list-style: none;  
	position: relative;  
	margin:  0 0 32px 0;  
	padding: 0;
	background-color: transparent;
	width: 1000px;
}  

.navigation li {  
	display: block;  
	overflow: hidden;  
	padding: 0;  
	cursor: pointer;  
	float: left;  
	height: 48px;  
	margin-right: 0px;  
	background-image: url(../../images/site/navigation.jpg);  
	background-repeat: no-repeat;  
}  

.navigation a {  
	display: block;  
	height: 48px;  
	text-indent: -9999px;  
	outline: none;  
}

img#ribbon { float: right; position: relative; top: -22px; } 

#home {  
	width: 107px;
	background-position: 0px 0;  
}  

#products {  
	width: 113px;
	background-position: -107px 0;  
} 

#idea_gallery {  
	width: 141px;
	background-position: -220px 0;  
}

#customer_service {  
	width: 181px;
	background-position: -361px 0;  
}

#about_me {  
	width: 110px;
	background-position: -542px 0;  
}

#font_options {  
	width: 145px;
	background-position: -652px 0;  
}

#work_list {  
	width: 143px;
	background-position: -797px 0;  
}




#home:hover {  
	background-position: 0 -48px;  
} 

#products:hover {  
	background-position: -107px -48px;  
}

#idea_gallery:hover {  
	background-position: -220px -48px;  
}

#customer_service:hover {  
	background-position: -361px -48px;  
}

#about_me:hover {  
	background-position: -542px -48px;  
}

#font_options:hover {  
	background-position: -652px -48px;  
}

#work_list:hover {  
	background-position: -797px -48px;  
}


#home:active {  
	background-position: 0 -96px;  
} 

#products:active {  
	background-position: -107px -96px;  
}

#idea_gallery:active {  
	background-position: -220px -96px;  
}

#customer_service:active {  
	background-position: -361px -96px;  
}

#about_me:active {  
	background-position: -542px -96px;  
}

#font_options:active {  
	background-position: -652px -96px;  
}

#work_list:active {  
	background-position: -797px -96px;  
}

body#welcome li#home { background-position: 0 -96px; }
body#our-products li#products  { background-position: -107px -96px; }
body#gallery li#idea_gallery  { background-position: -220px -96px; }
body#customer-service li#customer_service  { background-position: -361px -96px; }
body#about li#about_me  { background-position: -542px -96px; }
body#font-options li#font_options  { background-position: -652px -96px; }
body#work-list li#work_list  { background-position: -797px -96px; }