/* John Douglas CSS */
@import url(reset.css);
@import url(hacks.css);
/**********************
Basic Tags Definition
**********************/
p, ul, ol, table { margin: .6em 0 .6em 0; }
strong { font-weight: bold; }
em { font-style: italic; }
/**********************
Headings
**********************/
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: normal; }
h2 { font-family: "Times New Roman", Times, serif; font-size: 2em; padding-bottom: 5px; text-transform: uppercase; }
h3 { font-size: 1.5em; font-weight: bold; line-height: 1em; padding-top: 5px; }
.txt h3{ margin: 10px 0; }
h4 { font-size: 1em; line-height: 1.17em; }
.txt h4{ color: #3175a4; font-size: 1.3em; margin: 4px 0; padding: 2px 0; }
h5{ font-size: 120%; font-weight: bold; }
h6{ font-size: 100%; font-weight: bold; }
h2.top, h3.top,
h4.top, h5.top,
#body h2:first-child,
#body h3:first-child,
#body h4:first-child { margin-top: 0 !important; }
h2 { border-bottom: 2px solid #e0e0d0; margin-bottom: 14px; }
ul.products li.prod h3 { margin-bottom: 5px; }
/**********************
Anchors
**********************/
a, a:link, a:active, a:visited { color: #3175a4; text-decoration: none; }
a:hover { color: #3175a4; text-decoration: underline; }
#footer a { color: #666666 !important; }
a.button { display: block; float: left; font-size: 12px; line-height: 25px; text-decoration: none !important; }
input.button{ border: none; padding: 2px 8px 6px 8px; }
.button:focus{ border: none; }
/**********************
Main Structure
**********************/
body { background: url(../images/bg_top_special.gif) #ffffff repeat-x 0 0; color: #666666; font: 75% "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 1.17em; min-height: 100.1%; text-align: left; }
.txt{ font: 105% "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 140%; min-height: 300px; }
body#int{ background: url(../images/bg_top.gif) #ffffff repeat-x 0 0; }
#bg { background: transparent url(../images/bg_header_special.jpg) no-repeat center 9px; float: left; width: 100%; }
#int #bg { background: transparent url(../images/bg_header.jpg) no-repeat center 9px; }
/* element5 styles */
#int_e5 #logo, #int_e5 #tagline { border: none; display: block; font-family: "Times New Roman", Times, serif; position: absolute; }
#int_e5 #bg { background: transparent url(../images/bg_header.jpg) no-repeat center 9px; }
#int_e5 #body{ margin: 201px 0 18px 0px; }
#int_e5 #col-c{ width: 680px; }
/* end element5 styles */

#wrap { margin: auto; position: relative; text-align: left; width: 970px; }
#logo, #tagline { display: none; }
#int #logo, #int_e5 #tagline { border: none; display: block; font-family: "Times New Roman", Times, serif; position: absolute; }
#logo{ font-size: 30px; height: 60px; left: 20px; text-transform: uppercase; top: 45px; width: 230px; }
#logo a{ display: block; text-indent: -30000px; }
#tagline{ height: 30px; left: 20px; text-indent: -30000px; text-transform: uppercase; top: 110px; width: 230px; }
#body { background: url(../images/bg_body.gif) repeat-y 0 0; margin: 201px 0 18px 0; padding-bottom: 1.17em; width: 970px; }
#int #body{ margin: 180px 0 18px 0px; }
#col-l { background: url(../images/bg_special.gif) repeat-x 0 0; margin: 0 0 0 21px; padding: 165px 15px 0 15px; width: 230px; }
#col-c { background: url(../images/gradient_body_left.gif) no-repeat 1px 0; padding: 32px 20px 0 20px; width: 403px; }
#int #col-c{ width: 680px; }
#col-r { padding-left: 20px; padding-top: 12px; width: 225px; }
#footer { background: url(../img/bg_footer.gif) no-repeat 0 0; border-top: 1px solid #e0e0d0; font-family: Arial, Helvetica, sans-serif; padding: 10px 0 20px 0; width: 970px; }
#menu_secondary { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;  } /* SS 2009-05-06 */
/**********************
General Elements
**********************/
blockquote, .side{ background-color: #f6f7f2; border: 1px solid #d3d3bc; color: #999999; font-family: "Times New Roman", Times, serif; font-size: 160%; line-height: 130%; margin: 10px 0; padding: 5px; }
blockquote.side, .side{ float: right; margin: 5px; width: 260px; }
blockquote ul, .side ul{ font-size: 90%; margin: 0; padding: 0; }
/*hr{ border: 0; border-top: 1px solid #e5e5d7; clear: both; height: 0; margin: 15px 0; padding: 0; } REMOVED AQH 122908*/ 
#footer p.copy { float: left; margin: 0; }
p#master { background: url(../images/title_special.gif) no-repeat 14px 0; height: 83px; left: 0; position: absolute; top: 59px; width: 260px; }
p#master img { left: 145px; position: absolute; top: -95px; }
.imgl{ float: left; margin: 5px 10px 5px 0; }
p.allprod { margin: 0; position: absolute; right: 20px; top: 38px; }
/* Products List */
/**********************
Navigation
**********************/
ul.nav { margin-bottom: 0; }
ul.bars li.first { border: 0 !important; }
ul.bars li { display: inline; margin-left: -4px; }
ul.bars_e5 li { display: inline; margin-left: 2px; } /* element5 style*/
ul.bars li:before { content: "|"; padding: 0 4px; }
ul.bars li:first-child:before { content: ""; }
/* Main Nav */
ul#nav { height: 30px; margin-bottom: -30px; padding-left: 130px; position: relative; width: 840px; }
ul#nav li { background: url(../images/nav_tab_left.png) no-repeat 0 bottom !important; background: url(../images/nav_tab_left.gif) no-repeat 0 bottom; display: inline; float: left; margin-right: 7px; }
ul#nav li a { background: url(../images/nav_tab_right.png) no-repeat right bottom !important; background: url(../images/nav_tab_right.gif) no-repeat right bottom; color: #ffffff; display: inline; float: left; font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif; height: 30px; line-height: 30px; margin-right: -5px; padding: 0 12px; position: relative; text-decoration: none; text-transform: uppercase; z-index: 9999; }
ul#nav li a:hover, ul#nav li a.active { color: #193e9c; }
/* Footer Nav */
#footer ul.nav { float: right; }
/*-------------------- subnav---------------------*/ 
ul.subnav{ margin: 0; padding: 0; }
ul.subnav li{ /*border-bottom: 1px solid #e0e0d0;*/ font-size: 13px; padding: 5px 10px; }
ul.subnav li.on a{ color: #666666; font-weight: bold; }
/**********************
Common Classes / Misc.
**********************/
/* TXT */
.news h6{ color: #999999; }
.l { text-align: left; }
.c { text-align: center; }
.c img{ margin: 0 auto; }
.r { text-align: right; }
.wrap, .col { display: inline; float: left; position: relative; }
.colabs { display: inline; float: left; position:absolute; } /* SS 2009-05-06 */
.wrap { clear: both; }
.fl { float: left; }
.fr, img.fr{ float: right !important; }
.clear { clear: both; }
.hidden { display: none; }
.nomargin { margin-bottom: 0 !important; }
.noborder { border: 0 !important; }
/*-------------------- content---------------------*/ 
.datetime, .newsimg{ border-left: 1px solid #d3d3bc; color: #777777; float: right; font-size: 110%; margin: 0 0 10px 10px; padding: 0px 10px; width: 250px; }
.newsimg{ font-size: 88%; line-height: 1.2em; text-align: center; }
.newsimg img{ margin: 0 auto 5px auto; }
.datetime strong, .datetime b{ font-family: Georgia,"Times New Roman", Times, serif; }


#np { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
/*-------------------- cart---------------------*/ 
.addtocartform {padding-top:5px;}
/*-------------------- downloads---------------------*/ 
.download_notice {display:inline;  font-size: 1.5em; font-weight: bold; line-height: 1em; padding-top: 5px;}
.download_image {display:inline; vertical-align:middle;}
#download_centerposition {
	font-size: 1.5em; font-weight: bold; line-height: 1em; padding-top: 5px;
}
#download_leftposition {
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 135px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}
.wrap ul
{
	padding: 0px 0 0px 40px;
} 
uldontuse { list-style: disc default; float: left; width: 250px; padding: 0px 0 0px 40px; }