/* Sonicwise CSS Document */

/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; } 

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

h1 {padding-left:25px!important;font-size:16px;}

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }


/* global elements
 * ------------------------------------------------------------------------- */
body { background-color: #fff; text-align: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background: url(bg_horizontal.jpg); background-repeat: repeat-x; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #000000; }
a { color: #b03702; text-decoration: underline; font-weight: bold; }
a:hover { color: #602e1e; }
ul { margin: 0px; padding: 5px 0px 10px 15px; }

/* classes
 * ------------------------------------------------------------------------- */
.browntxt { color: #602e1e; font-weight: bold; }
.field { height: 22px; width: 200px; vertical-align: top;}

/* framework
 * ------------------------------------------------------------------------- */
#container { width: 1125px; background: url(piano_bg.jpg); background-repeat: repeat-y; background-position: left;  text-align: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#header { width: 11025px; height: 188px; }
#logo_area { width: 427px; height: 188px; float: left; }
#navigation_area { width: 698px; height: 188px; background: url(nav_bottom.jpg); background-repeat: no-repeat; background-position: bottom; float: left; }
#view_cart { width: 498px; height: 42px; background: url(nav_top.jpg); background-repeat: no-repeat; background-position: left; }
#btn_cart { height: 42px; width: 85px; background: url(nav_cart.jpg) no-repeat top left; margin: 0px; padding: 0px; position: relative; margin: 0px 0px 0px 413px;}
#btn_cart  a { display: block; width: 85px; height: 42px; }
#btn_cart  span { display: none; }
#btn_cart  a:hover { background: transparent url(nav_cart.jpg) -0px -42px no-repeat; }
#navbar { width: 498px; height: 98px; }
#nav { background: url(nav.jpg) no-repeat top center; width: 700px; height: 98px; position: relative; margin: 0px; padding: 0px; }
#nav li { list-style: none; padding: 0px; margin: 0px; position: absolute; top: 0px;}
#nav li, #nav a { height: 98px; display: block; }
#nav span { display: none;}
#nav_1 { width: 65px; left: 35px;}
#nav_2 { width: 87px; left: 104px;}
#nav_3 { width: 55px; left: 197px;}
#nav_4 { width: 57px; left: 260px;}
#nav_5 { width: 75px; left: 324px;}
#nav_6 { width: 97px; left: 413px;}
#nav_7 { width: 97px; left: 514px;}
#nav_8 { width: 81px; left: 617px;}
/*
#nav_1 a:hover { background: transparent url(nav.jpg) -35px -98px no-repeat;}
#nav_2 a:hover { background: transparent url(nav.jpg) -80px -98px no-repeat;}
#nav_3 a:hover { background: transparent url(nav.jpg) -153px -98px no-repeat;}
#nav_4 a:hover { background: transparent url(nav.jpg) -213px -98px no-repeat;}
#nav_5 a:hover { background: transparent url(nav.jpg) -298px -98px no-repeat;}
#nav_6 a:hover { background: transparent url(nav.jpg) -365px -98px no-repeat;}
#nav_7 a:hover { background: transparent url(nav.jpg) -437px -98px no-repeat;}
*/
#content_container { width: 1125px; }
#content_container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#content_left { width: 199px; height: 425px; float: left; }
#content_right, #subpagecontent { width: 726px; float: left;border-bottom:1px solid; }
#subpagecontent p, #subpagecontent h1, #subpagecontent table { margin: 5px 10px 5px 15px; }
#content_home_left { width: 228px; float: left; }
#subpagecontent h1 { font-size: 16px; color: #602e1e; letter-spacing: -1px; }
#specials {  width: 228px;}
#specials p { margin: 5px 5px 5px 3px; padding: 0px; }
.listing { margin: 0px; padding: 5px 0px 10px 3px; }
.listing li { padding: 10px 0px 0px 21px; margin: 0px; background: url(bullet_note.gif); background-repeat: no-repeat; background-position: top left; }
#content_home_right { width: 498px; float: left; }
#content_home_right h2 { display: none; }
#content_home_right p { padding: 0px 0px 10px 28px; margin: 0px; }
#welcome_area { width: 498px; /*height: 195px;*/ background: url(hdr_welcome.jpg); background-repeat: no-repeat; }
#welcome_area div { height: 85px; width: 498px; }
#new_issues { width: 498px; height: 266px; background: url(hdr_newissues.jpg); background-repeat: no-repeat;  }
#new_issues div { height: 95px; width: 498px; }
#contact_form { width: 498px; text-align: right; }

/* Store Frame Work */
#table_hdr { height: 25px; background-color: #602e1e; }
#table_hdr td { padding: 0px 10px 0px 0px; margin: 0px; color: #FFFFFF; }
#purchase_table { }
#purchase_table td { padding: 5px 5px 5px 5px; margin: 0px; font-size: 13px; }

#footer { width: 925px; /*height: 80px;*/ margin: 1px 0px 30px 0px; font-size: 11px; }
#footer p { padding: 12px 10px 10px 7px; margin: 0px; }
#footer a { color: #6a2913; text-decoration: none; }
#footer a:hover { color: #b03702; text-decoration: none; }
#footer_left { width: 199px; height: 80px; float: left; }
#footer_right { width: 726px; height: 80px; float: left; }