/*
10px = 77%
11px = 85%
12px = 9pt = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
*/

td#col1 { border: none; padding-right: 20px; vertical-align: top; }
td#col2 { background-color: #f3f1ed; border-right: 1px solid #b9b6b1; border-bottom: 1px solid #b9b6b1; border-left: 1px solid #b9b6b1; padding-bottom: 10px; vertical-align: top; width: 175px; }
#col2 { font-size: 85%; }
#col2 a:link, #col2 a:visited { text-decoration: underline; }
#col2 a:hover, #col2 a:visited:hover { text-decoration: underline; }
#col2 img, #col2 table { margin: 4px 10px; }
#col2 li { color: #333; padding-bottom: 2px; padding-top: 2px; }
#col2 p { color: #333; padding-right: 10px; padding-left: 10px; }
#col2 p.colhead, p.colhead { background: #d0c5b8; border-bottom: 1px solid #b9b6b1; border-top: 1px solid #b9b6b1; color: #333; font-weight: bold; padding: 6px 10px 6px 10px; }
#col2 p.colheaddownload { background: #FFC089; color: #941E00; font-weight: bold; padding: 6px 10px; }
#col2 p.download { background: #FFF1E5; color: #666; line-height: 120%; padding-bottom: 6px; }
#col2 p.sidehead, #col2 p.itemhead { padding: 10px 10px 2px 10px; }
#col2 p.sideheaddownload { background: #FFF1E5; color: #941E00; font-weight: bold; padding: 10px 10px 6px 10px; }
#col2 ul, #col2 ol { margin:0; padding: 0 1em 0 2em }

