@charset "UTF-8";

/* CSS Document */
/* Mercato - John McGeary 2009*/

hr{
border-bottom:1px solid #aeaeae;
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
margin:15px 0 15px 0}

h1{
font-size:1.45em;
color:#e24f01;
line-height:28px;
font-weight:200;
margin-bottom:15px}

h2{
font-size:1.3em;
color:#333333;
font-weight:100;
margin:5px 0 5px 0}

h3{
font-size:1.2em;
color:#e24f01;
margin:5px 0 5px 0}

h4{
font-size:1.1em;
color:#333333;
margin:5px 0 5px 0}

a{
color:#e24f01;
text-decoration:none}

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

p{
margin-bottom:10px}

strong{
font-weight:600}

.textarea ul{
padding:10px 0 10px 0}

.textarea li{
list-style:none;
background:url(assets/bulletpoint.gif) no-repeat top left;
border:none;
color:#e24f01;
padding:0 0 10px 13px}

.textarea ol{
padding:10px 0 10px 15px}

.darkorange{
color:#b54103}

body{
font-size:0.8em;
font-weight:200;
line-height:1.6em;
color:#333333;
font-family:Helvetica, Arial, Verdana, sans-serif;
background:#e24f01 url(assets/bg.jpg) repeat-x top left fixed}

*{
margin:0;
padding:0}

img{
border:0}

img, div, input { behavior: url("iepngfix.htc") }

/* Main Container */
#wrapper{
width:100%;
height:100%;
padding:0;
margin:9px 0 0 0}

#main_container{
width:990px;
height:100%;
padding:0;
margin:0 auto} 

/* Masthead */
#masthead{
width:990px;
height:209px;
float:left;
margin:0;
padding:0;
background: url(assets/masthead-bg.jpg) repeat-x top left;
border-bottom:4px solid #aeaeae}

.masthead_left{
width:270px;
height:106px;
margin:20px 0 0 35px;_margin:20px 0 0 18px;
float:left}

.masthead_left h2{
color:#e24f01;
font-weight:600}

.masthead_left h3{
color:#333333;
font-weight:200}

.logo{
float:left;
width:139px;
margin:25px 0 0 120px;
height:142px}

.masthead_cart{
width:186px;
height:106px;
float:right;
color:#333333;
margin:18px 10px 0 0;_margin-right:5px;
padding:10px}

.masthead_cart li{
list-style:none;
margin:0 0 3px 40px;
padding:0 10px 0 25px;
background: url(assets/li.gif) no-repeat center left}

.masthead_cart a{
color:#333333;
text-decoration:none}

.masthead_cart a:hover{
color:#e24f01;
text-decoration:underline}

.basket{
color:#ffffff;
width:134px;
height:48px;
margin:20px 0 0 0;
padding:5px;
float:right;
background: url(assets/basket.png) no-repeat top left}

.basket p{
font-size:0.85em;
line-height:15px;
margin:0;
padding:0}

.basket a{
color:#ffffff;
text-decoration:none}

.basket a:hover{
color:#ffffff;
text-decoration:underline}

/* Mainarea */
#mainarea{
width:990px;
height:100%;
margin:0;
padding:0;
float:left;
background:#ffffff url(assets/mainarea-bg.jpg) repeat-x bottom left}

.textarea{
padding:0;
margin:0;
width:716px}

.slideshow{
width:990px;
height:175px;
margin:0;
padding:0}

.textarea{
width:100%;
height:100%;
margin:0;
padding:0;
float:left}

#left_column{
float:left;
width:206px;
height:100%;
margin:0 30px 25px 25px;_margin:0 30px 25px 13px;
padding:0;
border:1px solid #aeaeae;
background-color:#ffffff}

#right_column{
float:left;
width:680px;
height:100%;
margin:0;
padding:0 20px 10px 20px}

/* Navigation Left */
.navigation_left{
width:206px;
text-align:left;
line-height:16px;
margin:0;
padding:0 0 15px 0}

.navigation_left ul{
margin:0;
padding:0;
width:206px}

