/* ------------------------------------------------------------------------------------------------------------ 
Assets #990100 - dark red #786f70 - dark grey #ee2d22 - bright red ------------------------------------------------------------------------------------------------------- 
General Layout */ html, body { font-family: tahoma, arial, monospace; margin: 
0; padding: 0; font-size: 10px; } body { background: #a7a6a7 url('../images/body_background.jpg') 
repeat-x; text-align: center; } #container { margin: 0 auto; width: 900px; text-align: 
left; padding: 0 0 0 0; background: #990100; } #main_top { width: 619px; background: 
#fff url('../images/top_curve.gif') top right no-repeat; min-height: 247px; float: 
left; /* Does it need to float left? */ } #main_bottom { width: 600px; background: 
url('../images/bottom_curve.gif') bottom left no-repeat; min-height: 447px; padding: 
0 0 48px 0; } #header { height: 156px; border-bottom: 6px solid #990100; background: 
#000; text-align: right; } #left_column, #right_column { background: #990100; 
} #left_column { width: 166px; float: left; } #right_column { width: 114px; float: 
right; } /* --------------------------------------------------------------------------------------------------- 
Global Settings */ img { border: 0; } p, ul { font-size: 120%; } td { vertical-align: 
top; } a { color: #990100; } a:hover { color: #786f70; text-decoration: none; 
} /* --------------------------------------------------------------------------------------------------- 
Header Settings */ #header img { border-bottom: 6px solid #990100; } #header p 
{ margin: 0; padding: 3px 20px 0 0; color: #fff; } #header a { font-size: 120%; 
color: #fff; text-decoration: none; } #header a:hover { text-decoration: underline; 
} /* -----------------------------------------------------------------------------------------Left/Right 
Column Settings */ #left_column h2, #right_column h2 { color: #fff; font-size: 
130%; font-weight: bold; margin: 0; background: #000; padding: 0; } #left_column 
h2 a { background: #000; color: #fff; font-size: 100%; font-weight: bold; padding: 
4px 0 4px 4px; margin: 0; width: 161px; } #left_column a, #right_column a { font-size: 
130%; font-weight: bold; text-decoration: none; margin: 0 0 1px 0; background: 
#fff; color: #000; display: block; padding: 2px 4px; width: 157px; } #left_column 
a:hover, #right_column a:hover { background: #786f70; color: #fff; } #left_column 
p { color: #fff; font-size: 130%; margin: 10px 4px; } #nav_cart { background: 
#000; padding: 4px 0px 1px; margin: 30px 0 0 0; } #nav_cart p { margin: 0 6px 
0; } #nav_cart a { font-size: 100%; color: #ee2d22; display: block; background: 
#000; display: inline; padding: 0; margin: 0 0 0 30px; } #nav_cart a:hover { background: 
#000; color: #786f70; text-decoration: none; } /* --------------------------------------------------------------------------------------------------- 
Footer Settings */ #footer { background: #000; height: 24px; clear: both; color: 
#786f70; padding: 9px 0 0 26px; font-size: 120%; border-top: 6px solid #990100; 
} #footer .right { margin: 0 0 0 360px; } #footer a { color: #786f70; text-decoration: 
none; } /* ------------------------------------------------------------------------------------------------ 
Main Page Settings */ #main_bottom h1 { color: #fff; font-size: 180%; font-weight: 
normal; margin: 20px 14px 10px; background: #786f70; text-align: left; padding: 
4px 10px 4px 10px; width: 330px; } p.main { width: 270px; font-weight: normal; 
float: right; margin: 22px 60px 0 0; padding: 0 10px 20px 0; line-height: 17px; 
} p.index { width: 510px; font-weight: normal; margin: 0 60px 0 20px; padding: 
0 10px 20px 0; line-height: 17px; } div.extra { float: right; font-size: 14px; 
clear: both; margin: 0 60px 0 0; text-align: right; } .price { color: #9b0000; 
font-weight: bold; font-size: 140%; } form.add_to_basket { display: inline; } 
p.img { float: left; margin: 20px 0 20px 20px; width: 200px; text-align: center; 
} p.img img { display: block; } p.img a { text-decoration: none; } p.info { margin: 
20px 0 20px 20px; width: 400px; } p.checkout_info { margin: 20px 0 20px 20px; 
width: 500px; } p#spacer { clear: both; /* needed to overcome main_bottom ignoring 
floated items */ } /* ------------------------------------------------------------------------------------------------- 
Category Settings */ #category_table { margin: 30px 0 20px 72px; width: 500px; 
} #category_table td {vertical-align: middle; color: #000; text-align: 
center; font-size: 120%; font-weight: bold; } td.cat_img { height: 154px; border: 
1px solid #e7e7e7; padding: 4px 0 0 0; margin: 0 0 20px 0; } .img_div { height: 
110px; vertical-align: middle; margin: 0 0 20px 0; } #category_table td a{ color: 
#000; text-decoration: none; } /* Product Main Page */ table.item { background: 
#fff; margin: 10px; width: 404px; } table.item td { vertical-align: top; } /* 
----------------------------------------------------------------------------------------------------- 
Cart Settings */ table#cart { width: 560px; margin: 6px; border-left: #000 solid 
1px; margin: 0 0 100px 20px; } table#cart th { background: #000; color: #ee2d22; 
font-size: 120%; padding: 4px 10px; } table#cart td { background: #fff; border-style: 
solid; border-color: #000; border-width: 0 1px 1px 0; padding: 5px 10px 1px; font-size: 
120%; } table#cart tr.total td{ background: #000; color: #ee2d22; font-size: 120%; 
padding: 4px 10px; } /* -------------------------------------------------------------------------------------------------------- 
Breadcrumb */ p.breadcrumb, p.breadcrumb a { font-size: 12px; color: #000; } p.breadcrumb 
{ margin: 0 20px 14px; /*background: #786f70; padding: 6px*/; } p.breadcrumb a:hover 
{ text-decoration: none; } /* ------------------------------------------------------------------------------------------------------------- 
Forms */ form { font-size: 120%; } legend { font-size: 120%; color: #000; font-weight: 
bold; } label { display: block; float: left; width: 125px; padding: 3px 0 0 4px; 
} fieldset .field { padding: 6px 0; } fieldset .notes { display: block; float: 
right; width: 400px; margin: -22px 0 0 0; font-size: 80%; } fieldset .notes_small 
{ display: block; float: right; width: 200px; margin: -30px 0 0 0; font-size: 
80%; } input.text_med { width: 200px; } input.text_min { width: 60px; } input.admin 
{ width: 200px; } form#checkout { margin: 0 0 0 20px; } select.med { width: 205px; 
} input.file { width: 205px; } input.submit { margin: 20px 0 20px; float: right; 
} p.error, ul.error { font-size: 120%; } p.error { font-weight: bold; } ul.input_error 
{ width: 500px; } ul.input_error li { margin-bottom: 3px; color: #ee2d22; font-weight: 
bold; } .cart_button { background: url(../images/add_to_cart.gif); height: 21px; 
width: 138px; border: 0; cursor: pointer; } #item_grid { width: 
600px; background: #eee; text-align: center; } #item_grid li { display: inline; 
width: 200px; text-align: center; } #item_grid li a { display: block; } div.item_option 
{ margin: 0 0 0 0; width: 346px; } div.item_option label { font-size: 12px; display: 
inline; padding: 24px 0 0 0; width: 100px; } div.item_option select { margin: 
0; width: 180px; } form#search { margin: 20px; } form#search input.text { width: 
240px; margin: -1px 0 1px; } form#search input.button { } form#navSearch { margin: 
-2px 0 0 5px; display: inline; float: left; } form#navSearch input.text { width: 
150px; margin: 4px 0 1px; height: 12px; font-size: 10px; } form#navSearch input.button 
{ background: #990100; border: 0; height: 19px; margin: -1px 0 1px 0; color: #fff; 
border: 1px solid #786f70; }