@import "styles.css";
@import "cart.css";

/* 	------------------------------------------------
	HTML and Form Styles 
*/
html,body,th,td,a				{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #E5E5E5; margin: 0; padding: 0; }
h1,h2,h3,h4,p,form				{ margin: 0; padding: 0; }
body							{ text-align: center; background-image: url(../_images/tpl_bg.jpg); background-repeat: repeat-x; background-color: #000; }
form							{ display: inline-table; }
input, select 					{ font-size: 10px;}
a								{ text-decoration: underline; }
a:hover							{ text-decoration: none; }

/* 	------------------------------------------------
	Template Styles 
*/
#frame							{ text-align: left }
#frame .left					{ background-image: url(../_images/tpl_frame_left_bg.jpg); background-repeat: repeat-y; background-position: right top; }
#frame .right					{ background-image: url(../_images/tpl_frame_right_bg.jpg); background-repeat: repeat-y; background-position: left top; }
#subnav							{ background-image: url(../_images/tpl_frame_top.jpg); background-repeat: no-repeat; width: 728px; height: 34px; }
#subnav .links					{ display: block; text-align: right; padding: 12px 15px 0 0; color: #989898; }
#subnav .links a				{ padding: 0 4px; color: #B1B1B1; text-decoration: none; }
#subnav .links a:hover			{ color: #fff; }
#nav							{ background-image: url(../_images/tpl_nav_bg.gif); background-repeat: repeat-x; width: 728px; height: 30px; }
#nav #links						{ float: left; }
#content						{ background-image: url(../_images/tpl_content_bg.jpg); background-repeat: no-repeat; width: 728px; background-color: #060606; min-height: 499px; padding: 5px 0 40px; }
#footer							{ background-color: #000; min-height: 250px; }
#breadcrumbs					{ color: #A8A8A8; }
#breadcrumbs a 					{ color: #A8A8A8; text-decoration: none; }

/* 	------------------------------------------------
	Page-Specific Styles 
*/
.dialog_box 					{ width:100%}
.promo-wide						{ width: 728px; text-align: center; }
.content-recessed				{ background-image: url(../_images/tpl_content_shadowed_bg.jpg); background-repeat: no-repeat; height: 236px; width: 720px; margin: 0 0 6px 4px; }
.landing						{ background-image: url(../_images/landing_content_bg_new.jpg); background-repeat: repeat-y; width: 490px; margin: 0 0 0 2px; float: left; }
.landing_full					{ background-repeat: repeat-y; width: 100%; margin: 0 0 0 2px; float: left; }
.content-container				{ padding: 12px 12px 45px; }
.landing-container-bottom		{ background-image: url(../_images/landing_content_bg_bottom.jpg); height: 6px; width: 490px; line-height: 1px; font-size: 1px; clear:left;}
.landing-bar					{ margin-left: 2px; background-image: url(../_images/landing_bottom_bar.jpg); height: 21px; width: 490px; clear:left;}
.landing p						{ margin-top: 15px; line-height: 14px; }

#sidebar 						{ margin-left: 495px; width: 229px; }

#pagination						{ color: #a9a9a9; text-align: right; padding: 2px 10px 0 0; }
#pagination a					{ color: #fff; text-decoration: none; padding: 0 3px; }
#pagination a:hover				{ text-decoration: underline; }
.pagination						{ background-image: url(../_images/pagination_bg.jpg); width: 463px; height: 22px; }
.pagination p					{ margin: 3px 0 0 12px; padding-top: 3px; }
.pagination a					{ color: #A5A5A5; text-decoration: none; padding: 0 8px 0 0; }
.pagination a:hover				{ text-decoration: underline; }
.pagination a.on				{ color: #fff; text-decoration: underline; }

.form_table td					{ padding-bottom: 5px; padding-right: 3px; }
.form_table input, select 		{ font-size: 10px; background-color: #cecece; border: 1px solid #000; }
.form_table b 					{ font-weight: bold; font-size:12px; font-family: Arial, Helvetica, sans-serif; }
.form_button					{ padding:16px 12px 2px 12px; _padding: 2px 12px 2px 12px; text-align:center; display: inline; background-image: url(../_images/btn_bg.gif);  background-position:center; background-repeat:repeat-x;}

/* 	------------------------------------------------
	Miscellaneous Styles
*/
#navtxt.tooltip					{ position:absolute; top:-100px; left:0px; visibility:hidden; }
.clearfix:after 				{ content: "."; display: block;  height: 0; clear: both; visibility: hidden; }
.clearfix						{ display: inline-table; }
* html .clearfix				{ height: 1%; }
.clearfix						{ display: block; }
.hide							{ display: none; }