@charset "UTF-8";
@import "CSSHeader.css";
@import "CSSFooter.css";
@import "CSSNavigation.css";

/*******************************
******** FORMAT RULES **********
*******************************/

body { background-color: #ececf5; }

body #bodyPanel {
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	color: #000099;
	width: 800px;
}

#panelBG {	float: left; background-color: #FFFFFF;	}

img { border: none; }

a {	text-decoration: none; }

p, h1, h2, h3, h4, h5, ul { margin: 0; }

h1 { font-size: 1.2em; padding-top: 3px; }

hr { clear: both; }

.floatRight{ float:right; }
.floatLeft{	float:left; }

.whiteFont { color: #FFFFFF; }

.txt120 { font-size: 120%; }
.txt140{ font-size: 140%; }
.txt130 { font-size: 130%; }
.txt120 { font-size: 120%;}
.txt90{ font-size: 90%; }
.txt80{ font-size: 80%;}
.txt70{ font-size: 70%;}

.column150 { float: left; width: 150px; }
.column200 { float: left; width: 200px; }
.column250 { float: left; width: 250px; }
.column300 { float: left; width: 300px; }

.border {
	border: 1px solid #000099;
	padding: 5px;
	color: #000099;
}

.hrDots {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999999;
}

.iconImage {
	padding-top: 7px;
	padding-right: 2px;
	padding-left: 1px;
}

/*******************************
***** FULL PAGE FORMATS ********
*******************************/

#bCardText {
	width: 465px;
	text-align: justify;
	padding: 5px;
}

#content, #specPage, #articlePage, #helpPage, #contactPage, #aboutPage, #designPage, #signinPage, #registerPage, #offersPage, #shoppingPage, #downloadPage, #QuotePage, #noNavPage, #businessPackPage, #letterheadPage, #orderCompPage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	width: 605px;
	height: 100%;
	float: left;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

#content{
	font-size: 70%;
}

#QuotePage{
	padding-top: 13px;
}

#noNavPage{
	width: 715px;
	padding-left: 75px;
	background-repeat: repeat-y;
	background-image: url(../images/webLayout/pageColorBanners/blueBar.gif);
}

#specPage {
	padding-bottom: 20px;
	font-size: 85%;
}

#offersPage {
	padding-bottom: 20px;
}

#contactPage {
	padding-left: 50px;
	width: 700px;
	padding-right: 50px;
}
#articlePage {
	font-size: 80%;
	padding-top: 17px;
	width: 575px;
	padding-right: 25px;
	padding-left: 25px;
	line-height: 22px;
}


/*******************************
******** TEMPLATE RULES ********
*******************************/

#mainContent {
	width: 800px;
	float: left;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	background-repeat: repeat;
	float: left;
}

#rightColumn{
	font-family: Arial, Helvetica, sans-serif;
	width: 620px;
	float: right;
	height: 100%;
	padding-bottom: 30px;
}


.topColumn{
	font-family: Arial, Helvetica, sans-serif;
	width: 600px;
	float: left;
	line-height: 30px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
}

.itemLColumn{
	font-family: Arial, Helvetica, sans-serif;
	width: 365px;
	float: left;
	height: 100%;
}

.itemRColumn{
	font-family: Arial, Helvetica, sans-serif;
	width: 245px;
	float: right;
	height: 100%;
	margin-right: 5px;
}

/*******************************
** SPEC FAQS DOWNLOAD ORDER ****
*******************************/


.downloadOutline {
	padding: 4px;
	text-align: center;
	font-size: 120%;
	float: left;
	height: 100%;
	width: 175px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
}

.bannerTitle {
	background-color: #b5c7ea;
	border: 1px solid #000099;
	padding: 3px;
	text-align: center;
	font-variant: normal;
	text-transform: uppercase;
}
.bannerTitleFloat {
	background-color: #b5c7ea;
	border: 1px solid #000099;
	padding: 3px;
	font-variant: normal;
	text-transform: uppercase;
	float: left;
	width: 594px;
	font-size: 90%;
}
.borderFloat {
	border: 1px solid #000099;
	padding: 5px;
	color: #000099;
	float: left;
	width: 590px;
	margin-bottom: 20px;
}

