BODY, TR, TD, INPUT, OPTION, TEXTAREA {
  font-family: Geneva, Arial, sans-serif;
  font-size: 12px;
}
BODY{;
  background-color: #696969
}

/** Hidden State for the dialog */
div.hiddenState {
	visibility: hidden;
	display: none;
}

/* Some rought layout, could be anything including backgrounds etc */
div.visibleNotifyMsg {
	position: absolute;
	/*top: 150px;*/
	left: 700px;
	width: 300px;
	background-color: #FFF;
	color: #000;
	border: 2px solid #C00;
	padding: 10px;
}

A, A.TOption, A.Option {
  color: red;
  text-decoration: none;
}
A:hover, A.TOption:hover, A.Option:hover {
  text-decoration: underline;
}

.rTitle {
	font-weight:bold;
	color:#FF0000;

}

.V5 {
}

.V5 #TOptions {
  background-color: #FFFFFF
}


.V5 A.TOption, .V5 A.TOption:link, .V5 A.TOption:visited, .V5 A.TOption:active {
  color: black;
  text-decoration: none;
}

.V5 A.TOption:hover {
  text-decoration: underline;
}

.V5 .Menubar {
  background-color: #D3D3D3;

}

.V5 .Menubar A {
  display: block;
  background-color: #D3D3D3;
  color: black;
  text-align: center;
  padding: 2px;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
}
.V5 .Menubar A:hover {
  text-decoration: none;
  background-color: #999;
}

.red {
	color:#EE0000;
}

A.submitbutton, INPUT.submitbutton {
  background-color: #696969;
  font-weight: bold;
  color: white;
  text-transform: capitalize;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  padding: 2px 4px 2px 4px;
  border: 1px;
  border-color: #000000
}

A.submitbutton:hover, INPUT.submitbutton:hover {
  text-decoration: none;
  background-color: #EE0000;
  color: white;
}

A.redbutton, INPUT.redbutton {
  background-color: #EE0000;
  font-weight: bold;
  color: white;
  text-transform: capitalize;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  padding: 2px 4px 2px 4px;
  border: 1px;
  border-color: #000000
}

A.redbutton:hover, INPUT.redbutton:hover {
  text-decoration: none;
  background-color: #696969;
  color: white;
}

a.mainmenubutton, a.mainmenubuttonhi {
  background-color: #696969;
  font-weight: bold;
  color: white;
  text-transform: capitalize;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  padding: 2px 4px 2px 4px;
  display: block;
  margin-bottom: -4px;
  margin-top: 0px;
}

a.mainmenubuttonhi {
  background-color: #EE0000;
}
#yellow {
	color:#FFFF00;
	font-weight:bold;

}

.MainMenuHeader {
  padding-top:15px;
  color: #FFFFFF;
  font-weight: bold;

}

.Intro {
  padding: 5px;
}

/* Login Page */

.LoginBox {
  float: right;
  background-color: #DEDEDD;
  padding: 5px;
}

/* Main Menu */

.V5 .MainMenu .Menutext {
  padding-left: 175px;
  padding-bottom: 100px;
}
.V5 .MainMenu .Disclaimer {
  font-weight: bold;
  line-height: 20px;
}

/* User Info Box */

.V5 .UserInfo {
  border: 1px solid #DDD;
  background-color: #F5F5F5;
  border-collapse: collapse;
  width: 100%;
}
.V5 .UserInfo TD {
  padding: 4px;
}
.V5 .UserInfo .Data {
  width: 80%;
  font-size: 11px;
  line-height: 16px;
}
.V5 .UserInfo .Update {
  width: 20%;
  text-align: center;
}

.V5 .PageTitle {
  color: #000000;
  font-size: 16px;
  font-weight: bold;
  margin: 7px 0;
}

/* Trade Flyers */

.V5 .Trade {
  background: url(/images/mainmenu-background.gif);
  background-position: left;
  background-repeat: repeat-y;
}
.V5 .Trade .Intro {
  padding-left: 175px;
  padding-bottom: 100px;
}

.TradeFlyer A {
  text-decoration: none;
  color: #E9E9E9;
}
.TradeFlyer A:visited {
  color: white;
}

A.Red {
  color: red;
}
A.Red:visited {
  color: red;
}

/* General Page */

