/* for every page */
body { background-color: black; color: white; font-family: helvetica; font-size: 14px }
a { font-size: 14px; text-decoration: none; color: white }
div.main_div { width: 780px; height: 520px; top: 10px; left: 10px }
div.title_div { background-image: url('./images/graffiterati_header.gif'); height: 68px; width: 395px; position: absolute; top: 25px; z-index: 1 }
div.front_page_pic { position: absolute; top: 80px; width: 250px; height: 400px; border: 1px solid gray; color: black }
div.description { position: absolute; top: 64px; left: 10px; width: 770px; font-size: 12px; width: 200px; z-index: 1 }
div.menu { position: absolute; top: 50px; left: 10px; width: 770px; text-align: right; font-size: 12px; }
a.menuitem { display: inline; padding: 4px; height: 16px; border: 1px solid gray }
a.menuitem:hover { border: 1px solid white; background-color: gray }

/* for the products index page */
img.fashion_types { border: 1px solid gray; width: 180px; height: 220px; padding-top: 0px; cursor: pointer }
span.typeheader { height: 20px; padding: 2px; color: white; font-weight: bold; background-color: black; border: 1px solid gray; border-left-width: 0px }

/* for the details page */
img.graffiti { -moz-opacity: 0.4; filter: alpha(opacity = 40); opacity: 0.4; height: 300px; position: absolute; top: -15px; left: 0px }
img.product { height: 300px; position: absolute; top: 80px; left: 532px; border: 1px solid gray }
div.product_info { width: 510px; height: 280px; position: absolute; top: 100px; left: 10px; font-size: 12px; text-align: right }
div.list_of_options { border: 1px solid gray; width: 770px; height: 135px; position: absolute; top: 395px; overflow: auto }
img.option { float: left; margin: 10px 2px 10px 10px; height: 110px; cursor: pointer }
span.name { font-size: 16px; font-weight: bold }
span.price { font-size: 14px }
span.description { font-size: 12px }
span.graffiti { font-size: 12px }
span.colours { font-weight: bold }
span.sizes { font-weight: bold }
span.sale { font-size: 16px; color: red }
select { border: 1px solid gray; background-color: silver }

/* for the about page */
div.about { font-size: 14px; border: 1px solid gray; width: 770px; height: 200px; position: absolute; top: 80px }
p.about { padding: 70px }

/* for the news page */
span.heading { text-decoration: underline; font-size: 16px }
span.date { font-size: 12px }
a.link { color: #99CCFF; text-decoration: underline }
table.links { position: absolute; top: 75px; left: 5px; width:770px }
td.left { text-align: left; padding-right:50px; vertical-align: top }
td.right { text-align: right; padding-left:50px; vertical-align: top  }
a.smarterwiki-linkify {color:#b22222 !important;}