/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }
/* end of fancybox.css */

/* style2.css */


body 
{  
    width: 100%;
    margin:0px; 
    padding:0px;  
    background-color:#ffffff; 
    font: 11px arial;
    color: #414141; 
}  

.container 
{  
    /*width:990px;*/
    width:1010px;  
    margin:0 auto;  
    /*border:1px solid red;*/  
    /*background-color: red;*/
} 




.horizontal_5px_spacer
{
    float: left;
    width: 5px;  
}  

.clr
{
    clear: both;
}

a img
{
    border:0;
}



/*start page header*/  
#top_bar 
{  
   width:  100%; 
   height: 37px;
   color: #ffffff;
}  

.top_bar_tab_sides
{
    float: left; 
    height: 100%
}

.top_bar_tab_link
{
    color: white;
    text-decoration: none;
}

.top_bar_tab_link:hover
{
    text-decoration: underline;
}

.top_bar_tab_center
{
    font-weight: bold;
    float: left; 
    height: 100%; 
    padding: 15px 15px 10px; 
}


.search_dropdown_div select
{
   background: transparent !important;
   width: 170px;
   height: 25px;
   padding: 4px 5px 3px 3px;
   margin: 0;
   font-size: 12px;
   border: 0 none;   
   -webkit-appearance: none;

   
}
.search_dropdown_div
{
   width: 111px;
   height: 25px;
   overflow: hidden;
}
/*end page header*/
      


/*start page footer*/ 
.footer_link_caption
{
    font-weight: bold;
    font-size: 12px;
    color: #181818;
    padding-bottom: 6px;
    text-align: left
}
.footer_link
{
    color: #414141;
    text-decoration: none;
}

.footer_link:hover
{
    text-decoration: underline;
}
/*end page footer*/ 


.underlineLink:hover
{
    text-decoration:  underline !important;
}

.errorTextBox
{
    border : 1px solid red;
}

.font18Red {
    color: #FF0000;
    font-size: 18px;
}

/* my account */

.myAccountTitle, .myAccountContent
{
    padding-left: 50px;
}

.myAccountTitle
{
    font-size:  26px ;
    font-family: arial;

}


.myAccountRightContent
{

    padding-top: 30px;
    background-color: #f6f6f6;
    text-align: left;
    height: 100%;
    vertical-align: top;
    color: #414141;
    font-size: 12px;
    font-family: arial;
    
}

.myAccountTitle2
{
    font-size: 14px;
    font-weight: bold;
    padding-left: 5px;
}

/* end my account */

/*products page*/
a
{
    color: #414141;
}





/*start leftside menu*/
.leftside
{
    margin: 0px;
    padding: 0px;
}

ul.leftside li
{
    margin:  0px;
    padding: 0px;
    list-style: none;   
   
}


ul.leftside li a
{        
    display: block;
    width: 167px;
    padding-left: 20px;
    min-height: 33px;
    
    color: #414141;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    
    padding-right: 2px;
   
}
ul.leftside li ul.leftside li a{
    padding-left:40px;
    width: 147px;
    
}
ul.leftside li ul.leftside li ul.leftside li a{
    padding-left:60px;
    width: 127px;
    
    
}
ul.leftside li ul.leftside li ul.leftside li ul.leftside li a{
    padding-left:80px;
    width: 107px;
    
    
}
ul.leftside li ul.leftside li ul.leftside li ul.leftside li ul.leftside li a{
    padding-left:100px;
    width: 87px;
    
    
}

/*


.listImageDiv
{
    width:10px; 
    display: table-cell;
}

.listContentDiv
{
     display: table-cell;
}

ul.leftside li
{
    margin:  0px;
    padding: 0px;
    list-style: none;   
   
}


ul.leftside li a
{
    border-top:1px solid #EAEAEA;
    display: block;
    width: 167px;
    padding-left: 20px;
   
}
ul.leftside li ul.leftside li a{
    padding-left:40px;
    width: 147px;
}
ul.leftside li ul.leftside li ul.leftside li a{
    padding-left:60px;
    width: 127px;
    
}
ul.leftside li ul.leftside li ul.leftside li ul.leftside li a{
    padding-left:80px;
    width: 107px;
    
}
ul.leftside li ul.leftside li ul.leftside li ul.leftside li ul.leftside li a{
    padding-left:100px;
    width: 87px;
    
}
*/


.selectedCategoryBg
{
    /*background-color: #E0E0E0;*/
    
}
.selectedCategoryFontWeight
{
    font-weight: bold;
    color: red;
}
/*end leftside menu*/








/**start browse**/
/*also applied for search and new arrivals*/
.sortby_dropdown_div select 
{
   background: transparent !important;
   width: 170px !important;
   height: 25px;
   padding: 4px 5px 3px 3px !important;
   margin: 0 !important;
   font-size: 12px !important;
   border: 0 none !important;   
   -webkit-appearance: none;

}
.sortby_dropdown_div
{
   width: 145px !important;
   height: 25px !important;
   overflow: hidden !important;
}




