#awayFromOffice {
    /*display:none;*/
}

body {
    /* Center IE */
    text-align:center;
    font-family:Arial, Sans-Serif;
    color:#222;
    font-weight:normal;
    background-color:#fff;
}
#pageWrapperOuter {
    position:relative;
    top:0;
    left:0;
    width:995px;
    /* Correct centering for IE */
    text-align:left;
    /* Center Mozilla/Opera */
    margin: 10px auto 5px auto;
    /*border:solid 1px #ddd;*/
    background-image:url(../../../_nailsplus/images/global/left_col_bottom_layer.gif);
    background-position:left top;
    background-repeat:repeat-y;
}
#pageWrapperInner{ 
    /* Set width for IE 6 */
    width:100%;
    background-image:url(../../../_nailsplus/images/global/right_col_bgd_full_height.gif);
    background-position:740px top;
    background-repeat:repeat-y;
}
#pageWrapperInnerInner{ 
    /* Set width for IE 6 */
    width:100%;
}
#pageWrapperInnerInnerInner{ 
    /* Set width for IE 6 */
    width:100%;
}
h1{
}
h2{
}
h3{
}
p{
}
a{
    /* remove outline that Firefox puts on */
    outline:none;
}


/* --- HEADER ---*/
#headerWrapper{
    background-image:url(../../../_nailsplus/images/global/header_top_right.jpg);
    background-repeat:no-repeat;
    background-position:right top;
}
#header{
    height:225px;
    background-image:url(../../../_nailsplus/images/global/header.gif);
    background-repeat:no-repeat;
    background-position:left bottom;
}
#headerLogo{
    position:absolute;
    top:0px;
    left:0px;
}
#headerLogo a{
}
#headerExtra1{
    position:absolute;
    top:95px;
    left:240px;
    width:755px;
    height:130px;
    background-image:url(../../../_nailsplus/images/global/header_rollover_1.jpg);
    background-repeat:no-repeat;
    background-position:0 0;
}
/* --- Search Box ---*/
#headerFacebook{
    position:absolute;
    top:140px;
    right:25px;
    z-index:1001;
}

/* --- TOP LINKS ---*/
#links{
    text-align:left;
    background-color:#F36421;
    background-repeat:repeat;
    font-size:0.85em;
}
#links ul
{
   font-family:Verdana, Sans-Serif;
   padding-left:30px;
}

#links li{
    display:inline;
    padding: 0px 40px 0px 4px;
    line-height:1.75em;
    font-weight:normal;
    border-left:solid 1px #ddd;
}
#links a{
     /*color:#FFDEBB;*/
     color:#fff;
     text-decoration:none;
}
#selectedTopNavLink{
    /*background-color:#444;*/
     border-left:solid 2px #eee !important;
}
#selectedTopNavLink a{
    font-weight:bold;
    color:#fff;
}



/* --- BREADCRUMB ---*/
#locator{
    position:absolute;
    top:258px;
    left:276px;
    width:450px;
    color:#666;
    font-family:Verdana, Sans-Serif;
    font-size:0.70em;
    font-weight:normal;
    text-transform:lowercase;
    z-index:2000;
}
#locator a{
    color:#666;
}
#locator span
{
   white-space:nowrap; 
}

/* --- RSS ---*/
#ctl00_rssLinkContainer{
}

/* --- Content --- */
#contentWrapper{
    position:relative;
    top:0;
    left:0;
    /* Need width for IE6! */
    width:100%;
    background-image:url(../../../_nailsplus/images/global/left_col_background.gif);
    background-position:0 0;
    background-repeat:no-repeat;
}
#printLogo{
    display:none;
}

