@import "navigation.css";
@import "catalog.css";
@import "forms.css";
@import "subnav.css";
@import "contact.css";
/* @import "ow.css"; */

body {
	margin: 0;
	padding: 0;
	border: none;		
	font-family: times,serif;
 	font-size: 9pt; 	
	font-weight: normal;
	color: #363636;
	background-color: #fff;
}

table  {
	margin: 1em auto 2em auto;
	padding: 0.2em;
 	font-size: 12pt;
}

th {
	margin: 0;
	padding: 0.5em;
}

.th {
	margin: 0;
	padding: 0.5em;
}

td {
	margin: 0;	
	padding: 0;
	background: none;
	vertical-align: top;
}

td.on {
	background-color: #f7f0de;
}

p, address {
	margin: 1em;
	text-align: justify;
 	font-size: 12pt;
}

h1, h2, h3, h4, h5 {
	margin: 0.75em 0.5em 0.75em 0.5em;
 	color: #663366;
}

h1 {
	font-size: 14pt;
}


h2 {
/* 	margin-left: 3.5em; */
	font-size: 12pt;
}

h3 {
	margin-left: 0.65em;
	font-size: 10pt;
}

h4 {
/* 	margin-left: 4.75em; */
	font-size: 9pt;
}

h4.inline {
/* 	margin: inherit; */ 
	margin: 0.25em;
	display: inline;
}


h5 {
/* 	margin-left: 5.3em; */
	font-size: 9pt;
	font-weight: normal;
}

h1.boxed, h2.boxed, h3.boxed, h4.boxed, h5.boxed {
	margin: 0.2em 1em 0.2em 1em;
	padding: 0;
}

div.boxed {
	margin: 2em;
	padding: 0;
}

.foxyBoxed {
	width: 100%;
	margin: auto;
	padding: 0.2em 0 0.2em 0;
	border: solid 1px #999;
}



/* what's the freaking problem? */
ul .plain li {
	display: list-item;
	list-style-type: disc;
}

.listNormal {
	display: list-item;
	list-style-type: disc;
}



hr {
	clear: both;
	width: 99%;
	height: 1px;
	max-height: 1px;
	margin: 0.5em auto 0.5em auto;
	padding: 0;
	border: none;
	border-top: dashed 1px #999;
}

hr.spread {
	clear: none;
	margin: 2em auto 2em auto;
}


a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	background: none;	
}

a:link {
	color: #663366;
}

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

a:visited {
	color: #663366;
	text-decoration: none;
}

a:visited:hover {
	color: #cc0000;
	text-decoration: underline;
}

a:active {
	color: #cc0000;
}



p a, a.inline {
	margin: 0;
	padding: 0;
	text-decoration: underline;
	background: none;	
}

p a:link, a.inline:link {
	color: #cc0000;
	/*
	background: none;
	*/
}

p a:hover, a.inline:hover {
	color: #663366;		
	text-decoration: underline;
	/*
	background: none;
	*/
}

p a:visited, a.inline:visited {
	color: #cc0000;
	text-decoration: underline;
	/*
	background: none;
	*/
}

p a:visited:hover, a.inline:visited:hover {
	color: #663366;
	text-decoration: underline;
	/*
	background: none;
	*/
}

p a:active, a.inline:active {
	color: #242994;
	/*
	background: none;
	*/
}

img {
	margin: 0;
	border: none 0 #fff;
	vertical-align: middle;
}

#bodyShell {
	z-index: 0;
	width: 760px;	
	height: 45em;
	min-height: 40em;	
	margin: 0 auto 0 auto;
	border: 0;	
	background-color: #fff;
}

html>body #bodyShell {
	height: auto;
}


/* masthead area */

#logoRegion {
	width: 760px;	
	height: 60px;	
	max-height: 60px;
	margin: 0 auto 0 auto;
	padding: 0;
	background-image: url(/images/logo.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden;
	border-bottom: solid 1px #663366;
}

#logoRegion #homey {
	float: left;
	margin: 0 auto 0 0;	
	z-index: 0;
	width: 230px;
	height: 60px;
	border: none;
	display: inline;
}

