#layouttopbg {height:50px;width:100%;position:absolute;top:7px;left:0px;background-image: url(../Images/FrontPages/bgtop.gif);background-repeat: repeat-x;background-position: top;z-index: 0;}
BODY { margin: 0px; padding: 0; font: 14px "Trebuchet MS", verdana, arial, sans-serif; }
a {
	color: #C00;
	text-decoration: none;
}
.RadComboBox_WebBlue .rcbInputCell INPUT.rcbInput
{    
    background-color: White;         
}
.RadComboBox_WebBlue .rcbHovered .rcbInputCell INPUT.rcbInput
{    
    background-color: transparent !important;         
}     
.RadComboBox_WebBlue .rcbInputCellLeft
{
    background-position: 0 -44px !important;
}
.mainContent
{
	position: relative;
	top: -250px;
	margin: 0 auto 0 auto;
	width: 1000px;   
	padding: 10px;
}

.mainContentFull
{
	position: relative;
	top: -250px;
	margin: 0 auto 0 auto;
	width: 1000px;
	height: 830px;
}

.mainContentLeft 
{
	float: left;
	width: 198px;
	margin-right: 10px;    
	margin-left: 8px;
	background: transparent url('../Images/FrontPages/prodNavMiddle.png') repeat-y; 
}

.prodNavTop
{
	width: 198px;
	height: 10px;
	background: transparent url('../Images/FrontPages/prodNavTop.png') no-repeat;
}

.prodNav
{
	margin-top: -5px;
	padding-left: 5px; 
}

.prodNavBottom
{
	width: 198px;
	height: 10px;
	margin-top: -10px;
	background: transparent url('../Images/FrontPages/prodNavBottom.png') no-repeat;
}    

.mainContentCenter 
{
	float: left;
	width: 778px;
} 

.multipageContainer
{
	float: left;
	width: 508px;
	background: transparent url('../Images/FrontPages/tabsouterglow-middle.png') repeat-y;
	margin-bottom: 16px; 
}

.multipageTop
{
	width: 508px;
	height: 11px;
	background: transparent url('../Images/FrontPages/tabsouterglow-top.png') no-repeat;    
}

.multipageBottom
{
	width: 508px;
	height: 11px;
	margin-top: -16px;
	background: transparent url('../Images/FrontPages/tabsouterglow-bottom.png') no-repeat;    
}

/* TOP PANEL AND BUTTON */
.tab {
	height: 42px;
	position: relative;
	top: 0;
	z-index: 999;
	background-image: url(../Images/FrontPages/tab_b.png);
	background-repeat: repeat-x;
	background-position: 0 0;
}

.tab ul.login {
	display: block;
	position: relative;
	height: 42px;
	width: 300px;
	font-weight: bold;
	line-height: 42px;
	color: white;
	font-size: 80%;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	left: 385px;
}

.tab ul.login li.left {
	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	background-image: url(../Images/FrontPages/tab_l.png);
	background-repeat: no-repeat;
	background-position: left 0;
}

.tab ul.login li.right {
	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	background-image: url(../Images/FrontPages/tab_r.png);
	background-repeat: no-repeat;
	background-position: left 0;
}

.tab ul.login li {
	text-align: left;
	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
	background-image: url(../Images/FrontPages/tab_m.png);
	background-repeat: repeat-x;
	background-position: 0 0;
}

.tab ul.login li a {
	color: #F00;
}

.tab ul.login li a:hover {
	color: white;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	position: relative;
	top: 11px;
}

.tab a.open {background-image: url(../Images/FrontPages/bt_open.png);background-repeat: no-repeat;background-position: left 0;}
.tab a.close {
	background-image: url(../Images/FrontPages/bt_close.png);
	background-repeat: no-repeat;
	background-position: left 0;
}
.tab a:hover.open {
	background-image: url(../Images/FrontPages/bt_open.png);
	background-repeat: no-repeat;
	background-position: left -19px;
}
.tab a:hover.close {
	background-image: url(../Images/FrontPages/bt_close.png);
	background-repeat: no-repeat;
	background-position: left -19px;
}

/* sliding panel */
#toppanel {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#panel {
	width: 100%;
	height: 345px;
	color: #999999;
	padding-top: 10px;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel h1 {
	font-size: 1.2em;
	padding: 5px 0 10px 0;
	margin: 0;
	color: white;
}

#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px 0;
	margin: 0;
	color: white;
}

#panel p {
	margin: 5px 0 0 0;
	padding: 0;
}

