/* ------------ GLOBAL STYLES  ------------  */

body {
	background-color: #666666;
	font-family: Verdana, sans-serif;
	font-size:10pt;
	padding:0;
	margin:0;
}

#container {
	background-color: #FFFFFF;
	width:995px;
	margin:0 auto 0 auto;
    border-left: 1px #999999 solid;
    border-right: 1px #999999 solid;
    border-bottom: 1px #999999 solid;
	}

a {
	color:#666666;
	text-decoration:underline;
	}
a:hover {
	color:#CC0000;
	text-decoration:underline;
	}	
a img {
	border:0;
	}

.divider {
	margin:0 -4px 0 5px;
	padding:0;
	border-left: 1px solid #CCCCCC;
	}

.floatright {
	float:right;
	}

.floatleft {
	float:left;
	}

.floatrightimg {
	float:right;
    margin:0 0 10px 10px;
	}

.floatleftimg {
	float:left;
    margin:0 10px 10px 0;
	}

.clearfloat {
	clear:both;
	padding-bottom:3px;
    font-size: 2%;
	}

.clearit {
	clear:both;
	padding:0;
    margin:0;
    font-size: 0%;
	}

.pad {
	padding:5px;
	}

.alert {
	color:#CC0000;
	font-weight:bold;
	}

.indent {
	margin:5px 0 0 10px;
	}
	
.center {
	text-align:center;
}	

.printonly {visibility:hidden;}


/* ------------ HEADER ------------ */

#header {
	
	width:995px;
	height:90px;
	margin:0;
	padding:0;
	background-image:url(dbimages/homeheader.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	/*background-color:#FFFFFF;*/
	}

#header h1 {
	display:none
	}

#topnavbar {
    width:auto;
    height:30px;
    background:#FFFFFF url(images/topnav_bg.jpg) repeat-x;
	padding:0;
	margin:0;
}
	
#topnav {
	width:990px;
	margin:0;
	padding:0;
	}

#topnav ul{
	margin:0;
	padding:0;
	list-style-position: outside;
	list-style-type: none;
	text-align:left;
	}

#topnav li {
	display:inline;
	padding:0;
	margin:0;	
	}

#topnav li a {
	font-size:1em;
	color:#FFFFFF;
	text-decoration:none;
	}	

#topnav li a:hover {
	font-size:1em;
	color:#FFFFFF;
	text-decoration:underline;
	}

#logo {
	/* position:absolute;  */
	float:left;
	margin:10px 0 0 10px;
	width:350px;
	height:74px;
	z-index:20;
	}	

#headcaption {
	float:left;
	margin:50px 0 0 20px;
	width:300px;
	font-family:Verdana, Helvetica, sans-serif;
	font-style:italic;
	font-size:1.4em;
	color:#FFFFFF;
	}

#topribbon {
	float:right;
	margin:0;
	width:217px;
	z-index:50;	
	}

#search {
	float:left;
	margin:55px 0 0 55px;
	width:auto;
	height:20px;
	z-index:60;
	}

#login {
	float:right;
	margin:10px 8px 0 0;
	width:auto;
	height:18px;
	z-index:100;
	text-align:right;
	
	}

#login a{
	color:#666666;
	}

.basket {
	color:#666666;
	font-size:10px;
	}

/* ------------- TABS -------------------- */

 #tabs {
      /*float:left; */
      width:990px;
      font-size:93%;
      line-height:normal;
      margin:0;
      padding:5px 0 0 0;
      }
 #tabs ul {
	  margin:0;
	  padding:0 0 0 10px;
	  list-style:none;
      }
 #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
 #tabs a {
      float:left;
      background:url("images/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
 #tabs a span {
      float:left;
      display:block;
      background:url("images/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
 #tabs a span {float:none;}
    /* End IE5-Mac hack */
 #tabs a:hover span {
      color:#ED352B;
      text-decoration: underline;
      }
 #tabs a:hover {
      background-position:0% -42px;
      }
 #tabs a:hover span {
      background-position:100% -42px;
      }


/* ------------ MAIN COLUMNS ------------ */


#mainpage {
	height:auto;
	background-color:#FFFFFF;
	background-image:url(images/pagebackground.gif);
	background-repeat: repeat-y;
	background-position: left top;
	border-top:#FFFFFF solid 10px;
	padding:0 10px 10px 10px;
	margin:0;
	}

