/* "Boston" Theme
Compatible with Pageflex Storefront 7.5
Copyright © 1998–2010 Bitstream Inc., Marlborough, MA. All rights reserved. 
**********************************************************************
* GENERAL
*/


p, a, td, input, textarea, select, option {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #666666;
}

p, form {
   margin: 0;
}

input {
   margin-right: 3px;
}

td.basic {
   vertical-align: top;
}


/**********************************************************************
 * ENTIRE PAGE
 */

body.page {
   margin:0px 0px 0px 0px;
   background: #ffffff;
}

td.pageContent {
   height: 500px;
   padding: 30px 30px 25px 20px;
   background: #ffffff;
   border-right: 1px solid #89bdb8;
   border-left: 1px solid #89bdb8;
   }

img.pageMinimumWidth {
   width: 700px;
}

/**********************************************************************
 * MAIN NAVIGATION BAR
 */

td.navBar {
   background: #575757;
   background: #575757;
   height: 33px;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   border-top: 0px solid #575757;
   border-bottom: 0px solid #575757;
}

td.navBarLeft {
   background: #575757;
   font-size: 14px;
   height: 33px;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}

td.navBarCell {
   vertical-align: middle;
}

td.NavBarSeparator {
   background: #eeeded;
   height: 33px;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   width: 1px;
}

