/*---Notes

    font style for smaller text on page:
        font: normal normal 11px Trebuchet MS, Tahoma, arial, helvetica;
*/

/*--- Text Styles ---*/
.hide
{
    display: none;
}

.smalltext
{
    color: Black;
    font: normal normal 11px Trebuchet MS, Tahoma, arial, helvetica;
}

.smalltextwhite
{
    color: White;
    font: normal normal 11px Trebuchet MS, Tahoma, arial, helvetica;
}

.midtext
{
    font-family: Trebuchet MS, Arial, helvetica;
    font-size: 13px;
    color: Black;
}

.midtextwhite
{
    color: White;    
    font: normal normal 13px Trebuchet MS, Tahoma, arial, helvetica;
}

.smalltext italic
{
    font: normal italic 11px Trebuchet MS, Tahoma, arial, helvetica;
    color: Black;
}

a:link,
a:active,
a:visited
{
    color: #0000ff;
    text-decoration: none;
}

a:hover
{
    color: Red;
    text-decoration: none;
}

.aSpan
{
    font: normal normal 12px Trebuchet MS, Arial, Helvetica;
    color: Blue;
    cursor: pointer;
    cursor: hand;
}

.aSpan:hover
{
    color: Red;
}

.links
{
    color: #0000aa !important;
}

.redrequired
{
    font: normal normal 12pt trebuchet ms, arial, helvetica;
    color: Red;
}

.phoneNumber
{
    font: normal normal 12pt trebuchet ms, arial, helvetica;
    font-style: italic;
}

.phoneNumber .text
{
    font: normal normal 11px trebuchet ms, arial, helvetica;
    font-style: italic;
}

/*--- Skin Styles ---*/

*, html, body
{
    margin: 0px;
    padding: 0px;
    /*border: 1px solid black;*/
}

.clear
{
    clear: both;
}

.imglogo
{
    width: 281px;
    height: 147px;
}   

body
{
    background: #303048 url(images/bg.jpg) top left repeat-x;
    text-align: center;
}

#table0
{
    width: 800px;
    margin: 53px auto 0px auto;
}

#datecart
{
    background-color: White;
    width: 800px;
    height: 29px;
}

#datecart .date
{
    float: left;
    padding-left: 30px;
    text-align: -moz-left;
}

#datecart .logincart
{
    float: right;
    padding-right: 30px;
    text-align: -moz-right;
}

#logoarea
{
    background: transparent url(images/SteelCity_02.jpg) top left no-repeat;
    width: 478px;
    height: 177px;
    text-align: -moz-center;
}

#stairimage
{
    background: transparent url(images/SteelCity_03.jpg) top left no-repeat;
    width: 322px;
    height: 177px;
}

#mainmenu
{
    background: #c4c4c4 url(/*images/SteelCity_04.jpg*/) top left no-repeat;
    width: 800px;
    height: 28px;
}

#mainmenu .menu
{
    width: 100%;
    text-align: -moz-center;
}

#mainmenu .search
{
    width: 320px;
    float: right;
    text-align: -moz-center;
}

#leftmenu
{
    /*width: 172px;
    height: 713px;*/
    text-align: -moz-right;
    vertical-align: top;
    background-color: White;
    background: white url('images/leftred.jpg') top left repeat-y;
    /**/padding-left: 4px;
}

#bluespace
{
    background-color: #303048;
    width: 628px;
    height: 27px;
    text-align: right;
}

#bluespace .text
{
    font: normal normal 12px trebuchet ms, arial, helvetica;
    color: White;
}

#bluespace a:link,
#bluespace a:active,
#bluespace a:visited
{
    color: White;
    text-decoration: underline;
}

#bluespace a:hover
{
    color: #999999;
    text-decoration: underline;
}

