/* prod */
.bigalert {color:#D00; font:bold 2em sans-serif;}
.navbar {padding-left:10px; font-weight:bold; padding-top:5px;}
#bcrumbs {padding-left:10px; font-size:.85em; padding-bottom:10px;}
#bcrumbs a {font-weight:bold;}
.alertbox {margin:8px 0; border:1px solid #C00; background:#FFF4D4;}
.alertbox p {margin:0; padding:3px 5px;}
.alertbox b {color:#C00;}
.alertbox a {font-size:.8em;}

#descode {font-size:8pt; color:#394C5B; font-weight:bold; margin-top:3px;}
#desimg {width:240px; text-align:center; background:#FFF; overflow:hidden;}
#deszoom {display:none; position:absolute; z-index:50; border:3px solid #FFF;}
#desimg:hover #deszoom {display:block;}
.zoom {display:none;}
.prodbox {padding-bottom:10px;}
.prodbox h4 {font-size:1.1em; padding:4px; margin:0; margin-bottom:5px; background:#43505A url(i/prod-sectitle.jpg) right; color:#FFF; font-weight:normal; text-shadow:1px 1px 1px #2F4152;}
.prodtbl {width:874px;}
.prodtbl h2 {margin-top:0;}
.prodtbl td {padding:0;}
.prodtbl .col1 {width:240px; text-align:center; padding-left:5px;}
.prodtbl .col2 {width:255px; padding-left:25px; padding-right:115px;}
.prodtbl .col3 {width:260px; text-align:center;}
.prodtbl .col4 {padding-right:20px; padding-left:5px;}
.pgdesc {font-size:1.1em;}

.pricetbl,.pricetbl th,.pricetbl td {border:1px solid #475868;}
.pricetbl {width:210px; margin:0 0 10px 0; border:2px solid #475868; text-align:center;}
.pricetbl th,.pricetbl td {padding:2px;}
.pricetbl td {font-size:1.1em;}
.prcup {color:#000;}
.oneprc {font-size:2em; font-weight:bold;}

/* States for ARC radio buttons */
.radioOff img {border:3px solid #A6C1D8;}
.radioOn img {border:3px solid #475868;}
.radioOn:hover img {border:3px solid #000;}
.radioOff:hover img {border:3px solid #7E9DB9;}

.styleopt tr {vertical-align:top;}
.styleopt td {text-align:left; font-size:.85em;}
#prodstyle label {cursor:pointer; margin:0;}
#prodstyle p {margin:3px 0;}
#prodstyle input {display:none;}
#stylename {font-weight:bold;}
#styledesc {font-size:.8em;}
#stylecolor {margin:0 auto; width:100%;}
#stylecolor td {text-align:left;}
#stylecolor input {display:none;}

/* plain */
.sizenote {font-size:.8em; text-align:center;}
.sizechart {background:#D8E1EA;} /*  background:rgba(192,211,225,.5); color:#000; */
/* grad */
.sizenote {font-size:.8em; text-align:center;}
.sizechart {background:#D8E1EA; background:rgba(255,255,255,.5); color:#000;}
#prodqty {background:#43505A url(i/prod-grad.jpg) repeat-x center; color:#FFF;}
#prodqty a {color:#FFF;}
#prodqty table {color:#000; margin-top:2px;}
#prodqty th {font-weight:normal; font-size:.85em;}
#prodqty th.sizechart {font-size:1em;}
#prodqty .sep {width:10px;}

/* books */
h3.book {display:none;}
h4.book {margin-bottom:0; font-weight:normal; font-style:italic; border-bottom:1px solid #506578;}
p.book {margin-top:0;}

/* related */
#related {background:#43505A url(i/prod-grad.jpg) repeat-x bottom; margin-top:20px; padding:10px 18px 5px 18px; float:left;}
#related p {color:#FFF; font-style:italic; margin:0; margin-left:20px;}
#related a {display:block; width:130px; height:150px; background:#FFF; border:1px solid #43505A; padding-top:5px;}
#related img {width:110px; height:140px;}
#related div {float:left; margin:10px 15px; text-align:center; width:130px;}
#related div span {display:block; margin-top:4px; background:#A5C2DC; border:1px solid #43505A;}
.related {float:none; margin-top:25px; width:auto;}
#related .relzoom {display:none; position:absolute; z-index:5; border:1px solid #43505A; margin:-20px 0 0 -36px;}
#related .relzoom img {width:200px; height:200px;}
#related a:hover .relzoom {display:block; background:#FFF url(i/loading.gif) no-repeat center; cursor:pointer;}

/* dean's info box */
.tabbox {position:relative; overflow:visible; clear:both; width:100%;}
.tabbox .tabPanel h3 {float:left; margin:0; margin-right:2px; border:solid #506578; border-width:1px 1px 0 1px; font-size:1em;}
.tabbox .first h3 {border-left-width:1px;}
.tabbox .tabPanel h3 a {background:#7F9EBA; text-decoration:none; color:#000; display:block; height:18px; padding:3px 6px;}
.tabbox .tabPanel h3 a:hover {background:#A6C1D8;}
.tabPanel.selected h3 a,.tabPanel.selected h3 a:hover {background:#D2E0EB;}
.tabbox .tabContent {position:absolute; top:-9999px; left:-9999px; border:1px solid #506578; padding:5px;}
.tabbox .selected .tabContent {top:24px; left:0; background:#D2E0EB;}
.tabbox p {margin:2px 0;}