/******************************************************************************************************************************
	Core Master Layout */

html
{
	background-image: url(Images/DropShadow.png);
	background-position: center;
	background-repeat: repeat-y;
  font-family: Verdana,Arial,Helvetica,Sans-Serif;
  font-size: 70%;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: 100%;
  line-height: normal;
  min-height: 100.1%;
}

body 
{
	background-color: White;
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 11px;	
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border: solid 1px black;
	width: 790px;
	line-height: 14px;
}

form {
  margin: 0;
  padding: 0;
}

img {
	border: 0px;
	vertical-align: top; /* Removes underline from image link. */
}

.imgLinks { padding-bottom: 4px; }

hr {
	border: none;
	height: 1px;
	font-size-adjust: none;
	width: 618px;
	color: #1c4f9e;
	text-align: center;
}

a:link, a:visited, a:active {
  text-decoration: none;
  color: #0033cc;
}

a:hover {
  text-decoration: underline;
  color: #0033cc;
}

div
{
	margin: 0;
	padding: 0;
}

div.hr
{
	background-image: url(Images/Gradient-HR.jpg);
	background-repeat: repeat-x;
	height: 11px;
	margin: 0;
}

#header 
{
	background-image: url(Images/Gradient-HR.jpg);
	background-repeat: repeat-x;
	clear: both;
	padding: 0;
}

#center 
{
	display: inline;
	padding: 0;
	margin: 0;
}