/* Switch positions with the left column and the
middle column as the middle column appears first in the
markup.  This is to help with SEO */
.columnLeft{
   float:left;
   position:relative;
   left:-500px;
   width:240px;
   /*background-image:url(../../../_nailsplus/images/global/plug_in_background_vert_2.gif);
   background-position:0 0;
   background-repeat:repeat-x;*/
}
#columnMiddle{
    float:left;
    position:relative;
    left:240px;
    width:500px;
     /* Sets the overall basic font-size and line heights
    for everything in the middle column */
    font-size:0.8em;
    line-height:1.65em;
    /*border:solid 1px #555;*/
}
#columnMiddle p{
    margin-bottom:1em;
}
#columnMiddle ul{
   margin-left:30px;
   margin-bottom:0.5em;
   list-style-type:disc;
}
#columnMiddle li{
    margin: 0em 15px 0.25em 0px;
    line-height:1.6em;
}
#columnMiddle a{
   color:#222;
   text-decoration:underline;
}
.columnRight{
    float:left;
    width:253px;
}
.columnExtraNavigation{
    clear:both;
}

/* --- MAIN CONTENT ---*/
#mainContent{
    float:left;
    width:425px;
    color:#222;
    padding-left:36px;
}
#mainContent h2{
    font-size:1.3em;
    font-weight:normal;
    text-align:left;
    margin: 1em 0 1em 0;
    padding: 2px 4px 2px 0px;
    border-bottom:solid 1px #777; 
}
#mainContent h3{
    font-size:1.15em;
    font-weight:bold; 
    margin: 0.8em 0 0.4em 0;
}
#mainContent ol{
    padding-left:30px;
    list-style-type: decimal;
    list-style-position: outside;
}
#clearerContent{
    clear:both;
    height:1px;
    line-height:1px;
    font-size:1px;
}

/* --- FOOTER ---*/
#footerWrapper{
    padding-bottom:4px;
}
#footer{
    /* Do the position relative so IE6 knows where
    to correctly place login button */
    /*position:relative;
    top:0;
    left:0;*/
}
#footer ul{
   font-family:Verdana, Sans-Serif;
}

#footer li{
    display:inline;
    padding: 0px 15px 0px 15px;
    line-height:1.6em;
}
#footer a{
     color:#eee;
     font-size:0.85em;
     font-weight:normal;
     text-decoration:none;
     /*border-left:solid 2px #999;*/
     padding-left:5px;
	 line-height:1.8em;
}
#footerFacebookLink{
	position:relative;
	top:6px;
	left:30px;
}
/* --- Login --- */
.lnkLogin{
    display:none;
    position:absolute;
    right:15px;
    bottom:5px;
}
#sitemapLink{
    margin-left:5px;
	border:none;
}

/* --- PAGINATION ---*/
.containerPagination{
   float:left;
   width:400px;
   padding-top:10px;
   padding-bottom:10px;
   text-align:right;
}
.buttonPagination, .pageButtonSelected, .pageButtonUnselected{
    background-color:Transparent;
    text-decoration: none;
    font-family:Verdana, Sans-serif;
    font-weight:normal;
    font-size:0.8em;
    color:#444;
    cursor:pointer;
    padding:0;
    margin:0px 3px 0px 3px;
    border:none;
}
.pageButtonSelected{
    font-weight:bold;
    text-decoration:underline;
}
 
/* --- SUBSCRIPTION --- */
#subscriptionPlugIn{
    /*background-image:url(../../../_nailsplus/images/global/plug_in_background_sub.gif);*/
    background-position:left top;
    background-repeat:repeat-x;
}
.subscribeTextBox{
    float:right;
    width:150px;
    margin-bottom:4px;
}
#subscriptionContainer{
  padding: 8px 12px 8px 12px;
  color:#333;
  font-size:0.8em;
}
#subscriptionContainer p
{
    padding-left:20px;
}
.btnSubscribe{
    float:right;
    width:100px;
    color:#111;
    background-color:#ddd;
    margin-right:54px;
    text-decoration:none;
    outline:none;
    cursor:pointer;
    vertical-align:top;
    border:solid 1px #aaa;
}

