@import url("reset.css");
@import url("toolbar.css");

/*
	---------
	style.css
	---------
	
	TABLE OF CONTENTS:
	1. Colors & Images
	2. Typography & Structure
	3. Third Party
	4. Legacy
	
	----------
*/

/* ---------- COLORS & IMAGES ---------- */

/* tag defaults */
html, body { background:#e9e2d3 url(../img/backgrounds/page.gif) center repeat-y; }
h1, h2 { color:#092f7a; }
a:link, a:visited { color:#0a6bcc; }
a:hover, a:active { color:#841a10; }
hr { color:#dfd5cb; background-color:#dfd5cb; }

/* global elements */
body.twoCol #main { background:url(../img/backgrounds/main.gif) repeat-y; }
p#welcomeMessage, p#reminderMessage span { color:#841a10; }
ul#myInformation li, #footer ul.navigation li { border-right:1px solid #0a6bcc; }
ul#myInformation li.last a { background:url(../img/icons/arrow_down_small.gif) right no-repeat; }
#navigation { background:url(../img/backgrounds/navigation.gif) repeat-x; }
ul#menu li ul, li#myLists ul { background:url(../img/backgrounds/navigation_dropdown.gif) repeat 0 0; border:1px solid #aea097; border-top:none; }
ul#menu li ul, ul#menu li ul li a:hover { background-color:#ded3bd }
ul#menu li a { background:url(../img/navigation/global/sprite.gif) no-repeat 0 0; }
ul#menu li ul li a:hover { color:#84190f; }
#valueProposition { background-color:#841a10; }
#checkout a:link, #checkout a:visited { color:#fff; }
li#myLists a { background:url(../img/navigation/checkout/sprite.gif) no-repeat 0 0; }
li#myLists ul li a { color:#0a6bcc !important; }
li#myLists ul li a:hover { background-color:#ded3bd; color:#84190f !important; }
li#shop a { background:url(../img/navigation/checkout/sprite.gif) no-repeat -68px 0; }
li#myCart { background:url(../img/navigation/checkout/sprite.gif) no-repeat -157px 0; }
#print a { background:url(../img/icons/print.gif) top left no-repeat; }
#footer { background:url(../img/backgrounds/footer.gif) no-repeat 0 0; }
.feedback { background:url(../img/icons/feedback.gif) no-repeat 0 0; }

/* messaging */
p.error, div.error { background:#fff; color:#b01608; border-color:#841a10; }
p.notice, div.notice { background:#fff6bf; color:#817134; border-color:#ffd324; }
p.success, div.success { background:#e6efc2; color:#529214; border-color:#c6d880; }
p.error a, div.error a { color:#d12f19; }
p.notice a, div.notice a { color:#817134; }
p.success a, div.success a { color:#529214; }
.quiet { color:#999; }
div.error { background:#fff url(../img/icons/error.gif) no-repeat 6px 8px; }
/* p.error, div.error { background:#fbe3e4; color:#d12f19; border-color:#fbc2c4; } */

/* forms */
textarea, input[type='text'], input[type='password'], select { border:1px solid #987b6a; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color:#e9e2d3; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color:#e9e2d3; outline:1px solid #f4f0e9; }
textarea.quiet:hover, input[type='text'].quiet:hover, input[type='password'].quiet:hover, select.quiet:hover { border-color:#987b6a; }
textarea.quiet:focus, input[type='text'].quiet:focus, input[type='password'].quiet:focus, select.quiet:focus { border-color:#987b6a; outline:1px solid #f4f0e9; }
input.quiet, select.quiet, textarea.quiet { background-color:#eee; }

/* error handling */
input.error, select.error, textarea.error { border-color:#d12f19 !important; }
input.error:hover, select.error:hover, textarea.error:hover { border-color:#d12f19 !important; }
input.error:focus, select.error:focus, textarea.error:focus { border-color:#d12f19 !important; outline:2px solid #fbc2c4 !important; }

/* ---------- TYPOGRAPHY & STRUCTURE ---------- */

/* global elements */
.show { display:block; }
.hide { display:none; }
.normal { font-weight:normal; }
.italic { font-style:italic; }
ul.navigation li { display:inline; }
#all { width:780px; margin:0 auto; padding:0; }
#masthead { margin-bottom:5px; }
#utilities { padding-top:1px; text-align:right; }
#navigation { height:35px; margin-bottom:5px; }
#main { padding-top:10px; }
#content { width:540px; }
#sidebar { width:230px; margin-left:10px; }
#p4 { margin-top:10px; }
#footer { padding:16px 8px 0; height:66px; }
#footer p { margin:11px 0 0 4px; line-height:1.5em; }
#header, #footer, ul#menu li ul li a, ul#menu li ul li a:visited { font-size:1.1em; }
/* #header { position:relative; } */
p#welcomeMessage { font-size:1.5em; margin:15px 0 10px; }
p#welcomeMessage a { font-size:.667em; }
p#reminderMessage span { font-weight:bold; }
ul#myInformation { margin-bottom:35px; }
ul#myInformation li, #footer li { padding:0 6px 0 4px; }
ul#myInformation li.last, #footer ul.navigation li.last { padding-right:0; border-right:none; }
ul#myInformation li.last a { padding-right:8px; }
ul#menu li ul li p, li#myLists ul li p { line-height:1.3em; }
/* #checkout { ~margin-bottom:-5px; }
#checkout ul { width:230px; } */
li#myLists a { padding-bottom:4px; }
li#myCart { padding:6px 10px 10px 0; ~padding-bottom:5px; }
li#myCart a { padding-left:0; }
p#cartItems, p#cartTotal { text-align:center; font-size:1.091em; }
p#cartItems a, p#cartTotal a { text-decoration:none; }
li#myCart:hover a, li#myCart.hover a { text-decoration:underline; }
p#cartItems a { padding:1px 0 2px 6px; display:block; }
p#cartTotal a { padding-left:5px; }
p#copyright { clear:both; display:block; text-align:center; font-size:.95em; line-height:1.2em; }
#print a { padding:0 0 0 20px; display:block; }
p.error, p.notice, p.success, div.error, div.notice { /* font-size:.95em; */ line-height:1.4em; padding:.5em; margin:.5em 0 1em 0; border:2px solid; }
.feedback { height:24px; margin-top:6px; padding:6px 4px 0 35px; display:block; float:right; }
#cluetip { text-align:left; font-size:1.20em; }
#branding, #h1, #h2, #h3, #h4, #h5, #content, #search input { float:left; }
#utilities, #sidebar { float:right; }
ul#accessibility, form#searchForm legend, /* ul#itemsTotal, */form#searchForm label, #feedBackTips, #feedbackThanks { display:none; }

/* global form elements */
label { display:block; }
input.large { width:200px; }
input.small { width:75px; }
input.mini { width:25px; }
.submit { text-align:center; }
input.quiet, select.quiet { cursor:default; }
input#keyword { font-size:1.1em; font-family:sans-serif; margin-right:6px; padding:3px; width:175px; }
form#searchForm fieldset { border:none; }
.bold, legend, .required { font-weight:bold; }
.required a, label a { font-weight:normal; font-size:.95em; }
.error p { margin:0 .3em 0 1.35em !important; }

/* clear float containers */
.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clear { display:inline-block;}
html[xmlns] .clear { display:block; }
html .clear { height:1%; }

/* dropzones
#main .dropzone, #p4 { border:1px solid #000; margin-bottom:10px; padding-left:20px; }
body.dropzones #main .dropzone, body.dropzones #p4 { border:none; margin-bottom:0; padding-left:0; } */

/* global navigation */
ul#menu { margin:0; padding:0; }
ul#menu li { position:relative; float:left; display:block; list-style:none; }
ul#menu li a { display:block; padding:0; text-decoration:none; text-indent:-9000px; height:34px; }
ul#menu li ul { position:absolute; top:34px; left:0; display:none; width:15em; margin:0; padding:0; }
ul#menu li ul li { display:block; float:none; margin:0; padding:0; width:100%; }
ul#menu li ul li p { padding:8px 10px; }
ul#menu li ul li a, ul#menu li ul li a:visited { display:block; padding:8px 10px; background-image:none; border:none; height:auto; text-indent:0; text-decoration:none; }
ul#menu li.hover ul, ul#menu li:hover ul { display:block; z-index:5999; }
ul#menu li ul { z-index:5999; }
ul#menu li a#categories, ul#menu li a#categories:hover, ul#menu li:hover a#categories { width:88px; }
ul#menu li a#brands, ul#menu li a#brands:hover, ul#menu li:hover a#brands { width:61px; }
ul#menu li a#rooms, ul#menu li a#rooms:hover, ul#menu li:hover a#rooms { width:59px; }
ul#menu li a#prescriptions, ul#menu li a#prescriptions:hover, ul#menu li:hover a#prescriptions { width:100px; }
ul#menu li a#partiesEvents, ul#menu li a#partiesEvents:hover, ul#menu li:hover a#partiesEvents { width:122px; }
ul#menu li a#easyMeals, ul#menu li a#easyMeals:hover, ul#menu li:hover a#easyMeals { width:103px; }
ul#menu li a#categories { background-position:0 0; }
ul#menu li a#brands { background-position:-88px 0; }
ul#menu li a#rooms { background-position:-149px 0; }
ul#menu li a#prescriptions { background-position:-208px 0; }
ul#menu li a#partiesEvents { background-position:-308px 0; }
ul#menu li a#easyMeals { background-position:-430px 0; }
ul#menu li a#categories:hover, ul#menu li:hover a#categories { background-position:0 -40px; }
ul#menu li a#brands:hover, ul#menu li:hover a#brands { background-position:-88px -40px; }
ul#menu li a#rooms:hover, ul#menu li:hover a#rooms { background-position:-149px -40px; }
ul#menu li a#prescriptions:hover, ul#menu li:hover a#prescriptions { background-position:-208px -40px; }
ul#menu li a#partiesEvents:hover, ul#menu li:hover a#partiesEvents { background-position:-308px -40px; }
ul#menu li a#easyMeals:hover, ul#menu li:hover a#easyMeals { background-position:-430px -40px; }

/* shopping lists */
li#myLists { position:relative; }
li#myLists a { display:block; height:35px; ~height:39px; width:68px; text-indent:-9000px; }
li#myLists a:hover, li#myLists:hover a { background-position:0 -39px; }
li#myLists ul {  position:absolute; top:39px; left:0; width:228px; margin:0; padding:0; }
li#myLists ul li { display:block; float:none; margin:0; padding:0; width:100%; }
li#myLists ul li p { padding:8px 10px; }
li#myLists ul li a { display:block; padding:8px 10px; background-image:none !important; border:none; width:auto; height:auto; text-indent:0; text-decoration:none; }
li#myLists ul li a:hover { background-image:none; }
li#myLists.hover ul, li#myLists.hover ul, li#myLists:hover ul, li#myLists:hover ul { display:block; }
li#myLists.hover a, li#myLists:hover a { background-position:0 -39px; }

li#shop { position:relative; }
li#shop a { display:block; height:39px; width:89px; text-indent:-9000px; }
li#shop a:hover, li#shop:hover a { background-position:-68px -39px; }

li#myCart { position:relative; }
li#myCart { display:block; height:23px; width:63px; ~width:73px; }
li#myCart:hover, li#myCart:hover, li#myCart.hover, li#myCart.hover { background-position:-157px -39px; cursor:pointer; }
li#myCart.hover ul, li#myCart.hover ul, li#myCart:hover ul, li#myCart:hover ul { display:block; }

/* ---------- 3rd PARTY ---------- */

/* Coda slider */
.stripViewer .panelContainer .panel ul { text-align:left; margin:0 15px 0 30px; }
.sliderWrap { margin:0; position:relative; width:540px; }
/* These 2 lines specify style applied while slider is loading */
.csw { width:100%; height:160px; background:#fff; overflow:hidden; }
.csw .loading { margin:200px 0 300px 0; text-align:center; }
.stripViewer { position:relative; overflow:hidden; border-bottom:1px solid #082f7a; width:540px; height:270px; clear:both; background:#fff; }
/* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
.stripViewer .panelContainer { position:relative; left:0; top:0; width:100%; list-style-type:none; /* -moz-user-select:none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */ }
.stripViewer .panelContainer .panel { float:left; height:100%; position:relative; width:540px; }
.stripViewer .panelContainer .panel .wrapper { padding:15px 0; }
.stripNav { width:200px; margin:auto; z-index:1; top:22px; position:relative; left:250px; margin-bottom:-5px; display:block; text-decoration:none; }
.stripNav ul { list-style-type:none; display:inline; top:200px; }
/* If you change margin-right, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
.stripNav ul li { float:left; margin:0 2px 0 0; }
.stripNav a { display:block; height:11px; width:11px; }
.stripNav li { background:url(../img/icons/inactive.gif) no-repeat; }
.stripNav li a.current { background:url(../img/icons/active.gif) no-repeat; }
.stripNavL, .stripNavR { position:absolute; top:230px; /* font-size:1.1em; */ font-weight:bold; }
.stripNavL a, .stripNavR a { display:block; }
.stripNavL { left:0; top:255px; z-index:1; }
.stripNavR { left:510px; top:255px; z-index:1; }
.headline { display:block; padding:2px 10px; background:url(../img/backgrounds/slider_header.gif) repeat; text-align:left; }
.wrapper .product { float:left; width:126px; margin-right:12px; text-align:center; }
.wrapper .last { margin-right:0; }

/* clueTip */
#cluetip-close img { border:0; }
#cluetip-title #cluetip-close { float:right; position:relative; }
#cluetip-waitimage { width:43px; height:11px; position:absolute; background-image:url(../img/cluetip/wait.gif); }
.cluetip-arrows { display:none; position:absolute; top:0; left:-11px; height:22px; width:11px; background-repeat:no-repeat; background-position:0 0; }
#cluetip-extra { display:none; }
.cluetip-default { background-color:#fff; border:solid 1px #797979; color:#000; font-size:1em; line-height:1.4em; }
.cluetip-default #cluetip-outer { position:relative; margin:0; background:#fff; }
.cluetip-default h3#cluetip-title { margin:0 0 5px; padding:8px 10px 8px; font-size:1.2em; font-weight:bold; background:#092f7a; color:#fff; ~margin-top:-1px; }
.cluetip-default #cluetip-inner { padding:5px 10px; }
.cluetip-default div#cluetip-close { background-image:url(../img/icons/close.gif); background-repeat:no-repeat; text-indent:-9000px; margin:0 0 5px 5px; display:block; width:42px; height:15px; color:#900; cursor:pointer; }
.clue-right-default .cluetip-arrows { background-image:url(../img/cluetip/darrowleft.gif); margin-top:-60px; }
.clue-left-default .cluetip-arrows { background-image:url(../img/cluetip/darrowright.gif); left:100%; margin-right:-11px; }
.clue-top-default .cluetip-arrows { background-image:url(../img/cluetip/darrowdown.gif); top:100%; left:50%; margin-left:-11px; height:11px; width:22px; }  
.clue-bottom-default .cluetip-arrows { background-image:url(../img/cluetip/darrowup.gif); top:-11px; left:94%; margin-left:-11px; height:11px; width:22px; }
.cluetip-default #cluetip-inner img { float:left; padding:0 5px 5px 0; position:relative; }
.cluetip-default #cluetip-inner h3, .cluetip-default #cluetip-inner p { font-size:1.1em; line-height:1.4em; font-weight:normal; padding-bottom:10px; }
.cluetip-default #cluetip-inner h3 { font-size:1.2em; line-height:1.5em; font-weight:bold; }

#cluetip textarea, #cluetip input[type='text'], #cluetip input[type='password'], #cluetip select { border:1px solid #797979; }
#cluetip textarea:hover, #cluetip input[type='text']:hover, #cluetip input[type='password']:hover, #cluetip select:hover { border-color:#797979; }
#cluetip textarea:focus, #cluetip input[type='text']:focus, #cluetip input[type='password']:focus, #cluetip select:focus { border-color:#797979; outline:1px solid #797979; }
#cluetip textarea.quiet:hover, #cluetip input[type='text'].quiet:hover, #cluetip input[type='password'].quiet:hover, #cluetip select.quiet:hover { border-color:#797979; }
#cluetip textarea.quiet:focus, #cluetip input[type='text'].quiet:focus, #cluetip input[type='password'].quiet:focus, #cluetip select.quiet:focus { border-color:#797979; outline:1px solid #797979; }
#cluetip input.quiet, #cluetip select.quiet, #cluetip textarea.quiet { background-color:#eee; }

.cluetip-feedback { background-color:#fff; border:solid 1px #797979; color:#000; font-size:1em; line-height:1.4em; margin-top:4px; ~margin-top:0; }
.cluetip-feedback #cluetip-outer { position:relative; margin:0; background:#fff; }
.cluetip-feedback h3#cluetip-title { margin:0 0 5px; ~margin-top:-2px; padding:5px 10px 7px 11px; ~padding:6px 10px 5px 8px; font-size:1em; font-weight:bold; background:#092f7a; color:#fff; }
.cluetip-feedback #cluetip-inner { padding:5px 10px; }
.cluetip-feedback div#cluetip-close { background-image:url(../img/icons/close.gif); background-repeat:no-repeat; text-indent:-9000px; margin:3px 0 5px 5px; display:block; width:42px; height:15px; color:#900; cursor:pointer; }
.clue-right-feedback .cluetip-arrows { background-image:url(../img/cluetip/warrowleft.gif); margin-top:0; }
.clue-left-feedback .cluetip-arrows { background-image:url(../img/cluetip/warrowright.gif); left:100%; margin-right:-11px; }
.clue-top-feedback .cluetip-arrows { background-image:url(../img/cluetip/darrowdown.gif); top:100%; left:50%; margin-left:-11px; height:11px; width:22px; }  
.clue-bottom-feedback .cluetip-arrows { background-image:url(../img/cluetip/darrowup.gif); top:-11px; left:94%; margin-left:-11px; height:11px; width:22px; }
.cluetip-feedback #cluetip-inner img { float:left; padding:0 5px 5px 0; position:relative; }
.cluetip-feedback #cluetip-inner h3, .cluetip-feedback #cluetip-inner p { font-size:1em; line-height:1.4em; font-weight:normal; padding-bottom:10px; }
.cluetip-feedback #cluetip-inner h3 { font-size:1.2em; line-height:1.5em; font-weight:bold; }

.cluetip-feedback label, .cluetip-feedback p { font-size:1em; }
.cluetip-feedback label, .cluetip-feedback label em { font-weight:bold; }
.cluetip-feedback label.email { font-weight:normal; margin-bottom:10px; }
.cluetip-feedback textarea { margin-bottom:5px; width:219px; }
.cluetip-feedback #emailAddressFeedback { margin:6px 0; width:219px; }
.cluetip-feedback #sendFeedback, .cluetip-feedback #cancelFeedback { display:block; }
.cluetip-feedback #sendFeedback { float:left; clear:both; margin:4px 0 6px; }
.cluetip-feedback #cancelFeedback { margin:7px 0 0 10px; padding:0 0 2px 10px; height:13px; float:left; border-left:1px solid #333; }

/* Thickbox */
#TB_window { font-size:1.1em; }
#TB_secondLine { font-size:1.1em; }
#TB_overlay { position:fixed; z-index:100; top:0px; left:0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack {background:url(../img/thickbox/macFFBgHack.png) repeat;}
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
#TB_window { position:fixed; background:#f6f1e8; z-index:102; color:#000; display:none; border:1px solid #876451; text-align:left; top:50%; left:50%; }
#TB_window img#TB_Image { display:block; margin:15px 0 0 15px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #666; border-left:1px solid #666; }
#TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; font-weight:bold; }
#TB_title{ background-color:#092f7a; height:27px; color:#fff; }
#TB_ajaxContent{ clear:both; padding:5px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal{ padding:15px; }
#TB_ajaxContent p{ padding:5px 0px 5px 0px; }
#TB_load{ position:fixed; display:none; height:13px; width:208px; z-index:103; top:50%; left:50%; margin:-6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
#TB_HideSelect{ z-index:99; position:fixed; top:0; left:0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:100%; width:100%; }
#TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; }

/* jQuery UI tabs */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { .ui-tabs-hide { display:none; } /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ }
/* Hide useless elements in print layouts... */
@media print { .ui-tabs-nav { display:none; } }
.ui-tabs-nav { list-style:none; margin:0; padding:0; }
.ui-tabs-nav:after { display:block; clear:both; content:" "; }
.ui-tabs-nav li { float:left; margin:0 2px 0 0; min-width:50px; height:21px; }
.ui-tabs-nav li.macFix { height:20px; }
.ui-tabs-nav a {  position:relative; top:0; margin:0; padding:7px 10px 6px; line-height:1.2; text-align:center; text-decoration:none; white-space:nowrap; background-color:#fff; border:1px solid #d7d7d7; outline:0; text-decoration:none; }
.ui-tabs-nav .ui-tabs-selected a { font-weight:bold; position:relative; top:0; z-index:2; margin-top:0; color:#08307b; text-decoration:none; }
/* active */
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {  padding-bottom:7px; border-bottom:0; background-color:#fff; text-decoration:none; }
/* disabled */
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active { background-color:#ecf5fc; text-decoration:none; }
/* @ Opera, use pseudo classes otherwise it confuses cursor... */
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { cursor:text; text-decoration:none; }
/* @ Opera, we need to be explicit again here now... */
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { cursor:pointer; text-decoration:none; }
.ui-tabs-disabled { opacity:.4; filter:alpha(opacity=40); }
.ui-tabs-panel { border:1px solid #d7d7d7; padding:10px; background:#fff; }
.ui-tabs-loading em { padding:0 0 0 20px; background:url(../img/global/loading.gif) no-repeat 0 50%; }

/* ---------- LEGACY ---------- */

/* accessibility jump menu */
dl.skip { display:none; }

/* recently viewed */
#recentView { background-color:#f6f2e9; padding:5px; border:1px solid #866450; font-size:1.3em; right:120px !important; left:450px !important; }
#homepage #iCover { right:120px !important; left:450px !important; }
#recentView .floatRight { float:right; }
#recentView .top { margin:0 0 15px 0; padding:10px 10px 5px 10px; border-bottom:1px dotted #866450; }
#recentView a { _height:1%; padding-bottom:2px; }
#recentView h1 { float:left; margin:0; font-size:1.1em; font-weight:bold; color:#092f7a; }
#recentView p { clear:both; padding-top:10px; }
#recentViewList { clear:both; margin:15px; padding:5px; text-align:left; }
#recentViewList ol { padding:0; margin:0;; }
#recentViewList li { padding:0 0 2px 0; margin-bottom:4px; margin-left:15px; text-align:left; vertical-align:top; list-style-position:outside; }
#recentViewList ol li span.left { width:320px; padding:0; margin:0; font-size:.9em; }
#recentViewList ol li span.right { position:absolute; right:0; width:140px; text-align:right; padding:0; }
#recentViewList ol li span.right div { display:inline; font-size:.9em; }
#sendRecentButt { clear:both; width:auto; background-color:#f6f2e9; margin:25px 20px; }
#sendRecentButt img { vertical-align:middle; }
#recentView .closeWindow { float:right; min-height:15px; padding:0 20px 0 0; margin:0; width:115px; font-size:.9em; display:block; cursor:pointer; text-align:right; }