* { margin:0; padding:0; list-style-type:none;}


/*Styles - Fonts, Colors, and Formatting */
body,p,td,th,h1,h2,input {
font:normal 11pt Arial, Helvetica, sans-serif;
color:#666;
margin:0 0 10px 0;
}

body {margin:50px 20px 20px 20px;}

/*Header, List, and Image Styling*/
h1,h2,h3,h4 {color:#C00; font-weight:bold; margin:0 0 10px 0;}
h1{font-size:20px;}
h2{font-size:18px;}
h3 {color:#666; font-size:14px;}
h4{font-size:14px;}
ul,li {list-style-type:none;}
img {border:none;}
table {text-align:center; margin:0 auto;}

/*Navigation*/
#navigation_index {height:20px; padding:30px 10px 10px 10px; text-align:center;}
#navigation_index ul,li {display:inline; list-style-type:none;}
#navigation_index ul li {font-weight:bold; margin:20px;}
#navigation {width:450px; height:20px; padding:30px 10px 10px 10px; margin:0 auto;}
#navigation ul,li {display:inline; list-style-type:none;}
#navigation ul li {margin:13px; display:inline;}

/*Custom Sytling*/
#bold {font-weight:bold;}
#products_name {font-weight:bold; font-size:9pt;}
#products_price {font-size:9pt;}
#active {color:#C00; font-weight:bold;}
#red a:link{color:#C00;text-decoration:none;}
#red a:visited{color:#C00;text-decoration:none;}
#red a:active{color:#C00;text-decoration:none;}
#red a:hover{text-decoration:underline;}
#navigation_index li a:link{color:#666; text-decoration:none;}
#navigation_index li a:visited{color:#C00; text-decoration:none;}
#navigation_index li a:active{color:#C00; text-decoration:none;}
#navigation_index li a:hover{text-decoration:underline;}
#navigation li a:link{color:#666; text-decoration:none;}
#navigation li a:visited{color:#C00; text-decoration:none;}
#navigation li a:active{color:#C00; text-decoration:none;}
#navigation li a:hover{text-decoration:underline;}

/*Links*/
a:link{color:#666; text-decoration:none;}
a:visited{color:#C00; text-decoration:none;}
a:active{color:#C00; text-decoration:none;}
a:hover{text-decoration:underline;}

/*Layout*/
#content,#header,#main,#footer {width:750px; height:auto; margin:0 auto; padding:0;}
#header {height:400px; text-align:center;}
#header2 {height:125px;}
#headerimage {height:150px; text-align:center;}
#logo {width:200px; height:100px; float:right; text-align:left;}
#main {text-align:center;}
#shop {width:200px; height:50px; margin:0 auto;}
#shop a span {display:none;}
#products_left {float:left;}
#products_right {float:right;}
.inline li {display:-moz-inline-box; -moz-box-orient:vertical; display:inline-block; vertical-align:top; word-wrap:break-word; text-align:center; font-size:9pt; padding:10px;}
* html .inline li {display:inline;}
* + html .inline li {display:inline;}
.inline li > * {display:table; table-layout:fixed; overflow:hidden;}
.inline2 li {display:-moz-inline-box; -moz-box-orient:vertical; display:inline-block; vertical-align:top; word-wrap:break-word; text-align:center; font-size:9pt; padding:5px;}
* html .inline2 li {display:inline;}
* + html .inline2 li {display:inline;}
.inline2 li > * {display:table; table-layout:fixed; overflow:hidden;}
  
/* Set your specific width via a second class and rules similar to the following ones */
* html .main-ul li {width:150px;}   /* for IE 6 */
.main-ul li > * {width:150px;}      /* for all other browser */
* html .main-ul2 li {width:100px;}   /* for IE 6 */
.main-ul2 li > * {width:100px;}      /* for all other browser */

#footer {text-align:center; height:20px; font-size:9pt; padding:20px 0;}