#personalNavSearch {
	float: right;
	width: 360px;	
	height: 25px;
	margin: -26px 0 0 0;
	padding: 0;
	padding-right: 4px;
	border: 0;
	border: solid 1px #663366;
	border-bottom: 0;		
	font-size: 10pt;
	text-align: right;
	vertical-align: middle;
 	overflow: hidden;
}

#personalNav {
	float: left;
	margin: 0;
	padding: 0;
	padding-left: 4px;
	padding-top: 5px;
	border: 0;
	vertical-align: middle;		
}

#personalNav a {
	text-transform: capitalize;
	text-decoration: none;
}

#myNav {
	margin: 0;
	padding: 0.5em 0 0.6em 0;
	text-align: center;
}

#myNav a {
	margin: 0;
	padding: 0.5em 0.75em 0.5em 0.75em;
}

#myNav a:hover {
	background: #e6e6e6;
	text-decoration: none;
}

#mySearch {
	float: right;
	margin: 0;
	padding: 0;
	padding-top: 4px;
	padding-right: 4px;
	text-align: center;	
}

#mySearch form {
	margin: 0;
	padding: 0;
	padding-left: 4px;
	text-align: right;
	vertical-align: middle;
}

#mySearch form input {
	width: 10em;
	height: 1.25em;
	margin: 0 0.25em 0 0.25em;
	padding: 0;
	border: solid 1px #999; 
	vertical-align: middle;
	font-size: 7.5pt;
	color: #666;
}

#mySearch #go {
	width: 2.5em;
	height: 1.5em;
	margin: 0;
	padding: 0 0 0.75em 0;
	background-color: #f2f2ec;
	background-image: url(/images/icons/bg_btn_rect.gif);
	background-repeat: repeat-x;	
	border: 1px solid #999;
	vertical-align: middle;
	cursor: pointer;
}
#mySearch #speedShopLabel{
	color: #663366;
 	font-size: 9pt;
}

#textovertical {
	text-align: left;
	writing-mode: tb-rl;
	filter: flipv fliph
}

#sectionHeader {
	z-index: 30;
	width: 61.75em;
	margin: -0.5em auto 0 auto;
	padding: 0 0 0.2em 1em;	
	background: none;
}

/* IE Hack */
* html body #sectionHeader {
	margin: -0.25em auto 0 auto;
}

#sectionHeader .imgBlock {
	float: left;	
}

#sectionHeader .copyBlock {
	float: right;
	width: 55%;
}

/* IE Hack */
* html body #sectionHeader .imgBlock, #sectionHeader .copyBlock {
	display: inline;
	height: 100%;
	padding: 0.25em 0 0.5em 0;
}

#sectionHeader .copyBlock h2 {
	margin: 1.5em 0.75em 0 0;
	padding: 0;	
	text-align: right;
}

#sectionHeader img {
	width: 8.25em;
	height: 8.25em;
	margin-right: 0.25em;
	border: solid 1px #666;
}

#sectionHeader p {
	margin: 0.2em 1em 0.25em 0;
	font-size: 8pt;
}

#sectionHeader hr {
	margin: 0.25em auto 0.25em auto;
}

/* end masthead  */


/* work area */

#workarea {
	z-index: 0;
	clear: both;
	width: 62.80em;	
	height: 25em;
	min-height: 27em; /* ie ignores */
	margin: 0.25em auto 1em auto;
	padding: 0;
	position: relative;
}

*>#workarea {
	height: auto; /* ie ignores child selector */
}

#workareaLong {
	z-index: 0;
	clear: both;
	width: 65.5em;	
	min-height: 27em; /* ie ignores */
	margin: 0.25em auto 1em auto;
	padding: 0;
	position: relative;
}

/* three colums formatting for landing pages */

#workareaLeft {
 	float: left;
	z-index: 1;
	display: table;	
	width: 20em;
	height: 23em;
	margin: 1em 0 0 5.25em;
	display: inline;	
}

#workareaLeft img {
	width: 20em;
	height: 23em;	
	border: solid 1px #999;
}

