﻿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: #c1c1c1 url('../static_html/images/paperpunch-body-bg2.png') no-repeat top center fixed;
} 

h1 {
}

h2 {
}

h3 {
}

p {
}

#container {
margin: 0 auto;
padding: 0;
text-align: center;
width: 1012px;
background: #fff;
}

#header {
height: 141px;
margin: 0;
padding: 0;
text-align: left;
background: #fff;
padding: 0.2em 1em;
}

#header_right {
float: right;
width: 420px;
height: 124px;
text-align: center;
}

#top_nav {
text-align: center;
width: 400px;
height: 32px;
margin: 0;
margin-bottom: 3px;
padding: 0;
font-size: 0.8em;
font-weight: bold;
background: #fff url('../static_html/images/top-nav-bg.png') repeat-x left bottom;
}

#top_nav ul {
margin: 0;
padding: 0;
padding-top: 8px;
}

#top_nav li {
display: inline;
}

#top_nav li a {
color: #777;
font-weight: bold;
border: 0;
padding: 0.2em 0.3em;
}

#top_nav li a.basket {
padding-left: 34px;
background: url('../static_html/images/basket-icon.png') no-repeat left center;
}

#top_nav li a.checkout {
padding-left: 22px;
background: url('../static_html/images/checkout-icon.png') no-repeat left center;
}

#top_nav li a.account {
padding-left: 22px;
background: url('../static_html/images/account-icon.png') no-repeat left center;
}

#top_nav li a.register {
padding-left: 24px;
background: url('../static_html/images/register-icon.png') no-repeat left center;
}

#top_nav li a:hover {
color: #000;
}

#login {
text-align: left;
width: 400px;
height: 31px;
margin: 0;
padding: 0;
font-size: 0.8em;
font-weight: bold;
background: #e0e0e0;
}

#login ul {
margin: 0;
padding: 0;
background: #e0e0e0;
height: 31px;
}

#login li {
display: inline;
margin: 0;
padding: 0;
padding: 0.2em;
height: 31px;
line-height: 31px;
background: #e0e0e0;
}

#login li.login_text {
background: #ad262d;
color: #fff;
font-size: 1em;
height: 31px;
line-height: 31px;
padding: 0.5em;
}

#login form {
display: inline;
margin: 0;
padding: 0;
}

#login label, #login li label {
display: inline;
margin: 0;
padding: 0;
padding: 0.2em 0;
font-size: 0.7em;
color: #666;
}

#login input, #login li input {
display: inline;
margin: 0;
padding: 0;
padding: 0.2em 0;
font-size: 0.8em;
}

#login input.email {
width: 110px;
}

#login input.password {
width: 100px;
}

#sales {
text-align: center;
width: 400px;
height: 71px;
margin: 0;
padding: 0;
font-size: 0.8em;
font-weight: bold;
background: #fff;
}

#secure {
float: right;
width: 174px;
height: 71px; 
}

#logo {
width: 424px;
height: 124px;
margin: 0;
padding: 0;
}

#logo a {
margin: 0;
padding: 0;
border: 0;
}

#logo img {
width: 424px;
height: 124px;
border: 0;
}

#banner { 
clear: both;
margin: 0;
padding: 0 0.3em;
background: #e0e0e0 url('../static_html/images/banner-bg.png') repeat-x center left;
height: 41px;
border-bottom: 5px solid #a50800;
}

#banner ul {
text-align: left;
margin: 0;
padding: 0;
padding-top: 0.8em;
}

#banner li {
display: inline;
margin: 0;
padding: 0;
color: #777;
font-weight: bold;
}

#banner li a {
margin: 0;
padding: 0;
padding: 0.2em 0.3em;
font-size: 0.75em;
text-decoration: none;
font-weight: bold;
color: #776;
}

#banner li a:hover {
color: #000;
text-decoration: underline;
}

#rate_us {
float: right;
margin: 0;
padding: 0;
margin-right: 1em;
width: 144px;
height: 41px;
}

#rate_us a {
border: 0;
}

#rate_us img {
width: 144px;
height: 41px;
margin: 0;
padding: 0;
border: 0;
}

#search_box {
float: left;
text-align: left;
width: 260px;
margin: 0;
padding: 0;
padding-top: 2px;
height: 31px;
line-height: 31px;
}

#search_box form {
display: inline;
margin: 0;
padding: 0;
}

#search_box label {
display: inline;
margin: 0;
padding: 0;
padding: 0.2em 0;
font-size: 0.7em;
color: #777;
}

#search_box input {
font-size: 0.7em;
padding: 0.2em 0;
}

#search_box input.search {
width: 180px;
}

a {
color: #ad262d;
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;
}

#main_nav2, #main_nav2 ul {
z-index: 2;
clear: both;
float: left;
text-align: center;
width: 1012px;
margin: 0;
padding: 0.3em 0;
background: #cc8082 url('../static_html/images/main-nav-bg.png') repeat-x center left;
border: 0;
border-bottom: 0.8em solid #000;
list-style: none;
}

#main_nav2 ul {
}

#main_nav2 a {
text-align: center;
display: block;
width: 112px;
color: #efefef;
text-decoration: none;
margin: 0;
padding: 0.2em 0;
font-size: 0.8em;
border: 0;
border-right: 1px solid #efefef;
}

#main_nav2 a.last {
border: 0;
}

#main_nav2 li {
float: left;
margin: 0;
list-style: none;
padding: 0;
width: 112px;
}

