/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
body { color: #000; background: #FFF; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup, sub { line-height: -1px; vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
body { font: 13px/1.22 arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small;}
table { font-size: inherit; font: 100%; }
pre, code, kbd, samp, tt { font-family: monospace; *font-size:108%;line-height:99%;}

/***************************/
/* PICTOOB CSS STARTS HERE */
/***************************/
body { background: #ffffff url(../images/bg_body.gif) repeat-x; font-family: Verdana; overflow: -moz-scrollbars-vertical; }
a, a:link, a:active, a:visited { color: #96CA41; text-decoration: none; }
a:hover { color: #f7ad1a; }
a.action, a.action:active, a.action:link, a.action:visited { font-size: 155%; font-weight: bold; margin-left: 30px; }
a.action:hover { color: #f7ad1a; }
h2 { font-size: 200%; font-weight: bold; color: #96ca41; margin: 10px 0; }
h3 { font-weight: bold; font-size: 120%; margin-top: 10px; }
h4 { font-weight: bold; }
address { margin: 10px; }
strong { font-weight: bold; }
#body_container { width: 800px; margin-left: auto; margin-right: auto; }
#hdr { border-bottom: solid 5px #f7ad1a; height: 100px; position: relative; }
#hdr h1 { text-indent: -1000px; display: block; position: absolute; height: 100px; width: 250px; left: 0; top: 0; background: transparent url(../images/logo.gif) no-repeat; }
#hdr ul { display: block; position: absolute; bottom: 5px; right: 5px; }
#hdr ul li { display: inline; padding: 0 5px 0 5px; }
#hdr ul li a, #hdr ul li link, #hdr ul li a:active, #hdr ul li a:visited { font-weight: bold; font-family: Verdana; text-decoration: none; color: #333333; padding: 3px; }
#hdr ul li a:hover { color: #f7ad1a; }
#bd { min-height: 400px; zoom: 1; }
#bd:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0; }
#sd { width: 284px; padding: 15px 10px 10px 10px; float: left; background: #ffffff; min-height: 300px; margin-top: 10px; }
#main { width: 450px; padding: 12px 18px 10px 18px; float: right; background: #ffffff; min-height: 300px; margin-top: 10px; }
#home #main ul { margin-top: 30px; }
#home #main li { display: inline; margin: 16px; }
#contact_us #sd, #about_us #sd, div.product_details #sd, #faq #sd, #return_policy #sd, #wholesale #sd { width: 180px; }

/* product details page */
div.product_details div#sd li { text-align: center; margin: 10px; display: block; }
div.product_details div#sd li a,
div.product_details div#sd li a:link,
div.product_details div#sd li a:active,
div.product_details div#sd li a { border: 1px solid transparent; color: #888888; display: block; font-weight: bold; margin-left: 20px; #margin-left:5px; padding:5px; width:110px;}
div.product_details div#sd li a:hover { color: #F7AD1A; border: 1px solid #F7AD1A; }
#contact_us #main, #about_us #main, div.product_details #main, #faq #main, #return_policy #main, #wholesale #main { width: 550px; padding: 5px 20px 5px 20px; }
div.product_details span.price { font-size: 150%; }
div.product_details div.detail { zoom: 1; }
div.product_details div.detail:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0; }
#prod-images { float:left; width:275px; }
#prod-thumbs li { float:left; padding:2px; border:solid 2px transparent; cursor:pointer; }
#prod-thumbs li.hover { border-color:#dddddd; }
#prod-thumbs li.selected { border-color:#999999; cursor:default; }
form#add_to_cart label { padding-right: 5px; color: #666666; font-weight: bold; }
div#more_info { clear: both; color: #444444; padding: 5px 20px 10px 20px; }
div.product_details div#more_info { background: #ffffff; margin-top: 10px; }
div#more_info ul { margin-left: 10px; }
div#more_info li { list-style-position: outside; margin-left: 10px; list-style-image: url(../images/bullet_arrow.gif); }
div#more_info span { margin-left: 10px; display: block; }
div#more_info a { font-weight: bold; }

/* */
#contact_us label { float: left; width: 10em; text-align: right; padding-right: 10px; padding-top: 2px; }
#contact_us #main div { padding: 3px; }
a.btn, a.btn:active, a.btn:link, a.btn:visited { display: block; float: left; padding: 3px 5px 3px 5px; background: url(../images/bg_hdr.gif) repeat-x; color: #ffffff; border: solid 1px green; font-weight: bold; }
a.btn:hover { color: gray; border-color: #F7AD1A; }
div#contact_us a.btn { margin-left: 143px; }
div.full div#main { float: none; width: auto; }
#privacy h3 { font-weight: bold; padding: 10px 0; }
#privacy p, #about_us p { padding: 10px 0; }
#about_us #main, #wholesale #main { padding-right: 10px; width: 560px; }
#about_us #sd a, #faq #sd a, #return_policy #sd a, #wholesale #sd a { font-weight: bold; margin-left: 10px; font-size: 125%; }
#faq dl { display: block; padding: 10px; }
#faq dt { font-weight: bold; padding: 5px 0 5px 0; }
#faq dd { padding-left: 20px; }
#faq li { list-style: decimal none inside; }
#faq ol.step-photos li { list-style: none; float: left; width: 45%; }
#faq ol { clear: both; }
#ftr { margin-top: 15px; padding: 5px 0 10px 0; text-align: center; border-top: solid 5px #f7ad1a; min-height: 30px; font-size: 85%; color: #999999; }
#ftr li { display: inline; padding: 0 5px 0 5px; }
#ftr a, #ftr a:link, #ftr a:active, #ftr a:visited { color: #444444; }
#ftr a:hover { color: #f7ad1a; }
#return_policy li { margin-left: 10px; }
#return_policy li li { margin-left: 20px; }
#return_policy li li li { margin-left: 30px; }
#return_policy li p { margin-left: 20px; }

/* wholesale page */
#wholesale ul { }
#wholesale li { list-style-position: outside; list-style-type: circle; margin-left: 20px; }
#wholesale h4 { margin-top: 5px; }