/*start browse table*/
.browseTblContentTd
{
    width: 230px;
    border-right: 1px solid #cecece; 
    border-left: 1px solid #cecece;
}

table#productsBrowseTable tr td
{ 
    vertical-align: top;
}
                            
.blankTdSpacer
{
    width: 14px;
}
/*end browse table*/



/**end browse**/



/**start qty pricing table**/
.qtyPricingHeader
{
    font-size: 10px;
    color: #414141;
    text-align: center;
    font-weight: bold;
    
}

.qtyPricingContent
{
    font-size: 10px;
    color: #414141;
    text-align: center;
    
    float: left;
    height: 16px;
    padding: 5px 0;
}
/**end qty pricing table**/

/*class error*/
input[type=text].error,input[type=password].error,textarea.error,select.error, div.error{
border: 1px solid red !important;
}

label.error
{
    color: red;
    font-size: 11px;
    display: block;
    
    /*padding-left: 5px;*/
}





.spacer25
{
    height: 25px;
}

.spacer30
{
    height: 30px;
}

.spacer17
{
    height: 17px;
}

.spacer20
{
    height: 20px
}




.styled_dropdown_div
{
   overflow: hidden;
}
.styled_dropdown_div select 
{
   background: transparent !important;
   width: 270px;
   height: 25px;
   padding: 5px 5px 3px 3px;
   margin: 0;
   font-size: 11px;
   color: #414141;
   border: 0 none;   
   -webkit-appearance: none;

}



/*checkout - dropdown error*/
.cboErrorBorder
{
    border: 1px solid red !important;   
}

 /*class error*/
input[type=text].error,input[type=password].error,textarea.error,select.error
{
   border: 1px solid red !important;
}


label.error
{
    color: red;
    font-size: 11px;
    display: block;
    
    /*padding-left: 5px;*/
}



/*start confirm page*/
.tbl_seller_prod tr td
{
    font-size: 11px;
    color: #414141;
}
/*end confirm page*/



/*start checkout_select_courier and myaccount_view_my_order*/
.tbl_member_details tr td
{
    font-size: 12px;
    padding: 3px;
}
.tbl_member_details tr td.title
{
    color: #868686;
}
.tbl_member_details tr td.detail
{
    color: #181818;
    font-weight: bold;
}
/*end checkout_select_courier and myaccount_view_my_order*/




/* rating system css */

    .star-rating,
    .star-rating a:hover,
    .star-rating a:active,
    .star-rating a:focus,
    .star-rating .current-rating{
    	background: url('../graphic/star.gif') left -1000px repeat-x;
    }
    .star-rating{
    	position:relative;
    	width:75px;
    	height:15px;
    	overflow:hidden;
    	list-style:none;
    	margin:0;
    	padding:0;
    	background-position: left top;
    }
    .star-rating li{
    	display: inline;
    }
    .star-rating a, 
    .star-rating .current-rating{
    	position:absolute;
    	top:0;
    	left:0;
    	text-indent:-1000em;
    	height:15px;
    	line-height:15px;
    	outline:none;
    	overflow:hidden;
    	border: none;
    }
    .star-rating a:hover,
    .star-rating a:active,
    .star-rating a:focus{
    	background-position: left bottom;
    }
    .star-rating a.one-star, .small-star a.one-star{
    	width:20%;
    	z-index:6;
    }
    .star-rating a.two-stars, .small-star a.two-stars{
    	width:40%;
    	z-index:5;
    }
    .star-rating a.three-stars, .small-star a.three-stars{
    	width:60%;
    	z-index:4;
    }
    .star-rating a.four-stars, .small-star a.four-stars{
    	width:80%;
    	z-index:3;
    }
    .star-rating a.five-stars, .small-star a.five-stars{
    	width:100%;
    	z-index:2;
    }
    .star-rating .current-rating, .small-star .current-rating{
    	z-index:1;
    	background-position: left center;
    }	
    
    /* for an inline rater */
    .inline-rating{
    	display:-moz-inline-block;
    	display:-moz-inline-box;
    	display:inline-block;
    	vertical-align: middle;
    }
    
    /* smaller star */
    .small-star{
    	width:65px;
    	height:13px;
    }
    
    .small-star,
    .small-star a:hover,
    .small-star a:active,
    .small-star a:focus,
    .small-star .current-rating{
    	background-image: url('../graphic/star_rating_small.gif');
    	line-height: 13px;
    	height: 13px;
    }

/* end rating system css */


.font12RedBoldArial 
{
    font:bold 12px arial;
    color:#FF0000;
}