div#actions { font-size: 85%; margin-bottom: 4px; padding: 0; position: relative; vertical-align: top; width: 100%; }
div#learnmore { background: #EEEEFF; border: 1px solid #CCC; margin-top: 10px; padding: 12px 20px 12px 20px; position: relative; vertical-align: top; }
div#logoblock { background: #FF7600; color: #FFF; height: 84px; margin: 0; position: relative; text-align: right; vertical-align: top; width: 150px; }
div#oclclogo { padding: 15px 0 0 0; position: relative; }
div#regionlabel { color: #FFF; font-weight: bold; line-height: 1.2em; padding-right: 10px; padding-top: 8px; position: relative; text-align: right; }
div#search { background: #FFF; border-bottom: 1px solid #999; border-top: 1px solid #999; margin: 0; padding: 3px 0 0 0; position: relative; vertical-align: top; width: 130px; }
div.boxitem { background: #FFF; border: 1px solid #999; margin: 10px 0; padding: 0 0 7px 0; position: relative; vertical-align: top; }
div.boxnote { background: #FFC; border: 1px #999 solid; margin-top: 4px; padding: 10px; position: relative; }
div.card { background: #FFF; border: 1px solid #CCC; margin-bottom: 6px; padding: 4px 14px 14px 14px; }
div.hotbox { background: #5A64BD; color: #000; float: right; line-height: 133%; margin: 10px 0 10px 15px; padding: 10px 10px 6px 10px; position: relative; width: 130px; }
div.plainbox { background: #FFF; border: 1px #999 solid; margin-top: 4px; padding: 10px; position: relative; }

/* div.pullquote { background: #FFF; border: 1px solid #666; color: #666; line-height: 133%; margin: 10px 20px 10px 0; padding: 10px 10px 10px 10px; position: relative; } */

p.cardlabel { font-weight: bold; }
p.pullquotelink { color: #333; line-height: 120%; margin: 0; padding: 0; text-align: right; }
p.quote { color: #000; line-height: 133%; margin-top: 8px; }
p.quoteattribute { color: #666; line-height: 133%; }
p.sidehead, p.itemhead { color: #333; font-weight: bold; line-height: 120%; margin: 0; padding: 10px 0 2px 0; }
.alsohead, .cartitem { font-weight: bold; }
.bannernewwindow { color: #FFF; font-weight: bold; text-align: left; vertical-align: middle; }
.blue { background: #2700A5; }
.bold { font-weight: bold; }
.boxitem h2 { background: #EEE; border-bottom: 1px solid #999; color: #333; margin: 0 0 6px 0; padding: 2px 16px 2px 16px; }
.boxitem h3 { margin: 0; padding: 10px 16px 3px 16px; }
.boxitem li { margin: 0; padding: 3px 16px 3px 0; }
.boxitem p { margin: 0; padding: 6px 16px; }
.boxitem p.morelink { background: 16px 1px; margin: 0; padding: 0px 26px 6px 36px; }
.boxitem select { margin: 0; padding: 3px 16px 3px 16px; }
.boxitem td, td.boxitem { border: 1px solid #666; padding: 0 0 10px 0; vertical-align: top; }
.boxitem ul { margin: 0 0 0 32px; padding: 0 0 9px 0; }
.button { background: #E66A00; color: #FFF; cursor: pointer; font-weight: bold; margin: 2px 0; padding: 0; }
.buttonsmall { background: #E66A00; color: #FFF; cursor: pointer; font-weight: bold; margin: 2px 0; padding: 0; }
.caption { font-weight: bold; }
.complete, .complete td, tr.trgray  td.complete, tr.trcolor td.complete { background: #D8F0BF; }
.confirm { background: #F0FFDF url("file3780.gif") no-repeat 12px 10px; border: 1px solid #259300; color: #259300; font-weight: bold; margin-bottom: 10px; margin-top: 10px; padding-left: 30px; }
.dark { color: #333; }
.error { background: #FFE0E0 url("file3783.gif") no-repeat 12px 10px; border: 1px solid #C90000; color: #C90000; font-weight: bold; margin-bottom: 10px; margin-top: 10px; padding-left: 30px; }
.formblankcell { background: #CCC; border: 1px #CCC solid; }
.formintro { background: #EEE; border: 1px #CCC solid; color: #000; font-weight: normal; }
.formsection { background: #DDD; color: #000; font-weight: bold; margin-left: 0%; }
.formtip { background: #EEE; border: 1px #CCC solid; color: #000; font-weight: normal; }
.green { background: #62C448; }
.hide { visibility: hidden; }
.highlight, .highlight td, tr.trgray td.highlight , tr.trcolor td.highlight { background: #FFF1B9; }
.hotbox a:link, .hotbox a:visited { border: none; color: #EFEFFF; text-decoration: none; }
.hotbox a:hover, .hotbox a:visited:hover { border: none; color: #FFF; text-decoration: underline; }
.hotbox img { margin: 0; padding: 0; }
.hotbox p { line-height: 120%; margin: 0; padding: 2px 0 8px 0; }
.hotboxscreen { margin: 10px 0 0 0; }

div.imagecenter, table.imagecenter { padding: 0 10px; }
div.imageleft, table.imageleft { padding: 0 10px 0 0; }
div.imageright, table.imageright { padding: 0 0 10px 10px; }
.imagecenter { padding: 0 10px 2px 10px; }
.imagecenter, div.imagecenter, td.imagecenter { color: #666; font-weight: bold; position: relative; text-align: center; }
.imageleft { padding: 0 10px 2px 0; }
.imageleft p, .imagecenter p, .imageright p { padding: 0 0 3px 0; }
.imageleft, div.imageleft, table.imageleft { color: #666; float: left; font-weight: bold; position: relative; }
.imageright { padding: 0 0 2px 10px; }
.imageright, div.imageright, table.imageright { color: #666; float: right; font-weight: bold; position: relative; }

.inprogress, .inprogress td, tr.trgray td.inprogress, tr.trcolor td.inprogress { background: #FFF6D1; }
.intro { color: #252525; font-weight: bold; padding: 10px 0 0 0; }
.jumpbar { background: #FFE9CC; padding: 0 0 3px 0; vertical-align: middle; }
.kicker { color: #999; line-height: 20px; }
.morelink, p.morelink { background: url("file3776.gif") no-repeat 0 7px; padding: 6px 10px 6px 18px; }
.mycartconfirm { color: #259300; font-weight: bold; }
.noborder h2 { border-bottom: 1px solid #CCC; margin: 0; padding: 0; }
.noborder td { border: none; }
.nospace { margin-bottom: 0; margin-top: 0; }
.orange { background: #FF7600; }
.returntotop { text-align: right; }
.runinhead { color: #000; display: inline; font-weight: bold; }
.screen img, img.screen { border: 1px solid #999; padding: 0; }
.servicesrule 	{ border-bottom: none; border-left: none; border-right: none; border-top: 1px solid #CDCDCD; margin-bottom: 6px; margin-top: 10px; width: 100%; }
.small p, .small li { padding: 4px 0; }
.strike { text-decoration: line-through; }
.subscript { font-size: 70%; vertical-align: text-bottom; }
.superscript { font-size: 70%; vertical-align: text-top; }
.textboxsmall { background: #EEE; border: 1px solid #666; margin: 2px 0; padding: 2px; }

.w100 { width: 100px; }
.w100pct { width: 100%; }
.w125 { width: 125px; }
.w150 { width: 150px; }
.w175 { width: 175px; }
.w200 { width: 200px; }
.w225 { width: 225px; }
.w250 { width: 250px; }
.w275 { width: 275px; }
.w300 { width: 300px; }
.w325 { width: 325px; }
.w350 { width: 350px; }
.w375 { width: 375px; }
.w400 { width: 400px; }
.w425 { width: 425px; }
.w450 { width: 450px; }
.w475 { width: 475px; }
.w500 { width: 500px; }
.w525 { width: 525px; }
.w550 { width: 550px; }
.w575 { width: 575px; }
.w600 { width: 600px; }
.w65 { width: 65px; }
.w75 { width: 75px; }

#actions a { background: #FFF url("file3772.gif") repeat-x 0px 0px; display: block; line-height: 120%; margin: 0 0 4px 0; padding: 6px 10px 6px 10px; }
#actions a.order { background: url("file3778.gif") no-repeat 0px 0px; padding-left: 10px; padding-right: 27px; }
#actions a.order:hover, #actions a.order:visited:hover { background: url("file3777.gif"); }
#actions a.rss { background: url("file3775.gif") no-repeat 0px 0px; padding-left: 10px; padding-right: 27px; }
#actions a.rss:hover, #actions a.rss:visited:hover { background: url("file3781.gif"); }
#actions a:link, #actions a:visited { border: 1px solid #999; text-decoration: none; }
#actions a:hover, #actions a:visited:hover { background: #E66A00 url("file3782.gif") repeat-x 0px 0px; border: 1px solid #A24B00; color: #FFF; text-decoration: none; }
#actions div.sharebutton { margin: 10px 0 0 0; }
#actions div.sharebutton a { background: none;	border: none; padding: 0; display: inline; margin: 0; text-decoration: underline; }
#actions div.sharebutton a:hover {	background: none; color: #FF6600; border: none;}

#ataglance h2 { border-top: 1px dotted #666; font-weight: bold; margin-top: 18px; padding-top: 8px; }
#learnmore p { padding: 6px 0; }
#learnmore ul, #learnmore ol { padding-bottom: 12px; }

#orgnav a { margin: 0; padding: 9px 0 3px 20px; }
#orgnav a:link, #orgnav a:visited { color: #CCC; text-decoration: none; }
#orgnav a:hover, #orgnav a:visited:hover { color: #FFF; text-decoration: underline; }

#search a { display: block; font-weight: bold; line-height: 120%; margin: 0; padding: 2px 10px 4px 10px; }
#search a:link, #search a:visited { color: #666; text-decoration: none; }
#search a:hover, #search a:visited:hover { background: #FF7600 url("file3628.gif") no-repeat 120px 4px; color: #FFF; text-decoration: none; }
#search form { display: block; margin: 0; padding: 4px 10px; }

#toc li a:link, #toc li a:visited { color: #333; text-decoration: none; }
#toc li a:hover, #toc li a:visited:hover { color: #C95000; text-decoration: underline; }

/* TABLES */
table.actiontable { background: #FFF; border-top: 1px solid #CCC; border-left: 1px solid #CCC; }
table.actiontable td { background: #FFF; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; vertical-align: middle; }
table.actiontable th { background: #FFD8B7; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; vertical-align: middle; }

table.datatable { border-right: 1px solid #999; border-bottom: 1px solid #999; margin: 12px 0; }
table.datatable li { padding-bottom: 1px; }
table.datatable li, table.datatable p { line-height: 140%; }
table.datatable p, table.datatable ul, table.datatable ol { padding-bottom: 3px; padding-top: 3px; }
table.datatable td { border-top: 1px solid #999; border-left: 1px solid #999; font-size: 85%; line-height: 140%; padding: 9px; vertical-align: top; }
table.datatable td .title { border: none; font-weight: bold; line-height: 1.2em; margin: 0; padding: 0 0 8px 0; }
table.datatable th { background: #ECEEEF; border-left: 1px solid #999; border-top: 1px solid #999; color: #333; font-size: 85%; line-height: 140%; margin: 0; padding: 9px; }

table.layouttable { border: none; margin: 0; padding: 0; width: 100%; }
table.layouttable th, table.layouttable td { border: none; padding: 0; vertical-align: top; }
table.layouttable th, table.layouttable td, table.layouttable tr { border: none; padding: 0; vertical-align: top; }

table.listtable { background: #FFF; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-left: 1px solid #CCC; }
table.listtable h2 { border-bottom: 1px solid #CCC; margin: 0; padding: 0; }
table.listtable td { background: #FFF; border-bottom: 1px solid #CCC; vertical-align: middle; }
table.listtable th { background: #FFD8B7; border-bottom: 1px solid #CCC; vertical-align: middle; }

table.mclist { border: none; margin-bottom: 9px; padding: 9px 0; }
table.mclist th, table.mclist td { border: none; padding: 0 12px 12px 0; vertical-align: top; }
table.mclist p { padding: 6px 0 3px 0; }

table.sideheadtable { border: none; margin: 0; padding: 9px 0 9px 0; }
table.sideheadtable th, table.sideheadtable td { border: none; padding: 0 12px 12px 0; vertical-align: top; }

td#footernav { color: #CCC; padding: 0 10px; }
td#orgnav { height: 24px; padding: 3px 10px 3px 10px; text-align: right; vertical-align: top; }
td#sectionnav { padding: 0; }

td.also, td.alsohead, td.cartitem { padding: 2px 6px; }
.col th, .col td { padding: 0 12px 0 0; }
.tablerowcolor, .tablerowcolor td, .trcolor, .trcolor td { background: #F4F8FB; }
.tablerowgray, .tablerowgray td, .trgray, .trgray td { background: #eee; }
.trmedgray, .trmedgray td { background: #DEDEDE; }
.trwhite, .trwhite td { background: #fff; }

/* 
== Social Media section for products */
#prod-socmedia{width:710px;background:#f5f5f5;padding:20px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;float:left;*float:none;/* Fix IE7 bug extending box width */}
#prod-socmedia h3{margin:0 0 10px 0;color:#575757;}
#prod-socmedia ul{margin:0;padding:0;}
#prod-socmedia ul li{list-style-type:none;line-height:100%;float:left;width:160px;*width:150px;/* For iE7/6 */
margin:0 10px 0 0;}
#prod-socmedia ul li a{text-decoration:none;color:#696969;font-size:11px;padding:10px 10px 8px 40px;display:block;}
#prod-socmedia ul li a strong{color:#034ea2;text-decoration:underline;font-size:12px;display:block;}
#prod-socmedia ul li.blog a{background:url('socmedia-icons.gif') 10px 9px no-repeat transparent;}
#prod-socmedia ul li.facebook a{background:url('socmedia-icons.gif') 10px -51px no-repeat transparent;}
#prod-socmedia ul li.flickr a{background:url('socmedia-icons.gif') 10px -171px no-repeat transparent;}
#prod-socmedia ul li.youtube a{background:url('socmedia-icons.gif') 10px -111px no-repeat transparent;}
#prod-socmedia ul li a:hover{background-color:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#303030;}
#prod-socmedia ul li a:hover strong{color:#f60;}
#prod-socmedia ul li.twitter{padding:10px;background-color:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;float:right;width:340px;font-size:11px;color:#696969;line-height:16px;min-height:68px;}
#prod-socmedia ul li.twitter strong{display:block;background:url('socmedia-icons.gif') 0 -240px no-repeat transparent;padding:6px 0 5px 30px;margin:0 0 5px 0;font-size:12px;color:#000;}
#prod-socmedia ul li.twitter strong a{font-size:12px;}
#prod-socmedia ul li.twitter a:hover{color:#f60;}
#prod-socmedia ul li.twitter a{display:inline;padding:0;color:#034ea2;text-decoration:underline;}
#prod-socmedia li #twitter_update_list li{width:340px;line-height:15px;margin:0;}
#prod-socmedia li #twitter_update_list li span{display:block;}
#recent-tweets{float:left;}