.UserInfo { 
  margin-bottom: 15px;
}
.UserInfo .detail {
  font-weight: bold;
  color: #DA261E;
}

/* RADIO ADS ---============================================================== */


.V5 .Radio .Intro {
  padding-left: 175px;
  padding-bottom: 100px;
}

.RadioStep {
  background-color: #666666;
  padding: 3px;
  color: white;
  font-weight: bold;
}
.RadioStep .Number {
  color: yellow;
}
.RadioStep .Name {
}
.RadioSelection {
  background-color: white;
  padding: 2px;
}
.RadioSelection .NotNeeded {
  color: #888;
  padding: 3px 0;
  display: block;
}

.RadioUserInput TD {
  background-color: white;
}

/* TRADE FLYERS ============================================================== */

/* Overall structure */

.UserInput {
  border: 15px solid #C0C0C0;
/*  background-color: black; */
  color: white;
}
.UserInput .Step {
  background-color: #DA261E;
  padding: 3px;
  color: white;
  font-weight: bold;
}
.UserInput .Step .Number {
  color: yellow;
  font-size: 17px;
  padding-right: 10px;
}
.UserInput .Step .Name {
  color: #FEE;
  font-size: 13px;
}
.UserInput .Instructions {
  background-color: #555;
  color: white;
  padding: 5px;
}
.UserInput .Content {
  padding: 10px;
  color: white;
}
.UserInput .Content A.Option {
  color: white;
}
.UserInput .Content A.Option:hover {
  color: yellow;
}

/* Flyer List */

.FlyerList {
}
.FlyerList TH, .FlyerList TD {
  padding: 3px;
}
.FlyerList TH {
  background-color: #EEE;
  border: 1px solid #DDD;
}
.FlyerList TD {
  border: 1px solid #F0F0F0;
}
.FlyerList A {
  color: red;
}

/* Selection Areas */

