.dlBordersItem
{
    border: solid 2px #ffffff;
    margin: 2px 12px 0px 2px; 
    padding: 2px 2px 0px 0px;
    height:35px; 
    width:35px; 
    float: left;
}

.dlBordersSelect
{
    border: solid 2px #fff200;
    margin: 2px 12px 0px 2px; 
    padding: 2px 2px 0px 0px;
    height:35px; 
    width:35px;
    float: left;
}
.dlBackgrItem
{
    padding: 3px;
    margin: 3px;
    height:56px; 
    width:56px; 
    float: left;
    z-index: 1;
    text-align: center;
}

.dlBackgrSelect
{
    border: solid 2px #fff200;
    margin: 1px;
    padding: 3px;
    height:56px; 
    width:56px;
    float: left;
    z-index: 1;
    text-align: center;
}
.dlBadgesItem
{
    padding: 3px;
    margin: 3px;
    background-position: 0px 1px; 
    background-repeat: no-repeat ;    
    float: left;
    height:135px; 
    width:60px; 
    z-index: 1;
    text-align: center;
}

.dlBadgesSelect
{
    border: solid 2px #fff200;
    margin: 1px 1px 1px 1px;
    padding: 3px;
    background-position: -3px 1px; 
    background-repeat: no-repeat ; 
    float: left;
    height:135px; 
    width:60px; 
    z-index:  1;
    text-align: center;
}
.dlBadges
{
    text-align: left;
    overflow:hidden;
    
}
.dlBadgesBckgrItem
{
    height:35px; 
    width:35px;
    border: solid 2px #ffffff; 
    position: relative; 
    margin: -13px 12px 0px 0px; 
    padding: 2px 2px 0px 0px;
}
.dlBadgesBckgrSelect
{
    border: solid 2px #fff200;
    margin: -13px 12px 0px 0px; 
    padding: 2px 2px 0px 0px;
    
    position: relative; 
    height: 35px; 
    width: 35px; 
}
.dlSizeItem
{

    overflow: visible;
    border: solid 0px #ffffff;
    margin: 3px;
    padding: 8px;
}
.dlSizeSelect
{

    border: solid 2px #fff200;
    padding: 8px;
    margin: 1px;

}
.dlFontItem
{

    overflow: visible;
    border: solid 0px #ffffff;
    margin: 3px;
    padding: 3px;
    text-align: left;
    height: 34px; 
    width: 160px;
}
.dlFontSelect
{

    border: solid 2px #fff200;
    margin: 1x 1px 1px 1px;
    padding: 3px;
    height: 34px; 
    width: 160px;
    text-align: left;
}
.dlSizeItem
{
    padding: 3px;
}
.dlSizeSelect
{
    padding: 3px;
}
.FontDescLabel
{
    position: absolute;
    margin-top: -3px;
    left: 44px;
    padding: 2px 2px;
    background-color: #ffffff;
    color: #000000;
    display: block;
    width: 140px;
    height: 20px;
    text-align: center;
    clear: both;
}
.FontPanel
{
    padding: 2px 6px;
    text-align: right;
    height: 50px;
}
.pnlDatalist
{
    padding: 4px;
    border: dashed 1px #999999;
}
.ColourButtons
{
    width: 10px;
    height: 10px;
    padding: 2px 2px 2px 2px;
    float:left;
    overflow: hidden;
}
.descriptions
{
    font: Arial 12px;
    background-color: Window;
    color: Gray;
    padding: 8px 8px 8px 8px;
    display: block;
    text-align: center;
}
#UpdateProgress1, #UpdateProgress2
{
  width: 400px; 
  background-color: #FFCC80; 
  top: 0%; 
  left: 0px; 
  position: absolute;
}
.SloganPanelNoBadge
{
    position:relative; 
    left: 0px; 
    top: -24px; 
    width:714px; 
    text-align:center; 
    display:block;
}
.SloganPanelwBadge
{
    position:relative; 
    left: 88px; 
    top: -24px; 
    width: 597px; 
    text-align:center; 
    display:block; 
}
.SloganPanelNoBadgeBuy
{

    margin-left: 0px; 
    margin-top: -24px; 
    width:714px; 
    text-align:center; 
    display:block;
}
.SloganPanelwBadgeBuy
{
    position:relative; 
    left: 88px; 
    top: -24px; 
    width: 597px; 
    text-align:center; 
    display:block; 
}
.ImageDrawObject
{
    position:relative; 
    display:block; 
}

