@CHARSET "ISO-8859-1";

body { font-family:Arial; font-size:0.9em; margin:0; color:#888888; }

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

img { border:none; }

p { margin:2px 0 2px 0; }
p.Question { font-weight:bold; color:#015487;}


h3 { margin:0; padding:0; color:#000000; font-size:1.3em; }
h3.Content { color:#077dc6; font-size:2.0em; border-bottom:3px solid #cccccc; margin-top:10px; }
h3.Content img { vertical-align:middle; }

.Center { margin:0 auto; }
.Text-Center { text-align:center; }
.Text-Right { text-align:right; }
.Text-Left { text-align:left; }
.MarginTop { margin-top:2px; }
.Float { float:left; }
.ImageBorder { border:1px solid #CCCCCC; }
.Hide { display:none; }
.DragCursor { cursor:move; }
.HoverBorder { border:1px solid #CCCCCC; }
.MouseDownBorder { border:1px solid #333333; }

.Box { border:#CCCCCC 1px solid; background:#F1F1F2; }
.Box h3 { border-bottom:2px solid #CCCCCC; margin:2px; font-weight:bold; color:#006699; }
.Box table { width:100%; vertical-align:top; }
.Box table td { vertical-align:top; }

#topBorder { border-top:6px solid #37a9ef;  }
#header:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
#header { margin:0 auto; width:800px; background:#FFFFFF; }
#header .Logo { background:url(../images/logo.gif) no-repeat; height:125px; width:185px; float:left; }
#header #panelWrapper { width:615px; float:left; }
#header #panel { background:#37a9ef; color:#FFFFFF; width:250px; margin-left:365px; height:25px; text-align:center; }
#header #panel a { color:#FFFFFF; font-weight:bold; font-size:0.8em; }
#header #panel div { background:url(../images/header-panel-left.gif) top left no-repeat; height:25px; }
#header #panel div div {background:url(../images/header-panel-right.gif) top right no-repeat; height:25px; padding:2px 10px; }

#topNavigation { margin:0 auto; width:800px; height:35px; background:url(../images/navigation-background.gif) repeat-x; color:#FFFFFF; }
#topNavigation div { background:url(../images/navigation-left.gif) top left no-repeat; height:35px; }
#topNavigation div div {background:url(../images/navigation-right.gif) top right no-repeat; height:35px; padding:4px; }
#topNavigation:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
#topNavigation ul { padding:0; font-size:0.8em; margin:0; margin-top:2px; }
#topNavigation ul li { list-style:none; margin:0; padding:0 4px 3px 5px; float:left; }
#topNavigation ul li a { line-height:25px; height:25px; float:left; color:#FFFFFF; cursor:pointer; text-decoration:none; }
#topNavigation ul li b { float:left; padding:0 5px 0 5px; }
#topNavigation ul li a:hover { background:url(../images/menu-left.gif) repeat-x; height:24px; }
#topNavigation ul li a:hover b { background:url(../images/menu-right.gif) no-repeat top right; height:24px; padding-right:5px; }

#footerWrapper { background:#37a9ef url(../images/footer-background.gif) repeat-x top; height:75px; }
#footer { margin:0 auto; width:800px; }
#footer .Logo { background:url(../images/footer-logo.gif) no-repeat 0 15px; height:75px; width:150px; float:left; }
#footer .Navigation { width:650px; float:left; padding-top:25px; color:#FFFFFF; font-weight:bold; font-size:0.8em;  }
#footer .Navigation ul { padding:0; margin-bottom:4px; }
#footer .Navigation ul:after {content:"."; display:block; height:0; clear:both; visibility:hidden;  }
#footer .Navigation li { float:left; list-style:none; padding-right:8px; }

#contentWrapper { margin:0 auto; width:800px; }
#contentWrapper:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
#contentWrapper #sideNavigation { width:175px; float:left; margin:2px 25px 0 0; padding:0; }
#contentWrapper #sideNavigation h3 { margin:0; border-bottom:1px dotted #024b78; }
#contentWrapper #sideNavigation ul { padding:0; margin:0; }
#contentWrapper #sideNavigation ul li { list-style:none; }
#contentWrapper #sideNavigation ul li a { font-weight:bold; font-size:0.9em; }

#contentWrapper #content { width:600px; float:left; padding:0; margin-top:2px;font-size:0.9em; }

#catalogHeading { background:url(../images/catalog-heading-footer.gif) repeat-x bottom; padding-bottom:25px; }
#catalogHeading:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
#catalogHeading img { float:left; margin-right:5px; }
#catalogHeading h3 { color:#077dc6; font-size:2.0em; }

#catalog { width:100%; }
#catalog td { text-align:center; }
#catalog p.Price { color:#990000; }
#catalog p.Sku { color:#006699; }

#product { width:100%; font-size:0.9em; font-weight:bold; }
#product td { vertical-align:top; }
#product p.Price { color:#990000; }
#product p.Sku { color:#006699; }

#shoppingCart table { width:100%; border-spacing:0; }
#shoppingCart table th { 
	border-bottom:1px solid #077dc6; 
	background:#077dc6;
	text-align:center; 
	font-size:0.9em; 
	color:#FFFFFF;
	padding:9px 0 9px 0;
}
#shoppingCart table td { 
	border-bottom:1px solid #077dc6; 
	font-size:0.9em; 
	color:#666633;
	padding:9px 0 9px 0;
	vertical-align:top;
}
#shoppingCart table td .sku { font-weight:bold; color:#990000; }
#shoppingCart table td .name { font-weight:bold; color:#317896; }
#shoppingCart table td.price { color:#990000; text-align:center; }
#shoppingCart table td .preview { color:#990000; text-align:center; }
#shoppingCart table td.total { font-weight:bold; color:#990000; text-align:center; }
#shoppingCart table td.totals { font-weight:bold; color:#990000; text-align:right; }
#shoppingCart table td.Empty { background:url(../images/cartEmpty.jpg) no-repeat 100px; height:100px; width:100px; }

#logosCatalog { width:100%; font-weight:bold; }
#logosCatalog td { border:1px solid #CCCCCC; text-align:center; padding:4px; cursor:pointer; }
#logosCatalog td:hover { border:1px solid #555555; }
#logosCatalog p.Code { color:#990000; }
#logosCatalog p.Name { color:#006699; }

#loginBox { width:400px; font-weight:bold; margin-top:50px; }

#message { margin:0 auto; cursor:pointer;  }
#message div { padding: 4px 4px 4px 28px; background-position:4px; font-weight:bold; margin:2px; }

.ErrorMessage { background:url(../images/error-msg-icon.gif) #FAEBE7 no-repeat; border: 1px solid #F16048; color:#F16048 }
.SuccessMessage { background:url(../images/success-msg-icon.gif) #EFF5EA no-repeat; border: 1px solid #446423; color:#3D6611; }
.NoticeMessage { background:url(../images/note-msg-icon.gif) #FAFAEC no-repeat;	border: 1px solid #FCD344; color:#3D6611; }

#checkoutProgress { width:596px; margin:0 auto; font-size:0.7em; font-weight:bold; color:#666666; border-bottom:2px solid #37a9ef; }
#checkoutProgress table { width:100%; }
#checkoutProgress table td { height:20px; padding-left:20px; background:url(../images/checkoutCurrent.jpg) no-repeat; }
#checkoutProgress table td.done { background:url(../images/checkoutDone.jpg) no-repeat; }
#checkoutProgress table td.current { color:#000000; }

#categoryButton { margin:0 auto; padding-top:10px; cursor:pointer; width:300px; height:40px; background:url(../images/designButton.gif) no-repeat; }
#categoryButton a { font-weight:bold; font-size:16px; color:#FFFFFF; }
#categoryButton a:hover { text-decoration:none; }

#designCanvas { border:1px solid #CCCCCC; background:#FFFFFF; width:598px; height:498px; }
#designCanvas img { position:absolute }

.Toolbar form label { width:100px; float:left; padding-left:2px; font-weight: bold; color:#333333; }
.Toolbar form label:hover { cursor: pointer; }
.Toolbar form .Row { padding-top:2px; }
.Toolbar { border:1px solid #999999; background:#CCCCCC; }