body {
 background:#000 url(../../images/bg.gif) repeat-x;
 margin:0;
 padding:0;
 color:#fff;
}

body, th, td, input, textarea {
 font-family:verdana,arial,sans-serif;
 font-size:11px;
}

#header {
 background:transparent url(../../images/header_bg.gif) repeat-x left 64px;
 width:800px;
 height:100px;
 margin:0 auto;
}

#logo {
 float:left;
 width:400px;
 height:100px;
}

#headlinks {
 float:right;
 text-align:right;
 padding:33px 10px 0 0;
}

#headlinks img {
 padding:0 4px;
}

#headbar {
 width:800px;
 height:28px;
 margin:0 auto;
 padding-top:9px;
 letter-spacing:1px;
 color:#000;
 font-weight:bold;
}

#headbarl {
 float:left;
}

#headbarr {
 float:right;
 text-align:right;
}

#mainbox {
 width:800px;
 margin:0 auto;
 padding-top:12px;
}

#leftnav {
 float:left;
 width:170px;
}

.navbox {
 margin:0 auto;
 background:transparent url(../../images/nav_top.gif) no-repeat center top;
}

.navbox img {
 padding-left:10px;
}

.navbox2 {
 background:#600 url(../../images/nav_bot.gif) no-repeat center bottom;
 padding:5px 5px 18px 5px;
 margin-bottom:15px;
}

.vert-level-1, .vert-level-1-on {
 padding-left:15px;
}

.vert-level-0-on, .vert-level-1-on {
 font-weight:bold;
}

.line {
 width:95%;
 margin:5px auto;
 height:2px;
 background:#c30;
 font-size:1px;
}

#maincontent {
 margin-left:190px;
}

#footer {
 width:800px;
 margin:10px auto;
 padding-top:20px;
 text-align:center;
 clear:both;
 font-size:9px;
}


/* --- INDEX PAGE --- */

.home-page-section1 {font-size:12px}

.indexfeat {
 margin-top:15px;
 background:#c30;
 padding:5px 0;
}

.indexfoot {
 background:#900;
 height:10px;
}

.home-feat-table {
 margin:1em auto;
}

.home-feat-cell {
 text-align:center;
 width:130px;
 vertical-align:top;
 padding:0 6px;
}


/* --- CATEGORY PAGE --- */

.subcats {
 padding:10px;
}

.subcats .categoryname, .subcats .item-count {display:none}

.paging {
 float:left;
 height:1em;
}

.pages {
 float:right;
 height:1em;
}

.itemtable {
 clear:right;
 margin:1em 0 0 0;
}

.itemcell {
 text-align:center;
 width:134px;
 vertical-align:top;
 padding:0 4px 10px 3px;
}

.items {
 width:134px;
}

.catitemimage {
 border:2px solid #fc0;
 width:134px;
 height:134px;
}

.catitemimage div {
 border:2px solid #000;
 width:130px;
 height:130px;
}

#category .price {display:none}
.saleprice {font-weight:bold;}
.notprice {text-decoration:line-through}

.categorylongdesc {display:none}

#category .discount-message {
 color:#fc0;
 font-size:13px;
 font-weight:bold;
 text-align:center;
 margin:0 0 1em 0;
}


/* --- ITEM PAGE --- */

.item-pager {
 float:right;
 font-weight:bold;
 height:1em;
}

#itemleft {
 margin:15px 0;
 width:239px;
}

#itemright {
 float:right;
 width:345px;
 margin:10px 0;
 font-size:11px;
}

.itemimage {
 border:2px solid #fc0;
 width:224px;
 height:224px;
}

.itemimage div {
 border:2px solid #000;
 width:220px;
 height:220px;
}

.gallery {
 margin-top:10px;
 width:239px;
}

.photogallery {
 margin-top:10px;
 text-align:center;
}

.galimage {
 border:2px solid #fc0;
 width:104px;
 height:104px;
 float:left;
 margin:5px 10px 5px 0;
}

.galimage div {
 border:2px solid #000;
 width:100px;
 height:100px;
}

.galimages {
 border:2px solid #fc0;
 padding:0;
}

#item h1 {
 margin:0; 
 padding:5px 0;
 text-align:left;
 color:#fc0;
}

.itemlongdesc2 {font-size:10px}

.itemform {
 width:345px;
 margin:15px auto;
 background:#900;
 font-size:10px;
}

.itemform2 {
 background:transparent url(../../images/itemform_top.gif) no-repeat center top;
}

.itemform3 {
 background:transparent url(../../images/itemform_bot.gif) no-repeat center bottom;
 padding:10px;
}

.optionheader {
 font-weight:bold;
 font-size:14px;
 color:#fc0;
 padding-bottom:5px;
}

.opt {
 margin:3px 0;
}

.itemform select {
 padding:1px;
}

