/****************
*   Layout.css  ***
****************/

.GoDaddy{

	position:relative;
	left:175px;

}

.RootSKUsGridView td {
    padding: 0px;
    border-bottom: 1px solid #CCC;
}

.selected {
    background: #EEE;
    border: 2px solid #CCC;
    font-weight: bold;
}

.headerPadding {
    padding-right: 8px;
}

.header_text {
     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;
text-align: left;
}
.header_text a{
   color:#C10B0B;
    text-decoration: underline;
}

* {
    margin: 0em;
    padding: 0em;
}
body {
    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;
}

p {
    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 {color: #000088;
}
a:hover{color: #6699cc;
}

h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #333333;
    text-decoration: none;
}

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

h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #333333;
    text-decoration: none;
}

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

h3 a:hover {
    color: #666666;
}
.title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    text-decoration: none;
}
.title a{
   color:#000066;
    text-decoration: underline;
}

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

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

.ItemLongDescription {
    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;
    z-index: 10;
    position:relative;
}

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

.CategorySubCategoryRepeater 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: #5B8C14;
    text-decoration: none;
}

.CategorySubCategoryRepeater a:hover {
}

.CategoryItemRepeaterHorizontal {
    float: left;
    width: 46.5%;
    padding-right: 20px;
}

.FeaturedItemsRepeater {
    margin-bottom: 15px;
    padding-left: 20px;
    width: 140px;
}

.FeaturedItemsRepeater 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: #5B8C14;
    text-decoration: none;
}

.FeaturedItemsRepeater a:hover {
}
/***********************************************************************/







/*
    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 {
    background: url(/files/images/cms_nav_bg.jpg) repeat-x bottom;
    height: 34px;
    width: 100%;
    display: block;
    white-space: nowrap;
}

.roco_left {
    background: url(/files/images/cms_nav_bg.jpg) no-repeat bottom left;
}

.roco_center {
    background: url(/files/images/cms_nav_bg.jpg) repeat-x bottom;
}

.roco_right {    background: url(/files/images/cms_nav_bg.jpg) bottom right no-repeat;

}

.CMSMenuControlRootLevel {
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    line-height: 26px;
padding-top: 10px;
border-right: 1px solid #fff; 
}

.CMSMenuControlRootLevel a {
    width: 20%;
margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
padding-top: 6px;
    text-decoration: none;

}


.CMSMenuControlRootLevel a:hover {
    font-weight: bold;
    color: #6699cc;
    text-decoration: none;
}

.CMSMenuControlSubLevel {
    padding:10px;
height: 24px;
    background-color:#003366;
    border:2px solid #ccc;
	color: #ffffff;
}

.CMSMenuControlSubLevel:hover {
    text-decoration:underline;
    background-color:#006600;
}

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




/*
    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-weight: bold;
    margin-top: 10px;
}

.CategoryMenuControlSubLevel {
    font-size: 14px;
}
/***************************************************************************/




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

.FooterMenuControlRootLevel a {
}

.FooterMenuControlRootLevel a:hover {
    text-decoration: underline;
}

.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;
    height: 200px;
}

.ShopByCategoryRoot a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #3366ff;
    text-decoration: none;
}

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

.ShopByCategorySub a:hover {
    text-decoration: underline;
}
/*******************************************************************************/



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

/****************************
*   text & reg. style css   *
****************************/

body {
    margin: 0px;
background-color: #ffffff;
color: #000000;
}

.top_nav_div {
    width: 779px;
    height: 43px;
    margin: auto;
}

.top_nav_div_sub {
    width: 779px;
    height: 38px;
    padding-top: 5px;
    padding-left: 10px;
    float: right;
    text-align: right;
}

.green_layer {
    height: 80px;
    background-color: #B7E154;
}

.div_779 {
    width: 779px;
    height: 80px;
    margin: auto;
}

.div_779_sub {
    width: 779px;
    height: 80px;
}

.oldlogodiv {
    width: 290px;
    height: 80px;
    float: left;
}

