@charset "utf-8";
/* CSS Document */

body { font-family:Arial, Helvetica, sans-serif;
margin:0 auto 0 auto;
background:#e7eff7;}

.clear { clear:both;}

/* specific divs */

#container { width:770px;
margin:0 auto 0 auto;
background-color:#fff; }

/* top section */

#top { margin:5px;}

#top a { color:#605c2c;
text-decoration:none;}

#top a:hover { color:#605c2c;
text-decoration:underline;}

/* search, including nav */

#top #search { background-color:#e1e0b6;
width:610px;
margin:5px 3px 0 0;
padding:2px 5px 2px 5px;
float:left;}

#top #search form { margin:0 0 0 5px;
float:left;
width:250px;}

#top #search label { color:#898443;
font-weight:bold;
font-size:80%;}

#top #search input.text { font-size:80%;
border:1px solid #c2c06e;
width:150px;}

#top #search ul { font-size:74%;
padding:0;
margin:2px 0 0 0;
float:left;
color:#605c2c;}

#top #search li { display:inline;}

/* zoom bit */

#top #zoom { background-color:#bbb86b;
width:137px;
float:left;
margin:5px 0 0 0;
font-size:74%;
height:21px;
padding:0 0 3px 0;}

#top #zoom img { display:none; 
float:left;
width:12px;
padding:6px 5px 2px 5px;}

#top #zoom img.plus { margin:0 0 0 28px;}

#top #zoom p { display:none;
margin:0;
padding:4px 5px 2px 5px;
float:left;}

/* main content */

#main-content {}

/* main content - left column */

#main-content #left { float:left;
width:618px;
margin:5px 3px 0 0;
padding:2px 5px 2px 5px;}

#main-content #left-internal { float:left;
width:758px;
margin:5px 3px 0 0;
padding:2px 5px 2px 5px;}

/* top banner, ad area */

#top-banner { background-color:#f0efef;
text-align:right;
padding:2px 0 2px 0;
height:60px;
margin:0;}

/* left column main content */

#middle { border:1px solid #bbb86b;
background-color:#f3f3eb;
margin:5px 0 0 0;
padding:0;}

/* middle content left column, includes search and menu */

#middle #middle-left { width:180px;
float:left;}

#middle #middle-left h3 { font-size:80%;
font-weight:bold;
color:#646464;
background:url(../images/menu-arrow.jpg) right center no-repeat;
margin:10px 20px 10px 10px;}

#middle #middle-left form { margin:0 0 30px 0;}

#middle #middle-left form input.text { font-size:80%;
border:1px solid #929292;
width:135px;
margin:5px 10px 0 10px;}

/* menu */

#middle #middle-left ul { color:#646464;
font-size:70%;
margin:10px;
padding:0;}

#middle #middle-left li { display:block;}


#middle #middle-left a { color:#646464;
text-decoration:none;}

#middle #middle-left a:hover { color:#646464;
text-decoration:underline;}

/* main content area */

#middle #main { margin:0 0 0 20px;
width:405px;
float:left;}

#middle #main-internal { margin:0 0 0 20px;
float:left;
width:550px;}

#middle #main-internal h1 { color:#646464;
font-size:90%;}

#middle #main-internal h2 { color:#646464;
font-size:98%;}

#middle #main-internal p { color:#646464;}

#middle #main-internal a { color:#646464;
text-decoration:none;}

#middle #main-internal a:hover { color:#646464;
text-decoration:underline;}

/* breadcrumb */

#middle ul.breadcrumb { list-style:none;
font-size:70%;
color:#605c2c;
margin:8px 0 0 0;
padding:0;}

#middle ul.breadcrumb a { text-decoration:none;
color:#605c2c;}

#middle ul.breadcrumb a:hover { text-decoration:underline;
color:#605c2c;}

#middle ul.breadcrumb li { display:inline;}

#middle ul.breadcrumb li.first { font-weight:bold;}

#middle .banner-ads { width:405px;
margin:10px 0 0 0;
border-bottom:3px solid #dbd9b8;
padding:0 0 10px 0;}

#middle .banner-ads img { float:left;
width:198px;
border:1px solid #dbd9b8;}

#middle .banner-ads img.banner-one { margin:0 5px 0 0;}

/* products */

.prod a { color:#3e4852;
text-decoration:none;}

.prod a:hover { color:#3e4852;
text-decoration:underline;}

.prod { width:133px;
margin:10px 2px 10px 0;
float:left;}

.prod h2 { font-size:80%;
color:#fff;
padding:5px 0 5px 5px;
margin:0;}

