@import url(nav.css);

/* TOC: RESET, DUKE LOGO, OVERALL LAYOUT, FLOAT CLEARS, HEADER COLUMNS, PAGE CONTENT LAYOUT GRIDS, FOOTER, BREADCRUMB/PAGENAV, BASIC STYLES (H1's, images, Links), TABLES, FORMS, PICTURE LEFT, Event Popup Description, COLORS */ 


/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight:normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

html {min-height: 100%; height: auto;}


/* OVERALL LAYOUT */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:14px;
	color: #696853;
	background: #efecdb url(../images/dup_bk_header.gif) 0 32px repeat-x;
}

#container {
	position: relative;
	width: 100%;
}

#head_wrap {
	position: relative;
	width: 975px;
	height: 194px;
	overflow: visible;
	background-color:#efecdd;
	margin: 0 auto;
	padding:0;
	z-index:100;
}

#content_wrap {
	position: relative;
	width: 965px;
	background: url(../images/dup_bk_content_b.jpg) 0 bottom no-repeat;
	text-align: left;
	margin: 0 auto;
	padding: 0 0 25px 0;
}



/* DUKE LOGO */
img#duplogo, div#qTip {behavior:url(css/iepngfix.htc);}

img#duplogo {position:absolute; left:34px; top:14px; z-index:501;}
img#coverim {position:absolute; left:5px; top:14px; z-index:100;}


#hdfirst {width: 370px; height:182px;}
#hdmiddle {position:absolute; left:380px; top:7px; width: 395px; height:182px; background: url(../images/dup_bk_mnav.jpg) 0 26px no-repeat;}
#hdlast {position:absolute; left:780px; top:7px; width:190px; height:182px; background: url(../images/dup_bk_search.gif) 0 93px no-repeat; }

/* FLOAT CLEARS */
#container:after, #head_wrap:after, #checkwrap:after, #infowrap:after, #presswrap:after, #searchwrap:after, #content_wrap:after, .hom3cola:after, #footer_wrap:after, 
#head_wrap .column.hdmiddle:after, .grid3colA:after, .grid4colA:after, .thumbnailcolA:after, .proddetailcol:after, 
.parentcol:after, .parentcol .ch3colA:after, .parentcol .ch2colA:after, .parentcol .ch2colB:after,
.grid4colAsub:after, .grid3colAland:after, .grid3colBsub:after, .grid3colCsub:after, .grid2colBsub:after, .infodetailcol:after,
#p7TPtabswrap:after, .pictformatA:after, .pictformatA li:after, .directlistA li ul:after, .tnrow_wrap:after, #bread:after, #pagenavwrap:after, #pagenavbar:after, 
#p7TPtabswrap:after, #p7tpc1_1:after, #p7tpc1_2:after, #p7tpc1_3:after, #p7tpc1_4:after, #p7tpc1_5:after, #p7tpc1_6:after, #p7tpc1_9:after, #p7ABt1_1:after, #p7ABt1_2:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.parentcol .ch3colA, .ch2colA, .ch2colB, #p7tpc1_1, #p7tpc1_2, #p7tpc1_3, #p7tpc1_4, #p7tpc1_5, #p7tpc1_6, #p7tpc1_7, #p7tpc1_8, #p7tpc1_9, #p7tpc1_10, #p7ABt1_2, #p7ABt1_2 
{clear:both;}


/* HEADER COLUMNS */

#checkwrap {height: 26px; overflow: hidden;}


/* Header search */
#searchwrap {width: 172px; padding:22px 0 0 18px; margin:0; border-top: 1px solid #d0cebc;}
#searchwrap dd {float:left; margin:0; padding:3px 3px 0 0 !important;}
#searchwrap input.buttonform {width:auto; padding:0; border:none; background-color:transparent !important;}


/* PAGE CONTENT LAYOUT GRIDS */
.column {float: left; position: relative;}
.colright {float: right;}

/* Grids */
.grid3colA, .grid4colA, .thumbnailcolA, .proddetailcol, .parentcol, 
.grid4colAsub, .grid3colAland, .grid3colBsub, .grid3colCsub, .grid2colBsub, .infodetailcol  
{width:937px; background:url(../images/dup_bk_content_t.jpg) no-repeat; padding:0 0 0 28px;}