#contentarea
{
    background-color: White;
    width: 628px;
    height: 650px;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

#contentarea .contentpane
{
    padding: 0px 0px 0px 0px;
    text-align: left;
}

.homecontent
{
    background: transparent url('images/homecontent.jpg') top left no-repeat;
    padding-top: 20px;
}

.announcementpane
{
    float: right;
    width: 290px;
}

#footer
{
    background-color: #C1C1C1;
    width: 628px;
    height: 25px;
    padding-left: 30px;
    text-align: -moz-left;
}

#lowerwhite
{
    background-color: white;
    /*width: 628px;*/
    height: 32px;
    padding-left: 30px;
    vertical-align: top;
    text-align: -moz-left;
}

#spacer
{
    width: 306px;
}

/*--- Left Menu Skin Object Styles ---*/

.menucontainer
{
    width: 168px;
    height: 100%;
    background-color: #551500;
    text-align: -moz-left;    
}

.menuhead
{
    background-color: #E7E7E7;
    padding: 7px 0px 4px 17px;
    margin-top: 13px;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    width: 168px;
}

.menuhead table, .menuhead td
{
    padding-left: 10px;
    vertical-align: middle;
    height: 100%;
}

/*--- Accordion styles ---*/

 .accordion
{
    width: 167px;
    background-color: #601800;  
    padding-top: 10px;  
}   

.accordion .toggler a:link,
.accordion .toggler a:active,
.accordion .toggler a:visited
{
    color: White;
    text-decoration: none;
}

.accordion .toggler a:hover, 
.accordion .atTog:hover
{
    color: Gray;
    text-decoration: none;
}

.accordion .toggler
{
    background-color: #601800;
    padding: 0px 0px 0px 12px;
    line-height: 25px;
}

.accordion .atTog
{
    cursor: pointer;
    cursor: hand;
}    

.accordion .element
{
    background-color: #e7e7e7;
}

.accordion .subdiv
{
    margin-left: 13px;
    padding: 5px 0px 5px 0px;
}

.accordion .subdiv a:link,
.accordion .subdiv a:active,
.accordion .subdiv a:visited
{
    color: Black;
}

.accordion .subdiv a:hover
{
    color: Gray;
}

.accordion .bulletdiv
{
    float: left;
    height: 20px;
}

/*--- Styles for Entity Module Package ---*/

.hv
{
    padding-top: 13px;
}

.ProdHead
{
    background: white url('../../../../images/Entity.Custom/prodhead.jpg') top left no-repeat;
    width: 584px;
    height: 19px;
    text-align: left;
    font: normal normal 13px Trebuchet MS, Tahoma, Arial, Helvetica;
    font-style: italic;
    padding: 0px 0px 10px 15px;
}

.ProdImgBack
{
    background: white url('../../../../images/Entity.Custom/prodimgback.jpg') top left no-repeat;
    width: 90px;
    height: 71px;
    vertical-align: middle;
    text-align: center;
    font-family: Trebuchet MS, Arial, helvetica;
    font-size: 9px;
}

.ProdImgBack a:link,
.ProdImgBack a:active,
.ProdImgBack a:visited,
.ProdImgBack a:hover
{
    color: White;
    text-decoration: underline;
}

.ProdDescription
{
    font: normal normal 11px Trebuchet MS, Tahoma, Arial, Helvetica;
    padding: 3px 25px 0px 10px;
}

.ProdPrice
{
    font-weight: bold;
    font-style: italic;
}

.AddToCartButton
{
    width: 73px;
    height: 24px;
    background: white url('../../../../images/Entity.Custom/buttons.gif') top left no-repeat;
    border: 0px;
    color: White;
    font: normal normal 11px Trebuchet MS, Tahoma, Arial, Helvetica;
}

/*--- Styles for the Product Page ---*/

.IndividualProduct
{
}

.IndividualProduct .ProdHead
{
    background: white url('../../../../images/Entity.Custom/prodhead.jpg') top left no-repeat;
    width: 584px;
    height: 19px;
    text-align: left;
    font: normal normal 13px Trebuchet MS, Tahoma, Arial, Helvetica;
    font-style: italic;
    padding: 0px 0px 10px 15px;
}

.IndividualProduct .ProdImgBackLG
{
    width: 316px;
    height: 247px;
}

.IndividualProduct .ProdImgBackLG .top
{
    width: 316px;
    height: 30px;
    background: transparent url('../../../../images/Entity.Custom/prodimgbackL_01.jpg') top left no-repeat;
}

.IndividualProduct .ProdImgBackLG .mid
{
    background-color: #551500;
    width: 316px;
    height: 187px;
}

.IndividualProduct .ProdImgBackLG .bot
{
    width: 316px;
    height: 30px;
    background: transparent url('../../../../images/Entity.Custom/prodimgbackL_03.jpg') top left no-repeat;
}

.IndividualProduct .BigImage
{
    vertical-align: top;
}

.IndividualProduct .ProductNameText
{
    font: normal normal 13px Trebuchet MS, Tahoma, Arial, Helvetica;
    font-style: italic;
    text-align: left;
    padding: 0px 10px 0px 0px;
}

.IndividualProduct .emaillink
{
    font: normal normal 11px TrebuchetMS, arial, helvetica;
}

.IndividualProduct .desc
{
    text-align: left;
    padding-left: 10px;
    width: 250px;
}

.IndividualProduct .desctext
{
    font: normal normal 11px Trebuchet MS, Arial, Helvetica;
}

.VariantsTable
{
    margin: 20px 0px 0px 3px;
    width: 580px;
}

.VariantsTable .CondensedDarkCellText
{
    font: normal italic 13px Trebuchet MS, Arial, Helvetica;
    font-family: Trebuchet MS, Arial, Helvetica;
    font-style: italic;
    font-size: 13px;
}

.VariantsTable .DarkCell
{
    background-color: #efefef;
}

.VariantsTable .ProductCells .CondensedVariantText, 
.VariantsTable .LightCell .CondensedVariantText
{
    font: normal normal 11px Trebuchet ms, arial, helvetica;
}

small
{
    font: normal normal 10px trebuchet ms, arial, helvetica;
    font-style: italic;
    font-family: Trebuchet MS, Arial, helvetica;
    font-size: 10px;
}

.VariantsTable .jltorder
{
    text-align: left;
    padding-left: 10px;
}

.Pagination
{
    font: normal normal 10px Trebuchet MS, Arial, Helvetica;
}

.pTop
{
    padding-right: 20px;
}

.pBot
{
    padding: 0px 20px 20px 0px;
}

/*--- Shopping Cart styles ---*/

.cartpage
{
    padding-right: 18px;
    font-family: Trebuchet MS, Arial, helvetica;
    font-size: 10px !important;
}

.cartpage .fontadjust
{
    
    font-family: Trebuchet MS, Arial, helvetica;
    font-size: 11px;
}

.cartpage .InformationCell
{   
    text-align: left;
}

.ShoppingCartContainer
{
}

.ShoppingCartContainer td
{
    padding: 10px 10px 10px 10px;
}

.checkoutshippinggrid td
{
    padding: 5px 5px 0px 5px;
}

/*--- Store Customer Registration ---*/

.storecustomer
{
    font: normal normal 12px trebuchet ms, arial, helvetica;
}

.storecustomer .accountbox
{
    border: 0px !important;
    width: 500px;
}

.storecustomer .lt
{
    text-align: left;
    width: 125px;
}

/*--- Featured Module Styles ---*/

.FeaturedModule
{
    width: 100%;
}

.FeaturedModule .td
{
    width: 33%;
    vertical-align: top;
    padding-bottom: 10px;
}

.FeatImgBack
{
    background: transparent url('../../../../images/Entity.Custom/prodimgback.png') top left no-repeat;
    width: 70px;
    height: 55px;
    vertical-align: middle;
    text-align: center;
}

.FeaturedModule .rt
{
    width: auto;
    padding-left: 3px;
    text-align: left;
}

/*--- Send Password styles ---*/

.sendpwd
{
}

.sendpwd *
{
    font: normal normal 12px Trebuchet MS, arial, helvetica! important;
}


div.branding
{
	text-align: center;
	padding: 5px 0 5px 0;
}

div.branding img
{
	border: 0 !important;
}