/**start button style**/
.action_s_grey, .action_s_red, .action_m_grey, .action_m_red, .action_l_grey, .action_l_red
{
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 11px !important;
        
    height: 20px !important;           
}
/*start action small*/
.action_s_grey, .action_s_red
{
    width: 53px !important;
}
.action_s_grey
{
    background: url("../graphic/button_img/btn_action_s_grey.png") no-repeat;
}
.action_s_grey:hover
{    
    background: url("../graphic/button_img/btn_action_s_grey_hover.png") no-repeat;
}
.action_s_red
{
    background: url("../graphic/button_img/btn_action_s_red.png") no-repeat;
}
.action_s_red:hover
{    
    background: url("../graphic/button_img/btn_action_s_red_hover.png") no-repeat;
}
/*end action small*/
/*start action medium*/
.action_m_grey, .action_m_red
{
    width: 86px !important;
}
.action_m_grey
{
    background: url("../graphic/button_img/btn_action_m_grey.png") no-repeat;
}
.action_m_grey:hover
{    
    background: url("../graphic/button_img/btn_action_m_grey_hover.png") no-repeat;
}
.action_m_red
{
    background: url("../graphic/button_img/btn_action_m_red.png") no-repeat;
}
.action_m_red:hover
{    
    background: url("../graphic/button_img/btn_action_m_red_hover.png") no-repeat;
}
/*end action medium*/
/*start action large*/
.action_l_grey, .action_l_red
{
    width: 129px !important;
}
.action_l_grey
{
    background: url("../graphic/button_img/btn_action_l_grey.png") no-repeat;
}
.action_l_grey:hover
{    
    background: url("../graphic/button_img/btn_action_l_grey_hover.png") no-repeat;
}
.action_l_red
{
    background: url("../graphic/button_img/btn_action_l_red.png") no-repeat;
}
.action_l_red:hover
{    
    background: url("../graphic/button_img/btn_action_l_red_hover.png") no-repeat;
}
/*end action large*/




.submit_s_grey, .submit_s_red, .submit_m_grey, .submit_m_red, .submit_l_grey, .submit_l_red
{
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    
    height: 29px !important;            
}

/*start submit small*/
.submit_s_grey, .submit_s_red
{
    width: 102px !important;
}
.submit_s_grey
{
    background: url("../graphic/button_img/btn_submit_s_grey.png") no-repeat;
}
.submit_s_grey:hover
{    
    background: url("../graphic/button_img/btn_submit_s_grey_hover.png") no-repeat;
}
.submit_s_red
{
    background: url("../graphic/button_img/btn_submit_s_red.png") no-repeat;
}
.submit_s_red:hover
{    
    background: url("../graphic/button_img/btn_submit_s_red_hover.png") no-repeat;
}
/*end submit small*/
/*start submit medium*/
.submit_m_grey, .submit_m_red
{
    width: 127px !important;
}
.submit_m_grey
{
    background: url("../graphic/button_img/btn_submit_m_grey.png") no-repeat;
}
.submit_m_grey:hover
{    
    background: url("../graphic/button_img/btn_submit_m_grey_hover.png") no-repeat;
}
.submit_m_red
{
    background: url("../graphic/button_img/btn_submit_m_red.png") no-repeat;
}
.submit_m_red:hover
{    
    background: url("../graphic/button_img/btn_submit_m_red_hover.png") no-repeat;
}
/*end submit medium*/
/*start submit large*/
.submit_l_grey, .submit_l_red
{
    width: 170px !important;
}
.submit_l_grey
{
    background: url("../graphic/button_img/btn_submit_l_grey.png") no-repeat;
}
.submit_l_grey:hover
{    
    background: url("../graphic/button_img/btn_submit_l_grey_hover.png") no-repeat;
}
.submit_l_red
{
    background: url("../graphic/button_img/btn_submit_l_red.png") no-repeat;
}
.submit_l_red:hover
{    
    background: url("../graphic/button_img/btn_submit_l_red_hover.png") no-repeat;
}
/*end submit large*/




.toggle
{
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    
    width: 78px !important;
    height: 33px !important;
    
    color: #666666 !important;
    font-size: 13px !important; 
    
    background: url("../graphic/button_img/btn_toggle.png") no-repeat;       
}
.toggle.selected
{
    width: 74px !important;
    height: 30px !important;
    
    background: url("../graphic/button_img/btn_toggle_selected.png") no-repeat;
}
/**end button style**/



/** jcarousel **/

