/* Structure
------------------------------------*/
*									{ margin: 0; padding: 0; }

body { background: #0c5484 url('/template/bg.jpg') no-repeat center top; }
body { color: #666; font: 12px/20px arial, helvetica, sans-serif; }

div#content							{ width: 570px; margin: 0 10px; }
div#sidebar							{ margin: 0 10px; padding-top: 10px; }



/* Typography
------------------------------------*/
p									{ margin-bottom: 10px; }

ul									{ padding-left: 20px; }

h1, #cart_heading					{ padding-top: 20px; margin-bottom: 20px; color: #216d9e; font: 20px/20px georgia, "times new roman", serif; }
h2									{ padding-top: 10px; margin-bottom: 10px; text-transform: uppercase; font-size: 14px; }
h3									{ margin-bottom: 10px; font-size: 14px; font-style: italic; }
h4									{ font-size: 12px; color: #000; }
h5									{ font-size: 12px; }

.price del							{ color: #333; }
.price strong						{ color: #c00; }

div#footer table					{ color: #216d9e; }
div#footer h3						{ margin: 10px 0; text-transform: uppercase; font-size: 12px; font-style: normal; }

p.PoweredBy							{ color: #def; font-size: 11px; text-align: center; }
p.PoweredBy a						{ color: #def; }


/* Linkage
------------------------------------*/
a									{ outline: none; }
a img								{ border: 0; }
a:link, a:visited					{ color: #216d9e; text-decoration: none; }
a:hover								{ color: #000; }

a.FooterLink:link,
a.FooterLink:visited				{ color: #fff; font-size: 11px; }
a.FooterLink:hover					{ color: #000; }



/* Tables & Forms
------------------------------------*/
table								{ border-collapse: collapse; }
td, th								{ font: 12px/18px arial, helvetica, sans-serif; vertical-align: top; }

div table.product-list				{ width: 100%; }
div .row_header td,
table.product-list th				{ padding: 3px 5px; background: #999; color: #fff; font-weight: bold; }
table.product-list td				{ padding: 3px 5px; vertical-align: middle; }
div td.price, div th.price			{ text-align: right; }
div td.price						{ font-size: 13px; }
div tr.row_divider					{ background: none; }

div table.form						{ width: 100%; background: #eee; font-size: 15px; }
table.form td, table.form th		{ padding: 5px 10px 10px; font-size: 15px; }
table caption						{ padding: 5px 0; background: #0e6fab; color: #fff; font-weight: bold; }
form								{ margin: 0; padding: 0; }


input								{ font: 12px arial, helvetica, sans-serif; }
div td.label						{ width: 130px; padding: 15px 10px 0; }
input								{ outline: none; }
div input.text						{ width: 100%; }
div input.short						{ width: 200px; }
div textarea.text					{ width: 550px; }
div input.text, textarea.text,
input.short,
div input.checkout_field,
div select.checkout_field			{ margin: 5px 0 0 0; border: solid 1px #ccc; padding: 5px; }

div .required						{ font-weight: bold; }

div label.error						{ font-size: 11px; font-weight: bold; color: #c00; }
div input.error						{ border: solid 1px #c00; background: #fff3f3; }

div input.text:focus,
div input.short:focus,
textarea:focus						{ border: solid 1px #7ac142; background: #efd; }

div td.column_fieldtitle			{ padding-top: 6px; }



/* Buttons
------------------------------------*/
body.en #btn-buynow					{ display: block; width: 80px; height: 26px; background: url('/template/buttons/en_buynow.gif'); text-indent: -9999px; }
body.en #btn-buynow:hover			{ background-position: 0 -26px; }
body.en #btn-login					{ display: block; width: 80px; height: 26px; border: none; background: url('/template/buttons/en_login.gif'); text-indent: -9999px; }
body.en #btn-login:hover			{ background-position: 0 -26px; }
body.en .btn-addtocart				{ position: relative; display: block; width: 80px; height: 26px; border: none; background: url('/template/buttons/en_addtocart.gif'); text-indent: -9999px; }
body.en .btn-addtocart:hover		{ background-position: 0 -26px; }
body.en #btn-submit					{ display: block; width: 80px; height: 26px; border: none; background: url('/template/buttons/en_submit.gif'); text-indent: -9999px; }
body.en #btn-submit:hover			{ background-position: 0 -26px; }
body.en #btn-viewcart				{ display: block; width: 80px; height: 26px; border: none; background: url('/template/buttons/en_viewcart.gif'); text-indent: -9999px; }
body.en #btn-viewcart:hover			{ background-position: 0 -26px; }
body.en #btn-checkout				{ display: block; width: 80px; height: 26px; border: none; background: url('/template/buttons/en_checkout.gif'); text-indent: -9999px; }
body.en #btn-checkout:hover			{ background-position: 0 -26px; }
body.en #btn-go						{ display: block; width: 40px; height: 26px; border: none; background: url('/template/buttons/en_go.gif'); text-indent: -9999px; }
body.en #btn-go:hover				{ background-position: 0 -26px; }
body.en .btn-backorder				{ display: block; width: 80px; height: 26px; border: none; background: url('/template/buttons/en_backorder.gif'); text-indent: -9999px; }
body.en .btn-backorder:hover		{ background-position: 0 -26px; }

body.fr #btn-buynow					{ display: block; width: 80px; height: 26px; background: url('/template/buttons/fr_buynow.gif'); text-indent: -9999px; }
body.fr #btn-buynow:hover			{ background-position: 0 -26px; }
body.fr #btn-login					{ display: block; width: 80px; height: 26px; border: none; background: url('/template/buttons/fr_login.gif'); text-indent: -9999px; }
body.fr #btn-login:hover			{ background-position: 0 -26px; }
body.fr .btn-addtocart				{ display: block; width: 80px; height: 26px; border: none; background: url('/template/buttons/fr_buynow.gif'); text-indent: -9999px; }
body.fr .btn-addtocart:hover		{ background-position: 0 -26px; }
body.fr #btn-submit					{ display: block; width: 80px; height: 26px; border: none; background: url('/template/buttons/fr_submit.gif'); text-indent: -9999px; }
body.fr #btn-submit:hover			{ background-position: 0 -26px; }
body.fr #btn-viewcart				{ display: block; width: 80px; height: 26px; border: none; background: url('/template/buttons/fr_viewcart.gif'); text-indent: -9999px; }
body.fr #btn-viewcart:hover			{ background-position: 0 -26px; }
body.fr #btn-checkout				{ display: block; width: 80px; height: 26px; border: none; background: url('/template/buttons/fr_checkout.gif'); text-indent: -9999px; }
body.fr #btn-checkout:hover			{ background-position: 0 -26px; }
body.fr #btn-go						{ display: block; width: 40px; height: 26px; border: none; background: url('/template/buttons/fr_go.gif'); text-indent: -9999px; }
body.fr #btn-go:hover				{ background-position: 0 -26px; }
body.fr .btn-backorder				{ display: block; width: 80px; height: 26px; border: none; background: url('/template/buttons/en_backorder.gif'); text-indent: -9999px; }
body.fr .btn-backorder:hover			{ background-position: 0 -26px; }



/* Navigation
------------------------------------*/
ul#nav								{ display: inline; float: right; margin: 20px 35px 0 0; padding: 0; list-style: none; font: 11px georgia, "times new roman", sans-serif; font-weight: bold; }
ul#nav li							{ display: inline; float: left; margin-right: 10px; }
ul#nav li a							{ display: block; }

ul#nav li a:link,
ul#nav li a:visited					{ border-bottom: solid 3px #6c3; color: #9c3; color: #39c; padding-bottom: 5px; }
ul#nav li a:hover					{ border-bottom: solid 3px #39c; color: #9c3; }


/* Ephemera
------------------------------------*/
hr									{ height: 1px; margin: 5px 0; border: none; background: #7bc240; }
div .clear							{ clear: both; }

div div.photo-right					{ float: right; margin: 0 0 10px 10px; }

div .testimonial					{ background: #def; padding: 1px 15px; margin-bottom: 15px }

div div.addtocart					{ padding: 10px 15 15px; margin-bottom: 15px; background: #eee; height: 25px; width: 380px; }
div div.addtocart p					{ margin: 0; padding: 3px 0 0 0; font-size: 16px; }
div div.addtocart input#btn-addtocart	{ margin: 0; float: right; }
div div.addtocart strong			{ color: #c00; }

div div.movie						{ float: right; background: #eee; margin: 10px 0 20px 10px; padding: 0 10px 10px; }

#login-form							{ background: #def; padding: 1px 10px; }
#login-form hr						{ display: none; }

div div.cat, div div.cat-last		{ float: left; width: 135px; height: 120px; margin: 10px 10px 20px 0; padding: 0 0 10px; text-align: center; }
div div.cat-last					{ margin: 10px 0 0 0; }

div div.cat-photo					{ width: 100px; height: 100px; margin: 0 auto; padding: 10px 0 10px 0; }



/* Styles
------------------------------------*/
.green								{ color: #390; }
.orange								{ color: #f60; }
.pink								{ color: #c66; }
.purple								{ color: #636; }
.red								{ color: #900; }
.yellow								{ color: #f90; }




/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}







#AffiliateDetails { margin: 0 -10px 10px; padding: 0 10px 1px; background: #94cef4; color: #000; }
#AffiliateDetails p { margin: 10xpx 0; }
#AffiliateDetails h2 { margin: 0 -10px 10px; padding: 5px 10px; background: #0a629d; color: #fff; }
#AffiliateDetails h2 span { float: right; color: #94cef4; }