* { padding: 0; margin: 0; }

a:hover
{
    color: #fff;
    text-decoration: underline;

}
a
{
    color: #fff200;
    text-decoration: none;
}
.PadLink a:hover
{
    padding: 2px 4px;
    background-color: #000;
    text-decoration: none;
}
.PadLink a
{
    padding: 2px 4px;
}
#wrapper 
{ 
    margin: 0 auto;
    width: 910px;
    border: solid 2px #666666;
    border-bottom: none 0px;
}
#header 
{
     color: #333;
     padding: 0px;
     margin: 0px 0px 0px 0px;
     display: block;
     height: 85px;
     background-image: url('ui/header_bar.gif');
     position: relative;
}
#navigation {
 float: left;
 width: 900px;
 color: #333;
 padding: 10px;
 border: 1px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: #BD9C8C;
}
#leftcolumn 
{ 
    margin: 0px 0px 0px 0px;
    padding: 0px;  
    width: 161px;
    height: 650px;
    display: block;
    float: left;
    position: relative;
	padding: 20px 0px 30px 4px;
}
#rightcolumn { 
     float: right;
     margin: 0px 0px 0px 0px;
     padding: 20px 5px 20px 0px;
     width: 730px;
     position: relative;
     display: inline;
     text-align: center;
}
#onecolumn  
{
     text-align: center;
     margin: 0px 0px 0px 0px;
     padding: 20px 52.5px 20px 52.5px;
     width: 800px;
     float: none;
     position: relative;
     display: inline-block;
}
#footer 
{ 
     width: 910px;
     clear: both;
     margin: 0px 0px 0px -2px;
     padding: 0px;
     /**
     background-image: url('ui/header_bar.gif');
     background-repeat: repeat-x;
     background-position: 0px -27.5px;
     **/
     height: 46px;
     font-style: normal;
     font-size: 10pt;
     border-top: solid 2px #666666;
     border-left: solid 2px #000;
     border-right: solid 2px #000;
     border-bottom: none 0px;
}
#footer p
{
    font-size: 8pt;
    color:  Gray;
    text-align: center;
    display: block;
    line-height: 1.4em;
}
#footer #footer-center-text
{
    margin-right: 25%; 
    margin-left:25%; 
    width: 50%; 
}
#footer p #footer-left-images
{
    float: left;
    margin-top: -26px;    
}
#footer p #footer-right-images
{
    float: right;
    margin-top: -28px;
}
#footer p #footer-right-images a, #footer p #footer-right-images a:hover
{
    color: #000;
    line-height: 0em;
}
#footer p #footer-right-images a img, #footer p #footer-left-images a img
{
    border-style: none;
}
/*** Nav bar styles ***/
/*Remove all spacings from the list items*/
ul.footernav, .nav ul { margin: 0px 0 0 0; padding: 0px 4px 2px 4px; cursor: default; list-style-type: none; display: inline; }
	