.jcarousel-list .jcarousel-container {
        /*
        -moz-border-radius: 10px;
        background: #D4D0C8;
        border: 1px solid #808080;
        */
    }
    
    .jcarousel-list .jcarousel-container-horizontal {
        width: 840px;
        padding: 0px;
    }
    
    .jcarousel-list .jcarousel-container-vertical {
        width: 75px;
        height: 245px;
        padding: 40px 20px;
    }
    
    .jcarousel-list .jcarousel-clip-horizontal {
        width:  840px;
        height: auto;
    }
    
    .jcarousel-list .jcarousel-clip-vertical {
        width:  77px;
        height: 245px;
    }
    
    .jcarousel-list .jcarousel-item {
        width: 115px;
        height: auto;
        /*border: 1px solid #fff;*/
    }
    
    .jcarousel-list .jcarousel-item:hover {
        border-color: #808080;
    }
    
    .jcarousel-list .jcarousel-item-horizontal {
        margin-right: 0px;
    }
    
    .jcarousel-list .jcarousel-item-vertical {
        margin-bottom: 7px;
    }
    
    .jcarousel-list .jcarousel-item-placeholder {
    }
    
    #horizontallCarouselContainer {
        position:relative;
        margin-left: 20px;
        
    }

/** end jcarousel **/

/* end of style2.css */

/* datepick5.css */

/* This is a very basic stylesheet for the date-picker. Feel free to create your own. */

/* Hide the input by using a className */
input.fd-hidden-input,
select.fd-hidden-input
        {
        display:none;
        }
/* Screen reader class - hides it from the visual display */
.fd-screen-reader
        {
        position:absolute;
        left:-999em;
        top:0;
        width:1px;
        height:1px;
        overflow:hidden; 
        outline: 0 none;
	-moz-outline: 0 none;
        } 
/* Disabled datePicker and activation button */
a.dp-disabled,
.dp-disabled table
        {
        opacity:.3 !important;           
        filter:alpha(opacity=40);           
        }
.dp-disabled,
.dp-disabled td,
.dp-disabled th,
.dp-disabled th span
        {
        cursor:default !important;          
        }
a.date-picker-control:focus,
div.datePicker table td:focus 
        {
        overflow:hidden;
        outline:0 none;
	-moz-outline: 0 none;
	color:rgb(100,130,170) !important;
        }
/* The wrapper div */
div.datePicker
        {
        position:absolute;        
        z-index:9999;
        text-align:center;

        /* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */
        font:900 0.8em/1em Verdana, Sans-Serif;

        /* For Example: If using the YUI font CSS, uncomment the following line to get a 10px font-size within the datePicker */
        /* font:900 77%/77% Verdana, sans-serif; */
        
        /* Or, if you prefer a pixel precision */
        /* font:900 12px/12px Verdana, sans-serif; */
        
        background:transparent;

        /* Mozilla & Webkit extensions to stop text-selection. */
        -moz-user-select:none;
        -khtml-user-select:none;                 
        }  
/* Styles for the static datePickers */
div.static-datepicker
        {
        position:relative;        
        top:5px;
        left:0;
        }
div.datePicker table
        {
        width:auto;
        height:auto;
        border-collapse:separate;         
        } 
/* Draggable datepickers */
div.datePicker tfoot th.drag-enabled,
div.datePicker thead th.drag-enabled,
div.datePicker thead th.drag-enabled span
        {
        cursor:move;
        }
/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
iframe.iehack
        {
        position:absolute;
        background:#fff;
        z-index:9998;
        padding:0;
        border:0;
        display:none;
        margin:0;
        }
/* The "button" created beside each input for non-static datePickers */
a.date-picker-control:link,
a.date-picker-control:visited
        {
        position:relative;
        /* Moz & FF */
        display: -moz-inline-stack;
        border:0 none;
        padding:0;
        margin:0 0 0 4px;
        background:transparent url(../graphic/date_picker/cal-grey.gif) no-repeat 50% 50%;
        min-width:16px;
        line-height:1;
        cursor:pointer;
        visibility:visible;
        text-decoration:none;
        vertical-align:top;         
        }
a.date-picker-control:hover,
a.date-picker-control:active,
a.date-picker-control:focus,
a.dp-button-active:link,
a.dp-button-active:visited,
a.dp-button-active:hover,
a.dp-button-active:active,
a.dp-button-active:focus
        {
        background:transparent url(../graphic/date_picker/cal.gif) no-repeat 50% 50% !important;
        }
/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
* html a.date-picker-control
        {
        width:16px;
        }
/* IE, Safari & Opera. Seperate CSS rule seems to be required. */
a.date-picker-control
        {
        display:inline-block;
        top:3px
        }
a.date-picker-control span
        {
        display:block;
        width:16px;
        height:16px;
        margin:auto 0;
        }
/* Default "button" styles */
div.datePicker thead th span
        {
        display:block;
        padding:0;
        margin:0;
        text-align:center;
        line-height:1em;
        border:0 none;
        background:transparent;
        font-weight:bold;
        cursor:pointer;
        }
/* The "month, year" display */
div.datePicker th span.month-display,
div.datePicker th span.year-display
        {
        display:inline;
        text-transform:uppercase;
        letter-spacing:1px;
        font:normal 1.2em Verdana, Sans-Serif;
        cursor:default;          
        }
