/* World Of Belts | Rob Lafratta */

/* PAGE SETUP */

* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { background: #ccc url(../images/bg.jpg) repeat-x center top; font:13px "Lucida Grande", "Lucida Sans Unicode", sans-serif; color:#111; padding:0; text-align: center; }
ul { list-style: none inside; }
p { line-height: 18px; margin:7px 0 15px 0; }
a { outline: none; color:#1d444a; text-decoration:underline; }
a:hover { color:#46878c; }
a img { border: none; }
h1 { font-size:16px; font-weight:normal; padding:0 0 2px 0; color:#46878c; border-bottom:1px solid #46878c; text-transform:uppercase; margin:0 0 10px 0; }
h2 { font-size:14px; font-weight:normal; font-style:italic; padding-bottom:1px; color:#46878c; }
.bold { font-weight:bold; }
.white { color:#fff; }
.green { color:#46878c; }
.darkgreen { color:#1d444a; }
.black { color:#000000; }
.red { color:#FF0000; font-size:10px; }
.small { font-size:12px; margin:0 0 4px 0; }
.med { font-size:15px; }
.big { font-size:22px; }
.sale { text-decoration: line-through; font-size:10px; color:#FF0000; }
.price { font-size:24px; font-weight:bold; color:#46878c; }
.nostock { color:#FF0000; font-weight:bold; text-transform:uppercase; }
hr {color:#ccc;border-bottom:1px dotted;border-top:0;height:1px;margin:2px 0 10px 0;}


/* TOOLS */
.floatleft { float: left; }
.floatright { float: right; }
.clear-both { clear: both; padding:0; margin:0 }
.clear-right { clear: right; }
.clear-left { clear: left; }

/* STRUCTURE */
#container { width: 980px; margin: 0 auto; text-align: center; }
#header { text-align:left; padding:14px 0 5px; margin:0 0 0 0; }
#beltimg { position:fixed; top:0; left:0; height:79px; }
#logo a { float:left; display:block; width:205px; height:40px; background: url(../images/logo.png); text-indent: -9999px; margin-left:180px; }

/*TOP NAVIGATION BUTTONS*/
#navigation { float: right; padding: 0; width:470px; }
#viewcart { float: right; padding: 0; margin-left:0; padding:5px 0 0 0; }
input.inputCart { padding:0; margin: 0; width:46px; height:35px; }
ul#topnav { list-style:none; height:36px; margin:0 0 0 110px; float:left; text-align:left; padding:13px 0 0 0; }
ul#topnav li { display:inline; }
ul#topnav li a { font-size:11px; text-decoration:none; padding:0 16px; color:#ccc; }
ul#topnav li a:hover { color:#fff; }
body#about a#about, body#cart a#cart, body#help a#help, body#contact a#contact, body#sitemap a#sitemap { color:#fff; }

/* MAIN NAV */
#navigationleft {float: left;}
ul#main-nav {  padding:0; text-align:right; width: 176px;}
ul#main-nav li { font-size: 12px; margin:23px 0; }
ul#main-nav a { color:#ccc; text-decoration:none; padding:9px 9px 9px 15px; background: #292929 url(../images/plus_h2.png) no-repeat 1px 12px; -moz-border-radius: 10px 0 0 10px;-webkit-border-radius: 10px 0 0 10px;;border-radius: 10px 0 0 10px;}
ul#main-nav a:hover { color:#fff; background: #1d1d1d url(../images/plus_a.png) no-repeat 1px 12px; }
body#latest a#latest, body#lowlife a#lowlife, body#atticus a#atticus, body#studded a#studded, body#plain a#plain, body#printed a#printed, body#wristbands a#wristbands, body#criminal a#criminal, body#fabric a#fabric, body#clothing a#clothing, body#concrete a#concrete, body#sunglasses a#sunglasses { color:#fff; background: #46878c url(../images/plus_h.png) no-repeat 1px 12px; }

#side-links { padding:0 0 0 75px; width:101px;}
#side-links p { line-height: 10px; margin:5px 0; }
#side-links a.face_btn { display: block; width: 101px; height: 53px; background-position: bottom; text-indent: -9999px;background-image: url(../images/face_btn.png); }

/* CONTENT */
#content { background-color:#fff; margin:5px 0 0 0; text-align:left; float:right; width:774px; padding:15px 15px 45px; min-height:400px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
.left-col, .right-col { width:48% }
.main-left { width:59% }
.main-right { width:37% }

/* List used in content */
.main-list li { line-height: 18px; padding:2px 0 6px; list-style:disc inside; }
.main-list { padding-bottom:10px; }

/* FOOTER */
#footer { color:#fff; font-size:11px; text-align:left; float:right;margin:5px 0 0 0; width:774px; padding:15px 15px 5px; line-height:20px;background-color:#424242;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; }
#footer a { color:#fff; text-decoration:none; }
#footer a:hover { color:#fff;text-decoration:underline; }
.footer-col { width:124px; float:left; }
#footer-browse, #footer-products, #footer-contact { float:left; padding:0 26px 0 0; }
#footer-follow { float:left; padding:0; }
.footer-colright { width:170px; float:left; }
.footer-colright2 { width:278px; float:left; }
h3 { font-size:12px; padding:0 0 3px 0; text-transform:uppercase; color:#fff; border-bottom:solid 1px #46878c; margin:0 0 7px 0; font-weight:normal; }
#bottomlogos { text-align:center; padding:10px 0 0 0; }
#copyright { color:#fff; font-size:11px; text-align:center; float:right;margin:5px 0; width:774px; padding:15px 15px 5px; line-height:20px;background-color:#292929;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
#copyright a{ color:#fff;text-decoration:none; }
#copyright a:hover{ color:#fff;text-decoration:underline; }

/* PRODUCT PAGES */
#product-image { float:left; width:380px; border:#ccc 1px solid; margin-top:20px; text-align:center; }
#product-info { float:right; width:370px; margin-top:10px; }

/* THUMBNAIL PRODUCTS */
.product-holder { width:138px; float:left; text-align:center; margin:7px; border:solid 1px #ccc; }
.product-caption { background:#46878c; color:#fff; font-size:11px; padding:8px 4px; }
.product-caption a { color:#fff; text-decoration:none; }
.product-caption a:hover { color:#ccc; }
.product-price { background:#292929; color:#fff; font-size:12px; padding:8px 4px; }
input { width:50px; }

/* CONTACT BOX */
#commentForm label, #commentForm input, #commentForm label.error, #commentForm textarea {width:530px;}
#commentForm label { position: absolute; text-align:left; padding:8px 0 5px; font-weight:normal; display: inline-block; font-size:14px; font-style:italic; color:#46878c; }
#commentForm label.error { position:relative; padding:0 0 10px 0; margin:0 0 0 0; color:red; font-style:italic; font-weight:normal; font-size:10px; display: inline-block; line-height: 16px; }
#commentForm input, textarea, select { margin:12px 0 3px 0; padding:4px 3px; }
#commentForm input.submit, input.button { width:100px; height:27px; border:none; }
#commentForm div.error { display: none; }
#commentForm input.box, textarea.box { border: 1px solid #ccc; }
#commentForm input.error { border: 1px dotted red; }
#commentForm input.submit:focus {border:none;text-decoration:none;outline:none;}
#commentForm input:focus, textarea:focus {border: 1px solid #009999;background-color:#EAEAEA}
#commentForm textarea, #commentForm input {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:13px;}

input.custom {width:300px;padding:5px;border: 1px solid #ccc;}
input:focus.custom {border: 1px solid #009999;background-color:#EAEAEA}

/* SITEMAP */
.sitemap-col { width:200px; float:left; line-height:22px; }
.sitemap-col a { text-decoration:underline; }
table.productinfo td { color: #46878c; font-weight:bold; }
table.productinfo tr td select { padding:2px 0; margin:0 0 10px 0; }