#panel a {
	text-decoration: none;
	color: #F00;
}

#panel a:hover {
	color: white;
}

#panel .left {
	width: 27%;
	height: 335px;
	overflow: hidden;
	float: left;
	padding: 0 2% 0 5%;
	border-right: 1px solid #333;
	text-align: left;
}

#panel .center {
	width: 24%;
	float: left;
	height: 335px;
	overflow: hidden;
	padding: 0px 5% 0 5%;
	text-align: left;
}

#panel .right {
	width: 24%;
	float: left;
	height: 335px;
	overflow: hidden;
	padding: 0 0 0 5%;
	border-left: 1px solid #333;
	text-align: left;
}

#panel .submit {
	width: 220px;
	text-align: center;
}

.registerButton
	{
		background-image: url('../Images/FrontPages/bt_login.png');
		background-position: top left;
		width: 100px;
		height: 100px;
	}
/* END TOP PANEL AND BUTTON */

/* LOGO AND MENUS */
#headerparts{height: 83px;width:976px;margin-left: auto;position:relative;top:15px;left: auto;right: auto;margin-right: auto; vertical-align: bottom; z-index: 104;}
#logo{height:71px; width:217px;position:absolute;top:0px;left:0px;}
#phoneNumber{font-weight: bold; font-size: 18px; width:466px; float: right; position: absolute; margin-top: 5px; right: 0px; }
#topDividerBar{height:238px; width:1020px; z-index: -1; background-image: url('../Images/FrontPages/topborder.png'); background-repeat: repeat-x; background-position: top; margin-left: auto; margin-right:auto; margin-top: 5px;}
#topDividerBarLeft{height: 238px; width: 21px;background-image: url('../Images/FrontPages/leftborder.png');float:left;}
#topDividerBarRight{height: 238px; width: 21px;background-image: url('../Images/FrontPages/rightborder.png');float:right;}
#bottomDividerBar{height:238px; width:1020px; z-index: -1; background-image: url('../Images/FrontPages/topborderR.png'); background-repeat: repeat-x; background-position: top; position: relative; top: -490px; margin-left: auto; margin-right:auto;}
#bottomDividerBarLeft{height: 238px; width: 21px;background-image: url('../Images/FrontPages/leftborderR.png');float:left;}
#bottomDividerBarRight{height: 238px; width: 21px;background-image: url('../Images/FrontPages/rightborderR.png');float:right;}

.menuheader {width: 224px; height: 56px; background-image: url('../Images/FrontPages/dddmtop.png');}
.menufooter {width: 224px; height: 14px; background-image: url('../Images/FrontPages/dddmbot.png');}
.submenu {background-image: url('../Images/Frontpages/dddmmid.png'); background-repeat: repeat-y; width: 224px;}
.submenu a:hover {color: red !important; text-decoration: underline !important;}
.submenu a:link, a:visited, a:active {color: black; text-decoration: none; font-weight: bold;}
.submenu div {width: 180px; margin: auto;}

#headernav{height:42px;width:466px;float: right;margin-bottom: 0px; background-color: #FFF;right: 0px;bottom: 10px; position: absolute;}
#headernav li {display:inline;}
#headernav li a{background-image:url(../Images/FrontPages/headernavigation2.png);background-repeat:no-repeat;float:left;height:42px;overflow:hidden;width:103px;}
#headernav li#home a{background-position: -5 0;}
#headernav li#home a:hover{background-position: 0 -42px;}
#headernav li#contact a{background-position: -108px 0;}
#headernav li#contact a:hover{background-position: -108px -42px;}
#headernav li#chat a{background-position: -211px 0;}
#headernav li#chat a:hover{background-position: -211px -42px;}
#headernav li#search a{background-position: -314px 0px; width: 157px;}
#headernav li#search a:hover{background-position: -314px -42px; width: 157px;}
#contactpanel{display:none;position: absolute;left: 504px;top: 28px;text-align: right; font-size: 14px;line-height: 20px;z-index: 104; font-family: Arial, Helvetica, sans-serif;}