/* Next & Previous (month, year) buttons */
div.datePicker th span.prev-but,
div.datePicker th span.next-but
        {
        font-weight:lighter;
        font-size:2.4em;
        font-family: georgia, times new roman, palatino, times, bookman, serif;
        cursor:pointer !important;
        }
/* Hover effect for Next & Previous (month, year) buttons */
div.datePicker th span.prev-but:hover,
div.datePicker th span.next-but:hover,
div.datePicker th span.today-but:hover
        {
        color:#a84444;
        }
/* Today button */
div.datePicker th span.today-but
        {
        text-align:center;
        margin:0 auto;
        font:normal 1em Verdana, Sans-Serif;
        width:100%;
        text-decoration:none;
        padding-top:0.3em;
        text-transform:uppercase;
        vertical-align:middle;
        cursor:pointer !important          
        }
/* Disabled buttons */ 
div.dp-disabled th span.prev-but,
div.dp-disabled th span.next-but,
div.dp-disabled th span.today-but,
div.dp-disabled th span.prev-but:hover,
div.dp-disabled th span.next-but:hover,
div.dp-disabled th span.today-but:hover,
div.datePicker th span.prev-but.fd-disabled:hover,
div.datePicker th span.next-but.fd-disabled:hover,
div.datePicker thead th span.fd-disabled,
div.datePicker th span.fd-disabled:hover
        {
        color:#aaa;
        cursor:default !important; 
        opacity:1;        
        }   
/* The mon, tue, wed etc day buttons */
div.datePicker th span.fd-day-header
        {
        text-align:center;
        margin:0 auto;
        font:900 1em Verdana, Sans-Serif;
        text-decoration:none;
        text-transform:lowercase;
        cursor:pointer;          
        }
/* The table */
div.datePicker table
        {               
        margin:0;
        padding:0;
        border:1px solid #ccc;        
        background:#fff url(../graphic/date_picker/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px;
        text-align:center;
        border-spacing:2px;
        padding:0.3em; 
        width:auto;             
        empty-cells:show;   
        border-radius:0.8em;             
        -moz-border-radius:0.8em;
        -moz-box-shadow:0px 0px 5px #aaa;               
        }
/* Common TD & TH styling */
div.datePicker table td,
div.datePicker table tbody th
        {                 
        border:0 none;
        padding:0;
        text-align:center;
        vertical-align:middle;               
        cursor:pointer;
        background:#fff url(../graphic/date_picker/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;
        width:3em;
        height:3em;   
        overflow:hidden;      
        outline:transparent none 0px;        
        border:1px solid #ccc;
        text-transform:none;         
        -moz-border-radius:2px;         
        border-radius:2px;
        }
div.datePicker table td:focus,
div.datePicker table td:active
        {
        outline:0 none red;
        }
div.datePicker table th
        {
        border:0 none;
        padding:0;        
        font-weight:bold;
        color:#222;
        text-align:center;
        vertical-align:middle; 
        text-transform:none;        
        }
div.datePicker table thead th
        {
        height:auto !important;
        }
div.datePicker table tbody th
        {                          
        border:1px solid #dcdcdc;        
        }
/* Week number display */
div.datePicker table thead th.date-picker-week-header,
div.datePicker table tbody th.date-picker-week-header
        {
        font-style:oblique;  
        background:transparent;
        cursor:default;         
        }
div.datePicker table thead th.date-picker-week-header
        {
        cursor:help;
        border:0 none;
        padding:0 0 0.2em 0;
        }
/* tfoot status bar */
div.datePicker tfoot th
        {
        cursor:default;
        font-weight:normal;
        text-transform:uppercase;
        letter-spacing:0.1em;
        border:0 none;
        background:#fff;
        height:2.8em;
        }
/* TD cell that is _not_ used to display a day of the month */
div.datePicker table tbody td.date-picker-unused
        {
        background:#fff url(../graphic/date_picker/backstripes.gif);
        border-color:#dcdcdc;          
        cursor:default !important;
        }

/* The TH cell used to display the "month, year" title */
div.datePicker table thead th.date-picker-title
        {
        width:auto;
        height:auto;
        padding:0.4em 0;
        }
/* The "mon tue wed etc" day header styles */
div.datePicker table thead th.date-picker-day-header
        {
        text-transform:lowercase;
        cursor:help;
        height:auto;
        }
/* The "todays date" style */
div.datePicker table tbody td.date-picker-today
        {
        background:#fff url(../graphic/date_picker/bullet2.gif) no-repeat 0 0;
        color:rgb(100,100,100) !important;
        }

div.datePicker table tbody td.month-out.date-picker-highlight 
        {
        color:#aa8866 !important;
        }
/* The "highlight days" style */
div.datePicker table tbody td.date-picker-highlight,
div.datePicker table thead th.date-picker-highlight
        {
        color:#a86666 !important;
        }
