﻿@charset "UTF-8";

*{font-size:11px} /* the font size wasn't sticking, not sure why, so here is a forces font-size */

body	{ background:rgb(255, 255, 255); margin:0px; font-family:arial; font-size:11px;}

h1 { font-size:18px; color:rgb(0,0,0); margin:0; padding:0 0 1em 5px; }
input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:2px;}
.fourcolboldspan { font-weight:600; width:590px; border-bottom:1px dotted black; float:left; clear:right; position:relative; padding:0px 0px 3px 0px; margin:5px 0px 7px 0px; }
.overlay 	{ margin:0px auto 0px auto; width:990px; border-top:1px solid rgb(237,28,36); }
.wrapper	{ padding:11px 0px 0px 0px ; margin:auto; width:950px;}

.mylogo { float:left; clear:left; background:url(images/mlwlogo.jpg) no-repeat top left; width:265px; height:56px; margin:0px 0px 10px 0px}
.masttab { float:right; clear:right; width:210px; height:32px; background: url(images/masttab.jpg) no-repeat top right; margin: -10px 0px 0px 0px; padding:6px 0 0; font-size:11px; color:rgb(0, 116, 255); text-align:center;}
.masttab a { color:rgb(0, 116, 255); text-decoration:underline;}
.masttab a:hover { text-decoration:none;}

div.alertError {display:block; padding:3px; border:1px solid red; font-weight:bold; text-align:center; color: red; margin:1em;}

.mainnav { text-align:right; background:url(images/mainnav.jpg) transparent no-repeat top center; margin:0px auto 1em; width:950px; height:68px; float:left; clear:both; color:rgb(255, 255, 255); padding:10px 0px 0px 0px;}
	.mncustname { float:left; margin:0px 0px 0px 10px; font-size:17px; font-weight:600; clear:left;}
	.mncustactions { float:left; font-size:11px; margin: 4px 0px 0px 10px;}
	.mncustactions a { color:rgb(255, 255, 255) }
	.mncustactions a:hover { text-decoration:none; }
	
	.mnaename { font-size:17px; font-weight:600; margin:0px 0px 0px 0px; }
	.mnaeactions { font-size:11px; margin:0px 10px 0px 10px;}
	.mnaeactions a { color:rgb(255, 255, 255) }
	.mnaeactions a:hover { text-decoration:none; }

/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/*******************************************************************************
 LAYOUT INFORMATION: describes box model, positioning, z-order
 *******************************************************************************/
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal { margin: 7px 0px 0px 0px;	padding: 0;	list-style-type: none;	font-size: 0.8em; font-weight:600; cursor: default;	width: auto; position:relative;}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive {	z-index: 1000; }
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul { height:auto; margin: 0; padding: 0; list-style-type: none; z-index: 1020; cursor: default; width: 158px;	position: relative;	left: -1000em; }
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {	left: auto;	margin:2px 0 0 1px; }
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li { width: 158px; position:relative; height:30px; margin:0px; }

ul.MenuBarHorizontal ul #menusubtopl { background:url(./images/menusubtopl.jpg) top center no-repeat; margin:-6px 0px 0px 0px; height:39px;}
ul.MenuBarHorizontal ul #menusubtopm { background:url(./images/menusubtopm.jpg) top center no-repeat; margin:-6px 0px 0px 0px; height:39px;}
ul.MenuBarHorizontal ul #menusubtopm1 { background:url(./images/menusubtopm1.jpg) top center no-repeat; margin:-6px 0px 0px 0px; height:39px;}
ul.MenuBarHorizontal ul #menusubtopr { background:url(./images/menusubtopr.jpg) top center no-repeat; margin:-6px 0px 0px 0px; height:39px;}
ul.MenuBarHorizontal ul #menusubbot { background:url(./images/menusubbot.jpg) bottom center no-repeat; }
	ul.MenuBarHorizontal ul #menusubbot a:hover {color:#000099;}