#contenthome {
	float:left;
	width:622px;
	margin:0 2px 0 6px;
	padding:0 6px 6px 0;
	}

#rightcolumnhome {
	float:right;
	width:148px;
	}

#content {
	float:left;
	width:622px;
	margin:0 2px 0 6px;
	padding:0 6px 6px 0;
	}

#contentfull {
	float:left;
	width:auto;
	margin:0;
	padding:0 10px;
	}

#contentwide {
	float:left;
	width:779px;
	margin:0;
	padding:0;
	}	

#leftcolumn {
	float:left;
	width:182px;
	}

#rightcolumn {
	float:right;
	width:148px;
	}


#hero {
	width:622px;
	height:312px;
	margin:0 0 9px 0;
	}
	
/* ------------  SIDENAV ------------ */

#sidenav {
	clear:both;
	text-align:left;
    /*background-color:#FAEDE7;*/
    /*border-right:1px solid #CCCCCC;*/
    /*border-left:1px solid #CCCCCC; */
    /*border-bottom:1px solid #CCCCCC;*/
	padding:0 0 5px 0;
	margin:0 0 20px 0;
	}

#sidenav .head {
    width:181px;
    /*background-color:#FFFFFF; */
    font-family: verdana, helvetica, sans-serif;
    font-size:10px;
    text-indent:10px;
	font-weight:bold;
	color:#996633;
	padding:3px 0 5px 0;
    margin:0;
    border-top:6px solid #FFFFFF;
	}

#sidenav .head a {
	color:#996633;
    text-decoration: none;
	}

#sidenav .head a:hover {
	color:#CC0000;
    text-decoration: underline;
	}

#sidenav ul {
	list-style:none;
	padding:0;
	margin:1px 0 5px 10px;
    border-bottom:solid 1px #CCCCCC;
	}
#sidenav li {
	line-height:90%;
	padding:2px 0 4px 0;
	margin:0;
	border-top:solid 1px #CCCCCC;

	}
#sidenav li a {
	font-size:80%;
	text-decoration:none;
	}

#navtableft {
	float:left;
	width:90px;
	height:21px;
	margin:0;
	padding:0;
	}
	
#navtabright {
	float:right;
	width:90px;
	height:21px;
	margin:0;
	padding:0;
	}

#navtab {
	width:90px;
	height:21px;
	margin:0;
	padding:0;
	text-align:center;
	background-color:#996633;
	}

#navtab ul {
	list-style:none;
	padding:0;
	margin:0;
	}

#navtab li {	
	display:inline;
	padding:5px 0 0 0;
	margin:0;
	text-align:center;	
	}
	
#navtab li a {
	font-size:0.75em;
	color:#FFFFFF;
	text-decoration:none;
	}	
#navtab li a:hover {
	color:#FFFFFF;
    text-decoration:underline;
	}

#navtab2 {
	width:90px;
	height:21px;
	margin:0;
	padding:0;
	text-align:center;
	background-color:#CC9966;
	}

#navtab2 ul {
	list-style:none;
	padding:0;
	margin:0;
	}

#navtab2 li {
	display:inline;
	padding:5px 0 0 0;
	margin:0;	
	}
	
#navtab2 li a {
	font-size:0.75em;
	color:#FFFFFF;
	text-decoration:none;
	}	
	
#navtab2 li a:hover {
    color:#FFFFFF;
    text-decoration:underline;
	}


/*  ------------  BOX PANELS  ------------ */

.homepanels {
	text-align:center;
	}

.homepanel {
	float:left;
	margin:0px 8px 0 0;
	}


.homepanelend {
	float:left;
	margin:0px 0 0 0;
	}

.panel {
	width:auto;
	}

.panelhead {
	width:151px;
	height:22px;
	text-align:center;
	padding:5px 0 0 0;
	margin:0 0 1px 0;
	background-color:#F14730;
	}

.panelhead a {
	font-size:110%;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	}
	
.panelbox {
	width:141px;
    	height:150px;
	background-color:#CCCCCC;
	text-align:center;
	margin:0 0 8px 0;
	border:1px solid #CCCCCC;
	}

.panelbox p{
    padding:0 3px 0 3px;
    margin:3px 0 3px 0;
	}


/*  ------------ FOOTER  ------------ */

