body {
font-family: Lucida Sans Unicode, Helvetica, Arial, sans-serif;
font-size: 1em;
color: #dadada;
background: #000 url(../img_t/bground_body.jpg) top center no-repeat;}

* {
margin: 0;
padding: 0;}

a {
color: #ef945d;
text-decoration: none;}

a:hover {
text-decoration: underline;}

a {
outline: none;}

p {
font-size: .7em;
margin: 0 0 1em 0;}

img {
border: none;}

input {
vertical-align: middle;}

h1, h2, h3, h4 {
margin: 0 0 .5em 0;
font-family: Helvetica, Arial, sans-serif;
color: #f5fbed;}

h1 {
font-size: 1.3em;}

h2, h3 {
font-size: .8em;}

h4 {
font-size: 1.1em;}

.sm-arrow:after {
content: " " url("../img_t/btn_arrow_sm.gif");}

a:hover.sm-arrow {
text-decoration: none;}

.lg-arrow:after {
content: " " url("../img_t/btn_arrow_lg.gif");}

a:hover.lg-arrow {
text-decoration: none;}

#outer-container {
background: #000 url(../img_t/bground_header.jpg) 36px -10px no-repeat;
width: 960px;
margin: 0px auto;}


/* HEADER */

#header {
border-right: 3px #414141 solid;
margin-top: 20px;
min-height: 202px;}

#header a.logo {
background: url(../img_t/logo_outrider.gif) no-repeat;
float: left;
display: block;
font-size: 0;
text-indent: -99999px;
position: relative;
top: 180px;
left: 0;
width: 187px;
height: 27px;}

#header-info {
position: relative;
min-height: 186px;
float: left;
padding: 8px 10px;
left: 120px;
width: 480px;
border-left: 3px #414141 solid;
border-right: 3px #414141 solid;}

#header ul {
width: 131px;
text-align: right;
list-style-type: none;
padding: 8px 10px;
float: right;}

#header li {
font-size: .7em;
margin-top: 4px;
margin-bottom: 3px;}

#header ul a {
text-transform: uppercase;
color: #dadada;}


/* NAV BAR */

#nav {
background-color: #414141;
margin-top: 10px;
padding: 3px;}

#nav p {
font: .8em Helvetica, Arial, sans-serif;
width: 307px;
text-align: center;
margin: 7px 0;}

#nav ul {
padding-bottom: .2em;
margin-left: 307px;
background-color: #000;
text-align: center;}

#nav li {
text-align: center;
display: inline;}

#nav li a {
font-size: .7em;
padding: .6em 1.5em .5em 1.5em;
color:#f5fbed;}

#nav li a:hover {
text-decoration: none;
background-color: #646464;}


/* HOME PAGE CONTENT */

#home-content {
float:left;
width: 100%;
margin-bottom: 20px;
background: #000 url(../img_t/bground_content.gif) no-repeat;}

#left-column {
float:left;
width: 53%;
margin-bottom: 20px;}

.mugs {
margin-top: 50px;}

#home-content p, #home-content h1 {
margin: 0;}

#home-content .float-left {
margin-right: 14px;}

#home-content .float-left a {
font-size: 13px;}

#home-content img {
margin-bottom: 10px;}

#home-content .float-right > h1, #home-content .float-right > p, #home-content .float-right > h2 {
text-align: right;
font-weight: normal;}

#home-content .float-right h1 {
font-size: 30px;}

#home-content .float-right {
margin-top: 14px;
width: 46%;}

#home-content .float-right .lg-arrow {
font-size: 18px;}

#home-content .float-right h3 {
text-align: right;
margin-top: 30px;
line-height: 1.4em;
font-weight: normal;
font-size: .9em;
font-style: italic;}

.promo-area {
clear: both;
border: 3px solid #131313;}

.catalog, .shipping {
float: left;}

.shipping {
border-left: dashed 3px #1e1e1e;}

.extra-promos {
border-left: dashed 3px #1e1e1e;
height: 116px;
width: 280px;
padding: 15px;
float: right;}

.extra-promos ul {
list-style:none;}

.extra-promos li {
font-size: 13px;}


/* SUB PAGE CONTENT */

#sub-content {
min-height: 275px;
margin: 30px;}

#sub-content p, #sub-content h4, #sub-content li {
font-size: 13px;}

#sub-content ul {
margin: 0 0 1em 0;}

#sub-content li {
list-style-position: inside;}

img.product-img {
float: right;
margin: 0 10px;}

