/*main.css - used by Primary PSS (not utils)*/

html, body {
   margin:0;padding:0;height:100%;
   /*background: #39393F;*/
   background: #313131;
   color: #000;
   font-family:Trebuchet,"trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
* {margin:0px;}	/* Base setting */
h1 {margin:0;}
h3 {padding:20px 0 5px 0;text-align:center;margin:0px;width:100%;}
h4 {padding:10px 0 0 0;text-align:left;margin-right:0px}
h5 {clear:both;font-weight:bold;font-size:14px;color:#4DA7AC;padding:2px 2px 2px 10px;margin:20px 0 10px 0;background:#EAE0BA;border: 0.2em solid #ddd;width:99%;}
form {margin:0;padding:0;}

h5 a:link{
   background: #EAE0BA;
   color: #037;
}
h5 a:visited{
   background: #EAE0BA;
   color: #037;
}

/* perfect 3 column layout */

#master{
    float:left;
    width:100%;
    text-align:center;
}
#sitewrap{
    width:90%;
    margin:0 auto;
}


/* column container */
.colmask {
    position:relative;	/* This fixes the IE7 overflow hidden bug */
    clear:both;
    float:left;
    width:100%;			/* width of whole page */
    overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.rhtbar,
.content,
.lftbar {
    float:left;
    width:100%;			/* width of page */
    position:relative;
}
.contcnt,
.lbarcnt,
.rbarcnt {
    float:left;
    position:relative;
    padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
			only padding top and bottom is included here, make it whatever value you need */
    overflow:hidden;
}
/* 3 Column settings */
.threecol {
    /*background:#7D9235;		 right column background colour */
    /*border-right:2px #7D9235 solid;	content borders must be done from here 
    border-left:2px #7D9235 solid;*/

}
.threecol .lftbar {
    /*right:50%;			width of the middle column */
    background:#e1e1e1;
}
.threecol .content {
    /*right:25%;			 width of the right column */
    background:#fff;		/* center column background colour */
}

.threecol .lbarcnt {
    /*width:21%;		Width of left column content (column width minus padding on either side) */
    /*left:31%;			width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .contcnt {
    /*width:46%;		width of center column content (column width minus padding on either side) */
    /*left:102%;		100% plus left padding of center column */
}

.threecol .rbarcnt {
    /*width:21%;		Width of right column content (column width minus padding on either side) */
    /*left:85%;			Please make note of the brackets here:
	(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}


li{font-size:13px;}
/*a{font-size:13px;}*/

img {border:0;display:block;}		/*need display:block to prevent line break below img*/

a:link {color:#2C47B7; text-decoration:none;cursor:hand}
a:visited {color:#2C47B7; text-decoration:none;cursor:hand}
a:hover {color:#2C47B7; text-decoration:underline;cursor:hand}


p {margin:0px 0px 10px 0px;font-size:14px;}

.tagline {
   width:100%;
   text-align:center;
   color: #4d8cba;
   font-style: normal;
   font-weight: bold;
   margin:0;
   line-height:0.8em;
}

.date {
   padding-right: 0.3em;
}

.small, .archive, .copyright {
   font-size: small;
}

.xsmall{
   font-size: 10px;
}

.invisible, .invisible a {
   display: none;
   background: #fff;
   color: #fff;
}

.copyright {
   margin-top: 0;
   margin-bottom: 0;
}

.hide {
   visibility: hidden;
   background: #fff;
   color: #fff;
   clear: both;
   margin: 0;
}

.whiteout {
   background: #fff;
   color: #fff;
}

/*
a img { color: #fff; }         hide the border in Netscape 4 
@media all {                   hide from Netscape 4 
   a img { color: inherit;     undo the rule above 
   border: none;               hide from Netscape 4 
   }
}
*/

/*From:http://www.webcredible.co.uk/user-friendly-resources/css/css-round-corners.shtml*/

#navigation a{
    color: #000;
    background: #4DA7AC url(/images/left-tab.gif) left top no-repeat;
    text-decoration: none;
    padding:0 0 0 10px;
    font-size:15px;
}

#navigation a span{
    background: url(/images/right-tab.gif) right top no-repeat;
    padding-right: 10px;
}

#navigation a, #navigation a span{
    display: block;
    float: left;
    height:20px;
}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span
{
    float: none;
}
/* End hide */

#navigation a:hover{
    color: #fff;
    background: #4279B7 url(/images/left-tab-hover.gif) left top no-repeat;
    padding-left:10px;
}

#navigation a.onthis{
    color: #fff;
    background: #4279B7 url(/images/left-tab-hover.gif) left top no-repeat;
    padding-left:10px;
    cursor:default;
}
#navigation span.onthis{
    background: url(/images/right-tab-hover.gif) right top no-repeat;
    padding-right: 10px;
}