ul.MenuBarHorizontal ul #menusubmid { background:url(./images/menusubmid.jpg) bottom center no-repeat; }
	ul.MenuBarHorizontal ul #menusubmid a:hover {color:#000099;}
ul.MenuBarHorizontal ul #menusubtopl a { padding-top:18px; }
	ul.MenuBarHorizontal ul #menusubtopl a:hover {color:#000099;}
ul.MenuBarHorizontal ul #menusubtopm a { padding-top:18px; }
	ul.MenuBarHorizontal ul #menusubtopm a:hover {color:#000099;}
ul.MenuBarHorizontal ul #menusubtopm1 a { padding-top:18px; }
	ul.MenuBarHorizontal ul #menusubtopm1 a:hover {color:#000099;}
ul.MenuBarHorizontal ul #menusubtopr a { padding-top:18px; }
	ul.MenuBarHorizontal ul #menusubtopr a:hover {color:#000099;}
/*ul.MenuBarHorizontal ul li a:hover {background-color:rgb(222, 231, 242);}*/
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%)
ul.MenuBarHorizontal ul ul { position: absolute; margin: -5% 0 0 95%; } */
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible { left: auto; top: auto; }

/*******************************************************************************
 DESIGN INFORMATION: describes color scheme, borders, fonts
 *******************************************************************************/

/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a { display: block; cursor: pointer; padding: 0.5em 0em 0.5em 2.0em; color: #333; text-decoration: none; width:135px; }
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus { color:rgb(0, 116, 255); }
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li { margin:0; padding:0; list-style-type:none; font-size:12px; position: absolute; text-align:left; cursor:pointer; width:158px; color:rgb(0, 116, 255); }
	.MenuBarHorizontal .status { height:20px; left:1px;}
	.MenuBarHorizontal .place { height:20px; left:159px; position:absolute; top:0px; }
	.MenuBarHorizontal .artwork { height:20px; left:317px; position:absolute; top:0px;}
	.MenuBarHorizontal .tools {  height:20px; left:475px; position:absolute; top:0px; width:162px; }
	.MenuBarHorizontal .candc {	height:20px;  left:633px; position:absolute; top:0px; width: 156px; }
	.MenuBarHorizontal .communications {  height:20px; left:791px; position:absolute; top:0px; width: 158px;}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {color:rgb(0, 116, 255);}
ul.MenuBarHorizontal li ul li a {color:rgb(0, 116, 255); font-size:11px; font-weight:100; padding-top:9px; width:auto;}

/*******************************************************************************
 SUBMENU INDICATION: styles if there is a submenu under a given menu item
 *******************************************************************************/
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu { background-image: url(./images/MenuBarDown.gif); background-repeat: no-repeat; background-position: 5px 50%; padding-left:15px; }
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu { background-image: url(./images/MenuBarRight.jpg); background-repeat: no-repeat; background-position: 5% 50%; }
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover { background-image: url(./images/MenuBarDownHover.jpg); background-repeat: no-repeat; background-position: 5px 50%;}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover { background-image: url(./images/MenuBarRightHover.jpg); background-repeat: no-repeat; background-position: 5% 50%; background-color:red;}

/*******************************************************************************
 BROWSER HACKS: the hacks below should not be changed unless you are an expert
 *******************************************************************************/
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe{position: absolute;z-index: 1010; }
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		float: left;
		/*background: #FFF;*/
	}
}
.contentarea {float:left; clear:both; width:950px; height:auto; margin:0px 0px 0px 0px; padding:0;}

											/*home page*/
.columnone {width:150px; height:auto; float:left; clear:left; margin:0px 10px 0px 0px;}
.columntwo {width:470px;height:auto; float:left; clear:none; margin:0px 10px 0px 0px; padding:0;}
.columnthree {width:310px; height:auto; float:left; clear:right; margin:0px 0px 0px 0px;}

											/*one column*/	