.logo {
    width: 228px;
    height: 50px;
    background: url(/files/images/logonew.jpg) no-repeat;
    float: left;
    cursor: pointer;
	position:relative;
	top:10px;
}

.logo a {
    position: absolute;
    width: 290px;
    height: 50px;
    float: left;
color: #000066;
}

.gecko .gimmick
{
	position:relative;
	left:7px;
	font-weight:bold;
	top:20px;
	
}

.gimmick
{
	position:relative;
	left:0px;
	font-weight:bold;
	top:20px;
}

.gimmick a
{
	font-weight:bold;
	color:#000066;
}

.navigation {
    width: 489px;
    height: 38px;
    float: left;
}

.navigation ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    float: left;
}

.navigation li {
    float: left;
    padding: 8px 17px 0px 22px;
    background: url(/files/images/img_divider.gif) no-repeat;
    background-position: 10px 14px;
    text-align: center;
    vertical-align: middle;
}

.green_bg {
    padding-left: 225px;
    width: 264px;
    background-color: #5B8C14;
    height: 35px;
    padding-top: 7px;
    float: left;
}

.search_div {
    width: 185px;
    height: 20px;
    float: right;
	font-size:10pt;
	font-weight:bold;
}

.search_div a {
	color:#C10B0B;
}

.btn_search {
    width: 22px;
    height: 22px;
    background: url(/files/images/btn_search.gif) right no-repeat;
    float: right;
}

.btn_search a {
    position: absolute;
    width: 22px;
    height: 22px;
    background: url(/files/images/btn_search.gif) no-repeat;
    float: right;
}

.body_div779 {
    width: 779px;
    padding-top: 5px;
    margin: auto;
}

.body_div779_sub {
    width: 779px;
    float: left;
}

.banner_main_div {
    width: 779px;
    height: 407px;
    float: left;
}

.banner_div285 {
    width: 285px;
    margin-right: 4px;
    float: left;
}

.img_buybeds {
    width: 285px;
    height: 87px;
    margin-bottom: 4px;
    background: url(/files/images/img_buybeds.gif) no-repeat;
    float: left;
}

.img_buybeds a {
    position: absolute;
    width: 285px;
    height: 87px;
    float: left;
}

.img_pillows {
    width: 285px;
    height: 87px;
    margin-bottom: 4px;
    background: url(/files/images/img_buypillows.gif) no-repeat;
    float: left;
}

.img_pillows a {
    position: absolute;
    width: 285px;
    height: 87px;
    float: left;
}

.img_buymattress {
    width: 285px;
    height: 87px;
    background: url(/files/images/img_buymattress.gif) no-repeat;
    float: left;
}

.img_buymattress a {
    position: absolute;
    width: 285px;
    height: 87px;
    float: left;
}

.img_banner {
    width: 490px;
    height: 268px;
    background: url(/files/images/img_banner.jpg) no-repeat;
    float: left;
}

.container {
    width: 777px;
    float: left;
}

.div_Introduction {
    width: 555px;
    padding: 13px 0px 0px 24px;
    background: url(/files/images/img_bg.gif) repeat-x;
    height: 87px;
    float: left;
}

.div_Introduction_main {
    width: 777px;
    margin-top: 8px;
    border-left: #313131 solid 1px;
    border-right: #313131 solid 1px;
    border-top: #313131 solid 6px;
    border-bottom: #313131 solid 6px;
    float: left;
}

.img_pic01 {
    width: 197px;
    height: 100px;
    background: url(/files/images/img_pic01.gif) no-repeat;
    float: left;
}

.content {
    width: 555px;
    padding-top: 27px;
    background: url(/files/images/img_atlanticbeda.gif) no-repeat;
    float: left;
}

.div_dottedline_bg {
    width: 752px;
    float: left;
    background: url(/files/images/img_bg_botted_line.gif) repeat-x top;
    padding: 10px 0px 0px 25px;
}