#footer {
	width:985px;
	clear:both;
	padding:5px;
    margin-top:10px;
	border-top:#CCCCCC solid 1px;
	background-color:#FFFFFF;
	}

.footnav {
	width:auto;
	margin:0;
	padding:0;
	text-align:center;
	}

.footnav ul {
	list-style:none;
	list-style-position: outside;	
	padding:0;
	margin:0;
	}

.footnav li {
	display:inline;
	padding:0;
	margin:0;	
	}
	
.footnav li a {
	font-size:0.75em;
	text-decoration:none;
	}	

.footnav li a:hover {
	text-decoration:underline;
	}

#footribbon {
	float:left;
	width:102px;
	height:auto;
	padding:8px 0 8px 10px;
	}

#copyright {
	width:975px;
	font-size:0.75em;
	color:#999999;
	text-align:left;
	margin:10px 0 10px 10px;
	}
	
#credit {
	float:right;
	font-size:10px;
	color:#CCCCCC;
	width:80px;
	padding-right:10px;
	}	

#credit a {
	color:#CCCCCC;
	text-decoration:none;
	}

#credit a:hover {
	color:#CCCCCC;
	text-decoration:underline;
	}


/* ------------  PAGE ELEMENTS  ------------ */

.picborder {
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

.rule {
	BACKGROUND-IMAGE: url(images/rule.gif);
	BACKGROUND-REPEAT: repeat-x;
	background-position: center;
}

.dottedvert {
	BACKGROUND-IMAGE: url(images/dotted_vert.gif);
	BACKGROUND-REPEAT: repeat-y;
	background-position: center;
}

.dottedhorz {
	BACKGROUND-IMAGE: url(images/dotted_horz.gif);
	BACKGROUND-REPEAT: repeat-x;
	background-position: center;
}
.dottedhorzdouble {
	BACKGROUND-IMAGE: url(images/dotted_horz_double.gif);
	BACKGROUND-REPEAT: repeat-x;
	background-position: center;
}

#hometext {
  padding-right:20px;
  color:#666666;
}


/* ------------  TEXT LINKS  ------------ */