/* --- AJAX PROGRESS --- */
#progressContainer{
    position:fixed;
    top:42%;
    right:48%;  
    z-index:1000; 
    background-color:Transparent;
}
#progressContainer img{
    padding:20px;
}
#innerProgressContainer{
    width:100%;
    background-color:#fff;
    border:solid 1px #000;
    /* Must have a WIDTH or HEIGHT set with IE for any element
    you want to use filter on or doesn`t work */
    filter:alpha(opacity=50);
    opacity:.50;
}
.btnSearchMain{
    
    background-color:#ddd;
    padding-left:5px;
    margin:0;
    margin-top:4px;
    color:#111;
    text-decoration:none;
    outline:none;
    cursor:pointer;
    border:solid 1px #aaa;
}

.btnSearch{
    background-color:#ddd;
    padding-left:5px;
    margin:0;
    color:#111;
    text-decoration:none;
    outline:none;
    cursor:pointer;
    vertical-align:top;
    border:solid 1px #aaa;
}
.textSearch{
    width:140px;
    margin-left:15px;
}

/* TEMPLATES for pages with TinyMCE */

/* This is the outer container of a template
that ensures correct clearing when using floated elements */
.templateClearer
{
    clear:both;
    font-size:1px;
    line-height:1px;
    margin:0;
    padding:0;
}

/*--- Events Search ---*/
.btnGo{
    height:1.7em;
    background-color:#ddd;
    margin:0;
    margin-left:3px;
    margin-top:4px;
    color:#111;
    text-decoration:none;
    outline:none;
    cursor:pointer;
    vertical-align:top;
    border:solid 1px #aaa;
}
.ddlEvents{
    width:184px;
    margin-top:4px;
    margin-left:15px;
    overflow:hidden;
}

/*--- MP_Shopping_Cart ---*/
.pShoppingCart{
    width:235px;
    line-height:1.6em;
    margin-left:10px;
    font-size:0.75em;
    color:#333;
    text-align:center;
    background-color:#efe;
}
#shoppingCartSummaryHeader{
    background-color:#aee0ef;
}
#shoppingCartLinksContainer{
    width:227px;
    margin-left:10px;
    background-color:#efe;
    padding:2px 0px 4px 8px;
}
#shoppingCartLinksContainer a{
    text-decoration:underline;  
}
.lnkShoppingCart{
    display:inline !important;
    width:220px;
    margin:0px;
    font-size:0.75em;
    color:#333;
    text-decoration:underline !important;
}
#tblShoppingCartSummary{
    width:235px;
    margin-top:5px;
    margin-left:10px;
    font-size:0.75em;
    background-color:#efe;
}
#tblShoppingCartSummary tr{
   line-height:1.3em;
}
#tblShoppingCartSummary td{
   line-height:1.25em;
   padding: 2px 8px 2px 8px;
   vertical-align:top;
}
#tblShoppingCartSummary .tdPrice{
    text-align:right;
}
#tblShoppingCartSummary .trShoppingSubtotal{
    line-height:1.8em;
    font-weight:bold;
}
#tblShoppingCartSummary .trShoppingSubtotal .tdPrice
{
    border-top:dotted 1px #999;
}
.clearBoth{
    clear:both;
    line-height:1px;
    font-size:1px;
    height:1px;
}
.clearLeft{
    clear:left;
    line-height:1px;
    font-size:1px;
    height:1px;
}

/* --- Search Box ---*/
.headerSearchBox{
    position:absolute;
    top:185px;
    right:25px;
    z-index:1000;
}
/* --- jFlow - slider --- */
/* Default CSS for when Javascript DISABLED */
#myController{
    display:none;
}
.jFlowPrev, .jFlowNext{
    display:none;
}
#myController{
width:630px;
}
#myController span{
width:100%;
color:#000;
margin-right:5px;
cursor:pointer;
padding:4px 10px 4px 10px;
border-left:solid 1px #999;
border-right:solid 1px #999;
}
#jFlowSlide{
margin-top:5px;
padding-top:15px;
padding-bottom:15px;
border-bottom:1px dotted #444;
}
#myController span.jFlowSelected {
background:gold;
}
.jFlowPrev, .jFlowNext{
cursor:pointer;
padding-top:5px;
padding-right:5px;
}
/* --- Flip-Flop Menu Slider --- */
.flip-flop-menu li span{
background-position:right center;
background-repeat:no-repeat;
}

