/*******************************************************************************/

/*
    Welcome to your CSS page. If you do not know how CSS works, we recomend
    that you do not make any changes to this page as it will affect the layout
    and look of your website.
*/

/*******************************************************************************/

/*******************************************************************************/
/*

            Site Colors
            Catalog bg #371822
            Red text #990000

*/
/*******************************************************************************/

/* Style for the CMS menu control structure - link and hover */

#menu /* div tag that surounds the menu holder */
{
    width:500px;
}

#menu_holder /* div tag that holds the actual menu control  */
{
    width:500px;
    text-align:left;
    float:left;
    padding-top:67px;
}

.Menu /* style the TABLE of the menu control  */
{
    
}

.safari .Menu /* style the TABLE of the menu control  */
{
    margin-top:-10px;
}

.gecko .Menu /* style the TABLE of the menu control  */
{
    margin-top:-15px;
}

.MenuRoot /* style the individual menu items of the menu control  */
{
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    width:76px;
    height: 31px;
    background:url(../../files/images/btn_bg.gif) no-repeat bottom center;
}

.MenuRoot:hover
{
    background:url(../../files/images/btn_bg_r.gif) no-repeat bottom center;
}

.MenuRoot a /* style the individual link items of the menu control  */
{
    color:#000;
    background:none;
    padding-top:10px;
    padding-bottom:10px;
}

.MenuRoot a:hover /* style the hover element of the link items of the menu control  */
{
    color:#fff;
    background:none;
}

.MenuSub /* style for sub elements are the same as the root elements  */
{
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    height: 25px;
    padding-left:10px;
    padding-right:10px;
    background-color:#AA0202;
}

.MenuSub a
{
    background:none;
    color:#DCD3B6;
}

.MenuSub a:hover
{
    color:#fff;
}

/*******************************************************************************/
/* Style for the Catalogue menu control structure - link and hover */

#cat_menu /* div tag that holds the actual menu control  */
{
    width:200px;
    padding:10px 0px 10px 0px;
    text-align:left;
    border:solid 1px #D8D3C7;
    margin-top:0px;
    /*background:url(../../files/images/side_bg.jpg) repeat-x top left;*/
}

.CatMenu /* style the table of the catagory menu   */
{
    text-align:left;
    padding-left:15px;
    width:180px;
}

.safari .CatMenu /* style the table of the catagory menu   */
{
    margin-top:-10px;
    text-align:left;
    padding-left:30px;
    width:180px;
}

.CatMenuRoot /* style the individual menu items of the catagory menu   */
{
    font-size:12px;
    width:180px;
    border-bottom:dotted 1px #000;
    padding:2px;
}

.CatMenuRoot a /* style the individual link items of the catagory menu   */
{
    font-size:12px;
    font-weight:bold;
    font-family:Arial, Helvetica, Sans-Serif;
    color:#F8C810;
}

.CatMenuRoot a:hover /* style the hover element of the link items of the catagory menu   */
{
    color:#fff;
}

.CatMenuSub
{
    font-size:11px;
    width:180px;
    border-bottom:dotted 1px #000;
    padding:2px;
}

.CatMenuSub a
{
    color:#F8C810;
}
.CatMenuSub a:hover
{
    color:#fff;
}
.CatMenuSubPop
{
    font-size:10px;
    font-weight:bold;
    font-family:Arial, Helvetica, Sans-Serif;
    width:120px;
    padding:4px;
    background-color:#371822;
    border-right:solid 1px #622B3D;
    border-bottom:solid 1px #622B3D;
}
.CatMenuSubPop a
{
    color:#F8C810;
}

.CatMenuSubPop a:hover
{
    color:#fff
}

/*******************************************************************************/
/* Style for the Catalogue Images 
-----:note to contracted designer:
-----:Do not style this section:
-----:Unified Marketplace Styling Only:
********************************************************************************/

.ItemImage
{
    padding-right:20px;
    float:left;
    width:115px;
}
.ThumbImage
{
    width:120px;
    padding:0px;
}
.ThumbImageh
{
    height:100px;
    padding-right:25px;
}
.FeatImage
{
    width:120px;
}
.Image
{
    width:200px;
    padding:10px;
}
.ItemWrap
{
    float: left;
    padding-right: 40px;
}

.DataList td
{
     
    vertical-align:top;
    text-align:left;
    padding-right:10px       
}



/*-----END DESIGNER NOTE-----*/

/*******************************************************************************/
/* Style for the text */

