﻿*{
	margin:0;
	padding:0;
	list-style:none;
/*	border:none;*/
}

.tabcontainer
{
	float:left;
	width: 434px;
	margin-left:25px; 
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
}
		
div.domtab
{
	font-size:80%;
	width:434px;
	
}

div.doprevnext
{
	font-size:80%;
	width:434px;
}

.next
{margin-right: 20px;}

 /* --------------------these three styles are here to cascade over the main.css settings */
td.mainpage ul.realbullets
{
	padding-left: 5em;
}


td.mainpage ul.realbullets li
{ 
	list-style-image: url('../template_dwt/borders/bullet-small.gif');
	font-size:100%;
/*	padding:.5em 0 0 0;
	margin:0 1em 0 1em;*/
	line-height: 1.3;
	text-align:left;
}

td.mainpage ul.realbullets li ul
{ 
	list-style-image: url('../template_dwt/borders/bullet-small.gif');
	font-size:100%;
/*	padding:.5em 0 0 0;
	margin:.3em 0 .3em 0;*/
	padding: 0;
	line-height: 1.3;
}
 /* ---------------------------------------------------*/

ul.domtabs
{
	float:right;
	width:434px;
	margin:1em 0 0 0; 
	padding:0;
	list-style-image: url('../template_dwt/borders/bullet-white.gif');	
}


div.doprevnext ul
{
	list-style-image: url('../template_dwt/borders/bullet-white.gif');
	float:left;
	margin-left:-40px; 

}



ul.domtabs li{
	float:left;
	text-align:center;	padding-bottom: 0px;
margin-bottom: 0px;

}

ul.domtabs a:hover
{
	width:8em;
	padding:.2em 1em;
	display:block;
	background:#000;
	color:#fff;
	height:2em;
	font-weight:bold;
	text-decoration:none;
	border-right: 1px solid #C4C4C4;
}
		
ul.domtabs a:active
{
	width:8em;
	padding:.2em 1em;
	display:block;
	background:#000;
	color:#fff;
	height:2em;
	font-weight:bold;
	text-decoration:none;
	border-right: 1px solid #C4C4C4;	

}
		
ul.domtabs a:visited
{
	width:8em;
	padding:.2em 1em;
	display:block;
	background:#000;
	color:#fff;
	height:2em;
	font-weight:bold;
	text-decoration:none;
	border-right: 1px solid #C4C4C4;	

}
		
ul.domtabs a:link
{
	width:8em;
	padding:.2em 1em;
	display:block;
	background:#000;
	color:#fff;
	height:2em;
	font-weight:bold;
	text-decoration:none;
	border-right: 1px solid #C4C4C4;	
}
		
html > body ul.domtabs a:hover
{
	height:auto;
	min-height:2em;
}

html > body ul.domtabs a:active
{
	height:auto;
	min-height:2em;
}

html > body ul.domtabs a:visited
{
	height:auto;
	min-height:2em;
}

html > body ul.domtabs a:link
{
	height:auto;
	min-height:2em;
}

ul.domtabs a:hover
{
	background:#FED200;
	color: #BD2B35;
}

div.domtab div
{
	clear:both;
	width:auto;
/*	background:#fff; */
	border:10px solid #C4C4C4;
	color:#000;
	padding:0 0 4em 0;
	font-size:110%;
}


ul.domtabs li.active a:visited

{
	background:#C4C4C4;
	color:#000;
}


ul.domtabs li.active a:active

{
	background:#C4C4C4;
	color:#000;
}


ul.domtabs li.active a:hover

{
	background:#C4C4C4;
	color:#000;
}


ul.domtabs li.active a:link

{
	background:#C4C4C4;
	color:#000;
}


#domtabprintview
{
	padding-right:3em;
	text-align:right;
	color: #0066CC;
	font-size: 65%;
}

#domtabprintview a:active 
{
	color:#0066CC;
}



#domtabprintview a:hover 
{
	color:#0066CC;
}



#domtabprintview a:link 
{
	color:#0066CC;
}



