/* BOLD Heavy Looks - Sondadesign.com
XHTML/CSS - margarida.net
Print Stylesheet */

/* geral */
* { margin: 0; padding: 0; }
body { background: #fff; color: #000; font: 12px Arial, Helvetica, sans-serif; }

a:link, a:visited, a:active { color: #000; text-decoration: none; background-color: inherit; }
a:hover { }
p { margin-bottom: 17px; line-height: 14px; }
h1 { color: #066; background-color: inherit; font: 10px Arial, Helvetica, sans-serif; text-transform: uppercase; }
span.note { color: #999; background-color: inherit; }
p.note { color: #666; font-size: 10px; background-color: inherit; margin-top: 10px; }
p.warnings { color: #666; font-size: 10px; background-color: inherit; text-align: right; margin-left: auto; margin-bottom: 0; }
ul { list-style: none; }

/* layout */
#top { margin-top: 30px; }
	#home { width: 257px; height: 96px; float: left; }
		#home a { background: url(img/invert/logo.jpg) no-repeat; width: 180px; height: 96px; display: block; margin-left: 30px; }
	
	#heavylooks { float: left; }
		#heavylooks h2 { background: url(img/invert/heavylooks.jpg) no-repeat; width: 90px; height: 18px; }
	
	#lookbook { clear: both; margin-left: 30px; height: 70px; }
		#lookbook a { background: url(img/invert/lookbook.png) no-repeat; width: 92px; height: 25px; display: block; }

#Tleft, #left { width: 258px; margin-left: 30px; display: block; }
	ul#menu { width: 227px; height: 120px; }
		ul#menu li { margin-bottom: 11px; width: 113px; }
		ul#menu li.t-shirts a { background: url(img/invert/menu.jpg) 0 0 no-repeat; display: block; height: 20px; }
			ul#menu li.t-shirtson a, ul#menu li.t-shirts a:hover { background: url(img/invert/menu.jpg) -402px 0 no-repeat; display: block; height: 20px; }
		ul#menu li.info a { background: url(img/invert/menu.jpg) 0 -31px no-repeat; display: block; height: 20px; }
			ul#menu li.infoon a, ul#menu li.info a:hover { background: url(img/invert/menu.jpg) -402px -31px no-repeat; display: block; height: 20px; }
		ul#menu li.contacts a { background: url(img/invert/menu.jpg) 0 -62px no-repeat; display: block; height: 20px; }
			ul#menu li.contactson a, ul#menu li.contacts a:hover { background: url(img/invert/menu.jpg) -402px -62px no-repeat; display: block; height: 20px; }
	
	#newsletter { display: none; }

#right { clear: both; }
	#homepage { background: url(img/invert/homepage.jpg) no-repeat; width: 444px; height: 628px; display: block; }
	#content, #Tcontent { width: 250px; clear: both; margin-left: 30px; }
	#t-shirts { width: 250px; }
		#t-shirts .tshirt { margin-right: 32px; float: left; border: 1px solid #fff; }
		#t-shirts .tshirt:hover { border: 1px solid #000; }
		#t-shirts .description { background: #fff; width: 234px; height: 26px; color: #666; padding: 5px 8px 15px 8px; font-size: 12px; }
		#t-shirts h1 { color: #000; background-color: inherit; text-transform: uppercase; float: left; font-weight: normal; font-size: 16px; }
		#t-shirts h2 { color: #666; background-color: inherit; text-transform: uppercase; float: right; font-size: 16px; margin-right: 8px; }
		#t-shirts h3 { color: #000; background-color: inherit; text-transform: uppercase; float: right; font-weight: normal; font-size: 16px; }
			#t-shirts h3 a { color: #000; background-color: inherit; text-decoration: none; }
			/*#t-shirts h3 a:hover, #t-shirts h3 a:active { width: 250px; height: 354px; display: block; border: 1px solid #fff; background: transparent; margin-top: -378px; margin-left: -9px; color: #000; }*/
		#t-shirts p { clear: both; margin-bottom: 0; }
		#t-shirts .size { font-size: 10px; }

/* spans */
#heavylooks h2 span, #newsletter span, ul#menu li a span, #lookbook a span, #home a span { display: block; text-indent: -9999px; }

/* formulario encomenda */
table#order { margin: 20px 0 15px 0; }
table#client { margin-bottom: 20px; }
form#encomenda table#order input { width: 141px; height: 14px; background: #666 !important; color: #fff; font: 8pt Arial, Helvetica, sans-serif; padding: 2px 6px; border: none; }
table .mid, table .esq { margin-right: 2px; }
table .dir { margin-left: 2px; }
table#order input { margin-bottom: 2px; }
table .ult { margin-bottom: 0; }
form#encomenda table#client input { width: 193px; height: 14px; background: #666 !important; color: #fff; font: 8pt Arial, Helvetica, sans-serif; padding: 2px 6px; border: none; }
form#encomenda input#submit { background: url(img/invert/order-send.jpg) no-repeat; width: 55px; height: 18px; border: none; position: relative; top: 1px; margin-top: 24px; margin-left: 568px; margin-bottom: 10px; }
	form#encomenda input#submit:active { position: relative; top: 2px; left: 1px; }

#style_a, #color_a, #size_a, #quantity_a,
#style_b, #color_b, #size_b, #quantity_b,
#style_c, #color_c, #size_c, #quantity_c,
#style_d, #color_d, #size_d, #quantity_d,
#style_e, #color_e, #size_e, #quantity_e,
#style_f, #color_f, #size_f, #quantity_f,
#style_g, #color_g, #size_g, #quantity_g,
#style_h, #color_h, #size_h, #quantity_h,
#style_i, #color_i, #size_i, #quantity_i,
#style_j, #color_j, #size_j, #quantity_j { width: 153px; height: 17px; background: #666 !important; color: #fff; font: 8pt Arial, Helvetica, sans-serif; border: none; }


/* info prices */
ul li.cat { text-transform: uppercase; }
ul.tshirt, ul.portugal, ul.europe, ul.world { float: left; margin-bottom: 17px; }
ul.tshirt li, ul.portugal li, ul.europe li, ul.world li { margin-left: 2px; }
ul li.atras { margin-left: -10px; }

/* classes */
.fleft { float: left; }
.clean { display: block; clear: both; }
.center { text-align: center; margin-left: auto; margin-right: auto; }
.left { text-align: left; margin-right: auto; }
.right { text-align: right; margin-left: auto; }

/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */
.sIFR-flash, .sIFR-flash object, .sIFR-flash embed { display: none !important; height: 0; width: 0; position: absolute; overflow: hidden; }
span.sIFR-alternate { visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important; }