.grid3colA, .grid4colA { background-position:0 -21px;}

.thumbnailcolA, .proddetailcol, .parentcol { background-position:0 0;}

.grid4colAsub, .grid3colAland, .grid3colBsub, .grid3colCsub, .grid2colBsub, .infodetailcol 
{width:742px !important; background-position:0 0;}


/* Right Sidebar */
#sidebarsubmenu.column.last, .grid3colA .column.last, .proddetailcol .column.last 
{ width:190px; float:right !important;}
#sidebarsubmenu.column.last {padding-top:0;}

/* Homepage */
.grid3colA .column.first { width:380px; padding-top:26px; }
.grid3colA .column.middle { width:325px; padding-top:24px; }
.grid3colA .column.last { padding-top:10px;}

/* Landing Page */
.grid3colAland .column.first { width:310px; padding:18px 33px 0 0; }
.grid3colAland .column.middle { width:325px; padding:10px 0 0 30px; margin-top:10px; background:url(../images/dup_rule_1.gif) -1px 15px repeat-y;}


/* Sub Pages Layout */
.grid4colAsub .column.first { width:220px; padding:18px 25px 0 0; }
.grid4colAsub .column.middle { width:230px; padding:18px 0 0 0;}
.grid4colAsub .column.last { width:230px; padding:18px 0 0 0; float:right !important;}


.grid3colBsub .column.first { width:220px; padding:18px 20px 0 0; }
.grid3colBsub .column.middle { width:500px; padding:18px 0 0 0;}

.grid3colCsub .column.first { width:300px; padding:18px 0 0 0; }
.grid3colCsub .column.middle { width:400px; padding:18px 0 0 0;}

.grid2colBsub .column.first { width:740px; padding:18px 0 0 0; }


/* Info Detail Page */
.infodetailcol .column.first { width:217px; padding:18px 8px 0 0;}
.infodetailcol .column.middle { width:495px; padding:18px 0 0 0;}


/* Directory Page */
.grid4colA .column.equal4col { width:210px; padding:20px 24px 0 0; }

/* Thank You */
.thankyou {padding:10px 20px 0 40px; }


/* Paragraph Formating */
.grid3colA .column.middle p, .grid3colAland .column.first p {padding: 0 0 20px 0; font-size:11px; line-height:20px;}
.grid3colA .column.middle h1, .grid3colAland .column.first h1 {line-height:20px;} 
.grid3colBsub .column.first p, 
.grid4colAsub .column.first p 
{padding: 0 0 8px 0;}

/* PAGE CONTENT LAYOUT GRID END */


/* FOOTER */
#footer_wrap {
	position: relative;
	clear:both;
	width: 965px;
	line-height:14px;
	font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;
	margin: 0 auto;
	padding:0 0 10px 0;
}		


/* Footer Nav had to float RSS image */
#footer_wrap ul.pagenav li, #footer_wrap ul.pagenav li a {float:left; white-space:nowrap;}
#footer_wrap ul.pagenav li a {padding:0 5px; border-left:1px solid #9f9d8b;}
#footer_wrap ul.pagenav {padding: 7px 0 8px 28px;}
#footer_wrap ul.pagenav li.firstBLOC {padding:0 5px 0 0;}
#footer_wrap .pagenav li img {float:left; padding:1px 4px 0 0; }



/* BREADCRUMB + PAGENAV */
#bread {width:100%; padding: 3px 0 4px 0; margin-bottom:3px;}
#bread .firstBLOC {font-weight:bold;}
	
#pagenavwrap {width:100%; padding:3px 0;}
#pagenavwrap ul.pagenav.colright {width:600px; text-align:right; padding:0 15px;}
body.authors #pagenavwrap ul.pagenav.colright {width:440px; text-align:right; padding:0 15px;}

.pagenav li, .pagenav li a {list-style: none; display:inline; padding:0; margin:0;}

#bread .pagenav li.firstBLOC a, .pagenav li.firstBLOC a {border-left:none; padding:0 4px 0 0;}

#bread .pagenav li a, .pagenav li a, .pagenav li span  {padding:0 4px 0 4px; border-left:1px solid #9f9d8b;}