#main_nav2 li ul {
position: absolute;
left: -999em;
height: auto;
width: 112px;
margin: 0;
padding: 0;
background: #cc8082;
}

#main_nav2 li li {
width: 112px;
}

#main_nav2 li:hover ul ul, #main_nav2 li:hover ul ul ul, #main_nav2 li.sfhover ul ul, #main_nav2 li.sfhover ul ul ul {
left: -999em;
}

#main_nav2 li:hover ul, #main_nav2 li li:hover ul, #main_nav2 li li li:hover ul, #main_nav2 li.sfhover ul, #main_nav2 li li.sfhover ul, #main_nav2 li li li.sfhover ul {
left: auto;
}

#main_nav2 li:hover, #main_nav2 li.sfhover {
color: #fff;
background: #ad262d url('../static_html/images/main-nav-hover-bg.png') repeat-x bottom left;
}

#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: 0;
margin-top: 0.4em;
margin-bottom: 0;
padding: 0.6em 0;
padding-top: 0;
text-align: left;
font-size: 0.9em;
color: #777;
}

#column div, #column2 div {
text-align: left;
margin: 0;
padding: 0;
background: #a7a7a7;
border: 0;
}

#column img, #column2 img {
border: 0;
}

#column h4, #column2 h4 {
text-align: center;
font-size: 0.8em;
font-weight: bold;
margin: 0;
padding: 0.3em;
padding-top: 5px;
color: #fff;
background: #ad262d url('../static_html/images/column-h4-bg.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;
}

#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: #efefef;
text-decoration: none;
background: #a7a7a7;
border-bottom: 1px solid #efefef;
}

#column li a:hover, #column2 li a:hover {
color: #333;
background: #fff;
}

#column p, #column2 p {
margin: 0.2em 0.4em;
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 #f8e3e3; 
color: #333;
}

#column input.submit, #column2 input.submit {
border: 0;
background: #f8e3e3;
color: #ad262d;
}

#column a, #column2 a {
background: #fff;
}

#content {
margin: 15px 2px 0px 0px;
padding: 0;
text-align: left;
color: #333;
font-size: 0.8em;
float: left;
width: 660px;
}

#top_ad {
text-align: center;
margin-bottom: 0.4em;
}

#content_clear {
clear: both;
height: 0;
margin: 0;
padding: 0;
font-size: 0;
}

#footer, #brands, #top_200 {
text-align: center;
margin-top: 0;
margin: 0.6em 0;
padding: 0.5em 0;
font-size: 0.7em;
background: #fff;
}

#footer ul, #brands ul, #top_200 ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#footer li, #brands li, #top_200 li {
display: inline;
margin: 0;
padding: 0;
}

#footer li a, #brands li a, #top_200 li a {
margin: 0;
padding: 0.1em 0.2em;
color: #555;
text-decoration: none;
}

#footer li a:hover, #brands li a:hover, #top_200 li a:hover {
color: #333;
}

#brands {
background: #ad262d;
}

#brands h2, #brands h2 a {
font-size: 1.1em;
font-weight: bold;
color: #fff;
margin: 0;
padding: 0;
padding-bottom: 0.4em;
}

#brands li a {
color: #efefef;
}

#brands li a:hover {
color: #fff;
}

#top_200 h2 {
font-size: 0.9em;
color: #777;
font-weight: bold;
margin: 0;
padding-bottom: 0.3em;
}

#top_200 li a {
color: #999;
font-size: 0.8em;
}

#top_200 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;
}

#content_container {
clear: both;
margin: 0;
padding: 0 20px;
background: #fff;
}

#left_col_wrap {
float: left;
}

#main_col {
float: left;
width: 665px;
padding: 0;
}

h2.intro {
text-align: center;
font-size: 1.4em;
margin-bottom: 0.4em;
color: #ad262d;
}

h3.intro {
text-align: center;
}

p.intro {
text-align: center;
}

p.red-bg {
text-align: center;
color: #fff;
background: #ad262d url('../static_html/images/banner-bg.png') repeat-x top left;
padding: 0.6em 0.4em;
border: 1px solid #f8e3e3;
border-bottom: 1px solid #0e1111;
}

a.white {
color: #fff;
font-weight: bold;
font-size: 0.85em;
text-decoration: none;
}

span.pink {
color: #ad262d;
}

span.price, span.price a {
font-size: 1.2em;
color: #ad262d;
font-weight: bold;
}

span.small {
font-size: 0.7em;
color: #333;
}

input.price {
}

div.box_wrap {
width: 200px;
height: 180px;
margin: 0 9px;
float: left;
text-align: center;
}

h3.box {
font-size: 1em;
margin: 0;
padding: 0.3em;
font-weight: bold;
color: #fff;
background: #ad262d;
}

div.box {
text-align: center;
margin: 0;
padding: 0.3em;
background: #fff;
font-size: 0.9em;
border: 1px solid #999;
}

div.box_img {
text-align: center;
margin: 0 auto;
width: 100%;
height: 80px;
}

div.box p {
margin: 0 0.4em;
}

div.box a {
}

h3.box a {
color: #efefef;
text-decoration: none;
}

h3.box a:hover {
color: #fff;
text-decoration: underline;
}

#content_p {
text-align: left;
color: #333;
font-size: 0.8em;
width: 655px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}

div.ad, #column div.ad, #column2 div.ad {
margin: 0;
margin-bottom: 0.6em;
padding: 0;
border: 0;
background: #fff;
text-align: center;
}