h1
{
    font-size:16px;
    font-weight:bold;
    font-family:Arial, Helvetica, Sans-Serif;
}

h2
{
    font-size:14px;
    font-weight:bold;
    font-family:Arial, Helvetica, Sans-Serif;
}

h3
{
    font-size:12px;
    font-weight:bold;
    font-family:Arial, Helvetica, Sans-Serif;
    padding-left:0px;
    float:left;
}

h4
{
    font-size:12px;
    font-weight:bold;
    font-family:Arial, Helvetica, Sans-Serif;
    background-color:#E5EAFF;
    padding:5px;
    border-top:solid 1px #BABFD4;
    border-bottom:solid 1px #BABFD4;
}

.content
{
    text-align:left;
}

.Name
{
    font:12px Arial, Helvetica;
}
.FeatName
{
    font:bold 14px/1.3em Arial, Helvetica;
    color:#990000;
}

.Link
{
    font:10px Arial, Helvetica;
    color:#555555;
}

.SubRepeater
{
}

.ShortDesc
{
    font-size:12px;
}

.LongDesc
{
    font:12px/1.3em Arial, Helvetica;
    clear:both;
    display:block;
    margin-top:15px
}

.FootMenu
{
}

.FootMenuRoot
{
    font:12px/1.3em Arial, Helvetica;
    padding-left:10px;
    padding-right:10px;
}

.FootMenuSub
{
    font:12px/1.3em Arial, Helvetica;
}

.MailList
{
    padding-left:10px;
}

.MailButton
{
}





/*******************************************************************************/
/* Style for the Layout */

.Width
{
    width:80%;
    padding-left:100px;
}

body 
{
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    background-color:#2E2D29 ;
    padding:0px;
    margin:0px;
    font-size:12px
}
a {
    color: #484848;
}


.copy 
{
    font-size: 11px;
    color:#fff;
}

.clear 
{
    clear: both;
}

.HeaderRow
{
    background:url(../../files/images/menu_bg.jpg) repeat-x bottom left;
    color:#FFF
}

.Row1
{
}

.Row2
{
}



/*******************************************************************************/

/*
    Div Containers for the Body Layout

*/

/*******************************************************************************/

#main_bg
{
    width:100%;
    background:url(../../files/images/bg.jpg) repeat-x top;
}