#workareaCenter {
 	float: left;
	z-index: 1;
	display: table;
	width: 20em;
	height: 23em;
	margin: 1em 0 0 0.5em;
	color: #fff;
	background: transparent;
	text-align: center;
	vertical-align: middle;
	display: inline;	
}

#workareaCenter img {
	width: 20em;
	height: 23em;
	border: solid 1px #999;	
}


/* 
#workareaCenter h1, #workareaCenter p, p.brief, p.windy {
	font-family: "Georgia", "Verdana", Serif;
	font-weight: normal;	
	font-style: italic;
}

#workareaCenter h1 {
	margin: 0.5em;
	margin-top: 0.6em;
	letter-spacing: 0.05em;	
	text-align: center;
	color: #fff;	
}

#workareaCenter p, p.brief, p.windy {
	margin: 2em;
	margin-top: 0.75em;	
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
}

#workareaCenter p.brief {
	font-size: 12pt;
}

#workareaCenter p.windy {
	margin: auto 2em auto 2em;
	font-size: 9pt;
}
 */


#workareaRight {
	float: left;
	z-index: 1;
	display: table;
	width: 12em;
	height: 23em;
	margin: 1em 0 0 0.5em;
	background: #fff;
	vertical-align: middle;
	display: inline;
}

#workareaRight img {
	width: 11.25em;
	height: 11.25em;	
	margin: 0;
	border: solid 1px #999;
	/* force a newline so the Update link for admin works.
	remove line below if it breaks things 
	-- brian */
	display: block;
}

#workareaRight .bottom {
	margin-top: 0.35em;
}



/* static pages and sub pages formatting */

#singleColumn, #twoColumns {
	margin: 0 4em 0 4em;
	height: auto;
	clear: both;			
}

#proofColumns {
	margin: 0 2em 0 2em;
	height: auto;
	clear: both;	
}

#proofColLeft {
	float: left;
	z-index: 1;
	width: 32em;
	height: auto;
	margin: 0 auto 0 0.5em;
	border: solid 1px #999;
}

#proofColLeft table, #proofColLeft th, #proofColLeft td {
	border-right: none;
	border-left: none;
}

#proofColRight {
	float: right;
	z-index: 1;
	width: 25em;
	height: auto;
	margin: 0 auto 0 auto;
}

/* IE Hack */
* html body #proofColLeft, * html body #proofColRight {
	display: inline;
}


#proofColRight p {
	margin: inherit 0 inherit 0;
	padding: inherit 0 inherit 0;
}







#singleColumn ol, #singleColumn ol li, #singleColumn ul, #singleColumn ul li {
	margin-top: 1em;
	margin-bottom: 1em;	
	text-align: justify;
	clear: both;
}

#singleColumn ul, #singleColumn ul li {
	list-style: none;
}

.headerBox {
	margin: 1.5em auto 1.5em auto; 
	padding: 0; 
	border: solid 1px #999;
}

.productionTable {
	margin: 0.5em auto 0.5em auto;
	border: solid 1px #999;
	background: #f9f9f9;
}

.productionTable th {
	padding: 0.5em;
}

.productionTable td {
	padding: 0.5em;
	background: #eee;
}

#staticColLeft {
	float: left;
	z-index: 1;
	width: 27em;
	margin: 0 0.25em 0 0;
	display: inline;
}

#staticColLeft h3 {
	margin-top: 0;	
}

#staticColRight {
	float: left;
	z-index: 1;
	width: 26em;
	margin: 0 0 0 1em;
	text-align: center;
	display: inline;
}

/* IE Hack */
* html body #staticColLeft, * html body #staticColRight {
	display: inline;
}

span.inlineImageR {
	float: right; 
	margin: 5px 0 10px 20px; 
	padding: 2px; 
	background-color: #444;
	text-align: center;
}

span.inlineImageL {
	float: left; 
	margin: 5px 20px 10px 10px; 
	padding: 2px; 
	background-color: #444;
	text-align: center;
}

span.inlineImageR img, span.inlineImageL img {
	width: 80px;
	height: 40px;
	margin: 0;
	padding: 0;
}

span.inlineImageR img.enlarge, span.inlineImageL img.enlarge {
	height: 9px;
}