.itemform .price, .saleprices {
 font-weight:bold;
 font-size:14px;
 color:#fc0;
 padding-bottom:5px;
 float:right;
 text-align:right;
}

#item .discount-message {
 float:right;
 margin:.5em 0;
 clear:right;
}

.qty {
 float:right;
 margin:1em 0;
 clear:right;
}

.itemform .sm-button {
 float:right;
 margin:0;
 clear:right;
}

#emailbuttons {
 text-align:right;
}

#emailbuttons div {display:inline}

#itemrelated {
 clear:right;
 margin-top:25px;
 height:200px;
}

.related {
 width:134px;
 float:left;
 margin:5px 10px 0 0;
 text-align:center;
}

.relatedimg {
 border:2px solid #fc0;
 width:134px;
 height:134px;
}

.relatedimg2 {
 border:2px solid #000;
 width:130px;
 height:130px;
}

/* if you want options to float to the left of inputs */
.opt-ctrl, .opt-ctrl-req {
}

.opt-elem {
 margin:5px 0;
}

.opt-elem input {
 padding:2px;
}


/* --- CONTENT PAGES --- */

#content #maincontent {
 font-size:11px;
 line-height:1.5em;
}

#infobox {
 margin:0 auto;
 background:transparent url(../../images/infoboxtop.gif) no-repeat center top;
 width:150px;
 padding-top:31px;
 font-size:9px;
 float:right;
 line-height:1.3em;
}

#infobox2 {
 background:#600 url(../../images/infoboxbot.gif) no-repeat center bottom;
 padding:5px 5px 18px 5px;
 margin-bottom:15px;
}

td.infotable {
  padding: 2px;
  padding-left: 10px;
  padding-right: 4px;
  background-color: #660000;
}

td.infotableheading {
  font-weight: bold;
  padding: 2px;
  padding-left: 10px;
  padding-right: 4px;
  background-color: #990000;
}

.infomain {
  font-size: 13px;
  line-height: 1.5;
  color: #FFFFFF;
  padding-right: 30px;
}

.infoheading {
  font-weight: bold;
  color: #FFCC00;
}

.linkBanner {
  border: 2px solid #990000;
}

#press {
 width:300px;
}

#praise {
 float:right;
 width:275px;
}

#press h2 {
 padding-top:1em;
}

#praise h2 {
 padding-top:0;
 margin-top:1em;
}


/* --- ACCOUNT PAGES --- */

#cart #maincontent, #checkout #maincontent {
 font-size:11px;
}
 