/*one column blue tab*/	
.oneColSecondOrderWrap {height:auto; width:150px; float:left; margin:0px 10px 10px 0px;}
.oneColSecondOrderTop {background:url(images/bluetab1coltop.jpg) top left no-repeat; height:29px; width:150px; float:left; clear:both; text-align:left; padding:7px 0px 0px 0px;}
.oneColSecondOrderMid {background:url(images/middle1col.jpg) center left repeat-y ;width:150px; height:auto; float:left; clear:both;}
.oneColSecondOrderBottom {background:url(images/bottom1colcorners.jpg) bottom left no-repeat; height:4px; width:150px; float:left; clear:both;}
.oneColSecondOrderTitle {color:rgb(255,255,255); font-size:12px; font-weight:600; margin:auto 0px auto 25px; display:block; padding: 3px 0px 0px 0px;}

											/*two column*/
/*two column orange tab*/	
.twoColFirstOrderWrap {height:auto; width:310px; float:left; margin:0px 10px 10px 0px;}
.twoColFirstOrderTop {background:url(images/orangetab2coltop.jpg) top left no-repeat; height:29px; width:310px; float:left; clear:both; text-align:left; padding:7px 0px 0px 0px;}
.twoColFirstOrderMid {background:url(images/middle2col.jpg) center left repeat-y ;width:310px; height:auto; float:left; clear:both;}
    .twoColFirstOrderMid span { margin:auto; width:300px; display:block; }
.twoColFirstOrderBottom {background:url(images/bottom2colcorners.jpg) bottom left no-repeat; height:5px; width:310px; float:left; clear:both;}
.twoColFirstOrderTitle {color:rgb(255,255,255); font-size:14px; font-weight:600; margin:auto 0px auto 0; display:block; padding: 2px 0px 0px 9px; }

/*two column blue tab*/	
.twoColSecondOrderWrap {height:auto; width:310px; float:left; margin:0px 10px 10px 0px;}
.twoColSecondOrderTop {background:url(images/bluetab2coltop.jpg) top left no-repeat; height:29px; width:310px; float:left; clear:both; text-align:left; padding:7px 0px 0px 0px;}
.twoColSecondOrderMid {background:url(images/middle2col.jpg) center left repeat-y ;width:310px; height:auto; float:left; clear:both;}
    .twoColSecondOrderMid span { margin:auto; width:300px; display:block; }
.twoColSecondOrderBottom {background:url(images/bottom2colcorners.jpg) bottom left no-repeat; height:5px; width:310px; float:left; clear:both;}
.twoColSecondOrderTitle {color:rgb(255,255,255); font-size:14px; font-weight:600; margin:auto 0px auto 25px; display:block; padding: 2px 0px 0px 0px;}

/*two column green tab*/
.twoColCartWrap {height:auto; width:310px; float:right; margin:0px 0px 10px 0px;}
.twoColCartTop {background:url(images/greentab2coltop.jpg) top left no-repeat; height:29px; width:310px; float:left; clear:both; text-align:left; padding:7px 0px 0px 0px;}
.twoColCartMid {background:url(images/middle2col.jpg) center left repeat-y ;width:310px; height:auto; float:left; clear:both;}
.twoColCartBottom {background:url(images/bottom2colcorners.jpg) bottom left no-repeat; height:5px; width:310px; float:left; clear:both;}
.twoColCartTitle {color:rgb(255,255,255); font-weight:600; margin:auto 0px auto 10px;}

											/*three column*/
/*three column orange tab*/	
.threeColFirstOrderWrap {height:auto; width:470px;float:left; margin:5px;}
.threeColFirstOrderWrapR {height:auto; width:470px;float:left; margin:0px 0px 10px 0px;}
.threeColFirstOrderTop {background:url(images/orangetab3coltop.jpg) top left no-repeat; color:rgb(255,255,255);font-size:14px; font-weight:600; height:26px; width:470px; float:left; clear:both; text-align:left; padding:9px 0px 0px 10px;}
.threeColFirstOrderMid {background:url(images/middle3col.jpg) center left repeat-y; padding:0px 0px 0px 10px;width :460px; height:auto; float:left; clear:both; }
.threeColFirstOrderBottom {background:url(images/bottom3colcorners.jpg) bottom left no-repeat; height:4px; width:470px; float:left; clear:both; padding:0px; }
.threeColFirstOrderHead {color:rgb(255,255,255); font-weight:600; margin:auto 0px auto 10px;}

