/* =INITIAL 
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset, input {
  margin: 0;
  padding: 0;
/* Neutralize styling: 
  font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
*/
  font: 8pt univers, arial, sans-serif;
}

input.submit {
  padding: 2px 7px;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
  margin: 1em 0;
  padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
  margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
  cursor: pointer;
}
form label.disabled {
  cursor: auto;
}
/*
fieldset {
  border: none;
}
*/

/* Form field text-scaling */
input, select, textarea {
/*  font-size: 100%;*/
  font: 8pt univers, arial, sans-serif;
  color: #666666;
}

body {
  background: url(images/body-bg.gif) repeat;
  font: 8pt univers, arial, sans-serif;
  color: #666666;
  text-align: center
}

h1
{
  margin-top: 0;
}
a
{
  cursor: pointer;
}
a:link, a:visited
{
  color: #666666;
  text-decoration: none
}

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

a.blue-link:link, a.blue-link:visited
{
  color: #0099CC;
  font-weight: bold;
  text-decoration: none;
}

a.blue-link:hover
{
  color: #0099CC;
  font-weight: bold;
  text-decoration: underline;
}
span.blue-text { color: #0099CC; }

img
{
  border: 0
}

hr
{
  border: 0;
  border-top: 1px solid #666666;
  margin: 6px 0 18px;
}

.hiddenPic {display: none;}

#Container
{
  position: relative;
  width: 610px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  text-align: left;
  margin: 0px auto 6px;
}

#Container.basket {
  width: 790px;
}

#account_settings
{
  position: relative;
  margin: 2px 6px;
  text-align: right;
  font-size: 8pt;
  color: #0099cc;
/*  background-color: aqua;*/
}
#account_settings #home
{
  float:left;
}

#system-heading
{
  position: relative;
  margin: 2px 6px 2px 6px;
  color: #0099CC;
  border-top: 1px solid #666666;
  border-bottom: 1px solid #666666;
/*  background-color: blue;*/
  font: 10pt georgia, univers, arial, sans-serif;
}

#system-heading h1
{
  display: block;
  margin: 2px 0px 2px;
  font-weight: normal;
  font-size: 32px;
}

#system-heading h2
{
  display: block;
  margin: 2px 0px 4px;
  font-weight: bold;
  color: #666666;
}

#page-heading { position: relative; margin: 6px 6px; color: #0099CC; }
#page-heading h2 { display: block; margin: 4px 0px 2px; }

#topnavigate { display: block; position: relative; margin: 6px 6px 0px; height: 37px; z-index: 2; text-shadow: 1px 1px 0px rgba(255,255,255,0.5); }

.basket #topnavigate {
   width: 610px;
}

.navbox #nav { margin: 0; position: relative; display: block; height: 37px; padding-left: 1px; }
.navbox #nav ul { margin: 0px; padding: 0; list-style-type: none; width: auto; }
.navbox #nav ul li { display: block; float: left; text-align: center; background-color: #E6E6E6; background-image:url('./images/btnbg_grey.gif'); background-position:center; border: 1px solid #999; height: 34px; margin: 2px 0 0 3px; padding: 0 17px; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -webkit-transition: all .2s ease-in-out; opacity: 0.8; box-shadow: inset 0 1px 2px rgba(0,0,0,0.15); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.15); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.15); }
.navbox #nav ul li.active { background: #fff; border-color: #999 #999 #fff #999; height: 36px; margin: 0 -2px 0 1px; padding: 0 19px; opacity: 1; }
.navbox #nav ul li:hover { background-color: #C5E8FB; background-image:url('./images/btnbg_blue.gif'); background-position:center; border-color: #09C #09C #999 #09C; opacity: 1; box-shadow: inset 0 1px 2px rgba(0,153,204,0.25); -moz-box-shadow: inset 0 1px 2px rgba(0,153,204,0.25); -webkit-box-shadow: inset 0 1px 2px rgba(0,153,204,0.25); }
.navbox #nav ul li.active:hover { background: #fff; border-color: #999 #999 #fff #999; height: 36px; margin-top: 0; color:#666; box-shadow: inset 0 1px 2px rgba(0,0,0,0.15); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.15); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.15); }
.navbox #nav ul li a { display: block; float: left; width: 100%; height: 28px; text-align: center; vertical-align: middle; border-width: 1px 1px 0px 1px; font-weight: bold; padding: 3px 0px 3px 0px; }
.navbox #nav ul li:hover a { color:#666; }
.navbox #nav ul li.active a { height: 29px; padding-top: 4px; }
.navbox #nav ul li.stat a { height: 22px; padding-top: 9px; }
.navbox #nav ul li.stat.active a { height: 23px; padding-top: 10px; }
.navbox #nav ul li.ncr a { height: 22px; padding-top: 9px; }
.navbox #nav ul li.ncr.active a { height: 23px; padding-top: 10px; }
.navbox #nav ul li.lgfmt a { height: 22px; padding-top: 9px; }
.navbox #nav ul li.lgfmt.active a { height: 23px; padding-top: 10px; }