#navigation a:hover span{
    background: url(/images/right-tab-hover.gif) right top no-repeat;
    padding-right:10px;
}

#navigation ul{
    list-style:none;
    padding:0;
    margin:0;
    height:20px;
}

#navigation li{
    float: left;
    margin:0;
    padding:0;
    height:20px;
   
}

.submen{
    font-size: 11px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.submen li{
    display: inline;

}

.submen li a{
    border-left: 1px solid #cccccc;
    margin-left: 7px;
    padding-left: 10px;
    font-size: 11px;
}

.submen li a.nobar{
    border-left: none;
    margin-left: 7px;
    padding-left: 10px;
    font-size: 11px;
    font-weight:bold;
}

.srchhead {
    float:left;
    display:inline;
    height:16px;
    width:20%;
    text-align:left;
    vertical-align:middle;
    border:none;
    font-size:13px;
    font-weight:bold;
    padding:0 0 5px 0px;
}
.srchopts {
    float:left;
    display:inline;
    height:60px;
    width:20%;
    text-align:left;
    vertical-align:top;
    font-size:11px;
    padding-left:0px;
}

.itm {
    height:20px;
    padding:0;
}


.gal{
    float:left;
    display:inline;
    text-align:center;
}

/*notecards */
/*SETTHUMBNAIL NOTECARDS - Horizontal - used in shopping-cart.php for NC set*/
.notecdsth {
  clear:both;
  float:left;
  background: url(/images/aasetimgs/notecdsth.gif) no-repeat bottom right;
  margin: 0 0 0 0 !important;
  margin: 0 0 0 0;
}
.notecdsth div {
  background: url(/images/aasetimgs/notecdsth.png) no-repeat left top !important;
  background: url(/images/aasetimgs/notecdsth.gif) no-repeat left top;
  float:left;
  padding: 0 0 2px 0;
  }
.notecdsth img {
  padding:0;
  margin: 0;
}

/*SETTHUMBNAIL NOTECARDS - Vertical - used in shopping-cart.php for NC set*/
.notecdstv {
  clear:both;
  float:left;
  background: url(/images/aasetimgs/notecdstv.gif) no-repeat bottom right;
  margin: 0 0 0 0 !important;
  margin: 0 0 0 0;
}
.notecdstv div {
  background: url(/images/aasetimgs/notecdstv.png) no-repeat left top !important;
  background: url(/images/aasetimgs/notecdstv.gif) no-repeat left top;
  float:left;
  padding: 0 2px 0 0;
  }
.notecdstv img {
  padding: 0;
  margin: 0;
}

/*SETSMALL NOTECARDS - Horizontal - used in product-list.php for NC set*/
.notecdssh {
  clear:both;
  float:left;
  background: url(/images/aasetimgs/notecdssh.gif) no-repeat bottom right;
  margin: 0 0 0 0 !important;
  margin: 0 0 0 0;
}
.notecdssh div {
  background: url(/images/aasetimgs/notecdssh.png) no-repeat left top !important;
  background: url(/images/aasetimgs/notecdssh.gif) no-repeat left top;
  float:left;
  padding: 0 0 2px 0;
  }
.notecdssh img {
  padding:0;
  margin: 0;
}

/*SETSMALL NOTECARDS - Vertical - used in product-list.php for NC set*/
.notecdssv {
  clear:both;
  float:left;
  background: url(/images/aasetimgs/notecdssv.gif) no-repeat bottom right;
  margin: 0 0 0 0 !important;
  margin: 0 0 0 0;
}
.notecdssv div {
  background: url(/images/aasetimgs/notecdssv.png) no-repeat left top !important;
  background: url(/images/aasetimgs/notecdssv.gif) no-repeat left top;
  float:left;
  padding: 0 2px 0 0;
  }
.notecdssv img {
  padding: 0;
  margin: 0;
}

/*SETLARGE NOTECARDS - Horizontal - used in notecards.php - set size*/
.notecdslh {
  clear:both;
  float:left;
  background: url(/images/aasetimgs/notecdslh.gif) no-repeat bottom right;
  margin: 0 0 0 0 !important;
  margin: 0 0 0 0;
}
.notecdslh div {
  background: url(/images/aasetimgs/notecdslh.png) no-repeat left top !important;
  background: url(/images/aasetimgs/notecdslh.gif) no-repeat left top;
  float:left;
  padding: 0 0 2px 0;
  }
.notecdslh img {
  padding:0;
  margin: 0;
}

/*SETLARGE NOTECARDS - Vertical - used in notecards.php - set size*/
.notecdslv {
  clear:both;
  float:left;
  background: url(/images/aasetimgs/notecdslv.gif) no-repeat bottom right;
  margin: 0 0 0 0 !important;
  margin: 0 0 0 0;
}
.notecdslv div {
  background: url(/images/aasetimgs/notecdslv.png) no-repeat left top !important;
  background: url(/images/aasetimgs/notecdslv.gif) no-repeat left top;
  float:left;
  padding: 0 2px 0 0;
  }
.notecdslv img {
  padding: 0;
  margin: 0;
}

/*THUMBNAIL NOTECARDS - Horizontal - used in shopping-cart.php*/
.notecdthh {
  clear: both;
  float:left;
  background: url(/images/aasetimgs/notecdthh.gif) no-repeat bottom right;
  margin: 0 0 0 0 !important;
  margin: 0 0 0 0;
}
.notecdthh div {
  background: url(/images/aasetimgs/notecdthh.png) no-repeat left top !important;
  background: url(/images/aasetimgs/notecdthh.gif) no-repeat left top;
  float: left;
  padding: 0 0 2px 0;
  }
.notecdthh img {
  padding: 0;
  margin: 0;
}

/*THUMBNAIL NOTECARDS - Vertical - used in shopping-cart.php */
.notecdthv {
  clear: both;
  float:left;
  background: url(/images/aasetimgs/notecdthv.gif) no-repeat bottom right;
  margin: 0 0 0 0 !important;
  margin: 0 0 0 0;
}
.notecdthv div {
  background: url(/images/aasetimgs/notecdthv.png) no-repeat left top !important;
  background: url(/images/aasetimgs/notecdthv.gif) no-repeat left top;
  float: left;
  padding:0 2px 0 0;
  }
.notecdthv img {
  padding: 0;
  margin: 0;
}
/*SMALL NOTECARDS - Horizontal - used in product-list.php and product-details.php for NC Set */
.notecdsmh {
  clear: both;
  float:left;
  background: url(/images/aasetimgs/notecdsmh.gif) no-repeat bottom right;
  margin: 0 0 0 0 !important;
  margin: 0 0 0 0;
}
.notecdsmh div {
  background: url(/images/aasetimgs/notecdsmh.png) no-repeat left top !important;
  background: url(/images/aasetimgs/notecdsmh.gif) no-repeat left top;
  float: left;
  padding: 0 0 5px 0;
  }
.notecdsmh img {
  padding: 0;
  margin: 0;
  
}
/*SMALL NOTECARDS - Vertical - used in product-list.php and product-details.php for NC Set*/
.notecdsmv {
  clear:both;
  float:left;
  background: url(/images/aasetimgs/notecdsmv.gif) no-repeat bottom right;
  margin: 0 0 0 0 !important;
  margin: 0 0 0 0;
}
.notecdsmv div {
  background: url(/images/aasetimgs/notecdsmv.png) no-repeat left top !important;
  background: url(/images/aasetimgs/notecdsmv.gif) no-repeat left top;
  float: left;
  padding: 0 5px 0 0;
  }
.notecdsmv img {
  padding: 0;
  margin: 0;
}

/*MEDIUM NOTECARDS - Horizontal - used in notecards.php for sample*/
.notecdmdh {
  clear:both;
  float:left;
  background: url(/images/aasetimgs/notecdmdh.gif) no-repeat bottom right;
  margin: 0 0 0 0 !important;
  margin: 0 0 0 0;
}
.notecdmdh div {
  background: url(/images/aasetimgs/notecdmdh.png) no-repeat left top !important;
  background: url(/images/aasetimgs/notecdmdh.gif) no-repeat left top;
  float: left;
  padding: 0 0 11px 0;
  }
.notecdmdh img {
  padding: 0;
  margin: 0;
}

/*MEDIUM NOTECARDS - Vertical - used in notecards.php for sample*/
.notecdmdv {
  clear:both;
  float:left;
  background: url(/images/aasetimgs/notecdmdv.gif) no-repeat bottom right;
  margin: 0 0 0 0 !important;
  margin: 0 0 0 0;
}
.notecdmdv div {
  background: url(/images/aasetimgs/notecdmdv.png) no-repeat left top !important;
  background: url(/images/aasetimgs/notecdmdv.gif) no-repeat left top;
  float:left;
  padding: 0 11px 0 0;
  }
.notecdmdv img {
  padding: 0;
  margin: 0;
}

/*LARGE NOTECARDS - Horizontal - used in product-details.php*/
.notecdlgh {
  clear:both;
  float:left;
  background: url(/images/aasetimgs/notecdlgh.gif) no-repeat bottom right;
  margin: 0 0 0 0 !important;
  margin: 0 0 0 0;
}
.notecdlgh div {
  background: url(/images/aasetimgs/notecdlgh.png) no-repeat left top !important;
  background: url(/images/aasetimgs/notecdlgh.gif) no-repeat left top;
  float: left;
  padding: 0 0 11px 0;
  }
.notecdlgh img {
  padding: 0;
  margin: 0;
}

/*LARGE NOTECARDS - Vertical - used in product-details.php*/
.notecdlgv {
  clear:both;
  float:left;
  background: url(/images/aasetimgs/notecdlgv.gif) no-repeat bottom right;
  margin: 0 0 0 0 !important;
  margin: 0 0 0 0;
}
.notecdlgv div {
  background: url(/images/aasetimgs/notecdlgv.png) no-repeat left top !important;
  background: url(/images/aasetimgs/notecdlgv.gif) no-repeat left top;
  float:left;
  padding: 0 11px 0 0;
  }
.notecdlgv img {
  padding: 0;
  margin: 0;
}

.dwrn{float:left;padding:3px 0 3px 3px;font-size:14px;font-weight:bold;color:#FF5555;}
.clrwrn{clear:both;text-align:center;font-weight:bold;color:#AA0000;font-size:13px}
.dlin{float:left;clear:both;width:100%;padding:3px 0 3px 0;}
.dtxt{float:left;width:150px;font-size:13px}
.dtxtb{float:left;width:150px;font-size:13px;font-weight:bold}
.cdtxtb{clear:left;float:left;width:150px;font-size:13px;font-weight:bold;padding:2px 0 2px 0;}
.dreq{float:left;display:inline;margin-top:5px;width:10px;font-size:small;font-weight:bold;color:red;}
.dnotreq{float:left;width:10px;}
.sitm{float:left;font-size:13px;text-align:center}
.addon{float:left;color:#4279AC;line-height:22px;text-align:center;font-weight:bold;width:99%}

.optbox {float:left;padding:10px 0 10px 0;width:99%;border:1px #665B22 solid;}
.imgbox{clear:both;float:left;padding:0;}
.addbox{float:left;margin-top:5px;padding:5px 0 10px 0;width:99%;border:1px #4279AC solid;}
.disbox{float:left;margin-top:5px;padding:5px 0 10px 0;width:99%;border:1px #4DA7AC solid;}

.top {font-size:11px}



.ddat input{padding:0;margin:0;height:17px;width:200px;background-color:#FFF;border-color: #808080 #CCCCCC #CCCCCC #808080;
border-style: solid;
border-top-width: 2px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 2px;}

.ddat textarea{padding:0;margin:0;background-color:#FFF;border-color: #808080 #CCCCCC #CCCCCC #808080;
border-style: solid;
border-top-width: 2px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 2px; }

.ddat select{padding:0;margin:0;height:20px;width:202px;background-color:#FFF;border-color: #808080 #CCCCCC #CCCCCC #808080;
border-style: solid;
border-top-width: 2px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 2px; }

.nobox input{border:none;float:left;display:inline;margin:3px 0 3px 3px;width:60px;background-color:#FFF;}
.num{width:80px;font-weight:normal;text-align:right;border:none;background-color:#FFF;}
.numd{width:80px;font-weight:bold;text-align:right;border:none;background-color:#FFF;}
.numchg{font-weight:normal;text-align:right;background-color:#FFF;}
.cmt{clear:both;float:left;padding:5px 10px 5px 0px;font-weight:bold;font-size:11px;}
.ctr{float:left;width:100%;text-align:center}

.pg-btn-on{padding:0;margin:0;color:black;font-size:10px;}

.pg-btn-off{padding:0;margin:0;color:#666;font-size:10px;}

/*.btn{padding:2px;margin:3px;text-decoration:none;background-color:#E6A096;color:black;cursor:pointer; }*/


.btn {
    margin:0;
    padding:0;
    font-size:10px;
    color:black;
}



.box {
	position: relative;
}
.overlay {
	position: absolute;
	top: 0;
	left: 0;
}

/*Category List*/
.t{
    width:19px;
    height:19px;
    vertical-align:middle;
    margin:0;
    padding:0;
    font-size:9px;
}
/*parent div*/
.p {
   font-size:13px;
   padding:0 0 0 0;
  
}
/*child div*/
.c {
    display:none;
    font-size:13px;
    border:1px #CAC0AA solid;
    background:#E5DBB4;
    margin:2px;
}

.l{
   font-size:11px;
   padding-left:5px;
   line-height:18px;
}
/*border around sidebar child gallery lists */
.sbarbrdr{
    border:1px #CAC0AA solid;
    background:#E5DBB4;
    margin:2px;
}



#footer {
    margin:0px auto;
    padding:10px 0 0 0;
    font-size:10px;
    text-align:center;
}


.thd{
    text-align:center;
    float:left;
    display:inline;
    font-size:14px;
    font-weight:bold;
    width:25%;
    padding-bottom:5px;
}
.titm{
    text-align:center;
    float:left;
    display:inline;
    font-size:12px;
    font-weight:normal;
    width:25%;
}
.ctitm{
    clear:both;
    text-align:center;
    float:left;
    display:inline;
    font-size:12px;
    font-weight:normal;
    width:25%;
}
.thd1{
    text-align:center;
    float:left;
    display:inline;
    font-size:12px;
    font-weight:bold;
    width:120px;
    padding-bottom:5px;
}
.titm1{
    text-align:center;
    float:left;
    display:inline;
    font-size:12px;
    font-weight:normal;
    width:120px;
}

.thd2{
    text-align:center;
    float:left;
    display:inline;
    font-size:14px;
    font-weight:bold;
    width:75px;
    padding-bottom:5px;
}
.titm2{
    text-align:center;
    float:left;
    display:inline;
    font-size:12px;
    font-weight:normal;
    width:75px;
}

.clr{
    clear:both;
    padding-top:20px;
}
.idx{
    clear:both;
    padding:0px 0 0px 0;
}

.vpad {
    font-size:13px;
    padding:5px 0 5px 0;
}

.entbox{
    float:left;
    margin:10px 0 0 0;
    padding:10px;
    background-image: url(/images/entrybox.gif);  
    background-repeat: repeat-x;
    border:1px #BBB solid
}

.bcrmbs{
    float:left;
    text-align:left;
    background-color:#4279B7;
    font-size:14px;
    color:#FFFFFF;
    margin:0 0 0 0;
    padding:2px 0 4px 0px;
    border:none;
    height:18px;
}

.bcrmbs a:link{
    font-size:14px;
    font-family:arial;
    font-weight:normal;
    margin:0;
    padding:0;
    color:#FFF;
    background:#4279B7;
}

.bcrmbs a:visited{
    font-size:14px;
    font-family:arial;
    font-weight:normal;
    margin:0;
    padding:0;
    color:#FFF;
    background:#4279B7;
}

.about {
    float:left;
    text-align:center;
    font-size:12px
}

.about img{
    padding:3px;
    border:1px black solid;
    margin:0 auto;
}


/* search and slideshow buttons */
.hmbtn {		
  font-size:11px;
}

/*slide show uploader styles */
.mov-btn{padding:5px 0 0 10px;float:left;display:inline;width:30px;}



/*** jquery slideshow in index.php set the width and height to match your images **/

#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}