#leftMenu 
{
	width: 165px;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#content 
{
	margin: 0;
	padding: 0;
	height: 100%;
}

#footer
{
	clear: left;
}

/******************************************************************************************************************************
	The Folder Store Classes*/
.tfs_blue,
.loginControlHeader, .createUserWizardControlHeader,
#leftMenu .leftMenu_Testimonials,
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6
{ color: #1C4F9E; }

.tfs_blue_bg,
.footerInside,
.iqPricingTableTitle,
hr,
#topMenu td, #topMenu a,
#leftMenu ul li a
{ background-color: #1C4F9E; }

.theFolderStore { color: #333399; font-weight: bold; }
.theFolderStore_Folder { color: #cc0000; }
/******************************************************************************************************************************
	The Folder Store Header */
#header
{
	padding-top: 13px;
}

#header .logo{
	padding-left: 8px;
	padding-right: 14px;
	vertical-align: middle;
}

#header .logotext:link,
#header .logotext:visited,
#header .logotext:active,
#header .logotext:hover
{
	text-decoration:none;
	color:#999999;
	font-size: 10px;
	font-weight:bold;
	z-index:1;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

#header .logotextcontainer
{
  text-align: right;
  padding-right: 5px;
  vertical-align: middle;
  line-height: 10px;
}

#header .bbb
{
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle;
	text-align: center;
}

#header .hackersafe
{
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle;
	text-align: center;
}

#header .livechat
{
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle;
	text-align: center;
}

#header .phonehours
{
	padding-left: 5px;
	padding-right: 0px;
	vertical-align: middle;
	text-align: right;
}

#currentUser {
	font-size: 10px;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
}
/******************************************************************************************************************************
	The Folder Store Top Menu */
#topMenu
{
	border-collapse: collapse;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

#topMenu table
{
	border-collapse: collapse;
	width: 100%;
	margin: 0;
	padding: 0;
}
	
#topMenu td
{
	margin: 0;
	padding: 0;
	text-align: center;
	border: none;
}

#topMenu a
{
	color: #FFFFFF;
	height: 100%;
	width: 100%;
	text-decoration: none;
	margin: 0;
	border: solid 1px black;
	display: block;
	height: 21px;
	line-height: 21px;
	vertical-align: middle;
	font-weight: bold;
}

#topMenu .designer a {
   background-color: #b7262b;
}

#topMenu .shoppingCartIcon img
{
  border-left: solid 1px black;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  vertical-align: text-top;
}

#topMenu a:hover
{
	background-color:#EFEFEF;
	color:#0033cc;
	text-decoration: underline;
}

#topMenu .shoppingCartLink a,
#topMenu .farLeft a {
  border-left: none;
}

#topMenu .farRight {
  padding-right: 1px;
}
#topMenu .farRight a {
   border-right: none;
}

/******************************************************************************************************************************
	The Folder Store Center */
#center table.center_fill
{
	border-collapse: collapse;
	width: 100%;
	height: 100%;
}
	
/******************************************************************************************************************************
	The Folder Store Left Menu */
#leftMenu .section
{
	background-image: url(Images/Left-Column-Background.gif);
	background-repeat: repeat-y;
	border-bottom: solid 1px black;
	border-right: solid 1px black;
	text-align: center;
}

#leftMenu .leftMenu_Top
{
  padding-top: 3px;
	padding-bottom: 3px;
}

#leftMenu .leftMenu_Top img
{
	margin-top: 3px;
	margin-bottom: 3px;
}

#leftMenu .leftMenu_Menu
{
	text-align: left;
}

#leftMenu .leftMenu_Menu a
{
	text-decoration: none;
	width: auto;
	display: block;
	padding-left: 4px;
}

#leftMenu h2
{
	font-size: 12px;
	margin: 0px;
	display: block;
	border-bottom: solid 1px white;
  line-height: 24px;
	background-image: url(Images/Left-Column-Background2.gif);
	vertical-align: middle;
}

#leftMenu h2 a
{
	color: #000000;
}

#leftMenu h2 a:hover
{
	background-color:#000000;
	color:#FFFFFF;
	text-decoration: underline;
}

#leftMenu ul
{
	padding: 0px;
	margin: 0px;
	width: 100%;
	text-align: left;
}

#leftMenu ul li
{
	padding: 0;
	margin: 0;
	list-style: none;
	border-bottom: solid 1px white;		/* This was moved from '#leftMenu ul li a' to here to fix a problem in IE6 where extra space would be put below the anchor tag */
}

#leftMenu ul li a
{
	color: #FFFFFF;
	line-height: 20px;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
}

#leftMenu ul li a:hover
{
	background-color: #EFEFEF;
	color: #0033cc;
	text-decoration: underline;
}

#leftMenu .leftMenu_SslCertificates a
{
	color:black;
	text-decoration:none;
	font-weight: bold;
	font-size: 9px;
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	margin: 0px; 
	padding: 0px;
}

#leftMenu .leftMenu_Testimonials
{
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size:11px;
	text-align: left;
	font-weight: bold;
}

#leftMenu .leftMenu_Testimonials p
{
	padding: 0;
	padding-top: 11px;
	padding-bottom: 5px;
	margin: 0;
}

#leftMenu .leftMenu_container
{
	width: 165px;
}

#leftMenu .searchBox
{
	font-size: 8pt;
	width: 110px;
}

#leftMenu .searchWatermark
{
	color: Gray;
}

#leftMenu .searchButton
{
	font-size: 8pt;
	width: 25px;
}

/******************************************************************************************************************************
	The Folder Store Content Container */
.contentContainer {
	vertical-align: top;
	margin: 0;
	padding: 0;
	padding-left: 2px;
	padding-top: 2px;
	font-size: 11px;
}
/******************************************************************************************************************************
	The Folder Store Breadcrum Navigator */
.breadcrumNavigator {
	padding: 2px;
	padding-bottom: 0;
	margin: 0;
}
.breadcrumNavigator > span > a {
  display: none;
}
}
/******************************************************************************************************************************
	The Folder Store Content */
#content
{
	padding: 2px;
	font-size: 11px;
}

#content h1
{
	font-size:15px;
	margin-bottom:5px;
	margin-top:0;
}

#content h2
{
	font-size:15px;
	margin-bottom:5px;
	margin-top:0;
}

#content h3
{
	font-size:15px;
	margin-bottom:5px;
	margin-top:0;
}

/******************************************************************************************************************************
	The Folder Store Content */
#contentFooter
{
	vertical-align: bottom;
}

#contentFooter > div
{
	font-size: 11px;
	text-align: center;
}

/******************************************************************************************************************************
	The Folder Store Footer */
#footer
{
	color: White;
	font-size: 10px;
	font-weight: normal;
	line-height: 30px;
	vertical-align: middle;	
	text-align: center;
	border: none;
	border-top: solid 1px #1c4f9e;
	padding-top: 1px;
	padding-bottom: 1px;
}

#footer .copyright {
}
.copyright:link,
.copyright:visited,
.copyright:active,
.copyright:hover{
	text-decoration:none;
	color:White;
	font-size: 10px;
}

/******************************************************************************************************************************
  Home Page */
#content .services span
{
  display: block;
}

/******************************************************************************************************************************
	FAQs  */