div.navBarButton            {                                                                     height: 33px; }
div.navBarButtonSelected    { background:   #eeeded repeat-x;  height: 33px;   }


div.navBarButton-inner{ 
   padding: 10px 20px 0px 20px; 
   margin:0px 0px 0px 0px;
}

div.navBarButtonSelected-inner { 
   padding: 10px 20px 0px 20px; 
   margin:0px 0px 0px 0px;
}

a.navBarButton, 
a.navBarButtonSelected {
   font-size: 11px;
   font-weight: bold;
   color: #ffffff;
   text-decoration: none;
   white-space: nowrap;
   text-transform: uppercase;
   letter-spacing: 0.06em
}

a.navBarButtonSelected {
   color: #000000;
}

div.navBarMessage {
   font-size: 11px;
   color: #ffffff;
   padding: 0px 10px 0px 0px; 
}

a.navBarButtonRight {
   font-size: 11px;
   color: #ffffff;
   text-decoration: none;
   padding: 0px 10px 0px 10px;
}

a.navBarButton:hover {
	color: rgb(229, 178, 32);
   font-weight: bold;
}

a.navBarButtonRight:hover {
   color: #ffffff;
}

/**********************************************************************
 * BODY COLUMN
  
 Areas: Areas are major graphical regions surrounding page content. There are three kinds:
 *   Simple Area -  Login page, Help Page
 *   List Area - adds optional icon, "comment" line, optional help link, full-width. (Example: Shopping Cart)
 *   Step Area - adds next/previous links and optional left-side step controls. (Example: checkout steps)
 
  Each area is composed of 3 or 4 horizontal slices which are stacked on top of each other. For example the 'Start" area contains:
 *   areaHeader:   title bar
 *   areaComment:  "comment" line
 *   area:         actual area content
 *   areaFooter 
 
 Each horizontal slice is built using 3 table cells. For example, the header consists of:
 *   td.areaHeader-l:  the left edge of the header
 *   td.areaHeader  :  the content of the header
 *   td.areaHeader-r:  the right edge of the header
  
 Most areas have flexible width, growing either to accommodate their
 content or to fit the browser window. This flexibility is implemented in
 many cases using a cell with width=100%, which can cause other cells to
 shrink to zero width if you're not careful. If cells used for area edges
 shrink to zero width, use "padding-left" rather than "width" to specify
 their width.
 */
 
 /*  "area" style 
 
 For 'Start', 'Order', 'My Library' and 'My Profile' pages 
 */

td.areaHeader-l,
td.simpleAreaHeader-l { 
background: #ffffff; 
width: 1px; height: 32px; 

}

td.areaHeader-r,
td.simpleAreaHeader-r { 
background: #ffffff;
 width: 1px; height: 32px; 
 }

td.areaHeader,
td.simpleAreaHeader { 
background: #ffffff; 
vertical-align: bottom; 
margin-top: 3px;
}

td.areaComment-l { background: #ffffff no-repeat bottom; width: 1px; height: 21px; }
td.areaComment-r { background: #ffffff no-repeat bottom; width: 1px; height: 21px; }
td.areaComment   { background: #ffffff repeat-x bottom; padding: 0px 1px 0px 0px; vertical-align: top; }

td.area-l { background: #ffffff; width: 1px; }
td.area-r { background: #ffffff; width: 1px; }

img.area-l { width: 1px; }
img.area-r { width: 1px; } /* otherwise cell may collapse with wide content */

td.area,
td.stepArea  {
   background: #ffffff;
   padding: 13px 15px 13px 15px; 
}

td.areaFooter-l { background: #ffffff no-repeat; width: 1px; height: 1px; }
td.areaFooter-r { background: #ffffff no-repeat; width: 1px; height: 1px; }
td.areaFooter   { background: #ffffff repeat-x; vertical-align: top; }


 /*	 Text styles for areaHeader and areaComment  */
 
div.areaTitle {
   padding: 0px 5px 0 15px;
   font-size: 21px;
   color: #999999;
}

div.areaTitleLink {
   font-size: 12px;
   padding-top: 2px;
   text-transform: uppercase;
   font-weight: bold
}

a.areaTitleLink, 
a.areaTitleLinkRollover {
   font-size: 10px;
   color: #666666;
   text-decoration: none;
   padding: 0 15px 0 5px;
}

a.areaTitleLinkRollover {
   color:  #666666;
   cursor: pointer;
}

div.areaComment, 
div.areaCommentRight {
	display: none;
   font-size: 12px;
   font-weight: bold;
   font-style: italic;
   color: #999999;
   padding: 3px 15px 0 15px;
   vertical-align:bottom;
}

div.areaEmptyMessage {
   text-align: center;
   padding: 12px 0 16px 0;
}

 /*  Area title icons  */
 
div.areaIconCheckout        { background:  no-repeat; width: 16px; height: 16px; margin: 4px 0px 0px 0px; } 
div.areaIconOrders          { background: url(images/AreaIconOrders.gif         ) no-repeat; width: 16px; height: 16px; margin: 4px 0px 0px 0px;}
div.areaIconEditDocument    { background: url(images/AreaIconEditDocument.gif   ) no-repeat; width: 16px; height: 16px; margin: 3px 0px 0px 0px;}
div.areaIconHelp            { background: url(images/AreaIconHelp.gif           ) no-repeat; width: 16px; height: 16px; margin: 3px 0px 0px 0px;}
div.areaIconLibrary         { background: url(images/AreaIconLibrary.gif        ) no-repeat; width: 16px; height: 16px; margin: 4px 0px 0px 0px;} 
div.areaIconProfile         { background: url(images/AreaIconProfile.gif        ) no-repeat; width: 16px; height: 16px; margin: 4px 0px 0px 0px;}
div.areaIconShoppingCart    { background: url(images/AreaIconShoppingCart.gif   ) no-repeat; width: 18px; height: 16px; margin: 4px 0px 0px 0px; } 
div.areaIconStartDocument   { background: url(images/AreaIconStartDocument.gif  ) no-repeat; width: 16px; height: 16px; margin: 4px 0px 0px 0px; } 

 
/* stepArea
 
For 'Check-out' and 'Editing' pages.
Shares "area" styles, but has it's own area and footer style, and additional styles to indicate 
the current step, and for next/previous controls.
 */

td.stepAreaFooter-l { background: #ffffff; width: 1px; height: 30px; }
td.stepAreaFooter-r { background: #ffffff; width: 1px; height: 30px; }
td.stepAreaFooter   { background: #ffffff; height: 30px; vertical-align: middle;}

 /*  Text styles for Step Area  */

span.stepLabel {
   font-weight: bold;
}

span.currentStepIndicator {
   font-size: 10px;
   font-weight: bold;
   color: #000000;
   padding-left: 5px;
}

/*  Next/Previous controls  */


div.stepAreaHeaderNextPrevControls,
div.stepAreaFooterNextPrevControls {
   padding: 0px 0px 0px 0px;
}

div.stepAreaHeaderNextPrevControls {
	display: none
}


td.stepNextPrevLabel {
   height: 35px;
   padding: 2px 0px 0px 0px;
   vertical-align: middle;
}

a.stepNextPrevLabel, 
a.stepNextPrevLabelRollover {
   background: #e2fc8d;
   color: #444453;
   font-size: 14px;
   font-weight: bold;
   text-decoration: none;
   padding: 1px 10px 2px 10px;
   border: 1px solid #cbe967;
}

a.stepNextPrevLabelRollover {
   color: #666666;
   cursor: pointer;
}

/*
td.areaGraphicNextStep,
td.areaGraphicNextStepRollover      { background: url(images/StepNext.gif             ) no-repeat; height: 32px; width: 18px; }
td.areaGraphicPreviousStep,
td.areaGraphicPreviousStepRollover  { background: url(images/StepPrevious.gif         ) no-repeat; height: 32px; width: 16px; }
td.areaGraphicNextPrevSeparatorLine { background: #a7531c; width: 1px; height: 8px; }
*/

/**********************************************************************
 * SIDEBARS

There are three kind of sidebar:
 *    Category sidebar (on the start page)
 *    Help sidebar (on the help page)
 *    Step Controls sidebar (on editing step and checkout step pages)
  
 Here they are skinned similarly, but they have distinct classes
 and so may be skinned differently.
 
  Each sidebar is built like an area, with 3-cell slices for header, footer, and content.
 */
 
td.categorySidebarHeader, 
td.helpSidebarHeader,
td.stepControlsHeader   { 
	background: #ffffff;
	height: 0px;
	vertical-align: top;
	padding-left: 5px; /* instead of width, to prevent collapse */
	padding-right: 5px; /* instead of width, to prevent collapse */
	border-top: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	border-left: 1px solid #d4d4d4;
}

	div.categorySidebarTitle {
	   padding-top: 6px;
	   font-size: 14px;
	   font-weight: bold;
	   color: #999999;
	   
	}

		div.helpSidebarTitle,
		div.stepControlsTitle {
		   padding-top: 6px;
		   font-size: 14px;
		   font-weight: bold;
		   color: #ffffff;
		   text-transform: uppercase;
		}
		
td.categorySidebar,
td.helpSidebar,
td.stepControls {
   background: #ffffff;
   vertical-align: top;
   margin: 0px 19px 0px 0px;
   padding-top: 14px;
   padding-bottom: 45px;
   padding-left: 19px; /* instead of width, to prevent collapse */
   padding-right: 19px; /* instead of width, to prevent collapse */
   border-right: 1px solid #d4d4d4;
   border-left: 1px solid #d4d4d4;
   border-bottom: 1px solid #d4d4d4;
	}

		
					td.categorySidebarSearch {
					   background: #ffffff;
					   padding-top: 5px;
					   padding-left: 19px; /* instead of width, to prevent collapse */
   					   padding-right: 19px; /* instead of width, to prevent collapse */
                       border-right: 1px solid #d4d4d4;
   					   border-left: 1px solid #d4d4d4;
						}
					
					div.categorySidebarSearchTextBox {
					   margin-bottom: 3px;
						}
					
					div.categorySidebarSearchTextBox input {
					   width: 150px;
						}					
											
					td.categorysidebarSearchRule { 
						background: #d4d4d4;
						 height: 1px; 
						 margin-top: 20px; 
						 }		
						 		
img.categorySidebarMarginRight { width: 25px; } /* margin separating category sidebar from product catalog */
img.helpSidebarMarginRight     { width: 25px; } /* margin separating help sidebar from help content */
img.stepControlsMarginRight    { width: 25px; } /* margin separating step controls from step area */

/* Category sidebar - display and control selected catalog category
Each category in the sidebar contains a categorySidebarLabel div and link.
 */


td.categorySidebarLabel, 
td.categorySidebarLabelSelected,
td.helpTopic,
td.helpTopicSelected{
   padding: 4px 8px 3px 0; /* see e.g. categorySidebarLabelLevel1 for padding-left */
}




td.categorySidebarLabelSelected,
td.helpTopicSelected {
   background: #ffffff;
}

					a.categorySidebarLabel, 
					a.categorySidebarLabelSelected,
					a.helpTopic, 
				    a.helpTopicSelected {
					   font-size: 12px;
					  
					   text-decoration: none;
					   white-space: nowrap;
					}
					
td.categorySidebarLabelLevel1,
td.helpTopicLevel1  { 
	padding-left: 10px; 
	font-weight: bold;
	 color: #0065b2;
}


td.categorySidebarLabelLevel2,
td.helpTopicLevel2 { 
	color: #0065b2;
	padding-left: 30px;
	background-repeat: no-repeat; 
	background-position: 19px 6px;
	}
	
td.categorySidebarLabelLevel3,
td.helpTopicLevel2 { 
	color: #330000;
	padding-left: 29px; 
	background-image: url(images/CategorySidebarArrow.gif); 
	background-repeat: no-repeat; 
	background-position: 19px 6px; 
	}
/* original level 3
td.categorySidebarLabelLevel3,
td.helpTopicLevel3  { 
	padding-left: 39px; 
	background-image: url(images/CategorySidebarArrow.gif); 
	background-repeat: no-repeat; 
	background-position: 29px 6px; 
	}
*/

td.categorySidebarLabelLevel4 { 
	padding-left: 49px; 
	background-image: url(images/CategorySidebarArrow.gif); 
	background-repeat: no-repeat; 
	background-position: 39px 6px; 
	}
	
td.categorySidebarLabelLevel5 { 
	padding-left: 59px; 
	background-image: url(images/CategorySidebarArrow.gif); 
	background-repeat: no-repeat; 
	background-position: 49px 6px; 
	}	
	
td.categorySidebarLabelLevel6 { 
	padding-left: 69px; 
	background-image: url(images/CategorySidebarArrow.gif); 
	background-repeat: no-repeat; 
	background-position: 59px 6px; 
	}
	
td.categorySidebarLabelLevel7 { 
	padding-left: 79px; 
	background-image: url(images/CategorySidebarArrow.gif); 
	background-repeat: no-repeat; 
	background-position: 69px 6px; 
	}	
	
td.categorySidebarLabelLevel8 { 
	padding-left: 89px; 
	background-image: url(images/CategorySidebarArrow.gif); 
	background-repeat: no-repeat; 
	background-position: 79px 6px; 
	}	
	
td.categorySidebarLabelLevel9 { 
	padding-left: 99px; 
	background-image: url(images/CategorySidebarArrow.gif); 
	background-repeat: no-repeat; 
	background-position: 89px 6px; 
	}	

	a.categorySidebarLabelLevel1 { font-size: 12px; }
	a.categorySidebarLabelLevel2 { font-size: 12px; color: #0368b2; }
	a.categorySidebarLabelLevel3 { font-size: 12px; }
	a.categorySidebarLabelLevel4 { font-size: 12px; }
	a.categorySidebarLabelLevel5 { font-size: 12px; }
	a.categorySidebarLabelLevel6 { font-size: 12px; }
	a.categorySidebarLabelLevel7 { font-size: 12px; }
	a.categorySidebarLabelLevel8 { font-size: 12px; }
	a.categorySidebarLabelLevel9 { font-size: 12px; }
	

	

	a.categorySidebarLabel:hover,
	a.helpTopic:hover {
	   color: #666666;
	   text-decoration: underline;
	}
	
 
/*  Help sidebar - display and change selected help topic
Each help topic in the sidebar contains a helpTopic cell and link.
 */


/* Step controls - to display and control steps of editing or checkout pages

 Built as a sequence of stepControl cells, each containing a stepControlNumber and a stepControlLabel link.
 */
 
td.stepControl {
   background: #ffffff;
   vertical-align: top;
   padding: 3px 0 16px 0;
}

td.stepControlNumber { 
   background: #ffffff;
   color:  #51646f;
   font-size: 17px;
   font-weight: bold;
   width: 19px;
   height:  19px;
   padding: 0px 8px 0px 8px;
   text-align: left;
   text-transform: uppercase;
   border: 1px solid #d4d4d4;
}

td.stepControlNumberRollover, 
td.stepControlNumberSelected {
   background:  #51646f;
   color: #ffffff;
   font-size: 17px;
   font-weight: bold;
   width: 19px;
   height:  19px;
   padding: 0px 8px 0px 8px;
   text-align: left;
   text-transform: uppercase;
   border: 1px solid #d4d4d4;
   }

td.stepControlLabel, 
td.stepControlLabelRollover, 
td.stepControlLabelSelected {
   font-size: 14px;
   padding: 0px 10px 0px 5px;
}

td.stepControlLabelRollover,
td.stepControlLabelSelected {
   background: #ffffff;
}

a.stepControlLabel, 
a.stepControlLabelSelected {
   font-size: 12px;
   font-weight: normal;
   color: #330000;
   text-decoration: none;
   white-space: nowrap;
}

a.stepControlLabelSelected {
   color: #330000;
}

a.stepControlLabel:hover, 
a.stepControlLabelSelected:hover {
   color: #330000;
}


/**********************************************************************
 * START PAGE
 
 Styles for elements unique to the start page
 */

div.poweredByPageflex {
   background: url(images/PoweredByButton.gif) no-repeat center;
   height: 57px;
   padding-top: 8px;
}

div.viewSwitcher {
   font-size: 10px;
   padding: 0px 15px 1px 0;
   vertical-align:top;
}

a.viewSwitcher, 
a.viewSwitcher:hover {
   font-size: 10px;
color: #575757;
   text-decoration: underline;
   text-transform: uppercase;
   white-space: nowrap;
   cursor: pointer;
}

a.viewSwitcher:hover {
   text-decoration: underline;
   color: #cccccc;
}

div.categoryPath {
   padding-bottom: 9px;
}

div.categoryPath a {
   font-size: 12px;
   color: #c51426;
   text-transform: uppercase;
   text-decoration: none;
}

div.categoryPath a:hover {
   color: #666666;
   text-decoration: underline;
}

/* Catalog cells */

div.catalogItemOuter,
div.catalogFolderOuter {
   margin: 0px 0px 0px 0px;
   padding: 2px 10px 2px 10px;
   background: #eeeded;
   border-right: 10px solid #ffffff;
   border-bottom: 10px solid #ffffff;
}

td.catalogItemFooter-l { background: url(images/CatalogItemFooter-l.gif) no-repeat bottom; padding-left: 10px; }      
td.catalogFolderFooter-l { background: url(images/CatalogFolderFooter-l.gif) no-repeat bottom; padding-left: 30px; }


td.catalogItem {
   background: #eeeded;
   height: 158px;
   text-align: center;
   padding: 12px 0px 6px 0px;
}
td.catalogFolder {
   background: #eeeded;
   height: 158px;
   text-align: center;
   padding: 2px 0 6px 0;
}

img.catalogThumbnail {
   border: 0px;
}

div.catalogItemFooter,
div.catalogFolderFooter {
   text-align: center;
   min-width: 162px;
   padding: 0px 10px 10px 5px;
}

a.catalogItemFooter, 
a.catalogItemFooter:hover {
   font-size: 11px;
   color: #333333;
   text-decoration: none;
   width: 162px;
   overflow: auto;
}
a.catalogFolderFooter, 
a.catalogFolderFooter:hover {
   font-size: 11px;
   color: #333333;
   text-decoration: none;
   width: 162px;
   overflow: auto;
}

a.catalogItemFooter:hover {
   text-decoration: underline;
   color: #0d7dc8;
}
a.catalogFolderFooter:hover {
   text-decoration: underline;
   color: #0d7dc8;
}

/* Catalog rows */

tr.catalogRow {
}

div.catalogRowThumbnail {
   float:right;
   margin-bottom: 12px;
}

img.catalogRowThumbnail {
   border: 1px solid black;
}

div.catalogRowHeadline {
   text-align: left;
   font-weight: bold;
}

div.catalogRowDescription {
   text-align:left;
}

div.catalogFolderIcon {
   background: url(images/CatalogFolderIcon.gif) no-repeat;
   height: 18px;
   padding-left: 22px;
}

/**********************************************************************
 * BUTTONS
 */

div.siteButton   { background: #6085b2 repeat-x; font-size: 10px; margin: 3px 10px 2px 0px; 
border-top: 1px solid #8cabd0; border-right: 1px solid #8cabd0; border-bottom: 1px solid #8cabd0; border-left: 1px solid #8cabd0;}
/*
div.siteButton-l { background: url(images/button-l.gif) no-repeat top left ; }
div.siteButton-r { background: url(images/button-r.gif) no-repeat top right; }
*/
div.siteButton-inner { padding: 5px 8px 5px 8px; }  

div.smallButton   { background: url(images/button.gif  ) repeat-x       ; font-size: 10px; margin: 3px 10px 2px 0; }
div.smallButton-l { background: url(images/button-l.gif) no-repeat top left ; }
div.smallButton-r { background: url(images/button-r.gif) no-repeat top right; }
div.smallButton-inner { padding: 5px 8px 5px 8px; }

div.searchButton   { background: #6085b2 repeat-x; font-size: 10px; margin: 3px 10px 9px 0px;
border-top: 1px solid #8cabd0; border-right: 1px solid #4f788e; border-bottom: 1px solid #4f788e; border-left: 2px solid #8cabd0;}
/*
div.searchButton-l { background: url(images/SearchButton-l.gif) no-repeat top left; padding: 0px 0px 0px 0px;}
div.searchButton-r { background: url(images/SearchButton-r.gif) no-repeat top right; padding: 0px 0px 0px 0px;}
*/
div.searchButton-inner { padding: 5px 8px 5px 8px;}

a.siteButton, 
a.siteButton:hover,
a.smallButton, 
a.smallButton:hover,
a.searchButton, 
a.searchButton:hover {
   font-size: 10px;
   font-weight: bold;
   color: #ffffff;
   text-decoration: none;
   white-space: nowrap;
   cursor: pointer;
   text-transform: uppercase;
}

a.siteButton:hover,
a.smallButton:hover,
a.searchButton:hover {
   color: #fff55a;
}

p.endOfButtons {
   clear: both;
   margin: 0;
   font-size: 0;
}

/**********************************************************************
 *  WARNING AREA
 */

td.warningAreaInlineWarning,
td.warningAreaInlineInfo {
   background: #e2fc8d;
   border: 1px solid #cbe967;
   padding: 14px 14px 14px 14px;
}

td.warningIconWarning { background: url(images/IconWarning.gif) no-repeat left top; width: 38px; padding-left: 30px; height: 17px; }
td.warningIconInfo    { background: url(images/IconInfo.gif   ) no-repeat left center; width: 18px; padding-left: 30px; height: 17px; }

div.warningAreaMessageInfo,
div.warningAreaMessageWarning {
   font-weight: bold;
   font-size: 14px;
   color: #b46d6d;
   vertical-align:middle;
   margin-left: 5px;
}
div.warningAreaMessageWarning p {
   color: #444444;
}

div.warningAreaMessageInfo {
   color: #444444;
}

/**********************************************************************
 * CLASSES FOR PARTICULAR SITE PAGES
 */


/* Login page */

td.loginExistingUsers {
   vertical-align: top;
   padding-right: 20px;
}

td.loginNewUsers {
   vertical-align: top;
   border-left: 1px solid #666666;
   padding-left: 20px;
}

div.loginSubhead {
   font-weight: bold;
}


/* Form Filling  */

td.formFilling-form {
   vertical-align: top;
}

img.formMinWidth {
   height: 1px;
   width: 210px;
}

td.formFilling-preview {
   vertical-align: top;
   width: 100%;
   text-align: center;
   padding-left: 2px;
}

td.previewButtonFirst    { background: url(images/PreviewButtonFirst.gif   ) no-repeat; }
td.previewButtonPrevious { background: url(images/PreviewButtonPrevious.gif) no-repeat; }
td.previewButtonNext     { background: url(images/PreviewButtonNext.gif    ) no-repeat; }
td.previewButtonLast     { background: url(images/PreviewButtonLast.gif    ) no-repeat; }

img.previewButtonSizer {
   width: 24px;
   height: 22px;
   border: none;
   display: block;
   margin-right: 4px;
}

div.previewPageNumberText {
   padding: 1px 7px 0px 3px;
}

span.previewWaitMessage {
}

img.formFillingPreview {
   border: 1px solid #666666;
}


/* Printing Options */

td.childArea {
   background: #ffffff;
   padding: 9px 15px 18px 15px;
   border-top: 3px solid #51646f;
   border-right: 1px solid #51646f;
   border-bottom: 1px solid #51646f;
   border-left: 1px solid #51646f;
}

div.priceEstimate {
}


/*  Order summary page */

td.orderSummaryCell {
   border: 1px solid #666666;
   padding: 4px 0 4px 8px;
}


/*  AssetCell

For "My Library" and the "Select Image" page (via "Form Filling" page)
*/

td.assetThumbnail {  /* for "Select Image" page */
   background: #d7f2fc;
   height: 120px; 
   width: 150px; 
   text-align: center;
   padding-top: 20px;
}

td.assetThumbnailWithOptions {  /* for "My Library" */
   background: #d7f2fc;
   height: 115px; 
   padding: 15px 0 0 15px;
}

img.assetThumbnail {
   border: 0;
   vertical-align: top;
}

td.assetOptions {
   background: #d7f2fc;
   padding: 0 10px 0 10px;
}

td.assetCaption {
   background: #d7f2fc;
   height: 30px; 
   font-size: 10px;
   text-align: left;
   padding: 0 6px 0 15px;
}

span.assetCaption {
   font-size: 10px;
   color: #000000;
   text-decoration: none;
}

a.assetCaption,
a.assetCaption:hover {
   font-size: 10px;
   color: #6085b2;
   text-decoration: none;
}

a.assetCaption:hover {
   text-decoration: underline;
   color: #666666;
}

/**********************************************************************
 * COMMON CLASSES FOR CONTENT INSIDE AREAS
 */

div.block {
   padding-bottom: 10px;
}

div.subhead {
   font-weight: bold;
   padding-bottom: 3px;

}

span.subheadDetail {
   font-weight: normal;
}

a.siteLink {
   color: #708d11;
}

span.tip
{
   font-weight: normal;
   font-style: italic;
   color: #507a20;
}

/* -----------------------------------------------------
 * FORMS
 */

div.fieldLabel {
}

div.textField {
   padding-bottom: 2px;
}

input.textField {
   width: 225px;
}

div.fieldSpacer {   /* for editable form fields */
   margin-top: 2px;
}

td.fieldHeader {
   vertical-align: top;
   font-weight: bold;
   padding: 12px 0 3px 0;
}

td.fieldCell {      /* for read-only form fields */
   vertical-align: top;
   padding: 0 15px 3px 0;
}

select.multiSelectIncludeBox {
   margin-bottom: 3px;
}

p.error, span.error {
   color: red;
}

.validationError {
   display: block;
   color: red;
   font-weight: bold;
}

/* -----------------------------------------------------
 * FINAL STEP WARNINGS
 */

div.finalStepWarningsHeader {
   font-weight: bold;
}

div.finalStepWarningsFooter {
   font-size: 10px;
   padding: 10px 0 5px 20px;
}

/* -----------------------------------------------------
 * TABLES OF ORDERS AMD ITEMS
 */

table.itemTable,
td.itemTable,
td.itemTableHeader {
   background: #eeeded;
   border: 1px solid #666666;
   padding: 5px;
}

td.itemTableHeader {
   background: #575757;
   font-size: 13px;
   font-weight: bold;
   color: #ffffff;
}

td.itemTable-Thumbnail {
   background: #eeeded;
   text-align: center;
   height: 112px;
   color: #4b8117;
}

img.itemTableThumbnail {
   border: 1px solid white;
}

td.itemTable-Id {
   font-size: 12px;
}

td.itemTable-Description,
td.itemTable-Options {
   font-size: 11px;
   color: #2c577f;
}

td.itemTable-Product {
   font-size: 11px;
   font-weight: bold;
}

td.itemTable-Date {
   font-size: 12px;
   font-weight: bold;
   color: #04674e;
}

td.itemTable-Price {
   white-space: nowrap;
   font-size: 14px;
   font-weight: bold;
   text-align: right;
   color: #b1431d;
}

td.itemTableSummary {
   text-align: right;
   padding: 5px 5px 0 0;
}

td.itemTableSummaryRule {
   border-bottom: 1px solid #666666;
   line-height: 3px;
}

td.itemTableSummaryLine {
   font-size: 14px;
   font-weight: bold;
   color: #bf5e03;
   padding-top: 3px;
}

p.itemTableLabelWithIcon {
   text-indent: -23px;
   margin-left: 23px; 
}

/* -----------------------------------------------------
 * TABLES
 */

td.dataListChoicesHeader,
td.dataListChoices {
   border-bottom: 1px solid #666666;
   padding: 0 15px 2px 0;
}

td.dataListChoicesHeader {
   font-weight: bold;
}

td.simpleTableHeader {
   font-weight: bold;
   padding: 0 15px 2px 0;
}

td.simpleTable {
   padding: 0 15px 2px 0;
}
/* -----------------------------------------------------
 * 7.0 add ons
 */
td.simpleAreaHeaderPopup { 
background: url(images/AreaHeader.gif)  repeat-x; 
vertical-align: top; 
padding-top: 4px; 
padding-bottom: 4px;
}
td.dxpcControl_custom {
   border: solid 3px #cccccc;
}
td.popupArea {
   background: white;
   padding: 13px 15px 10px 15px; 
}
td.areaTitlePopup  {
   font-weight: bold;
   font-size: 13px;
   color: #3f8800;
   padding: 2px 7px 2px 1px;
}
div.pcModalBackground {
	background-color: #777777;
	opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(Style=0, Opacity=70);
} 
div.assetThumbnail {
    width: 150px; 
}
div.assetCaption {
    width: 129px;
    height: 22px;
    padding-top:7px;
    overflow:hidden;
    white-space: nowrap;
}
a.PagerPage {
    text-decoration:none;
    color:inherit;
}
span.PagerSelectedPage {
    font-weight:bold;
}
div.siteButtonBlock {
    float:right;
    margin-right:-4px;
}
div.block input[type=file] {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}
/* -----------------------------------------------------
 * 7.5 add ons
 */
.roundedDiv { /*for use with rounded cornered divs*/
    background-color: #cccccc; /* border color when border-style is solid*/
    float:left; 
    margin:0px 9px 0px 0px; /* put only margin here */
    text-align:center;
    width:270px;
    padding:3px; /* holder for size of your rounded corners, padding is otherwise ignored, cannot be more than 9 */
    border-style:none;
}
.roundedDivContent { /*put only text formating and padding here, do not put margin, use roundedDiv for that*/
    text-align:center;
    color:#cccccc;
    font-style:italic;
    background-color: white;
    padding:20px 20px 20px 20px; /*padding may increase with the size of the border in roundedDiv*/ 
}
div.columnPadding {
font-size: 10px; margin: 2px 4px 1px 0; 
}
div.ShipmentBody, 
div.ShipmentHeader, 
div.ShipmentPrintingOptions, 
div.PricingInfo, 
div.ShipmentLeftSide {
    border: 1px solid #cccccc;
    position: relative;
    padding: 5px;
 }
div.PricingInfo {
    width:250px;
}
p.ShipmentDocumentDetails {
    margin-bottom:5px;
}
div.ShipmentHeader {
    border: 1px solid #cccccc;
    background-color: #eeeeee;
    margin-top: 10px;
    margin-bottom: 0px;
}
div.ApprovalDocumentDetailLeft {
    float:left;
    width: 195px;
    height:400px;
    overflow:auto; 
}
div.ApprovalDocumentDetailRight {
float:left;
width:389px;
height:398px;
overflow:auto;
padding-left:5px;
border: 1px solid #cccccc;
}
div.ApprovalDocumentDetailRight td.orderSummaryCell {
border-style:none;
}
div.userAddressLabel {
    border: 1px solid #cccccc;
    background-color: #E0E0E0;
    margin-top: 10px;
    margin-bottom: 5px;
}
div.ShipmentAddress { }
div.ShipmentNumber {
   font-weight: bold;
}
div.ShipmentHeader {
    border: 1px solid #cccccc;
    background-color: #eeeeee;
    margin-top: 10px;
    margin-bottom: 0px;
}
div.Shipment {
    margin-top: 10px;
    margin-bottom: 20px;
    width: 802px;
 }
 #txtApproverComment {
 width:802px;
}
div.ShipmentItemRow {
    padding:5px;
}
div.ShipmentApproveDecline {
    float:left;
    margin:5px 5px 5px;
    width:182px;
}
div.ShipmentDocumentDetailsPDFPreviewLink {
    border-top: 1px solid #cccccc;
    text-align:center;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
    color: blue;
    text-decoration: underline;
}
div.ShipmentApproveDeclineButtons {
    float:left;
    margin:5px; }
div.ShipmentApproveDeclineIcon {
    float:left;
    margin:5px;
    margin-right:20px;
}
div.ShipmentDocumentDetails {
    cursor:pointer;
    cursor:hand;
    float:left;
    margin-bottom:5px;
    margin-right:5px;
    border: 0px;
}
#shadow-container {
	position: relative;
	left: 3px;
	top: 3px;
	margin-right: 3px;
	margin-bottom: 3px; } 
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
	position: relative;
	left: -1px;
	top: -1px;
} 
#shadow-container .shadow1 {
background: #F1F0F1;
}
#shadow-container .shadow2 {
background: #DBDADB;
}
#shadow-container .shadow3 {
background: #B8B6B8;
}
#shadow-container .container {
background: #eeeeee;
border: 1px solid #cccccc;
}

div.ShipmentComments {
float:left;
}
div.ShipmentDocumentDetailsThumbnail {
    text-align: center;
    padding: 10px;
}
IMG.ShipmentDocumentDetailsThumbnail { 
    display: block;
    margin-left: auto;
    margin-right: auto;
}
div.DocumentDetailsMain {
    float:left;
    width:150px;
    margin:5px 20px 0px 20px;
}
div.ShipmentLeftSide {
        float:left;
        width:333px;
}
a.addressBookIcon {
    display: block;
    width: 26px;
    height: 24px;
    background-image: url(images/AddressBookIcon.gif);
    background-position: 0 0;
    margin: 0 auto;
}
a.addressBookIcon:hover {
    background-position: 0 -24px;
 }
 a span.alt { 
 display: none;
 }
/* Shopping Cart "Loading..." box */
.loadmask {
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #CCC;
    width: 500;
    height: 500;
    zoom: 1; }.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid #6593cf;
    background: #c3daf9;
    padding:2px; }.loadmask-msg div {
    padding:5px 10px 5px 25px;
    background: #fbfbfb url('images/loading.gif') no-repeat 5px 5px;
    line-height: 16px;
    border:1px solid #a3bad9;
    color:#222;
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    cursor:wait; 
 }
 .masked {
    overflow: hidden !important; 
 }
 .masked-relative {
    position: relative !important;
}.masked-hidden {
    visibility: hidden !important; 
}
div.divsInARow {
    float:left;
    margin-right:5px;
}
div.clear { clear:both; }
/*--------------------------------*/
div.MultiShippingButton {
margin-bottom:5px;height:27px;
}
div.ShippingAddressBlock {
margin-bottom:20px;margin-top:20px; 
}
div.ShippingAddressBlockCart {
margin:10px;
}

/* Scroll Image list used in form fill kit parts */
div.scrollButton {
	width: 25px;
	height: 84px;
	float: left;
	margin-top: 3px;
}

div.scrollLeft {
	background-image:url('images/scrollLeft.gif');
	margin-right: 5px;
}

div.scrollRight {
	background-image:url('images/scrollRight.gif');
	margin-left: 5px;
}

div.scrollButton.hover {
	background-position: 0px -84px;
}

div.scrollWrapper {
	width: 300px;
	height: 89px;
	float: left;
	overflow: hidden;
	border: 1px solid #b7b7b7;
	position: relative; //IE 6 7 bug fix
}

div.scrollList {
	width: 365px;
}

table.scrollData {
	position: relative; 
	left: 0px;
}

table.scrollData td {
	width: 50px;
	padding: 0 2px;
}

table.scrollData img {
	height: expression ( this.scrollHeight > 79 ? "80px" : "auto" ); /* sets max-height for IE */
	max-height: 80px; /* sets max-height value for all standards-complient browsers *.
}