#domtabprintview a:visited
{
	color:#663399;
}


p
{
	margin:0 0 7px 0;
	line-height:1.1em;
}

div.tabcontainer h2
{
	font-size:120%;
	font-weight:bold;
	color:#BD2B35;
	text-transform:uppercase;
	padding:0 0 0 1em;
}

pre
{
	font-size:1.2em;
	padding:1em;
}

div.domtab div a:active
{
	color:#0066CC;
	display:block;
	padding:1em .5em;
	font-weight:bold;
	font-size:1.3em;
}

div.domtab div a:visited
{
	color:#0066CC;
	display:block;
	padding:1em .5em;
	font-weight:bold;
	font-size:1.3em;
}

div.domtab div a:link
{
	color:#0066CC;
	display:block;
	padding:1em .5em;
	font-weight:bold;
	font-size:1.3em;
}

div.domtab div h2 a:active
{
	color:#BD2B35;
	display:inline;
}

		
div.domtab div h2 a:hover
{
	color:#BD2B35;
	display:inline;
}

		
div.domtab div h2 a
{
	color:#BD2B35;
	display:inline;
}

		
ul.prevnext li a:hover
{
	color:#BD2B35;
	text-decoration: none;
	font-weight:bold;
	float:left;
}

		
ul.prevnext li a:active
{
	color:#BD2B35;
	text-decoration: none;
	font-weight:bold;
	float:left;
}

		
ul.prevnext li a:visited
{
	color:#BD2B35;
	text-decoration: none;
	font-weight:bold;
	float:left;
}

		
ul.prevnext li a:link
{
	color:#BD2B35;
	text-decoration: none;
	font-weight:bold;
	float:left;
}

		
ul.prevnext li.prev a:hover
{
	/*float:left;*/
	display:inline;
}

		
ul.prevnext li.prev a:active
{
	/*float:left;*/
	display:inline;
}

		
ul.prevnext li.prev a:visited
{
	/*float:left;*/
	display:inline;
}

		
ul.prevnext li.prev a:link
{
	/*float:left;*/
	display:inline;
}

ul.prevnext li.next a:hover
{
	float:right;
	display:inline;
}

ul.prevnext li.next a:active
{
	float:right;
	display:inline;
}

ul.prevnext li.next a:visited
{
	float:right;
	display:inline;
}

ul.prevnext li.next a:link
{
	float:right;
	display:inline;
}

/* -----------------------------------------------------PRODUCT LIST TABLE */
td.mainpage table.productlisttable
{
	margin-left: 18px;
	width:739px;
	padding:0;
	table-layout:fixed;
	border-collapse: collapse; 
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
}


/* this is to move the table left when I widended the page*/
td.mainpage table.productlisttable td.blankcolumn 
{
	width:147px;
	padding:0;
	border-collapse: collapse; 
	vertical-align: top;
	
}

td.mainpage table.productlisttable td.blankcolumn p
{
	text-align:center;
	font-weight:bold;
	margin: 15px 25px 15px 0px;
	color: #BD2B35;
}

td.mainpage .productlisttable td.wide
{
	width:370px;
	vertical-align:top;
	margin: 0px;
	padding:0px;
}

td.mainpage .productlisttable td.wide div.left
{
	width:175px;
	vertical-align:top;
	margin: 0px;
	float:left;
}

td.mainpage .productlisttable td.wide div.right
{
	width:175px;
	vertical-align:top;
	margin-left: 10px;
	float:right;
}


td.mainpage .productlisttable td.narrow
{
	width:222px;
	vertical-align:top;
	border-left: 2px solid #BD2B35;
	margin: 0px;
}

td.mainpage .productlisttable td.narrow. h4
{
	font-size:160%;
	color: #BD2B35;
	font-weight:bold;
	margin: 5px;
	padding:0;
	text-align:center;
}

td.mainpage .productlisttable td.narrowwiderpage
{
	width:280px;
	vertical-align:top;
	border-left: 2px solid #BD2B35;
	margin: 0 30px 0 0;
	
}