li.current a:link, li.current a:visited,
li.current a:hover, li.current a:active, li.current a:focus {color: #c47403;}


/* BASIC STYLES */
.error {font-weight: bold; color: #cc0000; }
.clearit {clear: both; height: 0; line-height: 0; font-size: 0;}


/* Heads */
h1 {padding:0 0 3px 0; color:#c47403; font-size:11px; font-weight:bold;}
h2 {font-weight:bold;}
h3 {font-weight:bold;}/* pictformat sub link text */
h4 {font-weight:bold;}/* tabs and accordian */
h5 {font-weight:normal;}/* pictformat sub link text */
h6 {font-weight:normal;}/* image and input floats */
/* em {color:#c47403;} */

.specfontA {font-size:9px; font-style:italic;}

/* Images */
img.iconA {border: 2px solid #b3b19f;}
img.iconB {border: 3px solid #b3b19f;}
img.iconC {padding:2px;}
.pictformatB li img.iconA {border:1px solid #b3b19f; margin:3px 3px 0 0; padding:0;}



/* Links */
.linkA a:link, .linkA a:visited {color: #696853; text-decoration: none;}
.linkA a:hover, .linkA a:active, .linkA a:focus {color: #c47403; text-decoration: none;}
li li h5 {font-weight:bold;}

a:link.linkB, a:visited.linkB {color: #c47403; font-weight:bold; font-style:italic;}
a:hover.linkB, a:active.linkB, a:focus.linkB {color: #c47403; text-decoration: none;}


a:link, a:visited, a:link.linkC, a:visited.linkC {color: #c47403; text-decoration:underline;}
a:hover, a:active, a:focus, a:hover.linkC, a:active.linkC, a:focus.linkC {color: #c47403; text-decoration: none;}



/* TABLES */
table.tabledataA, table.tabledataB, table.tablecartlist, table.tablestaff  {
	width:100%;
	line-height:12px;
	border-collapse:collapse;
	border-spacing:0;
	border-bottom:1px solid #b1afa1;
}


/* 3colwide Table */
table.tabledataA td img {margin:1px;}

table.tabledataA th, table.tabledataB th, table.tablecartlist th, table.tablestaff th {font-weight:bold;}

table.tabledataA  th, table.tabledataB th, table.tablecartlist th, table.tablestaff th,
table.tabledataA td, table.tabledataB td, table.tablecartlist td, table.tablestaff td {
	padding:5px 10px 6px 0;
	border-top:1px solid #b1afa1;
	vertical-align:top;
}
.pagelistA li table.tabledataB, .pagelistA li table.tabledataA {margin:0 0 8px 0;}
.pagelistA li table li {padding:0 0 1px 0; margin:0;}

/* 3colwide Table Events */
table.tabledataA td { width:30%; padding:7px 20px 7px 0;}
table.tabledataA {border-bottom:none !important;}

table.tablestaff th {border-top:none!important; padding:0!important;}
table.tablestaff {border-top:none!important; margin:5px 0 7px 0!important;}



/* FORMS */
input {padding:2px 0 3px 2px}
input, textarea, select {font-size:10px; color:#696853; background-color: #fff; border:1px solid #b1afa1;}
input.specformB {font-size:11px; padding:0; background-color:transparent; border:none;}
label {line-height:12px;}
form em {font-size:9px; font-weight: normal; font-style: normal; padding-left:2px;}

legend span {display: block;}
legend {font-size:11px; font-weight: bold; color:#c47403; padding:0; margin:0 !important; margin:0 -7px; /* IE Win */}
	
	
form fieldset ol li {display:block; clear:both;}
form fieldset {position:relative;}

/* Form Widths */
#searchwrap input {width:150px;}
body input.quantityformA, body table input.quantityformA {width:30px;}
form.formformatA input.buttonform, form.formformatB input.buttonform, input.buttonform 
{width:auto; padding:0; border:none; background-color:transparent;}

img.buttonform {padding:3px 0;}


/* Form Format A: CONTENT */	
form.formformatA fieldset {padding:0 0 10px 0;}
form.formformatA ol {clear:both;}



form.formformatA label {
	float:left;
	text-align:right;
	padding:0 4px;
}
form.formformatA li input, form.formformatA li select, form.formformatA li textarea {float:left;}
form.formformatA fieldset li {padding:4px 0 4px 0; margin: 0;}

form.formformatA input {width:150px; vertical-align:top;}
form.formformatA textarea {width:210px; height:100px; vertical-align:top;}

/* Forms Within Tab Content */
.p7TPcontent form.formformatA legend span {padding: 0 0 2px 137px;}
.p7TPcontent form.formformatA label {width:130px; /* Width of labels */}

.grid3colCsub form.formformatA legend span,
.grid3colBsub form.formformatA legend span {padding: 0 0 2px 167px;}
.grid3colCsub form.formformatA label,
.grid3colBsub form.formformatA label {width:160px; /* Width of labels */}

/* Form Layout Radio Text Format A */
form.formformatA li.specformC input {width:auto; margin-right:3px;}
form.formformatA li.specformC {margin:0 5px 0 128px;}


/* Form Format B: RIGHT SIDEBAR */	
form.formformatB, form.formformatB fieldset {clear:both;}
form.formformatB label {
	width:170px;
	clear:both;
	display: block;
	text-align:left;
	padding:0 0 1px 0;
}
form.formformatB fieldset ol {margin: 0; padding:3px 0 0 0; clear:both;}
form.formformatB fieldset li {padding:3px 0 3px 0; margin:0;}
form.formformatB input, form.formformatB textarea {width:160px;}



/* Form Format C: Layout Radio/Checkbox */
form.formformatC fieldset {clear:both; padding:0 0 10px 0; margin: 0;}
form.formformatC fieldset li {padding:3px 0 3px 0; margin: 0;}

.grid4colAsub .column.middle form.formformatC fieldset li input,
.grid4colAsub .column.last form.formformatC fieldset li input
{padding:0; margin:0 3px 1px 0; vertical-align:middle;}

.grid4colAsub .column.middle form.formformatC label,
.grid4colAsub .column.last form.formformatC label
{padding:0; margin:0;}

/* Forms END */



/* Pic Left Page Basic Markup */
.pictformatA li h6, .pictformatA li h6 img {float:left;}

.pictformatA li {display:block; clear:both;}

.pictformatA li dl {float:left; display:block;}

.pictformatA li dt, .pictformatA li dd h5 a {font-weight:bold;}

.pictformatA li dd, .pictformatA li dt, .pictformatA li dd h5  {padding:0 0 6px 0; line-height:14px;}


.pictformatB li li {padding:0 0 1px 0; margin: 0;}
.pictformatB li {float:left; display:block; width:220px; padding:0; margin:0 13px 15px 0;}
.pictformatB li h5 {font-weight:bold;}
ul.pictformatB {clear:both;}




/* View Cart Layer Slide */
#drop_prod, #drop_status {
	position:absolute;
 	z-index:110;
	width:395px;
	left:0;
	top:20px;
}

#c_status {
	visibility:hidden; 
	background:#fff url(../images/dup_bk_dropstatus.gif) 0 0 repeat-y;
	border-bottom: 1px solid #c47403;
}

#addtocart {width:345px; padding:20px 10px 20px 40px; margin:0;}
#c_status {width:375px; padding:10px; margin:0;}


/* PL Page */
#addtocart h1 {padding:0 0 5px 0; margin:0;}
#head_wrap #addtocart li h6 {padding:0 7px 10px 0; margin:0;}
#head_wrap #addtocart li dl {width:240px; padding:0; margin: 0;}
#head_wrap #addtocart .pictformatA li dd h5  {font-weight:bold;}

#c_status table.tablecartlist th {border-top:none;}
#c_status table.tablecartlist {border-bottom:none; margin:5px 0 7px 0;}
#c_status table.tablecartlist .witprice {text-align:right; padding:5px 10px 6px 0;}


/* Event Popup Description */
div#qTip {
 display: none;
 color: #696853;
 font: 10px;
 text-align: left;
 position: absolute;
 background:url(../images/dup_bk_trans_a.png) 0 0 no-repeat;
 z-index: 1000;
}

div#qTip p {
 width:220px;
 padding: 5px 5px 7px 5px;
 margin:5px;
 border: 1px dotted #b1afa1;
}


 


/* COLORS TEXT - error:#993300, orange:#c47403, darkbrown:#696853 */
/* COLOR BACKGROUNDS - DK:#efecdd, LT:#faf8f1 */
/* COLOR RULES - boarderrules:light#d0cebc, med#b1afa1 picturerule:#b3b19f,4e4c35 breadcrumbrule:#9f9d8b */