/* The "active cursor" style */
div.datePicker table tbody td.date-picker-hover
        {
        background:#fff url(../graphic/date_picker/bg_header.jpg) no-repeat 0 0;
        cursor:pointer;
        border-color:rgb(100,130,170) !important;
        color:rgb(100,130,170); 
        text-shadow: 0px 1px 1px #fff;                
        }
/* The "disabled days" style */
div.datePicker table tbody td.day-disabled
        {          
        background:#fff url(../graphic/date_picker/backstripes.gif) no-repeat 0 0;
        color:#aaa !important;
        cursor:default;
        text-decoration:line-through;
        } 
        
div.datePicker table tbody td.month-out 
        {
        border-color:#ddd;
        color:#aaa !important;
        background:#fff url(../graphic/date_picker/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;                             
        } 
/* The "selected date" style */
div.datePicker table tbody td.date-picker-selected-date
        {
        color:#333 !important;
        border-color:#333 !important;
        }
/* The date "out of range" style */
div.datePicker table tbody td.out-of-range,
div.datePicker table tbody td.not-selectable
        {           
        color:#ccc !important;
        font-style:oblique;
        background:#fcfcfc !important;
        cursor:default !important;              
        } 
/* Week number "out of range" && "month-out" styles */
div.datePicker table tbody th.month-out,
div.datePicker table tbody th.out-of-range
        {
        color:#aaa !important;
        font-style:oblique;
        background:#fcfcfc !important;          
        }
/* week numbers "out of range" */
div.datePicker table tbody th.out-of-range
        {
        opacity:0.6;
        filter:alpha(opacity=60);
        }  
/* Used when the entire grid is full but the next/prev months dates cannot be selected */
div.datePicker table tbody td.not-selectable
        {         
        opacity:0.8;
        filter:alpha(opacity=80);        
        }
div.datePicker table tbody tr
        {
        display:table-row;
        }
div.datePicker table tfoot sup
        {
        font-size:0.86em;
        letter-spacing:normal;
        text-transform:none;
        height: 0;
	line-height: 1;
	position: relative;
	top: -0.2em;	
	vertical-align: baseline !important;
	vertical-align: top;  
        }
div.datePicker table thead th.date-picker-day-header,
div.datePicker table thead span.month-display,
div.datePicker table thead span.year-display
        {            
        text-shadow: 0px 1px 1px #fff;                            
        }
/* You can add focus effects (for everything but IE6) like so: */

div.datepicker-focus table.datePickerTable
        {
        border-color:#999 !important;         
        }
div.datePicker table tbody tr td:focus,
div.datePicker table tbody td.date-picker-hover 
        {
        overflow:hidden;
        outline:0px solid #ff0000;        
	-moz-outline: 0 none;
	-o-highlight:0 none;
	color:rgb(100,130,170) !important;        	
        }
div.static-datepicker table
        {
        -moz-box-shadow:0 0 0 transparent;
        
        }               
div.datepicker-focus table
        {
        /* Naughty, naughty - but we add a highlight using the table's border colour */
        outline:none;
         -moz-box-shadow:0px 0px 5px #aaa;         
        }    
       *:-o-prefocus{outline : -o-highlight-border;}
 
/* INTERNET EXPLORER WOES
   ======================
   
   Hover Effects
   -------------
   
   IE cannot deal with :focus on the TR so the datePicker script adds the class "dp-row-highlight" to the
   row currently being hovered over. This should enable you to add hover effects if desired.
   
   e.g. the following rule will highlight the cell borders in another colour when a row is moused over,
   it looks like crap though so I didn't include the rule within the demo:
   
div.datePicker table tbody tr.dp-row-highlight td
        {
        border-color:#aaa;
        }
*/

/* Remove the images for Internet Explorer <= v6 using the "* html" hack  
   This is a workaround for a nasty IE6 bug that never caches background images on dynamically created DOM nodes
   which means that they are downloaded for every cell for every table - nasty! */    
* html div.datePicker table td
        {
        background-image:none;
        }
* html div.datePicker table td.date-picker-unused
        {
        background:#f2f2f2;
        }
body.fd-drag-active 
        {
        -webkit-user-select:none;
        }
/* Chrome has problems with the -webkit-box-shadow and -webkit-border-radius styles together 
   Remove one or the other to get things looking less ugly */       
@media screen and (-webkit-min-device-pixel-ratio:0) {
        div.datePicker table
                {
                border-spacing:0.3em;
                /* Naughty, naughty */
                -webkit-box-shadow:0px 0px 5px #aaa;                 
                -webkit-border-radius:0.8em;                
                }          
        div.static-datepicker table
                {
                -webkit-box-shadow:0 0 0 transparent;
                } 
        div.datepicker-focus table
                {        
                -webkit-box-shadow:0px 0px 5px #aaa;       
                }       
        div.datePicker table td,
        div.datePicker table tbody th
                {
                padding:0.1em;
                -webkit-border-radius:2px;
                }
        div.datePicker table tbody td.date-picker-hover
                {                
                -webkit-box-shadow:0px 0px 1px rgb(100,130,170);
                }       
}

