BODY {
	background-color: #000000;
	color: #aaaaaa;
  	font-family: Times New Roman, sans serif;
  	font-size: 13pt;
  	margin: 0;
}

/**********General classes*/


/*Index page heading style*/
/*Index page heading style*/
h1 {
   font-family: Times New Roman, sans serif;
   font-weight: normal;
  	color: #aaaaaa;
  	font-size:20pt;
  	padding-top: 8px;
}
h2 {
   font-family: Times New Roman, sans serif;
   font-weight: normal;
	color: #aaaaaa;
	font-size:18pt;
	padding-top: 6px;
}
h3 {
   font-family: Times New Roman, sans serif;
   font-weight: normal;
	color: #aaaaaa;
	font-size:16pt;
	padding-top: 4px;
}
h4 {
   font-family: Times New Roman, sans serif;
   font-weight: normal;
	color: #aaaaaa;
	font-size:15pt;
	padding-top: 4px;
}
h5 {
   font-family: Times New Roman, sans serif;
   font-weight: normal;
	color: #aaaaaa;
	font-size:14pt;
	padding-top: 4px;
}
h6 {
   font-family: Times New Roman, sans serif;
   font-weight: normal;
	color: #aaaaaa;
	font-size:13pt;
	padding-top: 4px;
}

/*Body text*/
p { 
    font-family: Times New Roman, sans serif;
    font-size: 13pt;
    color: #aaaaaa; 
    text-indent: 15px;
    text-align: justify
  }

