/* #################################################################
Copyright 2005 BBB Systems, LLC, All rights reserved
################################################################## */
html, body, h1, h2, h3, h4, h5, h6 div, p, ul, li, input, select, td, a, textarea{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
}

h3{ font-size: 14px; }
h4{ font-size: 13px; }
h5{ font-size: 12px; }
h6{ font-size: 10px; }
 
/*
headers 1 and 2 are the same because they are both used at the top of
some content pages, and they need to line up with Featured/Images.

If you want more space between the header and the text, you have to add it
manually.
*/

h1, h2{
    padding: 0px 0px 4px 0px;
    margin: 0px;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    color: #404040;
}


h3,h4,h5,h6{ color: #404040; }
h3,h4,h5,h6{ padding: 0px; margin: 0px; }
body{
    background-color: #FFFFFF;
    color: #000000;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

#aFlash{
    visibility: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
}

/*############ LOGO STYLES ####################################*/
#pageContainer{ margin: 0px auto; width: 760px; text-align: left; }
#pageContainerTable{ text-align: left; width: 100%; }
/*==== Commented out Header stuff for ctix.  Not needed ==== */
/*
#header{ background: url(/images/header.jpg) no-repeat top left; height: 54px; text-align: right; }
#header table{height: 54px;}
*/
#cartLinks{ text-align: center; vertical-align: middle; width: 120px; height: 50px; }
#cartLinks a{ display: block; margin: 3px; }
#topMenu{ width: auto; height: 72px; }
/*################ END LOGO STYLES ############################*/

/*################ MENU BAR STYLES ############################*/
#menubar{ width: 340px; padding-top: 8px; text-align: left; margin: 0px 0px 0px auto; white-space: nowrap; }
#menubar a{
    padding: 5px 2px;
    color: #000000;
    font-weight: normal;
    font-size: 9px;
    letter-spacing: -1px;
    text-decoration: none;
    white-space: nowrap;
    text-align: center;
    text-transform: uppercase;
}
#menubar a:hover{ color: #627E82; text-decoration:none; }

#menubar .ntext{
    height: 16px;
    width: 112px;
    font-size: 9px;
    border: 1px solid #000000;
}
html>body #menubar .ntext{
    height: 12px;
}

#menubar .button{
    height: 16px;
    border: 1px outset #000000;
    background-color: #E3EAF0;
    color: #000000;
    font-size: 9px;
    font-weight: normal;
    text-transform: uppercase;
    cursor: pointer;
}
#menubar .buttonOver{
    height: 16px;
    border: 1px inset #000000;
    background-color: #E2EAEC;
    color: #000000;
    font-size: 9px;
    font-weight: normal;
    text-transform: uppercase;
    cursor: pointer;
}
/* ==== COMMENTED OUT THE PRODUCT MENU FOR CTIX.  NOT NEEDED ==== */
/*
#productMenu{
    height: 100px;
    margin: 0px;
    padding: 0px;
    background: #FFFFFF url(/images/productbar_repeat.jpg) repeat-x top;
}
#productMenu table{
    width: 100%;
}
#productMenu td{
    vertical-align: top;
    text-align: center;
}
#productMenu img{
    border: 0px solid #000000;
    margin: 0px;
}
#productMenu a, #productMenu a:hover{
    text-decoration: none;
}

#productMenu a{
    color: #000000;
    font-weight: normal;
    font-size: 12px;
    white-space: nowrap;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}
#productMenu a:hover{ color: #627E82; }
*/
/*################ END MENUBAR STYLES #########################*/

/*################ LEFT MENU ##################################*/

.topSellerDiv{
    margin: 8px 0px 0px 0px;
    height: 24px;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    color: #404040;
}

.dleftmenu{
    margin: 0px;
    padding: 0px;
    width: 160px;
    height: 100px;
    margin: 0px;
    border: 1px solid #000000;
    text-align: left;
}
html>body .dleftmenu{
    height: auto;
    min-height: 100px;
    width: auto;
    min-width: 160px;

}

.dleftmenu ul{
    list-style-type:circle;
    margin: 0px 0px 0px 16px;
    padding: 0px;
}
.dleftmenu ul li{
    list-style-type:circle;
    color: #2C545E;
    padding: 2px 0px;
    margin: 2px 2px;
    text-align: left;
}


/*################ END LEFT MENU ##############################*/

/*################ COLUMN MAIN ################################*/