.need_help {
    width: 226px;
    height: 102px;
    margin-right: 11px; /*background: url(/files/images/img_need_help.gif) no-repeat;*/
    float: left;
}

.need_help a {
    position: absolute;
    width: 226px;
    height: 102px;
    float: left;
}

.other_information {
    width: 238px;
    height: 68px;
    background: url(/files/images/img_other_information.gif) no-repeat;
    padding: 34px 0px 0px 18px;
    margin-right: 11px;
    float: left;
    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;
}

.offers_expire {
    width: 226px;
    height: 102px; /*background: url(/files/images/img_off.gif) no-repeat;*/
    float: left;
}

.offers_expire a {
    position: absolute;
    width: 226px;
    height: 102px;
    float: left;
}

.footer_green_color {
    width: 100%;
    height: 32px;
    margin-top: 5px;
    background-color: #B7E154;
    float: left;
}

.footer_div {
    width: 550px;
    margin: auto;
    padding-left: 10px;
}

.main_new_body_div {
}

.copy_rights {
    width: 603px;
    padding-left: 20px;
    padding-top: 9px;
    float: left;
}

.footer_linlk {
    padding-top: 8px;
    padding-left: 89px;
    float: left;
}

.linkes_top {
    width: 250px;
    float: right;
}

.linkes_top ul {
    margin: 0px;
    position: 0px;
    list-style: none;
    float: right;
}

.linkes_top li {
    margin: 0px;
    padding: 0px 7px 0px 7px;
    float: left;
}

.gecko .number{
	position:relative;
	text-align:center;
	left:170px;
	top:40px;
	font-weight:bold;
	width:170px;
}

.number{
	position:relative;
	text-align:center;
	top:40px;
	font-weight:bold;
	width:170px;
}

.dotted {
    margin-top: 2px;
    background: url(/files/images/img_divider01.gif) no-repeat right;
}

.line {
    background: url(/files/images/img_line.gif) no-repeat right;
}

.cart {
    padding: 0px 10px 0px 20px;
    text-indent: 20px;
    height: 20px;
    background-position: 6px 12px;
    background: url(/files/images/img_cart.gif) no-repeat;
    text-align: center;
    vertical-align: middle;
    margin-top: 13px;
}

.left_link {
    width: 110px;
    float: left;
}

.left_link ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.left_link li {
    background-image: url(/files/images/img_arrow.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    float: left;
    height: 17px;
    padding: 0px 0px 0px 8px;
    vertical-align: middle;
    width: 110px;
}

.dotted_border {
    border-bottom: dotted 1px #000000;
}

.right_link {
    width: 80px;
    margin-left: 15px;
    display: inline;
    float: left;
}

.right_link ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.right_link li {
    background-image: url(/files/images/img_arrow.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    float: left;
    height: 17px;
    padding: 0px 0px 0px 8px;
    vertical-align: middle;
    width: 80px;
}

.helveticaneue13EEEE76 {
    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: #EEEE76;
    text-decoration: none;
}

.arial11B3B3B3B {
    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: #3B3B3B;
    text-decoration: none;
}

a.arial11B3B3B3B: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: #FE3B41;
    text-decoration: none;
}

.arial12R000000 {
    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;
}
.arialR11000000 {
    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;
}
a.arialR11000000:hover {
    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: #D24C4C;
    text-decoration: none;
}


a.helveticaneue13EEEE76: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: #D1B007;
    text-decoration: none;
}
.arial12BC10B0B {
    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: #FE3B41;
    text-decoration: none;
}

a.arial12BC10B0B: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;
    text-decoration: none;
}

.arial11R000000 {
    width: 143px;
    border: #284B06 solid 1px;
    background-color: #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: #000000;
    text-decoration: none;
}

.devider {
    padding: 0px 10px 0px 13px;
    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;
}


.content_text a
{
    color:#000088;
   text-decoration: underline;
}

.content_text a:hover
{
    color:#6699cc;
   text-decoration: underline;
}