.linkitem { font-size: 90%; color: #000000; text-decoration: none; font-weight: bold}
A.linkitem:link { color: #000000; text-decoration: none; font-weight: bold}
A.linkitem:visited { color: #000000; text-decoration: none; font-weight: bold}
A.linkitem:hover { color: #CC0000; text-decoration: underline; font-weight: bold}


.linkred { font-size: 80%; color: #CC0000; text-decoration: none; font-weight: bold}
A.linkred:link { color: #CC0000; text-decoration: none; font-weight: bold}
A.linkred:visited { color: #CC0000; text-decoration: none; font-weight: bold}
A.linkred:hover { color: #CC0000; text-decoration: underline; font-weight: bold}


.linksmall { font-size: 75%; color: #000000; text-decoration: none; font-weight: normal}
A.linksmall:link { color: #000000; text-decoration: none; font-weight: normal}
A.linksmall:visited { color: #000000; text-decoration: none; font-weight: normal}
A.linksmall:hover { color: #CC0000; text-decoration: underline; font-weight: normal}


.linksmallrev { font-size: 75%; color: #FFFFFF; text-decoration: none; font-weight: bold}
A.linksmallrev:link { color: #FFFFFF; text-decoration: none; font-weight: bold}
A.linksmallrev:visited { color: #FFFFFF; text-decoration: none; font-weight: bold}
A.linksmallrev:hover { color: #CC0000; text-decoration: underline; font-weight: bold}


/* ------------  FORMS ------------ */

form {
	padding:0;
	margin:0;
	}

input {
	font-size: 90%;
}


select {
	font-size: 90%;
}

textarea {
	font-size: 90%;
}

button {
	font-size: 90%;
	}

/*  ------------ TEXT ------------  */

.text {
	font-size: 1em;
	color: #555555;
}

.textform {
	font-size: 0.75em;
	color: #000000;
}

.textgrey {
	color: #999999;
}

.textred {
	color: #CC0000;
}

.textblue {
	color: #336699;
}

.textnormal {
	font-size: 1em;
	color: #555555;
}

.textsmall {
	font-size: 0.75em; 
	color: #555555; 
	text-decoration: none; 
	font-weight: normal;
}

.textsmallbold {
	font-size: 0.75em;
	color: #555555; 
	text-decoration: none; 
	font-weight: bold;
}

.textsmalllight {
	font-size: 0.75em; 
	color: #CC9966; 
	text-decoration: none; 
	font-weight: normal;
}

.textsmallredbold {
	font-size: 1em;
	font-weight: bold;
	color: #FF0000;
}

.italicboldred {
	font-size: 1em;
	font-weight: bold;
	color: #CC0000;
	font-style: italic;

}

.italicboldwhite {
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	font-style: italic;
}


.pricelist {
	font-size: 1.5em;
	font-weight: bold;
	color: #CC0000;
	
}

.pricebig {
	font-size: 1.5em;
	font-weight: bold;
	color: #555555;
}

.price {
	font-size: 12px;
	font-weight: bold;
	color: #555555;
}

.textreverse {
	font-size: 0.75em;
	color: #FFFFFF;
}

/*  ------------ HEADINGS  ------------ */
	
.heading {
	font-size: 180%;
    font-family: verdana, helvetica, sans-serif;
	font-weight: normal;
	color: #996633;
}

.headinghome {
	font-size: 240%;
    font-family: verdana, helvetica, sans-serif;
	font-weight: normal;
	color: #999999;
    margin:0;
    padding:0;
}

.headinglight {
	font-size: 80%;
	font-weight: normal;
	color: #999999;
}

.headingred {

	font-size: 1.5em;
	font-weight: bold;
	color: #CC0000;
}

.headingred13 {

	font-size: 1.25em;
	font-weight: bold;
	color: #CC0000;
}

.headerpanel {
	border: 1px solid #666666;
}
.headerpanelimg {
	background-image: url(images/head_bgrnd_fill.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/*  ------------ TABLES  ------------ */

.tableheads {
	font-size: 75%;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #CC9966;
    text-transform: uppercase;
}

.tablebox {
	background-color: #FFFFFF;
	padding: 1px;
	border: 1px Solid #CCCCCC;
	margin:5px 0 5px 0;
}

.tableform {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin:5px 0 5px 0;
}

.homepagepanel {
	font-size: 12px;
	color: #000000;
	background-color: #666666;
	border: 1px solid #666666;
}


.tableboxtotals {
	background-color: #F0E0DA;
	border: 1px solid #666666;
}

.rowbgdark {
	color: #000000;
	background-color: #CCCCCC;
}

.rowbglight {
	color: #000000;
	background-color: #E4E4E4;
}

.rowbglighter {
	color: #000000;
	background-color: #EBEBEB;
}

.rowbgmid {
	color: #000000;
	background-color: #CCCCCC;
}


/*  ------------ REDINED TAGS  ------------ */

h1 {
	font-size: 10pt;
	font-weight: bold;
	color: #996633;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-size: 12px;
	font-weight: bold;
	color: #996633;
	line-height: 14px;
	margin: 0px;
	padding: 0px;
}

h3 {
	font-size: 12px;
	font-weight: normal;
	color: #996633;
	line-height: 14px;
	margin: 0px;
	padding: 0px;
}

h4 {
	font-size: 16pt;
	font-weight: bold;
	color: #996633;
}

p {
    margin:5px 0 0 0;
    padding:0;
}

/*  ------------ PRODUCT LIST GRID ------------ */

#productlist {
	margin:10px 0 0 -30px;
	height:auto;
	list-style-type:none;
	text-align:center;
	}


#productlist ul {
	margin:0;
	padding:0;
	}

#productlist li {
	float:left;
	/* height:158px;  */
	margin:0 12px 0 0;
	}

#productlist img {
	display:block;
	border: 1px solid #CCCCCC;
	margin:0;
	padding:0;
	}

#productlist .info {
	width:100px;
	margin:0;
	padding:0;
	}

/*  ------------ PRODUCT LIST ROWS ------------ */

#productlistrow {
	margin:10px 0 0 0px;
	height:auto;
	list-style-type:none;
	text-align:left;
    padding:6px 0 0 0;
    border-top:solid 1px #CCCCCC;
	}


#productlistrow ul {
	margin:10px 0;
	padding:0;
	}

#productlistrow li {
    width:auto;
	margin:0 12px 8px 0;
    border-bottom:solid 1px #CCCCCC;
	}

#productlistrow img {
    float:left;
	display:inline;
	border: 1px solid #CCCCCC;
	margin:0 15px 0 0;
	padding:0;
	}

#productlistrow .info {
    /*float:left;*/
    width:auto;
	margin:0 0 0 105px;
	padding:0;
	}

#prodlistrow .title {
    font-size:12pt;
    font-weight:bold;
    color:#333333;
}

/*  ------------ PRICE LIST ROWS ------------ */

#pricelistrow {
	margin:10px 0 0 0px;
	height:auto;
	list-style-type:none;
	text-align:left;
    padding:0;
    border-top:solid 1px #CCCCCC;
	}


#pricelistrow td {
	border-bottom:solid 1px #CCCCCC;
	}


#pricelistrow .title {
    font-size:12pt;
    font-weight:bold;
    color:#333333;
}

/*  ------------ CAT LIST  ------------ */

#catlist {
	margin:10px 0 0 0;
	height:auto;
	text-align:left;
	}

#catlist ul {
	margin:0;
	padding:8px 0 0 0;
    border-top:solid 1px #CCCCCC;
	}
	
#catlist li {
    display:block;
	margin:0 0 10px 0;
    padding:0 0 10px 0;
    list-style-type:none;
    border-bottom:solid 1px #CCCCCC;
	}

#catlist a {
    text-decoration:none;
    font-size:130%;
    font-weight:bold;
    color:#996633;
    }