/* end of datepicker_5.css */

/* header_media_queries2.css */

/*
 * CSS Media Queries styles
 * Author: http://stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries/
 */
 
#divMicroIpmartLogo {
    background-image: url('http://www.ipmart.com.my/main/lang/en/graphic/responsive/ipmart-logo@2x_2.png');
    background-size: 223px 52px;
    background-repeat: no-repeat;
}

#divSearch{
    background-image: url('http://www.ipmart.com.my/main/lang/en/graphic/responsive/search_icon.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 26px 26px !important;
    height: 26px;
}
#divCategoryArrow{
    background-image: url('http://www.ipmart.com.my/main/lang/en/graphic/responsive/category_arrow.png');
    margin-left:10px;
    margin-top:5px;
    width: 15px;
}
#divMicroPromotionHeader{
    background: url('http://www.ipmart.com.my/main/lang/en/graphic/responsive/latest_best_seller.png') no-repeat;
    background-size: 100% 100% !important;
    width: 100%;
    height: 50px;
    padding-top: 1px;
}

.clsMicroCartImage{
    background:url('http://www.ipmart.com.my/main/lang/en/graphic/responsive/trolley.png') no-repeat;
    background-size:45px 30px;
    background-position:center center;
    background-repeat: no-repeat;
}
.main_category{
    padding: 10px;
    font-weight: bold;
    color:#FFFFFF;
    background:url('http://www.ipmart.com.my/main/lang/en/graphic/responsive/search_background_1.png') no-repeat !important;
    background-size:100% 100% !important;
}
.sub_sub_category{
    padding: 10px;
    font-weight: bold;
    color:#FFFFFF;
    background:url('http://www.ipmart.com.my/main/lang/en/graphic/responsive/search_background_2.png') no-repeat !important;
    background-size:100% 100% !important;
}
.sub_sub_sub_category{
    padding: 10px;
    font-weight: bold;
    color:#FFFFFF;
    background:url('http://www.ipmart.com.my/main/lang/en/graphic/responsive/search_background_3.png') no-repeat !important;
    background-size:100% 100% !important;
}
.clsCategoryRightArrow{
    background-image: url('http://www.ipmart.com.my/main/lang/en/graphic/responsive/right_arrow.png');
    width: 13px;
}
.clsRedDownArrow{
    background: url('http://www.ipmart.com.my/main/lang/en/graphic/responsive/small_red_arrow.png') no-repeat;
    background-position: 0px 4px;
    padding-top: 2px;
    width: 15px;
}


@media all and (-webkit-min-device-pixel-ratio : 1.5) {
    #divMicroIpmartLogo {
        background-image: url('http://www.ipmart.com.my/main/lang/en/graphic/responsive/retina/ipmart-logo@2x_2.png');
        background-size: 223px 52px;
        background-repeat: no-repeat;
    }
    #divSearch{
        background-image: url('http://www.ipmart.com.my/main/lang/en/graphic/responsive/retina/search_icon@2x.png');
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 26px 26px !important;
        height: 26px;
    }
    #divCategoryArrow{
        background-image: url('http://www.ipmart.com.my/main/lang/en/graphic/responsive/retina/category_arrow@2x.png');
        background-size: 18px 15px !important;
        margin-left:10px;
        margin-top:5px;
        width: 15px;
    }
    #divMicroPromotionHeader{
        background: url('http://www.ipmart.com.my/main/lang/en/graphic/responsive/retina/latest_best_seller@2x.png') no-repeat;
        background-size: 100% 50px !important;
        width: 100%;
        height: 50px;
        padding-top: 1px;
    }
    
    .clsMicroCartImage{
        background:url('http://www.ipmart.com.my/main/lang/en/graphic/responsive/retina/trolley@2x.png') no-repeat;
        background-size:45px 30px;
        background-position:center center;
        background-repeat: no-repeat;
    }
    .main_category{
        padding: 10px;
        font-weight: bold;
        color:#FFFFFF;
        background:url('http://www.ipmart.com.my/main/lang/en/graphic/responsive/retina/search_background_1@2x.png') no-repeat !important;
        background-size:100% 100% !important;
    }
    .sub_sub_category{
        padding: 10px;
        font-weight: bold;
        color:#FFFFFF;
        background:url('http://www.ipmart.com.my/main/lang/en/graphic/responsive/retina/search_background_2@2x.png') no-repeat !important;
        background-size:100% 100% !important;
    }
    .sub_sub_sub_category{
        padding: 10px;
        font-weight: bold;
        color:#FFFFFF;
        background:url('http://www.ipmart.com.my/main/lang/en/graphic/responsive/retina/search_background_3@2x.png') no-repeat !important;
        background-size:100% 100% !important;
    }
    .clsCategoryRightArrow{
        background-image: url('http://www.ipmart.com.my/main/lang/en/graphic/responsive/retina/right_arrow@2x.png');
        background-size: 13px 15px !important;
        width: 13px;
    }
    .clsRedDownArrow{
        background: url('http://www.ipmart.com.my/main/lang/en/graphic/responsive/retina/red_arrow@2x.png') no-repeat;
        background-position: 0px 4px;
        background-size: 15px 12px !important;
        padding-top: 2px;
        width: 15px;
    }
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-width : 600px) {
    /*Header*/
    #top_bar {
        display: none;
    }
    #divDesktopMainPanel{
        display: none;
    }
    #divMicroMainPanel{
        display: block;
    }
    #divDesktopMenu{
        display: none;
    }
    #divMicroMenu{
        display: block;
    }
    #divSearchPanel{
        display: none;
    }
    #divDesktopHeightPanel{
        display: none;
    }
    #divDesktopMobileViewLink{
        display: none;
    }
    #divMicroFullModeViewLink{
        display: block;
    }
    
    /*class*/
    .responsive-container{
        width: 100%;
        margin: 0 auto;
    }
    .responsive-background-main{
        background: #FFFFFF;
    }
    .notification-container{
        width: 100%;
    }
    
    /*general*/
    input, select, textarea {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
    }
}