.prod.yellow h2 { background-color:#c4a240;}
.prod.yellow .prod-img { border:1px solid #c4a240;}

.prod.orange h2 { background-color:#cc6600;}
.prod.orange .prod-img { border:1px solid #cc6600;}

.prod.green h2 { background-color:#2c720c;}
.prod.green .prod-img { border:1px solid #2c720c;}

.prod .prod-img { margin:1px 0 0 0;
position:absolute;
z-index:0;}

.prod p.view { color:#3e4852;
font-size:74%;
background-color:#fff;
margin:93px 1px 0 1px;
padding:5px 10px 2px 5px;
height:15px;
position:relative;
z-index:2;
text-align:right;
font-weight:bold;
filter:alpha(opacity=90);
-moz-opacity:0.9;
opacity: 0.9;}


/* right column */

#main-content #right { float:left;
width:132px;
margin:5px 0 0 0;
background-color:#f0efef;
text-align:center;
padding:0 0 50px 0;}

#main-content #right .banner-img { margin:5px 0 0 0;
border:1px solid #444b4c;}

#main-content #right #join { background-color:#f1f1e6;
border:1px solid #4f5556;
width:120px;
margin:10px 0 0 5px;
text-align:left;}

#main-content #right #join h3 { color:#696429;
font-size:80%;
font-weight:bold;
margin:10px 5px 5px 5px;
border-bottom:1px solid #696429;}

#main-content #right #join p { color:#515151;
font-size:70%;
margin:10px 5px 5px 5px;}

#main-content #right #join a { color:#515151;
text-decoration:none;}

#main-content #right #join a:hover { color:#515151;
text-decoration:underline;}

#main-content #right #join p.join-now { background:url(../images/join-btn.jpg) repeat-x;
padding:4px 0 4px 12px;
border:1px solid #bbb86b;
color:#626035;
font-weight:bold;}

#main-content #right #join p.join-now .arrow { margin:0 0 0 12px;}

/* footer */

#footer { margin:0;}

#footer a { color:#605c2c;
text-decoration:none;}

#footer a:hover { color:#605c2c;
text-decoration:underline;}

#footer img.send { float:right;
margin:0 10px 0 0;}

#footer .peel { margin:10px 0 0 10px;
width:123px;
float:left;}

#footer ul.footer-links { background-color:#e1e0b6;
float:left;
color:#605c2c;
font-size:78%;
margin:25px 5px 0 10px;
padding:5px;
width:79%;}

#footer ul.footer-links li { display:inline;}

/* paging stlyes */

#pages { font-size:70%;
float:right;
margin:10px 4px 0 0;
color:#515151;}

a.pageslink {text-decoration: none;
text-align: center;
min-width: 75px;
padding:0 5px;
border: 1px solid #bbb86b;
margin-left: 3px;
font-weight: normal;
color:#515151;}

a.pageslink:hover { color: #515151;
background-color: #e5e5d2;}

/* internal page */

.detail { border:1px solid #cbc991;
background-color:#ececdd;}

.detail img.detail-img { border-right:1px solid #cbc991;
border-bottom:1px solid #cbc991;
width:131px;
height:114px;
float:left;}

.detail .text { padding:0 0 0 10px;
float:left;
height:114px;
width:406px;
border-bottom:1px solid #cbc991;}

.detail .text-sub { padding:0 0 0 10px;
float:left;
height:114px;
width:258px;
border-bottom:1px solid #cbc991;}

.detail h3 { font-size:72%;
margin:10px 0 5px 0;
padding:0;
color:#515151;}

.detail p { margin:5px 0 5px 0;
padding:0;
font-size:70%;}

.detail p.website { float:right;
font-weight:bold;
margin:5px 10px 5px 0;}

.title { font-weight:bold;}

.detail img.detail-banner { padding:5px;}

.back { float:left;
width:200px;
font-size:72%;
font-weight:bold;}

.back a { color: #646464;
text-decoration: none;}

.back a:hover { color: #646464;
text-decoration: underline;}


.detail a { color: #646464;
text-decoration: none;}

.detail a:hover { color: #646464;
text-decoration: underline;}

/* home page updateable bit */

#middle #main .content#home { margin:10px 0 10px 0;
border:1px solid #bbb86b;}

#middle #main .content#home h1 { margin:0;
padding:5px;
background-color:#e1e0b6;
border-bottom:1px solid #bbb86b;}

/* internal elements */

#middle #main .content h1 { font-size:90%;
margin:20px 0 0 0;
color:#646560;
font-weight:bold;}

#middle #main .content p { font-size:70%;
color:#4f504b;}

h2 { font-size:80%;
margin:20px 0 0 0;
color:#646560;
font-weight:bold;}

#middle #main .content h3 { font-size:70%;
margin:20px 0 0 0;
color:#646560;
font-weight:bold;}

#middle #main .content img { padding:0 5px 0 5px;}

#middle #main .content a { color:#646560;
text-decoration:none;}

#middle #main .content a:hover { color:#646560;
text-decoration:underline;}

#middle #main .content ul { margin:10px 0 20px 10px;
padding:0;
line-height:20px;}

#middle #main .content ul.sub { margin:0 0 0 20px;
padding:0;}

#middle #main .content ul li { font-size:70%;
color:#4f504b;
list-style:none;
background:url(../images/menu-arrow.jpg) no-repeat 0 9px;
padding:5px 0 0 20px;
margin:0 0 0 10px;
font-weight:bold;}

#middle #main .content ul.sub li { font-weight:normal;
font-size:100%;
margin:0;
padding:5px 0 0 20px;}

#middle #main .content form { margin:20px 0 0 0;}

#middle #main .content form label { width:100px;
float:left;
margin:0 0 5px 0;
font-size:70%;}

#middle #main .content form input { border:1px solid #cdcd9b;
background-color:#ebecde !important;
margin:0 0 5px 0;
width:200px;
font-size:70%;}

#middle #main .content form textarea { border:1px solid #cdcd9b;
background-color:#ebecde !important;
margin:0 0 5px 0;
width:200px;
font-size:85%;}

#middle #main .content form input.btn { background:url(../images/join-btn.jpg) repeat-x;
font-weight:bold;
padding:2px;}

.bottom p { font-size:70%;}

img.shop { margin-right:18px;}

.content p { font-size:70%;}