#catlist a:hover {
    text-decoration:underline;
    color:#CC0000;
    }

#catlist img {
	display:none;
	border: 1px solid #CCCCCC;
	margin:0;
	padding:0;
	}

#catlist .info {
	width:auto;
	margin:0;
	padding:0;
	}

/*  ------------ PRODUCT DETAILS  ------------ */

#productdetail {
	margin:5px 0 0 10px;
	width:auto;
	}
	
#productimg {
	float:right;
	width:250px;
	margin:10px 5px 0 10px;
	}

#productimg img{
	border:1px solid #CCCCCC;
	}

#productbutton {
	margin:0 30% 0 30%;
	padding:0;
	}
/*  ------------ BUTTONS  ------------ */	

.buttonnorm {
	background-color:#CC9966;
	border: 1px Solid #FFFFFF;
	}
	
.buttonhlight {
	background-color:#CC0000;
	border: 1px Solid #F23539;
	}	

.button_confirm {
	color:#CC0000;
	font-weight:bold;
	font-size:12px;
	padding:5px;
	}

/*  ------------ COLLECTIONS  ------------ */	

#colnav {
	display:block;
	clear:both;
	width:auto;
	text-align:left;
	padding:0;
	margin:0;
	}

#colnav ul {
	list-style:none;	
	padding:0;
	margin:3px 10px 5px 10px;
	border-top:#E0E9EB solid 1px;
	}
#colnav li {
	line-height:1.35em;
	padding:10px;
	margin:0;
	background-image:url(images/navbullet.gif);
	text-indent:10px;
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom:#E0E9EB solid 1px;
	}
#colnav li a {
	color:#698F96;
	font-size:1.5em;
	font-weight:normal;
	text-decoration:none;
	}
#colnav li a:hover {
	color:#CC0000;
	font-size:1.5em;
	font-weight:normal;
	text-decoration:underline;
	}	
	
/*  ------------ MODULES  ------------ */	


#ModuleMaster {
}

.Module {
	border:Solid 1px #CCCCCC;
	margin-bottom:5px;
	background-image:url(images/module_background.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

.ModuleTitle {
	background:#996633;
	font-weight:bold;
	color:#FFFFFF;
	padding:3px 5px;
}

.ModuleContent {
	padding:5px;
	/* background:#E4E4E4; */
}

.ModuleProducts {
	font-size:10px;

}
.ModuleProducts p {
    margin:0 0 4px 0;
    padding:0 0 3px 0;
    border-bottom:solid 1px #999999;
}

.ModuleProducts a{
	text-decoration:none;
}

.ModulePrice {
	font-weight:bold;
}

.ModuleHTML {
	font-size:10px;
}

.ModuleBanners {
	font-size:10px;
}

#seoblock {
    color:#999999
}
#seoblock p{
    color:#999999;
    text-align:justify;
}
#seoblock h1{
    color:#999999;
    font-size:12px;
    margin:0;
    padding:0;
}