.photoBox {
	z-index: 1;
	display: table; 
 	height: 12em;
	margin: 0.5em auto 0.5em auto;	
	padding: 0.2em;
	border: solid 1px #999;
}

/* IE Hack */
* html body .photoBox {
	display: block;
	width: 49em;
	text-align: center;
}

.boxedPhoto {
	z-index: 2;
	float: left;
	width: 12em;
 	height: 12em;
	margin: 0;	
	padding: 0;
	background: none;
	border: solid 1px #ccc;
}

/* IE Hack */
* html body .boxedPhoto {
	display: inline;
}

.boxedPhoto img {
	width: 12em;
 	height: 12em;
	margin: 0;	
	padding: 0;
}

/* IE Hack
* html body #brandPhotoBox {
	width: 356px;
}
 */

#brandPhotoBox {
	margin: 0.5em auto 0.5em auto;	
	padding: 0.2em;
	border: solid 1px #ccc;	
}
 
#brandPhotoBox td {
	padding: 0.25em;
	background-color: #fff;
	border: solid 1px #ccc;
	vertical-align: middle;
}

.brandLogo, .brandImage {
	margin: 0;	
	padding: 0;
	background: none;
	border: solid 1px #ccc;
}

.brandLogo img {
	width: 150px;
 	height: 75px;
	margin: 0;	
	padding: 0;	
}

.brandImage img {
	width: 250px;
 	height: 150px;
	margin: 0;	
	padding: 0;	
}

/* IE Hack */
* html body .brandImageL, .brandImageR {
	display: inline;
}

.brandsTable {
	font-size: 10pt;
	font-weight: bold;
	border: solid 2px #999;
	border-style: collapse;
}

.brandsTable td {
	padding: 0.75em 1em 0.75em 1em;
}

.brandsTable td, .brandsTable td a:link, .brandsTable td a:visited {
	color: #663366;
}

.brandsTable td a:hover, .brandsTable td a:visited:hover {
	color: #cc0000;		
	text-decoration: underline;
	background: none;
}

.etiquetteTable {
	width: 99%;
	margin: 0.5em auto 0.5em auto;
	font-size: 8.5pt;
}

.etiquetteTable th {
	font-style: italic;
	color: #663366;		
}



/* end static pages and sub pages formatting */


/* misc from fcom */
#eproofImage {
	text-align: center;
}

#messages {
	width: 400px;
	margin: 15px auto 15px auto;
	padding: 10px;
	border: 3px solid #999;
	text-align: center;
	font-weight: bold;	
}

#errors {
	width: 400px;
	margin: 15px auto 15px auto;
	padding: 10px;
	border: 3px solid #c00;
	text-align: center;
	font-weight: bold;
	color: #c00;
}
/*
a.popView:link, a.popView:hover, a.popView:visited, a.popView:active {
	background: default;
}
*/

a.popView, a.popInfo, a.popEdit {
	margin: 0px;
	padding: 0;
	vertical-align: middle;	
	background: none;
	text-decoration: none;
	padding-left: 19px;
	padding-bottom: 5px;
	background-image: url(/images/icons/icon_pop_fff_16px.gif);
	background-repeat: no-repeat;
	height: 19px;
}
/* IE Hack */
/*
* html body td.formLabel {
	text-align: right;
}
*/

/*
a.popView:before, a.popInfo:before, a.popEdit:before {
	content: url(/images/icons/icon_pop_fff_16px.gif);
	margin-right: 0.4em;
}

a.popInfo:before {
	content: url(/images/icons/icon_help.gif);
}
*/

a.popInfo {
	cursor: help;
}

li.il {
	display: inline;
	list-style: none;
	text-align: center;
	padding: 3px;
}

/*
a.cmenu:after {
	content: " (!)";
}
*/
a.cmenu {
	padding: 5px 17px 5px 2px;
	background: url(/images/icons/icon_oi-14.gif) no-repeat right;
	/*
	background-image: url(/images/icons/icon_oi-14.gif);
	background-repeat: no-repeat;
	background-position: right;
	border: 12px solid #000;
	*/
}

