/* --------------------------------------------------------------------------------------------------
Print Page Layout - Global Setting
--------------------------------------------------------------------------------------------------*/

@import url("form.css"); 
@import url("accessories.css");

.clear:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: inline-block;}
/* End hide from IE-mac */

*, body, p, tr, td, h1, h2, h3, h4, h5, ul, li { margin: 0; padding: 0; }

img { border: none;}
.hidden { display: inline-block;}
.show { display: none;}

body {	font-family: "Verdana", Arial, Helvetica, sans-serif; 	font-size: 62.5%;	line-height: 16px;	color: #333; }
p, h1, h2, h3, h4, h5, ul.list { margin-bottom: 20px; text-align: left; }
p, ul.list li { font-size: 1.2em; line-height: 20px; }
h1 { font-size: 2.1em; line-height: 25px; color: #b90b00; }
h2 { font-size: 1.7em; line-height: 20px; color: #b90b00;}
h3 { font-size: 1.5em; line-height: 20px; font-weight: bold; }
h4 { font-size: 1.2em; color: #297aff; text-transform: uppercase; }
h5 { font-size: 1.1em; font-weight: normal; color: #000; }
ul.list { list-style: square; margin-left: 35px; }


/*-------------------- Main Layout ---------------------*/

#container {  width: 100%; height: auto; float: left; }
#header { width: 750px; height: 150px; display: block; float: left; clear: both; border-top: 5px solid #000; }
#page { width: 750px; height: auto; clear: both; float: left; padding: 20px 0; }
div.text, div.text1 { display: block; clear: both; }
#footer { width: 750px; height: auto; border-top: 3px solid #000; padding-top: 10px; display: block; clear: both; }
#footer p { text-align: center; margin: 0; }

/*hidden classes*/
div.cart, div.logo, div.logo-index, div.banner, div.banner-index, #flash, #flash-nav { display: none; visibility: hidden; }

/* proper print layout */
#left-contents { width: 230px; height: auto; float: left; margin-right: 15px; }
#right-contents { width: 500px; height: auto; float: right; }

/* left contents box layout */
div.whatsnew, #specials, #events { width: 208px; height: auto; padding: 10px; float: left; border: 1px solid #d2d2d2; }
div.whatsnew h4, div.whatsnew h5, #specials h4, #events h4, #specials h5, #events h5 { margin: 0; } div.whatsnew h1, #specials h1, #events h1 { margin-bottom: 10px; }
#display-box, #display-box div.pic, #display-box div.description { clear: both; display: block; width: 208px; height: auto; }
#display-box div.pic, #display-box div.description { margin: 5px 0; }
#specials { margin-top: 10px; }
#home #specials { margin: 10px 0; }
#specials img.pic { float: left; margin-right: 10px; display: block; width: 58px; }
#specials div.info { float: right; width: 140px; display: block; }



/* extra */
b { color: #000; }
.bor { border: 5px solid #666; padding: 0; }
p.index { display: none; }
.back { margin-top: 5px; }
.break {	border: none; border-top: 1px solid #d2d2d2;	height: 0;	 content: "."; display: inline-block; margin: 10px 0; clear: both; }
#gallery-display { width: 500px; }
table.cart td.line { border-bottom: 2px solid #292929; border-top: 2px solid #292929; }