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

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

a:link, a:visited, a:active { color: #fff; text-decoration: none; background-color: inherit; }
a:hover { }
p { margin-bottom: 13px; line-height: 13px; }
h1 { color: #f99; 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; float: right; margin-top: 6px; margin-right: 18px; margin-bottom: -6px; }
ul { list-style: none; }

/* layout */
#container { width: 998px; }

#top { height: 199px; margin-top: 55px; }
	#home { width: 257px; height: 96px; float: left; }
		#home a { background: url(/img/logo.jpg) no-repeat; width: 180px; height: 84px; display: block; margin-left: 25px; }
	
	#heavylooks { width: 624px; height: 18px; float: left; }
		#heavylooks h2 { background: url(/img/heavylooks.jpg) no-repeat; width: 90px; height: 18px; }
	
	#lookbook { width: 86px; height: 198px; }
		#lookbook a { background: url(/img/lookbook.png) top no-repeat; width: 92px; height: 25px; display: block; position: relative; top: 0; left: 870px; }
		#lookbook a:hover { background-position: bottom; }

#Tleft, #left { width: 258px; float: left; margin-top: -80px; margin-left: 25px; display: block; }
	ul#menu { width: 227px; clear: both; margin-bottom: 240px; }
		ul#menu li { margin-bottom: 11px; width: 113px; height: 20px; }
		ul#menu li.t-shirts a { background: url(/img/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/menu.jpg) -402px 0 no-repeat; display: block; height: 20px; }
		ul#menu li.info a { background: url(/img/menu.jpg) 0 -31px no-repeat; display: block; height: 20px; }
			ul#menu li.infoon a, ul#menu li.info a:hover { background: url(/img/menu.jpg) -402px -31px no-repeat; display: block; height: 20px; }
		ul#menu li.contacts a { background: url(/img/menu.jpg) 0 -62px no-repeat; display: block; height: 20px; }
			ul#menu li.contactson a, ul#menu li.contacts a:hover { background: url(/img/menu.jpg) -402px -62px no-repeat; display: block; height: 20px; }
	
	#newsletter { width: 257px; height: 68px; margin-left: 1px; margin-right: -25px; }
		#newsletter div.info { background: url(/img/newsletter.jpg) no-repeat; width: 93px; height: 39px; margin-bottom: 14px; }
		#newsletter p { margin-bottom: 0; }
		#newsletter form { width: 257px; height: 18px; margin-top: -3px; }
		input#email { width: 105px; height: 14px; background: #666 !important; color: #fff; font: 8pt Arial, Helvetica, sans-serif; padding: 2px 4px; border: none; }
		input#hidden { visibility: hidden; }
		input#subscribe { background: url(/img/newsletter-go.jpg) top no-repeat; width: 25px; height: 18px; border: none; position: relative; top: 1px; }
		input#subscribe:hover { background: url(/img/newsletter-go.jpg) bottom no-repeat; width: 25px; height: 18px; border: none; }
		input#subscribe:active { position: relative; top: 2px; left: 1px; }

#right { float: left; margin-top: -259px; margin-left: 259px; }
	#homepage { background: url(/img/homepage.jpg) no-repeat; width: 444px; height: 628px; display: block; }
	#content, #Tcontent { width: 624px; margin-right: 87px; float: left; margin-top: -79px; margin-left: -27px; }
	#t-shirts { width: 2870px; height: 399px; }
		#t-shirts .tshirt { margin-right: 32px; float: left; border: 1px solid #000; }
		#t-shirts .tshirt:hover { border: 1px solid #fff; }
		#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;*/ }
		h1.ifprob { color: #99ffcc; background-color: inherit; text-transform: uppercase; float: left; font-weight: normal; /*font-size: 16px;*/ }
		#t-shirts h2 { color: #000; background-color: inherit; text-transform: uppercase; float: right; /*font-size: 16px;*/ }
		#t-shirts h3 { color: #ff3333; background-color: inherit; text-transform: uppercase; float: right; font-weight: normal; /*font-size: 16px;*/ }
			#t-shirts h3 a:link, #t-shirts h3 a:active, #t-shirts h3 a:visited { color: #ff3333; background-color: inherit; text-decoration: none; display: block; margin-left: 6px; margin-top: 3px; }
			#t-shirts h3 a:hover { text-decoration: underline; }
		#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/order-send.jpg) top no-repeat; width: 55px; height: 18px; border: none; position: relative; top: 1px; margin-top: 13px; margin-left: auto; margin-bottom: 10px; float: right; display: block; }
	form#encomenda input#submit:hover { background: url(/img/order-send.jpg) bottom no-repeat; width: 55px; height: 18px; position: relative; top: 1px; }
	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; }
.fright { float: right; }
.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; }

/* sIFR */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-flash + div[adblocktab=true] { display: none !important; }
.sIFR-hasFlash #t-shirts h1 { visibility: hidden; font-size: 20px; letter-spacing: -3px; }
.sIFR-hasFlash #t-shirts h2 { visibility: hidden; font-size: 18px; float: right; }