#faqToc { padding-top: 0px; font-size: 11px; }
#faqToc h2 { font-size: 11px; margin: 0; padding: 0; }
#faqToc ul { margin: 0; padding: 0; margin-left: 15px; }

#faqs > h2 { font-size: 11px; }
#faqs a:hover { text-decoration: none; color: black; }

/******************************************************************************************************************************
	Terms of Service (Terms & Conditions, Privacy Policy)  */
#tos > h1 {
	font-size:15px;
	margin-bottom:5px;
	margin-top:0;
}

#tos > ul {
	padding-left: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	list-style: none;
}

#tos > h2 {
	font-size:11px;
	margin-bottom:0px;
	padding-bottom: 0px;
	padding-top: 5px;
	line-height: normal;
	color: black;
}

#tos > p {
	margin-top: 0px;
}

#tos > h2 a:hover { text-decoration: none; color: black; }
/******************************************************************************************************************************
	Contact Us */
.contactUsFormFields {
	border: 1px solid #CACDCE;
}
.contactUsFormLabels {
	font-weight: bold;
}
/******************************************************************************************************************************
	Product/Color Lists */
.productListItem, .paperListItem, .printColorListItem {
	display: inline;
	float: left;
	height: 200px;
	margin: 2px;
	text-align: center;
	width: 200px;
}
.productListItem { 	height: 230px; }
.paperListItem { height: 165px; }
.printColorListItem { height: 125px; }
.price {font-family:Verdana,Arial,Helvetica,Sans-Serif; font-size:12px; color:#1c4f9e; line-height:20px; font-weight:bold}
.jqmOverlayIe6 { background-color: white }
/******************************************************************************************************************************
	Dropshadow CSS */
.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
}
.wrap1 {
	margin-left: 8px;
  float: left;
  background:url(images/shadow.gif) right bottom no-repeat;
}
.wrap2 {
  background:url(images/corner_bl.gif) -16px 100% no-repeat;
}
.wrap3 {
  padding:0 8px 8px 0;
  background:url(images/corner_tr.gif) 100% -16x no-repeat;
}
.wrap3 img {
  display:block;
  border:1px solid #ccc;
  border-color:#efefef #ccc #ccc #efefef;
}
/******************************************************************************************************************************
	Common Classes */
.red { color: Red; }
.green { color: Green; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.tooltip { background-color: #FFFFE1; border: solid 1px black; padding: 2px; }
.invisible { display: none; }
.center { text-align: center; }
.errorMessage { color: red; }
.handCursor { cursor: pointer; }
/******************************************************************************************************************************
	Misc Styles */
ul.itemPadding {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}
ul.itemPadding > li {
	padding-top: 5px;
	padding-bottom: 5px;
}

#content #guarantees > td {
  font-size: 10px;
}

.createUserWizardControl, .loginControl {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
.createUserWizardControlHeader, .loginControlHeader {
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

.TabularTable tr th {
font-weight:700;
padding-left:10px;
padding-right:10px;
}

.TabularTable tr td {
padding-left:4px;
padding-right:4px;
}

.TabularTableItem {
background-color:#eee;
}

div.pricingTable select { font-size: 10px; }
table.pricingTable td {padding-left: 33px; padding-right: 38px;}

.iqPricingTable {
	border:solid 1px black;
	border-collapse:collapse;
	margin:1px;
	margin-bottom:10px;
	width:100%;
}
.iqPricingTable th {text-align:left;font-weight:bold;}
.iqPricingTable td, .iqPricingTable th {
	border: solid 1px black;
	padding-top: 3px;
	padding-bottom: 3px;
}
.iqPricingTableTitle{font-size:15px;color:white;font-weight:bold !important;}
.iqPricingTableHeader th {text-align:center;}
.iqPricingTableValue{text-align:center;}
tr.iqPricingTableHover, td.iqPricingTableHover{background-color:#FFC1C1;}
td.iqPricingTableValueHover{background-color:white;}

/* I use this all over the place, especially the checkout. It makes the labels the same width. */
.niceLabels label
{
	width: 180px;
	float: left;
}

/*****************************

	Folder styles page

******************************/

#styleGridItem
{
	/*display: inline;*/
	float: left;
	border: solid 1px #1C4F9E;
	width: 260px;
	height: 215px;
	margin-top: 10px;
	margin-left: 10px;
	padding: 10px;
	padding: 10px;
	text-align: center;
}