ul.footernav { display: block; top: 2px; position: relative; }
ul.footernav>li { display: inline; position: relative; padding: 2px 6px; background-color: #666; }
/*Make the sub list items invisible*/
/*ul.footernav li>ul.footernav { display: none; position: absolute; max-width: 40ex; margin-left: -6px; margin-top: 2px; }*/
/*When hovered, make them appear*/
/*ul.footernav li:hover>ul { display : block;  }
/*Make the hyperlinks as a block element, sort of a hover effect*/
.footernav ul li a { display: block; padding: 2px 2px; }
/*** Menu colors (customizable) ***/
ul.footernav, .footernav ul, .footernav ul li a { color: Black; border: dotted 2px #fff;  }
ul.footernav li:hover, .footernav ul li a:hover { background-color: #000;}
ul.footernav li:active, .footernav ul li a:active { color: #fff; }
ul.footernav, .footernav ul { border: 0px solid #369; }
.footernav a{ text-decoration: none; }

body {
    text-align: center; /* for IE */
    font-size: 10pt;
    font-family: Arial, Verdana, sans-serif;
    color: #fff;
    font-weight: normal;
    background-color: #000;
}


#middlePlate
{
    margin: 0px 0px;
    width: 100%;
    text-align: right;
    float: none;
}
.PageHeader
{
    text-align: left;
    width: 730px;
}
.ContentDiv
{
    background-repeat: repeat-y;
    background-image: url('ui/div/background_long.png');
    background-position: 0px 2px;
    width: 800px;

    position: relative;
}
.ContentDiv740
{
    background-repeat: repeat-y;
    background-image: url('ui/div/background_740.png');
    background-position: 0px 2px;
    width: 730px; /* had to change width */
    text-align: left;
    position: relative;
}
.ContentDiv740#contact
{
    float: left;

}
.ContentDiv740Home
{
    width: 730px;
    text-align: left;
    top: 300px;
}
.ContactDiv2
{
    float: left;
    width: 686px;
}
.ContactDiv2 ul
{

    vertical-align: text-top;
    list-style-type: none;
}
.ContactDiv2 ul#indentemail, #indentemail li
{
    position: relative;
    top: -10px;
    margin-left: 87px;
    border: solid 0px #333;
    float: none;
}
.ContactDiv2 ul#indentaddress
{
    position: relative;
    right: 160px;
    top: -6px;
    text-align: left;
    width: 352px;
    float: right;
}
.ContactDiv2 ul#indenttelephone
{
    text-align: left;
    position: relative;
    right: 160px;
    top: -20px;
    width: 352px;
    float: right;
    padding-top: 20px;
    font-size: 1.4em;
}
.ContactDiv2 ul#indenttelephone span, .ContactDiv2 ul#indentaddress span
{
    background-color: Gray;
}
.cdTop
{
    height: 2px;
}
.cdBody
{
    padding: 10px 28px;
    text-transform: none;
    text-align: justify;
}
.cdBody#flash
{
    padding: 6px 20px 0px 0px;
    text-align: right;
}
.cdBody#numberplate
{
    display: block;
    padding: 0px 0px;
    text-align: left;
}
.cdBody#numberplate img
{
   border: none 0px #333;
   text-decoration: none;
}
.cdBody #BuildButtonPriceRow table
{
    width: 100%;
    padding: 0px 10px;
    text-align: center;
}
.cdBody p a
{
    border: none 1px #fff;

}
.cdBody p a u
{
    border: none 1px #fff;
    margin-left: 4px;
    font-weight: bold;
}
.cdBody p span 
{
    border: solid 0px #fff200;
    width: 92%;
    margin-left: 20px;
    display: block;
    line-height: 12pt;
}
.cdBody p span u
{
    line-height: 16pt; 
}
.cdBottom
{
    height: 2px;
}
.RightPosDiv
{
    clear: right; 
    float: right;  
    width: 24%; 
    text-align: center; 
    position: relative;
}

#menu2 { }
#menu2 ul { list-style-type: none; margin:0; padding:0 10px; position: relative; top: 12px; left: 0px;}
#menu2 li { float:left; }
#menu2 li a span, #menu2 li a em { display:none;}
#menu2 li#home-now a { display:block; height:61.5px; width:130px; background-position:center bottom; padding: 0em .5em; background-image:url('ui/nav_home.png'); background-repeat: no-repeat;}
#menu2 li#home a { display:block; height:61.5px; width:130px; background-position:center top; padding: 0em .5em;}
#menu2 li#plates-now a { display:block; height:61.5px; width:150px; background-position:center bottom; padding: 0em .5em; background-image:url('ui/nav_plates.png'); background-repeat: no-repeat;}
#menu2 li#plates a { display:block; height:61.5px; width:150px; background-position:center top; padding: 0em .5em; }
#menu2 li#about a { display:block; height:61.5px; width:138px; background-position:center top; padding: 0em .5em;}
#menu2 li#about-now a { display:block; height:61.5px; width:138px; background-position:center bottom; padding: 0em .5em; background-image:url('ui/nav_about.png'); background-repeat: no-repeat;}
#menu2 li#contact-now a { display:block; height:61.5px; width:172px; background-position:center bottom; padding: 0em .5em; background-image:url('ui/nav_contact.png'); background-repeat: no-repeat;}
#menu2 li#contact a { display:block; height:61.5px; width:172px; background-position:center top;}
#menu2 li#home a:hover span { width: 130px; height:61.5px; }
#menu2 li#plates a:hover span { width: 150px; height:61.5px; }
#menu2 li#about a:hover span { width: 138px; height:61.5px; }
#menu2 li#contact a:hover span { width: 172px; height:61.5px; }
#menu2 li a:hover span { display: block; position: relative; left:0px; top:0px; z-index: 1; background-position:center bottom; background-repeat: no-repeat;   }
#menu2 li#home a, #menu2 li#home a:hover span { background-image:url('ui/nav_home.png'); background-repeat: no-repeat; }
#menu2 li#plates a, #menu2 li#plates a:hover span { background-image:url('ui/nav_plates.png'); background-repeat: no-repeat; }
#menu2 li#about a, #menu2 li#about a:hover span { background-image:url('ui/nav_about.png'); background-repeat: no-repeat;}
#menu2 li#contact a, #menu2 li#contact a:hover span { background-image:url('ui/nav_contact.png'); background-repeat: no-repeat;}

#menu2 li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
      display: none;               /* hides child menu blocks - one of the most important declarations */
      position: absolute;          /* make child blocks hover without leaving space for them */
      top: 54px;                    /* position slightly lower than the parent menu item */
      left: 200px;                  /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
}
#menu2 li#plates:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
      display: block;            /* makes the child block visible - one of the most important declarations */
      z-index: 500;
      background-color: Yellow;
      background-image: url('');
      overflow: hidden;
}
.lnkButtonRollover#buy
{
 position: relative;
 background-image: url('ui/build/buy_over.png');
 background-repeat: no-repeat;
 white-space: nowrap;
 display: block;
 width: 181px;
 height: 86px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px;
}
.lnkButtonRollover#reset img
{
 padding: 0px 0px;
}

.lnkButtonRollover#reset
{
 position: relative;
 background-image: url('ui/build/reset_over_m.png');
 background-repeat: no-repeat;
 white-space: nowrap;
 display: block;
 width: 181px;
 height: 86px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px;
}

.lnkButtonRollover#checkout
{
 position: relative;
 background-image: url('ui/basket/checkout_button_on.png');
 background-repeat: no-repeat;
 white-space: nowrap;
 display: block;
 width: 100px;
 height: 27px;
 margin: 0px 0;
 padding: 0;
}
.lnkButtonRollover#cbuy
{
 position: relative;
 background-image: url('ui/checkout/buy_button2_on.png');
 background-repeat: no-repeat;
 white-space: nowrap;
 display: block;
 width: 100px;
 height: 27px;
 padding: 0;
}
.lnkButtonRollover#sendmail
{
 position: relative;
 background-image: url('ui/contact/send_button_on.png');
 background-repeat: no-repeat;
 white-space: nowrap;
 display: block;
 width: 100px;
 left: 212px;
 height: 36px;
 padding: 0;
}
.lnkButtonRollover#RemoveItem
{
 position: relative;
 background-image: url('ui/basket/remove_button_on.png');
 background-repeat: no-repeat;
 white-space: nowrap;
 display: block;
 width: 100px;
 height: 27px;
 margin: 6px 0px;
 padding: 0;
}
.lnkButtonRollover#continue
{
 position: relative;
 background-image: url('ui/basket/cont_shop_button_on.png');
 background-repeat: no-repeat;
 white-space: nowrap;
 display: block;
 width: 100px;
 height: 29px;
 margin: 0px 0px 0px 0px;
 padding: 0;
}
.lnkButtonRollover#LNbuild
{
 position: relative;
 background-image: url('ui/home/build_on.png');
 background-repeat: no-repeat;
 white-space: nowrap;
 display: block;
 width: 161px;
 height: 66px;
 margin: 0px 0px 0px 0px;
 padding: 0;
}
.lnkButtonRollover#LNplates
{
 position: relative;
 background-image: url('ui/home/design_plate_on.png');
 background-repeat: no-repeat;
 white-space: nowrap;
 display: block;
 width: 160px;
 height: 178px;
 margin: 0px 0px 0px 0px;
 padding: 0;
}
.lnkButtonRollover#ChooseShow
{
 position: relative;
 background-image: url('ui/choose/showplates_on.png');
 background-repeat: no-repeat;
 white-space: nowrap;
 display: block;
 width: 320px;
 height: 146px;
 margin: 0px 0px 0px 0px;
 padding: 0;
}
.lnkButtonRollover#ChooseNumber
{
 position: relative;
 background-image: url('ui/choose/numberplate_on.png');
 background-repeat: no-repeat;
 white-space: nowrap;
 display: block;
 width: 320px;
 height: 146px;
 margin: 0px 0px 0px 0px;
 padding: 0;
}
.lnkButtonRollover a
{
     display: block;
     color: #000000;
     font-size: 11px;
     color: #ffcccc;
     text-decoration: none;
     padding: 0px;
}

.lnkButtonRollover img
{
 border: 0;
}

* html a:hover
{
    visibility: visible;
}

.lnkButtonRollover a:hover img
{
    visibility:hidden;
}

.lnkButtonRollover span
{

 padding: 0px 0px 0px 0px;
 margin: 0 0 0 0;
 cursor: pointer;
 position: absolute;
 text-align: center;
}
.imgColourButton
{
    border: solid 2px #ffffff; 
    position: relative; 
    margin: -13px 12px 0px 0px; 
    padding: 2px 2px 0px 0px;
}
.txtbox
{
    float: left;
    padding: 0px 10px 6px 0px;
}
.RegButton
{
    position: relative; 
    right: -10px; 
    top: 11px;
}
.SloganButton
{
    position: relative; 
    right: -10px; 
    top: 0px;
}
.HelpText
{
    font-size: 120%;
    padding: 10px 10px;
    margin: 4px 0px 4px 0px;
    border: dashed 1px Grey;
    display: block;
    letter-spacing: normal;
    overflow: hidden;
    text-align: left;
    background-color: #333;
}
.HelpTextLinkButton
{
    font-size: 120%;
    padding: 10px 10px;
    margin: 0px 0px 0px 0px;
    border: dashed 1px Grey;
    
    display: block;
    letter-spacing: normal;
    overflow: hidden;
    text-align: left;
    background-color: #333;
}
.CollapsePanelContainer
{
    border: solid 1px #fff;
}
.CollapsePaneltLinkButton
{
    font-size: 100%;
    padding: 2px 4px;
    margin: 0px 0px 0px 0px;
    border: solid 0px Grey;
    font-weight: bold;
    display: block;
    letter-spacing: normal;
    overflow: hidden;
    text-align: left;
    background-color: #333; 
}
.CollapsePanelPanel
{
    padding: 4px 4px;
    margin: 0px 0px 0px 0px;
    border: solid 0px Grey;
    display: block;
    letter-spacing: normal;
    text-align: left;  
    background-color: #333; 
}
.CollapsePanelLabel
{
    padding: 0px;
    margin: 0px;
    border: solid 0px Grey;
    font-size: smaller;
    text-align: left;  
    background-color: #333; 
    float: left;
    display: block;
}
.MessageBox
{
    padding: 10px 30px;
    margin: 5px 10px 5px 0px;
    border: dashed 1px gray;
    display: block;
    letter-spacing: 1px;
    overflow: hidden;
    text-align: center;
    font-size: 1.2em;
 
}
.MessageBox a:hover
{
    padding: 10px 3px;
    background-color: #000;
    text-decoration: underline;
}    
.ErrorText
{
    font-size: 10pt;
    font-weight: bold;
    color: YEllow;
    padding: 0px;
    border: dashed 0px yellow;
    display: inline;
    vertical-align: top;
}

.ValidationErrorSummary
{
    padding: 10px;
    display: block;
    vertical-align: top;
    background-color: #330000;
    width: 166px;
    line-height: 12pt;
    font-size: 80%;
    border: dashed 2px #fff200;
    overflow: hidden;
    font-weight: normal;   
}
.DivValidationSummary
{
    
    float: right;
    margin: 50px 0px 0px 50px;
    text-align: justify;
}
.DivValidationSummary#divCheckoutValSummary
{
    position: relative;
    top: 0px;
    left: 16px;
    width: 192px;
}
.DivValidationSummary#divContactValSummary
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 174px;
    padding: 0px 6px;
}
.ContactValidationErrorSummary
{
    padding: 10px;
    display: block;
    vertical-align: top;
    background-color: #330000;
    width: 84%;
    line-height: 12pt;
    font-size: 80%;
    border: dashed 2px #fff200;
    overflow: hidden;
    font-weight: normal;   
}
.AccordionHeader a
{
    color: #FFF;
    text-decoration: none;
}
.AccordionHeader
{
    border: solid 1px #999999;
    color: #000;
    background-color: #330000;
    padding: 4px 5px;
}
.AccordionBody
{
    border: solid 1px #ffffff;
    color: #000;
    padding: 2px 4px 2px 4px;

    border-top: solid 0px #999999;
}
.AccordionHeaderSelected a
{
    color: #000;
}
.AccordionHeaderSelected
{
    border: solid 1px #ffffff;  
    padding: 4px 5px;
    border-bottom: solid 1px #ffffff;
    background-color: #ff5050;
    color: #fff;
}

.AccordionCheckoutHeader a
{
    color: #FFF;
    text-decoration: none;
    font-weight: bold ;
}
.AccordionCheckoutHeader
{
    border: solid 1px #999999;
    color: #000;
    background-color: #330000;
    padding: 4px 5px;

}
.AccordionCheckoutBody
{
    border: solid 1px #fff;
    color: #fff;
    padding: 2px 4px 2px 4px;
    background-color: #999966;
    border-top: solid 0px #999999;
}
.AccordionCheckoutHeaderSelected a
{
    color: #000;
}
.AccordionCheckoutHeaderSelected
{
    border: solid 1px #ffffff;  
    padding: 4px 5px;
    border-bottom: solid 1px #ffffff;
    background-color: #999999;
    color: #fff;
    font-weight: bold ;
}
#regist
{
    font-family: Arial;
    font-style: oblique;
}
#CheckoutTable tr td span
{
    font-size:  1em;
    vertical-align: top;
}
#slogan
{
    font-size: .6em;
    font-family: Arial Black;
}
#CheckoutTable tr td
{
    border-right: solid 2px #000;
}
/* ## TAB CONTAINER STYLES START ## */ 
/* .ajax__tab_header - A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer. */
/* .ajax__tab_outer - An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner. */
/* .ajax__tab_inner	 - An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab. */
/* .ajax__tab_tab - An element of the tab that contains the text content. Child CSS classes:none. */
/* .ajax__tab_body - A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none. */
/* .ajax__tab_hover - This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer. */
/* .ajax__tab_active - This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer. */   

/* Backgrounds */
.TabContainer .ajax__tab_header					{ background:url(ui/tabs/tab-line.gif) repeat-x bottom; }
.TabContainer .ajax__tab_outer						{ background:url(ui/tabs/tab-right.png) no-repeat right; }
.TabContainer .ajax__tab_inner						{ background:url(ui/tabs/tab-left.png) no-repeat; }
.TabContainer .ajax__tab_tab						{ background:url(ui/tabs/tab.png) repeat-x; }
.TabContainer .ajax__tab_hover .ajax__tab_outer	{ background:url(ui/tabs/tab-hover-right.png) no-repeat right; }
.TabContainer .ajax__tab_hover .ajax__tab_inner	{ background:url(ui/tabs/tab-hover-left.png) no-repeat; }
.TabContainer .ajax__tab_hover .ajax__tab_tab		{ background:url(ui/tabs/tab-hover.png) repeat-x; }
.TabContainer .ajax__tab_active .ajax__tab_outer	{ background:url(ui/tabs/tab-active-right.png) no-repeat right; }
.TabContainer .ajax__tab_active .ajax__tab_inner	{ background:url(ui/tabs/tab-active-left.png) no-repeat; }
.TabContainer .ajax__tab_active .ajax__tab_tab		{ background:url(ui/tabs/tab-active.png) repeat-x; }

/* Other Styles */
.TabContainer .ajax__tab_header 					{ font-family:verdana,tahoma,helvetica;font-size:10pt; }
.TabContainer .ajax__tab_outer						{ height:29px; }
.TabContainer .ajax__tab_inner						{ padding-left:3px;}
.TabContainer .ajax__tab_tab						{ padding: 8px 14px;margin:0; }
.TabContainer .ajax__tab_body						{ font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #999999;border-top:0;padding:8px; }

/* ## TAB CONTAINER STYLES END ## */ 

#BuyItems
{
    text-align:left;
    font: normal normal normal 12pt Arial;
}
.BuyItemsLeft
{
    width: 40px;
    padding: 0 10px 0 0;
    text-align: right;
    vertical-align: top;
}
.BuyItemsRight
{
    width: 40px;
    text-align: left;
    background-color: Red;
}
.BuyItemsMiddle
{
    text-align: left;
    vertical-align: middle;
}
#Badge a div:hover
{
    display: block;
}
.BuyNoneChosen
{
    font: italic normal lighter 10pt Courier, Arial, Verdana;
}
.BuyItemBadgeBckgr
{
    border: medium double Highlight;
    margin: 0x 0px 0px 0px;
    display: inherit;
    padding: 0px 0px 0px 0px;
    position:relative; 
    height:35px; 
    width:35px;
}
.BuildPriceDiv
{
    background-image: url('ui/build/price.gif');
    height: 108px;
    width: 196px;
    padding: 0 0;
    margin: 0 0;
    display: block;
    text-align: center;
}
.BuildPriceLbl
{
    color:  #ffff33;
    position: relative;
    top: 40px;
    font-size: 36px;
    font-family: Arial Black, Arial;
    outline: #ffffff single 10px;   
}

.cTotalOrderCost
{
    text-align: right;
    line-height: 24px;
    display: block;
    border-top: 1px #gray;
    border-top-style: inset;
    font-weight: normal;

}
.cOrderStatus
{
    text-align: right;
    line-height: 24px;
    display: inline;
    font-weight: lighter;
    color: #fff200;
}
.TextBoxWaterMark
{
    font-size: Small;
    Color: #FFFFFF;
    font-weight: bold;
    background: Black;
    DISPLAY: block; 
    margin: 5px 0 10px 0px; 
    padding: 2px 4px;    
}
#cQuantity
{
    font-size: smaller;
    font-family: Arial, Sans-Serif ;
    position: relative;
    left: 0px;
    width: 50%;
    display: inline-block;
}
#cPrice
{
    font-size: smaller;
    font-family: Arial, Sans-Serif ;
    right: 0px;
    position: relative;
    width: 50%;
    display: inline-block;
    text-align: right;
}
#OuterTableCellOverlay
{
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #000;
    z-index: 997;
    padding-top: 25%;
    filter:alpha(opacity=75);
    opacity: 0.75;
    -moz-opacity:0.75;
    text-align: center;
}
        
#InnerTableCellOverlay
{

    text-align: center;
    border: dashed 1px gray;
    width: 22%;
    padding: 10px;
    background-color: #666;
    z-index: 1000;

    margin: 0 auto;
    color: #fff;
}

.PanelBasket
{
    position: absolute; 
    right: 2px; 
    top: 0%; 
    vertical-align: middle;
    text-align: center;

}

.PanelBasket span
{
    float: left; 
    text-align: center; 
    position: relative; 
    top: 2px; 
    display: block;
    height: 20px;
    font-weight: normal;
}

div.clearboth {
clear:both;
height:0px;
font-size:0px;
line-height:0px;
margin:0px;
padding:0px;
}