.dbEntity {
	margin: auto;
	border: 1px solid #000;
	border-collapse: collapse;
}

.dbEntity caption {
	margin: auto;
	font-weight: bold;
}

.dbEntity td {
	border: 1px solid #000;
	padding: 0.25em;
}

.dbEntity th {
	padding: 0.5em;
}

.dbEntity th:hover {
	background-color: #eee; 
}

.dbEntity th a:hover:before {
/*
	content: 'Sort by:';
	color: blue;
	display: block;
*/
}

.dbEntity th a {
	display: block;
}

.dbEntity tr.alt {
	background-color: #ededed;
	border-bottom: 1px dashed #000;
	font-size: 11px;
	padding: 5px;
}
thead {
	background-color: #f7f0de;
}

.errorLevel1 {
	color: red;
	font-weight: bold;
}

/* more login and checkout items */

#contentBlockSmall {
	width: 50%;
	margin: 10px auto 20px auto;
	text-align: center;
}

#contentBlockSmall p {
	width: 90%;
	margin: auto;	
	padding: 10px 0 10px 0;
}

#contentBlockMedium {
	width: 75%;
	margin: 10px auto 20px auto;
	text-align: center;
}

#contentBlockSmall h3, #contentBlockMedium h3 {
	width: 90%;
	margin: 10px 0 10px 0;	
	text-align: left;
}

dl {
	margin: 10px auto 10px 0;
	text-align: left;
}

dt {
	margin: 10px;
	font-weight: bold;
}

dd {
	margin: 10px 10px 10px 25px;
}



/* invoice page */
#invoiceShipTo {

}

#invoiceBillTo {

}


#invoiceItems table {
	margin: 1em auto 1em auto;
	padding: 0;
	border: solid 1px #999;
	white-space: nowrap;
}

#invoiceItems th, thead {
	border-bottom: solid 1px #999;
}

#invoiceItems td {
	padding-left:4px;
	padding-right:4px;
}

#invoiceTax {
	margin-left: 1.75em;
}

#invoiceShipping  {
	margin-left: 1.75em;
}

#invoiceDiscount  {
	margin-left: 1.75em;
}

#invoiceTotal  {
	margin-left: 1.75em;
}

/*  based on #owLeft and Right DUMP? */
#checkoutLeft {
	float: left;
	width: 370px;
	max-width: 370px;
	margin: 15px 0 0 0;
	display: inline; /* float alignment bug fix for IE */
	
background: yellow;	
}

#checkoutRight {
	float: right;
	width: 360px;
	max-width: 360px;
	margin: 15px 0 0 0;
	text-align: left;
	display: inline; /* float alignment bug fix for IE */
	
background: red;	
}

/*
Order Questions Screen
*/
.oqBlock {
	border: 1px dashed #eee;
}
.oqAnswer {
	border: 1px dashed #eee;
	margin-left: 5em;
}
.oqLeft {
	float: left;
	display: inline;
	width: 40%;
}
.oqRight {
	float: right;
	width: 60%;
}

/* more login and checkout items */


/* generic classes */

.initialCap {
	display: inline;
	padding: 0 0.25em 0 0.25em;
	border: solid 1px #333;	
	font-size: 10pt;
	background-color: #663366;
	color: #fff;
}

.c {
	text-align: center;
}

.reversi {
	color: #fff;
}

.b {
	font-weight: bold;
	color: #663366;
}

.i {
	font-style: italic;
}

.nobreak {
	white-space: nowrap;
}

.w50 {
	width: 50%;
	margin-right: auto;
	margin-left: auto;	
}

.w75 {
	width: 75%;
	margin-right: auto;
	margin-left: auto;	
}

.w80 {
	width: 80%;
	margin-right: auto;
	margin-left: auto;	
}

.w85 {
	width: 85%;
	margin-right: auto;
	margin-left: auto;	
}

.left4 {
	margin-right: 4em;
	margin-left: 4em;	
}

.left5 {
	margin-right: 5em;
	margin-left: 5em;	
}

.left6 {
	margin-right: 6em;
	margin-left: 6em;	
}

.left7 {
	margin-right: 7em;
	margin-left: 7em;	
}


