/**************** 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; }
img          { border-style:none; }

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; }
.cool { font-family:Arial,Sans-Serif; font-size:9pt; font-weight:normal; color:#333; border:solid 1px silver; padding:5px; line-height:1.25em; }

#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; }

div.infoFile { border:dotted 1px aqua; background-color:#ccf; padding:10px; margin:10px 0; }
div.infoFile a { font-family:Tahoma, Arial, Sans-Serif; font-size:11pt; font-weight:normal; text-decoration:none; }
div.infoFile a:hover, a.info-file-link:active { 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; }

table.order-list { width:600px; border solid 1px #808080; border-collapse:collapse; }
table.order-list th { color:White; background-color:#808080; padding:2px 2px; }
table.order-list td { padding:10px 5px; line-height:1.25em; border-bottom:dotted 1px #808080; }

table.checklist { font-size:8pt; color:darkslategray; line-height:1.4em; }
table.checklist td ul { margin:0 0 0 16px; padding:0; }
table.checklist td li { padding:2px 0; }

.order-totaltopay { font-family:Tahoma,Arial,Sans-Serif; font-size:16pt; font-weight:normal; color:Black; }

.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; }

/*
#modal-mask { position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; }
#modal-windows .modal-window { position:absolute; left:0; top:0; width:440px; height:200px; display:none; z-index:9999; padding:20px; }
*/

#modalMask
{
	position:fixed;
	top:0; left:0;
	/*width:2000px; height:2000px; */
	z-index:9000;
	background-color:Black;
	/*filter:alpha(opacity=40);*/
	/*opacity:0.7;*/
	display:none;
}

.modalWindow
{
	position:absolute; 
	width:440px; 
	height:200px; 
	margin:auto; 
	background-color: White;
	z-index:9001; 
	border:solid 4px blue;
	display:none;
}

#dialog-simple 
{ 
	width:720px;  
	height:720px; 
	padding:10px; 
	background-color:#ffffff; 
}

 .payment-option-panel  
 {
 	float:left; 
 	width:270px;
 	height:200px;
 	padding:10px;
 	background:transparent url(../img/bgPaymentPanel.gif) no-repeat;
 	margin-left:20px;
 	line-height:1.33em;
 }
 
 .payment-option-panel .inner { height:168px; }
 .payment-option-panel h3 { margin:0; padding:0; font-weight:bold; font-size:12pt; }
 .the-button-within { text-align:center; /* position:relative; top:20px; left:100px; border:dotted 1px blue; */ }
 
 .item-id { background-color:Red; color:white; padding:0 4px; }
 .smalltext { font-size:8pt; } /* span used in HTML baskets in checkout pages */
 .big { font-size:13pt; font-weight:bold; }
 .large { font-family:Tahoma, Sans-Serif; font-size:16pt; font-weight:normal; }
 .medium { font-family:Tahoma, Sans-Serif; font-size:13pt; font-weight:normal; }

/* SIDEMENU ACCORDION  */
#accordion { width:170px; font-family:Tahoma,Arial,Sans-Serif; color:#333; background-color:#eee;}

#accordion h2 { background-color:#5E7690; color:#fff; font-size:9pt; font-weight:normal; height:21px; padding:1px 5px; margin:0; line-height:1.0em; }
#accordion h3 { background:transparent url(../shopsets/knx/b170w.jpg) no-repeat; background-clip:border-box  color:Navy; font-size:10pt; font-weight:normal; /* height:22px; */ padding:2px 5px; margin:0 0 0 0; line-height:1.8em; cursor:pointer; }
#accordion ul { padding:0 0 0 18px; margin:0; display:block; }
#accordion ul li { padding:2px 0; margin:0; line-height:1.1em; color:#66CCCC; list-style-type:square; /* colours the square bullets */ } 
#accordion ul li a, #accordion ul li a:link, #accordion ul li a:visited { font-size:9pt; font-weight:normal; text-decoration:none; } 
#accordion ul li a:hover, #accordion ul li a:active { text-decoration:underline; } 

