/* -- jFlow - slider for divs -- */

#mySlides{
    display:none;
}

.containerPagination{
    /*display:none;*/
    width:620px;
}

#pageWrapperOuter {
    width:1228px;
    /*background-image:url(../../../_nailsplus/images/global/left_col_bottom_layer.gif);*/
}
#pageWrapperInner{ 
    background-image:url(../../../_nailsplus/images/global/right_col_bgd_full_height.gif);
    background-position:973px top;
    background-repeat:repeat-y;
}

#pageWrapperInnerInner{
    background-position:682px bottom !important;
}


/* --- HEADER ---*/
#headerWrapper{
    background-image:url(../../../_nailsplus/images/global/header_top_right.jpg);
    background-repeat:no-repeat;
    background-position:right top;
}
#header{
}
#headerLogo{
}
#headerLogo a{
}
#headerExtra1{
    width:988px;
}

/* 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{
   left:-733px;
}
#columnMiddle{
    width:733px;
}

/* --- MAIN CONTENT ---*/
#mainContent{
    float:left;
    width:658px;
    color:#222;
    padding-left:36px;
}





/* --- PAGINATION ---*/
.containerPagination{
   width:600px;
}
 
/* --- 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;
}

/* --- Login --- */
.lnkLogin{
    position:absolute;
    right:15px;
    bottom:5px;
}

/* 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:150px;
    right:13px;*/
}
/* --- 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;
}
    
/* Home Page JQuery Slideshow HIDE (will be shown by home.css */

/*#headerExtra1 .slideShowContainer{
    display:none;
}*/


/* PRODUCTS */
/* -------- */

.productContainer{
    width:663px;
}
/* Two columns used when images are to be displayed */
.productLeftColumnAbstract{
    width:120px;
}
.productLeftColumnAbstract img{
    width:100px;
    background-color:#fff;
    padding:1px;
}
.productRightColumnAbstract{
    width:523px;
}
.containerPagination{
    width:663px;
}

/* --- Header Rollover Javascript with JQUERY --- */

.slideShowContainer{
    width:988px;
}
.slideShowContainer img{
    width:988px;
}

/* --- Shopping Cart -- */

#tblShoppingCart{
    width:660px;
}