
/* AAG Client Side */

/* reset */
*,tr,td,th{margin:0; padding:0;} img{border: none;}
body{background: #e9e9e9; font-family: Helvetica, Arial, sans-serif;}
body#login{background: #534f43;}
textarea{font-size: 13px; border: 2px solid #cecece;}
p{margin-bottom: 1em; font-family: Helvetica, Arial, sans-serif;}
p, p.proddesc{font-size: 14px; line-height: 1.3em; color: #666; font-family: georgia;} 
a{outline: none; color: #000;} :focus{-moz-outline-style: none; ;}
h1 a, h2 a{color: #000;}
.clear{clear:both;}
.right{float: right;}
h1.product{float: left; font-family: georgia; color: #7d6a50; font-size: 19px; font-weight: normal; padding-bottom: 1em;}
h2.producth2, h2{font-family: georgia; color: #7d6a50; font-size: 17px; font-weight: normal; padding-bottom: 1em;}
.stockname{font-family: georgia; color: #7d6a50; font-size: 15px; font-weight: normal; padding-bottom: 6px;}
#orders-nav h2{padding-bottom: 0.5em; padding-top: 0.5em;}
#orders-nav a, #tips-nav a{color: #333;}
#orders-nav a:hover{background: none;}
.latestnews h2{padding-top: 2em;}
.newstop{padding-top: 0;}
.latestnews img{border: 4px solid #e6d5ae; margin-bottom: 3px;} 

.pricebox{float: left; border-top: 1px solid #e6d5ae; width: 280px; }
.pricebox p{padding: 15px 0; font-size: 16px; color: #7d6a50; font-weight: bold;}
#page_navigation{font-size: 11px; padding: 20px 0; text-align: center;}
#page_navigation a{font-size: 11px; text-decoration: none; padding: 4px; border: 1px solid #999; margin: 1px; background: #fafafa; color: #444; font-weight: bold;}
.pnsubmit{clear: both; margin-top: 7px;}
ul.normallist{ margin-left: 20px; color: #666; font-size: 14px; line-height: 1.3em; font-family: georgia; margin-bottom: 1.5em;}
ul.normallist li{margin-bottom: 5px;}
#tips-nav .left-col img{border: 4px solid #e6d5ae; margin-right: 20px;}
.paginput{border: none;}

.modifiers{padding-top: 4px;}
.modifiers a{color: #000;}

.wmts{width: 145px; float: left; height: 210px; padding: 7px;}
.wmts img{border: 4px solid #e6d5ae; width: 110px; margin-left: 10px;}
.wmts p{font-size: 11px; margin-top: 4px; text-align: center;}

#featured{clear: both; width: 640px;}
#featured a{clear: both; width: 600px; text-decoration: none;}
#featured img{padding-bottom: 5px;}
.featured-item{clear: both; border-bottom: 1px solid #dfdfdf;  padding-top: 8px;}
#featured h3{font-size: 11px; color: #7d6a50; text-transform: uppercase;}

table.plain{padding-top: 1em; padding-bottom: 2em; width: 300px;}
.plain td{font-size: 14px; line-height: 1.3em; color: #666; font-family: georgia;}

.productimage{float: left; border: 4px solid #e6d5ae; margin: 8px;}
.productimage2{border: 4px solid #e6d5ae; margin: 0 20px 20px 0;}
.sigs{float: left; width: 50%; color: #666; font-family: georgia; margin-top: 2em; text-transform: uppercase; font-size: 13px;}


/* misc */
.notice{padding: 18px 0 0 0; font-weight: bold; font-size: 22px; color: green; font-family: helvetica, arial; font-weight: normal; padding-bottom: 1em;}
a:hover{ color: #333;}

/* header */
#header-wrapper{position: relative; background: #464437 url(../images/header-bg.jpg) repeat-x bottom left; }
#header{position: relative; height: 195px; width: 960px; margin: 0 auto; padding-top: 30px; background: url(../images/big-logo.jpg) 0px 31px no-repeat;}
#header h1{text-indent: -9999px;}

/* nav */
#nav{position: absolute; bottom: 0; height:44px; font-size:13px; background:  url(../images/sc-bg.png) repeat-x bottom left;
	 padding:0; width: 960px; margin: 0 auto;}
#nav ul{padding:0; list-style-type:none; float:left; width: 960px; text-transform: uppercase;}
#nav li{display:block; float:left; margin:0; text-align: center;}
#nav li.right{float: right;}
#nav li a{display:block; float:left; color:#e9e3d7; text-decoration:none; padding:0 0 0 15px; height:44px; line-height: 44px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-weight: normal;}
#nav li a span{padding: 0 15px 0 0; height:45px; float:left;}
#nav li a:hover{color:#fff; background: transparent url(../images/sc-bg-over.png) repeat-x bottom left;}
#nav li a:active{color:#fff; background: transparent url(../images/sc-bg-on.png) repeat-x bottom left;}
#nav li a:hover span{display:block; width:auto; cursor:pointer; text-shadow: 1px 1px 13px #fff;}
#dashboard-nav li#link1 a, #dashboard-nav li#link1 a:hover,
#products-nav li#link2 a, #products-nav li#link2 a:hover,
#categories-nav li#link3 a, #categories-nav li#link3 a:hover,
#orders-nav li#link4 a, #orders-nav li#link4 a:hover,
#options-nav li#link5 a, #options-nav li#link5 a:hover,
#stats-nav li#link6 a, #stats-nav li#link6 a:hover,
#tips-nav li#link7 a, #tips-nav li#link7 a:hover,
#contact-nav li#link8 a, #contact-nav li#link8 a:hover,
#links-nav li#link9 a, #links-nav li#link9 a:hover
{color: #3a392f; background: #e9e9e9 url(../images/sc-left-on.png) no-repeat top left; line-height: 44px; height: 45px; text-shadow: 1px 1px 13px #fff; line-height: 40px;}

#dashboard-nav li#link1 a span,
#products-nav li#link2 a span,
#categories-nav li#link3 a span,
#orders-nav li#link4 a span,
#options-nav li#link5 a span,
#stats-nav li#link6 a span
{display:block; padding:0 20px 0 0; width:auto; background: #e9e9e9 url(../images/sc-right-on.png) no-repeat top right; height:45px;}

/* main content */
#search-box{position: absolute; top: 0; right: 0; background: #383428; border: 1px solid #555044; width: 258px; height: 35px; text-align: right; padding: 14px 18px 0 0px;}
input.sbox{border: 1px solid #696656; padding: 2px; background: #2e2a21; color: #cbc1aa; width: 170px;}
#search-box label{color: #c2b9a1; font-family: georgia; font-size: 14px;}
#search-box fieldset{border: none;}

#dcurrency{position: absolute; top: 0; right: 288px; background: #383428; border: 1px solid #555044; height: 35px; text-align: right; padding: 14px 18px 0 18px; font-size: 12px; font-family: georgia; color:#e9e3d7;}
#dcurrency select{margin-right: 5px; vertical-align: top;}

#guestbookentry, .guestform{font-size: 14px; line-height: 1.3em; color: #666; font-family: georgia; position: relative;}
#guestbookentry{background: #fff; padding: 10px; margin-bottom: 10px; border-bottom: 1px solid #dedede;}
#guestbookentry .date{float: right; padding: 4px; border: 1px solid #fefefe; position: absolute; top: 10px; right: 10px; font-size: 11px;}
.guestform input{padding: 4px;}

#content-wrapper{}
#content-inner{position: relative; width: 960px; margin: 15px auto 1em auto; background: #fff url(../images/content-bg.gif) 43px 0px repeat-y; border: 1px solid #fff;}
#content{background: url(../images/left-col-header-bg.gif) top left repeat-x;}

.starz img{border: 4px solid #e6d5ae; }
.col-header{height: 70px; position: relative;}
.col-header h1{font-family: georgia; color: #fef7e7; font-size: 18px; position: absolute; bottom: 20px; left: 20px; font-weight: normal;}

#right-col{float: right;}
.right-col-header{position: absolute; right: 0; top: 0; width: 280px; height: 70px; background: url(../images/right-col-header-bg.gif) top right repeat-x;}
.right-col-header h1{font-family: georgia; color: #fef7e7; font-size: 18px; position: absolute; bottom: 20px; left: 20px; font-weight: normal;}
.view-cart{margin: 20px 20px 20px 15px;}

.left-col{width: 640px; padding: 20px; float: left; position: relative;}

/* categories */
#cat-nav ul{list-style-type: none;}
#cat-nav li {width: 280px;  background: #fafbfb url(../images/li-bg.gif) repeat-y; border-top: 1px solid #fff; border-bottom: 1px solid #eaeaea;}
#cat-nav li a{text-decoration: none; padding: 10px 6px 10px 19px; display: block; font-size: 13px; font-weight: normal; color: #444;}
#cat-nav li a:hover{background: #fff;}
#cat-nav li.selected{background: #efe8da;}
#cat-nav li.selected a{color: #333; font-weight: bold;}
#cat-nav li.selected a:hover{background: #efe8da;}

/*    Forms */
#login #wrapper{width: 780px; margin: 0 auto; margin-top: 4em; }
#login #wrapper img{float: left; margin-top: 20px;}
.login-form {margin: 0 auto; width: 300px; margin-left: 50px; background-color: #ded7c3; padding: 32px; border: 6px solid #c4b8a6; float: left;}
.login-form h1 {font-size: 17px; color: #534f43;  margin-bottom: 1em;}

.login-form form label,
.login-form form .label{font-size: 15px; color: #89795f; display: block; margin: 0; margin-top: 1em;}
.login-form form input.text,
.login-form form textarea {padding: 3px; margin-top: 2px;}
.login-form form input.text {font-size: 15px;}

/* SC FORMS */
.sc-forms{font-size: 13px; font-family: helvetica, arial;}

.sc-forms label{font-size: 12px; font-weight: bold; color: #777;}
.sc-forms input{padding: 2px; width: 100%;  margin-top: 1px; margin-bottom: 12px; }

.sc-forms legend, .sc-forms fieldset{display: block; position: relative;}
.sc-forms fieldset{clear: both; border: none; border-top: 1px solid #ddd; padding-top: 14px; padding-bottom: 15px;}
.sc-forms h3{color: #797979; font-weight: bold; font-size: 14px; display: block; float: left;}
.sc-forms .inputdivs{float: right; width: 490px;}
.sc-forms .items{float: left; width: 220px; margin-right: 25px;}
.sc-forms .items-half{float: left; width: 101px; margin-right: 18px;}
.sc-forms .items-half img{float: left; padding-left: 2px; padding-bottom: 10px;}
.sc-forms .items-third{float: left; width: 43px; margin-right: 18px;}
.sc-forms .ih-last{margin-right: 25px;}
.sc-forms .it-last{margin-right: 80px;}
.sc-forms select{margin-top: 2px;}
.sc-forms .country{width: 220px; margin-right: 25px;}
.sc-forms .checkbox{float: left; width: 20px; height: 20px; margin-right: 2px;}
.sc-forms p{float: left; width: 180px; font-size: 12px; color: #666; padding-bottom: 1em;;}
.sc-forms p.cb{padding-top: 2px;}
.sc-forms .radio{float: left; width: 20px; margin-top: 7px;}
.sc-forms .submit{width: 100px; height: 37px;}
.sc-forms a.cobuttons:hover{background: none;}
.submitbtn{height: 37px; width: 100px; float: left; margin-top: -2px; margin-right: 15px;}

.tip{padding: 8px 4px 20px 4px;}
a.tip{text-decoration: none; color: #777;}
a.tip:hover{text-decoration: underline; color: #333; background: #f8f8f8;}
#screenshot{position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff;}

/* main data tables */
.title, .grid-header{background: #a2a2a2 url(../images/title-bg2.gif) bottom right repeat-x; padding: 10px 12px; font-size: 13px; color: #fff; font-weight: bold; border-bottom: 1px solid #fff;}

.data{padding: 0; margin: 0px;}
table{width: 100%; border-collapse:collapse;}
tr.trhead{background: #fff;}
table,tr,td,th{font-size: 12px; font-family: arial;}
th{background: #fff url(../images/th-bg.gif) repeat-x; color: #000; font-weight: bold; text-align: left;
	border-bottom: 1px solid #b3b3b3; font-weight: normal;}
th a{color: #000; font-weight: normal; text-decoration: none; display: block; padding: 4px 12px;}
th a:hover{background: #fff; color: #000;}
th a:active{ background: #fff;}
th.nolink{padding-left: 6px;}
th.money{padding: 4px 12px;}
td{padding: 3px 2px 3px 12px; vertical-align: center; }
td a{color: #444; text-decoration: none;}
td a:hover{background: none; color: #444;}
tr.alt td {background: #f0f0f0;}

td.pic img{background: #fff; padding: 3px; border: 1px solid #b3b3b3;}
td.pic{vertical-align: center; text-align: center;}
td.name{width: 80px; }
td.price{width: 60px; text-align: right; padding-right: 4px; padding-left: 2px;}
td.desc{}
td.details{width: 60px; padding-left: 6px;}
.over, tr.over td{color: #000; background: #f2ecdd; cursor: pointer;}

.cart-table .cart-header{background: #f4f4f4; font-size: 12px; font-weight: bold; color: #555; border-right: 1px solid #fff; padding: 5px; border-bottom: 1px solid #999;}
.cart-table td{padding: 5px; border-bottom: 1px solid #999;}
.cart-table td{vertical-align: middle; padding-top: 15px; padding-bottom: 15px;}
.cart_row, .total_label, .total_value {border-bottom: 1px solid #cecece;}
.cart-table {margin-bottom: 50px;}



.grid{width: 330px; float: left; padding: 0; margin-right: 16px; border: 2px solid #eee;}
.grid th{padding: 4px 12px;}
.grid td{padding: 6px 12px;}

.grid p, .grid p a{padding: 12px; font-size: 18px; font-weight: bold; color: #9d9378;}

/* misc */
.clear{clear: both;} 
a{outline: none;} /* silly FF dotted link outlines */
body{-moz-opacity: 0.9999;} /* Fix the FF Mac font glitch */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* Lightbox for images */
html,body{margin:0;padding:0;height:100%}#lightbox,#lightbox-overlay{position:absolute;top:0px;left:0px;bottom:auto;right:auto;z-index:100;width:100%;height:auto;text-align:center;color:#333;margin:0px;padding:0px;border:none;outline:none;line-height:0;text-decoration:none;background:none;word-spacing:normal;letter-spacing:normal;float:none;clear:none;display:block}#lightbox-overlay{z-index:90;background-color:#000;height:100%}#lightbox-overlay-text{text-align:right;margin-right:20px;margin-top:20px;color:white;font-size:15px;cursor:default;line-height:normal}#lightbox-overlay-text a,#lightbox-overlay-text a:hover,#lightbox-overlay-text a:visited,#lightbox-overlay-text a:link{text-decoration:underline;color:white}#lightbox-overlay-text span{padding-left:5px;padding-right:5px}#lightbox img,#lightbox a img,#lightbox a{border:none;outline:none}#lightbox-imageBox{position:relative;border:1px solid black;;background-color:white;width:250px;height:250px;margin:0 auto}#lightbox-imageContainer{padding:1px}#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0}#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}#lightbox-nav-btnPrev,#lightbox-nav-btnNext{display:block;width:49%;height:100%;background:transparent url("../images/blank.gif") no-repeat;zoom:1;padding:0px;margin:0px}#lightbox-nav-btnPrev{left:0;right:auto;float:left}#lightbox-nav-btnNext{left:auto;right:0;float:right}#lightbox-infoBox{font:10px Verdana,Helvetica,sans-serif;background-color:#FFF;margin:0 auto;padding:none}#lightbox-infoContainer{padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;color:#666;line-height:normal}#lightbox-infoHeader{width:100%;text-align:center}#lightbox-caption{text-align:justify}#lightbox-caption-title{font-weight:bold}#lightbox-caption-description{font-weight:normal}#lightbox-infoFooter{margin-top:3px;color:#999}#lightbox-currentNumber{display:block;width:49%;float:left;text-align:left}#lightbox-close{display:block;width:45%;float:right;text-align:right}#lightbox-close-button{padding-left:30%}#lightbox-close-button,#lightbox-close-button:link,#lightbox-close-button:visited,#lightbox-close-button:hover{text-decoration:underline;color:#999}#lightbox-close-button:hover{color:#666}#lightbox-infoContainer-clear{clear:both;visibility:hidden}