.navigation_left li{
list-style:none;
margin:0 0 7px 15px;
padding:0 10px 0 25px;
background: url(assets/li.gif) no-repeat center left}

.navigation_left a{
text-decoration:none;
color:#333333;
margin:0;
padding:0}

.navigation_left a:hover{
text-decoration:underline;
color:#e24f01;
margin:0;
padding:0}

.navigation_left #active2{
text-decoration:none;
color:#e24f01;
font-weight:bold}

.navigation_left #active2 a{
text-decoration:none;
color:#e24f01;
font-weight:bold}

.navigation_left #active2 a:hover{
text-decoration:none;
color:#e24f01;
font-weight:bold}

.navigation_left h2{
width:191px;
height:25px;
margin:0;
font-size:1.1em;
padding:5px 0 3px 15px;
color:#ffffff;
background: url(assets/grey-band-bg.jpg) repeat-x top left}

/* Navigation Top */
.navigation_top{
width:970px;
height:30px;
float:left;
text-align:left;
margin:15px 0 0 0;_margin:12px 0 -2px 0;
padding:0 0 0 20px;_padding:2px 0 0 0}

.navigation_top ul{
margin:0;_margin:0 0 0 10px;
padding:0;
float:left;
width:990px;_width:970px}

.navigation_top li{
list-style:none;
display:inline;
margin:0;
padding:0}

.navigation_top a{
text-decoration:none;
float:left;
color:#ffffff;
margin:5px 16px 0 16px;
padding:0}

.navigation_top a:hover{
text-decoration:underline;
color:#ffffff;
float:left;
padding:0}

.navigation_top #active{
text-decoration:none;
float:left;
color:#ffffff;
font-weight:bold}

.navigation_top #active a{
text-decoration:none;
float:left;
color:#ffffff;
font-weight:bold}

.navigation_top #active a:hover{
text-decoration:none;
float:left;
color:#ffffff;
font-weight:bold}

/* Product */
.single-product{
width:28%;
text-align:center;
margin:0;
padding:15px;
float:left}

.single-product h3{
font-size:1em;
color:#333333;
font-weight:200;
padding:0;
margin:0}

.single-product h4{
font-size:1.1em;
color:#e24f01;
font-weight:600;
padding:0;
margin:0}

.product-box{
width:680px;
margin:20px 0 18px 0;
padding:0;
float:left;
background-color:#ffffff;
border:1px solid #aeaeae}

.product-box h2{
width:665px;
height:30px;
margin:0;
font-size:1.1em;
padding:3px 0 3px 15px;
color:#ffffff;
background: url(assets/orange-band-bg.jpg) repeat-x top left}

/* Footer */
#footer{
width:990px;
height:33px;
font-size:0.8em;
color:#ffffff;
margin:0 auto;
text-align:center;
padding:0;
clear:left;
background: url(assets/footer-bg.jpg) no-repeat top left}

.copyright{
width:990px;
height:10px;
font-size:9px;
text-align:center;
margin:0;
padding:10px 0 0 0}

