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

body {
	background-color: #006600;
	background-image:url('dbimages/skin/site_background.jpg');
	background-repeat:repeat-x;
	background-position:left top;
	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 #006600 solid;
    border-right: 1px #006600 solid;
    border-bottom: 1px #006600 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;
}	
	
/* ------------ HEADER ------------ */

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

#header h1 {
	display:none
	}

#topnavbar {
    /*clear:both;  */
	/* float:left; */
    width:100%;
    height:30px;
    background-image:url('dbimages/skin/topnav_bg.jpg');
    background-repeat:x;
	background-position:left top;
	padding:0;
	margin:0;
}
	
#topnav {
	width:990px;
	height:auto;
	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:135px;
	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:3px 0 0 0;
      padding: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('dbimages/skin/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('dbimages/skin/tabright.gif') no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#006600;
      font-weight:bold;
      }
    /* 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('dbimages/skin/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;
    background:#C8DBD0;
	}
	
/* ------------  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_x .head {
    width:181px;
    /*background-color:#FFFFFF; */
    background-image:url('dbimages/skin/PanelHeadBackground.jpg');
    height:19px;
    font-family: verdana, helvetica, sans-serif;
    font-size:12px;
    text-indent:10px;
	font-weight:bold;
	color:#FFFFFF;
	padding:3px 0 0 0;
    margin:0;
    border-top:2px solid #FFFFFF;
	}

#sidenav .head  {
	background:#009900;
	background-image:url('dbimages/skin/PanelHeadBackground.jpg');
	font-weight:bold;
	color:#FFFFFF;
	padding:3px 5px;
	font-size:75%;
	height:16px;
	text-align:center;
}

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

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

#sidenav ul {
	list-style:none;	
	padding:0;
	margin:1px 0 5px 0;
    width:181px;
	}

#sidenav li {
	line-height:1.35em;
	padding:3px 0 3px 10px;
	margin:0;
    background:#DFDFDF;
    border-top:Solid 1px #FFFFFF;
    border-bottom:Solid 1px #CCCCCC;
	}

#sidenav li a {
	font-size:90%;
	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:#009900;
	}

#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:#C8DBD0;
	}

#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 15px 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:142px;
    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: 80%; 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: #C8DBD0; 
	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: 1em;
	font-weight: bold;
	color: #CC0000;
}

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

.price {
	font-size: 0.75em;
	font-weight: normal;
	color: #555555;
}

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

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

.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('dbimages/skin/head_bgrnd_fill.gif');
	background-repeat: repeat-x;
	background-position: left top;
}

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

.tableheads {
	font-size: 75%;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #EBF1EE;
    text-transform: uppercase;
    background-image:url('dbimages/skin/PanelHeadBackground.jpg');
}

.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: 200%;
	font-weight: normal;
	color: #009900;
	margin: 0px;
	padding: 0px;
}

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

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

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



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

#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;
	}


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

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

#catlist ul {
	margin:0;
	padding:0;
	}
	
#catlist li {
	float:left;
	/* height:158px;  */
	margin:0 12px 10px 0;
	}
	
#catlist img {
	display:block;
	border: 1px solid #CCCCCC;
	margin:0;
	padding:0;
	}

#catlist .info {
	width:100px;
	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:#C8DBD0;
	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:#C8DBD0;
	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('dbimages/skin/module_background.jpg');
	background-repeat: repeat-y;
	background-position: left top;
}

.ModuleTitle {
	background:#009900;
	background-image:url('dbimages/skin/PanelHeadBackground.jpg');
	font-weight:bold;
	color:#FFFFFF;
	padding:3px 5px;
	font-size:75%;
	height:16px;
	text-align:center;
}

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

.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;
}