@import url("css/reset.css");

/*******************
* General
*/
body { font-family: Tahoma, Geneva, Verdana, Arial, sans-serif; font-size: 0.75em; width: 100%; background-color: #fff; }
ul { list-style: none; }
blockquote { margin: 0; margin-left: 20px; }
strong, .strong { font-weight: bold; }
em, .em { font-style: italic; }
small { font-size: 0.8em; font-weight: normal; }
.strikethru { text-decoration: line-through; }


h1 { font-size: 1.3em; font-weight: bold; margin: 10px; }
h2 { font-size: 1.15em; font-weight: bold; margin: 5px 10px; }
h3 { font-size: 1em; font-weight: normal; }
p { font-size: 1em; display: block; width:100%; margin: 5px 10px; line-height: 1.4em; }
p.legal, p.currency_description { font-size: 0.9em; }

#wrapper_med { width: 800px; display: block; margin: 10px auto; overflow: hidden; }

#image { width: 800px; float: left; clear: both; display: block; margin: 0 auto 15px auto; }

#attributes { width: 808px; clear: left; display: block; margin: 0 auto 25px auto; overflow: visible; }
#attributes ul li { display: inline-block; border-left: 2px solid #768EB2; height: 100%; overflow: visible; }
	#attributes ul li h2, #attributes ul li.intro p { color: #768EB2; }
#attributes ul li.intro { width: 198px; float: left; border: none; background: #fff url('images/tts-med.gif') no-repeat top left; }
	#attributes ul li.intro h2 { margin: 10px 0 0 100px; color: #000; font-size: 1.5em; font-weight: bold; }
	#attributes ul li.intro h3 { margin: 0 0 0 100px; }
	#attributes ul li p { width: 180px; margin: 5px 10px 25px 10px; }
	#attributes ul li.intro p { margin: 25px 10px 25px 0; }
	#attributes ul li.intro a { display: block; width: 180px; margin-top: 40px; padding: 10px 0; text-align: center; background-color: #003; color: #fff; font-weight: bold; }
#attributes ul li.info25 { width: 198px; float: left; }
#attributes ul li.info50 { width: 298px; float: left; }
#attributes ul li.info75 { width: 598px; float: left; }