﻿/**************** Pure layout vars *********************/
body { margin:0; padding:0; }
td { vertical-align:top; }
table.page-container { width:992px; margin:5px auto; background-color:white; border:1px solid black; }
td.pagehead  { width:992px; height:35px; padding:125px 0 0 225px; margin:0; cursor:pointer; }
td#stage-indicator  { width:992px; height:65px; padding:10px 5px 10px 10px; }
td#content   { width:992px; margin:10px 5px 10px 10px; border-left:10px solid white; border-right:10px solid white; background-color:#E1E5E6; }
td#leftcol   { width:220px; padding:5px 5px 10px 10px; margin:0; }
td#centercol { width:612px; padding:5px 5px 10px 5px; margin:0; }
td#rightcol  { width:220px; padding:5px 10px 10px 5px; margin:0; }
td#footer    { clear:left; width:100%; text-align:center;}
/**************** Pure style stuff *********************/
body         { background-color:#2B4C5F; font-family:Arial, Helvetica, Sans-Serif; font-size:small; line-height:1.5em; }
b            { font-size: 110%; }
em           { color: red; }
p			 { padding:0.4em 0; margin:0; }

h1 { font-size:14pt; font-weight:bold; padding:0 0 0 0; margin:0; line-height:1.44em; }
h2 { padding:12px 0 0 0; font-family:Arial, Sans-Serif; font-size:15pt; font-weight:bold; color:#000010; }
h3 { padding:5px 0; font-family:Arial, Sans-Serif; font-size:13pt; font-weight:normal; }

td.pagehead a, td.pagehead a:link, td.pagehead a:visited { font-size:8pt; font-weight:normal; color:#bedce7; text-decoration:none; }
td.pagehead a:hover, td.pagehead a:active { color:#ffffff; text-decoration:none; }

#footerlinks { margin:0 10px 10px 10px; padding:0 10px; height:26px; vertical-align:middle; font-size:8pt; }
#footerlinks { color:#bedce7; background:transparent url(../img/bgFooterBar.jpg) repeat-x; /* this overridden by shops */ }
#footerlinks  a { font-size:8pt; font-weight:bold; color:#bedce7; text-decoration:none; }
#footerlinks  a:hover { color:#ffffff; text-decoration:none; }

.sidemenu tr { height:25px; }
.sidemenu td { vertical-align:top; font-size:9pt; }
.sidemenu td.catgroup { padding-top:4px; }
.sidemenu td.category { padding-top:4px; }
.sidemenu td.category-selected { background-color:#eee; font-weight:normal; }
.sidemenu td.hdg { background-color:#e8eded; color:#1c1455; padding-left:4px; padding-top:4px; }
.sidemenu td a { color:#1C4155; text-decoration:none; }
.sidemenu td a:hover { color:#1C4155; text-decoration:underline; }

#strapline { background:transparent url(../img/header.jpg) no-repeat; margin-left:9px; margin-top:9px; padding:0; width:966px; }
#strapline td { color:#1C4155; height:28px; font-size:8pt; font-weight:normal; vertical-align:middle; padding:0 4px; white-space:nowrap; }
#strapline td a { color:#1C4155; text-decoration:none; }
#strapline td a:hover { color:#1C4155; text-decoration:underline; }

input, textarea, select { font-weight:bold; font-size:8pt; color:#203040; }
.small-flat { font-weight:normal; }

#pageIntroAbove, #pageIntroBelow { padding:5px 10px; /* background-color:see shopsets; */ }

#footer a { color:#fff; text-decoration:none; font-size:8pt; font-weight:normal; }
#footer a:hover { color:#fff; text-decoration:underline; }

.headings { border-collapse:collapse; }
.headings tr { }
.headings td { border-bottom:dotted 1px silver; vertical-align:top; padding:5px; font-size:8pt; line-height:1.25em; }
.headings td a { color:#1C4155; text-decoration:none; }
.headings td a:hover { color:#1C4155; text-decoration:underline; }
.headings h4 { color:#203040; font-size:10pt; font-weight:bold; margin:4px 0; }

table.minibasket { padding:0; margin:0; width:160px; border-collapse:collapse; }
table.minibasket th { padding:0; margin:0; vertical-align:middle; }
table.minibasket td.prompt { color:#386281; font-size:7pt; font-weight:normal; white-space:nowrap; padding:0 3px; margin:0; vertical-align:top; }
table.minibasket td.value { color:#386281; font-size:8pt; white-space:nowrap; padding:0 3px; margin:0; vertical-align:top; }
table.minibasket td.value strong { font-size:12pt; font-weight:bold; }

table.illustrated-items td { color: #4B5C6C; font-size:8pt; line-height:1.44em; padding:0; margin:0; }
table.illustrated-items td.panel { border:1px solid #4B5C6C; }
table.illustrated-items td.illus_title { background:#4B5C6C url(../img/bg1.gif) repeat-X; height:22px; font-size:9pt; font-weight:bold; color:white; vertical-align:middle; }
table.illustrated-items td.illus_img   { text-align:center; padding:10px; }
table.illustrated-items td.illus_text  { height:140px; text-align:justify; padding:5px 10px; }
table.illustrated-items td.illus_link  { height:22px; padding:5px 10px; }

.admin-welcome { background-color:orangered; color:White; font-size:8pt; line-height:1.25em; padding:2px 2px 12px 2px; }
.account-welcome { color:#4B5C6C; font-size:8pt; line-height:1.25em; padding:2px 2px 12px 2px; }

table.item-price td { padding:0; vertical-align:bottom; border-style:none; }

/*td.illus_title { }
td.illus_img   { }
td.illus_text  { }*/

h1.itemTitle { font-weight:normal; }

.pagination { color:#393; font-size:8pt; }
.pagination a { color:#393; font-size:8pt; font-weight:normal; text-decoration:none; }
.pagination a:hover { text-decoration:underline; }
.pagination .disabled { color:#888; }

tr.not_published { background-color:#D0C8C8; }

a.currency-option, a.currency-option:link, a.currency-option:visited { font-size:8pt; font-weight:bold; text-decoration:none; color:#337EA5; }
a.currency-option:active, a.currency-option:hover { text-decoration:underline; color:#1C4155; }
span.pipe { color:#337EA5; }

p.note { font-size:9pt; color:#4080C0; line-height:1.25em; margin:0; padding:0; }
p.prompt { font-size:8.5pt; color:#666; line-height:1.25em; padding:0; }
td.prompt { font-size:8.5pt; color:#666; line-height:1.25em; padding:0; }

h3.order-list { padding:0; }
ul.order-list { padding:0; }
ul.order-list li { font-size:8pt; list-style-type:square; color:#203040; line-height:1.25em; padding-top:6px; padding-bottom:6px; }
ul.order-list li a, ul.order-list li a:link, ul.order-list li a:visited { color:Olive; text-decoration:none; font-weight:bold; font-size:9pt; }
ul.order-list li a:active, ul.order-list li a:hover { color:OrangeRed; text-decoration:underline; }

/**************** Front Page Clips *********************/
body#frontpage-testpage { background:white url(../shopsets/knx/bodystripe.jpg) repeat-x; }
div#knx-wrapper { background-color:white; width:992px; margin:10px auto; min-height:1200px; }
div#content { position:relative; top:285px; left:200px; width:600px; min-height:600px; /*background-color:Yellow;*/ }
table.frontpage-items {  }
tr.frontpage-row { }
td.frontpage-box { border:solid 1px #ccc; background:white url(../img/clipbg.jpg) repeat-x; padding:20px; }
div.frontpage-img { border:solid 1px #eee; text-align:center; }
p.frontpage-date { color:#999; border-bottom:solid 1px #ccc; line-height:1.5em; font-size:8pt; }
h2.frontpage-h2 { font-family:Tahoma,Arial,Sans-Serif; font-size:18pt; font-weight:normal; line-height:1.25em; }
p.frontpage-txt { }
p.frontpage-link { }
td.frontpage-intro { font:italic normal 12pt/1.6em Times New Roman,Times,Serif; }
td.frontpage-intro h1 { font:normal normal 16pt/1.44em Arial,Helvetica,Sans-Serif; }
.pageIntroCell { line-height:1.2em; }

#modalMask
{
	position:fixed;
	top:0; left:0;
	width:2000px;
	height:2000px;
	z-index:9000;
    background-color: Gray;
    filter:alpha(opacity=40);
    opacity:0.7;
}

#modalWindow
{
	position:fixed; 
	width:400px; 
	height:200px; 
	margin:auto; 
    background-color: White;
	z-index:9001; 
	border:solid 1px slategray;
}