/*three column blue tab*/	
.threeColSecondOrderWrapR {height:auto; width:470px;float:left; margin:0px 0px 10px 0px;}
.threeColSecondOrderTop {background:url(images/bluetab3coltop.jpg) top left no-repeat; height:26px; width:470px; float:left; clear:both; text-align:left; padding:7px 0px 0px 0px;}
.threeColSecondOrderMid {background:url(images/middle3col.jpg) center left repeat-y ;width:470px; height:auto; float:left; clear:both;}
.threeColSecondOrderBottom {background:url(images/bottom3colcorners.jpg) bottom left no-repeat; height:4px; width:470px; float:left; clear:both;}
.threeColSecondOrderHead {color:rgb(255,255,255); font-weight:600; margin:auto 0px auto 25px;}
.threeColSecondOrderTitle {color:rgb(255,255,255); font-size:14px; font-weight:600; margin:auto 0px auto 25px; display:block; padding: 2px 0px 0px 0px;}


/*three col yellow alert*/
.threeColAlertWrap {height:auto; width:470px;float:left; margin:0px 10px 10px 0px; color:rgb(0,0,0)}
.threeColAlertTop { background:url(images/yelalerttop.jpg) top left no-repeat; width:470px; height:4px; float:left; clear:both; }
.threeColAlertMid { background:url(images/yelalertmid.jpg) top left repeat-y; width:470px; height:auto; float:left; clear:both; padding:10px 0px 0px 0px; }
.threeColAlertImg { background:url(images/yelalertexclamation.jpg) top left no-repeat; width:54px; height:54px; float:left; clear:left; margin:0px 10px 10px 10px;}
.threeColAlertHead {font-size:14px; font-weight:600; width:390px; height:auto; clear:right; text-align:left;}
.threeColAlertCopy{font-size:11px; width:390px; height:auto; float:left; text-align:left; position:relative; margin:0px 0px 10px 0px;}
.threeColAlertBottom { background:url(images/yelalertbottom.jpg) top left no-repeat; width:470px; height:5px; float:left; clear:both;}

											/*four column*/
/*four column orange tab*/	
.fourColFirstOrderWrap {height:auto; width:630px;float:left; margin:0px 10px 10px 0px;}
.fourColFirstOrderWrapPopup {height:auto; width:630px;float:left; margin:0px 10px 10px 0px;}
.fourColFirstOrderTop {background:url(images/orangetab4coltop.jpg) top left no-repeat; height:28px; width:630px; float:left; clear:both; text-align:left; padding:7px 0px 0px 0px;}
.fourColFirstOrderMid {background:url(images/middle4col.jpg) center left repeat-y ;width:630px; height:auto; float:left; clear:both;}
/*    .fourColFirstOrderMid span {display:block; margin:auto; background-color:#F00;}*/
.fourColFirstOrderBottom {background:url(images/bottom4colcorners.jpg) bottom left no-repeat; height:4px; width:630px; float:left; clear:both;}
.fourColFirstOrderTitle {color:rgb(255,255,255); font-size:14px; font-weight:600; margin:auto 0px auto 10px;}

/*four column blue tab*/
.fourColSecondOrderWrap {height:auto; width:630px;float:left; margin:0px 10px 10px 0px;}	
.fourColSecondOrderTop {background:url(images/bluetab4coltop.jpg) top left no-repeat; height:29px; width:630px; float:left; clear:both; text-align:left; padding:7px 0px 0px 0px;}
.fourColSecondOrderMid {background:url(images/middle4col.jpg) center left repeat-y ;width:630px; height:auto; float:left; clear:both;}
.fourColSecondOrderBot {background:url(images/bottom4colcorners.jpg) bottom left no-repeat; height:4px; width:630px; float:left; clear:both;}
.fourColSecondOrderHead {color:rgb(255,255,255); font-weight:600; margin:auto 0px auto 25px;}

											/*five column*/