.register-form {width:420px; margin:0 auto;}
.register-form td {width:50%}
.field-req, .billing-required {border-bottom:1px solid #000; font-weight:bold;}
.field, .billing-field {border-bottom:1px solid #000;}

.login {padding:10px 0;}
.login-register {padding:10px 0; border-top:1px solid #900;}
.login-form {width:100%;}
.login-form td {width:50%;}
.forgotlink {font-size:11px; margin:0.5em 0;}

.login-confirm p {text-align:center}

.userpass .note, .userpass .notice {text-align:center}
.reset-form {width:60%; margin:0 auto}
.message, .msg {color:#ff0;}

.wishlisttable {width:100%; border-bottom:1px solid #c0c2c4; margin-bottom:2em;}
.wishlisttable td {text-align:center}
.wishlisttable .itemname {text-align:left;}
.wishlisttable .row1, .wishlisttable .row0 {border-top:1px solid #c0c2c4;}
.wishlisttable .optrow {border:0; text-align:left; padding-left:60px;}

.wdelete {text-align:right; margin-bottom:5px}

.wishfriend {text-align:right}

/* --- GENERAL --- */
 
img {border:0}

a:link {color:#ff9; text-decoration:none}
a:visited {color:#ff9; text-decoration:none}
a:hover {color:#ff9; text-decoration:underline}
a:active {color:#ff9; text-decoration:underline}

#headbar a:link {color:#000; text-decoration:none}
#headbar a:visited {color:#000; text-decoration:none}
#headbar a:hover {color:#ff9; text-decoration:underline}
#headbar a:active {color:#ff9; text-decoration:underline}

form {margin:0; padding:0}
input, select {font-size:10px}

.sm-button, .abutton, .cbutton, .wbutton {
 margin:5px 0;
}

.billbutt {
 margin-top:5px;
}

.search-button {vertical-align: middle}

.product-form .sm-button {
 border:0;
 padding:0;
 background:transparent;
}

.breadcrumb {font-weight:bold; color:#ff9}


/* ------ FOR FORMATTING TEXT ------ */

.floatleft {float:left; margin-right:10px}
.floatright {float:right; margin-left:10px}

.left {text-align:left}
.ctr {text-align:center}
.right {text-align:right}
.justify {text-align:justify}

.small, .tinytxt {font-size:10px}

.title {
 font-size:16px;
 font-weight:bold;
 text-align:center;
}

h1, .content-title {
 font-size:18px;
 font-weight:bold;
 color:#fc0;
 margin:10px 0;
}

.content-title {
 text-align:left;
}

h2 {
 font-size:14px;
 font-weight:bold;
 color:#f90;
}

h3 {font-size:14px;}
h4 {font-size:13px;}

.error, .item-error {
 color:#f00;
 font-weight:bold;
}

.notice {
 font-weight:bold;
 color:#fc0;
}

.obold {
 font-weight:bold;
 color:#f90;	
}

.clear {
 clear:both;
 font-size:1px;
}

.intlnote {
 padding-top:5px;
 color:#ff9;
}


/* CSS File for Dagon Design Formmailer Script */
/* http://www.dagondesign.com */

/* STRUCTURE CSS */

.ddfmwrap {
	margin: 15px auto 15px auto;
	width:95%;
}

.ddfmwrap td {
	vertical-align:top;
}

.ddfmwrap td.fieldwrap {
	text-align:right;
	width:40%;
}

.ddfmwrap p.fieldwrap {
	padding: 1px;
	margin: 1px;
	clear: left;
}

form.ddfm {
	text-align: left;
	padding: 10px;
	width: 95%; 
}

form.ddfm wholesale {
	text-align: left;
	padding: 10px;
}

form.ddfm fieldset {
	padding: 0 10px 2px 10px;
	margin: 0 0 13px 0;
	display: block;
}

form.ddfm legend {
	padding: 0 6px 0 6px;
	margin: 0 0 0 10px;	 
}

form.ddfm label {
	display: block; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  
	white-space:nowrap;
}

form.ddfm label.fmtextlblwide {
	display: block;  
	float: left; 
	text-align: left;
	margin: 0 10px 0 1px; 
	padding-bottom: 8px; 
	width: 100%;
}

form.ddfm select {
	float: left; 
	display: block;
	margin-bottom: 15px;  
	padding: 3px; 
}

form.ddfm .fmcheck {
	width: 65%; 
	float: left;
	display: block;  
	margin-bottom: 15px;
}

form.ddfm .fmradio {
	width: 65%;
	float: left;
	display: block;
	margin-bottom: 15px;
}

form.ddfm .fmcheck p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form.ddfm .fmradio p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form.ddfm textarea {
	float: left; 
	position: relative;
	width: 75%;
	margin-bottom: 15px;
	padding: 3px;
}


/*
	display: block; 
	float: left; 
	width: 26%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  */

form.ddfm .fmfullblock {
	padding-left: 0px;
	float: left; 
	width: 100%;
	margin-bottom: 13px;
	display: block;
}

form.ddfm .fmhalfblock {
	width: 65%;
	padding-left: 29%;
	margin-bottom: 13px;
	float: left; 
	display: block;
}

form.ddfm input.fmverify {
	float: left; 
	width: 22%;
	margin-bottom: 15px; 
	padding: 3px;
	position: relative;
	display: block;
}

form.ddfm img {
	margin: 1px 0 0 10px; 
    float: left;
}

form.ddfm input.fmfile,
form.ddfm input.fmtext {
	float: left; 
	display: block;
	width: 75%;
	margin-bottom: 15px;  
	padding: 3px;
}

form.ddfm textarea.fmtextwide {
	display: block;
	float: left;
	width: 93%;
	margin-right: 2px;
	margin-bottom: 15px; 
	padding: 3px;
}

form.ddfm .credits {
	text-align: right;
	margin-top: 7px;
	width: 97%;
}

form.ddfm .submit {
	text-align: center;
	clear:both;
	width: 97%;
}

.ddfmwrap .ddfmerrors {
	display: block; 
	float: left; 
	width: 27%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
}

.ddfmwrap .errorlist {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 3px;
	text-align: left;
}

.ddfmwrap .recaptcha {
	width: 100%;
	text-align: right;
	clear: both; 
	height: 120px;
	margin-right: 7px;
	padding-bottom: 10px;
}

.ddfmwrap .recaptcha-inner {
	float: right;
	margin-right: 3px;
}

/* DATE SELECTION */

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #404040;
	background-color: #F4F4F4;
	border: 1px solid #999999;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered 
over) */
.dpTDHover {
	background-color: #888888;
	border: 1px solid #888888;
	cursor: pointer;
	color: #000000;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #C0C0C0;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #555555;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #666666;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #DDDDDD;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #DDDDDD;
	font-weight: bold;
	}

input.imgbutton {
 background: none no-repeat top left;
 border: none;
 cursor: pointer;
 height: 25px;
 padding-top:20px;
 font-size: 0; 
 line-height: 25px;
 color:#fff;
}

.ctr input.imgbutton {
 padding-top:0;
}

input.submitmail { background-image: url(/button_images/send.gif); width: 71px; }
input.submitmail:hover { background-image: url(/button_images/send_over.gif); width: 71px; }