#columnLeft{
    vertical-align: top;
    width: 184px;
}
#columnMain{
    padding: 0px;
    font-size: 14px;

    vertical-align: top;
    width: auto;
}

#content{
    height: 350px;
    padding: 0px 0px 0px 0px;
}
/* Removed contentFraming from the above class and made its own class below */
#contentFraming{
    /* height: 350px;
    padding: 8px 0px 6px 20px;*/
}

html>body #content, html>body #contentFraming{
    height: auto;
    min-height: 350px;
}

#copyright{
    margin-top: 40px;
    width: 100%;
    text-align: center;
    font-size: 10px;
    color: #000000;
    text-align: center;
}

#copyright div{ font-size: 10px; }

#copyright a{
    padding: 0px 2px;
    color: #000000;
    font-weight: normal;
    font-size: 10px;
    text-decoration: underline;
    text-transform: lowercase;
}
#copyright a:hover{ color: #627E82; text-decoration: none; }

#copyright div span{ margin: 2px 4px; }

#copyright .cpleft, #copyright .cpright{
    text-align: center;
    width: 128px;
}
#copyright .cpcenter{
    text-align: center;
}

#psearchbox{
    background-color: #FFFFFF;
    border: 0px solid #FFFFFF;
    height: 14px;
    width: 142px;
}

/*################ END COLUMN MAIN ############################*/

/*################ CONTENT TABLES #############################*/

table.cell, table.show{
    border: 1px solid #333333; 
    width: 70%;
}

td.adminTitle{
    background-color: #5B838F;
    border: 1px solid #2C545E;
    text-decoration:none;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

td.adminTitle h3{
    color: #FFFFFF;
}

td.cellHeader, div.cellHeader{
    background-color: #000000;
    border-top: 1px solid #E3EAF0;
    border-right: 1px solid #627E82;
    border-bottom: 1px solid #627E82;
    border-left: 1px solid #E3EAF0;

    padding: 2px 8px;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}
/* this stuff is here because ie is a pain in the butt. */
.cellHeader span, .cellHeader strong, .cellHeader em, .cellHeader strong em{
    color: #FFFFFF;
}


td.cell{
    background-color: #FFFFFF;
    border-bottom: 1px solid #000000;
    padding: 3px 8px;
    font-size: 12px;
    color: #000000;
    text-align: left;
}

td.cellOdd{
    background-color: #E0E0E0;
    padding: 3px 8px;
    border-bottom: 1px solid #000000;
    color: #000000;
    font-size: 12px;
}

/*################ END CONTENT TABLES #########################*/

/*################ FORM ELEMENTS ##############################*/

input, select, textarea{
    background-color: #FFFFFF;
    color: #000000;
    border: 1px solid #433A00;

    font-weight: normal;
    font-size: 11px;
}
select, textarea{
    border: 1px inset #433A00;
}

.button{
    border-top: 1px solid #8C8C8C;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #8C8C8C;
    background-color: #2C545E;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: normal;
    cursor: pointer;
}
.buttonOver{
    border-top: 1px solid #000000;
    border-right: 1px solid #8C8C8C;
    border-bottom: 1px solid #8C8C8C;
    border-left: 1px solid #000000;
    background-color: #5B838F;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: normal;
    cursor: pointer;
}


/*################ END FORM ELEMENTS ##########################*/
/*################ ANCHORS ####################################*/

a{
    color: #2C545E;
    font-weight: normal;
}
a:hover{
    color: #5B838F;
}

#replayLnk a{
	color: #ffffff; font-size: 11px; TEXT-DECORATION: none; FONT-WEIGHT: bold;
}
#replayLnk a:hover{
	COLOR: #dbd100;
}

a.cellHeader, td.cellHeader a{
    color:#FFFFFF;
    text-decoration:none;
    font-weight: bold;
    text-decoration: underline;
}
a.cellHeader:hover, td.cellHeader a:hover{
    color:#DDDDDD;
}

a.cellHeaderSmall{
    color: #FFFFFF;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
}
a.cellHeaderSmall:hover{
    color: #FCFCFF;
}

a.cell{
    text-decoration:none;
    font-weight: bold;
}

a.cellLarge{
    text-decoration:none;
    font-weight: bold;
}
a.cellLarge:hover{
}

a.small{
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 4px;
}

a.left{
    margin-left: 46px; color: #FFFFFF; text-decoration: none;
}