/*five column blue tab*/	
.fiveColSecondLevelWrap {height:auto; width:790px;float:left; margin:0px 10px 10px 0px;}
.fiveColSecondLevelTop {background:url(images/bluetab5coltop.jpg) top left no-repeat; height:29px; width:790px; float:left; clear:both; text-align:left; padding:7px 0px 0px 0px;}
.fiveColSecondLevelMid {background:url(images/middle5col.jpg) center left repeat-y ;width:790px; height:auto; float:left; clear:both;}
.fiveColSecondLevelBottom {background:url(images/bottom5colcorners.jpg) bottom left no-repeat; height:4px; width:790px; float:left; clear:both;}
.fiveColSecondLevelHead {color:rgb(255,255,255); font-weight:600; margin:auto 0px auto 25px;}

											/*six column*/
/*six column blue tab*/	
.sixColSecondLevelWrap {height:auto; width:950px;float:left; margin:0px 0px 10px 0px;}
.sixColSecondLevelTop {background:url(images/bluetab6coltop.jpg) top left no-repeat; height:29px; width:950px; float:left; clear:both; text-align:left; padding:7px 0px 0px 0px;}
.sixColSecondLevelMid {background:url(images/middle6col.jpg) center left repeat-y ;width:950px; height:auto; float:left; clear:both;}
.sixColSecondLevelBottom {background:url(images/bottom6colcorners.jpg) bottom left no-repeat; height:4px; width:950px; float:left; clear:both;}
.sixColSecondLevelHead {color:rgb(255,255,255); font-weight:600; margin:auto 0px auto 25px;}

/*.sixColFirstOrderTitle { font-size:18px; font-weight:600; float:left; width:950px; }*/
.sixColFirstOrderWrap {height:auto; width:950px;float:left; margin:0px 0px 10px 0px;}
.sixColFirstOrderTop {background:url(images/orangetab6coltop.jpg) top left no-repeat; height:29px; width:950px; float:left; clear:both; text-align:left; padding:7px 0px 0px 0px;}
.sixColFirstOrderMid {background:url(images/middle6col.jpg) center left repeat-y ;width:950px; height:auto; float:left; clear:both;}
.sixColFirstOrderBottom {background:url(images/bottom6colcorners.jpg) bottom left no-repeat; height:4px; width:950px; float:left; clear:both;}
.sixColFirstOrderTitle {color:rgb(255,255,255); font-size:14px; font-weight:600; margin:auto 0px auto 10px;}
	