/* NB. REMOVED overflow:hidden from jquery.ui.core.css, and that seemed to sort IE7 */

/* MODAL WINDOW AND MASK (Checkout1.aspx)  */

#modal-mask { position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; }
#modal-windows .modal-window { position:absolute; left:0; top:0; width:440px; height:200px; display:none; z-index:9999; padding:20px; }
#modal-windows #dialog-simple { width:720px;  height:720px; padding:10px; background-color:#ffffff; }
#modal-windows #dialog-login { width:375px;  height:203px; } 
#modal-windows #dialog-login .d-header { background:url(images/login-header.png) no-repeat 0 0 transparent;  width:375px;  height:150px; }
#modal-windows #dialog-login .d-header input { position:relative; top:60px; left:100px; border:3px solid #cccccc; height:22px; width:200px; font-size:15px; padding:5px; margin-top:4px; }
#modal-windows #dialog-login .d-blank { float:left; background:url(images/login-blank.png) no-repeat 0 0 transparent;  width:267px;  height:53px; }
#modal-windows #dialog-login .d-login { float:left; width:108px;  height:53px; }
#modal-windows #dialog-stickynote { background:url(images/notice.png) no-repeat 0 0 transparent;  width:326px;  height:229px; padding:50px 0 20px 25px; }


.productUnavailable { background:Yellow; color:Black; border:solid 1px black; display:none; width:300px; height:20px; padding:2px 15px; font-weight:bold; margin:0 0 10px 0; }

/* DELIVERY PAGE */
.displayPanel { background-color:#fff; border:solid 1px #C5C9CB; margin:10px 0; padding:10px; }

/* ITEM DETAILS PAGE (Catalog.aspx) */
.productCategories { border:solid 1px #D3DCDB; border-collapse:collapse; }
.productCategories td { padding:3px; }
.productCategories td.prompt { border-bottom:solid 1px #D3DCDB; border-right:solid 1px #D3DCDB; background-color:#eee; color:Black; }
.productCategories td.value { border-bottom:solid 1px #D3DCDB; background-color:#fff; color:Gray; }

/* COMMENTS */
#itemComments { background-color:White; margin-top:10px; border-top:solid 2px #dcdcdc; padding-top:10px; }
#itemComments h2 { margin:0; padding:5px 0; line-height:1.2em; font-family:Tahoma,Arial,Sans-Serif; color:Gray; font-size:14pt; font-weight:normal;  }
#itemComments td { background-color:White; border:solid 1px silver; }

.itemComment { width:540px; background-color:#f3f3f3; border: solid 1px #dcdcdc; border-radius:5px;  padding:5px 15px; margin:10px 0; color:Gray; }
.itemComment p { padding:2px 0; margin:0; line-height:1.44em; }
.commentText { font-family:Georgia, Tahoma, Arial, Sans-Serif; font-size:11pt; font-weight:normal; color:Black; }
.itemComment a.reportAbuse { font-size:7pt; color:Olive; text-decoration:none; }

div.specialOffers { background-color:#D8DEDE; width:170px; text-align:center; padding:3px 0; margin-bottom:5px; }
div.specialOffers a { color:red; font-weight:bold; text-decoration:none; }

/* HORIZONTAL TABBED MENU */
ul.tabMenu li { float:left; width:120px; }

/* CATALOG 2012 PAGE (redirects for ENO and SAS) */
table.catalog2012 td { font-family:Tahoma, Arial, Sans-Serif; font-size:12pt; font-weight:normal; line-height:1.28em; color:Teal; }
table.catalog2012 td ul {list-style-type:square; padding:0 18px; margin:0; }
table.catalog2012 td li { }
table.catalog2012 td li a { font-family:Arial, Sans-Serif; font-size:10pt; font-weight:normal; line-height:1.28em; color:Teal; text-decoration:none; }
table.catalog2012 td li a:hover { color:Navy; }
table.catalog2012 td p { padding-top:0; margin-top:0; }