#tabbed_container
{
  position: relative;
  margin: 0px 6px 6px 6px;
  padding: 6px 6px 12px 6px;
  color: #0099CC;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  border-top: 1px solid #999999;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  z-index: 1;
}
.basket #tabbed_container {
  width: 597px;
}
.tabbed_content { position: relative; min-height: 324px; overflow: hidden; }
#product_section { min-height:200px; display: none; }
.costing { min-height: 314px; }
.costing.litho-warning { min-height: 324px; }
.tabbed_content .section { position: relative; margin: 0; padding: 0; }
.entry-section { position: relative; margin-top: 12px; margin-bottom: 12px; margin-top: 0px; margin-bottom: 0px; padding-top: 12px; }
.entry-section-narrow { position: relative; margin-top: 12px; margin-bottom: 12px; width: 414px; margin-top: 0px; margin-bottom: 0px; padding-top: 12px; }
.entry-section div.narrow { width: 414px; }

#product-section { position: relative; }
#cover-section { position: relative; }
#insert-one-section { position: relative; }
#insert-two-section { position: relative; }
#lamination-section { position: relative; }
#finishing-section { position: relative; margin-bottom: 12px; }
#finishing-section-narrow { position: relative; width: 414px; }

#quote-entry { font-size: 8pt; color: #666666; }
#quote-entry select, #quote-entry input { position: relative; font-size: 8pt; color: #666666; margin: 0; }
#quote-entry div.row { position: relative; padding: 1px 0 1px 0; min-height: 18px; }
#quote-entry div.prompt { position: absolute; width: 118px; font-size: 8pt; color: #0099CC; }
#quote-entry .prompt_text { position: relative; left: 4px; top: 2px; }
#quote-entry div.entry { position: absolute; position: relative; left: 120px; height: 100%; margin-right: 120px; }
#quote-entry .entry_text { position: relative; top: 2px; }
.checkboxdiv { display: inline-block; }
.checkgroup { display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color:#fff; background-color:#ececec; padding: 1px 2px 1px; position: relative; top: 1px; margin-right: 4px; box-shadow: inset 0 1px 0px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0px rgba(0,0,0,0.05); -webkit-box-shadow: inset 0 1px 0px rgba(0,0,0,0.05); }
#printfrontdiv .checkgroup { margin-top: 0px; }
#printfrontdiv .checkgroup:first-child { margin-top: 0px; }
#printbackdiv .checkgroup { margin-top: 0px; }
#printbackdiv .checkgroup:first-child { margin-top: 0px; }
.radiogroup { display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color:#fff; background-color:#ececec; padding: 1px 2px; box-shadow: inset 0 1px 0px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0px rgba(0,0,0,0.05); -webkit-box-shadow: inset 0 1px 0px rgba(0,0,0,0.05); }
.checkgroup:hover, .radiogroup:hover { background-color: #B9E3F9}
input.check { position: relative; top: 2px; padding: 0px; cursor: pointer; }
input.radio { position: relative; top: 2px; padding: 0px; cursor: pointer; }
.checktext { position: relative; top: -1px; margin-right: 0px; padding-left: 3px; }
.radiotext { position: relative; top: 0px; margin-right: 6px; padding-left: 3px; }
.radiotext.freetype label { text-decoration: underline; }
.radioedit { position: relative; top: 0px; margin-right: 6px; padding-left: 3px; display: none; }
#emaildialog .radioedit input { width: 222px; }
#emaildialog.freetype .radioedit input { width: 352px; }
.passoptions { display: inline-block; margin-left: 0px; }
.passoptions .radiotext { margin-right: 3px; }

.hidden { display: none; }
.inline { display: inline; }
.no-wrap { white-space: nowrap; }

fieldset { border: none; padding: 0; }
legend { display: none; }

#no-quote { position: absolute; top: -3px; right: 2px; width: 160px; padding-top: 0px; text-align: left; }
#no-quote.hidden { display: block; right: -182px; }
#no-quote .no-quote-details { position: relative; border: 1px solid #999999; margin: 12px 0 9px 0; padding-top: 6px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); }
#no-quote .title { position: absolute; display: inline; background-color: #fff; top: -6px; margin-left: 6px; padding: 0 3px; color: #666666; font-weight: bold; }
#no-quote .row { position: relative; left: 0; right: 0; margin: 6px 9px; color: #0099CC; font-weight: normal; }

#quoteresult { position: absolute; top: -3px; right: 2px; width: 160px; padding-top: 0px; text-align: left; }
#quoteresult.hidden { display: block; right: -182px; }
.result-group { position: relative; border: 1px solid #999999; margin: 12px 0 9px 0; padding-top: 7px; padding-bottom: 3px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); }
.result-group .title { position: absolute; display: inline; background-color: #fff; top: -6px; margin-left: 6px; padding: 0 3px; color: #666666; font-weight: bold; }
.result-group .row { position: relative; left: 0; right: 0; margin: 2px 9px; font-weight: normal; }
.result-group .description { position: relative; display: inline; color: #0099CC; }
.result-group .price { position: absolute; display: inline; right: 0; color: #666666; }
.result-group .total { font-weight: bold; }
.result-group .litho-warning { color: #CC0000; }
.result-group img { margin-top: -12px; }
#quoteresult .vat-note { text-align: center; color: #666666; margin-bottom: 6px; }
#quoteresult .litho-note { text-align: center; background-color: #CC0000; color: #ffffff; font-weight: bold; border: 1px solid #990000; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); margin-bottom: 6px; padding-top: 2px; padding-bottom: 2px; }
.email-button-area { text-align: center; }

#email_section { margin-top:-14px; }
#email-header { width:158px; position:relative; float:right; }
#email-header p { margin:5px 12px 5px 12px; float:left; }
#opener { margin:5px 12px 0 0; float:right; }
#email-contents { clear:both; border:1px solid #666666; padding-top:8px; padding-bottom:8px; }
#email_section { font-size: 8pt; color: #666666; }
#email_section select, #email_section input { position: relative; font-size: 8pt; color: #666666; margin: 0; }
#email_section div.row { position: relative; padding: 1px 0 1px 0; min-height: 18px; }
#email_section div.prompt { position: absolute; width: 118px; font-size: 8pt; color: #0099CC; }
#email_section .prompt_text { position: relative; left: 4px; top: 2px; }
#email_section div.entry { position: absolute; position: relative; left: 120px; height: 100%; margin-right: 120px; }
#email_section .entry_text { position: relative; top: 2px; }
#emailquote { margin-top: 6px; margin-top: 0; }

#login_div { padding: 12px; text-align: center; }
#login_div .row { position: relative; padding: 6px 0 6px 0; min-height: 18px; }
#login_div .prompt { position: relative; display: inline-block; width: 64px; font-size: 8pt; color: #0099CC; text-align: left; }
#login_div .prompt_text { position: relative; }
#login_div .entry { position: relative; display: inline-block; }

div.user-msg { text-align: left; font-weight: normal; margin: 6px 6px 0 6px; padding: 3px 6px; background-color: #ececec; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.15); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15); }
div.user-warning { text-align: left; font-weight: bold; margin: 6px 6px 0 6px; padding: 3px 6px; background-color: #CC0000; color: #FFFFFF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 3px rgba(0,0,0,0.5);	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); }
#welcome { text-align: left; font-weight: normal; margin: 6px 6px 0 6px; padding: 0px 6px 0 6px; }
#logo { float:left; margin-right: 9px; }
.contact-link { font-weight:bold; text-decoration:underline; }
a.contact-link:link, a.contact-link:visited { color: #0099CC; font-weight: bold; text-decoration: underline; -webkit-transition: all .2s ease-in-out; }
a.contact-link:hover { color: #0099CC; font-weight: bold; text-decoration: underline; color: rgba(102,102,102,1); }

#pid, #material, #board, #coatingfront, #coatingback {
  min-width: 120px;
}

#materialcostdiv, #boardcostdiv {
  display: "none";
}

#width, #height, #qty, #materialcost, #boardcost {
  text-align: right;
}

#width, #height, #qty {
  width: 44px;
}

#materialdesc, #boarddesc {
  width: 252px;
}

#materialcost, #boardcost {
  width: 52px;
}

#loading_section {
  text-align: center;
  padding-top: 100px;
}

#loading_section span, #loading_section img {
  vertical-align: middle;
}

.awesome, .awesome:visited {
	background: #222 url(./images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 6px 10px 5px; 
	color: #fff; 
	text-decoration: none;
  border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.awesome:hover { background-color: #111; color: #fff; }
.awesome:active { top: 1px; }
.small.awesome, .small.awesome:visited { font-size: 11px; }
.awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited { font-size: 14px; padding: 8px 14px 9px; }

.blue.awesome, .blue.awesome:visited { background-color: #007d9a; }
.blue.awesome:hover { background-color: #0099CC; }
.green.awesome, .green.awesome:visited { background-color: #44bb44; }
.green.awesome:hover { background-color: #33cc33; }
.red.awesome, .red.awesome:visited { background-color: #bb0000; }
.red.awesome:hover { background-color: #ee0000; }
a.awesome { color: white; }

/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
}

#boxes .window {
  position:absolute;
/*
  width:440px;
  height:200px;
*/
  display:none;
  z-index:9999;
  padding:18px 18px;
	box-shadow: 0px 2px 9px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 9px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 2px 9px rgba(0,0,0,0.5);
}


/* Customize your modal window here, you can add background image too */
#boxes #emaildialog {
  width:378px; 
/*
  height:188px;
*/
  border: 2px solid #333;
  border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
  background-color: #090909;
  background-color: #f0f0f0;
  background-color: #fff;
/*
  background-color: rgba(255,255,255,0.95);
*/
}
#boxes #emaildialog.freetype {
  width: 540px; 
}

#emaildialog h1{
  margin-top: 0;
  text-align:left;
  border-bottom:1px dotted #D3D3D3;
  padding-bottom:2px;
  margin-bottom:15px;
}
/*
#emaildialog input { color: #111; }
*/
#emaildialog .entryrow { position: relative; width: 380px; margin-bottom: 9px; text-align: left; }
#emaildialog .buttonrow { text-align: right; border-top:1px dotted #D3D3D3; padding-top:2px; }
#emaildialog div.prompt { position: relative; position: absolute; display: inline-block; width: 118px; font-size: 8pt; color: #0099CC; }
#emaildialog .prompt_text { position: relative; left: 0px; top: 0px; }
#emaildialog div.entry { position: relative; display: inline-block; left: 118px; height: 100%; }
#emaildialog .awesome { margin: 9px 0 0 9px; }
#emailname, #quoteref { width: 252px; }
#email1, #email2 { width: 252px; }
#artwork { padding: 0; width: 252px; }
#emaildialog.freetype #artwork { width: 422px; }
#notes { padding: 0; width: 252px; }
#emaildialog.freetype #notes { width: 422px; }
/*
#emaildialog .checkgroup, #emaildialog .radiogroup { background-color:inherit; padding: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
*/
#emaildialog label { cursor: pointer; }
#emaildialog .email-note { text-align: center; border-top: 1px dotted #D3D3D3; padding: 4px 0; font-weight: bold; color: #666; margin-top:0px; }
#emaildialog .delivery-note { margin: 6px 0 0; }
.window .closeX { font-size:14px; line-height:14px; right:6px; top:4px; position:absolute; color:#0099CC; font-weight:700; display:block; }

#materialedit, #boardedit {
  text-decoration: underline;
  margin-left: 6px;
}

#basket {
  position: absolute;
  right: 6px;
  top: 169px;
  width: 160px;
  text-align: left;
  border: 1px solid #999;
  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

#basket h1 {
  text-align: center;
  font-size: 11px;
  padding: 6px 6px;
  background-color: #dedede;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom: 1px solid #999;  
  margin: 0 0 6px;
  margin: 0 0 -3px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

#basket h2 {
  font-size: 10px;
  padding: 3px 6px;
  margin: 3px 0;
  border-top: none;
  border-top: 1px solid #ddd;
  border-top: 1px solid #ccc;
  border-bottom: none;
  border-bottom: 1px solid #ddd;
  border-bottom: 1px solid #ccc;
  background-color: inherit;
  background-color: #f7f7f7;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

#basket p {
  font-size: 10px;
  padding: 3px 6px;
  margin: 3px 0;
  cursor: pointer;
}

#basket p:hover {
  text-decoration: underline;
}

#basket .footer {
  border-top: 1px solid #999;
  margin: 3px 0 0;
  text-align: center;
  padding: 6px 6px;
  background-color: #dedede;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}