/* EIGHTsq - general css for dark version of the site */
body, h1, h2, h3, h4, label, ul, ol, li, dl, dt, dd, p, div, span, table, td, th, hr, input, label, a {background-repeat:no-repeat;}
body, h1, h2, h3, h4, label, ul, ol, li, dl, dt, dd, p, div, span, img, label, a {padding:0px; border:0px; margin:0px;}
table, tr, td, th {border-spacing:0px; padding:0px; border:0px; margin:0px; vertical-align:top;} 
td, th {empty-cells:hide;}
input {margin:0px; padding:0px;}
body {font-size:62.5%; color:#839BA3; font-family:Arial, Helvetica, Sans-Serif; background-color:#000; background-image:url(/cms-uploaded/bg-dark.gif);  background-position:left top;}
.CheckBox, .Radio {position:relative; left:-4px; top:1px;}
.Radio2 {margin-left:12px; margin-right:7px;}

/* common basic */
h1 {font-size:1.7em; margin-bottom:12px; color:#4A5E9F;}
h2 {font-size:1.3em; color:#4A5E9F; margin-top:12px; margin-bottom:5px;}
a {color:#839BA3; text-decoration:none;}
a:hover {text-decoration:underline;}
p {margin:10px 0px 10px 0px; font-size:1.2em; line-height:1.4em; color:#839BA3;}
.Red {color:#d00 !important;}
.Bold   {font-weight:bold !important;}
.Italic {font-style:italic !important;}
ul {position:relative; margin:10px 0px 0px 20px;}
ol {position:relative; margin:10px 0px 0px 20px;}
ul li {margin:1px 0px 0px 0px; font-size:1.3em; line-height:1.5em; position:relative; left:15px;}
ol li {margin:1px 0px 0px 0px; font-size:1.3em; line-height:1.5em; position:relative; left:15px;}
.BottomFix {clear:both; font-size:2px; height:2px;}
hr {color:#bbb; background-color:#bbb; border:0px; margin:0px; height:1px;}
.LayoutBoxStd {border:solid 1px #333; padding:10px 10px 10px 10px; background-image:url(/images/222222-a65.png); background-repeat:repeat;}
.LineSpacer1 {height:2px; font-size:2px;}
.LineSpacer2 {height:5px; font-size:2px;}
.LineSpacer3 {height:10px; font-size:2px;}

/* structure */
body {}
  .MainDivPublic {position:relative; width:980px; margin:0px auto 0px 0px;}
    .MainDivPublic .HeaderSpitalfields {position:relative; width:960px; font-size:1.2em; padding-top:10px; padding-bottom:30px;}
      .MainDivPublic .HeaderSpitalfields .NavLine1 {width:965px; margin-left:15px; min-height:13px; padding-bottom:10px;}
      .MainDivPublic .HeaderSpitalfields .NavLine1 a {}      
      .MainDivPublic .HeaderSpitalfields .NavLine2 {width:965px; margin-left:15px; min-height:13px; clear:both;}
      .MainDivPublic .HeaderSpitalfields .NavLine2 span {margin-left:2px; margin-right:2px;}
      .MainDivPublic .HeaderSpitalfields .NavLine2 a {}
    .MainDivPublic .HeaderOnline {position:relative; width:960px; padding-top:10px; padding-bottom:30px;}
      .MainDivPublic .HeaderOnline .NavLine1 {position:relative; left:15px; width:980px; font-size:1em; padding-bottom:10px; color:#7A969E; height:13px;}
      .MainDivPublic .HeaderOnline .NavLine1 span {margin-left:-1px; margin-right:-1px;}
      .MainDivPublic .HeaderOnline .NavLine1 a {color:#7A969E;}
      .MainDivPublic .HeaderOnline .NavLine2 {width:965px; margin-left:15px; font-size:1.2em; color:#333;}
      .MainDivPublic .HeaderOnline .NavLine2 span {margin-left:2px; margin-right:2px;}
      .MainDivPublic .HeaderOnline .NavLine2 a {color:#333;}
    .MainDivPublic .Content {position:relative; width:960px; min-height:300px; margin:0px auto 0px auto;}
      .MainDivPublic .Content .LeftColumn   {width:540px; float:left; padding-left:80px;}
      .MainDivPublic .Content .RightColumn  {width:310px; float:right; padding-right:10px;}
      .MainDivPublic .Content .MergedColumn {width:960px; clear:both;}
    .MainDivPublic .Footer {text-align:center; width:980px; clear:both; padding-top:10px; padding-bottom:1px;}

/* auto generated radio and checkbox lists */
.RbHorizontalList {}
  .RbHorizontalList input {} 
  .RbHorizontalList label {margin-right:7px; margin-left:3px;}

.RbVerticalList {}
  .RbVerticalList input {}
  .RbVerticalList label {margin-left:4px;}
  
.CbHorizontalList {}
  .CbHorizontalList input {} 
  .CbHorizontalList label {}

.CbVerticalList {} 
  .CbVerticalList input {} 
  .CbVerticalList label {margin-left:4px;}

.ShopLink {color:#c00 !important;}

/* Home Page */
.IntroText {}

/* breadcrumb */
.Breadcrumb {font-weight:bold; margin-bottom:10px;}  
  .Breadcrumb a {font-size:1.3em; color:#4A5E9F;}
  .Breadcrumb span.LastItem {font-size:1.3em; color:#4A5E9F;}
  .Breadcrumb span.Delimiter {font-size:1.4em; color:#4A5E9F; margin:0px 7px 0px 7px;}


/* Category Pages */
.CategoryBGImage {width:531px; border:solid 1px #8BA1A8; margin-bottom:10px; margin-top:-4px;}

.CategoryBoxes {position:relative; width:100%;}
  .CategoryBoxes a {display:block; font-weight:bold; float:left; width:135px; padding-bottom:10px;}
    .CategoryBoxes a img {display:block; width:126px; height:126px; margin-bottom:3px; border:solid 1px #8BA1A8;}
    .CategoryBoxes a span {display:block; font-size:1.1em; font-weight:bold;}
  
/* Product details */
.ProductTitle {clear:both; font-size:1.4em; margin:0px 0px 10px 0px; padding-top:5px; font-weight:bold;}
.ProductDescription {font-size:1.2em;}
.ProductValidationMessage {font-size:1.2em; margin-top:10px; margin-bottom:-6px; color:#c00;}
.OptionList {font-size:1.2em;}
  .OptionList .OfferInfo {margin-top:15px;}
  .OptionList .Description {margin-top:18px;}
  .OptionList .Action {margin-top:4px;}
    .OptionList .Action span.Price    {position:relative; top:4px; display:block; float:left; width:155px;}
    .OptionList .Action span.Price .NormalPrice  {font-weight:bold;}
    .OptionList .Action span.Price .LineThroughPrice {text-decoration:line-through; font-weight:bold;}
    .OptionList .Action span.Price .OfferPrice {color:#0DA802; margin-left:5px; font-weight:bold;}
    .OptionList .Action span.Quantity {position:relative; top:4px; display:block; float:left; margin-right:5px;}
    .OptionList .Action span.OutOfStock {position:relative; top:4px;}
    .OptionList .Action input {width:25px; margin-right:5px;}
    .OptionList .Action a {color:#c00; text-decoration:underline;}

#ProductLargeImages {position:relative; width:540px; height:402px;}
  #ProductLargeImages img {position:absolute; border:solid 1px #8BA1A8;}
  #ProductLargeImages img.LargeProductImage1 {top:0px; right:0px; width:397px; height:397px; z-index:30;}
  #ProductLargeImages img.LargeProductImage2 {top:0px; right:0px; width:397px; height:397px; z-index:20; display:none;}
  #ProductLargeImages img.LargeProductImage3 {top:0px; right:0px; width:397px; height:397px; z-index:10; display:none;}
  #ProductLargeImages img.SmallProductImage1 {top:0px;   left:0px; width:117px; height:117px; cursor:pointer;}
  #ProductLargeImages img.SmallProductImage2 {top:140px; left:0px; width:117px; height:117px; cursor:pointer;}
  #ProductLargeImages img.SmallProductImage3 {top:280px; left:0px; width:117px; height:117px; cursor:pointer;}
  #ProductLargeImages img.StickerPromotion {right:1px; top:1px; border:none; z-index:40;}
  
.TitleOverProductList {width:880px; margin:20px 0px 10px auto; font-size:2.1em; font-weight:normal; color:#4A5E9F;}
  
.ProductList {width:867px; margin:0px 16px 10px auto; padding:12px 0px 0px 10px; background-repeat:repeat; background-image:url(/images/222222-a65.png);}
  .ProductList .Item {float:left; position:relative; left:3px; width:173px; padding-bottom:10px;}
    .ProductList .Item a {display:block; width:158px; height:158px;}
      .ProductList .Item a img.Product {width:156px; height:156px; border:solid 1px #8BA1A8;}
    .ProductList .Item .Title {width:158px; font-weight:bold; font-size:1.1em; margin-top:3px;}
    .ProductList .Item .Description {width:158px; margin-top:3px; line-height:1em;}
    .ProductList img.StickerPromotion {position:absolute; left:95px; top:1px;}
 
 .NoResultInfo {font-size:1.3em; margin-top:20px; margin-bottom:20px;}
  
        
/* Press releases */
h2.PressTitle {border-bottom:1px solid #839BA3; padding-bottom:4px; margin-bottom:3px; margin-top:10px;}
p.PressShortDesc {margin:0px 0px 0px 0px;}
div.PressReadMore {text-align:right; margin-top:2px; margin-right:5px; font-size:1.1em;}
  div.PressReadMore a {color:#c00;}
  
/* Shopping basket page */
.BasketTable {width:540px; border-left:1px solid #8BA1A8; border-right:1px solid #8BA1A8; background-repeat:repeat; background-image:url(/images/222222-a65.png);}
  .BasketTable th {padding:3px 12px 3px 0px; font-size:1.2em; text-align:left; border-top:1px solid #8BA1A8; border-bottom:1px solid #8BA1A8;}
  .BasketTable td {padding:10px 12px 10px 0px; font-size:1.2em; border-bottom:1px solid #8BA1A8;}
  .BasketTable td.Col1 {}
    .BasketTable td.Col1 img {width:100px; height:100px; margin-left:10px; border:solid 1px #8BA1A8;} 
  .BasketTable td.Col2 {}
  .BasketTable td.Col3 {/*width:40px;*/}
    .BasketTable td.Col3 input {width:35px;}
  .BasketTable td.Col4 {}
  .BasketTable td.Col5 {}
    .BasketTable td.Col5 a {color:#d00;}
  .BasketTable td.Col5v2 {}
.BasketTable .NormalPrice {display:block; font-weight:bold;}
.BasketTable .LineThroughPrice {display:block; text-decoration:line-through; font-weight:bold;}
.BasketTable .OfferPrice {display:block; color:#0DA802; font-weight:bold;}

/* TotalsTable */
.TotalsTable { margin-top:3px; margin-bottom:3px;}
.TotalsTable td {font-size:1.2em; padding-top:2px; padding-bottom:2px;}
.TotalsTable .Col1 {padding-right:10px;}
.TotalsTable .Col2 {font-weight:bold;}

/* Admin search panel */
.SearchHeading {font-size:1.7em; margin-bottom:8px; margin-top:10px; font-weight:bold; color:#444;}
.SearchBox  {border:solid 1px #ccc;  padding:10px 9px 8px 9px; margin-bottom:15px; background-color:#f2f2f2;}
  .SearchBox .LabelText {font-size:1.2em; margin-bottom:2px}
  .SearchBox .EditBox { margin-bottom:12px; width:124px; font-size:1.2em}
  .SearchBox .ButtonSearch {margin:5px 0px 38px 0px;}
  .SearchBox .AreaDescription {margin-bottom:10px;}
  .SearchBox .PageDescription {}

/* Admin Access Page */
.AccessGlobalButtons {float:right; width:250px;}
.AccessItemContainer {border-top:solid 1px #aaa; width:450px; padding:0px 5px 0px 20px}
h2.AccessItem {font-size:1.4em; margin:10px auto 5px 0px; color:#23a;}
.AccessItemButtons {height:21px;}
  .AccessItemButtons a {font-weight:bold; margin-right:8px; font-size:1.1em;}
.AccessCBList {margin-top:0px;}
.AccessCBList input {margin-right:3px;}
.AccessCBList label {margin-right:12px; font-size:1.2em;}


/**** Global Navigation ****/
.GlobalNav {}
  .GlobalNavInner {float:left; width:996px; border-bottom:solid 1px #225C98}

    .GlobalNavInner .Inactive {float:left;} 
      .GlobalNavInner .Inactive .LeftEnd  {display:block; float:left; height:29px; width:6px; background-image:url(/images/global-nav-inactive-left.gif)}
      .GlobalNavInner .Inactive .RightEnd {display:block; float:left; height:29px; width:6px; background-image:url(/images/global-nav-inactive-right.gif);}
      .GlobalNavInner .Inactive .Centre   {display:block; float:left; height:22px; padding:7px 4px 0px 4px; background-image:url(/images/global-nav-inactive.gif); background-repeat:repeat-x;}
        .GlobalNavInner .Inactive .Centre a {font-size:1.2em; color:#006680; text-decoration:none;}
        .GlobalNavInner .Inactive .Centre a:hover {text-decoration:underline;}
    
    .GlobalNavInner .Active {float:left;}
      .GlobalNavInner .Active .LeftEnd  {display:block; float:left; height:29px; width:6px; background-image:url(/images/global-nav-active-left.gif)}
      .GlobalNavInner .Active .RightEnd {display:block; float:left; height:29px; width:6px; background-image:url(/images/global-nav-active-right.gif)}
      .GlobalNavInner .Active .Centre   {display:block; float:left; height:22px; padding:7px 4px 0px 4px; background-image:url(/images/global-nav-active.gif); background-repeat:repeat-x;}
        .GlobalNavInner .Active .Centre a {font-size:1.2em; color:#fff}
        .GlobalNavInner .Active .Centre a:hover {text-decoration:underline}

    .GlobalNav .Between     {float:left;  display:block; width:2px; height:29px; position:relative; background-color:#fff;}

/**** Local Navigation ****/
.LocalNav {}
  .LocalNavInner {float:left;}
  
  .LocalNav .Inactive {float:left; display:block;}
    .LocalNav .Inactive .LeftEnd  {float:left; display:block; height:19px; width:4px;}
    .LocalNav .Inactive .RightEnd {float:left; display:block; height:19px; width:4px;}
    .LocalNav .Inactive .Centre   {float:left; display:block; height:19px;}
      .LocalNav .Inactive .Centre a {display:block; text-decoration:none; font-size:1.2em; padding:3px 4px 3px 4px;}
      .LocalNav .Inactive .Centre a:hover {text-decoration:underline;}

  .LocalNav .Active {float:left; display:block;}
    .LocalNav .Active .LeftEnd  {float:left; display:block; height:19px; width:4px;}
    .LocalNav .Active .RightEnd {float:left; display:block; height:19px; width:4px;}
    .LocalNav .Active .Centre   {float:left; display:block; height:19px;}
      .LocalNav .Active .Centre  a {display:block; font-size:1.2em; padding:3px 4px 3px 4px;}
      .LocalNav .Active .Centre  a:hover {text-decoration:underline;}

  .LocalNav .Between     {float:left; display:block; width:1px; height:12px; position:relative; top:5px; background-color:#fff;}
  .LocalNav .LastBetween {float:left; display:block; width:1px; height:12px; position:relative; top:5px;}
  
  .ItemsToRemove {font-weight:bold; margin-bottom:0px;}

/* CMS WYSIWYG */
/* CMS boxes */
.CMSWindow {position:relative;} /* <- this for all public places - width is set in some other class */
.CMSBox310 {width:310px; overflow:hidden; padding-top:10px; border-top:solid 1px #bbb;} /* right column contents preview */
.CMSBox540 {width:540px; overflow:hidden; padding-top:10px; border-top:solid 1px #bbb;}  /* center column contents preview */
.CMSBox960 {width:820px; overflow:auto; padding-top:10px; border-top:solid 1px #bbb;}  /* footer contents preview - narrower than real one because admin column is narrower */
.CMSBox3Admin {width:600px; overflow:hidden; padding-top:10px; border-top:solid 1px #bbb;}  /* <- for email preview - default xstandard window width */

/* styles applied only onto the content of CMSWindow */
  /* copy it to Xstandard/general.css to apply to the editor */
  .CMSWindow span.Italic {font-style:italic;}
  .CMSWindow span.Bold {font-weight:bold;}
  .CMSWindow span.RedBold {font-weight:bold; color:#d00;}
  .CMSWindow span.Underline {text-decoration:underline;}
  .CMSWindow img.LeftImage {float:left; margin:3px 10px 4px 0px; border:0px;}
  .CMSWindow img.RightImage {float:right; margin:3px 0px 4px 10px; border:0px;}
  .CMSWindow img.LeftImageWithBorder {float:left; margin:3px 10px 4px 0px; border:0px; border:solid 1px #8BA1A8;}
  .CMSWindow img.RightImageWithBorder {float:right; margin:3px 0px 4px 10px; border:0px; border:solid 1px #8BA1A8;}
  .CMSWindow div.CentredContent {text-align:center;}
  .CMSWindow div.StopTextFloat {clear:both; height:2px; font-size:2px;}
  .CMSWindow hr.VisibleLine   {clear:both; color:#ccc; background-color:#ccc; width:70%; margin:10px auto 10px auto; height:1px; border:0px;}
  .CMSWindow h1.MainHeader {}
  .CMSWindow h2.SubHeader {}
  .CMSWindow p {font-size:1.2em;}
  .CMSWindow p.SmallText {font-size:1.1em;}
  .CMSWindow p.LargerText {font-size:1.5em;}
  .CMSWindow p.NarrowLarge {font-size:1.5em; width:75%;}
  .CMSWindow span.Raquo {position:relative; top:0px; font-size:1.1em;}
  .CMSWindow a.BlueLink {color:#4A5E9F;}
  .CMSWindow span.HorizontalSpacer {margin-left:14px;}
  .CMSWindow p.FooterLine {font-size:1.1em; margin-bottom:2px;}
  .CMSWindow p.OBSLink {font-size:1.1em; margin-top:0px;}

  /* copy of above img classes to work with flash (object) also, not needed in xstandartd editor window */
  .CMSWindow .LeftImage {float:left; margin:3px 10px 4px 0px; border:0px;}
  .CMSWindow .RightImage {float:right; margin:3px 0px 4px 10px; border:0px;}
  .CMSWindow .LeftImageWithBorder {float:left; margin:3px 10px 4px 0px; border:0px; border:solid 1px #8BA1A8;}
  .CMSWindow .RightImageWithBorder {float:right; margin:3px 0px 4px 10px; border:0px; border:solid 1px #8BA1A8;}

/* Xstandard EMAIL content */ 
  /* copy it to Xstandard/email-general.css to apply to the editor; copy it to email's header to apply to the email itself */
 .CMSBox3Admin p, .CMSBox3Admin ul, .CMSBox3Admin ol, .CMSBox3Admin a { color:#5C777F;}
 .CMSBox3Admin h1.MainHeader {font-size:18px; color:#4A5E9F;}
 .CMSBox3Admin h2.SubHeader {font-size:13px; color:#4A5E9F;}
 .CMSBox3Admin span.Italic {font-style:italic;}
 .CMSBox3Admin span.Bold {font-weight:bold;}
 .CMSBox3Admin span.RedBold {font-weight:bold; color:#d00;}
 .CMSBox3Admin span.Underline {text-decoration:underline;}
 .CMSBox3Admin span.SmallText {font-size:10px;}
 .CMSBox3Admin img.LeftImage {float:left; margin:3px 10px 4px 0px; border:0px;}
 .CMSBox3Admin img.RightImage {float:right; margin:3px 0px 4px 10px; border:0px;}
 .CMSBox3Admin div.CentredContent {text-align:center;}
 .CMSBox3Admin div.StopTextFloat {clear:both; height:2px; font-size:2px;}
 .CMSBox3Admin p.FooterLine {clear:both; font-size:10px; text-align:center; border-top:solid 1px #aaa; padding-top:2px;}
 .CMSBox3Admin a {text-decoration:underline;}
 .CMSBox3Admin a:hover {text-decoration:none;}

/* buttons */
.ButtonWarning {color:#d00; text-align:right; font-size:1.1em; font-weight:bold; margin-bottom:10px;}

.RightAlignedButtons {height:20px; font-size:10px; font-weight:normal; margin:25px 0px 25px auto;}
  .RightAlignedButtons div.Info {float:left; font-size:1.1em; color:#444;}
.FormButtons {width:500px; height:20px; font-weight:normal; margin:15px auto 25px 0px;}
  .FormButtons div.Info {float:left; font-size:1.1em; color:#444;}
.PublicFormButtons {width:359px; height:20px; font-weight:normal; margin:15px auto 25px 27px;}
  .PublicFormButtons div.Info {float:left; font-size:1.1em;}

.ButtonStd {float:right;}
  .ButtonStd .LeftEnd  {float:left; height:19px; width:8px; display:block; background-color:#777;}
  .ButtonStd .Centre   {float:left; height:19px; display:block;  background-color:#777; background-repeat:repeat-x}
  .ButtonStd .Centre a {font-weight:bold; font-size:1.1em; color:#fff; padding:2px 8px 0px 8px; display:block; text-decoration:none;}
  .ButtonStd .Centre a:hover {text-decoration:underline;}
  .ButtonStd .RightEnd {float:left; height:19px; width:8px; display:block; background-color:#777;}
.ButtonStdSpacer      {float:right; height:16px; width:10px;}

  
/* Validation */
.Asterisk {color:#c00; font-size:13px; line-height:12px;}
.ValidationImage {width:15px; height:15px; background-image:url(/images/validation-image.gif);}


/* Heals up if no text is displayed */
.ValidationMessage1 {width:560px; color:#c00; font-size:1.2em; margin-right:auto; font-weight:bold;}
.ValidationMessage1 span {margin:0px auto 8px 0px; display:block;}
.ValidationMessage1 a {color:#c00; text-decoration:underline;}

/* Heals up if no text is displayed, for remove pages, list pages */
.ValidationMessage2 {width:auto; color:#c00; font-size:1.2em; margin-left:auto; margin-right:auto; font-weight:bold;}
.ValidationMessage2 span {margin:0px auto 8px 0px; display:block;}
.ValidationMessage2 a {color:#c00; text-decoration:underline;}

/* Validation images rollovers for general use */
.ValidationInfo   {position:relative; text-indent:0px; white-space:nowrap;}
.ValidationInfo img {position:relative;}
.ValidationInfo div{ position:absolute; white-space:normal; font-weight:normal; overflow:hidden; padding:2px 2px 2px 4px; top:-85px; left:17px; width:140px; height:80px; font-size:11px; border:solid 1px #ccc; background-color:#fff; color:#444; display:none;}


/* Admin Forms */
.FormTable  {width:500px; margin:0px auto 0px 0px; background-color:#f2f2f2;}
.FormTable a {font-weight:bold;}
.FormTable .Col1       {width:204px; padding:7px 7px 10px 22px; color:#444; font-weight:bold; border-left:solid 1px #ccc; font-size:1.2em;}
.FormTable .Col1-2     {width:449px; padding:6px 0px 6px 22px;  color:#444; font-weight:bold; border-left:solid 1px #ccc; font-size:1.2em;}
.FormTable .Col1-2T    {width:449px; padding:0px 0px 1px 22px;  color:#444; border-left:solid 1px #ccc; font-size:1.2em;}
.FormTable .Col1-2L    {width:449px; padding:0px 0px 6px 22px;  color:#444; text-align:right; border-left:solid 1px #ccc; font-size:1.1em;}
.FormTable .Col1-3     {width:449px; padding:4px 0px 1px 22px;  color:#444; font-size:1.1em; border-left:solid 1px #ccc; border-right:solid 1px #ccc;}
.FormTable .Col2       {width:240px; padding:4px 0px 4px 0px;   color:#444; line-height:19px; font-size:1.2em;}
.FormTable .Col3       {width:25px; padding:6px 0px 0px 4px; border-right:solid 1px #ccc;}
.FormTable .EditBox    {width:234px; font-size:11px; height:15px; padding-top:1px; padding-left:1px; font-family:Verdana; color:#444;}
.FormTable .EditBoxN   {width:50px; font-size:11px; height:15px; padding-top:1px; padding-left:1px; font-family:Verdana; color:#444;}
.FormTable .DropDown   {width:240px; font-size:11px; height:19px; padding-top:1px;  font-family:Verdana; color:#444;}
.FormTable .ListBox    {width:238px; font-size:11px; font-family:Verdana; height:180px; color:#444;}
.FormTable .ListBoxW   {width:448px; font-size:11px; font-family:Verdana; height:160px; color:#444;}
.FormTable .TextArea   {width:234px; font-size:11px; font-family:Verdana; color:#444;}
.FormTable .TextAreaW  {width:443px; font-size:11px; font-family:Verdana; color:#444;}
.FormTable .FileUpload {width:237px; font-size:11px; height:20px; font-family:Verdana; color:#444;}
.FormTable .BarTop     {height:8px; border:solid 1px #ccc; border-bottom:none;}
.FormTable .BarBottom  {height:8px; border:solid 1px #ccc; border-top:none;}
.FormTable .BarMiddle1 { border-left:solid 1px #ccc; border-right:solid 1px #ccc;}
.FormTable .BarMiddle1 img {height:6px; width:1px;}
.FormTable .BarMiddle2 { border-left:solid 1px #ccc; border-right:solid 1px #ccc;}
.FormTable .BarMiddle2 img {height:12px; width:1px;}
.FormTable .LineMiddle1 {border-left:solid 1px #ccc; border-right:solid 1px #ccc;  border-bottom:solid 1px #ccc;}
.FormTable .LineMiddle1 img {height:1px; width:1px;}
.FormTable .ProductImages {padding-top:0px;}
  .FormTable .ProductImages img {width:147px; height:147px;}
  .FormTable .ProductImages span.Spacer {margin-left:4px;}
  .FormTable .CategoryImage img {width:126px; height:126px;}
  .FormTable .CategoryBackgroundImage img {width:300px;}
  
.ProductOptionsTableForm {width:500px; margin:0px auto 0px 0px; background-color:#f2f2f2;}
.ProductOptionsTableForm th.Col1    {padding:4px 6px 7px 22px; color:#444; border-left:solid 1px #ccc; font-size:1.2em; text-align:left;}
.ProductOptionsTableForm th.Col2    {padding:4px 8px 7px 0px;  color:#444; font-size:1.2em; text-align:left;}
.ProductOptionsTableForm th.Col3    {padding:4px 8px 7px 0px;  color:#444; font-size:1.2em; text-align:left;}
.ProductOptionsTableForm th.Col4    {padding:4px 8px 7px 0px;  color:#444; font-size:1.2em; text-align:left;}
.ProductOptionsTableForm th.Col5    {padding:4px 8px 7px 0px;  color:#444; font-size:1.2em;}
.ProductOptionsTableForm th.Col6    {padding:4px 0px 7px 0px;  color:#444; font-size:1.2em;}
.ProductOptionsTableForm th.Col7    {padding:4px 4px 7px 4px; width:23px; border-right:solid 1px #ccc;}

.ProductOptionsTableForm td.Col1    {padding:0px 6px 10px 22px; color:#444; border-left:solid 1px #ccc; font-size:1.2em;}
.ProductOptionsTableForm td.Col1-6  {padding:2px 6px 5px 22px; color:#444; text-align:right; font-weight:bold; border-left:solid 1px #ccc; font-size:1.2em;}
.ProductOptionsTableForm td.Col2    {padding:0px 8px 10px 0px;  color:#444; font-size:1.2em;}
.ProductOptionsTableForm td.Col3    {padding:0px 8px 10px 0px;  color:#444; font-size:1.2em;}
.ProductOptionsTableForm td.Col4    {padding:0px 8px 10px 0px;}
.ProductOptionsTableForm td.Col5    {padding:0px 8px 10px 0px; text-align:center;}
.ProductOptionsTableForm td.Col6    {padding:0px 0px 10px 0px; text-align:center;}
.ProductOptionsTableForm td.Col7    {padding:0px 4px 10px 4px; width:23px; border-right:solid 1px #ccc;}

.ProductOptionsTableForm .EditBox1  {width:190px; font-size:11px; height:15px; padding-top:1px; font-family:Verdana; color:#444;}
.ProductOptionsTableForm .EditBox2  {width:50px;  font-size:11px; height:15px; padding-top:1px; font-family:Verdana; color:#444;}
.ProductOptionsTableForm .EditBox3  {width:40px;  font-size:11px; height:15px; padding-top:1px; font-family:Verdana; color:#444;}
.ProductOptionsTableForm .BarTop    {height:8px; border:solid 1px #ccc; border-bottom:none;}
.ProductOptionsTableForm .BarBottom {height:8px; border:solid 1px #ccc; border-top:none;}

.ProductOptionsTableView {width:500px; margin:0px auto 0px 0px; background-color:#f2f2f2;}
.ProductOptionsTableView th.Col1    {padding:4px 6px 7px 22px; color:#444; border-left:solid 1px #ccc; font-size:1.2em; text-align:left;}
.ProductOptionsTableView th.Col2    {padding:4px 6px 7px 4px;  color:#444; font-size:1.2em; text-align:left;}
.ProductOptionsTableView th.Col3    {padding:4px 6px 7px 4px;  color:#444; font-size:1.2em; text-align:left;}
.ProductOptionsTableView th.Col4    {padding:4px 6px 7px 4px;  color:#444; font-size:1.2em; text-align:left;}
.ProductOptionsTableView th.Col5    {padding:6px 13px 7px 4px; color:#444; font-size:1.2em; text-align:left; border-right:solid 1px #ccc;}
.ProductOptionsTableView td.Col1    {padding:0px 6px 10px 22px; color:#444; border-left:solid 1px #ccc; font-size:1.2em;}
.ProductOptionsTableView td.Col2    {padding:0px 6px 10px 4px;  color:#444; font-size:1.2em;}
.ProductOptionsTableView td.Col3    {padding:0px 6px 10px 4px;  color:#444; font-size:1.2em;}
.ProductOptionsTableView td.Col4    {padding:0px 6px 10px 4px;  color:#444; font-size:1.2em;}
.ProductOptionsTableView td.Col5    {padding:0px 13px 10px 4px; color:#444; font-size:1.2em; border-right:solid 1px #ccc;}
.ProductOptionsTableView .BarTop    {height:8px; border:solid 1px #ccc; border-bottom:none;}
.ProductOptionsTableView .BarBottom {height:8px; border:solid 1px #ccc; border-top:none;}

.OrderList {width:500px; margin:0px auto 0px 0px; background-color:#f2f2f2;  color:#444;}
.OrderList th.Col1    {padding:4px 6px  4px 22px; border-left:solid 1px #ccc; font-size:1.2em; text-align:left;}
.OrderList th.Col2    {padding:4px 6px  4px 0px;  font-size:1.2em; text-align:left;}
.OrderList th.Col3    {padding:4px 6px  4px 0px;  font-size:1.2em; text-align:left;}
.OrderList th.Col4    {padding:4px 6px  4px 0px;  font-size:1.2em; text-align:left;}
.OrderList th.Col5    {padding:4px 13px 4px 0px; font-size:1.2em; text-align:left; border-right:solid 1px #ccc;}
.OrderList td.Col1    {padding:4px 6px  4px 22px; border-left:solid 1px #ccc; font-size:1.2em;}
.OrderList td.Col2    {padding:4px 6px  4px 0px; font-size:1.2em;}
.OrderList td.Col3    {padding:4px 6px  4px 0px; font-size:1.2em;}
.OrderList td.Col4    {padding:4px 6px  4px 0px; font-size:1.2em;}
.OrderList td.Col5    {padding:4px 13px 4px 0px; font-size:1.2em; border-right:solid 1px #ccc;}
.OrderList .BarTop    {height:8px; border:solid 1px #ccc; border-bottom:none;}
.OrderList .BarBottom {height:8px; border:solid 1px #ccc; border-top:none;}

.ViewPageSpacer {height:20px;}
.BetweenTableSpacer {height:20px;}
.OverTableHeading {width:500px; margin-bottom:6px;  color:#444; font-size:1.2em; font-weight:bold; margin-top:20px;}
.BelowTableInfo {width:500px; color:#444; font-size:1.1em; margin-bottom:20px;}
.AboveTableInfo {width:500px; color:#444; font-size:1.2em; margin-bottom:10px;}

/* Old table public view only form */ 
.ViewTable  {width:540px; margin:0px auto 0px 0px; background-repeat:repeat; background-image:url(/images/222222-a65.png); }
.ViewTable a {font-weight:bold;}
.ViewTable .Col1       {width:204px; padding:7px 7px 10px 22px; font-weight:bold; border-left:solid 1px #bbb; font-size:1.2em;}
.ViewTable .Col1-2     {width:449px; padding:6px 0px 6px 22px;  font-weight:bold; border-left:solid 1px #bbb; font-size:1.2em;}
.ViewTable .Col1-3     {width:449px; padding:4px 0px 1px 22px;  font-size:1.1em; border-left:solid 1px #bbb; border-right:solid 1px #bbb;}
.ViewTable .Col2       {width:240px; padding:4px 0px 4px 0px;  line-height:19px; font-size:1.2em;}
.ViewTable .Col3       {width:25px; padding:6px 0px 0px 4px; border-right:solid 1px #bbb;}
.ViewTable .BarTop     {height:8px; border:solid 1px #bbb; border-bottom:none;}
.ViewTable .BarBottom  {height:8px; border:solid 1px #bbb; border-top:none;}
.ViewTable .BarMiddle1 { border-left:solid 1px #bbb; border-right:solid 1px #bbb;}
.ViewTable .BarMiddle1 img {height:6px; width:1px;}
.ViewTable .BarMiddle2 { border-left:solid 1px #bbb; border-right:solid 1px #bbb;}
.ViewTable .BarMiddle2 img {height:12px; width:1px;}
.ViewTable .LineMiddle1 {border-left:solid 1px #bbb; border-right:solid 1px #bbb;  border-bottom:solid 1px #bbb;}
.ViewTable .LineMiddle1 img {height:1px; width:1px;}


/********* New Forms **********/
.FormBox {position:relative; width:350px; margin-bottom:0px; margin-left:15px; padding:8px 11px 9px 11px; }

.InnerFormBox {float:left; width:136px;}
.InnerFormBoxFix {clear:left; height:1px; font-size:1px;}/* add left and right version probably*/

.FormBox .FormLabel {font-size:1.2em; font-weight:bold; margin-bottom:3px; }
.FormBox .FormField {   }
  .FormBox .FormField .ShortInfo {font-size:1.1em;}
.FormBox .FieldInfo {font-size:1.1em; margin-top:2px;}
.FormBox .FieldView {font-size:1.2em; margin-top:2px;}
.FormBox .FieldViewRightAligned {width:264px; font-size:1.2em; margin-top:2px; text-align:right;}
.FormBox .LengthInfo {width:264px; font-size:1.0em; margin-top:2px; margin-bottom:-2px; text-align:right;}
.FormBox .ValidationInfo {display:block; font-size:1.1em; margin-top:2px; font-weight:bold; color:#c00;}
  .FormBox .ValidationInfo span {display:block; font-weight:bold; color:#c00;}

.FormField .EditBoxW1 {width:260px; font-size:1.1em; height:1.5em; padding-top:1px; margin-right:10px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana;}
.FormField .EditBoxW2 {width:123px; font-size:1.1em; height:1.5em; padding-top:1px; margin-right:10px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana;}
.FormField .EditBoxW3 {width:60px; font-size:1.1em; height:1.5em; padding-top:1px; margin-right:10px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana;}
.FormField .EditBoxW4 {width:25px; font-size:1.1em; height:1.5em; padding-top:1px; margin-right:6px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana;}
.FormField .DropDownW1 {width:263px; font-size:1.1em; height:1.9em; padding-top:1px; border:solid 1px #999; font-family:Verdana;}
.FormField .DropDownW2 {width:126px; font-size:1.1em; height:1.9em; padding-top:1px; border:solid 1px #999; font-family:Verdana;}
.FormField .ListBoxW1 {width:262px; font-size:1.1em; height:15em; padding-top:1px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana;}
.FormField .ListBoxW2 {width:125px; font-size:1.1em; height:15em; padding-top:1px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana;}
.FormField .TextAreaW1 {width:260px; font-size:1.1em; padding-top:1px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana;}
.FormField .TextAreaW2 {width:123px; font-size:1.1em; padding-top:1px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana;}
.FormField .FileUploadW1 {width:263px; font-size:1.1em; height:2em; border:solid 1px #999; font-family:Verdana;}
.FormField .CheckBox {}

.FormBoxHighlighted {border:solid 1px #333; padding:7px 10px 8px 10px; background-image:url(/images/222222-a65.png); background-repeat:repeat;}
.FormBoxValidationHighlighted {border:solid 1px #c00; padding:7px 10px 8px 10px}
.InputFieldValidationHighlighted {border:solid 1px #d33 !important;}

.FormFieldRadio1 table tr {height:30px;}
.FormFieldRadio1 table tr td label {margin-left:5px; vertical-align:top;}

.PublicValidationMessage   {color:#c00; font-size:1.1em; margin:10px 0px 3px 25px; font-weight:bold;}
.CheckoutValidationMessage {color:#c00; font-size:1.1em; margin:10px 0px 5px 0px; font-weight:bold;}

/* Login form version modifications */
.LoginFormVersion {margin-left:0px; margin-top:30px;}
.LoginFormVersion .FormBox {width:260px; margin-left:-10px; padding:8px 11px 9px 11px;}
.LoginFormVersion .FormBoxHighlighted {border:solid 1px #333; padding:7px 10px 8px 10px; background-image:url(/images/222222-a65.png); background-repeat:repeat; }
.LoginFormVersion .FormField .EditBoxW1 {width:185px;}

/********* New Forms End **********/


/**** List Page Styles ****/
.List {font-size:1.2em; margin-left:0px; margin-right:auto; margin-bottom:5px; width:820px;}
  .List td {vertical-align:top; padding-top:3px; padding-bottom:5px; padding-right:3px;}
  .List td input {}
  .List td.HeaderUnselected   {text-align:left; font-weight:bold; border-bottom:solid 1px #999; border-top:solid 1px #999; padding-top:3px; padding-bottom:3px;}
  .List td.HeaderUnselected a {color:#003366; text-decoration:none;}
  .List td.HeaderUnselected a:hover {color:#4670B2;}
  .List td.HeaderSelected     {text-align:left; font-weight:bold; border-bottom:solid 1px #999; border-top:solid 1px #999; padding-top:3px; padding-bottom:3px;}
  .List td.HeaderSelected a   {color:#4670B2; text-decoration:none;}
  .List td.HeaderSelected span.Up   {margin-left:3px; width:10px; height:10px; background-image:url(/images/list-up-arrow.gif); display:inline-block;}
  .List td.HeaderSelected span.Down {margin-left:3px; width:10px; height:10px; background-image:url(/images/list-down-arrow.gif); display:inline-block;}
  .List td.HeaderSelected span img {width:10px;}

.ListFooter {height:21px; text-align:left; font-size:11px; margin-left:auto; margin-right:-3px; border-bottom:solid 1px #999; border-top:solid 1px #999; padding-top:4px;}
  .ListFooter .Left {float:left;}
    .ListFooter .Left a {text-decoration:none; font-weight:bold;}
    .ListFooter .Left a:hover {text-decoration:underline;}
    .ListFooter .SelectAll {padding:1px 6px 2px 6px; background-color:#777; color:#fff; margin-right:6px; display:block; float:left;}
    .ListFooter .SelectAll:hover {}
    .ListFooter .Reset     {padding:1px 6px 2px 6px; background-color:#777; color:#fff; margin-right:60px; display:block; float:left;}
    .ListFooter .Reset:hover     {}
    .ListFooter .GotoText  {padding:1px 0px 2px 5px; margin-right:6px; display:block; float:left; }
    .ListFooter .PageJumper{height:18px; font-size:11px; width:45px; padding:0px; margin:0px; float:left;}
    .ListFooter .Go        {padding:1px 5px 2px 5px; background-color:#777; color:#fff; margin-left:6px; display:block; float:left;}
    .ListFooter .Go:hover  {}
  .ListFooter .Right {float:right;}
    .ListFooter .Right a {text-decoration:none; font-weight:bold;}
    .ListFooter .Right a:hover {}
    .ListFooter .PreviousActive   {background-color:#777; color:#fff; padding:1px 5px 2px 5px; margin-right:5px; display:block; text-decoration:none;  float:left;}
    .ListFooter .PreviousActive:hover {}
    .ListFooter .PreviousInactive {background-color:#ddd; color:#fff; padding:1px 5px 2px 5px; margin-right:5px; display:block; float:left; font-weight:bold;}
    .ListFooter .PageNumber       {padding:1px 5px 2px 5px; margin-right:4px; display:block; float:left;}
    .ListFooter .NextActive       {background-color:#777; color:#fff; padding:1px 5px 2px 5px; display:block; text-decoration:none; float:left;}
    .ListFooter .NextActive:hover {}
    .ListFooter .NextInactive     {background-color:#ddd; color:#fff; padding:1px 5px 2px 5px; display:block; float:left; font-weight:bold;}


.OpenXstandardForImages {font-size:1.2em; margin-top:15px; margin-bottom:20px; font-weight:bold;}