.designColumn {
}

#quoteHeading {
	text-align: center;
	background-image: url(../images/webLayout/flyerTitleBG.gif);
	background-repeat: no-repeat;
	height: 35px;
	margin-top: 5px;
	width: 603px;
}
#quoteHeading .quoteHeadingTxt {
	color: #FFFFFF;
	float: left;
	width: 200px;
	height: 30px;
	padding-top: 5px;
}
#typeContainerFlyer,#typeContainerLeaflet,#typeContainerBrochure {
	text-align: center;
	float: left;
	font-size: 180%;
	overflow: hidden;
	background-color: #0B017C;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #0B017C;
	border-left-color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #FFFFFF;
	margin-top: 5px;
	border-bottom-style: solid;
}
#typeContainerFlyer {
	width: 190px;
}
#typeContainerLeaflet {
	width: 190px;
}
#typeContainerBrochure {
	width: 200px;
}
.floatUL  {
	float: right;
	width: 330px;
}
.ulColumns {
	float: left;
	padding-left: 25px;
	padding-right: 10px;
	font-size: 90%;
	line-height: 1.6em;
	width: 166px;
	padding-bottom: 10px;
}
.ulColumnsHeading {
	text-decoration: underline;
	padding-left: 25px;
	float: left;
	width: 176px;
}
.floatULThin {
	float: right;
	width: 265px;
	font-size: 90%;
	line-height: 15px;
}
.floatULExThin {
	float: right;
	width: 220px;
	line-height: 17px;
}
.floatUL ul, .floatULThin ul, .floatULExThin ul {
	float: right;
	padding-left: 20px;
}
.lithoPrintTxt {
	width: 375px;
	text-align: justify;
}
.floatULBG {
	padding: 6px;
	background-color: #D5D5F3;
	border: 1px solid #CCCCCC;
}
.floatUL   li, .floatULThin li {
	font-size: 100%;
	line-height: 1.7em;
}

.tableBorder {
	border: 1px solid #000099;
}
.tableBorderBCard {
	border: 1px solid #000099;
	height: 135px;
	width: 250px;
}
.tableBorderLHead {
	border: 1px solid #000099;
	height: 120px;
}
.tableBorderLithoPrint {
	border: 1px solid #000099;
	width: 585px;
}
.tableBorderWPrint {
	border: 1px solid #000099;
	width: 585px;
	height: 150px;
}
.tableBorderMenuBox{
	border: 1px solid #000099;
	height: 300px;
	width: 588px;
}
.tableBorderMenuCurveBox {
	border: 1px solid #000099;
	height: 210px;
	width: 588px;
}
.tableBorderPosterOptions {
	width: 320px;
	height: 120px;
}
.tableBorderWPrint  a:hover {
	text-decoration: underline;
}
.tableBorderLithoPrint  td {
	height: 30px;
}
.designLink {
	color: #0e0887;
	text-decoration: underline;
}
.designLink a {
	color: #0e0887;
	text-decoration: underline;
}
.designLink a:hover {
	text-decoration: underline;
	color: #0e0887;
}
.designLink a:link {
	text-decoration: underline;
	color: #0e0887;
}
.tableBorderMenuCurveBox a:hover, .tableBorder a:hover, .tableBorderBCard a:hover, .tableBorderLHead a:hover, .tableBorderLithoPrint a:hover, .tableBorderWPrint a:hover, .tableBorderWPrint  a:hover, .tableBorderPosterOptions a:hover, .tableBorderMenuBox a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #000099;
}