#headernavc{height:42px;width:618px;float: right;margin-bottom: 0px; background-color: #FFF;right: 0px;bottom: 10px; position: absolute;}
#headernavc a:hover {color: red !important; text-decoration: underline !important;}
#headernavc a:link, a:visited, a:active {color: black; text-decoration: none; font-weight: bold;}
#headernavc li {display:inline;}
#headernavc li a{background-image:url(../Images/FrontPages/loggedinheaderbuttons.png);background-repeat:no-repeat;float:left;height:42px;overflow:hidden;width:103px;}
#headernavc li#orderC a{background-position: -6 0;}
#headernavc li#orderC a:hover{background-position: 0 -42px;}
#headernavc li#estimatesC a{background-position: -109px 0;}
#headernavc li#estimatesC a:hover{background-position: -109px -42px;}
#headernavc li#myaccountC a{background-position: -212px 0;}
#headernavc li#myaccountC a:hover{background-position: -212px -42px;}
#headernavc li#contactusC a{background-position: -315px 0;}
#headernavc li#contactusC a:hover{background-position: -315px -42px;}
#headernavc li#livechatC a{background-position: -418px 0;}
#headernavc li#livechatC a:hover{background-position: -418px -42px;}
#headernavc li#homepageC a{background-position: -521px 0;}
#headernavc li#homepageC a:hover{background-position: -521px -42px;}
#orderpanelc{width:224px;display:none;position: absolute;left: 251px;top: 28px;text-align: right; font-size: 14px;line-height: 20px;z-index: 104; font-family: Arial, Helvetica, sans-serif}
#estimatespanelc{width:224px;display:none;position: absolute;left: 354px;top: 28px;text-align: right; font-size: 14px;line-height: 20px;z-index: 104; font-family: Arial, Helvetica, sans-serif}
#myaccountpanelc{width:224px;display:none;position: absolute;left: 457px;top: 28px;text-align: right; font-size: 14px;line-height: 20px;z-index: 104; font-family: Arial, Helvetica, sans-serif}
#contactuspanelc{width:224px;display:none;position: absolute;left: 560px;top: 28px;text-align: right; font-size: 14px;line-height: 20px;z-index: 104; font-family: Arial, Helvetica, sans-serif}

#headernavv{height:42px;width:618px;float: right;margin-bottom: 0px; background-color: #FFF;right: 0px;bottom: 10px; position: absolute;}
#headernavv a:hover {color: red !important; text-decoration: underline !important;}
#headernavv a:link, a:visited, a:active {color: black; text-decoration: none; font-weight: bold;}
#headernavv li {display:inline;}
#headernavv li a{background-image:url(../Images/FrontPages/loggedinheaderbuttons.png);background-repeat:no-repeat;float:left;height:42px;overflow:hidden;width:103px;}
#headernavv li#orderV a{background-position: -6 0;}
#headernavv li#orderV a:hover{background-position: 0 -42px;}
#headernavv li#estimatesV a{background-position: -109px 0;}
#headernavv li#estimatesV a:hover{background-position: -109px -42px;}
#headernavv li#myaccountV a{background-position: -212px 0;}
#headernavv li#myaccountV a:hover{background-position: -212px -42px;}
#headernavv li#contactusV a{background-position: -315px 0;}
#headernavv li#contactusV a:hover{background-position: -315px -42px;}
#headernavv li#livechatV a{background-position: -418px 0;}
#headernavv li#livechatV a:hover{background-position: -418px -42px;}
#headernavv li#homepageV a{background-position: -521px 0;}
#headernavv li#homepageV a:hover{background-position: -521px -42px;}
#orderpanelv{width:224px;display:none;position: absolute;left: 251px;top: 28px;text-align: right; font-size: 14px;line-height: 20px;z-index: 104; font-family: Arial, Helvetica, sans-serif}
#estimatespanelv{width:224px;display:none;position: absolute;left: 354px;top: 28px;text-align: right; font-size: 14px;line-height: 20px;z-index: 104; font-family: Arial, Helvetica, sans-serif}
#myaccountpanelv{width:224px;display:none;position: absolute;left: 457px;top: 28px;text-align: right; font-size: 14px;line-height: 20px;z-index: 104; font-family: Arial, Helvetica, sans-serif}
#contactuspanelv{width:224px;display:none;position: absolute;left: 560px;top: 28px;text-align: right; font-size: 14px;line-height: 20px;z-index: 104; font-family: Arial, Helvetica, sans-serif}