td.mainpage table.productlisttable td.blankcolumnwiderpage
{
	width:40px;
	padding:0;
	border-collapse: collapse; 
	vertical-align: top;
	
}



td.mainpage .productlisttable td.threecol
{
	width:197px;
	vertical-align:top;
	border-left: 2px solid #BD2B35;
	margin: 0px;
	text-align:center;
}


td.mainpage .productlisttable td.twocol
{
	width:296px;
	vertical-align:top;
	border-left: 2px solid #BD2B35;
	margin: 0px;
	text-align:center;
}

td.mainpage .productlisttable td.twocolnoborder
{
	width:296px;
	vertical-align:top;
	margin: 0px;
	text-align:center;
}

td.mainpage .productlisttable td.threecolnoborder
{
	width:197px;
	vertical-align:top;
	margin: 0px;
	text-align:center;
}


/*
td.mainpage .productlisttable td.list
{
	width:130px;
	vertical-align:top;
}
*/


td.mainpage .prodlistheading
{ 
	width:100%;
	background-color: #BD2B35;
	color:#fff;
	text-align: center;
	font-size: 90%;
	padding: 3px 0;
	font-weight:bold;

}

td.mainpage .prodlistheading span.title
{
	margin-left: 10px;

}

td.mainpage .productlisttable p
{
	font-size: 70%;
	text-align:center;
	padding: 0 10px;
	line-height: 110%;
	margin-top: 5px;
}


td.mainpage .productlisttable img
{
	border:0;
	margin:0;
	padding:0;
}



/* -----------------------------------------------------PRODUCT TABLE */
.producttable
{
	margin-left: 18px;
	width:709px;
}

.producttable td.list
{
	width:220px;
	vertical-align:top;
	text-align:center;
}


.producttable td.list p.pricing2
{
	font-size: 70%;
	text-align:center;
	padding: 0 10px;
	line-height: 90%;
	margin-top: 5px;
}



.producttable td.tabs
{
	width:489px;
	vertical-align:top;
	margin-right: 60px;
}

.producttable td.tabs img
{
	width: 434px;
	height: 234px;
	border:0px;
	margin:0;
	padding:0;
}



/* -------------------------------------------------------------- Product Header and big image */

.prodheader
{
	width:718px;	
	margin: 10px 0 0 15px;
	background:#fff url('borders/prod-head-bkg.jpg') left repeat-y;
	border-top: 1px solid #FED200;
	border-bottom: 1px solid #FED200;
}

.prodheader h1
{
	padding:3px 0 6px 15px;
	font-size:115%;
	font-weight: bold;
	font-family: Verdana, arial, helvetical, sans-serif;
	color:#BD2B35;
	line-height:100%;

}


/* -------------------------------------------------------------- Product box (right) */

div.productbox
{
	border-top: 1px solid #FED200;
	border-bottom: 1px solid #FED200;
	float:right;
	width:200px;
	text-align:center;
}

div.productbox h1
{
	font-family: Verdana, arial, helvetical, sans-serif;
	color: #BD2B35;
	font-weight: bold;
	font-size: 60%;
	text-align:center;
}

div.productbox p
{
	font-size: 60%;
	color: #000;
	font-family: Verdana, arial, helvetical, sans-serif;
	padding:0px;
	margin: 2px 0px 8px 0px;
	text-align:center;
}




/* --------------------------------------------------  PHOTO GALLERY ---------------------------*/

div #gallerycontainer p
{
	padding-left: 19px;
}
div #gallerycontainer h2
{
	padding-left: 17px;
	padding-top: 13px;
}