td { font-size: 13pt;
    font-family: Times New Roman, sans serif;
    color: #aaaaaa; }



A:link, A:active, A:visited {
   font-family: Times New Roman, sans serif;
  	background-color: #000000;
  	color: #aaaaaa;
  	font-weight: normal;
  	font-size: 13pt;
  	text-decoration: underline;
}
A:hover {
   font-family: Times New Roman, sans serif;
  	background-color: #000000;
  	color: #ffffff;
  	font-weight: normal;
  	font-size: 13pt;
  	text-decoration: underline;
}

hr {
  border: 0;
  color: #D1D1D1;
  background-color: #D1D1D1;
  height: 1px;
}

INPUT {
background-color: #bcbcbc;
color: black;
font-family: Times New Roman, sans serif;
font-weight: normal;
font-size: 13pt
}

TEXTAREA {
background-color: bcbcbc;
border: black 2px solid;
color: black;
font-family: Times New Roman, sans serif;
font-weight: normal;
font-size: 13pt
} 


/*Product buttons*/
.button2 {
/*	background-image: url(/dupratdev/images/button_product.gif);*/
	background-color: #ededed;
	font-size: 8.5pt;
	font-weight: normal;
	margin: 0;
	padding: 0;
	border: solid black 1px;
	letter-spacing: 0px;
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
	text-decoration: none;
	color: black;
}

/*General buttons*/
.button3 {
/*	background-image: url(/dupratdev/images/button_general.gif);*/
	background-color: #ededed;
	font-size: 10pt;
	font-weight: normal;
	margin: 0;
	padding: 0;
	border: solid black 1px;
	letter-spacing: 0px;
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
	text-decoration: none;
	color: black;
}

/*Small title bar*/
.titletab_small {
  	background-color: #101010;
  	color: white;
  	font-weight: bold;
  	font-size: 10pt;
  	padding: 3px;
}

/*Large blue title bar*/
.titletab_large {
	background-color: #101010;
	color: white;
	font-size: 11pt;
	font-weight: normal	
}

/*Shadow box outline for forms*/
.shadowbox {
	border-left: 1px #D1D1D1 solid;
	border-top: 1px #D1D1D1 solid;
	border-bottom: 2px #D1D1D1 solid;
	border-right: 2px #D1D1D1 solid;
	padding: 3px;
}

/*Form text/heading*/
.contentbar1 {
  	color: #D1D1D1;
  	font-weight: normal;
  	font-size: 10pt;
}

/* Box for session errors */
.errorbox {
	border-color: #D1D1D1;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	padding: 5px;
	margin: 3px;
	background: #111111;
	text-align: center;
	color: #dddddd;
	font-weight: bold; 
}

/**********End general classes*/


/**********Topper classes*/

/*Top menu*/
.linemenu {	
  	text-align:right;
	vertical-align:top;
	color:blue;
	text-decoration:none;
	background-color:white
}

/*Top menu links*/
A.toplink:link, A.toplink:active, A.toplink:visited {
  	color: blue;
  	font-weight: normal;
  	text-decoration: underline;
  	font-size: 13pt;
}

/*Top menu links*/
A.toplink:hover {
  	color: blue;
  	font-weight: normal;
  	text-decoration: underline;
  	font-size: 13pt;
}

/*Topper controls bar */
.navigation_bar {
	height: 27px;
	background-image: url(/dupratdev/images/navigation_bar.gif);
	background-color: #D2AA55;
	background-repeat: repeat-x;			
	color:white;
	padding-left: 10px	
}

/*Topper controls links*/
.topmenu {
	font-size: 10pt !important;
	font-weight: bold !important;
	color: white !important;
	text-decoration: none !important;
}

/*Topper controls links*/
A.topmenu:hover {
	text-decoration: underline !important;
}

/*Topper controls drop down menus*/
.submenu {
	font-size:10pt; 
	color:white; 
	vertical-align:top; 
	text-align:right; 
	text-decoration:none; 
	background-color:#094989;	
}
A.submenu:link {}
A.submenu:visited {}
A.submenu:hover {text-decoration:underline}
A.submenu:active {}

/*Breadcrumb bar conrol*/	
.breadcrumb_bar {
	height: 20px;
	background-color:#218CBD;
	font-size:12px;
	color:white;
	padding-left: 10px;
	border-top: 1px solid #0099FF;
	border-bottom: 1px solid #124B8A;
}
	
/*Breadcrumb links*/
.breadlink {		
	font-size:13pt;
	color:white;
	text-decoration:none;
}

/*small text*/
.smalltext {		
	font-size:12pt;
	font-family: Times New Roman, sans serif;
   color: #aaaaaa;
}
/*smaller text*/
.smallertext {		
	font-size:10pt;
	font-family: Times New Roman, sans serif;
   color: #aaaaaa;
}
		
/**********End topper classes*/






/**********Left column classes (leftright & leftonly)*/
	
.left {
	width:28%;
	background-color:#000000;
	color:white;
	border-right: 1px solid #D1D1D1;
	text-align:center;
}		

.left_table {width:100%}
	
.advanced_search {
	font-size:10pt;
	color:white;
	text-decoration:none;
}	
a.advanced_search:link {}
a.advanced_search:visited {}
a.advanced_search:hover {text-decoration:underline}
a.advanced_search:active {}

/*Explode tree, collapse tree*/
.barlink {
	background-color: #000000
}

A.barlink:link, A.barlink:active, A.barlink:visited {
  	color: white;
  	font-weight: normal;
  	text-decoration: none;
  	font-size: 10pt;
}

/*Explode tree, collapse tree*/
A.barlink:hover {
  	color: white;
  	font-weight: normal;
  	text-decoration: underline;
  	font-size: 10pt;
}


/*Components on left bar Bold(search and product tree)*/
.categorybar_title {
   font-family: Times New Roman, sans serif;
  	background-color: #000000;
  	color: #aaaaaa;
  	font-weight: normal;
  	font-size:20pt;
  	text-decoration: none;
  	text-align: left;
}
A.categorybar_title:link, A.categorybar_title:active, A.categorybar_title:visited {
   font-family: Times New Roman, sans serif;
  	background-color: #000000;
  	color: #aaaaaa;
  	font-weight: normal;
  	font-size: 20pt;
  	text-decoration: none;
  	text-align: left;
}
A.categorybar_title:hover {
   font-family: Times New Roman, sans serif;
  	background-color: #000000;
  	color: #ffffff;
  	font-weight: normal;
  	font-size: 20pt;
  	text-decoration: none;
  	text-align: left;
}

/*Components on left bar (search and product tree)*/
.categorybar {
   font-family: Times New Roman, sans serif;
  	background-color: #000000;
  	color: #aaaaaa;
  	font-weight: normal;
  	font-size: 13pt;
  	text-decoration: none;
}
A.categorybar:link, A.categorybar:active, A.categorybar:visited {
   font-family: Times New Roman, sans serif;
  	background-color: #000000;
  	color: #aaaaaa;
  	font-weight: normal;
  	font-size: 13pt;
  	text-decoration: none;
}
A.categorybar:hover {
   font-family: Times New Roman, sans serif;
  	background-color: #000000;
  	color: #ffffff;
  	font-weight: normal;
  	font-size: 13pt;
  	text-decoration: none;
}

/**********End left column classes*/





/**********Center column classes*/

/*left right (outer)*/	
.center {width:55%; vertical-align:top}

/*leftonly (outer)*/
.center_leftonly {width:87%; vertical-align:top}

/*no left (outer)*/
.center_noleft {width:100%; vertical-align:top}

/*padding around inner elements*/
.center_padding {width:100%}

/*central content (inner)*/
.center_table {width:98%; text-align:left}

.itemcomment { 
    font-family: Times New Roman, sans serif;
    text-indent: 0px;
    font-size: 13pt;
    color: #aaaaaa; 
    text-align: justify;}

P.itemcomment { 
    font-family: Times New Roman, sans serif;
    text-indent: 0px;
    font-size: 13pt;
    color: #aaaaaa; 
    text-align: justify;}
    
/**********End center column controls*/




/**********Begin right column controls (leftright)*/

.right {
  width:17%; 
  vertical-align:top;
  background-color: #000000;
  }

/*Right content*/
.right_table {width:100%}




/* RightMenu */

.rightmenu a img { border:0; height:100%; width:100%; }
.rightmenu a:hover img { height:auto; width:auto;
  border:0; }

/* End Right Menu */





/**********End of right column style*/







/**********Begin footer controls*/		
    	
.footer {
	margin:5px;
	padding:5px;
   font-family: Times New Roman, sans serif;
  	background-color: #000000;
  	color: #aaaaaa;
  	font-weight: normal;
  	font-size: 10pt;
  	text-decoration: none;
}

td.footer { font-size: 10pt;
    font-family: Times New Roman, sans serif;
    color: #aaaaaa; }
    
A.footer:link, A.footer:active, A.footer:visited {
   font-family: Times New Roman, sans serif;
  	background-color: #000000;
  	color: #aaaaaa;
  	font-weight: normal;
  	font-size: 10pt;
  	text-decoration: none;
}
A.footer:hover {
   font-family: Times New Roman, sans serif;
  	background-color: #000000;
  	color: #ffffff;
  	font-weight: normal;
  	font-size: 10pt;
  	text-decoration: none;
}

/**********End of footer controls*/




.right-border {
	border-right: 1px solid #D1D1D1;
}	



/**********Begin search_box_small component classes*/

/*Search button /dupratdev/images/*/
.search_button {
	background-image: url('button_general.gif');
	background-color: acacac;
	font-family: Times New Roman, sans serif;
	font-size: 10pt;
	font-weight: normal;
	margin: 0;
	padding: 0;
	border: solid black 1px;
	letter-spacing: 0px;
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
	text-decoration: none;
	color: black;
}

/**********End search_box_small component classes*/


/**********Cross component classes*/

/*Cross component outer*/
.specials {width:90%; text-align:left}
		
/*Cross component title bar*/
.specials_title {
	width:100%;
	height:19px; 
	background-image: url('title_tab_cross.gif');
	background-repeat: no-repeat;
	background-position: left;
	color:white;
	font-weight:bold;
	padding-left: 10px;
	margin-top: 5px
}
	
/*Cross component body*/
.specials_body {
	width:100%;
	margin:0;
	border:solid #D1D1D1 1px;
	font-size: 10pt;
}

A.crosstitle:link, A.crosstitle:active, A.crosstitle:visited {
	color: black;
  	font-weight: bold;
  	font-size: 11pt;
	text-decoration: none;
}

A.crosstitle:hover {
	color: black;
  	font-weight: bold;
  	font-size: 11pt;
	text-decoration: underline;
}

/**********End cross component classes*/


/**********Random component classes*/

/*Random component title bar*/
.random_title {
	width:100%;
	height:19px; 
	background-image: url('title_tab_random.gif');
	background-repeat: no-repeat;
	background-position: left;
	color:white;
	font-weight:bold;
	padding-left: 10px						
}
	
/*Random component body*/
.random_body {
	width:100%;
	margin:0;
	border:solid #D1D1D1 1px;			
}

/*Random component product name*/
A.random_description:link, A.random_description:active, A.random_description:visited {
	color: black;
  	font-weight: bold;
  	font-size: 11pt;
	text-decoration: none;
}

A.random_description:hover {
	color: black;
  	font-weight: bold;
  	font-size: 11pt;
	text-decoration: underline;
}

/**********End random component classes*/
	
/**********Cart component classes*/

/*cart table row*/
.cartnorm {
  	background-color: #181818;
  	color: #aaaaaa;
  	font-weight: normal;
  	font-size: 11pt;
  	border-top: 0;
  	border-bottom: 1px solid #cccccc;
  	border-left: 1px solid #cccccc;
  	border-right: 1px solid #cccccc;
}


/*cart alternate table row*/
.cartalt {
  	background-color: #252525;
  	color: #aaaaaa;
  	font-weight: normal;
  	font-size: 11pt;
  	border-top: 0;
  	border-bottom: 1px solid #cccccc;
  	border-left: 1px solid #cccccc;
  	border-right: 1px solid #cccccc;
}

A.cartlink:link, A.cartlink:active, A.cartlink:visited {
  	color: #aaaaaa;
  	background-color: transparent;
  	font-weight: normal;
  	text-decoration: underline;
  	font-size: 13pt;
}

/*Top menu links*/
A.cartlink:hover {
  	color: white;
  	background-color: transparent;
  	font-weight: normal;
  	text-decoration: underline;
  	font-size: 13pt;
}

/**********End cart component classes*/

/**********Cart tiny component classes*/

/*Cart tiny component*/
.carttiny {
  	background-color: #010101;  
  	color: white;  
  	font-weight: normal;
  	font-family: Times New Roman, sans serif;
  	width:95%;
  	border: solid #D1D1D1 1px
}

/*Cart tiny title*/
.carttiny_title {
  	background-color: #a1a1a1;
  	color: #white;
  	font-weight: bold;
  	text-decoration: none;
  	font-family: Times New Roman, sans serif;
  	font-size: 9pt;
  	width:95%;
  	height:24px;
  	vertical-align: middle;
  	border: solid #D1D1D1 1px
}

A.carttiny_title:link, A.carttiny_title:active, A.carttiny_title:visited, A.carttiny_title:hover {  
color: #white !important;
font-size: 10pt;
font-weight: bold;
padding-left: 15px;
padding-right: 20px;
}

/*Cart tiny headings*/
.ctiny_heading {
  	color: #111111 !important;
  	font-weight: normal;
  	font-size: 10pt;
  	text-decoration: underline;
}

/*Cart tiny text and links*/
.ctiny_text {
  	color: white;
  	font-weight: normal;
  	text-decoration: none;
  	font-size: 10pt;
}

A.ctiny_text:link, A.ctiny_text:active, A.ctiny_text:visited {  
}

A.ctiny_text:hover { text-decoration: underline }

/**********End cart tiny component classes*/

/**********Cart_display component classes*/

/*Cart display row*/
.cartdisplay {
	background-color: white;
  	color: #dddddd;
  	font-weight: normal;
  	font-size: 13pt;
}

/*Cart display alternate row*/
.cartdisplay_alt {
  	background-color: #dddddd;
  	color: #dddddd;
  	font-weight: normal;
  	font-size: 13pt;
}

/**********End cart_display component classes*/

/**********Results_ component classes*/

/*results_buylist category heading*/
.title {
	font-weight:bold;
	font-size:16pt;
}


/*results_buylist item link*/
A.resultslink:link, A.resultslink:active, A.resultslink:visited {
	color: black;
  	font-weight: normal;
  	text-decoration: underline;
  	font-size: 13pt;		
}

/*results_buylist item link*/
A.resultslink:hover {
  	color: black;
  	font-weight: normal;
  	text-decoration: underline;
  	font-size: 13pt;
}

/*results_big product name*/
.results_description {
	color: black;
  	font-weight: normal;
  	font-size: 9pt
}

/**********End results_ component classes*/



    .mv_contrast {
        color: #FF0000;
    }




/********* FADING PHOTO ******/

#photoholder {
  width:475px;
  height:475px;
  text-align: center;
  background:#000 url('http://dev.dupratdesigns.com/dupratdev/images/loading.gif') 50% 50% no-repeat;
}
#thephoto {
  width:475px;
  height:475px;
  border: 0;
  text-align: center;
}