#headernava{height:42px;width:618px;float: right;margin-bottom: 0px; background-color: #FFF;right: 0px;bottom: 10px; position: absolute;}
#headernava a:hover {color: red !important; text-decoration: underline !important;}
#headernava a:link, a:visited, a:active {color: black; text-decoration: none; font-weight: bold;}
#headernava li {display:inline;}
#headernava li a{background-image:url(../Images/FrontPages/loggedinheaderbuttons.png);background-repeat:no-repeat;float:left;height:42px;overflow:hidden;width:103px;}
#headernava li#orderA a{background-position: -6 0;}
#headernava li#orderA a:hover{background-position: 0 -42px;}
#headernava li#estimatesA a{background-position: -109px 0;}
#headernava li#estimatesA a:hover{background-position: -109px -42px;}
#headernava li#myaccountA a{background-position: -212px 0;}
#headernava li#myaccountA a:hover{background-position: -212px -42px;}
#headernava li#contactusA a{background-position: -315px 0;}
#headernava li#contactusA a:hover{background-position: -315px -42px;}
#headernava li#livechatA a{background-position: -418px 0;}
#headernava li#livechatA a:hover{background-position: -418px -42px;}
#headernava li#homepageA a{background-position: -521px 0;}
#headernava li#homepageA a:hover{background-position: -521px -42px;}
#orderpanela{width:224px;display:none;position: absolute;left: 251px;top: 28px;text-align: right; font-size: 14px;line-height: 20px;z-index: 104; font-family: Arial, Helvetica, sans-serif}
#estimatespanela{width:224px;display:none;position: absolute;left: 354px;top: 28px;text-align: right; font-size: 14px;line-height: 20px;z-index: 104; font-family: Arial, Helvetica, sans-serif}
#myaccountpanela{width:224px;display:none;position: absolute;left: 457px;top: 28px;text-align: right; font-size: 14px;line-height: 18px;z-index: 104; font-family: Arial, Helvetica, sans-serif}
/* END LOGO AND MENUS */

