body { 
margin: 0;
padding: 0; 
text-align: center;
font-family: Arial, Verdana, Geneva, Georgia, sans-serif;
font-size: 100.01%; 
font-weight: normal; 
color: #333;
text-decoration: none; 
background: #fff url('../static_html/images/punche-body-bg.png') repeat-x fixed top left;
} 

h1 {
}

h2 {
}

h3 {
}

p {
}

#container {
margin: 0 auto; 
padding: 0;
text-align: center;
width: 972px;  
background: #fff;
}

#header {
margin: 0;
padding: 0.2em 0;
text-align: right;
height: 118px;
background: #fff url('../static_html/images/punche-header-bg.png') no-repeat top left;
}

#logo {
float: left;
width: 244px;
height: 118px;
margin: 0;
padding: 0;
}

#hot_links {
float: left;
margin: 0;
margin-top: 48px;
padding: 0;
width: 150px;
text-align: right;
height: 42px;
}

#hot_links ul {
margin: 0;
padding: 0;
}

#hot_links li {
margin: 0;
padding: 0;
list-style: none;
line-height: 1.0em;
}

#hot_links li a {
font-size: 0.7em;
margin: 1px 0;
padding: 0.1em;
color: #333;
}

#hot_links li a:hover {
color: #cd0e00;
}

#header img {
margin: 0;
padding: 0;
}

#banner {
margin: 0;
padding: 0.2em;
padding-bottom: 0.3em;
background: #165ada url('../static_html/images/banner-bg.png') no-repeat top left;
border: 0;
height: 20px;
}

#search_box {
float: left;
width: 300px;
margin: 0;
padding: 0;
}

#search_box form {
display: inline;
}

#search_box input {
font-size: 0.7em;
border: 1px solid #a2cbf6;
padding: 0.2em;
}

#search_box input.submit, input.submit {
color: #fff;
border: 1px solid #fff;
padding: 0.1em 0.2em;
background: #165ada;
}

#banner ul {
	margin: 0;
	padding: 0;
	float: left;
}

#banner li {
display: inline;
}

#banner li a {
font-size: 0.8em;
padding: 0.2em 0.4em;
text-decoration: none;
font-weight: bold;
color: #fff;
}

#banner li a:hover {
text-decoration: underline;
}

#banner label {
color: #fff;
font-size: 0.9em;
}

a {
color: #1b5cda;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #000;
text-decoration: underline;
}

ul {
}

li {
font-size: 0.9em;
}

form {
}

acronym {
font-weight: bold;
border-bottom: 1px solid #333;
cursor: help;
}

img {
border: 0;
}

strong {
font-weight: normal;
}

#navbg {
clear: both;
width: 972px;
margin: 0 auto;
text-align: center;
background: #fff;
height: 26px;
}

#nav {
float: right;
font-size: 93%;
line-height: normal;
}

#nav ul {
margin: 0;
margin-right: 20px;
padding: 10px 10px 0 0;
padding-top: 1px;
list-style: none;
text-align: center;
}

#nav li { 
display: inline; 
margin: 0; 
padding: 0;
}

#nav a, #nav a.red {
float: left;
background: url("../static_html/images/tableftB4.gif") no-repeat left top;
margin: 0;
padding: 0 0 0 4px;
text-decoration:none;
}

#nav a.red {
background: url("../static_html/images/tableft-grey-red.gif") no-repeat left top;
}

#nav a span, #nav a span.red {
float: left;
display: block;
background: url("../static_html/images/tabrightB4.gif") no-repeat right top;
padding: 5px 15px 4px 6px;
color: #555;
}

#nav a span.red {
background: url("../static_html/images/tabright-grey-red.gif") no-repeat right top;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {
float: none;
}
/* End IE5-Mac hack */

#nav a:hover span {
color: #fff;
}

#nav a:hover {
background-position: 0% -42px;
}

#nav a:hover span {
background-position: 100% -42px;
}

#nav .current a {
background-position: 0% -42px;
}

#nav .current a span {
color: #fff;
background-position: 100% -42px; 
}

#content_container {
margin: 0;
padding: 0;
background: #fff;
}

#right_col_wrap, #left_col_wrap {
float: right;
text-align: center;
width: 145px;
margin: 0;
padding: 0;
}

#left_col_wrap {
float: left;
}

#column, #column2 {
margin: 1.2em 0;
margin-bottom: 0;
padding: 0.6em 0;
padding-top: 0;
text-align: left;
font-size: 0.9em;
color: #070708;
}

#column div, #column2 div {
text-align: left;
margin: 0;
padding: 0;
background: #f9e9e4;
border-left: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
}

#column img, #column2 img {
}

#column h4, #column2 h4 {
font-size: 0.9em;
margin: 0;
padding: 0.2em 0.3em;
color: #fff;
background: #c80d01 url('../static_html/images/column-h4-bg2.png') no-repeat top left;

}

#column div.bottom, #column2 div.bottom {
background: #fff url('../static_html/images/div-bottom-bg.png') repeat-x top left;
height: 12px;
margin-bottom: 0.4em;
border: 0;
border-top: 1px solid #eeeeee
}

#column ul, #column2 ul {
text-align: left;
margin: 0;
padding: 0;
font-size: 0.8em;
list-style: none;
}

