/* 
By Jesse Marquez site creation date: 9-23-2009 (Updated: 9-23-09)

color#
font families:
Georgia, Georgia, serif
Tahoma, Geneva, sans-serif
Verdana, Verdana, Geneva, sans-serif
Trebuchet MS, Helvetica, sans-serif
*/



/* ------Erik Meyer Reset - - http://meyerweb.com/eric/tools/css/reset/ -------*/
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;

	
}
body {line-height: 1.3em;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;	border-spacing: 0;}

 /* always show Firefox scrollbar */
html{overflow:-moz-scrollbars-vertical;}

* {margin: 0;} 

/* --------------------------------------------- End Reset ------------------------------------------------ */



/* -------------------------------------- Start Web Site Default Styles ---------------------------------- */
body {text-align:center; font-family: Tahoma, Geneva, sans-serif; color:#000; font-size:12px; background:#979797 url(../images/siteback.jpg) repeat-x}

table {margin-left: auto; margin-right: auto; }
tr td {vertical-align:top;}

h1 {font-size:20px; color:#BC0C00; font-weight:bold; font-family: Tahoma, Geneva, sans-serif; margin:0 0 15px 0; text-transform: capitalize; line-height:1em }
h2 {font-size:15px; color:#000; font-weight:bold; font-family: Tahoma, Geneva, sans-serif; margin:0 0 15px 0; line-height:1em}
p {padding-bottom: 15px;}
a img{ border: 0 none; }
.cb {clear:both; padding:0; margin:0}
hr {width:100%; background-color:#000; margin:0 0 5px 0; text-align:center}

/* General Link Styles */
a {text-decoration: underline; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #701512; font-weight:bold}
a:link {text-decoration: underline; color: #701512; font-weight:bold}
a:visited {text-decoration: underline; color: #701512; font-weight:bold}
a:hover {text-decoration: underline; color: #000000; font-weight:bold}
a:active {text-decoration: underline; color: #701512; font-weight:bold}

ul {list-style-type:disc; list-style-position:outside; margin:0 0 5px 35px;}
ul li {line-height:1.5em; margin-bottom:4px;}
ul li li {line-height:1.5em; margin-bottom:4px; list-style-type:circle;}

ol {list-style-type:decimal; list-style-position:outside; margin:0 0 5px 35px;}
ol li {line-height:1.5em; margin-bottom:4px;}
ol li li {line-height:1.5em; margin-bottom:4px; list-style-type:circle;}

div#footer a { color:#999; text-decoration:none; font-weight:normal; font-size:11px }
div#footer a:link { color:#999; text-decoration:none; font-weight:normal ; font-size:11px}
div#footer a:visited { color:#999; text-decoration:none;font-weight:normal; font-size:11px}
div#footer a:hover { color:#999; text-decoration:underline;font-weight:normal; font-size:11px}
div#footer a:active { color:#999; text-decoration:none;font-weight:normal; font-size:11px}



div#id a { color:#fff; text-decoration:none; font-weight:normal; font-size:11px }
div#id a:link { color:#fff; text-decoration:none; font-weight:normal ; font-size:11px}
div#id a:visited { color:#fff; text-decoration:none;font-weight:normal; font-size:11px}
div#id a:hover { color:#fff; text-decoration:underline;font-weight:normal; font-size:11px}
div#id a:active { color:#fff; text-decoration:none;font-weight:normal; font-size:11px}

div#id li a {text-decoration: none; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #701512; font-weight:bold}
div#id li a:link {text-decoration: none; font-size: 12px; color: #701512; font-weight:bold}
div#id li a:visited {text-decoration: none; font-size: 12px; color: #701512; font-weight:bold}
div#id li a:hover {text-decoration: none; font-size: 12px; color: #701512; font-weight:bold}
div#id li a:active {text-decoration: none; font-size: 12px; color: #701512; font-weight:bold}

.classname {font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#181B1F; text-decoration:none; font-weight:normal }
a.classname:link { color:#181B1F; text-decoration:none; }
a.classname:visited { color:#181B1F; text-decoration:none;}
a.classname:hover { color:#181B1F; text-decoration:underline;}
a.classname:active { color:#181B1F; text-decoration:none;}

ul#id {text-align: center; list-style: none; margin: 0 auto; padding-right:10px; border:#000 0px solid; }
#id li { float:left; width:210; padding: 0 10px 0 10px; }

/* -------------------------------------- End Web Site Default Styles ---------------------------------- */



/* -------------------------------------- Start Web Site Main Styles ---------------------------------- */
div#wrapper { margin: 0 auto; width:1004px; font-size:12px; margin-bottom:20px}

/* top */
div#top { height:103px;  width:950px; background:url(../images/topback.png) repeat-y ; margin: 0 auto; margin-bottom:1px; text-align:left }
#logo { float:left; width:500px}
#address { float:right; width:300px; font-weight:bold; text-align:right; color:#FFF; padding: 15px 20px 0 0 }

div#address a { color:#fff; text-decoration:none; font-weight:bold; font-size:12px }
div#address a:link { color:#fff; text-decoration:none; font-weight:bold ; font-size:12px}
div#address a:visited { color:#fff; text-decoration:none;font-weight:bold; font-size:12px}
div#address a:hover { color:#fff; text-decoration:underline;font-weight:bold; font-size:12px}
div#address a:active { color:#fff; text-decoration:none;font-weight:bold; font-size:12px}


#tel { font-size: 17px; padding-top: 6px}



/* Header */
div#header {text-align:left; padding:0 27px; height:296px; overflow:hidden; background:url(../images/contentareaback.png) repeat-y}

div#header-sub {text-align:left; padding:0 27px; height:161px; overflow:hidden; background:url(../images/contentareaback.png) repeat-y; font-size: 22px; font-weight: bold}


/* Nav */
div#nav {text-align:left; background:url(../images/navback.png) repeat-x; height: 37px; line-height:37px; padding-left: 60px; color: #fff }
#sd { background:url(../images/shadowdiv.png) no-repeat; height:28px;}

/* Content */
div#contentarea {text-align:left; background:url(../images/contentareaback.png) repeat-y; padding:5px 60px 5px 60px}

#main {float:left; width: 610px; }
#rightpane {float:right; width: 260px;}

/* Footer */
div#footer {text-align:right; color:#999; font-size:11px; background:url(../images/footback.png) no-repeat; height:84px; padding:20px 60px 0 60px}
div#botaddress {float: left; width: 235px; text-align: left; background-color:}

div#botaddress a { color:#999; text-decoration:none; font-weight:normal; font-size:11px }
div#botaddress a:link { color:#999; text-decoration:none; font-weight:normal ; font-size:11px}
div#botaddress a:visited { color:#999; text-decoration:none;font-weight:normal; font-size:11px}
div#botaddress a:hover { color:#999; text-decoration:underline;font-weight:normal; font-size:11px}
div#botaddress a:active { color:#999; text-decoration:none;font-weight:normal; font-size:11px}

div#botnav {float: right; width: 600px; text-align: right; background-color:  }


/* -------------------------------------- End Web Site Main Styles ---------------------------------- */




/* Right Pane Product Pic Thumbs */
div#picsaboutus {background:url(../images/productpicsback.jpg) repeat-x;  margin-top: 10px; padding:10px 0 0 20px; background-color:#000; width: 230px}
ul#picsaboutus {text-align: center; list-style: none; margin: 0 auto; padding-top: 5px }
#picsaboutus li {float:left; width:90px; padding: 5px 8px 5px 8px; }

div#picsdoors {background:url(../images/productpicsback.jpg) repeat-x;  margin-top: 20px; padding:10px 0 0 20px; background-color:#000; width: 230px}
ul#picsdoors {text-align: center; list-style: none; margin: 0 auto; padding-top: 5px }
#picsdoors li {float:left; width:90px; padding: 5px 8px 5px 8px; }

div#picsdock {background:url(../images/productpicsback.jpg) repeat-x;  margin-top: 20px; padding:10px 0 0 20px; background-color:#000; width: 230px}
ul#picsdock {text-align: center; list-style: none; margin: 0 auto; padding-top: 5px }
#picsdock li {float:left; width:90px; padding: 5px 8px 5px 8px; }

div#picsrack {background:url(../images/productpicsback.jpg) repeat-x;  margin-top: 20px; padding:10px 0 0 20px; background-color:#000; width: 230px}
ul#picsrack {text-align: center; list-style: none; margin: 0 auto; padding-top: 5px }
#picsrack li {float:left; width:90px; padding: 5px 8px 5px 8px; }

div#picsmaterial {background:url(../images/productpicsback.jpg) repeat-x;  margin-top: 20px; padding:10px 0 0 20px; background-color:#000; width: 230px}
ul#picsmaterial {text-align: center; list-style: none; margin: 0 auto; padding-top: 5px }
#picsmaterial li {float:left; width:90px; padding: 5px 8px 5px 8px; }

div#picsspecialties {background:url(../images/productpicsback.jpg) repeat-x;  margin-top: 20px; padding:10px 0 0 20px; background-color:#000; width: 230px}
ul#picsspecialties {text-align: center; list-style: none; margin: 0 auto; padding-top: 5px }
#picsspecialties li {float:left; width:90px; padding: 5px 8px 5px 8px; }


#istock-title {background-color:#e4e4e4;  margin: 0 10px 20px  0;  padding: 10px; }
#istock-title h3 {font-size:14px}
ul#instock { padding: 10px 0 0 0; margin: 0 0 0 22px; list-style-image: url(../images/bullet_checkmark.png); list-style-position: outside;}
#instock li {  }