/* zz Current Template: BlackNight - Horizontal */
@charset "utf-8";
/* CSS Document */
/*  Standard page layout used by system.  Change carefully  */




/* End of change carefully */


body       		{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height:1.3; padding:0; margin:0; 
				 background-color: #000; color: black;}					

h1,h2,h3 		{margin-top: 5px;}
h1          	{font-size: 130%;}
#contentwrapper h1{
                color: gold; 
                 padding: 4px 20px 0px 20px; height: 36px; background:url(../images/H_BG/title_BlackS.png) repeat-x;;}
h2          	{font-size: 120%;
                color: #000; 
                 padding: 2px 20px 5px 20px; height: 36px; background:url(../images/H_BG/title_BlackS.png) repeat-x; display: inline;;}
#contentwrapper h2{ color: #766b13;}
h3          	{font-size: 110%;}
#contentwrapper h3{ color: #655b06;} 
.h3div          {margin-left:30px;}

strong          {color:#888;}
p        		{margin: 14px;}
fieldset        {background-color:#000; color:#777;}
input			{font-size:11px;}
hr				{color:gold;}
a:link          {color:#888;}
a:visited       {color:#888;}
a:active        {color:#888;}
a:hover         {text-decoration: underline; color: yellow;}
a img 	   	    {text-decoration: none; border: 0 none;}

#wrapper        {margin: auto; width: 95%; padding-top:5px; min-width:700px; min-height:500px;
                 background-color:#000; color:#777; border: ridge 2px gold; }
#hdr        	{float: left; width: 100%;  padding-top:15px; margin-top:-5px; height:105px;
                 background-image:url(../images/H_BG/D_PoolS.jpg); background-repeat:no-repeat;                 background-color: #000; color: #777; border-bottom: ridge 2px gold;}
#logo   		{float: left; width: 300px; height: 100px;}
#inheadertext	{float:right; padding-top: 10px; padding-left:50px;  width: 350px; height: 100px;
                 background-image:url(../images/GuybonChar.png); background-repeat:no-repeat;}
.navigation     {background-color:#000; color:#777; border: ridge 2px gold; overflow:auto}
#contentwrapper {clear:both;}
.subdiv		{float:left; padding:5px; background-color:#000; color:#777; border: ridge 2px gold;}

.quotediv		{float:left; padding:5px; font-size: 90%; background-color:#000; color:#777; border: ridge 2px gold;}
.polldiv		{float:right; padding:5px; font-size: 90%; background-color:#000; color:#777; border: ridge 2px gold;}
.login     {float:left; padding:5px; font-size: 90%; background-color:#000; color:#777; border: ridge 2px gold;}
.contact     {float:left; padding:5px; font-size: 90%; background-color:#000; color:#777; border: ridge 2px gold;}
.shortcontact{float:left; width:400px; padding:5px; font-size: 90%; background-color:#000; color:#777; border: ridge 2px gold;}
.contactdiv h2  {color:#777;}
#ftr     		{width: 100%; text-align:center; font-size:80%; color:#777; height:70px; 
                 background-color:  #000; padding-top:15px; border-top: ridge 2px gold;}
.break { page-break-before: always; }
/* ============================================================================== */
/* Use for fluid left content + fixed right side column */
#subcontentwrapper {float: left; width: 100%;}
#subcontentcolumn  {margin-right: 220px; }
#subrightcolumn    {float: left; width: 200px; margin-left: -200px;}
.innertube         {margin: 0 10px 0px 10px; padding: 10px 0 10px 0;}

.bordered { border-left:5px groove black; border-right:5px groove black;}
.mwtop    {height:15px; background:url(../images/mwTop.png) no-repeat;}
.mwmotorway{height:52px; background:url(../images/mwMotorway.png) no-repeat;}
.mwmid    {padding: 4px 20px 0px 20px; background:url(../images/mwMid.png) repeat-y;}
.mwbottom {height:18px; background:url(../images/mwBottom.png) no-repeat;}
/* ============================================================================== */
.section 	    {float:left; width:100%;}
#cartcontent    {float:left; width:100%;}
.fl 	        {float:left; padding-right:5px;}
.fr	            {float:right;padding-right:5px;}
.tinydiv        {font-size: 90%;}
.tinydiv input  {font-size: 90%;}
.bold		    {font-weight:bold;}
.alignleft      {text-align:left;}
.aligncenter    {text-align:center;}
.alignright     {text-align:right;}
.label          {float:left; width:150px;}
.hdrlbl         {color:blue; background-color: #eee;}
.code		    {float:left;  font-size:10px; background-color:white; color:green; }
.hlight		    {color:#cc0001; font-style:italic;}
.tagline	    {font-weight:bold;}
.error          {color: blue;}
.padlr		    {padding-left:10px; padding-right:10px;}
.width50	    {float:left; width:50px;}
.width75	    {float:left; width:75px;}
.width100	    {float:left; width:100px;}
.width150	    {float:left; width:150px;}
.width200	    {float:left; width:200px;}
.width250	    {float:left; width:250px;}
.width300	    {float:left; width:300px;}
.width350	    {float:left; width:350px;}
.width400	    {float:left; width:400px;}
.width500	    {float:left; width:500px;}
.width550	    {float:left; width:550px;}
.width600	    {float:left; width:600px;}
.selected	    {font-weight:bold;}
.cb		        {clear:both;}
.rightdiv	    {float:right; width:100px;}
								
table.basetable        {margin: 1em 1em 1em 2em; background: whitesmoke; border-collapse: collapse; color:#666;}
table.basetable td     {border: 1px silver solid; padding: 0.2em; padding-left: 5px; padding-right: 15px;}
table.basetable th     {border: 1px silver solid; padding: 0.2em; background: gainsboro; text-align: left;}

/* Rounded edges on block  
   Source adapted from: http://www.html.it/articoli/nifty/index.html
   Expalined (aah!): http://codecorner.galanter.net/2009/08/13/easy-rounded-corners-in-pure-htmlcss/
   9BD1FA #bac4c6 
.rndwb        {float:left; background-color: #fff; margin: 0 1%;}
.rnd          {float:left; background-color: #bac4c6; margin: 0 1%;}
*/
.gdiv  {background-color: #000;}
.gidiv {border-left: 5px solid; #fff; border-right: 5px solid #fff;}
b.rtop, 
b.rbottom     {display:block;background:  #000}
b.rtop b, 
b.rbottom b   {display:block;height: 1px; overflow: hidden; background: #fff;}
b.r1          {margin: 0 5px}
b.r2          {margin: 0 3px}
b.r3          {margin: 0 2px}
b.rtop b.r4, 
b.rbottom b.r4{margin: 0 1px;height: 2px}
									
/* popup window for product display */
#mask          {position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none;}
#boxes .window {position:absolute; left:0; top:0; width:640px; height:640px; display:none; z-index:9999; padding:20px; background-color:#ffffff;}

/* -- jdMenu base setup -- */
ul.jd_menu, 
ul.jd_menu_vertical {margin: 0px; padding: 0px; list-style-type: none;}

ul.jd_menu ul,
ul.jd_menu_vertical ul {display: none; border: 1px ridge gold;}

ul.jd_menu li {float: left;}
ul.jd_menu_vertical {width: 100%}
ul.jd_menu_vertical li {float: none;}

/* -- Sub-Menus -- */
ul.jd_menu ul,
ul.jd_menu_vertical ul {position: absolute; display: none; list-style-type: none; margin: 0px; padding: 0px; z-index: 10000;}

ul.jd_menu ul li,
ul.jd_menu_vertical ul li {	float: none; margin: 0px;}


ul.jd_menu,
ul.jd_menu ul,
ul.jd_menu_vertical,
ul.jd_menu_vertical ul {
               /* background-color: #000; */ height: 20px;}

ul.jd_menu_vertical {height: auto;}
ul.jd_menu ul {height: auto;}
* html ul.jd_menu ul {width: 1%;}
ul.jd_menu li {font-family: sans-serif; font-size: 12px; color: #777; line-height: 14px; margin: 0px; padding: 3px 6px 2px 6px; height: 13px; cursor: pointer; white-space: nowrap;}
ul.jd_menu li li {background-color: #000; width: 200px;}
ul.jd_menu li a {color: #777; text-decoration: none;}

ul.jd_menu li.jdm_hover,
ul.jd_menu li.jdm_active {background-color: #ccc; color: #777; padding: 3px 6px 2px 6px; }


/* End of jdMenu Site */  

#subrightcolumn ul.jd_menu a, 
#subrightcolumn ul.jd_menu a:active,
#subrightcolumn ul.jd_menu a:link,
#subrightcolumn ul.jd_menu a:visited 
{color: #777;}

#subrightcolumn ul.jd_menu li.jd_menu_active_menubar,
#subrightcolumn ul.jd_menu li.jd_menu_hover_menubar 
{background-color: #000;}

#subrightcolumn ul {list-style: none; margin: 0; padding-left: 0px;}
#subrightcolumn   {color:#fff;font-size: 90%;}