/*************************
Layout.css Starts Here
*************************/

/*
If the stuff from Layout.css is needed grab what is in Layout_Back-Up.css.bak and paste it here
*/

/*************************
Layout.css Ends Here
*************************/

/*************************
Print.css Starts Here
*************************/

/*
If the stuff from Print.css is needed grab what is in Print.css.bak and paste it here
*/

/*************************
Print.css Ends Here
*************************/

/*************************
Controls.css Starts Here
*************************/

/*
    "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). 
*/
.SKUHorizontalRepeater {
    float: left;
    width: 30%;
    padding-right: 15px;
}
.SKUImageTD {
    width: 120px;
    padding-right: 10px;
}
.OutOfStock {
    font-weight: bold;
    color: Red;
}
.SKUName {
    font-size: 16px;
    color: #EA8514;
    font-weight: bold;
}
.SKUNumber {
    font-size: 11px;
}
.SKUPricing {
    font-weight: bold;
}
.SKUShortDescription {
    font-size: 12px;
}
.SKULongDescription {
    font-size: 12px;
}
.AvailableOptions {
    font-weight: bold;
}
.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).    
*/
.ItemImageTD {
    width: 120px;
}

.ItemNumber {
    font-size: 11px;
}

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

.ItemLongDescription {
    font-weight: bold;
}

.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). 
*/
.CategoryImageTD {
    width: 120px;
}

.CategorySubCategoryRepeater {
    float: left;
    margin: 0px 30px 10px 0px;
    width: 28%;
}

.CategoryItemRepeaterHorizontal {
    float: left;
    width: 230px;
    padding-right: 20px;
    padding-bottom: 10px;
}

.CategoryItemNameRepeaterHorizontal a {
    color: #000000;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}

.FeaturedItemsRepeater {
    margin-bottom: 5px;
    padding-left: 5px;
    width: 110px;
}

.CheckTheseOutRepeater {
    margin-bottom: 5px;
    padding-left: 5px;
    width: 300px;
}
/***********************************************************************/







/*
    CMS Menu Control
    ----------------
    The CMS menu control is typically located at the top of every page.
    It contains the site's content management menu.
    There are three main elements of this control that need to be styled:
        1) The entire control = .CMSMenuControl (this class is wrapped around the entire control)
        2) The root menu items = .CMSMenuControlRootLevel
        3) The sub menu items (appear when hovering over root items) = .CMSMenuControlSubLevel
    The entire menu, when outputed on the page, is created by an html <table>.
    Each menu item 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
*/

.CMSMenuControl {
}

.CMSMenuControlRootLevel {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #F6EAC5;
    text-decoration: none;
    padding: 5px 0 0px 0;
}

.CMSMenuControlRootLevel a {
    margin-right: 1em;
    color: #F6EAC5;
    background: url(../../files/images/img_divider.gif) left no-repeat;
    padding-left: 20px;
}

.CMSMenuControlRootLevel a:hover {
    color: #ffffff;
}

.CMSMenuControlSubLevel {
}

.CategoryMenuControlThirdSubLevel {
    background-color: #F5F4D6;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
}
/***************************************************************************/




/*
    Category Menu Control
    ---------------------
    The category menu control is located on the left or top of every page.
    It contains the site's categories (catalog).
    there are three main elements of this control that need to be styled:
        1) The entire control = .CategoryMenuControl (this class is wrapped around the entire control)     
        2) The root categories = .CategoryMenuControlRootLevel
        3) The sub-categories = .CategoryMenuControlSecondLevel
    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
*/
.CategoryMenuControl {
}

.CategoryMenuControlRootLevel {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #48565F;
    text-decoration: none;
    margin-top: .7em;
    padding-left: 7px;
}

.CategoryMenuControlRootLevel a {
    background: url(../../files/images/bronze_arrow.gif) no-repeat left;
    padding-left: 10px;
    font-weight:bold
}

.CategoryMenuControlRootLevel a:hover {
    color: #C89C0D;
}

.CategoryMenuControlRootLevel a:visited {
    color: #C287FF;
}

.CategoryMenuControlSubLevel {
    font-size: 12px;
    padding-top: 2px;
    padding-left: 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #48565F;
    text-decoration: none;
}

.CategoryMenuControlSubLevel a {
    font-weight:normal
}

.CategoryMenuControlSubLevel a:hover {
    color: #C89C0D;
}

.CategoryMenuControlThirdSubLevel {
	font-size:12px
}
.CategoryMenuControlThirdSubLevel a {
	font-size:12px
}
/***************************************************************************/




/*
    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;
}

/*
    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.
*/
.ItemInCategoryWithImageRepeater {
    float: left;
    width: 25%;
    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 {
}
/***************************************************************************/


/*
    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;
    color: #ffffff;
}

.FooterMenuControlSubLevel {
}
/*******************************************************************************/



/*
    Shop By Category
    ---------------
    The following class names are used by the Shop By Category control located
    in ShopByCat.aspx
*/
.ShopByCategory {
    width: 33%;
    float: left;
	min-height:175px;
	height:175px !important
}

.ShopByCategoryRoot a {
    font-weight: bold;
    text-decoration: none;
    font-size: 11pt;
}
.ShopByCategorySub a {
    font-size: 8pt;
}
/*******************************************************************************/



/*
    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;
}

/*************************
Controls.css Ends Here
*************************/

/*************************
text_style.css Starts Here
*************************/

/* CSS Document */
.arial12B_48565F {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #48565F;
    text-decoration: none;
}

.arial12N_48565F {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #48565F;
    text-decoration: none;
}

a.arial12N_48565F {
}

a.arial12N_48565F:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #C89C0D;
    text-decoration: none;
}

.arial18B_4E6172 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #4E6172;
    text-decoration: none;
}
.arial18B_000000 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    text-decoration: none;
}
.arial11N_000000 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    text-decoration: none;
}
.arial11N_FFFFFF {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #FFFFFF;
    text-decoration: none;
}
.arial12N_000000 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    text-decoration: none;
}
.arial12B_000000 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    text-decoration: none;
}
a.arial12B_000000:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    text-decoration: underline;
}
.arial12B_F6EAC5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #F6EAC5;
    text-decoration: none;
}
.arial15B_F5F4D6 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #F5F4D6;
    text-decoration: none;
}
a.arial12B_F6EAC5:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #FFFFFF;
    text-decoration: none;
}