#splashholder {
  width:750px;
  height:410px;
  text-align: center;
  background:#000 url('http://dev.dupratdesigns.com/dupratdev/images/loading.gif') 50% 50% no-repeat;
}
#thesplash {
  width:750px;
  height:410px;
}

/********* END FADING PHOTO ******/





/*********SCROLLING TABLE ******/

/* define height and width of scrollable area. Add 16px to width for scrollbar          */
/* allow WinIE to scale 100% width of browser by not defining a width                   */
/* WARNING: applying a background here may cause problems with scrolling in WinIE 5.x   */
div.tableContainer {
	clear: both;
	border: none;
	height: 800px;
	overflow: auto;
	width: 180px;
	border: 1px #D1D1D1 solid;
}

/* WinIE 6.x needs to re-account for it's scrollbar. Give it some padding */
\html div.tableContainer/* */ {
	padding: 0 18px 0 0;
	width: 162px;
}

/* clean up for allowing display Opera 5.x/6.x and MacIE 5.x */
html>body div.tableContainer {
	height: auto;
	padding: 0;
}

/* Reset overflow value to hidden for all non-IE browsers. */
/* Filter out Opera 5.x/6.x and MacIE 5.x                  */
head:first-child+body div[class].tableContainer {
	height: 800px;
	overflow: hidden;
	width: 180px;
}