/* ---------------------------- */
	.orderitemwrapper { text-align:right; margin:auto; width:290px; height:40px; color:rgb(255, 255, 255); padding:0px 0px 0px 0px; border-bottom:1px dotted black; margin:5px 0px 5px 10px; }
	.orderitemhead { font-size:12px; font-weight:600; float:left; margin:0px 0px 0px 0px; font-weight:600; clear:left; color:rgb(0,0,0); } 
	.orderitemstatusimg { height:14px; width:18px; margin:0px 0px 0px 0px; }
	.orderitemstatuscomplete { font-size:12px; font-weight:600; margin:0px 0px 0px 10px; color:rgb(38,179,107); clear:right;}
	.orderitemstatusincomplete { font-size:12px; font-weight:600; margin:0px 0px 0px 10px; color:#F00; clear:right;}

	.orderitemqty { float:left; clear:left; font-weight:600; color:rgb(0,0,0); margin:0px 0px 10px 0px;} 
	.orderitemdesc { font-size:12px; font-weight:600; float:left; font-weight:600; color:rgb(0,0,0); margin:0px 0px 0px 0px; }
	.orderitemaction { font-size:11px; color:rgb(0,0,0); float:right; clear:right; margin:0px 0px 10px 0px;}
	
	.orderitemdetailwrapper {}
	
.ordertypewrapper { width:475px; height:200px; float:left; clear:none; }
	.imprintorders { background:url(images/imprinttag.jpg) top left no-repeat; height:116px; width:116px; float:left; clear:left; }
	.specsampleorders { background:url(images/specsampletag.jpg) top left no-repeat; height:116px; width:116px; float:left; clear:left; }
	.selfpromoorders { background:url(images/selfpromotag.jpg) top left no-repeat; height:116px; width:116px; float:left; clear:left; }
	.blakorders { background:url(images/blanktag.jpg) top left no-repeat; height:116px; width:116px; float:left; clear:left; }
	.catalogorders { background:url(images/catalogtag.jpg) top left no-repeat; height:116px; width:116px; float:left; clear:left; }
	.virtualspecorders { background:url(images/virtualspectag.jpg) top left no-repeat; height:116px; width:116px; float:left; clear:left; }
	.saleskitorders { background:url(images/saleskitstag.jpg) top left no-repeat; height:116px; width:116px; float:left; clear:left; }
	.customcoverorders { background:url(images/customcoverstag.jpg) top left no-repeat; height:116px; width:116px; float:left; clear:left; }
	

/*home page*/
.largeimg { background:url(images/mlw_hp_large.jpg) top left no-repeat; height:310px; width:470px; float:left; position:relative; margin:0px 10px 10px 0px; }
.largeimgR {background:url(images/mlw_hp_large.jpg) top left no-repeat; height:310px; width:470px; float:left; position:relative; margin:0px 0px 10px 0px;}
.mediumimg { background:url(images/mlw_hp_medium.jpg) top left no-repeat; height:310px; width:310px; float:left; position:relative; margin:0px 10px 10px 0px; }
.mediumimgR { background:url(images/mlw_hp_medium.jpg) top left no-repeat; height:310px; width:310px; float:left; position:relative; margin:0px 0px 10px 0px; }
.smallimg { background:url(images/mlw_hp_small.jpg) top left no-repeat; height:300px; width:310px; float:left; position:relative; margin:0px 10px 10px 0px; }
.smallimgR { background:url(images/mlw_hp_small.jpg) top left no-repeat; height:300px; width:310px; float:left; position:relative; margin:0px 10px 10px 0px; }


.PortfolioList, .RecommendedPortfolioList {text-align:left;}
.portfliolistitems {padding:5px; display:block;}
	.PortfolioList tr {border-bottom:1px solid #666;}
.PortfolioListColumn1 span { width:62px; }
.PortfolioListColumn2 .PortfolioItemName { width:217px; display:block;}
.PortfolioListColumn3 {width:93px;}
.PortfolioListColumn4 {width:93px;}
.PortfolioListColumn5 {width:155px;}

table.PortfolioList {border-collapse:collapse;}
table.PortfolioList TH {border-bottom:1px solid #999; padding:3px;}	
table.PortfolioList TD {border-bottom:1px solid #999; padding:3px;}	
table.PortfolioList TD A {font-weight:bold;}	


p.PortfolioToolbar A {text-decoration:none;text-align:center; font-weight:bold; background:url(images/orangebutton200.jpg) top left no-repeat; height:21px; width:200px; display:block;  font-size:12px; color:rgb(255, 255, 255); margin:10px auto 0px auto; padding:4px 0px 0px 0px; }
div.plComparePortfolio A {text-decoration:none;text-align:center; font-weight:bold; background:url(images/orangebutton200.jpg) top left no-repeat; height:21px; width:200px; display:block;  font-size:12px; color:rgb(255, 255, 255); margin:10px auto 0px auto; padding:4px 0px 0px 0px; }
/*span.plDeletePortfolio A {color:blue; font-weight:normal; text-align:left;}*/

div.poAlert {display:block; padding:5px; color:rgb(51,51,51); font-weight:bold; text-align:center;}


/*.rpReturnToMyList, { background:url(images/orangebutton170.jpg) top left no-repeat; float:left; height:21px; width:170px; display:block; text-align:center; font-size:12px; color:rgb(255, 255, 255); margin:10px auto 0px auto; padding:4px 0px 0px 0px; }*/
.paoUpdateProofAction { background:url(images/orangebutton170.jpg) top left no-repeat; float:left; height:21px; width:170px; display:block; text-align:center; font-size:12px; color:rgb(255, 255, 255); margin:10px 10px 0px 15px; padding:4px 0px 0px 0px;}
.paoCancelProofAction { background:url(images/orangebutton120.jpg) top left no-repeat; float:left; height:21px; width:1120px; display:block; text-align:center; font-size:12px; color:rgb(255, 255, 255); margin:10px 10px 0px 15px; padding:4px 0px 0px 0px;}
.paoPlaceYourOrder { background:url(images/orangebutton170.jpg) top left no-repeat; height:21px; width:170px; display:block; text-align:center; font-size:12px; color:rgb(255, 255, 255); margin:10px auto 0px auto; padding:4px 0px 0px 0px; }
	.rpReturnToMyList a, .paoPlaceYourOrder a, .paoUpdateProofAction a, paoCancelProofAction a { text-decoration:none; color:rgb(255,255,255); display:block; width:170px; font-size:12px; font-weight:600; }

 
.plDeletePortfolio {text-align:center;}
	span.plDeletePortfolio {background:url(images/orangebutton170.jpg) top left no-repeat; height:21px; width:170px; display:block;	font-size:12px; color:rgb(255, 255, 255); margin:10px auto 0px auto; padding:4px 0px 0px 0px; }
	.plDeletePortfolio a { text-decoration:none; color:rgb(255,255,255); display:block; width:170px; font-size:12px; font-weight:600; }

.plCreatePortfolio {text-align:center;}
	.plCreatePortfolio span { background:url(images/orangebutton154.jpg) top left no-repeat; height:21px; width:154px; display:block;  font-size:12px; color:rgb(255, 255, 255); margin:10px auto 0px auto; padding:4px 0px 0px 0px; }
	.plCreatePortfolio a { text-decoration:none; color:rgb(255,255,255); display:block; width:154px; font-size:12px; font-weight:600; }

.recomendedportfliolistitems {width:930px; margin:40px auto 10px auto;}
.recomendedsubtitlewrap {padding:5px; display:block;}


div.paoDecoratingList {padding:5px;}
div.paoDecoratingList span.paoEditDecortatingTitle {font-weight:bold; border-bottom:1px solid rgb(233,233,233); display:block;}
div.paoDecoratingList UL {list-style:none; margin:0 0 2em 0;}
div.paoDecoratingList UL LI {list-style:none;}



/* PLace an Order Homepage ====================== */
table.orderProductStructure {}
table.orderProductStructure TD {vertical-align:top;}

/* Order Bar editable areas ===================== */
table.orderbaredit {}
table.orderbaredit TD.fieldname  {vertical-align:top; width:200px; padding-left:5px; text-align:right; font-weight:bold;}
table.orderbaredit TD.fieldvalue {}
table.orderbaredit TD.fieldvalue INPUT {width:250px;}
table.orderbaredit TD.fieldnote  {}

div.orderbarinstructions {padding:5px;}

A.orderbareditsave   {text-decoration:none;text-align:center; font-weight:bold; background:url(images/orangebutton200.jpg) top left no-repeat; height:21px; width:200px; display:block;  font-size:12px; color:rgb(255, 255, 255); margin:10px auto; padding:4px 0px 0px 0px; }
A.orderbareditcancel {margin:1px auto; display:block; width:200px;}


div.ordereditartwork {}
table.editorderartworktable {border-collapse:collapse;}
table.editorderartworkprevious {border-collapse:collapse;}
table.editorderartworknew { border-collapse:collapse;}
table.editorderartworkspecs { border-collapse:collapse;}




.paoSubSectionWrap {border-bottom:1px dotted black; margin:10px auto; width:290px;}
.paoSubSectionDetails {width:290px; border-bottom:dotted thin #999; margin:0px 0px 10px 0px; padding:0px 0px 5px 0px;}
.paoSubSectionTable {margin: auto; font-family: arial; font-size: 11px;}
.paoSubSectionDetailsWrap {margin: 10px auto; width: 290px;}
.paoSubsectionDetailsTable {margin:auto; font-size:11px;}
.paoSubsectionHeader{font-weight:600; font-size:12px;}
.paoItemDetailsHeader{font-size:12px; font-style:italic;}

/*home page*/
.hpMonitorMyOrders {background:url(images/monitororders.jpg) center center no-repeat; height:24px; width:150px; display:block; text-align:center; text-decoration:none; font-size:13px; font-weight:600; color:rgb(255, 255, 255); margin:0px 20px 10px 0px; padding:8px 0px 0px 0px; float:left;}
	.hpMonitorMyOrders a {text-decoration:none; color:rgb(255,255,255); display:block; display:block;}
.homerightone {background:url(images/myhomeone.jpg) top left no-repeat; height:129px; width:0; display:block; padding-left:309px;  margin:0px 0px 10px 0px;overflow:hidden;}
.homerighttwo {background:url(images/myhometwo.jpg) top left no-repeat; height:129px; width:0; display:block; padding-left:309px;  margin:0px 0px 10px 0px;overflow:hidden;}
.homerightthree {background:url(images/myhomethree.jpg) top left no-repeat; height:129px; width:0; display:block; padding-left:309px;  margin:0px 0px 10px 0px;overflow:hidden;}
.homerightfour {background:url(images/myhomefour.jpg) top left no-repeat; height:129px; width:0; display:block; padding-left:309px;  margin:0px 0px 10px 0px;overflow:hidden;}
.homerightfive {background:url(images/myhomefive.jpg) top left no-repeat; height:129px; width:0; display:block; padding-left:309px;  margin:0px 0px 10px 0px;overflow:hidden;}

p.colwrap {padding:5px;margin:0;}

ul.wheretofindus {margin:0 0 0 5px; padding: 3px 0 0 20px; color:rgb(102,102,102);}
ul.wheretofindus LI {padding-bottom:1em; color:rgb(0,0,0);}
ul.wheretofindus LI STRONG {color:rgb(102,102,102)}

a.homefeature {background:url(homepage-featured.jpg) top left no-repeat; height:279px; width:0; display:block; padding-left:464px;  margin:-1px 0 0 -7px;overflow:hidden;} 

span.planforupcomingevents {margin:-2px 2px 2px -7px; display:block;}
span.planforupcomingevents P {padding:5px 5px 5px 24px;background:url(./images/orangedot.gif) 10px 9px no-repeat; display:block; font-weight:bold; ;margin:0;}
span.planforupcomingevents P.a {}
span.planforupcomingevents P.b {background-color:rgb(255, 243, 229);}


a.homeflyer {margin:5px;}
a.homeflyerlink {display:block; text-transform:lowercase; text-align:center; text-decoration:none; text-align:center; font-weight:bold; background:url(images/orangebutton120.jpg) top left no-repeat; height:21px; width:120px; display:block;  font-size:12px; color:rgb(255, 255, 255); margin:10px auto; padding:4px 0px 0px 0px;}

span.rpReturnToMyList {display:block; font-weight:normal;background:url('');}
span.rpReturnToMyList A.BackLink {color:blue; font-weight:normal; width:400px; display:block; background:url('');}

p.message404 {display:block; width:50%; padding:2em; border:1px solid red; text-align:center; margin:1em auto;}
p.message404 STRONG {color:orange; font-weight:bold; margin-bottom:1em; display:block;}

/*custom catalog*/
.custcatlist {padding:0px 0px 0px 20px;}
ul.custcatlist li {list-style-image:url(/App_Themes/Default/images/bluedot.jpg); line-height:17px;}
/*
@import url("public.css");
@import url("cart.css");
@import url("myportfolio.css");
@import url("customcatalog.css");
@import url("saleskits.css");
@import url("tips.css");
@import url("orderstatus.css");
@import url("salesflyers.css");
@import url("emailblast.css");
@import url("onlinepricingpolicy.css");
@import url("profile.css");
@import url("selfpromo.css");
@import url("multicart.css");
*/