#column li, #column2 li {
list-style-type: none;
padding: 0;
margin: 0;
}

#column li a, #column2 li a {
display: block;
margin: 0;
padding: 0.3em 0.4em;
color: #333;
text-decoration: none;
background: #fff url('../static_html/images/column-li-a-bg.png') repeat-x bottom left;
}

#column li a:hover, #column2 li a:hover {
color: #000;
background: #eeeeee url('../static_html/images/column-li-a-bg.png') repeat-x bottom left;
}

#column li a#current, #column2 li a#current {
font-weight: bold;
cursor: default; 
}

#column p, #column2 p {
margin: 0.2em 0.4em;
color: #1b5cda;
font-size: 0.7em;
}

#column form, #column2 form {
text-align: center;
font-size: 0.8em;
}

#column input, #column2 input {
width: 115px;
font-size: 0.8em;
border: 1px solid #eeeeee;
color: #333;
}

#column input.submit, #column2 input.submit {
border: 0;
background: #eeeeee;
color: #1b5cda;
}

#column a, #column2 a {
background: #fff;
}

#main_col {
text-align: center;
width: 650px;
margin: 0px auto 0px auto;
padding: 0;
}

#main_home {
text-align: center;
width: 655px;
margin: 0px auto 0px auto;
padding: 0;
}

#content {
margin: 0;
margin-top: 1.2em;
padding: 0;
text-align: left;
color: #333;
font-size: 0.8em;
float: left;
}

#top_ad {
text-align: center;
margin-bottom: 1.2em;
height: 175px;
}

#content_clear {
clear: both;
height: 0;
margin: 0;
padding: 0;
font-size: 0;
}

#footer {
text-align: center;
margin: 0;
margin-top: 0.6em;
padding: 0.5em 0;
font-size: 0.7em;
background: #f9e9e4;
border: 1px solid #c80d01;
}

#footer ul, #brands ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#footer li, #brands li {
display: inline;
margin: 0;
padding: 0;
}

#footer li a, #brands li a {
margin: 0;
padding: 0.1em 0.4em;
color: #555;
text-decoration: none;
}

#footer li a:hover, #brands li a:hover {
color: #333;
}

/* Classes */

div.clear {
clear: both;
margin: 0;
padding: 0;
font-size: 0;
height: 0;
line-height: 0;
}

div.left {
float: left;
width: 65px;
height: 65px;
margin: 0.4em;
margin-right: 0.4em;
}

span.small {
font-size: 0.7em;
color: #333;

}
span.small_left {
font-size: 0.7em;
color: #333;
text-align: left;

}

span.purple {
color: #1b5cda;
}

span.blue {
color: #cd0e00;
}


span.price {
color: #c80d01;
}

div.box_wrap {
width: 200px;
margin: 0 9px;
float: left;
text-align: center;
}

h3.box {
font-size: 1em;
margin: 0;
margin-bottom: 0.2em;
padding: 0.2em 0.3em;
font-weight: bold;
color: #fff;
background: #165ada url('../static_html/images/box-h3-bg.png') repeat-x top left;
}

div.box {
text-align: center;
margin: 0;
padding: 0;
background: #eeeeee;
background: #f7f7f7;
border-left: 1px solid #eeeeee;
border-right: 1px solid #eeeeee; 
font-size: 0.9em;
}

div.box_img {
float: left;
width: 80px;
height: 80px;
margin: 0;
margin-top: 5px;
margin-right: 5px;
padding: 0;
}

img.box {
margin: 0 auto;
border: 1px solid #eeeeee;
width: 78px;
height: 78px;
}

div.box p, div.box_special p {
text-align: center;
padding: 0 0.2em;
font-weight: bold;
}

div.box a {
}

div.box_bottom {
margin: 0;
padding: 0;
background: #fff url('../static_html/images/box-bottom-bg.png') no-repeat bottom left;
height: 7px;
border: 0;
border-top: 1px solid #eeeeee;
}

h3.box a {
color: #fff;
text-decoration: none;
}

h3.box a:hover {
color: #000;
text-decoration: underline;
}

ul.box {
margin: 0;
padding: 0;
text-align: left;
}

li.box {
margin: 0;
margin-left: 0.6em;
padding: 0;
list-style-type: none;
}

a.box {
font-size: 1.1em;
color: #333;
padding: 0.2em 0;
padding-left: 12px;
background: #f7f7f7 url('../static_html/images/col_list_li_a_bg.png') left 0.6em no-repeat;
line-height: 1.4em;
text-decoration: none;
font-weight: normal;
}

a.box:hover {
color: #1b5cda;
text-decoration: underline;
}

#brands {
background: #165ada;
border: 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
font-size: 0.7em;
margin: 0;
padding: 0.6em 1em;
}

#brands li a {
color: #e8e8e8;
padding: 0.1em 0.2em;
}

#brands li a:hover {
color: #fff;
}

div.intro {
text-align: center;
}

h1.intro {
font-size: 1.2em;
}

div.ad, #column div.ad, #column2 div.ad {
text-align: center;
margin: 0;
margin-bottom: 0.6em;
padding: 0;
background: #fff;
border: 0;
}