/*

Theme Name: Lock It Down
Theme URI: http://
Description: Lock It Down Ecommerce
Version: 1.0
Author: Ray Stone
Author URI: http://finelysliced.com.au/

*/

/* =============== Global Reset =============== */

* { margin: 0; padding: 0; }

body { background: #F6F6F4; font-size: 62.5%; font-family: "Lucida Grande", "Lucida Sans Unicode", helvetica, arial, verdana, sans-serif; padding-bottom: 40px; }


/* =============== Header =============== */

#hd-wp { position: relative; background: #2C4E69; border-bottom: 1px solid #5A7991; z-index: 1000; }
#hd { position: relative; margin: 0 auto; width: 930px; height: 100px; }

#logo { position: absolute; left: 0px; top: 29px; display: block; width: 211px; height: 64px; background: url(images/logo.gif) no-repeat; text-indent: -9999px; }

#mn-nv { list-style: none; position: absolute; left: 403px; bottom: 0px; width: 527px; }
#mn-nv li { position: relative; float: left; font-size: 1.2em; margin-right: 40px; height: 34px; }
#mn-nv li a { text-decoration: none; }
#mn-nv li a:link, #mn-nv li a:visited { color: #C0CAD2; }
#mn-nv li a:hover, #mn-nv li a:active, #mn-nv li.current_page_item a { color: #FFF; }

#mn-nv li:hover ul, #mn-nv li.sfHover ul { display: block; }

#mn-nv ul { position: absolute; left: 0px; top: 34px; width: 160px; background: #5A7991; display: none; }
#mn-nv ul li { display: block; float: none; margin: 0; text-align: left; width: 160px; font-size: 1em; }
#mn-nv ul li a { display: block; padding: 8px 10px; border-bottom: 1px dotted #CCC; width: 140px; }

/* =============== Hero =============== */

#hero-wp { position: relative; background: #315775 url(images/hero-wp-bg.jpg) center top no-repeat; z-index: 500; }
#hero { position: relative; margin: 0 auto; width: 930px; height: 296px; }

#hero-sub { position: relative; margin: 0 auto; width: 930px; overflow: hidden; }
#hero-ct { float: left; padding-top: 50px; width: 360px; }
#hero-sub #hero-ct { width: 930px; }
#hero-ct h1 { color: #FFF; font-size: 2.8em; margin-bottom: 10px; }
#hero-ct h1 span { color: #CCC; }
#hero-ct p { color: #FFF; font-size: 1.3em; line-height: 140%; margin-bottom: 18px; }
#hero-ct p.intro { color: #E7E3B5; font-size: 1.8em;  font-family: helvetica, arial, verdana, sans-serif; font-weight: bold; text-shadow: #333 1px 1px 1px;}

/* Slideshow */

#sshow { position: absolute; top: 24px; right: 0px; width: 527px; height: 314px; background: url(images/sshow-bg.png) no-repeat; }
#sshow ul { list-style: none; margin: 8px 0 0 9px; width: 509px; height: 274px; overflow: hidden; }
#sshow ul li {  }
#sshow #next { position: absolute; bottom: 8px; right: 11px; display: block; width: 16px; height: 16px; background: url(images/next.png) no-repeat; text-indent: -9999px; }
#sshow #prev { position: absolute; bottom: 8px; right: 40px; display: block; width: 16px; height: 16px; background: url(images/prev.png) no-repeat; text-indent: -9999px; }

/* =============== Content =============== */

#ct-wp { background: #E4E2D7; border-top: 7px solid #2B4C66; padding: 45px 0 40px 0; }
#ct { margin: 0 auto; width: 930px; overflow: hidden; }
#ct-hm { position: relative; margin: 0 auto; width: 930px; overflow: hidden; padding-bottom: 50px; }
#ct-lt { float: left; width: 580px; }
#ct-lt-wide { float: left; width: 930px; overflow: hidden; }
 
/* Home category intros */

.cat-1 { float: left; width: 210px; margin-right: 30px; }
.cat-2 { float: left; width: 210px; margin-right: 30px; }
.cat-3 { float: left; width: 210px; }
.cat-4 { float: right; width: 210px; }

#ct-hm h2 { padding-bottom: 5px; margin-bottom: 10px; line-height: normal; }
#ct-hm h2 a { color: #315775; padding-left: 14px; background: url(images/arrow.png) center left no-repeat; }
#ct-hm h2 a:link, #ct-hm h2 a:visited { text-decoration: none; }
#ct-hm h2 a:hover, #ct-hm h2 a:active { text-decoration: underline; }

#ct-hm p { font-size: 1.2em; line-height: 140%; color: #333; }
#ct-hm p a:link, #ct-hm p a:visited { color: #333; text-decoration: none; }
#ct-hm p a:hover, #ct-hm p a:active { color: #333; text-decoration: none; }

h2 { color: #315775; font-size: 1.9em;  font-family: helvetica, arial, verdana, sans-serif; }

h4 { color: #333; font-size: 1.4em;  font-family: helvetica, arial, verdana, sans-serif; padding-bottom: 6px; margin-bottom: 14px; border-bottom: 1px solid #B4C8CB; }

#ct p { font-size: 1.4em; line-height: 145%; margin-bottom: 24px; }
#ct h2 { margin-bottom: 10px; font-size: 1.9em;  }

#ct ul { list-style: none; font-size: 1.3em; line-height: 140%; margin-bottom: 24px; }

.l-more-btn { display: block; width: 123px; height: 34px; background: url(images/l-more-btn.gif) no-repeat; text-indent: -9999px; }

#ct-lt a:link, #ct-lt a:visited { color: #2B4C66; text-decoration: underline; }

#ct-lt a.gen-btn, a.gen-btn { display: inline-block; color: #FFF; border-bottom: 1px solid #2E4C59; border-right: 1px solid #3E6779; border-top: 1px solid #96BCCD; border-left: 1px solid #96BCCD; line-height: 28px; text-align: center; padding: 0 20px; text-decoration: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#ct-lt a.gen-btn:link, #ct-lt a.gen-btn:visited, a.gen-btn:link, a.gen-btn:visited { background: #5D98B2 url(images/btn-bg.png) top left repeat-x; color: #FFF; }
#ct-lt a.gen-btn:hover, #ct-lt a.gen-btn:active, a.gen-btn:hover, a.gen-btn:active { background: #5D98B2; color: #FFF; }



/* =============== Sidebar =============== */

#sidebar { float: right; width: 280px; }
#sidebar p { font-size: 1.3em; line-height: 140%; margin-bottom: 24px; }
#sidebar h4 { font-size: 1.8em; color: #9F9E9B; margin-bottom: 20px; padding-top: 20px; }

#sidebar ul { list-style: none; }
#sidebar ul li { font-size: 1.3em; margin-bottom: 2px; }
#sidebar ul li a { font-family: helvetica, arial, verdana, sans-serif; padding-left: 14px; background: url(images/arrow.png) 0px 4px no-repeat; }
#sidebar ul li a:link, #sidebar ul li a:visited { color: #2B4C66; text-decoration: none; }
#sidebar ul li a:hover, #sidebar ul li a:active { color: #2B4C66; text-decoration: underline; }

/* =============== E-Shop Pages =============== */

.paginate { display: none; }

.cart-status { position: absolute; top: 0px; right: 50%; width: 200px; margin-right: -465px; background: #4A6B86; font-size: 1.2em; color: #EEE; text-align: center; line-height: 34px; border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; }
.cart-status span { color: #FFF; font-weight: bold; }
.cart-status a {  }
.cart-status a:link, .cart-status a:visited { color: #E5E3D8; text-decoration: underline; }
.cart-status a:hover, .cart-status a:active { color: #E5E3D8; }



/* Product Lists */

#ct-lt-wide ul.eshoppanels { width: 930px; overflow: hidden; }
#ct-lt-wide ul.eshoppanels li { float: left; text-align: left; width: 280px; height: 250px; padding: 0; margin: 0 30px 30px 0; overflow: hidden; }
#ct-lt-wide ul.eshoppanels a { text-decoration: none; }
#ct-lt-wide ul.eshoppanels a span { display: inline-block; font-size: 1.4em; color: #315775; font-family: helvetica, arial, verdana, sans-serif; font-weight: normal; padding-left: 14px; background: url(images/arrow.png) 0px 4px no-repeat; margin-bottom: 8px; }
#ct-lt-wide ul.eshoppanels a span em { font-style: normal; color: #315775; font-weight: bold; }
#ct-lt-wide ul.eshoppanels a:link span, #ct-lt-wide ul.eshoppanels a:visited span { text-decoration: none; }
#ct-lt-wide ul.eshoppanels a:hover span, #ct-lt-wide ul.eshoppanels a:active span { text-decoration: underline; }
#ct-lt-wide ul.eshoppanels a img { padding: 6px; background: #D8D4BC; margin-bottom: 12px; }
#ct-lt-wide ul.eshoppanels a:link img, #ct-lt-wide ul.eshoppanels a:visited img { border: 1px solid #CCC; }
#ct-lt-wide ul.eshoppanels a:hover img, #ct-lt-wide ul.eshoppanels a:active img { border: 1px solid #CCC; }
#ct-lt-wide ul.eshoppanels p { width: 260px; font-size: 1em; padding-left: 14px; text-decoration: none; }
#ct-lt-wide ul.eshopsubpages p { font-size: 1em; }



/* Product Detail */

#ct-lt img.full-prod { padding: 5px; background: #D8D4BC; margin-bottom: 12px; width: 548px; height: 365px; border: 1px solid #CCC; }
#ct-lt p.caption { font-size: 1.3em; font-style: italic; line-height: 140%; margin-top: -20px; }
#sidebar img { padding: 5px; background: #D8D4BC; margin-bottom: 12px; border: 1px solid #CCC; }
#sidebar p.caption { font-size: 1.3em; font-style: italic; line-height: 140%; margin-bottom: 24px; }

/* Add to Cart Form */

.add-wp { padding: 18px 0; }
form.addtocart { margin: 0; }
form.addtocart fieldset legend { font-size: 1.9em; color: #315775; padding: 5px 10px; font-weight: bold; border: 1px solid #B4C8CB; font-family: helvetica, arial, verdana, sans-serif; }
form.addtocart fieldset { border: 1px solid #B4C8CB; padding: 0 18px; }
form.addtocart fieldset select { margin-right: 12px; }
form.addtocart fieldset label { font-size: 1.3em; color: #333; }
form.addtocart fieldset input.iqty { padding: 4px; margin-right: 4px; }

#ct p.add-to-cart-info { padding-top: 12px; }
#ct p.add-to-cart-info strong { color: #CC3333; }

/* Checkout Form */

form#checkout-form { margin-bottom: 26px; }
form#checkout-form fieldset legend { font-size: 1.3em; color: #333; padding: 5px 10px; font-weight: bold; border: 1px solid #B4C8CB; font-family: helvetica, arial, verdana, sans-serif; }
form#checkout-form fieldset { border: 1px solid #B4C8CB; padding: 26px 26px 26px 26px; margin-bottom: 20px; }
form#checkout-form fieldset label { font-size: 1.3em; color: #333; margin-bottom: 2px; }
form#checkout-form fieldset input { padding: 4px; margin-bottom: 6px; }
form#checkout-form fieldset select { margin-bottom: 6px; }

p.reqd { color: #666; font-style: italic; }
p.reqd span.reqd, span.reqd { color: #FF3333; }

#ct-lt p strong.error { color: #FF3333; font-size: 1.2em; padding: 16px; background: #F8F2B7;
border: 1px solid #DCD7A3; }

#ct-lt ul.errors { list-style: disc; margin: 0 20px 26px 20px; }
#ct-lt ul.errors li strong { color: #FF3333; }

small#eshopshowshipcost, .step-note {font-size: 1.3em; line-height: 140%; margin-bottom: 24px; }

.buttonwrap {display: block; }
.button { margin-top: 26px; }
.add-wp .button { margin-top: 0; }

#ct-lt .eshoppayvia ul { margin-bottom: 0px; }
#ct-lt .eshoppayvia ul li { margin-bottom: 0px; }
#ct-lt .eshoppayvia ul li img { display: block;}

#ct-lt ul.confirm li { color: #2B4C66; }
#ct-lt ul.confirm span.items { color: #333; }
/* Cart */

table.cart { width: 580px; border-collapse: collapse; margin-bottom: 50px; }
table.cart caption { display: none; }
table.cart th { text-align: left; font-size: 1.4em; font-weight: bold; border-bottom: 1px solid #B4C8CB; color: #333; padding: 14px 12px 6px 12px; font-family: helvetica, arial, verdana, sans-serif; }
table.cart th#cartTotal, table.cart th#cartQty { text-align: right; }
table.cart td { text-align: left; font-size: 1.3em; color: #333; padding: 14px 12px 8px 12px; border-bottom: 1px solid #B4C8CB; }
table.cart tr.stotal td, table.cart tr.total td {  font-size: 1.3em; border-top: 3px solid #315775; color: #315775; text-align: right; font-weight: bold; padding: 14px 12px 12px 12px; }
table.cart tr.stotal th, table.cart tr.total th  {  font-size: 1.4em; border-top: 3px solid #315775; color: #315775; font-weight: bold; padding: 14px 12px 12px 12px; }

table.cart th#scharge { font-weight: normal; font-size: 1.3em; font-family: "Lucida Grande", "Lucida Sans Unicode", helvetica, arial, verdana, sans-serif; }


table.cart input { padding: 4px; margin-right: 20px; }
table.cart td.amts, table.cart td.cqty { text-align: right;}

div.cartopt { text-align: right; }
div.cartopt input { margin-left: 12px;  }

.continue-proceed { text-align: left; padding: 12px 0; margin-top: 40px; border-top: 1px solid #315775; }
.continue-proceed li { display: inline; margin-right: 10px; }
.continue-proceed li.progress-btn { float: right; margin: 0; }

#contact-form { }
#ct #contact-form p { margin-bottom: 12px; }
#contact-form input { padding: 4px; outline: none; }
#contact-form textarea { padding: 4px; outline: none; }

/* =============== Footer =============== */

#ft-wp { background: url(images/ft-wp-bg.gif) top left repeat-x; padding: 30px 0; }
#ft { position: relative; margin: 0 auto; width: 930px; overflow: hidden; }

#ft-nv { list-style: none; position: absolute; right: 0px; top: 0; text-align: right; }
#ft-nv li { display: inline; font-size: 1.1em; margin-left: 25px; color: #797877; }
#ft-nv li a:link, #ft-nv li a:visited { color: #797877; text-decoration: none; }
#ft-nv li a:hover, #ft-nv li a:active { color: #797877; text-decoration: underline; }

#ft p { color: #797877; font-size: 1.1em; line-height: 150%; }
#ft p span { color: #222; margin-right: 20px; }

/* =============== Misc =============== */

img { border: none; }
a { outline: none; }