/* --- Bestsellers --- */
.bestsellerContainer
{
    /*background-image:url(../../../_nailsplus/images/global/plug_in_background_horizontal.gif);
    background-position:left bottom;
    background-repeat:repeat-y;
    background-color:#fff;*/
}
.bestsellerLinkContainer{
    padding: 10px 15px 0px 20px;
    border-top:dotted 1px #ccc;
}
.bestsellerLinkContainer a{
    display:block;
    font-size:0.8em;
    font-weight:bold;
    color:#555;
}
.bestsellerLinkContainer a:hover{
    text-decoration:underline;
}
.bestsellerImagePriceContainer{
    width:100%;
    text-align:right;
}
.bestsellerImagePriceContainer img{
    width:100px;
    margin-top:5px;
}
.bestsellerImagePriceContainer h4{
    width:115px;
    float:left;
    text-align:left;
    color:#555;
    font-weight:bold;
    font-size:0.90em;
    text-align:left;
    margin-top:0.6em !important;
    padding-top:0.6em !important;
    padding-left:20px;
}

/* --- Specials -- */
.specialContainerOuter{
    /*background-image:url(../../../_nailsplus/images/global/plug_in_background_h2_vert.gif);
    background-position:left top;
    background-repeat:repeat-x;*/
}
.specialContainerInner{
    /*background-image:url(../../../_nailsplus/images/global/plug_in_background_vertical.gif);
    background-position:left bottom;
    background-repeat:repeat-x;
    background-color:#fff;*/
}
.specialLinkContainer{
    padding: 10px 15px 0px 20px;
    border-top:dotted 1px #ccc;
}
.specialLinkContainer a{
    display:block;
    font-size:0.8em;
    font-weight:bold;
    color:#555;
}
.specialLinkContainer a:hover{
    text-decoration:underline;
}
.specialImagePriceContainer{
    width:100%;
    text-align:right;
}
.specialImagePriceContainer img{
    width:100px;
    margin:5px;
    border:solid 1px #ddd;
}
.specialImagePriceContainer h4{
    width:115px;
    float:left;
    text-align:left;
    color:#555;
    font-weight:bold;
    font-size:0.90em;
    text-align:left;
    margin-top:0.6em !important;
    padding-top:0.6em !important;
    padding-left:20px;
}
.specialOldCost{
    font-weight:normal;
    text-decoration: line-through;
}

/* --- NEW 2 December 2008 -- */
.specialGroupLinkContainer{
    padding: 10px 15px 0px 20px;
    border-top:dotted 1px #ccc;
}
.specialGroupLinkContainer a{
    display:inline !important;
    font-size:0.95em;
    font-weight:bold;
    color:#555;
}
.specialGroupLinkContainer p{
    font-size:0.9em;
    font-weight:bold;
    color:#555;
    display:block;
    margin-bottom:10px;
}
.specialGroupLinkContainer ul{
    display:block;
    list-style-type: disc;
    width:195px;
}
.specialGroupLinkContainer ul li{
    margin-left:15px !important;
}
    
/* Home Page JQuery Slideshow HIDE (will be shown by home.css */

#headerExtra1 .slideShowContainer{
    display:none;
}

#styleSwitcher{
    position:absolute;
    top:10px;
    left:275px;
}
#styleSwitcher ul li{
    display:inline;
}
table .christmasPrices{
	
}
table.christmasPrices td{
	padding:5px;
}
table.christmasPrices tr{
	border-bottom:solid 1px #ccc;
}