/* define width of table. IE browsers only                 */
/* if width is set to 100%, you can remove the width       */
/* property from div.tableContainer and have the div scale */
div.tableContainer table {
	float: left;
	width: 100%;
}

/* WinIE 6.x needs to re-account for padding. Give it a negative margin */
\html div.tableContainer table/* */ {
	margin: 0 -18px 0 0
}

/* define width of table. Opera 5.x/6.x and MacIE 5.x */
html>body div.tableContainer table {
	float: none;
	margin: 0;
	width: 162px;
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers. Filter out Opera 5.x/6.x and MacIE 5.x */
head:first-child+body div[class].tableContainer table {
	width: 180px;
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
	position: relative;
	/* expression is for WinIE 5.x only. Remove to validate and for pure CSS solution      */
	top: expression(document.getElementById("tableContainer").scrollTop);
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* Filter out Opera 5.x/6.x and MacIE 5.x                                                 */
head:first-child+body thead[class].fixedHeader tr {
	display: block;
}

/* make the TH elements pretty */
thead.fixedHeader th {
	background: #C96;
	font-weight: normal;
	padding: 4px 3px;
	text-align: left;
}

/* make the A elements pretty. makes for nice clickable headers                */
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
	color: #000;
	display: block;
	text-decoration: none;
	width: 100%;
}

/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.fixedHeader a:hover {
	color: #000;
	display: block;
	text-decoration: underline;
	width: 100%;
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
/* Filter out Opera 5.x/6.x and MacIE 5.x                                                 */
head:first-child+body tbody[class].scrollContent {
	display: block;
	height: 800px;
	overflow: auto;
	width: 100%;
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
	background: #111111;
	padding: 2px 2px 2px 2px;
}

tbody.scrollContent tr.alternateRow td {
	background: #111111;
	padding: 2px 2px 2px 2px;
}

/* define width of TH elements: 1st, 2nd, and 3rd respectively.      */
/* All other non-IE browsers. Filter out Opera 5.x/6.x and MacIE 5.x */
/* Add 16px to last TH for scrollbar padding                         */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors    */
head:first-child+body thead[class].fixedHeader th {
	width: 164px;
}




/* define width of TH elements: 1st, 2nd, and 3rd respectively.      */
/* All other non-IE browsers. Filter out Opera 5.x/6.x and MacIE 5.x */
/* Add 16px to last TH for scrollbar padding                         */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors    */
head:first-child+body tbody[class].scrollContent td {
	width: 164px;
}



/*********END SCROLLING TABLE ******/







/* Photo-Caption PZ3 CSS (The Good Stuff) */

.PZ3-l { float:left; margin-right:10px; }
.PZ3-r { float:right; margin-left:10px; direction:rtl; }
  html>/**/body .PZ3-r { position:relative; }

.PZ3zoom { border:1px solid #D1D1D1; }
.PZ3zoom a,.PZ3zoom a:visited { display:block;
  padding:0; overflow:hidden; text-decoration:none;
  height:100%; width:100%; }
  html>/**/body .PZ3-r a { right:0; }

.PZ3zoom a:hover { position:absolute;
  z-index:999; padding:0; background:none;
  cursor:default; height:auto; width:auto;
  overflow:visible; border:1px solid #D1D1D1;
  margin:-1px 0 0 -1px; position: absolute;}
  html>body .PZ3zoom a:hover { margin:-1px -1px 0 -1px; }

.PZ3zoom a img { border:0; height:100%; width:100%; }
.PZ3zoom a:hover img { height:auto; width:auto;
  border:0; }

a:hover .PZ3cap,
a:hover .PZ31cap { display:block;
  direction:ltr; font:10pt verdana,sans-serif;
  margin-top:-3px; background:#666; color:#fff;
  text-align:left; }
a:hover .PZ3cap { padding:3px 5px; }
.PZ3inr { display:block; padding:2px 5px; }

.noCap a:hover .PZ3cap { display:none; }
.noBdr,.noBdr a:hover { border:0; }
.Lnk a:hover { cursor:pointer; }

/* End Photo-Caption Zoom CSS */