@import 'form-elements.css';

body {
/*	background: #E0DACE url(../theme/images/bg.gif);*/
	background: #000 url(../theme/bgfade.jpg) repeat-x fixed;
/*	background: #fff;*/
/*	background: #000;*/
	margin: 0;
	padding: 0;
	}

body, p, td, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #111;
	}



p {margin: 0 0 15px 0;}

ul, ol {margin-left: 0; margin-right: 0; padding: 0 0 0 30px;}
ul.nomargin, ol.nomargin {margin-top: 0;}
li {margin: 0 0 0 -10px; line-height: 1.5em;}

hr	{background: #111; border: 0; color: #111; height: 1px; margin: 3px 0; width: 100%;}
hr.grey {background: #999; border: 0; color: #999; height: 1px; margin: 3px 0; width: 100%;}
hr.fatcolor {background: #d70; border: 0; color: #d70; height: 3px; margin: 10px 0; width: 100%;}

sup {font-size: 8px;}

a {color: #208CB6; text-decoration: none;}
a:hover {text-decoration: underline;}

a.cart {color: #208CB6; text-decoration: none; text-transform: uppercase; font: bold 10px verdana, sans-serif; }
a.cart:hover {text-decoration: underline;}



a.pagenum {background: #f8fbfe; color: #208CB6; text-decoration: none; display: block; padding: 3px; float: right; margin-right: 5px; height: 15px; width: 15px; text-align: center; border: 1px solid #4C5D79;}
a.pagenum:hover {background: #4C5D79; color: #fff;}
a.pagenum-active, a.pagenum-active:hover {background: #4C5D79; color: #fff; text-decoration: none; display: block; padding: 3px; float: right; margin-right: 5px; height: 15px; width: 15px; text-align: center; border: 1px solid #4C5D79;}


h1, h2, h3, h4, h5, h6 {margin: 0;}
h1, .h1 {font-size: 26px; font-weight: normal; color: #04B4D6;}
h1 a, h1 a:hover {text-decoration: none; color: #111;}
h2, .h2 {font-size: 22px; font-weight: normal;}
h3, .h3 {font-size: 18px; font-weight: normal;}
h4, .h4 {font-size: 16px; font-weight: bold; margin-bottom: 10px;}
h5, .h5 {font-size: 14px; font-weight: bold;}
h6, .h6 {font-size: 12px; font-weight: bold;}


/*input, textarea, select {border: 0 solid #111;}*/
.check {margin: 1px 5px 1px 0;}

.img, .imgl, .imgr, .adimg {padding: 0; border: 0 solid #111;}
.imgl {margin: 0 15px 10px 0;}
.imgr {margin: 0 0 10px 15px;}
.img {padding: 2px; border: 1px solid #bdb8b1;}

.topcolorbar {background: #6e6f64; height: 20px;}
.footer {background: #d17700;}

.content {padding: 20px 0 40px 30px; line-height: 1.5em; background: transparent;}
.content_right {padding: 20px 10px 40px 10px; background: transparent url(../theme/images/vertical_dots.gif) repeat-y;}

.small {font-size: 10px; font-family: Verdana, sans-serif;}
.small2 {font-size: 10px; font-family: Verdana, sans-serif; letter-spacing: .3em;}
.small b {font-size: 9px; font-family: Verdana, sans-serif;}

.copyright {font: 9px verdana; color: #fff; background: #208CB6; padding: 10px;}
.copyright a {color: #fff;}

.nb {border: 0;}

#mainmenu1 {height: 20px; background: transparent; margin-bottom: 1px;}
#mainmenu a {padding: 0 8px; text-align: center; display: block; color: #208CB6; background: transparent; text-decoration: none; font: 11px/20px verdana, sans-serif; float: right;}
#mainmenu a:hover {background: transparent; text-decoration: underline;}
#mainmenu a.active, #mainmenu a.active:hover {background: transparent; text-decoration: underline;}

.even td {background: #fff;}
.odd td {background: #f8fbfe;}

.quote {
	background: #f9f9f9;
	border-left: 5px solid #111;
	padding: 10px 20px;
	margin: 20px 0;
	}

.i100 {width: 100%;}
.i90 {width: 90%;}
.i80 {width: 80%;}
.i70 {width: 70%;}
.i60 {width: 60%;}
.i50 {width: 50%;}
.i40 {width: 40%;}
.i30 {width: 30%;}
.i20 {width: 20%;}
.i10 {width: 10%;}

.artimg {text-align: center; padding: 20px 0 10px 0;}
.artimg img {padding: 5px; border: 1px solid #111; background: #fff;}

.link {
	font: bold 9px verdana, sans-serif;
	text-transform: uppercase;
	margin-top: 20px;
	}

p.date {
	margin-top: 3px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	}


table.recent {margin-top: 10px;}
table.recent td {border-bottom: 1px solid #B2B3A6;	color: #111; line-height: 1.2em; padding: 5px 0;}
table.recent td a {text-decoration: none; color: #111;}
table.recent td a:hover {text-decoration: underline; color: #111;}


/* Archives Table Display */
table.outer {width: 100%; border-collapse: collapse;}
table.outer tr {vertical-align: top;}
table.outer td {border-bottom: 1px solid #B2B3A6; line-height: 18px;}
table.outer td a {text-decoration: none; color: #111;}
table.outer td a:hover {text-decoration: underline;}
table.outer td.right {text-align: right; white-space: nowrap;}
table.outer td.inner {border: 0;}
table.outer td.inner table {margin:0 0 20px 0;}
table.outer tr.open td {border: 0;}
table.outer tr.open td.right {visibility: hidden;}
table.outer tr.closed {display: none;}


.banner {border-bottom: 2px solid #555;}

.tbl {border: 1px solid #fff;}
.gridhdr {background: ; padding: 2px 5px; font-family: arial, helvetica, sans-serif; font-weight: bold;}
.griddat {background: ;}
.sectionhdr {color: #fff; background: #208CB6; padding: 2px 5px; font-size: 14px; font-family: arial, helvetica, sans-serif; font-weight: bold;}

div.comment_wrapper {
	border-top: 1px solid #111;
	border-bottom: 1px solid #111;
	margin-top: -1px;
	padding: 5px;
	font-size: 11px;
	line-height: 1.3em;
	}

div.comment_wrapper_admin {
	background: #f9f9f9;
	border-top: 1px solid #111;
	border-bottom: 1px solid #111;
	margin-top: -1px;
	padding: 5px;
	font-size: 11px;
	line-height: 1.3em;
	}

div.comment_wrapper br {font-size: 8px; line-height: 1em;}
div.comment_wrapper_admin br {font-size: 8px; line-height: 1em;}

.file_download {
	margin: 20px auto;
	padding: 10px;
	background: #ECF2E1;
	border-left: 5px solid #5F8E19;
	}

.file_download td {
	color: #5F8E19;
	}

.file_download a {
	color: #5F8E19;
	}

.box {font-size: 11px;}
.box p {margin: 7px 0; font-size: 11px;}
.box h4 {font-size: 12px;}
.box hr {margin: 5px 0;}

.code {
	background: #EBEFF2;
	border-left: 5px solid #587993;
	padding: 10px;
	font-family: verdana;
	font-size: 10px;
	color: #587993;
	line-height: 1.5em;
	margin: 10px 0;
	}

.downloaddescription {font-size: 10px; font-family: Verdana, sans-serif; line-height: 1.3em;}

.warning {color: #d00; font-weight: bold;}

div.client {padding: 5px 0;}
div.client img {margin-bottom: 5px;}

div.approvenotice {
	background: #fff1f0;
	border-left: 5px solid #e23828;
	color: #e23828;
	margin-bottom: 10px;
	padding: 10px;
	}

div.approvenotice b {font-size: 14px;}
div.approvenotice a {color: #e23828;}

a.bbcode img {background: #fff;}
a.bbcode:hover img {background: #e0e0ce;}


.admin {
	font-family: times, serif;
	font-size: 14px;
	color: #111;
	}

.side_menu {padding-top: 25px; width: 120px;}
.cost {text-align: right;}



.distance {}
.distance td {padding: 2px; border-bottom: 1px #b9dcff solid;}

.prod_img {background: #f8fbfe; height: 100%; padding: 3px;}
.prod {height: 100%; padding: 3px;}

div#confbox {
	position: absolute;
	width: 500px;
	top: 50%;
	left: 50%;
	margin-top: -150px;
	margin-left: -250px;
	background: #f8fbfe;
	padding: 5px;
	border: 3px solid #04B4D6;
}



img.product {border: 0 solid #04B4D6;}


div.hdots {padding: 10px 0; background: transparent url(../theme/images/green-dot.png) repeat-x 0 50%;}

#cartnotice {
	text-align: right;
	color: #999;
	}

.product-nav {background: #fff; margin-bottom: 15px; height: 30px;}
.product-nav td {color: #4C5D79;}



.pending {color: #f90;}
.processing {color: #000;}
.proof {color: #080;}
.approved {color: #0af;}
.shipped {color: #080;}
.cancelled {color: #d00;}


.indented {padding-left: 10px;}









.warningbox {
	background: #fff9f9 url(../theme/icons/delete.gif) no-repeat 5px 50%;
	border: 1px solid #d00;
	color: #d00;
	font: bold 14px arial, sans-serif;
	margin-bottom: 20px;
	padding: 10px 35px;
	}

.warningbox a, .warningbox a:hover {color: #d00;}
.warningbox a:hover {text-decoration: none;}




/* Archives Table Display */
table.outer {width: 100%; border-collapse: collapse;}
table.outer tr {vertical-align: top;}
table.outer td {border-bottom: 1px solid #B2B3A6; line-height: 18px;}
table.outer td a {text-decoration: none; color: #111;}
table.outer td a:hover {text-decoration: underline;}
table.outer td.right {text-align: right; white-space: nowrap;}
table.outer td.inner {border: 0;}
table.outer td.inner table {margin:0 0 20px 0;}
table.outer tr.open td {border: 0;}
table.outer tr.open td.right {visibility: hidden;}
table.outer tr.closed {display: none;}

.special_text {line-height: 1.5em; font-size: 14px;}