/* Ipads and above----------- */
@media only screen 
and (min-width : 601px) {
    /*Header*/
    #top_bar {
        display: block;
    }
    #divDesktopMainPanel{
        display: block;
    }
    #divMicroMainPanel{
        display: none;
    }
    #divDesktopMenu{
        display: block;
    }
    #divMicroMenu{
        display: none;
    }
    #divSearchPanel{
        display: block;
    }
    #divDesktopHeightPanel{
        display: block;
    }
    #divDesktopMobileViewLink{
        display: block;
    }
    #divMicroFullModeViewLink{
        display: none;
    }
    
    /*class*/
    .responsive-container{
        width: 1010px;
        margin: 0 auto;
    }
    .responsive-background-main{
        background: url(http://www.ipmart.com.my/main/lang/en/graphic/body_bg.jpg) repeat-x;
        min-width: 1040px;
    }
    .notification-container{
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        width: 1010px;
    }
    
    /*general*/
    input, select, textarea {
        /*no style*/
    }
}

/* end of header_media_queries2.css */

/* tiptip.css */

/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

/* end of tiptip.css */

/* timeToForDailyDealNotification.css */
figure, figcaption {
	display: block;
}

.transition {
    -webkit-transition: top 400ms linear;
    -moz-transition: top 400ms linear;
    -ms-transition: top 400ms linear;
    -o-transition: top 400ms linear;
    transition: top 400ms linear;
}

.timeTo {
	font-family: Tahoma, Verdana, Aial, sans-serif;
	font-size: 28px;
	line-height: 108%;
	font-weight: bold;
	height: 32px;
}

.timeTo span {
	vertical-align: top;
}

.timeTo.timeTo-white div {
	color: black;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 38%, #cccccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(38%,#ffffff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 38%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 38%,#cccccc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 38%,#cccccc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 38%,#cccccc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
.timeTo.timeTo-black div {
	color: white;
    background: #45484d; /* Old browsers */
    background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.timeTo.timeTo-black .timeTo-alert {
    background: #a74444; /* Old browsers */
    background: -moz-linear-gradient(top, #a74444 0%, #3f0000 67%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a74444), color-stop(67%,#3f0000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a74444 0%,#3f0000 67%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a74444 0%,#3f0000 67%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a74444 0%,#3f0000 67%); /* IE10+ */
    background: linear-gradient(to bottom, #a74444 0%,#3f0000 67%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a74444', endColorstr='#3f0000',GradientType=0 ); /* IE6-9 */
}

.timeTo.timeTo-white .timeTo-alert {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 35%, #e17373 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(35%,#ffffff), color-stop(100%,#e17373)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 35%,#e17373 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 35%,#e17373 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 35%,#e17373 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 35%,#e17373 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e17373',GradientType=0 ); /* IE6-9 */
}

.timeTo figure {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.timeTo figcaption {
	text-align: center;
	/*font-size: 12px;*/
	line-height: 80%;
	font-weight: normal;
	color: #888;
}

.timeTo div {
	position: relative;
	display: inline-block;
	/*width: 25px;
	height: 30px;*/
    
	border-top: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
    
	overflow: hidden;
}
.timeTo div.first {
	border-left: 1px solid silver;
}

.timeTo ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 3px;
}

.timeTo ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* end */