.testimonial h4 {
padding-bottom: .5em;
margin-bottom: 1.6em;
color: #999;
font-weight: normal;
font-style: italic;
border-bottom: dashed 3px #1e1e1e;}


/* PRODUCT STYLES */

.product {
float: left;
width: 520px;}

.product h1 {
margin-bottom: 0;}

.product h2 {
color: #c4cabd;
font-size: .9em;
padding-bottom: .5em;
margin-bottom: 1em;
border-bottom: dashed 3px #1e1e1e;}

.product h5 {
font-weight: normal;
font-size: .7em;
color: #666;
margin-bottom: 0;}

.product input {
margin-bottom: .3em;}

.purchase-area {
background-color: #1e1e1e;
width: 17em;
padding: 10px 20px;
margin: 20px auto;
border: solid 3px #272727;}

.purchase-area .float-left {
text-align: right;}

.purchase-area .float-right {
text-align: left;}


/* FOOTER */

#footer {
height: 3.8em;
clear:both;
background-color: #272727;
padding: 3px;}

.footerinfo {
margin-top: 4px;}

.footerinfo p {
padding: 1px 0;
margin: 0;
font-size: 10px;
margin-left: 327px;}

.footerinfo p, .footerinfo p a {
color: #909788;}

a#homepage {
padding-left: 0;
border: none;}

a.nav {
padding: 0 7px;
border-left: solid 1px gray;}

.search {
float: left;
height: 100%;
background-color: #000;
text-align: center;
width: 304px;}

.search input {
margin-top: 21px;}

.pointshop {
margin-top: 15px;
text-align: center;}

.pointshop p, .pointshop a {
color: #414141;}

.pointshop a {
font-weight: bold;}


/* EXTRAS */

.float-left {
float: left;}

.float-right {
float: right;}

.clear {
clear: both;}


/* FIXES */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

.clearfix {
display: inline-block;}
/* Hides from IE-mac \*/
.clearfix {
display: block;}
/* End hide from IE-mac */


/*Pointshop Styles*/

/* buttons
-------------------------------------------------------------*/
.buy_now, .spec_btn {}
#emailfbtn {} /* div */
input.emailafriend {}

/* image borders
--------------------------------------------------------------*/
.specials img, .product_img {}
.cat_imgs img {border: solid 3px #272727;}

/* Subs
--------------------------------------------------------------*/
.pagetitle {}
.policy_head {}

.breadcrumbs {}
.breadcrumbs font, font.breadcrumbs {}
a.breadcrumbs, .breadcrumbs a {}

.cust {} /* covers entire block*/
.cust img {padding: 0 8px 0 8px;}
p.toplink{}

.dtable, .dtable th, .dtable td, .wtable, .wtable th, .wtable td, fieldset {}
.dtable th, .wtable th {}

.cat_table {} /*cat pages only */
.cat_table td {vertical-align: top;}
.cat_imgs img {}

.giftcard {}

/* Cat pages
---------------------------------------------------------------*/
.prod_shelf_none {}

.cat_image {} /* for top image, not products */
.cat_descript {} /* top description div - font tag wraps content inside div */
.cat_descript font, .cat_descript p, .cat_descript {}

.subcat {} /* hold subcat table */
a.subcat {}

.paging, .paging font {font-family: Lucida Sans Unicode, Helvetica, Arial, sans-serif; font-size: 11px;}
.paging a {color: gray;}
.hidepage {} /*hides top paging link on 3x3 layout only*/
.sortby {}
.click {}

.cat_prod_link {}
.cat_prod_link a {}
.prod_sku, .prod_brand {}
.prod_shelf_descript {}

.pricetable {}
.cat_price_cell {}
.cat_listprice, .cat_ourprice, .cat_saleprice {}
.cat_saleprice {}

/* Product
-------------------------------------*/
#prodtable1 {}
div.product_img_div {} /* div around image */
div.product_img_div img {padding: 10px; background-color: #1e1e1e; border: solid 3px #272727;}

.quantity {}

div.pagetitle, p.pagetitle, h2.product_name {color: #bf4800; font-size: 18px; padding-bottom: .5em; margin-bottom: 1em; border-bottom: dashed 3px #1e1e1e;}
#sub-content p.pagetitle {font-size: 18px;}

#product_info {} /* table with brand, sku, descript only on original layout*/
div.brand, div.sku {color: #909788; font-size: 10px;}
div.brand {margin-top: 10px;}
div.product_descript {width: 520px;}
div.product_descript p {font-size: 12px;}
font.product_descript {}

table.wtable, table.dtable {background-color: #1e1e1e; border: solid 3px #272727; margin-top: 15px;}
table.wtable th, table.dtable th {background-color: #1e1e1e; color: #f5fbed; border:none;}
table.wtable td, table.dtable td {background-color: black; padding: 3px; border: none;}
table.dtable p {width: 90%;}

fieldset {border: solid 3px #272727;}
legend {color: #f5fbed;}

.cross_sell {} /* attached with dtable*/
.cross_sell td {
width: 210px;
vertical-align: top;}

table#prices {}
.listprice, .ourprice, .saleprice, .priceonrequest {}
.saleprice {}
.priceonrequest {} /*text- amount saved- includes #youSave, #youSaveLabel and #youSavePrice */
#youSave span {} /* includes #youSaveLabel and #youSavePrice */
#prices a {} /* cover price on request link */

.add_btn {text-align: center; margin-top: 30px;}

#add_btn, #emailfbtn {
margin: 0px auto; } /* div */

#add_btn {
text-align: center;}

input.buy_now, input.emailafriend {
height: 20px;
padding-left: 18px;
padding-right: 4px;
background: #000 url(../img_t/img_arrow.gif) 2px 2px no-repeat; 
text-transform: uppercase; 
font-family: Lucida Sans Unicode, Helvetica, Arial, sans-serif; 
font-size: 11px; 
color:#f5fbed; 
border: 1px solid #646464; 
text-align: center; 
cursor: pointer; }

.opt_sku {} /*relates to sku colum on options tables */