/*
 *
 * Version: 1.5.0
 *
 * Date: 25th October 2009
 *
 */

* { margin:0; padding:0; }

body { color:#333; font:62.5% Arial, Helvetica, sans-serif; }

body.style1 { background-color:#fff; }

body.style2 { background-color:#ef6000; }

form { margin:0; padding:0; }

iframe { border:1px solid #ccc; }

img { border:none; }

input[type='text'],
input[type='password'] { background-color:#fff !important; }

input.button[type='submit'] { padding:1px 3px; border:none; color:#fff; font-size:11px; line-height:14px; cursor:pointer; }

input.go[type='submit'] { display:block; width:32px; height:22px; border:none; background:none; background:url("../images/go.png") no-repeat; font-size:0; text-indent:-9999px; }

input.button.style1 { border:1px solid #999; background-color:#a8a8a8; }

input.button.style2 { border:1px solid #ef6000; background-color:#f17826; }

input.button.style2[disabled='disabled'] { color:#fad0b3; cursor:default; }

.clr { clear:both; }

.error { color:#f00; }

.error_box { z-index:100; margin-bottom:10px; padding:5px; border:1px solid #f00; color:#f00; font-size:11px; text-align:left; }

.small { margin-top:5px; font-size:11px; }

.warning { color:#f00; font-weight:bold; }

/* IE6 */

div#ie6 { padding:20px; border-bottom:1px solid #000; background-color:#c00; color:#fff; font-size:12px; text-align:left; line-height:1.5em; }

div#ie6 div { padding-left:26px; background:url("../images/ie6.png") no-repeat 0 50%; }

div#ie6 div a { color:#fff; font-weight:bold; text-decoration:underline; }

/* ---------->>> LAYOUT <<<----------- */

div#container { border-top:#ef6000 solid 10px; }

div.wrapperStyle1 { border-top:#ccc solid 1px; background:#ef6000 url("../images/wrapper-style1-bg.gif") repeat-x 50% 0; }

div.wrapperStyle2 { background-color:#fff; }

div.wrapperStyle3 { border-top:#ef6000 solid 1px; background:#f0f0e1 url("../images/wrapper-style2-bg.gif") repeat-y 50% 0; }

div#head { position:relative; width:900px; margin:0 auto; }

div#head.style1 { height:300px; background:#fff url("../images/head-style1-bg.png") repeat-y 50% 0; }

div#head.style2 { height:100px; background-color:#fff; }

div#body { width:900px; margin:0 auto; }

div#body .column1,
div#body .column2 { float:left; }

div#body .column1 { width:200px; }

div#body .column2 { position:relative; width:700px; }

div#body .column3 { position:absolute; top:10px; right:15px; width:185px; }

div#body .column1 .padding { padding:10px 0 0 15px; }

div#body .column2 .padding { padding:10px 15px 10px 10px; }

div#body .margin { margin-right:195px; }

div#foot { clear:both; width:900px; margin:0 auto; }

div#foot.style1 { background-color:#fff; }

div#foot.style2 { background-color:#ef6000; }

div#foot .column1,
div#foot .column2 { float:left; width:50%; }

div#foot .column2 { text-align:right; }

div#foot .column1 .padding,
div#foot .column2 .padding { padding:10px 15px; }

div#logo { position:absolute; }

div.logoStyle1 { top:60px; left:15px; }

div.logoStyle2 { top:10px; left:15px; }

div#intro { position:absolute; top:160px; left:15px; }

div#updating { position:absolute; margin:0; padding:0 10px; background-color:#f00; color:#fff; visibility:hidden; }

/* Blocks */

div#block1,
div#block2,
div#block3 { float:left; width:215px; }

div#block1 img,
div#block2 img,
div#block3 img { display:block; }

div#block1 .padding,
div#block2 .padding,
div#block3 .padding { padding:10px !important; }

div#block1 .hr,
div#block2 .hr,
div#block3 .hr { display:block; width:195px; height:20px; background:url("../images/block-hr-bg.gif") repeat-x; }

div.spacer { display:inline; float:left; width:15px; }

/* ---------->>> FONTS <<<----------- */

a { color:inherit; }

a:hover { color:#ef6000; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom:10px; }

h1 { font:normal 2em/120% Georgia, Times New Roman, Times, serif; }

h2 { font:bold 1.2em/120% Arial, Helvetica, sans-serif; }

p { color:#666; }

hr { width:100%; height:1px; margin:20px 0; border:none; background-color:#ef6000; color:#ef6000; }

div#head p { font:normal 1.1em/120% Arial, Helvetica, sans-serif; }

div#intro h1 .style1 { color:#ef6000; }

div#intro h1 .style2 { color:#999; }

div#intro p a { color:#ef6000; text-decoration:none; }

div#intro p a:hover { text-decoration:underline; }

div#contents h2 { color:#773000; }

div#contents h3 { color:#ef6000; font:bold 1.1em/120% Arial, Helvetica, sans-serif; }

div#contents p { margin-bottom:10px; font:normal 1.1em/120% Arial, Helvetica, sans-serif; }

div#contents ul { list-style:none; margin-left:5px; margin-bottom:10px; }

div#contents ul li { padding-left:21px; color:#666; font:normal 1.1em/18px Arial, Helvetica, sans-serif; }

div#contents ul.style1 li { background:url("../images/li-style1.png") no-repeat 0 50%; }

div#contents ul.style2 li { background:url("../images/li-style2.png") no-repeat 0 50%; }

div#contents #block1 p,
div#contents #block2 p,
div#contents #block3 p { color:#ffc; }

div#contents #block1 a,
div#contents #block2 a,
div#contents #block3 a { color:#fff; text-decoration:none; }

div#contents #block1 a:hover,
div#contents #block2 a:hover,
div#contents #block3 a:hover { text-decoration:underline; }

div#foot p { font:normal 1.1em/24px Arial, Helvetica, sans-serif; }

div#foot.style2 p { color:#fff; }

div#foot.style1 p a { color:#666; }

div#foot.style2 p a { color:#fff; }

div#foot p.cta { font:normal 2em/24px Arial, Helvetica, sans-serif; }

div#foot.style1 p.cta { color:#ef6000; }

div#foot.style2 p.cta { color:#fff; }

/* ---------->>> NAVIGATION <<<----------- */

div#navigation { height:20px; }

div#navigation.style1 { position:absolute; top:0; left:15px; }

div#navigation.style2 { margin:0 15px; }

div#navigation ul { float:right; list-style:none; }

div#navigation.style1 ul li { margin-right:5px; }

div#navigation.style2 ul li { margin-left:5px; }

div#navigation ul li { float:left; padding-left:5px; background:url("../images/nav-tab-bg.gif") no-repeat scroll 0 0; }

div#navigation ul li a { display:block; float:left; height:20px; padding:0 15px 0 10px; background:url("../images/nav-tab-bg.gif") no-repeat scroll 100% 0; color:#fff; font:normal 1.1em/20px Arial, Helvetica, sans-serif; text-decoration:none; }

div#navigation ul li a:hover { text-decoration:underline; }

/* ---------->>> LOGIN <<<----------- */

div#login { float:right; width:298px; height:70px; margin:10px 15px 0 0; }

div#login .login p,
div#login .logout p { display:block; float:right; font-size:11px; line-height:24px; }

div#login .submit { display:inline; float:left; width:32px; height:22px; }

div#login .username,
div#login .password { display:inline; float:left; margin-right:5px; }

div#login .username input,
div#login .password input { width:120px; padding:3px; border:none; background:none; border:1px solid #ccc; background-color:#fff; font-size:11px; }

div#login .register,
div#login .customer { float:right; margin-top:10px; margin-left:10px; color:#666; font-size:11px; }

div#login .register a,
div#login .customer a { text-decoration:none; }

div#login .register a:hover,
div#login .customer a:hover { text-decoration:underline; }

div#login .error { display:block; float:right; line-height:24px; }

/* Register */

form.customer-form { width:50%; border-color:#ccc; border-style:solid; border-width:0 1px 1px 1px; }

table.customer-table,
table.customer-table-foot { width:100%; }

table.customer-table tr td,
table.customer-table-foot tr td { padding:5px 10px; border-top:1px solid #ccc; font:1.1em/120% Arial, Helvetica, sans-serif; }

table.customer-table tr td { color:#666; }

table.customer-table-foot tr td { background:#e6e6cc url("../images/customer-table-foot-bg.gif") repeat-x; }

/* ---------->>> ECOMMERCE <<<----------- */

div.box { margin-bottom:10px; }

div.base-mini { border:1px solid #ccc; line-height:120%; }

div.base-mini .head { margin:1px 1px 10px 1px; padding:0 9px; background:url("../images/base-mini-head-bg.gif") repeat-x; }

div.base-mini .head h3 { margin:0; color:#ef6000; font:bold 1.2em/24px Arial, Helvetica, sans-serif; text-transform:uppercase; }

div.base-mini .head p { background-color:#fde7d9; color:#333; font-size:1.1em; text-align:center; line-height:24px !important; }

div.base-mini .foot { padding:5px 10px; border-top:1px solid #ccc; background:#e6e6cc url("../images/base-mini-foot-bg.gif") repeat-x; text-align:right; }

/* Search */

div.search { height:70px; background:url("../images/search-bg.png") no-repeat; }

div.search .head { display:none; }

form.search-form { padding:10px; }

form.search-form .search-string { display:inline; float:left; width:128px; overflow:hidden; }

form.search-form .submit { display:inline; float:right; width:32px; height:22px; }

form.search-form .all-words { clear:both; }

form.search-form .all-words label { color:#fff; font:normal 11px/18px Arial, Helvetica, sans-serif; }

form.search-form input#search_string { width:120px; margin-bottom:10px; padding:3px; border:none; background:none; border:1px solid #ccc; background-color:#fff; font-size:11px; }

form.search-form input#all_words { display:inline; float:right; }

span.words { font-weight:bold; }

/* Lists */

div.layered-nav .head { padding:0 10px; height:24px; }

div.layered-nav .head.style1 { background:url("../images/layered-nav-head-style1-bg.png") no-repeat; }

div.layered-nav .head.style2 { background:url("../images/layered-nav-head-style2-bg.png") no-repeat; }

div.layered-nav h3 { margin:0; color:#fff; font:bold 1.2em/24px Arial, Helvetica, sans-serif; text-transform:uppercase; }

div.layered-nav .border.style1 { border:none; }

div.layered-nav .border.style2 { border-color:#ccc; border-style:solid; border-width:0 1px; }

div.layered-nav h4 { display:none; margin:0; border-color:#ccc; border-style:solid; border-width:1px 0; padding:0 10px; background:#d9e8f0 url("../images/layered-nav-h4-bg.gif"); font:bold 1.1em/24px Arial, Helvetica, sans-serif; }

div.layered-nav dl.style1 { background:none; background:#ef6000 url("../images/layered-nav-dl-bg.gif") repeat-x 50% 0; }

div.layered-nav dl.style2 { background:none; background-color:#f7f7f0; }

div.layered-nav dt { padding:0 10px; background:none; font:normal 1em/24px Arial, Helvetica, sans-serif; text-transform:uppercase; }

div.layered-nav dl.style1 dt { color:#ffc; }

div.layered-nav dl.style2 dt { color:#333; }

div.layered-nav dd { padding:0 10px 5px 10px; }

div.layered-nav dl.style1 dd { background:none; }

div.layered-nav dl.style2 dd { background:url("../images/layered-nav-style2-dd-bg.gif") repeat-x 0 100%; }

div.layered-nav ol { list-style:none; }

div.layered-nav dl li { font:normal 1.1em/18px Arial, Helvetica, sans-serif; }

div.layered-nav dl.style1 li { color:#fff; }

div.layered-nav dl.style2 li { color:#333; }

div.layered-nav dl.style1 li a { color:#fff; text-decoration:none; }

div.layered-nav dl.style2 li a { color:#333; text-decoration:none; }

div.layered-nav dl.style1 li a:hover { color:#fff; text-decoration:underline; }

div.layered-nav dl.style2 li a:hover { color:#333; text-decoration:underline; }

/* Cart Summary */

div.base-mini .cart { background-color:#eee; }

div.base-mini .cart h4 { margin:0; padding:0 10px; font:bold 1.1em/24px Arial, Helvetica, sans-serif; }

div.base-mini .cart ol { list-style:none; background-color:#eee; }

div.base-mini .cart ol li { padding:10px; background-color:#fcfcfc; }

div.base-mini .cart ol li strong { text-transform:lowercase; }

div.base-mini .cart .prod-image { float:left; }

div.base-mini .cart .prod-image img { display:block; width:48px; height:48px; border:1px solid #ccc; background-color:#fff; vertical-align:top; }

div.base-mini .cart .prod-details { /* margin-left:60px; */ color:#666; font-size:1.1em; }

div.base-mini .cart .prod-details .widget { display:block; float:right; width:10px; height:10px; margin:0 0 5px 5px; background-color:#f06; }

div.base-mini .cart div#updating { width:163px; font:bold 1.1em/24px Arial, Helvetica, sans-serif; }

/* Cart Main */

form.cart-form { }

table.cart-table,
table.cart-table-foot { width:100%; }

table.cart-table { border-color:#ccc; border-style:solid; border-width:1px 1px 0 1px; }

table.cart-table-foot { border-color:#ccc; border-style:solid; border-width:0 1px 1px 1px; }

table.cart-table tr th { height:30px; padding:0 10px; background:#fff url("../images/cart-table-head-bg.gif") repeat-x; font:bold 1.1em/30px Arial, Helvetica, sans-serif; text-align:left; }

table.cart-table tr td,
table.cart-table-foot tr td { padding:5px 10px; border-top:1px solid #ccc; font:1.1em/120% Arial, Helvetica, sans-serif; }

table.cart-table tr td { color:#666; }

table.cart-table-foot tr td { width:50%; background:#e6e6cc url("../images/cart-table-foot-bg.gif") repeat-x; font-weight:bold; }

form.cart-form div#updating { width:653px; border:1px solid #f00; font:bold 1.1em/30px Arial, Helvetica, sans-serif; }

/* Products */

div.product-list { margin:0 -10px; }

div.product-list h2 a:link,
div.product-list h2 a:visited { text-decoration:underline; }

table.product-list-table tr td { width:213px; padding:10px; border:1px solid #ccc; }

table.product-list-table tr td img { float:right; margin-left:5px; padding:5px; border:1px solid #ccc; color:#999; }

table.product-list-table tr td .noimg { float:right; width:73px; height:98px; margin-left:5px; border:1px solid #ccc; }

table.product-list-table tr td .noimg p { padding:5px; color:#ccc; }

/* Fix Below... */

form.product-form { width:100%; margin-bottom:10px; border:1px solid #ccc; }

table.product-table,
table.product-table-foot { width:100%; }

table.product-table tr th { height:30px; padding:0 10px; background:#fff url("../images/product-table-head-bg.gif") repeat-x; font:bold 1.1em/30px Arial, Helvetica, sans-serif; text-align:left; }

table.product-table tr td,
table.product-table-foot tr td { border-top:1px solid #ccc; font:1.1em/120% Arial, Helvetica, sans-serif; }

table.product-table tr td { padding:10px; color:#666; }

table.product-table tr td img { border:1px solid #ccc; }

table.product-table-foot tr td { width:50%; padding:5px 10px; background:#e6e6cc url("../images/product-table-foot-bg.gif") repeat-x; }

/* ---------->>> ADMINISTRATION AREA... Needs Fix... <<<----------- */

/* Layout */

div#admin .padding { padding:10px 15px; }

div#admin .column1,
div#admin .column2 { float:left; width:435px; }

div#admin .column1 .padding { padding:0 5px 0 0; }

div#admin .column2 .padding { padding:0 0 0 5px; }

/* Fonts */

div#admin h2 { color:#773000; }

div#admin p { margin-bottom:10px; font:normal 1.1em/120% Arial, Helvetica, sans-serif; }

/* Login */

form.admin-login-form { width:300px; margin:0 auto; }

form.admin-login-form fieldset { padding:10px; border:1px solid #ccc; }

form.admin-login-form legend { color:#773000; font:bold 1.2em Arial, Helvetica, sans-serif; }

form.admin-login-form label { display:block; padding:5px 10px; background-color:#fde7d9; font:normal 1.1em/20px Arial, Helvetica, sans-serif; }

form.admin-login-form input[type='text'],
form.admin-login-form input[type='password'] { float:right; }

/* Navigation */

div#admin-navigation { margin-bottom:20px; padding:10px 0; border-color:#ccc; border-style:solid; border-width:1px 0; }

div#admin-navigation p { margin:0; }

/* Admin Tables */

table.admin-table,
table.admin-table-foot { width:100%; }

table.admin-table { border:1px solid #ccc; }

table.admin-table-foot { margin-bottom:10px; border:1px solid #ccc; border-top:0; }

table.admin-table tr th { height:30px; padding:0 10px; background:#fff url("../images/admin-table-head-bg.gif") repeat-x; font:bold 1.1em/30px Arial, Helvetica, sans-serif; text-align:left; }

table.admin-table tr td,
table.admin-table-foot tr td { padding:5px 10px; font:1.1em/120% Arial, Helvetica, sans-serif; }

table.admin-table tr td { border-top:1px solid #ccc; color:#666; }

table.admin-table tr td img { float:right; margin-left:5px; border:1px solid #ccc; }

table.admin-table-foot tr td { width:50%; background:#e6e6cc url("../images/admin-table-foot-bg.gif") repeat-x; font-weight:bold; }

/* Register Form */

div#contentForm label { float:left; clear:left; width:160px; color:#666; font-size:1.1em; line-height:20px; }

div#contentForm .inputbox { margin-bottom:5px; padding:1px; border:1px solid #aaa; font-size:11px; }

div#contentForm .checkbox { margin-bottom:5px; }

div#contentForm .errormsg { display:block; width:95%; height:25px; margin:10px 0; border-top:2px solid #f00; border-bottom:2px solid #f00; background-color:#f99; color:#fff; font:bold 1.1em/25px Arial, Helvetica, clean, sans-serif; text-indent:10px; }

div#contentForm span.required { color:#f00 !important; font-size:1.1em !important; }