#logo
{
    width:300;
    height:60px;
    float:left;
    background-image:url(../../files/images/img_logo.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    margin-top:6px;
}

#cart_search
{
    width:360px;
    float:right;
}

#cart
{
    width:240px;
    float:right;
    font:bold 11px Arial, helvetica;
    padding-top:78px;
    text-align:right;
    padding-right:310px;
    color:#fff;
}

.cartlink
{
    color:#fff;
}

#header
{
    width:900px;
    height:191px;
    background:url(../../files/images/header.jpg) no-repeat top center;
}


#header_bottom
{
    width:460px;
    height:80px;
    float:right;
    margin-top:-10px;
    margin-right:-3px;
    background:url(../../files/images/header_bottom.jpg) no-repeat top right;
}

.ie6 #header_bottom
{
    width:460px;
    height:90px;
    float:right;
    margin-top:0px;
    margin-right:-3px;
    background:url(../../files/images/header_bottom.jpg) no-repeat top right;
}

#lcol
{
    float:left;
    width:210px;
    margin-left:10px;
    margin-top:10px;
    background:#4A4A4A;
}

.ie6 #lcol
{
    float:left;
    width:210px;
    margin-left:5px;
    margin-top:10px;
    background:#4A4A4A;
}

#title1
{
    background:url(../../files/images/img_title1.gif) no-repeat top left;
    width:180px;
    height:30px;
    margin-left:5px;
}

#search
{
    width:210px;
    float:left;
    text-align:right;
    height:30px;
    font-size:14px;
    font-weight:bold;
    color:#807659;
    font-family:Arial, Helvetica, Sans-Serif;
    vertical-align:middle;
    margin-top:4px;
    margin-right:10px;
    /*background-image:url(../../files/images/img_searchbg.gif);
    background-position:top left;
    background-repeat:no-repeat;*/
}

.safari #search
{
    padding-right:10px;
    width:200px;
}

.gecko #search
{
    width:200px;
    float:left;
    text-align:right;
    height:30px;
    font-size:14px;
    font-weight:bold;
    color:#807659;
    font-family:Arial, Helvetica, Sans-Serif;
    vertical-align:middle;
    margin-top:4px;
    margin-right:10px;
    padding-right:10px;
    /*background-image:url(../../files/images/img_searchbg.gif);
    background-position:top left;
    background-repeat:no-repeat;*/
}

.ie6 #search
{
    width:200px;
    float:left;
    text-align:right;
    height:30px;
    font-size:14px;
    font-weight:bold;
    color:#807659;
    font-family:Arial, Helvetica, Sans-Serif;
    vertical-align:middle;
    margin-top:4px;
    margin-right:0px;
    padding-right:10px;
    /*background-image:url(../../files/images/img_searchbg.gif);
    background-position:top left;
    background-repeat:no-repeat;*/
}

#side_menu
{
    width:210px;
    padding:10px 0px 10px 0px;
    text-align:left;
    margin-top:0px;
}


#side_box1
{
    width:190px;
    padding:10px 0px 10px 0px;
    text-align:left;
    margin-top:10px;
    margin-left:20px;
    color:#fff;
}

#side_box2
{
    width:200px;
    padding:30px 0px 30px 0px;
    text-align:center;
    margin-top:10px;
    margin-left:10px;
    
}

#rcol
{
    float:left;
    width:660px;
    text-align:left;
    padding-left:7px;
    padding-top:0px;
    margin:10px 0 10px 10px;
}

.ie6 #rcol
{
    float:left;
    width:660px;
    text-align:left;
    padding-left:7px;
    padding-top:0px;
    margin:0px 0 10px 10px;
}

.safari #rcol
{
    float:left;
    width:660px;
    text-align:left;
    padding-left:7px;
    padding-top:0px;
    margin:9px 0 10px 10px;
}


#DefaultPage
{
    float:left; 
    padding-right:15px; 
    width:98%;
}

#FeatItemText
{
    padding-left:5px;
    border:solid 1px #AA0202;
    width:120px;
    float:right;
}

#FeatItems
{
    width:150px;
    height:150px;
    text-align:center;
    overflow:hidden;
    border:solid 1px #AA0202;
}

#FeatItemsLinkBox
{
    background:#AA0202;
    text-align:center;
    padding:5px;
    margin-bottom:10px;
}

#FeatItemsLinkBox a
{
    color:#fff;
    text-decoration:none;
}

#bottom
{
}

#footer
{
    background:#D40808;
    border-top: solid 1px #fff;
    padding: .5em 1.5em 1em 1.5em;
    height:45px;
    margin-top:15px;
}

#footer a
{
    color:#fff;
}

#SubCat
{
    width:150px;
    height:150px;
    text-align:center;
    overflow:hidden;
    border:solid 1px #AA0202;
}

#SubCatLinkBox
{
    background:#AA0202;
    text-align:center;
    padding:5px;
    margin-bottom:10px;
}

#SubCatLinkBox a
{
    color:#fff;
    text-decoration:none;
}

#CatDetail
{
    float:left;
    width:470px;
}

#CatFeatured
{
    float:right;
    padding-left:20px;
}

#ItemDetail 
{
   width:150px;
    height:150px;
    text-align:center;
    overflow:hidden;
    border:solid 1px #AA0202;
}

#ItemDetailLinkBox
{
    background:#AA0202;
    text-align:center;
    padding:5px;
    margin-bottom:10px;
}

#ItemDetailLinkBox a
{
    color:#fff;
    text-decoration:none;
}

#SKUImageHolder
{
    float:left;
    padding-right:15px;
    margin-right:15px;
    border-right:solid 1px #CDC8CF;
    text-align:center
}

#SKUDetail 
{
   float:left; 
    width:375px;
}

#bar
{
    height:15px;
    background:url(../../files/images/bar_bg.jpg) repeat-x top;
    margin-top:10px;
}

#barleft
{
    height:15px;
    width:15px;
    background:url(../../files/images/bar_corner_lft.jpg) no-repeat top left;
    float:left;
}

#barright
{
    height:15px;
    width:15px;
    background:url(../../files/images/bar_corner_rt.jpg) no-repeat top right;
    float:right;
}

#box
{
    padding:10px;
    border:solid 1px #D9D9D9;
    border-top:none;
}

#AddCartBox
{
    padding-top:12px;
    width:300px;
    height:50px;
    /*
    text-align:center;
    background:url(../../files/images/addcartboxbg.jpg) no-repeat top left;
    */
}


/*
    Items In Category
    -----------------
    The items in category control located on the right side of Default.aspx.
    This control generates an html <table> with a new <tr> and <td> created
    for each item.
*/
.ItemsInCategory
{
    margin-bottom: 15px;
}



/*
    Misc.
    -----
*/
.ViewAdditionalImages 
{
    font-size:11px
}

.ProcessingOrder /* DO NOT EDIT! */
{
    background: url(../../files/images/ball.gif) right no-repeat #FFF;
    border: none;
    font-weight: bold;
    cursor: wait;
}

.Cursor 
{
    cursor:pointer
}






























/*******************************************/
/*  



            OLD CSS  Stop Here ! ! !



*/
/*******************************************/


/*******************************************/
/*  EDIT BELOW BY PERNISSION ONLY!!!!!!!!  */
/*******************************************/


/*****************************************/
/*                                       */
/*              Controls CSS             */
/*                                       */
/*****************************************/

/*
    "SKU" controls
    --------------
    The following class names are used to style the "SKU" controls.
    Note: some parts of the SKU, for example, the SKU name, may by styled
    using headers (h1, h2, h3, etc). 
*/
.OutOfStock
{
    font-weight: bold;
    color: Red;
}
.SKUName
{
    font:bold 16px/1.3em Arial, Helvetica;
    color:#371822;
}
.SKUNumber
{
    font-size: 10px;
    color:#555555;
}
.SKUPricing
{
    font: bold 16px/1.3em Arial, Helvetica;
    color:#990000;
    margin-left:-2px;
}

.AvailableOptions 
{
    font: bold 14px/1.3em Arial, Helvetica;
    color:#4464D9;
    margin-top:25px;
}

.Quantity
{
    font:bold 16px Arial, Helvetica;
    color:#4464D9;
}

.SKUOptions 
{
}
.SKUQuantityOnHand
{
}
.SKUQtyAndAddToCart 
{
}
.SKUInventoryExceeded
{
}
/****************************************************************************/




/*
    "Item" Controls
    ---------------
    The following are class names used to style the "item" controls.
    Note: some parts of the item, for example, the item name, may by styled
    using headers (h1, h2, h3, etc).    
*/

.ItemNumber
{
    font-size: 11px;
}

.ItemShortDescription
{
    font-size: 12px;
    font-weight:bold
}

.ItemLongDescription
{
    font-family:Arial, helvetica;
    font-size:12px;
}
 
.ItemPageUpsellRepeater /* "Alternate recommendations" */
{
    float: left;
    padding-right: 40px;
}

.ItemPageCrossSell /* "You may also be interested in" */
{
    float: left;
    padding-right: 40px;
}

/********************************************************/


/*
    "Category" controls
    --------------
    The following class names are used to style the "Category" controls.
    Note: some parts of the Category, for example, the Category name, may by styled
    using headers (h1, h2, h3, etc). 
*/
.CategoryFeaturedItems
{
    width: 130px;
    float:right;
    text-align:center;
    padding-left:10px;
}
/***********************************************************************/






/*
    Items In Category (With Image)
    -----------------
    The items in category control located on the right side of Default.aspx.
    This control generates an html <table> with a new <tr> and <td> created
    for each item.
*/
.ItemCatImageRepw
{
    text-align:center;
    border:1px solid #ccc;
}


.ItemInCategoryWithImageRepeater
{
    float:left;
    text-align:center;
    padding:15px;
    border:1px solid #ccc;
    margin: 0 10px 15px 0
}
/***************************************************************************/


/*
    Mailing List
    -----------------
    The mailing list control is located on Default.aspx
*/
.MailingListControl
{
    padding-left:10px;
}
/***************************************************************************/


/*
    Footer Menu Control
    ---------------------
    The footer menu control is located in the footer of every page.
    It contains links to pages such as privacy policy and return policy.
    there are three main elements of this control that need to be styled:
        1) The entire control = .FooterMenuControl (this class is wrapped around the entire control)     
        2) The root pages = .FooterMenuControlRootLevel
        3) The sub pages (appear when hovering over root pages) = .FooterMenuControlSubLevel 
    The entire menu, when outputed on the page, is created by an html <table>.
    Each category creates a new <tr> and <td>.
    More information on how to use CSS with the Menu Control and be found here:
    http://msdn2.microsoft.com/en-us/library/ms366731.aspx
*/
.FooterMenuControl 
{
    float: left;
}

.FooterMenuControlRootLevel 
{
    padding-right:10px;
    font-size: 0.8em;
}

.FooterMenuControlSubLevel
{
}
/*
.FooterMenuControl li
{
    display:inline;
    padding-right:15px     
}

.FooterMenuControl a
{
    text-decoration:none;
    font-size:11px
}
*/
/*******************************************************************************/