/*****************************************/
/*                                       */
/*              Layout CSS               */
/*                                       */
/*****************************************/

* {
    margin: 0em;
    padding: 0em;
}
body {
    font-family: Calibri, sans-serif;
    color: #555555;
    font-size: 12pt;
    margin: 0px auto 0px auto;
    background: url(../../files/images/img_main_bg.gif) repeat-x;
    background-color: #393939;
}
a {
    color: #484848;
}

.table1 {
    margin: 0px auto 0px auto;
    background: url(../../files/images/img_nav_mid.gif) repeat-x;
}

.td1 {
    background: url(../../files/images/img_grey_bg.gif) repeat-x #FFFFFF;
}

.td2 {
    background: url(../../files/images/img_black_bg.gif) repeat-x;
}

.td3 {
    background: url(../../files/images/img_bg1.gif) repeat-x;
}

h1, h2, h3, h4, h5, h6
{
    font-size:14px;
    color:#000;
}












/*******************************************/
/*  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). 
*/
.SKUHorizontalRepeater
{
    float: left;
    width: 47.5%;
    padding-right: 15px;
}
.SKUImageTD
{
    width: 120px;
}
.ThumbImageSKU
{
    width:75px;
}

.OutOfStock
{
    font-weight: bold;
    color: Red;
}
.SKUNumber
{
    font-size: 11px;
}
.SKUPricing
{
    font-weight: bold;
}
.SKUShortDescription
{
    font-size: 12px;
}
.SKULongDescription
{
    font-size: 12px;
}
.AvailableOptions 
{
}
.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: 46.5%;
    padding-right: 20px;
}

.FeaturedItemsRepeater
{
    margin-bottom: 15px;
    padding-left: 20px;
    width: 140px;
    text-align:center
}
/***********************************************************************/







/*
    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
{
    color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1em;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	margin-right:0.8em;
	margin-top:-21px;
	text-decoration:none;
	text-transform:none;
}

.CMSMenuControlRootLevel a
{
}

.CMSMenuControlSubLevel
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #000;
	text-align:left;
}

/*
.CMSMenuControl
{
    margin-bottom:10px;
    padding-left:15px
}

.CMSMenuControl li
{
    display:inline;
    padding-right:25px     
}

.CMSMenuControl a
{
    text-decoration:none;
    font-weight:bold
}
*/
/***************************************************************************/




/*
    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: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #CC0005;
	text-decoration: none;
	margin-top: 10px;
}

.CategoryMenuControlRootLevel a
{
}

.CategoryMenuControlRootLevel a:hover
{
}

.CategoryMenuControlSubLevel
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	background: url("../../files/images/img_dotted2.gif") no-repeat left;
}

.CategoryMenuControlSubLevel a
{
    background: none;
	
}

.CategoryMenuControlSubLevel a:hover
{
}

.CategoryMenuControlThirdLevel
{
	 font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

.CategoryMenuControlThirdLevel a
{
}

.CategoryMenuControlThirdLevel a:hover
{
}

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




/*
    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:#FFF
}

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

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



/*
    Shop By Category
    ---------------
    The following class names are used by the Shop By Category control located
    in ShopByCat.aspx
*/
.ShopByCategory {
    width:33%;
}

.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(file:///D|/smridhi/projects/Chuck East/Gift Baskets and Dreams/files/images/ball.gif) right no-repeat #FFF;
    border: none;
    font-weight: bold;
    cursor: wait;
}


/*  top header */

.arial_11_b_014E7B {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #014E7B;
	text-decoration: none;
}


.arial_11_n_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;
}

.arial_11_b_000000 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}


.arial_11_b_000000_a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

.arial_11_b_000000_a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #CC0005;
	text-decoration: none;
}


.input {
	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;
}

/* Top Navigation */


.arial_11_b_ffffff {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
}


.arial_11_b_ffffff_a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
}

.arial_11_b_ffffff_a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}


/* Left Navigation */



.arial_11_b_CC0005 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #CC0005;
	text-decoration: none;
}

/* Content  */

.border_C0C0C0
{
border:1px solid #C0C0C0;
}

.arial_11_b_FFE486 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFE486;
	text-decoration: none;
}




.arial_11_bu_000000 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: underline;
}

.arial_11_bu_000000:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}


/* Footer */


.arial_11_bu_ffffff {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
}

.arial_11_bu_ffffff:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: underline;
}