.tableBorderMenuCurveBox a:link, .tableBorder a:link, .tableBorderBCard a:link, .tableBorderLHead a:link, .tableBorderLithoPrint a:link, .tableBorderWPrint a:link, .tableBorderWPrint  a:link, .tableBorderPosterOptions a:link, .tableBorderMenuBox a:link
.tableBorderMenuCurveBox a, .tableBorder a, .tableBorderBCard a, .tableBorderLHead a, .tableBorderLithoPrint a, .tableBorderWPrint a, .tableBorderWPrint  a, .tableBorderPosterOptions a, .tableBorderMenuBox a{
	color: #0000CC;
}
#menuText,#menuCurvedText {
	width: 365px;
	line-height: 1.4em;
	text-align: justify;
	height: 230px;
}
#windowDisplay {
	font-size: 90%;
	line-height: 1.6em;
	text-align: justify;
}
#menuSlimText {
	width: 400px;
	font-size: 90%;
	line-height: 1.6em;
	text-align: justify;
	height: 145px;
}
#menuPosterText {
	width: 400px;
	font-size: 100%;
	line-height: 1.6em;
	text-align: justify;
}
#projectionText {
	width: 350px;
	text-align: justify;
}
#bannerText {
	font-size: 90%;
	line-height: 1.6em;
	text-align: justify;
	width: 340px;
}
#fasciaText {
	font-size: 90%;
	line-height: 1.6em;
	text-align: justify;
	width: 340px;
}
.lightText {
	float: left;
	width: 325px;
	text-align: justify;
	line-height: 1.6em;
	padding-right: 5px;
	padding-top: 15px;
	height: 115px;
}
#exhibitionText {
	font-size: 90%;
	width: 365px;
	text-align: justify;
	line-height: 1.6em;
}
#floorGraphic {
	font-size: 90%;
	width: 430px;
	text-align: justify;
	line-height: 1.6em;
	height: 132px;
}
#letterGraphic {
	font-size: 90%;
	width: 260px;
	text-align: justify;
	line-height: 1.6em;
	height: 200px;
}
#popUpStands {
	font-size: 90%;
	text-align: justify;
	line-height: 1.6em;
}
#bsPack {
	width: 260px;
	text-align: justify;
	line-height: 1.6em;
	height: 170px;
}
#lHeadText {
	width: 370px;
	text-align: justify;
	line-height: 1.6em;
	height: 120px;
}
.ulSmColumns {
	float: left;
	padding-left: 25px;
	padding-right: 10px;
	font-size: 90%;
	line-height: 1.6em;
	text-align: justify;
	width: 161px;
	padding-bottom: 10px;
}

/**********NEW NAV************/

.menuHighlight {
	width: 280px;
	float: left;
	background-color: #DBDCFD;
	border-right-width: 10px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	color: #000099;
}
.menuHighlightTitle {
	font-size: 130%;
	width: 550px;
	margin-right: auto;
	margin-left: auto;
	background-color: #D5D5F3;
}
.menuHighlight a, .menuHighlight a:link, .menuHighlight a:hover{
	color: #000099;
}
.designLib {
	text-align: center;
	border: 1px solid #000099;
	padding: 10px;
}
.designArtwork {
	background-image: url(../images/webLayout/designMenusVert.jpg);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 90px;
	text-align: justify;
	width: -90px;
}
.designTable {
	border: 1px solid #999999;
}
#specPage  fieldset{
	padding: 7px;
	border: 1px solid #001685;
}
#specPage legend{
	border: 1px solid #001685;
	font-weight: bold;
	padding: 3px;
	background-color: #DDDEF6;
	text-align: left;
}

#designPage fieldset{
	padding: 7px;
	border: 1px solid #001685;
}
#designPage legend{
	border: 1px solid #001685;
	font-weight: bold;
	padding: 3px;
	text-align: left;
	background-color: #FFFFFF;
	font-size: 140%;
}

#designPage fieldset fieldset{
	padding: 7px;
	border: 1px solid #001685;
}
.logoPrice {
	border: 1px solid #001685;
	float: right;
	background-color: #FFFFFF;
	padding: 3px;
	font-size: 140%;
}
#fieldSet1 {
	background-image: url(../images/webLayout/design/fieldSetTop.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 575px;
	font-size: 140%;
	padding-top: 3px;
	padding-left: 14px;
	font-weight: bold;
}
.fieldSetText {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #002899;
	width: 573px;
	padding: 7px;
}
#fieldSet2 {
	background-image: url(../images/webLayout/design/fieldSet2Top.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 575px;
	font-size: 140%;
	padding-top: 3px;
	padding-left: 14px;
	font-weight: bold;
}
#fasciaHolder {
	width: 600px;
	overflow-x: auto;
	overflow-y: hidden;
	clear: both;
}
#lowerTable {
	width: 604px;
}
#lowerTable td {
	width: 144px;
	text-align: center;
}