/*************************
text_style.css Ends Here
*************************/

/*************************
style.css Starts Here
*************************/

/* CSS Document */

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #4E6172;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    text-decoration: none;
}

a {
        font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #48565F;
    text-decoration: underline;
}

h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #4E6172;
    text-decoration: none;
}
.main_780 {
    width: 1000px;
    margin: auto;
    background-color: #FFFFFF;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 9px;
}

.footer {
    width: 1000px;
    margin: auto;
    height: 28px;
    background-color: #4E6172;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 9px;
}

.footer a {
    color: #ffffff;
}

.header {
    width: 1000px;
    float: left;
}
.navigation {
    width: 1000px;
    float: left;
    background-color: #4E6172;
    margin-bottom: 3px;
    height: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.logo {
    background-image: url(../../files/images/img_logo.jpg);
    background-repeat: no-repeat;
    float: left;
    width: 283px;
    height: 92px;
    margin-right: 248px;
}

}

.shopping {
    background-color: #F5F4D6;
    border: 1px solid #DAD8A6;
    width: 225px;
    float: right;
    padding-left: 15px;
    padding-top: 7px;
    margin-right: 15px;
    margin-top: 15px;
}
.cart_icon {
    background-image: url(../../files/images/img_cart.gif);
    background-repeat: no-repeat;
    width: 22px;
    height: 15px;
    float: left;
}
.cart_text {
    width: 162px;
    height: 15px;
    float: left;
    margin-top: 2px;
}
.divider {
    background-image: url(../../files/images/img_divider.gif);
    background-repeat: no-repeat;
    background-position: right;
    float: left;
}
.center_container {
    width: 1000px;
    float: left;
}
.left_container {
    width: 199px;
    float: left;
    margin-right: 13px;
}
.left_nav_container {
    width: 171px;
    float: left;
    border: 1px solid #DAD8A6;
    background-color: #F5F4D6;
    padding: 14px;
    margin-bottom: 5px;
}
.left_nav_container2 {
    width: 195px;
    float: left;
    border: 1px solid #DAD8A6;
    background-color: #F5F4D6;
    padding: 2px 2px 12px 2px;
}
.left_links {
    float: left;
}
.left_links ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.left_links li {
    margin: 0px;
    padding: 5px 0px 0px 12px;
    width: 154px;
    height: 23px;
}
.dotted {
    background: url(../../files/images/bronze_arrow.gif);
    background-repeat: no-repeat;
    background-position: left;
    float: left;
    height: 23px;
}
.arrow {
    background-image: url(../../files/images/bronze_arrow.gif);
    background-repeat: no-repeat;
    background-position: left;
    float: left;
    height: 23px;
}
.shopby {
    background-color: #4E6172;
    width: 179px;
    height: 24px;
    float: left;
    padding-left: 15px;
    padding-top: 6px;
    margin-bottom: 4px;
}
.left_links2 {
    float: left;
    margin-left: 10px;
    margin-left: 5px;
}
.left_links2 ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.left_links2 li {
    margin: 0px;
    padding: 0px 0px 0px 15px;
    width: 154px;
    height: 23px;
}
.right_container {
    width: 785px;
    float: left;
    margin-top: 8px;
}
.featured_container {
    width: 546px;
    float: left;
    margin-bottom: 7px;
}
.main_product {
    background-image: url(../../files/images/img_product_pic.gif);
    background-repeat: no-repeat;
    height: 190px;
    width: 221px;
    float: left;
    margin-right: 10px;
}
.product_detail_container {
    width: 306px;
    float: left;
    padding-left: 9px;
}
.product_head {
    background-color: #F5F4D6;
    border: 1px solid #DAD8A6;
    height: 36px;
    width: 525px;
    float: left;
    padding-left: 13px;
    padding-top: 4px;
    margin-bottom: 12px;
}
.product_head_cat {
    background-color: #F5F4D6;
    border: 1px solid #DAD8A6;
    height: 36px;
    width: 225px;
    padding-left: 13px;
    padding-top: 4px;
    margin-bottom: 12px;
}
.featured_products {
    background-color: #F5F4D6;
    border: 1px solid #DAD8A6;
    height: 26px;
    width: 760px;
    float: left;
    padding-left: 13px;
    padding-top: 4px;
    margin-top: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.feilds_container {
    width: 277px;
    float: left;
    padding-top: 18px;
}
.feilds_head {
    width: 43px;
    float: left;
    height: 20px;
}
.feilds_text {
    width: 190px;
    float: left;
}
.feild_container {
    width: 260px;
    float: left;
    margin-bottom: 5px;
}
.btn_add_to_cart {
    background-image: url(../../files/images/btn_add_to_cart.gif);
    background-repeat: no-repeat;
    width: 83px;
    height: 21px;
    float: left;
}
.btn_add_to_cart a {
    width: 83px;
    height: 21px;
    float: left;
}
.product_contaoner {
    width: 129px;
    float: left;
    margin-right: 10px;
}
.product_contaoner_last {
    width: 129px;
    float: left;
}
.product1 {
    background-image: url(../../files/images/img_product1.gif);
    background-repeat: no-repeat;
    width: 127px;
    height: 79px;
    float: left;
    border: 1px solid #DAD8A6;
}
.product2 {
    background-image: url(../../files/images/img_product2.gif);
    background-repeat: no-repeat;
    width: 127px;
    height: 79px;
    float: left;
    border: 1px solid #DAD8A6;
}
.product3 {
    background-image: url(../../files/images/img_product3.gif);
    background-repeat: no-repeat;
    width: 127px;
    height: 79px;
    float: left;
    border: 1px solid #DAD8A6;
}
.product4 {
    background-image: url(../../files/images/img_product4.gif);
    background-repeat: no-repeat;
    width: 127px;
    height: 79px;
    float: left;
    border: 1px solid #DAD8A6;
}
.product5 {
    background-image: url(../../files/images/img_product5.gif);
    background-repeat: no-repeat;
    width: 127px;
    height: 79px;
    float: left;
    border: 1px solid #DAD8A6;
}
.product6 {
    background-image: url(../../files/images/img_product6.gif);
    background-repeat: no-repeat;
    width: 127px;
    height: 79px;
    float: left;
    border: 1px solid #DAD8A6;
}
.product7 {
    background-image: url(../../files/images/img_product7.gif);
    background-repeat: no-repeat;
    width: 127px;
    height: 79px;
    float: left;
    border: 1px solid #DAD8A6;
}
.product8 {
    background-image: url(../../files/images/img_product8.gif);
    background-repeat: no-repeat;
    width: 127px;
    height: 79px;
    float: left;
    border: 1px solid #DAD8A6;
}
.productss_head {
    width: 127px;
    height: 19px;
    float: left;
    text-align: center;
    padding-top: 5px;
}

/*************************
style.css Ends Here
*************************/