a.viewProd{
    display: block;
    margin: 7px 7px 0px 7px;
    padding: 7px 0px 0px 0px;
    border-top: 1px solid #544C39;
}

/*################ END ANCHORS ################################*/

/*################ MISC #######################################*/

/* DONT CHANGE THIS P */
p{
    margin: 0px;
    padding: 0px;
}
/* END DON'T CHANGE */

/*used for the checkout page header text and for email header text*/
.boldHeader, .bold{
    font-weight: bold;
}
.bold{
    font-size: 10px;
}

span.small{
    font-size: 12px;
}

span.large{
    color: #082A8E;
    font-weight: bold;
}

span.error{
    color: #FF0000;
    font-weight: bold;
}

span.good{
    color: #546396;
    font-weight: bold;
}

/* replacement for hr */
div.hr{
    height: 1px;
    width: 100%;
    border-top: 1px solid #000000;
    margin: 8px 0px 8px 0px;
}
div.hr2{
    height: 1px;
    width: 100%;
    border-top: 2px solid #000000;
    margin: 8px 10px 8px 10px;
}

form{
    padding: 0px;
    margin: 0px;
}

table.center{
    margin-left: auto;
    margin-right: auto;
}

table.right{
    margin-left: auto;
    margin-right: 0px;
}

/* general 100% + 0 padding and 0 margin (where applicable) */
.t100{
    width: 100%;
    margin: 0px;
    padding: 0px;
}


td.pad0{
    padding: 0px;
}

div.center{
    width: 100%;
    text-align: center;
}

div.right{
    width: 100%;
    text-align: right;
}

sup{
    font-size: 9px;
    text-decoration: none;
}

/* product pages and framing styles */
.productMainTable{
    width: 100%;
}

.gtcopy{
    color: #001829;
    font-size: 11px;
    font-weight: bold;
    white-space: nowrap;
    text-align: right;
    padding: 10px 20px 6px 0px;
    width: 30%;
    vertical-align: top;
}
.gtcopyT{
    padding: 8px 20px 8px 0px;
    text-align: left;
    vertical-align: top;
}

/* DUKE SIDE NAV */
	#replayNav ul {
		padding: 0;
		margin: 0;
		list-style: none;
	border-top: 1px solid #fff;
	}

	#replayNav li {
	font-family: Verdana;
	border-bottom: 1px solid #fff; 
	}
/*position and size of dropdown menu */
	#replayNav li ul {
	position: absolute;
	width: 131px;
	margin: -20px 0 0 131px;
	left: -999em;
	list-style: none;
	border: 1px solid #ccc;
	border-bottom: none;
	visibility: visible;
	}
	#replayNav li ul ul{
		position: absolute;
		width: 120px;
		margin: -20px 0 0 131px;
		left: -999em;
		border: 1px solid #ccc;
		border-bottom: none;
	}
	#replayNav li:hover ul, #replayNav li.sfhover ul, #replayNav li.sfhover2 ul{
		left: -999em;
		color: #fff;
	}

	#replayNav li a {
		display: block;
		width: 100%;
		line-height: 19px;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
		text-indent: 8px;
		color: #fff;
	}
	#replayNav li a:hover {
		color: #000;
		font-weight: bold;
		background-color: #fff;
	}

	/*  MacIE Bug Fix:  */
	#replayNav li a, #replayNav li a:hover {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-align: left;
		font-size: 11px;
	}

	/*  End Pop-up Navigation Menus  */
#replayNav li:hover ul ul, #replayNav li:hover ul ul ul, #replayNav li.sfhover ul ul, #replayNav li.sfhover ul ul ul, #replayNav li.sfhover2 ul ul, #replayNav li.sfhover2 ul ul ul {
		left: -999em;
		background-color : #ccc;
		
	}
	
#replayNav li:hover ul, #replayNav li li:hover ul, #replayNav li li li:hover ul, #replayNav li.sfhover ul, #replayNav li li.sfhover ul, #replayNav li li li.sfhover ul  #replayNav li.sfhover2 ul, #replayNav li li.sfhover2 ul, #replayNav li li li.sfhover2 ul{ /* lists nested under hovered list items */
		left: auto;
	}
	
.orange {
  color: #DE7821; 
  font-weight: bold; 
  font-size: 9pt; 
  line-height: 12pt; 
  font-family: Verdana, Arial; 
  text-decoration: none;
}

.staticLink a:hover {
   color: #000; 
   font-weight: bold; 
   background-color: #fff;
   text-decoration: none;
}