div #gallerycontainer.a:visited 
	{color:#000;}

div #gallerycontainer .a 
	{color:#000;}

div #gallerycontainer 
	{position:relative; width:420px; height:600px; background:#fff; margin:0; 	border:10px solid #C4C4C4; padding:0; height: 700px;}

div #gallerycontainer b 
	{font-weight:normal; width:420px; text-align:center; position:absolute; bottom:250px; left:0; color:#000; font-family: verdana, tahoma, arial, sans-serif; letter-spacing:1px; line-height:1.7em; z-index:1;}

div #gallerycontainer a.gallery:visited 
	{display:inline; color:#000; text-decoration:none; border:1px solid #000; width:82px; height:82px; float:left; margin:0 0 10px 0; position:relative; cursor:default; padding:0; margin:0;}

div #gallerycontainer a.gallery 
	{display:inline; color:#000; text-decoration:none; border:1px solid #000; width:82px; height:82px; float:left; margin:0 0 10px 0; position:relative; cursor:default; padding:0; margin:0;}

/* NOTE 
ALL LARGE GALLERY IMAGES MUST BE 412 X 400 
ALL SMALL GALLERY IMAGES MUST BE 82 X 82
SMALL GALLERY IMAGES ARE CALLED HERE.  CHANGE STYLE ON LINK FOR EACH MODEL 
	Example: div #gallerycontainer a.mc39a {background:url(../images/products/MC/s-mc39a.jpg) no-repeat;}
	         div #gallerycontainer a.mc39b {background:url(../images/products/MC/s-mc39b.jpg) no-repeat;}

*/

/* ****************************************************************************************
This section must be pasted into a content area near the top of each product page with the correct links for the small images.

div #gallerycontainer a.modela {background:url(../images/products/MC/s1.jpg) no-repeat;}
div #gallerycontainer a.modelb {background:url(../images/products/MC/s2.jpg) no-repeat;}
div #gallerycontainer a.modelc {background:url(../images/products/MC/s3.jpg) no-repeat;}
div #gallerycontainer a.modeld {background:url(../images/products/MC/s4.jpg) no-repeat;}
div #gallerycontainer a.modele {background:url(../images/products/MC/s5.jpg) no-repeat;}
*/

div  a.gallery span {visibility:hidden; display:block; position:absolute; width:420px; height:500px; top:189px; left:0; color:#000;  text-align:center; font-family: verdana, tahoma, arial, sans-serif; font-size: 70%; cursor:default; }

div #gallerycontainer a.slidea span {left:-5px; top:90px;}
div #gallerycontainer a.slideb span {left:-87px; top:90px;}
div #gallerycontainer a.slidec span {left:-169px; top:90px;}
div #gallerycontainer a.slided span {left:-252px; top:90px;}
div #gallerycontainer a.slidee span {left:-333px; top:90px;}



div #gallerycontainer a.gallery:hover {white-space:normal; border:1px solid #FED200; z-index:100;}

div #gallerycontainer a.gallery:hover span {visibility:visible; z-index:100;}

div #gallerycontainer a.gallery:hover span img {margin:0px; /*border:1px solid #f00;*/ position:relative; z-index:100;}

position:relative; z-index:100;}

position:relative; z-index:100;}

a.gallery:focus {border:1px solid #c00; z-index:10;}

div #gallerycontainer a.gallery:active {border:1px solid #c00; z-index:10;}

a.gallery:focus span {visibility:visible; z-index:10;}

div #gallerycontainer a.gallery:active span {visibility:visible; z-index:10;}

a.gallery:focus span img {border:1px solid #000; position:relative; margin:0px; z-index:10;}

div #gallerycontainer a.gallery:active span img {border:1px solid #000; position:relative; margin:0px; z-index:10;}

#proddesc img
{
	padding:10px;
	border: 1px solid blue;
}


div.domtab div ul.realbullets
{
	list-style-image: url('../template_dwt/borders/bullet-small.gif');
	margin-left: 0em;
	margin-right: 1em;
}

/* These are for the pricing pdf on the description tab of products */

#pricing1 img
{
	padding:0;
	margin:0;
	border:0;
}

#pricing1 p
{
	padding:0;
	margin:0;
	text-align:center;
	font-size:50%;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	color:#000000;
}

.specbox
{
	width: 370px;
	margin: 5px 5px 5px 25px;
	border: 2px solid #BD2B35;
	padding-bottom: 0px;
	text-align:center;
	font-size: 80%
}