/* ZOOMABLE SUB TABS */
#subheader {height: 160px;position: relative;width: 778px;background-color: #006;}
.zoomoutmenu {height: 160px;width: 778px;}
.panels {height: 160px;width: 778px;overflow: hidden;}
.tabs {position: absolute;z-index: 102;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;margin: 0 0 0 0; padding: 0 0 0 0; left: 5px;bottom: 5px;}
.tabs li {float: left;display: inline;width: 192px;background-color: #fff;text-align: center;}
.tabs li a {padding: 2px;display: block;text-decoration: none;color: #000;border-top: 5px solid #fff;font-size: 13px; font-weight: normal;}
.tabs li a:hover {border-top: 5px solid #000;background-color: #666;color: #fff;background-image: url('../Images/FrontPages/subtabbutton.gif');background-position: center bottom;}
.panel {background: #ccc;padding: 10px;height: 140px;position: relative; overflow: hidden;}
.panel h2 {font-size: 30px;color: #fff;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;margin: 0;text-align: left; padding: 50px 10px 50px 30px;}
#one {background: url('../Images/FrontPages/subone.gif') no-repeat left center; z-index: 50;}
#two {background: url('../Images/FrontPages/subtwo.gif') no-repeat left center; display: none; z-index: 50;}
#three {background: url('../Images/FrontPages/subthree.gif') no-repeat left center; display: none; z-index: 50;}
#four {background: url('../Images/FrontPages/subfour.gif') no-repeat left center; display: none; z-index: 50;}
.subboxcap {height:10px;left:0pt;position:absolute;width:100%;z-index:100;margin-top:-10px;}
.subcaptop {background-image:url('../Images/FrontPages/subheaderbg.png');bottom:auto;margin-top:0;background-repeat: no-repeat;background-position: left top;height: 100%;width: 100%;}
/* END ZOOMABLE SUB TABS */

#layoutMinimal { width: 508px; float: left; }

/* TABBED MULTIPAGE */
#layouttabs {font-family:arial;font-size:10px;color:#ccc;min-height: 640px;width: 508px;margin-top: -7px;}
#tabMenu {margin:0;padding:0 0 0 0;list-style:none;}
#tabMenu li {height:20px;width:125px;cursor:pointer;cursor:hand;float: left;}

li.howtoorder {padding-top: 12px;color:#FFF;font-size: 12px;font-weight: bold;text-align: center;background-image: url(../Images/FrontPages/howtoorderbutton.png);background-repeat: no-repeat;background-position: 0px -32px;}
li.product {padding-top: 12px;font-size: 12px;font-weight: bold;text-align: center;background-image: url(../Images/FrontPages/prodinfobutton.png);background-repeat: no-repeat;background-position: 0 -32px;}
li.artfilehelp {padding-top: 12px;color:#FFF;font-size: 12px;font-weight: bold;text-align: center;background-image: url(../Images/FrontPages/arthelpbutton.png);background-repeat: no-repeat;background-position: 0px -32px;}
li.otherservices {padding-top: 12px;color:#FFF;font-size: 12px;font-weight: bold;text-align: center;background-image: url(../Images/FrontPages/otherservicesbutton.png);background-repeat: no-repeat;background-position: 0px -32px;}

li.mouseover {color: #F00;background-position:0 0;}
li.mouseout {color: #FFF;background-position:0 -32px;}
li.selected {color: #000;background-position:0 -64px;}
.box {width:500px; margin-right: auto; margin-left: auto;}
*html .boxTop {margin-bottom:-2px;}
.boxBody
{
	width: 470px;
	height: 545px;
	overflow: auto;
	overflow-x: hidden;
	color: #272727;
	padding: 0px 15px 15px 15px;
	background: #FFF;
	z-index: 4000;
	font-size: 10pt;
	color: #666666;
}
.boxBody div {display:none; padding-top: 10px;}
.boxBody div.show {display:block;}

.tabHeading
{
	font-size: 24pt;
	font-weight: bold;
	color: #666666;
	text-align: center;
	margin-top: 0px;
}
.tabSectionHeading {font-size: 12pt; font-weight: bold; color: Black;}
.tabSubSectionHeading {font-size: 12pt; font-weight: bold; color: #666666; font-style: italic;}
/* END TABBED MULTIPAGE */

/* PRICE CALCULATOR */
#layoutpricecalc 
{
	float: left;
	background-color: white;
	height: 640px;
	width: 260px;
	margin-left: 10px;
	background-image: url(../Images/FrontPages/pricecalculatorbg.png);
}
.priceCalcContents
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 55px 15px 10px 15px;    
}
/* END PRICE CALCULATOR */
.tabSubSectionHeading2
{
	font-size: 12pt;
	font-weight: bold;
	color: #666666;
}

/* TOOLTIPS */
.tooltipcase {
	color:#666666;
	font-size:10pt;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.tooltipcontent1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #000;
}
.smltxt {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #333;	
}
.lrgtxt {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #333;
	font-weight: bold;
}
.center {
	margin-left:auto;
	margin-right:auto;
	background-position: center;
}
/* END TOOLTIPS */

/* ART HELP BUTTONS */
#HelpButtons li {display:inline; z-index: 10;}
#HelpButtons a {
	float: left;
	height: 41px;
	width: 150px;
	background-image: url(../Images/FrontPages/tooltipbuttons.png);
	background-repeat:no-repeat;
    z-index: 10;
}
#HelpButtons li#btnBleed a {background-position: 0 0;}
#HelpButtons li#btnBleed a:hover {background-position: 0 -42px;}
#HelpButtons li#btnColor a {background-position: 0 -168px;}
#HelpButtons li#btnColor a:hover {background-position: 0 -210px;}
#HelpButtons li#btnFont a {background-position: 0 -84px;}
#HelpButtons li#btnFont a:hover {background-position: 0 -126px;}
#HelpButtons li#btnImage a {background-position: 0 -252px;}
#HelpButtons li#btnImage a:hover {background-position: 0 -294px;}
#HelpButtons li#btnFile a {background-position: 0 -336px;}
#HelpButtons li#btnFile a:hover {background-position: 0 -378px;}

#approvalpanel{width:366px;height:347px;display:none;position: relative; top: -45px; left: -3px; background-image: url(../Images/FrontPages/questionsdropdown.png);background-repeat: no-repeat;background-position: left top;text-align: left; font-size: 12px;line-height: 24px;z-index: 104; font-family: Arial, Helvetica, sans-serif;}
#approvalpanel a:hover {color: red !important; text-decoration: underline !important;}
#approvalpanel a:link, a:visited, a:active {color: black; text-decoration: none; font-weight: bold;}

/* END ART HELP BUTTONS */

/* FOOTER CONTENT */
.InfoSection {position: absolute; top: 925px; left: 0px; width: 100%; background-color: #272727; color: #FFFFFF; min-height: 500px;}
#layoutbottombg {height:30px; width:100%; background-image: url(../Images/FrontPages/bgtopR.jpg);background-repeat: repeat-x;background-position: bottom;z-index: 0; background-color: #FFFFFF;}
#layoutbottombg2 {width:100%; border-top: 1px solid #FFFFFF; padding-top: 10px; padding-bottom: 10px; background-color: #272727; color: #FFFFFF;}

/* VARIOUS */
.WizardStep {padding: 5px;}