.blankTable, .blankTable th, .blankTable td {
	border: none;
}

.blankTable td {
	background-color: #eeecd6;	
}


.wordingPopup {
	text-align: center;
}

div.spacer {
	clear: both;
}

/* generic classes */


/* admin styles */

#summaryPage {
	width: 700px; 
	margin: 0 auto 2em auto;
	padding-bottom: 2em;
}

div.summaryBlock {
	margin-bottom: 2em;
	border: solid 1px #999;
}

div.summaryBlockHeader {
	margin: 0;
	background: #ddd; 
	border-bottom: solid 1px #999; 
}

div.summaryBlockHeader h3 {
	 margin: 0 1em 0 1em;
}

div.summaryBlock p, dl {
	min-height: 3em;
}

div.summaryBlock address {
	font-style: normal;
}

div.summaryBlock table {
	margin: 0.5em auto 0.5em auto;
}

#miniCal {
	width: 99%;
	height: 99%;
	padding: 0;
	margin: 0;
}

#miniCal tr {
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
}

#miniCal td {
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
}

/* admin styles */
.toolTip {
	color: black;
	font-weight : bold;
	background-color: #f7f0de;
	border: 1px solid #8f4707;
	width: 200px;
	display: none;
	position: absolute;
	left: 0px; 
	top: 0px;
	text-align: left;
}

/* client quirks */
.pms207 {
	color: #a61c3e;
}

.pms {
	color: #663366;
}

.inactive {
	background-color: red;
}
.filesCt {
	border: 1px dashed #000;
	padding: 1em;
}
.fmc {
	display: inline;
}
.fmc img {
	height: 60px;
	width: 60px;
}
.fmClk {
	height: auto;
	width: auto;
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	opacity: 0.4;
	background-color: #fff;
	color: #000;
	position: absolute;
	cursor: pointer;
}
#shipmentLeft {
	float: left;
	width: 300px;
}

#shipmentRight {
	margin-left: 320px;
	border-left: dashed 2px #000;
}

#library {
	width: 55%;
	margin-left: 240px;
}

/* IE can't nest, especially lists */
*>#library ul {
	margin: 0.1em auto 0.1em auto;
}

*>#library li {
	padding: 0.1em;
	list-style: none;	
}

/* IE Hack */
* html body #library li {
	list-style: none;	
	padding: 0.25em;
}

*>.jumpnav {
	list-style: none;
	margin-top: 0.75em;
	padding: 0.25em;
	border: solid 1px #999;
}

.lfc {
	background-color: #ccc4a4;
	border: solid 1px #999;	
	font-weight: bold;
	font-size: 1.2em;
}

*>.libFile {}

#pre_next{
	position: absolute;
	margin: 0;
	padding: 0;
	left: 347px;
	top: 30px;
}

A.calendar {
	color: #f4efdb;
}
A.calendar:visited {
	color: #f4efdb;
}
.CalendarDay {
	font-size: 8px;
	background-color: #f4efdb;
	text-align: right;
}
.CalendarDayToday {
	font-size: 8px;
	background-color: #8f4707;
	text-align: right;
}
.CalendarDaySelected {
	font-size: 8px;
	background-color: #07478f;
	text-align: right;
}
.CalendarDayEmpty {
	font-size: 8px;
	background-color: #eaeaea;
	text-align: right;
}
.CalendarDayNames {
	font-size: 11px;
	color: #f4efdb;
	font-weight : bold;
	background-color: #8f4707;
	text-align: center;
	padding:0px;
	margin:0px;
	line-height: 11px;
}
.calnav {
	margin: 0 auto 0 auto;
	font-size: 10pt;
	font-weight: bold;
}

#miniCal {
	width: 100%;
	padding: 0;
}

#miniCal td{
	margin: 0;
	padding: 0;
}

#miniCal caption{
	margin: 0;
	padding: 0;
}

#miniCal table  {
	margin: 0;
	padding: 0;
 	font-size: 12pt;
}
/* end calendar styles */
.addressH{
    color: #000000;
    font-size: 15px;
    font-style: italic;
    font-weight: normal;
    margin: 0px;
}