html, body { height: 100%; }

body { margin: 0; padding: 0; border: 0;
	 font: 62.5% Arial, Helvetica, sans-serif; text-align: center; color: #333; background-color: #fff; }

form input, form select, form textarea, button {
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size: 0.9em; }

img.datepicker_trigger { margin: 2px; vertical-align: middle; }
a.tooltipLink, a.tooltipLink:hover { position: absolute; text-decoration: none; }
textarea.description { width: 700px; height: 70px; }

div.globalmessage { clear: both; float: left; width: 980px; w\idth: 960px; margin-top: 10px; padding: 8px 8px; font-size: 0.9em;
border: 2px solid #ffcc00; background-color: #ffffce; font-weight: bold; color: #333; }

div#wrapper{ width: 974px; margin: 0 auto; text-align:left; font-size: 1.2em; padding: 20px 0 0 0; }
form inputs, form select, form textarea, button{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.9em; }
a, a:link { text-decoration: none; color: #CE0A32; }
a:visited { text-decoration: none; color: #CE0A32; }
a:hover { text-decoration: underline; color: #CE0A32; }
a:active { text-decoration: none; color: #CE0A32; }
img { border: 0; }
.clear{ clear: both; margin: 0; padding: 0; }
hr { display: none; }
.fl { float: left; }
.fr { float: right; }
.fn { float: none; }
.m0 { margin: 0; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml12 { margin-left: 12px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.mr10 { margin-right: 10px; }
.mt2 { margin-top: 2px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.p10 { padding: 10px; }
.pt3 { padding-top: 3px; }
.pt5 { padding-top: 5px; }
.pt7 { padding-top: 7px; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.bd { font-weight: bold; }
tr.bb th, tr.bb td { border-bottom: 1px solid #333; }
tr.btbb th, tr.btbb td { border-top: 1px solid #333; border-bottom: 1px solid #333; }
tr.bb2 th, tr.bb2 td { border-bottom: 1px solid #797979; }
tr.bb3 th, tr.bb3 td { border-bottom: 1px solid #cbcbcb; }
.bb2 { border-bottom: 1px solid #797979; }
.cr { text-align: center; }
.ar { text-align: right; }
.rc15 {-moz-border-radius: 15px; -webkit-border-radius:15px;}
.rc5 {-moz-border-radius: 5px; -webkit-border-radius:5px;}
.pr { position: relative; }
.pa { position: absolute; }
.dn { display: none; }


form { margin: 0; padding: 0; }
input.text{ float: left; margin: 3px 0 0 0; border: 1px solid #A5ACB2; padding: 2px 1px; }
input.textm0 { float: left; margin: 0; border: 1px solid #A5ACB2; padding: 2px 1px; }
.w224 { width: 224px; w\idth: 220px; }
.w190 { width: 190px; w\idth: 186px; }
.w100 { width: 100px; w\idth: 96px; }
.w75 { width: 75px; w\idth: 71px; }
.w50 { width: 50px; w\idth: 46px; }
select  { float: left; width: 224px; border: 1px solid #A5ACB2; padding: 1px; margin: 3px 0 0 0; }
input.button { width: 0; border-width: 2px; border-style: outset; margin: 2px 0 0 0; padding: 0 4px; overflow: visible; font-weight: normal; color: #FFF; background-color: #FF0029; }
input.button[class]{ width: auto; }
textarea { overflow-y: auto; float: left; width: 224px; w\idth: 220px; margin: 3px 0 0 0; border: 1px solid #a5acb2; padding: 2px 1px; }
file { background-color: #fff; }

/* Help boxes */
.help { border: 1px solid #999; padding: 5px; color: #333; background-color: #ffffe1; -moz-border-radius:7px; -webkit-border-radius:7px; }
.help ul { list-style-type: square; margin: 0 0 0 9px; padding: 0 0 0 9px; }

/* Tooltip boxes */
.tooltip { display: none; position: absolute; top:1em; left:1em; width: 150px; border:1px solid #333; background:#eee; color:#333; padding: 10px; -moz-border-radius:7px; -webkit-border-radius:7px; }

/* Logo and slogan */
div#header { float: left; }
div#header h1 { margin: 0; padding: 0; }

/* Clock and media info */
div#clockAndMediaCont { float: right; height: 51px; margin-top: 4px; }
div#clockAndMediaCont p { margin: 25px 0 0 0; padding: 0; }
div#clockAndMediaCont p#clockAndMedia { padding-bottom: 5px; position: relative; }
div#clockAndMediaCont p#clockAndMedia span { font-size:0.9em; position:absolute; top:2px; left:22px; font-weight: bold; }
div#clockAndMedia a span{ visibility: hidden; }

.buttons { float: left; width: 974px; margin: 10px 0 0 0; }
.formInfo { color: green; font-weight: bold; margin: 7px 10px 0 0; }

/* Form styles */
p#basicFormNote{ float: left; margin: 5px 0 0 0; }
.formHeader { float: left; width: 974px; padding: 5px 0 0 0; }
.formContent { float: left; width: 974px; background-color: #f1f1f1; }
.formContent .row { float: left; width: 974px; w\idth: 959px; padding: 0 0 0 15px; }
.formContent .col { float: left; width: 236px; }
.formContent .col2 { float: left;  width: 472px; }
.formContent .col3 { float: left; width: 708px; }

.formContent .colp { float: left; width: 236px; padding: 5px 0 0 0; }
.formContent .col2p { float: left; width: 472px; padding: 5px 0 0 0; }
.formContent .col3p { float: left; width: 708px; padding: 5px 0 0 0; }

h1 { margin: 0; padding: 0; font-size: 2.0em; }
h2 { margin: 0; padding: 0; font-size: 1.4em; font-weight: bold; line-height: normal;}
.formContent em { font-family: Verdana; color: #D20000; }

.formFooter { float: left; }

/* Preview */
div#pageCloak { position: absolute; width: 100%; height: 3000px; background-color: #fff; z-index: 5; filter:alpha(opacity=90); opacity:0.9; }
div#wizardPreviewCont { position: relative; z-index: 10; }
div#wizardPreviewHeaderCont { position: absolute; left: -4px; width: 992px; w\idth: 984px; height: 35px; border: 4px solid #ffa200; border-bottom:0; text-align: right; background-color: #fff; }
div#wizardPreviewInnerCont { position: absolute; left: -4px; top: 35px; background-color: #fff; width: 992px; w\idth: 980px; border: 4px solid #ffa200; padding: 2px; }
#wizardPreviewFrame { z-index: -1; position: absolute; width: 100%; height: 620px; top: 0; left: 0; background: #fff; }
div#wizardPreviewContent{ float: left; width: 980px; padding: 4px 0 6px 0; min-height: 600px; height: auto !important; height: 600px; overflow: visible; position: relative;  }
/* item page styles (preview) */
#otherItemsList { float: left; padding: 0 0 3px 0; width: 980px; background-color: #eee; margin-bottom:7px; }
#otherItemsList h3 {background-color: #999; color: #fff; font-weight: normal; line-height: 1; margin: 0 0 7px 0; padding: 5px; text-transform: uppercase; }
div#otherItemsList a, div#otherItemsList a:link, div#otherItemsList a:visited, div#otherItemsList a:active{ text-decoration: none }
div#otherItemsList a:hover{ text-decoration: underline; }
div#otherItemsList div.imgAndLinkContainer { float: left; width: 148px; w\idth: 144px; padding: 0 2px 0 2px; overflow: hidden; }
div#otherItemsList div.img { text-align: center; height:88px; overflow: hidden; }
div#otherItemsList div.img img {  border: 1px solid #999; }
div#otherItemsList div.link { text-align: center; overflow: hidden; }
div#itemNumber{ font-weight: bold; }
div.centeredItemCol { width: 371px; margin: 0 auto; text-align: left; }
div#itemNav{ text-align: right; }
div#itemNav a, div.resultsNav a:link, div.resultsNav a:visited, div.resultsNav a:active{ text-decoration: none }
div#itemNav a:hover{ text-decoration: underline; }
div#itemNav span{ text-transform: uppercase; }
div#itemNav span.itemPrevious{ padding-left: 0; padding-right: 5px; }
div#itemNav span.itemNext{ padding-left: 5px; padding-right: 0; }
div#itemContainer{ margin-top: 6px; background: transparent url(../images/bg_content_item.gif) left top repeat-y; }
div#itemInfo{ float: left; width: 484px; }
div#itemInfo h2{ margin: 0 0 10px 0; padding: 0; line-height: 1.0; font-size: 2.0em; font-weight: normal; }
div#itemInfo h3{ width: 484px; w\idth: 474px; margin: 10px 0; padding: 5px; font-weight: normal; text-transform: uppercase; line-height: 1.0; color: #fff; background-color: #999; }
div#itemInfo p{ margin: 15px 0; padding: 0 5px; }
div#itemInfo table{ margin: 5px 0; padding: 0; border-collapse: collapse; }
div#itemInfo th{ width: 160px; w\idth: 155px; padding: 5px 0 5px 5px; text-align: left; vertical-align: top; font-weight: normal; color: #666; }
div#itemInfo td{ width: 324px; w\idth: 322px; padding: 5px 0 5px 2px; text-align: left; vertical-align: top; }
#showUsersOtherAnnouncementsDiv { margin-top: 5px; }
#showUsersOtherAnnouncementsDiv a span.downArrow { padding-right: 13px; background: transparent url(../images/bg_contentnav_downarrow_on.gif) right center no-repeat; }
#userAnnouncementsOuterContainer { display: none; margin-top: 10px; width: 362px; overflow: hidden; }
#itellaBox { border: 2px solid #ff9900; margin-bottom: 7px; padding: 3px 0 0 0; -moz-border-radius:5px; -webkit-border-radius:5px; width: 484px; w\idth: 479px; }
#itellaBoxLeft { float: left; width:170px; }
#itellaBoxRight { float: left; width: 300px; }
.otherThanItella { width: 300px; padding-left: 170px; }
div#itemInfo ul{ margin: 0; padding: 0; }
div#itemInfo ul li { list-style-type: none; }
div#itemInfoAction{ float: left; width: 220px; background: #ffcc00; }
div#itemInfoAction ul{ margin: 10px 0; padding: 0; line-height: 2.0; }
div#itemInfoAction ul li{ list-style-type: none; }
div#itemBidsContainer{ float: left; margin: 10px 0; }
table#itemBids thead tr{ background-color: #D7D7D7; }
table#itemBids thead th{ border-bottom: 1px solid #999; color: #333; }
div#itemInfo th.ibContact, div#itemInfo td.ibContact{ width: 192px; w\idth: 187px; }
div#itemInfo th.ibTime, div#itemInfo td.ibTime { width: 151px; w\idth: 146px; }
div#itemInfo th.ibPrice, div#itemInfo td.ibPrice { width: 141px; w\idth: 136px; }
div#itemBid{ float: left; margin-top: 15px; border: 1px solid #D20000; }
div#itemBid h3 { width: 482px; w\idth: 472px; margin: 0; padding: 5px; background-color: #D20000; }
div#itemBid form#itemBidOffer{ margin: 0 10px; padding: 10px 0; }
div#itemBid form label{ float: left; width: 130px; padding: 3px 0; }
div#itemBid form input{ float: left; }
div#itemBid form br{ clear: both; }
div#itemBid input.text{ width: 95px; w\idth: 91px; margin: 0; border: 1px solid #A5ACB2; padding: 2px 1px; }
div#itemBid .basicButton{ float: right; }
ul#itemMediaTypeList{ float: left; width: 100%; margin: 0; padding: 0; font-weight: bold; text-transform: none; text-align: left; line-height: 1.0; }
ul#itemMediaTypeList li{ float: left; margin: 5px 7px 0 5px; padding: 0; list-style-type: none; }
ul#itemMediaTypeList li a, ul#itemMediaTypeList li a:link, ul#itemMediaTypeList li a:visited, ul#itemMediaTypeList li a:active{
float:left; display:block; padding: 4px 15px; text-decoration: none; color: #333; border: 2px solid #999; background-color: #ccc; }
ul#itemMediaTypeList li a:hover{ text-decoration: underline; }
div#itemPictures{ float: left; width: 371px; w\idth: 370px; padding-left: 1px; text-align: center; }
table#itemPic{ margin: 5px; width: 360px; border-collapse: collapse; padding: 0; }
table#itemPic td{ width: 360px; height: 270px; text-align: center; vertical-align: middle; }
table#itemPic td img{ max-height: 270px; }
div#itemPicNav{ float: left; width: 370px; w\idth: 360px; padding: 0 5px; height: 20px; line-height: 20px; }
span#itemPicNavPrev, span#itemPicNavDisabledPrev { float: left; width: 122px; w\idth: 120px; border: 1px solid #999; }
span#itemPicNavText{ float: left; width: 116px; text-align: center; }
span#itemPicNavNext, span#itemPicNavDisabledNext { float: right; width: 122px; w\idth: 120px; border: 1px solid #999; }
div#itemPicThumbsContainer{ clear: both; float: left; width: 370px; w\idth: 360px; padding: 0 5px; margin-top: 10px; }
table#itemPicThumbs{ border: 1px solid #999; background-color: #FFF; }
td#itemPicThumbsTable{ padding: 3px 4px; }
td#itemPicThumbsTable table{ width: 330px; height: 132px; }
td#itemPicThumbsTable table td{ width: 66px; w\idth: 64px; height: 66px; he\ight: 64px; padding: 1px; text-align: center; vertical-align: middle; }
td#itemPicThumbsTable td a img, td#itemPicThumbsTable td a:link img, td#itemPicThumbsTable td a:visited img, td#itemPicThumbsTable td a:active img{ max-width: 60px; max-height: 60px; border: 1px solid #DDD; padding: 1px; background-color: #fff; }
td#itemPicThumbsTable td a:hover img{ border: 1px solid #E60000; }
td#itemPicThumbsTable td a img.thumbAct, td#itemPicThumbsTable td a:link img.thumbAct, td#itemPicThumbsTable td a:visited img.thumbAct, td#itemPicThumbsTable td a:active img.thumbAct{ border: 1px solid #D20000; }
td#itemPicThumbsNav{ width: 20px; w\idth: 19px; border-left: 1px solid #999; overflow: hidden; }
div#itemPicShowAll{ clear: both; float: left; width: 100%; margin-top: 10px; text-align: center }
div#itemPicShowAll a, div#itemPicShowAll a:link, div#itemPicShowAll a:visited, div#itemPicShowAll a:active{ text-decoration: none; }
div#itemPicShowAll a:hover{ text-decoration: underline; }
div#itemContactSupplier { clear: both; float: left; width: 371px; w\idth: 365px; margin-top: 15px; padding: 5px 0 0 6px; text-align: left;
border-top: 4px solid #ccc; border-bottom: 4px solid #ccc; background: #fff; }
div#itemContactSupplier h3 { font-size: 1.5em; font-weight: bold; margin:0; }
div#itemContactSupplier input.text { float: left; width: 156px; w\idth: 152px; margin: 5px 0 0 0; border: 1px solid #A5ACB2; padding: 2px 1px; }
div#itemContactSupplier input.error { border: 2px solid #FF0000; padding: 1px 0 }
div#itemContactSupplier label { float: left; width: 130px; margin: 5px 0 0 0; text-align: left; color: #666; }
div#itemActionContainer{ clear: both; float: left; width: 371px; w\idth: 360px; margin-top: 15px; padding: 5px 5px 5px 6px; text-align: left; }
div#itemAction{ float: left; width: 360px; padding-bottom: 10px; background: #fff url(../images/bg_itemaction_bottom2.gif) left bottom no-repeat; }
ul#itemActionList{ float: left; width: 360px; w\idth: 350px; padding: 0 0 0 10px; margin: 0; list-style: none; background: transparent url(../images/bg_itemaction_top2.gif) left top no-repeat; }
ul#itemActionList li{ float: left; width: 160px; margin: 10px 10px 0 0; line-height: 1.0; }
ul#itemActionList li a, ul#itemActionList li a:link, ul#itemActionList li a:visited ul#itemActionList li a:active{ text-decoration: none; color: #d20000; }
ul#itemActionList li a:hover{ text-decoration: underline }
div#itemBanners { float: left; width: 371px; w\idth: 365px; padding: 5px 0 0 6px; }
div#itemBanner1 { padding: 0 0 5px 62px; }
#itemBigImageContainer { width:100%;height:100%;position:relative; }
.magnifyingImageContainer { position: absolute; top: 5px; right: 5px; }
#scalingContainer { position:absolute; top:32px; right:0; z-index:100; border: 1px solid #999; background-color: #eee; }
#scalingImageContainer { width: 600px; height: 450px; text-align: center; }
#scalingImageTitle { padding: 10px; width: 600px; w\idth: 580px; height: 50px; background-color: #eee; font-weight: bold; }
#scalingImageControls { padding: 10px; background-color: #eee; }
table#itemImageWindow { width: 100%; border-collapse: collapse; }
table#itemImageWindow img { border: 1px solid #333; margin: 10px; }
td#itemPicNavTextContainer { width: 96px; text-align: center; }
div.shareLink { float: left; padding-left: 6px; }
#Map { float: left; margin: 10px 0 20px 0; width: 530px; background-color: #eee; border: 1px solid #999; }
/* col1 + col5b = 980px, col3 + col3b = 980px. 980px is page width = 6 columns. */  
div.col1 { float: left; overflow: hidden; width: 163px; display: inline; }
div.col2 { float: left; overflow: hidden; width: 326px; display: inline; }
div.col3 { float: left; overflow: hidden; width: 489px; display: inline; }
div.col4 { float: left; overflow: hidden; width: 652px; display: inline; }
div.col5 { float: left; overflow: hidden; width: 815px; display: inline; }
div.col6 { float: left; overflow: hidden; width: 980px; display: inline; }
div.col1b { float: left; overflow: hidden; width: 165px; display: inline; }
div.col2b { float: left; overflow: hidden; width: 328px; display: inline; }
div.col3b { float: left; overflow: hidden; width: 491px; display: inline; }
div.col4b { float: left; overflow: hidden; width: 654px; display: inline; }
div.col5b { float: left; overflow: hidden; width: 817px; display: inline; }
/* Item page new layout styles */
.ilc { float: left; width: 484px; }
.ilcbb { border-bottom: 1px solid #d8dbd8; }
.ilcLeft { float: left; width: 170px; }
.ilcRight { float: left; width: 314px; overflow: hidden; }
.ilc185 { float: left; width: 185px; }

/* Error styles */
div#basicFormError{ float: left; width: 974px; w\idth: 952px; margin: 5px 0 5px 0; border: 1px solid #E60002; padding: 10px; background-color: #FFF; }
div#basicFormError p#errorAlert{ margin: 0; font-weight: bold; color: #E60002; }
div#basicFormError ul.errorAreasList{ margin-top: 10px; margin-bottom: 0; }
div#basicFormError p.errorNotification{ margin: 10px 0 0 0; }
input.error { border: 2px solid #FF0000; padding: 1px 0px; }
select.error { border: 2px solid #FF0000; padding: 1px 0px; _color: #ff0000; }
textarea.error { border: 2px solid #FF0000; padding: 1px 0px; }
span.formError { color: #E60002; font-weight: bold; margin: 7px 10px 0 0; }
#link_errors, #packet_calculator_errors { color: #ff0000;; font-weight: bold; padding: 0 5px 0 5px; }

/* Map */
#addMapCont { position: relative; }
#mapLayer { position: absolute; top: 100px; left: 100px; z-index: 10; width: 595px; w\idth: 575px; padding-left: 10px; height: 650px; border: 5px solid #999; -moz-border-radius:7px; -webkit-border-radius:7px; background-color: #eee; }
.mapControlLeft { float: left; width: 300px; margin-top: 10px; }
.mapControlRight { float: left; width: 260px;  margin-top: 10px; }

/* Media */
ul#mediaTypes { float: left; width: 100%; margin: 0; padding: 0; font-weight: bold; text-transform: none; }
ul#mediaTypes li{ float: left; margin: 5px 10px 0 0; padding: 0; list-style-type: none; }
ul#mediaTypes li a, ul#mediaTypes li a:link, ul#mediaTypes li a:visited, ul#mediaTypes li a:active{
float:left; display:block; padding: 4px 15px; text-decoration: none; color: #333; border: 2px solid #999; background-color: #ccc; }
ul#mediaTypes li a:hover{ text-decoration: underline; }
table.addedMedia { border-collapse: collapse; margin-top:10px; width:90%; }
table.addedMedia th, table.addedMedia td { vertical-align: top; padding: 3px 0 3px 0; }
table.addedMedia th { border-bottom: 1px solid #999; }
table.addedMedia th#first { width: 15%; }
table.addedMedia th#second { width: 15%; }
table.addedMedia th#third { width: 40%; }
table.addedMedia th#fourth { width: 30%; }
table.addedMedia img  { border: 1px solid #999; }
table.addedMedia textarea { height: 40px; }
.w472 { width: 472px; }
#videoListing { float: left; width: 698px; w\idth: 688px; padding: 5px 0 5px 5px; background: #fff url('../images/arrows.gif') right 5px no-repeat; }
#videoListing div { float: left; margin-right: 5px; }
#videoListing img { border: 1px solid #999; }
#videoListing img:hover { border: 1px solid #ff0000; }

/*Links */
table#addedLinks { border-collapse: collapse; margin-top: 10px; width:708px; }
table#addedLinks td { vertical-align: top; padding: 3px; }
table#addedLinks .oddRow { background-color: #fff; }
table#addedLinks .rightCell { text-align: right; padding-right: 10px; }
#addLinkCont { position: relative; }
#addLinkLayer { position: absolute; top: -10px; left: 120px; width: 500px; w\idth: 485px; padding: 10px 0 15px 10px; border: 5px solid #999; -moz-border-radius:7px; -webkit-border-radius:7px; background-color: #eee; }

/* Delivery methods */
div#itellaBg { float: left; position: relative; width: 974px; height: 79px; margin-top: 10px; background: #fff url('../images/itella_bg.gif') no-repeat; }
div.itellaRow { float: left; margin-left: 30px; width: 820px; }
div#packetPriceLayer { position: absolute; top: -283px; left: 50px; border: 5px solid #999; background:#fff; color:#333; padding: 10px; -moz-border-radius:7px; -webkit-border-radius:7px; }
table#packetPriceTable { border-collapse: collapse; }
table#packetPriceTable th, table#packetPriceTable td { width: 100px; padding: 5px; }
#packetPriceFormLayer { position: absolute; top: -80px; left: 120px; width: 500px; w\idth: 485px; padding: 10px; height: 90px; border: 5px solid #999; -moz-border-radius:7px; -webkit-border-radius:7px; background-color: #eee; }

/* User data */
.userDataHeader { width: 90%; border-bottom: 1px solid #666; }
#userDataUpdateLayer { position: absolute; top: -190px; left: 120px; width: 500px; w\idth: 485px; padding-left: 15px; height: 180px; border: 5px solid #999; -moz-border-radius:7px; -webkit-border-radius:7px; background-color: #eee; }

/*  Summary and extra visibility */
.col974 { float: left; width: 974px; }
a.summaryNavi, a.summaryNavi:link { text-decoration: underline; color: #666; font-size: 1.4em; }
a.summaryNavi:visited { text-decoration: underline; color: #666; font-size: 1.4em; }
a.summaryNavi:hover { text-decoration: underline; color: #666; font-size: 1.4em; }
a.summaryNavi:active { text-decoration: underline; color: #666; font-size: 1.4em; }
table.summaryTable { border-collapse: collapse; width: 100%;  }
table.summaryTable th, table.summaryTable td { vertical-align: top; padding: 3px; }
table.summaryTable th { width: 45%; vertical-align: top; }
table.summaryTable .oddRow { background-color: #eee; }
table.summaryTable .evenRow { background-color: #fff; }
.visibilitiesContent { float: left; margin-top: 10px; width: 459px; background-color: #f1f1f1; }
.visibilitiesContent .col { float: left; width: 229px; w\idth: 214px; padding: 0 0 0 15px; }
.visibilitiesContent .row { float: left; width: 214px; }
#cart { width: 200px; margin: 5px 0 5px 0; border: 1px solid #333; background-color: #fff; font-weight: bold; }
#cart div { padding: 5px 0 5px 10px; }
.formContent2 { float: left; min-height: 330px; height: auto !important; height: 330px; overflow: visible; }
#categoryWindow, #searchResultsVisibility, #newspaperDescriptions { float: left; width: 974px; margin: 10px 0 0 0; padding-bottom:20px; text-align: center; }
#categoryWindow div { margin: 0 auto; width: 496px; text-align: left; }
#searchResultsVisibility div#srCenter { margin: 0 auto; width: 746px; text-align: left; }
/* Main category window preview */
table#mainCategoryPromos{ width: 496px; }
td.mainCategoryPromo, td.mainCategoryPromoNoPic, td.mainCategoryPromoEmpty { width: 119px; w\idth: 113px; height: 162px; he\ight: 156px; overflow: hidden; border: 1px solid #999; padding: 2px; vertical-align: top; }
td.mainCategoryPromoNoPic{ vertical-align: middle; }
table#mainCategoryPromos td table{ width: 113px; border-collapse: collapse; }
td.promoPic{ height: 86px; vertical-align: middle; text-align: center; }
td.promoPic img{ max-width: 113px; max-height: 86px; }
td.promoTitle{ padding: 2px; text-align: center; }
td.promoTitle h4{ margin: 2px 0 0 0; padding: 0; }
td.promoTitle h4 a, td.promoTitle h4 a:link, td.promoTitle h4 a:visited, td.promoTitle h4 a:active{ text-decoration: none; }
td.promoTitle h4 a:hover{ text-decoration: underline; }
td.promoInfo{ padding: 2px; text-align: center; }
td.promoPrice{ padding: 2px; text-align: center; }
div#categoryWindow td.framedShowcaseWindow { border: 4px solid #ff0000; }
/* Resultspage preview */
div.rowCont { float: left; width: 746px; }
#listWindowPre { float: left; width: 744px; margin-top: 10px;  }
#listWindowCont { float: left; padding: 0 0 3px 3px; width: 744px; w\idth: 739px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.lwItem { float: left; width: 242px; w\idth: 240px; height: 96px; border: 1px solid #ccc; margin: 3px 4px 0 0; }
.lwItemImg { float: left; width: 118px; }
.lwItemImg img { border: 1px solid #ccc; margin: 3px 0 0 3px;  }
.lwItemDesc { float: left; width: 119px; margin: 3px 0 0 3px; overflow: hidden; }
#rightCont h2 { margin: 0; padding: 0; font-weight: bold; color: #666; }
.listRow { float: left; width: 747px; w\idth: 744px; padding: 0 0 0 3px; display: inline; }
#sortRow { height: 32px; margin: 10px 0 0 0; background: transparent url('../images/sort_row_bg.gif') repeat-x; }
table#results { border-collapse: collapse; width: 744px; margin-top: 10px; }
table#results tr.tableRowHeader, table#results tr.tableRowFooter{ background-color: #e7e7e7; }
table#results th{ padding: 5px; font-weight: bold; vertical-align: bottom; }
table#results th a, table#results th a:link, table#results th a:visited, table#results th a:active{ display: inline; font-weight: bold; padding-right: 12px; text-decoration: none; color: #333; background: transparent url(../images/bg_searchresults_sort.gif) right center no-repeat; }
table#results th a:hover{ text-decoration: underline; }
table#results th#sortAsc, table#results th#sortDesc{ background-color: #eee; }
table#results th#sortAsc a{ background: transparent url(../images/bg_searchresults_sort_asc.gif) right center no-repeat; }
table#results th#sortDesc a{ background: transparent url(../images/bg_searchresults_sort_desc.gif) right center no-repeat; }
table#results tr.rowSpacer th, table#results tr.rowSpacer td { line-height:3px; height: 3px; padding: 0; }
table#results tbody tr td { border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; vertical-align: top; padding: 3px 0 3px 5px; }
table#results tbody tr.noBB td { border-bottom: 1px solid #eee; }
table#results img { border: 1px solid #939393; }
.leftBorder { background: transparent url('../images/bg_leftBorder.gif') repeat-y; }
.rightBorder { background: transparent url('../images/bg_rightBorder.gif') right repeat-y;}
.extraRow  td { background-color: #eee; font-size: 0.95em; }
td.noImage { height: 50px; }
table#results tr.frame td { border-top: 2px solid #777; border-bottom: 2px solid #777; background-color: #fcf0ce; }
table#results tr.frameExtraRow { border-bottom: 2px solid #777; }
table#results tr.strong { font-weight: bold; font-size: 1.1em; }
.clipOverflow { width: 139px; overflow: hidden; }
.listBigImage { position: relative; }
.listBigImage div.cont { position: absolute; left: 21px; top:-16px; background: #fff; border: 3px solid #999; padding: 5px; width: 376px; w\idth: 360px; }
#settings { position: absolute; width: 400px; border: 1px solid #666; background: #fff; top: 20px; left: -215px;  }
#imageView div { float: left; margin: 10px 0 0 7px; height: 87px; /*border: 1px dashed #333;*/ display: inline; }
#imageView div img { border: 1px solid #999; }
#imageView div img:hover { border: 1px solid #ff0000; }
#summaryNewspaperInfo { border-collapse: collapse; width: 100%; }
#summaryNewspaperInfo th, #summaryNewspaperInfo td { vertical-align: top; padding: 7px; text-align: left; border: 1px solid #ccc; }
#summaryNewspaperInfo th { background-color: #eee; }
#summaryNewspaperDesc { width: 330px; }
.summaryNewspaperName { font-size: 1.5em; font-weight: bold; color: #666; white-space: nowrap; }

/* Newspaper preview */
.newspaperContent { float: right; margin-top: 10px; width: 488px; background-color: #f1f1f1; }
.newspaperContent .col { float: left; width: 244px; w\idth: 229px; padding: 0 0 0 15px; }
.newspaperContent .row { float: left; width: 229px; }
.previewFieldset { float: left; width: 220px; w\idth: 204px; padding: 7px; border:1px solid #999; margin:0; }
.previewFieldset legend { color: #333; font-size: 1.2em; font-weight: bold; }
#frameContainer { width: 204px; w\idth: 200px; background-color: #fff; border: 2px solid #666; }
#previewArea { display: block; }
#previewText { padding: 5px 9px 2px 9px; width: 200px; w\idth: 182px; }
#previewId { font-size: 0.8em; text-align: right; padding: 0 9px 4px 9px; }
#summaryFooterBanner { width:980px; position:absolute; top:10px; left:-4px; padding-bottom:10px; }

/* Newspaper form */
#newspaperLogos { float: left; width: 974px; text-align: center; }
#imageCrop { width: 498px; border: 1px dashed #999; margin-top: 5px; }
.thumbs img { border: 1px solid #999; }
.thumbs img:hover { border: 1px solid #ff0000; }
#newspaperStartForm { padding: 20px 0 20px 15px; background: transparent url('../images/aamulehti_highres.gif') 659px 20px no-repeat; }
#newspaperStartForm p { width: 770px; }
#selectDateLayer { width: 300px; position: absolute; top: 45px; left: 0; padding: 5px; border: 5px solid #999; -moz-border-radius:7px; -webkit-border-radius:7px; background-color: #eee; }
div.disabledImage div { margin: 0; padding: 0; background: transparent url(../images/icon-disabled.gif) center center no-repeat; width: 60px; height: 45px; position: absolute; }
div.disabledImage img { filter:alpha(opacity=40); opacity:0.4; }


/* Ready newspaper announcements */
#readyNewspaperAnnouncements { border-collapse: collapse; width: 945px; background-color: #eeeeee; margin-top: 5px; }
#readyNewspaperAnnouncements th, #readyNewspaperAnnouncements td { vertical-align: top; text-align: left; padding: 5px 10px 5px 10px; border: 1px solid #ccc; }


/* Flash message */
div.announcementFlashMessage { clear: both; float: left; width:970px; w\idth: 948px; margin: 5px 0 5px 0; padding: 8px 8px; font-size: 1.2em;
border: 5px solid #f29400; background-color: #fff; font-weight: bold; color: #d98500; }
div.missingVerificationNotification { border: solid 1px #e60000; padding: 3px; }