.copyright a{
text-decoration:none;
color:#ffffff}

.copyright a:hover{
text-decoration:underline;
color:#ffffff}

.copyright p{
padding:0;
margin:0}

/* Oscommerse Style */

.boxText{ 
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:0.8em}

.errorBox{ 
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size : 0.8em; 
background: #ffb3b5; 
font-weight: bold}

.stockWarning{ 
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size : 0.8em; 
color: #cc0033}

.orderEdit{ 
font-family:Helvetica, Arial, Verdana, sans-serif; 
font-size : 0.8em; 
color: #70d250; 
text-decoration: underline}

FORM{
display: inline}

TR.header{
background: #ffffff}

TR.headerNavigation{
background: #bbc3d3}

TD.headerNavigation{
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:0.8em;
background: #bbc3d3;
color: #ffffff;
font-weight : bold}

A.headerNavigation{ 
color: #FFFFFF}

A.headerNavigation:hover{
color: #ffffff}

TR.headerError{
background: #ff0000}

TD.headerError{
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size : 1em;
background: #ff0000;
color: #ffffff;
font-weight : bold;
text-align : center}

TR.headerInfo{
background: #00ff00}

TD.headerInfo{
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size : 1em;
background: #00ff00;
color: #ffffff;
font-weight: bold;
text-align: center}

TR.footer{
background: #bbc3d3}

TD.footer{
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:0.8em;
background: #bbc3d3;
color: #ffffff;
font-weight: bold}

.infoBox{
background: #b6b7cb}

.infoBoxContents{
background: #ffffff;
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:0.8em}

.cartPlainContents{
background: #ffffff;
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:0.8em}

.historyPlainContents{
background: #ffffff;
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:0.8em}

.infoBoxNotice{
background: #FF8E90}

.infoBoxNoticeContents{
background: #FFE6E6;
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:0.8em}

TD.infoBoxHeading{
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:0.8em;
font-weight: bold;
background: #bbc3d3;
color: #ffffff}

TD.infoBox, SPAN.infoBox{
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:0.8em}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd{
background: #ffffff}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.upcomingProducts-even, TR.shippingOptions-even{
background: #ffffff}

TABLE.productListing{
background-color:#ffffff;
border:1px solid #aeaeae;
padding:10px}

.productListing-heading{
margin:0;
font-size:1.3em;
padding:3px 5px 3px 0;
color:#ffffff;
background: url(assets/orange-band-bg.jpg) repeat-x top left}

TD.productListing-data{
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:1.1em}

TD.productListing-data a{
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:1.2em}

A.pageResults{
color: #000000}

A.pageResults:hover{
color: #000000}

TD.pageHeading, DIV.pageHeading{
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size: 1.6em;
font-weight: bold;
color: #e24f01}

TR.subBar{
background: #f4f7fd}

TD.subBar{
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:0.8em;
color: #000000}

TD.main{
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:1.1em;
line-height: 1.6em}

P.main{
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:0.8em;
line-height: 1.6em}

TD.smallText, SPAN.smallText, P.smallText{
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:1.1em}

TD.accountCategory{
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size: 1.05em;
color: #aabbdd}

TD.fieldKey{
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size : 1em;
font-weight: bold}

TD.fieldValue{
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size : 1em}

TD.tableHeading{
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size : 1em;
font-weight: bold}

SPAN.newItemInCart{
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:0.8em;
color: #ff0000}

CHECKBOX, INPUT, RADIO, SELECT{
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size: 0.95em}

TEXTAREA {
width: 100%;
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size: 0.95em}

SPAN.greetUser{
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size : 1em;
color: #f0a480;
font-weight: bold}

TABLE.formArea{
background: #ffffff;
border-color: #aeaeae;
border-style: solid;
border-width: 1px}

TD.formAreaTitle{
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size : 1em;
font-weight: bold}

SPAN.markProductOutOfStock {
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size : 1em;
color: #c76170;
font-weight: bold}

SPAN.productSpecialPrice {
font-family:Helvetica, Arial, Verdana, sans-serif;
color: #ff0000}

SPAN.errorText{
font-family:Helvetica, Arial, Verdana, sans-serif;
color: #ff0000}

.moduleRow { }

.moduleRowOver{ 
background-color: #D7E9F7; 
cursor: pointer; 
cursor: hand}

.moduleRowSelected{ 
background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { 
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:0.8em; 
color: #8c8c8c}

.checkoutBarCurrent{ 
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:0.8em; 
color: #000000}

.messageBox{ 
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:0.8em}

.messageStackError, .messageStackWarning { 
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:0.8em; 
background-color: #ffb3b5}

.messageStackSuccess{ 
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:0.8em; 
background-color: #99ff00}

.inputRequirement{ 
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:0.8em; 
color: #ff0000}

TD.pageHeading .smallText{
font-family:Helvetica, Arial, Verdana, sans-serif;
color:#000000;
font-weight:200;
font-size:0.7em}