.SelectArea {
  height: 350px;
  overflow: auto;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.SelectArea TD {
  background-color: white;
}
.SelectArea A {
  display: block;
  padding: 4px;
  background-color: white;
  border: 1px solid transparent;
}
.SelectArea A.Current {
  background-color: #CFC;
  border: 1px solid #060;
  color: black;
}
.SelectArea A:hover {
  background-color: #FFC;
}
.SelectArea A:visited {
  border: 1px solid black;
}

.BackgroundSelect TD {
  padding: 5px;
}
.HeadingSelect TD {
  padding: 0px;
}
.HeadingSelect TD A {
  color: black;
}
.IconSelect TD {
  border: 1px solid black;
  padding: 0px;
  height: 80px;
}
.IconSelect TD A {
  display: block;
  border: 0;
  padding-top: 5px;
  height: 100%;
}

/* Select background style */

.PanelPresentation {
  text-align: center;
  border-top: 1px solid white;
  color: white;
}
.PanelPresentation .Options {
  margin: 5px 0;
}
.PanelPresentation IMG.NotSelected {
  border: 3px solid transparent;
}
.PanelPresentation IMG.Selected {
  border: 3px solid yellow;
}

/* Offer Category / Subcategory tree */

.BackgroundStyle {
  text-align: center;
}

.OfferSelect {
  height: 220px;
  overflow: auto;
  border: 1px inset gray;
  font-weight: bold;
  background-color: white;
  color: black;
}
.OfferSelect A {
  display: block;
  color: black;
  padding-left: 3px;
}
.OfferSelect A.Sub {
  font-size: 10px;
  padding-left: 25px;
  padding-top: 1px;
  padding-bottom: 1px;
  color: black;
}
.OfferSelect A:hover {
  background-color: #FFC;
  color: black;
}
.OfferSelect A.Sub:hover {
  background-color: #EEE;
  color: black;
}
.OfferSelect A:visited {
  color: black;
}

/* Part/Offer selection area */

.PartSelection {
  border: 1px outset gray;
  background-color: #FAFAFA;
  padding: 5px;
}
.PartSelection .Category {
  padding: 2px;
  border-bottom: 1px solid #777;
  margin-bottom: 5px;
  color: black;
}
.PartSelection .Category A {
  color: #600;
  font-weight: normal;
}

/* Select single or multi presentation style */

.PresentationStyle {
  text-align: center;
  height: 35px;
  padding-top: 15px;
}
.PresentationStyle A {
  margin: 5px;
  border: 1px outset gray;
  background-color: #DDD;
  color: black;
  padding: 3px;
}
.PresentationStyle A:hover {
  color: #999;
}
.PresentationStyle A:active {
  border: 1px inset gray;
  background-color: #CCC;
}

/* List of offers already entered */

.ContentPreview A {
  color: white;
  font-weight: bold;
}

.OfferList {
  border: 1px solid gray;
  margin-bottom: 3px;
}
.OfferList TD {
  padding: 2px;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 8px;
}
.OfferList TD A {
  color: #600;
  font-weight: bold;
}
.OfferList TR.RowStandard TD {
  background-color: #F6F6F6;
}
.OfferList TR.RowAlternate TD {
  background-color: white;
}

.SingleOffer {
  width: 200px;
  padding: 10px;
  background-color: white;
  color: black;
  border-top: 1px solid white;
}
.SingleOffer IMG {
  display: block;
  margin: 10px;
}
.SingleOffer .Description {
  margin: 10px;
}
.SingleOffer .SmallPrint {
  margin: 10px;
  font-size: 9px;
}

/* Panel Capacity */

.Capacity {
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
  border: 1px inset gray;
  background-color: white;
  color: black;
}
.Capacity .Used {
  color: #600;
}
.Capacity .Available {
  color: #060;
}
.Capacity .Splash {
  color: #AAA;
  padding: 3px;
}

/* Panel Completion Options */

.Completion {
  margin-top: 10px;
  padding: 10px;
  border-top: 1px dotted #AAA;
}
.Completion .Submit {
  text-align: center;
  margin-top: 15px;
}

/* Preview */

.Panels .Normal {
  border: 1px solid transparent;
}
.Panels .Selected {
  border: 1px solid gold;
}

/* Checkout */

.Note {
  color: red;
  font-weight: bold;
}
.Footnote {
  font-size: 10px;
  margin-bottom: 15px;
}

.CheckoutInput {
  text-align: left;
}
.CheckoutInput .Instructions {
  background-color: black;
  font-weight: bold;
  border-bottom: 1px solid white;
}
.CheckoutInput .Form {
  padding: 10px;
  border-bottom: 1px solid white;
}
.CheckoutInput .Form .Section {
  margin-bottom: 10px;
}
.CheckoutInput .Form TD {
  color: white;
}
.CheckoutInput .Form TD SELECT {
  width: 150px;
}
.CheckoutInput .Submit {
  padding: 5px;
  text-align: center;
}

/* SHOP A DOCKETS ========================================================== */

.V5 .ShopADocketPage {
  background: url(/images/mainmenu-background.gif);
  background-position: left;
  background-repeat: repeat-y;
}
.V5 .ShopADocketPage .Intro {
  padding-left: 175px;
  padding-bottom: 100px;
}

.ShopADocket {
}

.ShopADocket .Form {
  background-color: black;
  color: white;
  padding: 15px;
}
.ShopADocket .Form .Intro {
  padding-bottom: 15px;
}
.ShopADocket .Form .Title {
  background-color: #DA261E;
  padding: 3px;
  color: white;
  font-weight: bold;
}
.ShopADocket .Form .Title .Number {
  color: yellow;
}
.ShopADocket .Form .Selection {
  background-color: white;
  padding: 2px;
}
.ShopADocket .Form .Selection .Single SELECT {
  width: 395px;
}
.ShopADocket .Form .Selection TEXTAREA {
  width: 395px;
}

.ShopADocket .Form .Checkout {
  background-color: black;
  color: white;
  padding: 2px;
}
.ShopADocket .Form .Checkout .FullText INPUT {
  width: 350px;
}
.ShopADocket .Form .MediaInformation .FullText INPUT {
  width: 300px;
}
.ShopADocket .Form .Checkout TD {
  color: white;
}
.ShopADocket .Form .Checkout .Contact TD.label {
  width: 175px;
}
.ShopADocket .Form .Checkout .MediaInformation TD.label {
  width: 175px;
}
.ShopADocket .Form .Checkout .Single SELECT {
  width: 100%;
}
.ShopADocket .Form .Checkout TEXTAREA {
  width: 100%;
}

.ShopADocket .DocketPreview {
}
.ShopADocket .DocketPreview .PriceOutput {
  position: relative;
  font-size: 30px;
  font-weight: bold;
  width: 120px;
}

.ShopADocket .Controls {
  text-align: center;
  padding-top: 5px;
}

INPUT.Price {
  text-align: right;
}

/* Specials / Promotions */

.V5 .Promotions {
  background: url(/images/mainmenu-background.gif);
  background-position: left;
  background-repeat: repeat-y;
}
.V5 .Promotions .Intro {
  padding-left: 175px;
  padding-bottom: 100px;
}

.Special .Selector {
  background-color: black;
}

.Special .Selector .SpecialsDesigns {
  margin: 5px;
}
.Special .Selector .SpecialsDesigns TD {
  padding: 10px;
  color: white;
  text-align: center;
}
.Special .Selector .SpecialsDesigns TD.GroupName {
  background-color: #EEE;
  padding: 5px;
  color: black;
  text-align: left;
  font-weight: bold;
  font-size: 14px;
}

.Special .Controls {
  text-align: center;
  margin: 4px;
}

.Special .Details {
  padding: 0;
  background-color: black;
  color: white;
}
.Special .Details TD {
  color: white;
}

.Special .Header {
  background-color: #666666;
  padding: 3px;
  color: white;
  font-weight: bold;
}
.Special .Intro {
  padding: 10px;
  color: white;
}
.Special .Input {
  padding: 5px;
  background-color: black;
}

.Special .Details .FormSubmit {
  border: 1px solid gray;
  padding: 4px;
  text-align: center;
}

.Special .PriceList {
  margin: 10px;
}
.Special .PriceList TD {
  color: black;
}

.Special .CheckoutInput .Form {
  margin-bottom: 0;
}
.Special .CheckoutInput .Form .Title {
  font-weight: bold;
  padding: 3px 0;
}

/* Retail System */

.V5 .V5Page {
  background: url(/images/mainmenu-background.gif);
  background-position: left;
  background-repeat: repeat-y;
}
.V5 .V5Page .Intro {
  padding-left: 175px;
  padding-bottom: 100px;
}

.V5 {
  margin: 10px 0;
}

.V5 .Title {
  background-color: #000000;
  padding: 3px;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
}
.V5 .Input {
  padding: 3px;
  width: 100%;
}
.V5 .Box {
  border: 1px solid white;
  background-color: black;
  color: white;
  padding: 3px;
}
.V5 .Input .Box .Form .Edit TD {
  color: black;
  padding: 3px;
}
.V5 .Space {
  padding: 20px 40px;
  line-height: 25px;
}
.V5 .RadioGroup {
  padding: 3px 10px;
}
.V5 .RadioGroup .Option {
  padding-bottom: 3px;
}

.V5 .AdColor {
  float: left;
  width: 49%;
}
.V5 .AdDepartment {
  float: left;
  width: 50%;
  padding-left: 1%;
}

.V5 TABLE.FlyerType {
  width: 700px;
}
.V5 TABLE.FlyerType TD {
  text-align: center;
  padding: 5px 5px 10px 5px;
}
.V5 .SubmitArea {
  text-align: center;
  padding: 5px;
}

.V5 .FlyerPreview .Heading {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: white;
  font-weight: bold;
}

.V5 .FlyerMenu {
  padding: 5px;
}
.V5 .FlyerMenu A {
  display: block;
  border: 1px outset gray;
  background-color: #696969;
  padding: 3px 3px 3px 5px;
  color: white;
}
.V5 .FlyerMenu A:hover {
  background-color: #DA261E;
  text-decoration: none;
  font-weight: bold;
}

.V5 .LayoutSelection {
  text-align: center;
  height: 385px;
  overflow: auto;
}
.V5 .LayoutSelection TABLE {
  border-collapse: collapse;
  width: 100%;
}
.V5 .LayoutSelection TABLE TD {
  text-align: center;
  padding: 5px;
}
.V5 .LayoutSelection TABLE TD A {
  color: white;
}

.V5 TABLE.Layout {
  border-collapse: collapse;
  background-color: white;
  width: auto;
}
.V5 TABLE.Layout TD {
  border: 1px solid black;
  background-color: white;
  padding: 0;
}

.V5 .HeadingSelect {
  height: 385px;
  overflow: auto;
  background-color: white;
}
.V5 .HeadingSelect A {
  display: block;
  padding: 2px;
  color: black;
}
.V5 .HeadingSelect A:hover {
  text-decoration: none;
  background-color: gold;
}
.V5 .HeadingSelect A.Current {
  border: 1px solid gold;
}

.V5 .IconSelection {
  text-align: center;
  height: 385px;
  overflow: auto;
}
.V5 .IconSelection TABLE {
  width: 100%;
}
.V5 .IconSelection TABLE TD {
  text-align: center;
  background-color: white;
  padding: 0;
}
.V5 .IconSelection TABLE TD A {
  display: block;
  padding: 2px;
  border: 3px solid white;
  color: black;
}
.V5 .IconSelection TABLE TD A:hover {
  background-color: gold;
  border: 3px solid gold;
}
.V5 .IconSelection TABLE TD A.Current {
  border: 3px solid gold;
}


.V5 .ItemSelector {
  height: 250px;
  overflow: auto;
  background-color: white;
  color: black;
  padding: 2px;
}
.V5 .ItemSelector A {
  text-decoration: none;
  display: block;
}
.V5 .ItemSelector .Category .Name A {
  color: black;
  font-weight: bold;
}
.V5 .ItemSelector .Category .Name A:hover, .V5 .ItemSelector .Category .Name A:active {
  background-color: #FAE400;
  font-weight: bold;
}
.V5 .ItemSelector A.Item {
  color: black;
  font-weight: normal;
  padding-left: 10px;
}
.V5 .ItemSelector A.Item:hover {
  background-color: #FAE400;
}
.V5 .PanelDetails, .V5 .Box {
  background-color: #A9A9A9;
  color: #000000;
}

.V5 .PanelDetails .Image {
  text-align: center;
  padding: 10px;
}

.V5 .PanelDetails .Form {
  padding: 4px;
  background-color: black;
  color: white;
}

.V5 .PanelDetails .Submit {
  text-align: center;
  padding: 5px;
}

.V5 .Box .Edit {
  width: 100%;
}

.V5 .Box .Edit TD {
  padding: 2px;
  color: white;
}

.V5 .Input .Box .Form .Edit .wLabel {
  color: #FFFFFF;
  width: 30%;
}
.V5 .Input .Box .Form .Edit .Input {
  color: #FFFFFF;
}

.V5 .PanelDetails .submitbutton {
  background-color: #696969;
}

.V5 .Completed {
  padding: 30px;
}

/* Downloads */

.V5 .Downloads {
  background: url(/images/mainmenu-background.gif);
  background-position: left;
  background-repeat: repeat-y;
}
.V5 .Downloads .Content {
  padding-left: 175px;
  padding-bottom: 100px;
}

.V5 .Downloads UL LI {
  padding: 5px;
}

/* Help */

.V5 .Help {
  background: url(/images/mainmenu-background.gif);
  background-position: left;
  background-repeat: repeat-y;
}
.V5 .Help .Content {
  padding-left: 175px;
  padding-bottom: 100px;
}

#red {
  color: #DA251D;
}

td.vdiv {
  background-image: url('/images/div.gif');
  background-repeat: repeat-y;
  background-position: right
}

td.AddFlyerTitle {
  background-image: url('/images/div.gif');
  background-repeat: repeat-x;
  background-position: bottom;
  font-weight: bold
}

.bottombar {
  color: #FFFFFF;
}

.wLabel {
  color: #FFFFFF;
  width: 30%;
}

/* Pricelist */

.PriceList {
  border-collapse: collapse;
  background-color: white;
  color: black;
}
.V5 .Box .Edit .PriceList TH, .PriceList TD {
  padding: 3px;
  border: 1px solid black;
}
.V5 .Box .Edit .PriceList TH {
  background-color: #DA261E;
  color: white;
}
.V5 .Box .Edit .PriceList TD {
  background-color: white;
  color: black;
}
.V5 .Box .Edit .PriceList TD.Qty {
  background-color: #DDD;
}
TD.Qty {
  background-color: #DDD;
}
.PriceList TH {
  background-color: #DA261E;
  color: white;
}
Input.TotalPrice {
  background-color: #A9A9A9;
  text-align: right;
}
Input.Price {
  background-color: #FFFFFF;
  text-align: right;
}
.vLabel {
  border-bottom: thin solid #A9A9A9
}