/* CSS file for calearthfilms.org - by DianeV. Web Design Studio - http://dianev.com */
body {color:#110546; margin:10px auto 15px auto; padding:0; border:0; text-align:center; font-size:80%; font-family:Arial, Helvetica, sans-serif; background:#17150E /*03090A*/ /*015E6F*/}

table, table td, form {margin:0; padding:0; border:none}

#pagewrap {width:900px; margin:0 auto; padding:0; text-align:left}

/* HEADER */
#theheadercont {width:900px; height:178px; border:none; background:#003E26}

	/* top right navbar */
	#tnavcont {position:absolute; visibility:visible; top:20px; left:65%; z-index:200; font-size:11px; width:180px}
	#tnavcont ul {width:180px; color:#fdefc2; list-style:none; font-size:13px; margin:0; padding:0}
	#tnavcont li {color:#000; display:block; margin-bottom:2px; text-align:center}
	#tnavcont li a {color:#fff; font-weight:bold; display:block; padding:12px 8px; text-decoration:none; background:#027897; /* for IE */ filter:alpha(opacity=70); /* CSS3 standard */ opacity:0.7; border:1px solid #339778}
	#tnavcont li a:hover {color:#111; text-decoration:none; background:#DBD5C4; /* for IE */ filter:alpha(opacity=80); /* CSS3 standard */ opacity:0.80; border:1px solid #fff}


/* HNAV DROPDOWNS */
#hnav {clear:both; width:900px; margin:0 auto; height:24px; background:#084A33}

	#hnav ul {width:900px; height:21px; list-style:none; margin:0; padding:0; font-weight:bold; font-size:13px}
	#hnav li {float:left; display:block; margin:0; padding:0}
	#hnav li a {color:#FDFAFA; padding:4px 18px; display:block; margin:0; text-decoration:none; /*line-height:1.2em;*/ border-left:1px solid #467848}
	#hnav li a:hover {color:#003E26; text-decoration:none; background:#BBB190 /*FEFAF0*/}
	#hnav li.hnavleft a {border-left:none}

	/* SUBNAV - using :left because display:none not read by screen readers */
	#hnav ul li ul {position:absolute; left:-999em; display:block; padding:0; margin:0; font-size:12px; border-bottom:6px solid #FDEFC2}
	#hnav ul li ul li {width:100%}
	#hnav ul li ul li a {color:#003E26; display:block; padding:3px 18px; line-height:1.3em; text-decoration:none; background:#E3DED1; border-bottom:1px solid #CEC9BC; border-left:none} /* use same padding as #hnav li a */
	#hnav ul li li.hnavpmt a {background:#D3CCB7}
	#hnav ul li ul li a:hover {color:#003E26; text-decoration:none; background:#BBB190}
	#hnav ul li:hover ul, #hnav ul li.sfhover ul  {left:auto; background:#BBB190} /* lists nested under hovered list items */

		/* dropdown widths */
		#hnav ul li ul#navabout      {width:170px}
		#hnav ul li ul#navdesigns	 {width:240px}
		#hnav ul li ul#navlearn		 {width:330px}
		#hnav ul li ul#navgallery	 {width:200px}

/* CONTENT */
#main_content {clear:both; width:900px; margin:0 auto; padding:6px 2px; text-align:left; background:url(images/l/bkpage.gif) repeat-y}
#leftcontent {float:left; width:674px; padding:20px 0 0 20px; font-size:.9em; line-height:1.3em; font-family:Verdana, Arial, Helvetica, sans-serif}
.content {/* Main Table Content Area Def */ padding:5px 0}

/* RIGHT NAVBAR */
#rnav {float:right; width:184px; padding:6px 4px 0 0; font-size:.9em; font-family:Verdana, Arial, Helvetica, sans-serif}
#rnav .rnavtitle {color:#110546; font-size:16px; font-weight:bold; padding-left:3px; font-family:"Times New Roman", Times, serif}

	/* side table links */
	.side_link {background:url("images/bullet.gif") 5px center no-repeat; display:block; padding:1px 0 1px 15px; text-decoration:none; color:#3e3e3e}
	.{margin-bottom:15px; list-style:none}
	.li.listtitle a {color:#696969; background:url("images/bullet_arrow.gif") 3px center no-repeat; border-bottom:1px dotted #727272; text-decoration:none; font-weight:bold}
	.li.listtitle a:hover {color:#003E26; text-decoration:underline}
/*	.cat_hover:hover {background-color:#}*/

	.rnavlist ul {list-style:none}
	.rnavlist li a, div.rnavlist a {color:#110546; display:block; padding:1px 0 5px 8px; line-height:1.1em; text-decoration:none; background:url("images/bullet.gif") 0 7px no-repeat}
	.rnavlist li a:hover, div.rnavlist a:hover {color:#10879C; text-decoration:underline}

	/* RNAV Boxes = .column */
	#rnav .column {width:157px; text-align:left; border-left:1px solid #b6b6b6; border-right:1px solid #b6b6b6; padding:0 10px; margin:1px 0 5px 0; background:#fff}
	.column .top, .column .bot {background:url("images/column_top.gif") no-repeat; display:block; height:7px; margin:0 -11px}
	.column .bot {background:url("images/column_bot.gif") bottom left no-repeat}

	/* mini-cart links */
a.cart_contents_links {color:#fff; font-weight:bold; padding:1px 7px; text-decoration:none; background:#00663D; font-family:Arial, Helvetica, sans-serif}
a.cart_contents_links:hover {color:#fff; font-weight:bold; padding:1px 7px; text-decoration:none; background:#10879C}

	#sslcert {text-align:center; padding-right:1px}
	#sslcert img.sslimg {width:130px; height:65px}
	
	#rnavsearch {width:178px; margin:10px 0}
	#searchForm {height:56px; padding:3px 12px; background:url("images/search.gif") repeat-y; color:#636262; font-weight:bold}
	#searchForm legend {display:none}
	html>body #searchForm span input, html>body #searchForm span img {margin-bottom:-3px}

	#banners {clear:both}
	ul#newssubscribe {width:178px; list-style:none; margin:1em 0; padding:0; font-weight:bold; font-size:12px; background:#044E33}
	ul#newssubscribe li a {color:#FDFAFA; padding:3px 5px; display:block; text-decoration:none; line-height:1.2em; border-bottom:1px solid #dbd5c4}
	ul#newssubscribe li a:hover {color:#003E26; text-decoration:none; background:#BBB190}


	#newsletterForm {width:180px; height:97px; margin-right:1px; text-align:center; text-transform:uppercase; padding-top:10px; background:url("images/banner.gif") no-repeat}

/* FOOTER */
#theprefooter {clear:both; margin:0 auto; padding:7px 0; background:#BBB190 /*FCE69E*/}
#theprefooter div {color:#110546; text-align:center; font-size:.9em; font-family:Verdana, Arial, Helvetica, sans-serif}

#themidfooter {clear:both; margin:0 auto; padding:7px 12px; color:#FDEFC2; text-align:center; font-size:.9em; font-family:Verdana, Arial, Helvetica, sans-serif; background:#003E26}

#thefooter {margin:0 auto; padding:7px 0; background:#044E33}
#thefooter div {color:#FDEFC2; text-align:center; font-size:.83em; font-family:Verdana, Arial, Helvetica, sans-serif}
#thefooter a {color:#FDEFC2; text-decoration:none}
#thefooter a:hover {color:#FDEFC2; text-decoration:underline}

/* END MAIN LAYOUT STYLES                              */
/* Cookie Crumb */
.home_link {padding-left:20px; font-weight:bold; font-size:14px; text-decoration:underline; background:url(images/home_icon.gif) no-repeat center left; font-family:Arial, Helvetica, sans-serif}
.crumb_link {padding-left:3px; font-weight:bold; font-size:14px; text-decoration:underline; font-family:Arial, Helvetica, sans-serif}
.crumb_sep {color:#004E5C; padding-left:2px; font-weight:bold; font-family:Arial, Helvetica, sans-serif}

/*                        */
h1, .h1, h2, .h2, h3, .h3 {font-weight:bold; margin-top:0; font-family:'Times New Roman', Times, Palatino, serif}
h1, .h1 {font-size:24px; font-weight:normal; line-height:1.1em}
h2, #main_content .h2 {font-size:22px; line-height:1em; font-family:'Times New Roman', Times, Palatino, serif}
h3, .h3 {font-size:17px; font-weight:bold}

#welcome {margin-bottom:15px}
#welcome h1 .h3 {font-size:17px; line-height:.8em}
#main_cont h2, #main_cont .h2 {background:url(images/gray_h_bg.gif) repeat-x #d9d9d9; border:solid #b0b0b0 1px; font-size:13px; padding:0; margin:0 0 1px 0}

.mt0 {margin-top:0}
.mb0 {margin-bottom:0}

.b {font-weight:bold}
.i {font-style:italic}
.bi {font-weight:bold; font-style:italic}
.turquoise {color:#027897}
.black_bold_text_spaced {color:#000; font-weight:bold; margin-top:5px; line-height:17px; text-decoration:none}

div, img, form, fieldset, #footer ul, #footer li, #header ul, #header li, .column ul, .column li {padding:0; margin:0; border:0}
input, select, textarea {/* Input And Select Font */ font:normal 11px/150% "Arial", "Helvetica", sans-serif; color:#242424}

.alreadycustomerlogin {margin-bottom:15px; padding:2px 5px; background:#ECDEAE}
.alreadycustomerlogin h2 {margin:0}
.shippingsameas {font-size:11px}
	
html>body #newsletterForm {padding-top:5px; height:96px; margin-right:3px}
#newsletterForm legend { display:none}

.error_message {/* Error Message Defs */ background:#fff; border:solid #FF0000 1px; padding:10px; margin-bottom:10px}
.alert_message {/* Alert Message Defs */ background:#fff; border:solid #33cc00 1px; padding:10px; margin-bottom:10px}
.error_alert {margin-left:35px}
.required {/* Required Reminder Colors */ color:#E27D00; padding-left:2px}

.currency {float:left; padding-left:6px}

.table_bottom {text-align:center; padding-top:5px}

.mt0 {margin-top:0}
.mb0 {margin-bottom:0}

.row {clear:both}
.gray {background-color:#f0f3f8}
.sep {padding-left:10px; padding-right:10px}
.center {text-align:center}
.right_align {text-align:right}
#left {width:179px; float:left}
#right {width:591px; float:right}
.clear {clear:both}
.right {float:right}
.left {float:left}

/* Product */
.product_title_link, product_title_link:visited, product_title_link:active {font-size:12px; font-weight:bold; text-decoration:underline}
.product_title_link:hover {font-size:12px; font-weight:bold; text-decoration:none}

.paging {float:right; text-align:right; margin-right:10px}

.list_top {/* Product Top */ border-top:solid #cacaca 1px; border-bottom:solid #cacaca 1px; background:#f0f0f0; padding:3px}
.list_bottom {/* Product Bottom */ border-top:solid #cacaca 1px; border-bottom:solid #cacaca 1px; background:#f0f0f0; padding:3px}

/* Product */
.reg_txt {font-weight:normal}
.small_txt {font-size:10px}
.price {color:#c20710; font-weight:bold; font-size:14pt; margin-right:10px; float:left}

.list_item {padding:5px}
.list_item_bottom_border {border-bottom:solid #cacaca 1px}

/* Product Tile */
.tile_item {text-align:center}
.tile_image {margin-bottom:5px}
.tile_price {/* Product Tile Price Defs */ 	font-weight:bold}
.tile_table {width:100%}
.list_table {width:100%}

/* PRODUCT DETAIL PAGES */
.product_title {font-size:12px; font-weight:bold; color:#307fcf}
.product_sku {font-size:10px; margin-bottom:10px}
.product_price {font-weight:bold}
.product_option {font-weight:bold; padding-right:10px; width:1%}
.product_strikethru {text-decoration:line-through}
.review_link {color:#307fcf; text-decoration:none; text-align:right; float:right; font-weight:400}

.larger_view {background:url(images/enlarge.gif) no-repeat center left; padding-left:13px; text-decoration:none; font-size:10px}

.add_wishlist {background:url(images/little_arrow.gif) no-repeat center left; padding:0 15px; text-decoration:none; font-size:11px}

.review_item {padding-bottom:10px}
.review_spacer {padding-bottom:7px}

.insetquote {color:#027897; font-size:18px; line-height:1.1em; text-align:right; font-family:'Times New Roman', Times, Palatino, serif}
blockquote.reviewquote {font-weight:bold; padding-right:50px}

	.ytvideotitle {color:#fff; width:425px; margin:15px auto 0 auto; padding:3px 0; text-align:center; font-size:16px; font-weight:bold; font-family:'Times New Roman', Times, Palatino, serif;  background:#027897}
	.ytvideo {text-align:center; margin-bottom:15px}

	.downloadnotes {clear:left; padding-top:5px; font-size:11px}
	
	#pyplbtn {position:absolute; visibility:visible; top:470px; left:41%; z-index:100; font-size:11px; width:174px; height:18px}
	#pyplbtn img {width:174px; height:18px}
	#pyplbtn div {margin-bottom:5px}
	#pyplbtn form {margin:0}

.wishregistry {padding-top:10px}

/* Product Detail & Account Tabs */

/* Non Selected & Selected Tabs Link Text Colors */
ul.tabbernav li a:link {color:#fff}
ul.tabbernav li a:visited {color:#fff}
ul.tabberactive li a:link {color:#000}
ul.tabberactive li a:visited {color:#000}

ul.tabbernav {/* Tab Content Top Border */ border-bottom:1px solid #003E26; font:bold 11px "Arial", "Helvetica", sans-serif; padding:3px 0; margin:0}
.tabberlive .tabbertab {/* Tab Content Sides & Bottom Border */ border:1px solid #003E26; padding:15px; border-top:0}
ul.tabbernav li a {/* Tab Borders */ border:1px solid #003E26; background:#003E26; padding:3px 0.5em; margin-left:3px; border-bottom:none; text-decoration:none}
ul.tabbernav li a:hover {background:#0D7110; border-color:#0D7110; color:#fff}
ul.tabbernav li.tabberactive a {border-bottom:1px solid #FCE69E; background-color:#FCE69E; color:#000}
ul.tabbernav li.tabberactive a:hover {border-bottom:1px solid white; background-color:#FCE69E; color:#000}
ul.tabbernav li {list-style:none; display:inline; margin:0}

	.tabberlive .tabbertabhide { display:none}
	/*.tabberlive .tabbertab h2 { display:none}*/
	.tabberlive .tabbertab h3 { display:none}
	.tabberlive { margin-top:1em}
	.tabber { display:none}

/* Form Defs */
.input_box {padding-right:2px; padding-left:2px}
.form_label {text-align:right; vertical-align:top}
.bold {font-weight:bold}
.short_form_row {clear:both}
.short_form_row div, .short_form_row input, .short_form_row select, .short_form_row textarea {float:left; margin-right:5px; margin-bottom:5px}
.short_form_row div {width:60px; padding-top:3px}
.short_form_row input {width:75px}

/* Account Area */
.account_list_head {font-weight:bold; color:#2d5b94}
.account_head {padding-bottom:5px; font-weight:bold; color:#2d5b94}

/* Shopping Cart */
.cart {border:1px solid #fff}
.cart th {text-align:center; font-weight:bold; color:#110546; background:#ECDEAE}
.cart td {border-top:dotted #c1c1c1 1px; border-bottom:dotted #c1c1c1 1px; color:#000}
.cart_contents_quan {padding-right:5px}
.cart_contents_item {margin-bottom:5px; text-decoration:none}
.cart_contents_item a {text-decoration:none}
.cart_contents_item a:hover {text-decoration:underline}

/* CHECKOUT */
#order_steps {color:#666; font-size:11px; margin-bottom:6px}

/* Order Pages */
#order_signup {float:left; padding-left:25px}
#order_login {float:right; padding-right:25px}

.order_info_off    {background:url(images/order_info_off.gif) no-repeat center left; padding-left:20px; color:#bcbcbc; text-decoration:none}
.order_info_on     {background:url(images/order_info_on.gif) no-repeat center left; padding-left:20px; color:#000}
.order_ship_off    {background:url(images/order_ship_off.gif) no-repeat center left; padding-left:20px; color:#bcbcbc; text-decoration:none}
.order_ship_on     {background:url(images/order_ship_on.gif) no-repeat center left; padding-left:20px; color:#000}
.order_payment_off {background:url(images/order_payment_off.gif) no-repeat center left; padding-left:20px; color:#bcbcbc; text-decoration:none}
.order_payment_on  {background:url(images/order_payment_on.gif) no-repeat center left; padding-left:20px; color:#000}
.order_review_off  {background:url(images/order_review_off.gif) no-repeat center left; padding-left:20px; color:#bcbcbc; text-decoration:none}
.order_review_on   {background:url(images/order_review_on.gif) no-repeat center left; padding-left:20px; color:#000}
.order_print_off   {background:url(images/order_print_off.gif) no-repeat center left; padding-left:20px; color:#bcbcbc; text-decoration:none}
.order_print_on    {background:url(images/order_print_on.gif) no-repeat center left; padding-left:20px; color:#000}

/* Order Review */
.order_view {background:#fff; text-align:left}
.order_view th {font-weight:bold; background:#ff942d; color:#fff; width:10%}
.review_top_border {border-top:solid #ff942d 1px}
.order_id {font-weight:bold; font-size:10pt; padding-bottom:10px; color:#c20710}

/* Paging Defs */
.page a:hover {color:#fd6601; text-decoration:none}
.page a:link {color:#000; text-decoration:none}
.page a:visited {color:#000; text-decoration:none}
.pages_border {/* Box Border & BK */ border:1px solid #015E6F; background-color:#fff; color:#000}

.navpage {/* Navigation Link Boxes BK & Defs */ background-color:#fff; font:11px Tahoma, Verdana; padding:2px 4px 2px 4px; color:#000; white-space:nowrap; text-decoration:none}

.navpageselected {/* Navigation Selected Link Boxe BK & Defs */ background-color:#e5e5e5; font:11px Tahoma, Verdana; padding:2px 4px; color:#000; white-space:nowrap; text-decoration:none}

.highlightpage {/* Current Page Info Box BK & Defs */ background-color:#015E6F; font:bold 11px Tahoma, Verdana; padding:2px 4px; color:#fff; white-space:nowrap}
.highlightpage a:link {color:#fff; text-decoration:none}
.highlightpage a:visited {color:#fff; text-decoration:none}
.highlightpage a:hover, .highlightpage a:active {color:#fff; text-decoration:underline}

/* Float Defs */
.left_float_3_px {float:left; margin-right:3px}
.left_float_5_px {float:left; margin-right:5px}
.right_float_5_px {float:right; margin-left:5px}
.IE_left_float_5_px {margin-left:5px}
.float_assist {clear:both; height:1px; overflow:hidden}
.search_results {margin-left:10px; float:left; text-align:center; font-size:12px; color:black}
.search_bb {font-size:12px; font-weight:bold; color:black}

/* CROSS SELL BOX */
.cross-sell-box h3 {padding:3px; background:#ECDEAE}

/* SANDBAGS PAGE */
table#tbl-sandbags {width:666px; margin:auto; border:1px solid #C3BA9D}
table#tbl-sandbags th {padding:2px; text-align:center; background:#E5E0CF}
table#tbl-sandbags td {padding:8px 2px; text-align:center; vertical-align:top; border:1px solid #efefef}
table#tbl-sandbags td form {margin:2px 0}

/* WELCOME PAGE */
#homethumbs {width:664px; font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
#homethumbs div {float:left; width:152px; margin: 0 13px 10px 0; text-align:center; line-height:1.8em}
#homethumbs div a {color:#fff; display:block; padding-bottom:3px; text-decoration:none; background:#4690A0}
#homethumbs div img {margin-bottom:2px}
#homethumbs div a img {text-decoration:none; border:1px solid #4690A0}
#homethumbs div a:hover img {border:1px solid #C7BB9A; text-decoration:none}
#homethumbs div a:hover {color:#003D48; background:#C7BB9A; text-decoration:none}

/* SS Button Defs */
.orange_button {/* Orange Button Defs */ background:url(images/orange_button_left.gif) no-repeat top left; padding-left:3px; height:18px; float:left; margin-right:10px}

.orange_button input, .orange_button button {/* Orange Button Defs */ background:url(images/orange_button_bg.gif) top right no-repeat; height:18px; color:#fff; font-weight:bold; padding-bottom:5px; padding-right:5px; margin:0; border-width:0; cursor:pointer}

.yellow_button {/* Yellow Button Defs */ background:url(images/yellow_button_left.gif) no-repeat top left; padding-left:3px; height:18px; float:left; margin-right:10px}

.yellow_button input, .yellow_button button {/* Yellow Button Defs */ background:url(images/yellow_button_bg.gif) top right no-repeat; height:18px; color:#fff; font-weight:bold; padding-bottom:5px; padding-right:5px; margin:0; border-width:0; cursor:pointer}

.del_button {display:block; width:40px; float:right; background:url(images/delete.gif) no-repeat center left; padding-left:11px; color:#3068c5; text-decoration:none; font-weight:400}

/* purple: 110546    red:A50A38  turquoise:0687A3                    */

a {color:#004E5C; text-decoration:underline}
a:hover {color:#10879C; text-decoration:none}