﻿/*demo page css*/
/*demo page css*/
body
{ 
    margin: 0px; 
    padding: 0px; 
    font-family:Tahoma,Verdana,Arial,sans-serif; 
    font-size:14px;
    border-top:5px solid #3895EA;
    border-bottom:2px solid #3895EA;
    color:#3F3F3F;
}

H1
{
    font-size:16px;
    font-weight:bold;    
    padding:0;
    margin:0;
    color:#D3094C;
}


td
{
    vertical-align:top;    
}
#main p
{
    padding:0px 30px 10px 0px;    
}

#main strong
{
    font-weight:normal;    
}

.txt
{
    /*width:200px;   */
    border:1px solid #3895EA;
}



.btn
{
    border: 0;
    color: #3895EA;
    font-weight:bold;
    background:transparent;
    font-size:14px;
}


a,a:visited,a:active
{
    text-decoration:underline;
    color:#3895EA;
}

a:hover
{
    text-decoration:none;
    border-bottom:none;
}

#main_menu
{
  width:99%;
  height:50px;
}

#main_menu table
{
    display:inline; 
}

ul
{
    padding:0;
    margin:0;       
    display:block;
}

#main_menu img
{
    border:0;    
}

#main_menu td
{
    padding:5px 5px 5px 10px;
    margin:0;
    text-align:center;
    line-height:40px;
    color:#3895EA;
    font-size:14px;
    height:80%;
    width:15%;
    white-space:nowrap;
    background-image: url(images/menu.gif);
    background-repeat:no-repeat;
    background-position:center top;  
    font-family:Verdana,Arial,sans-serif;   
}

#main_menu td.img
{
    background:none; 
    width:1px;
    padding:0;
}

#main_menu td a
{
    text-decoration:none;
}

#main_menu td a:hover
{
    text-decoration:underline;
}

#main_menu td.current
{
    background-image: url(images/menu_current.gif);
    background-repeat:no-repeat;
    background-position:center top;    
}

#main_menu td.current a
{
    color:#D3094C;  
}


			.demoHeaders { margin-top: 2em; }
/*			#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
			#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}*/
			ul#icons {margin: 0; padding: 0;}
			ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
			ul#icons span.ui-icon {float: left; margin: 0 4px;}				

.fleft {float:left;}
.left {text-align:left;}
.fright {float:right;}
.right {text-align:right;}

table 
{border:0px;}

select 
{
    
    width:200px;
}

#header
{
    width:100%;
    height:350px;
    background-image: url(images/shop.jpg);
    background-repeat:no-repeat;
    background-position:right bottom;  
    color: #66434F; 
    font-size:12px;
}

#morlin
{
   
    height:260px;
    background-image: url(images/morlin.gif);
    background-repeat:no-repeat;
    background-position:left top; 
    
}

#morlin a 
{
    color: #66434F; 
}

#morlin div
{
    padding-top:125px;
    padding-left:30px;
    cursor:pointer;
}

td#morlin
{
    vertical-align:top;    
}

td#cart
{
    vertical-align:top;    
}


#cart
{
    height:230px;
    width:220px;
    
}



#left_menu
{
    width:220px;    
}

#left_menu a
{
    text-decoration:none;    
}

#left_menu a:hover
{
    text-decoration:underline;    
}

#left-menu div
{
    padding-bottom:10px;
}

#left_menu ul
{
    padding-bottom:20px;
    padding-left:40px;
}


#left_menu H1
{
    background-repeat:no-repeat;
    background-position:left top;
    padding-left:40px;
    padding-top:10px;
    padding-bottom:5px;
    position:relative;
    left:-20px;
}

.blue
{
    border-left:20px solid #3895EA;
    color:#3895EA;
}

.blue a
{
   color:#3895EA;    
}

.yellow
{
    border-left:20px solid #F7CC00;
    color:#F7CC00;
}

.yellow a
{
    color:#F7CC00;
}


.red
{
    border-left:20px solid #D10043;
    color:#D3094C;
}

.red_bg
{
 color:#D3094C;    
}

.required
{
     border-left:1px solid #3895EA;
     border-top:1px solid #3895EA;
     border-right:1px solid #D10043;
     border-bottom:1px solid #D10043;
}


.red a
{
    color:#D3094C;
}

.blue H1
{
    background-image: url(images/left_star_1.gif);
    color:#3895EA;
   
}

.yellow H1
{
    background-image: url(images/left_star_3.gif);
    color:#F7CC00;
   
}

.red H1
{
    background-image: url(images/left_star_2.gif);
    color:#D3094C;
   
}


.blue ul
{
    list-style-image: url(images/bullet_1.gif);  
}

.yellow ul, .main ul, .ui-widget ul
{
    list-style-image: url(images/bullet_3.gif);  
}

#main ul
{
    z-index:100;
    position:relative;
}

#main img
{
    z-index:99;
    position:relative;
}
.red ul
{
    list-style-image: url(images/bullet_2.gif);  
}




.login
{
    margin-top:130px;
    margin-left:40px;
}

.login input
{
    border:1px solid #F7CBB9;
    /*width:120px;    */
}

.login .btn
{
    color: #D3094C;
    text-align:left;
    padding-left:0;
    margin-left:0;
    width:60px;
    border:0;
}

.del
{
    color: #D3094C;
    text-align:left;
    padding-left:0;
    margin-left:0;
    border:0;
    background:#fff;
    font-weight:bold;
}

#footer_menu
{
    margin:5px 0;
    padding:5px;
    background: #F9D8CD;    
    height:20px;
    color:#66434F;
    
}

#footer_menu a
{
    color:#66434F;
}

#footer_menu ul
{
    display:inline; 
}


#footer_menu li
{
    list-style:none;
    float:left;
    display:inline;  
    padding:3px 20px;
    margin:0;
    text-align:center;
    color:#66434F;
    font-size:12px;
}

#footer_menu li a
{
    color: #D3094C;
    text-decoration:none;
}

#footer_menu li a:hover
{
    text-decoration:underline;
}

#footer_menu div
{
    width:220px;
    padding:0 40px;
}

#footer_content
{
    color:#878586;
    font-size:12px;
    margin:5px 0;
    padding:5px 5px 5px 45px;
}

#footer_content img
{
    border:0;    
}

#footer_content a
{
     color:#878586;
}

#footer_content ul
{
    display:inline; 
}


#footer_content li
{
    list-style:none;
    float:right;
    display:inline;  
    padding:3px 20px;
    margin:0;
    text-align:right;
}


.path
{
    display:block; width:100%;
}

.path ul li
{
    list-style:none;
    float:left;
    display:inline;  
    padding:3px 20px 3px 0px;
    margin:0;
    text-align:right;
    color:#3895EA;
    font-weight:bold;
    line-height:20px;
    background-repeat:no-repeat;
    background-position:right center;
    background-image: url(images/arrow.gif);
}

.path ul li a
{
    text-decoration:none;    
}

.path ul li a:hover
{
    text-decoration:underline;    
}


.path ul li.current
{
    color: #D10043;
    font-size:16px;
    background:none;
    
}

td#right_menu
{
    text-align:right;
    vertical-align:top;    
    padding-right:10px;
    padding-left:20px;
    width:190px;
}
#right_menu H1
{
    padding-right:50px;
    padding-top:12px;
    padding-bottom:10px;
    color:#D10043;
    background-repeat:no-repeat;
    background-position:right bottom;
    background-image: url(images/star.gif);
}

.news H1
{
    background:none;
    background-image:none!important;
    padding-right:10px!important;
}

.dialog_link, .pseudo, #draft .showhide, .ui-widget-content .showhide
{
    border-bottom-style:dashed;
    border-bottom-width:1px;
    cursor:pointer;
    text-decoration:none!important;
}

#draft .showhide
{
	border-color: #D3094C;
}

.dialog, .invisible
{
    display:none;    
}

.absolute
{
    position:absolute;
    z-index:100;
    top:50px;
    right:0px;
    width:200px;    
}

img
{
border: 1px solid #3F3F3F;    
}

img.fleft
{
    margin:0px 10px 5px 0;    
    border: 1px solid #3F3F3F;
}

.ui-state-highlight, .ui-state-error
{
    text-align:left;    
}

.border-left-blue
{
        border-left: 1px solid #3895EA;
}

.border-right-blue
{
        border-right: 1px solid #3895EA;
}

.border-bottom-blue
{
        border-bottom: 1px solid #3895EA;
}

.border-top-blue
{
        border-top: 1px solid #3895EA;
}

.border-blue
{
        border: 1px solid #3895EA;
}

.border-red
{
        border: 1px solid #D3094C;
}
.b
{
	font-weight:bold;
}

.color-example
{
    width:40px;
    height:40px;    
    cursor:pointer;
}
a.default-button, a:visited.default-button, a:active.default-button, .default-button
{
    cursor:pointer;
    line-height:1.4em;
    margin:0.5em 0.4em 0.5em 0;
    overflow:visible;
    padding:0.2em 0.6em 0.3em;
    width:auto;
    background:#3895EA url(images/ui-bg_glass_45_3895EA_1x400.png) repeat-x scroll 50% 50%;
    font-family:Tahoma!important;
    border:1px solid #77D5F7;
    color:#ffffff;
    font-weight:bold;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:medium;
    text-decoration:none;
    font-size:12px!important;
}



.default-button-hover, a:hover.default-button
{ 
    border: 1px solid #D3094C; 
    background: #D10043 url(images/ui-bg_glass_75_D10043_1x400.png) 50% 50% repeat-x; 
    outline: none; 
}
    
.price
{
    width:71px;
    height:71px;
    background:url(images/price.gif) no-repeat;
    position:absolute;
    z-index:102;
    text-align:center;
    color:#D3094C;
}

.filter_icon
{
    position:absolute;
    z-index:51;

    
}

.filter_icon img
{
    border:0px;    
}

.filter label
{
    color:#3F3F3F;
}

.price span
{
    padding:20px 0 0 0;
    display:block;    
}
.vitr
{
    padding:10px 0 0 30px;    
}

.main img
{
    margin:0px 10px 5px 0;    
    border: 1px solid #3F3F3F;
}

.preload
{
    cursor:pointer;    
}

.pager
{
    background: #3895EA;
    color:#fff;
}

.filter
{
    background: #F9D8CD;
    color:#D10043;
    padding:2px;
    position:relative;
    left:6px;
    margin-bottom:10px;
    z-index:50;
}

.filter th
{
	color:#D10043;
}

.total
{
    background:inherit;
    padding:4px;
}

.product_filter
{
    background: #9CCAF5;
    padding:2px;
}

.filter ul
{
    list-style:none!important;
    list-style-image:none!important;
    margin-left:5px;
}

.filter li
{
    padding:3px 10px;    
}

.filter .alternative
{
    background:#FCECE6;
}

.product_filter .alternative
{
    background:#fff;
}

.filter_content
{
      border:1px solid #fff;  
      position:relative;   
      z-index:51;
      /*color:#3F3F3F;*/
}

.filter_content
{
    margin:0!important;    
    padding:5px;
}

.filter table
{
    position:relative;   
      z-index:51;
}


.pager div
{
    border: 1px solid #9CCAF5;
    padding:1px 10px 4px 10px;    
}

.pager .current
{
    font-size:16px;
    font-weight:bold;    
    padding:0px 3px;
}

.pager a
{
    color:#fff;
    padding:0px 3px;
}

.pager a.prev
{
    padding:0 15px;
    margin-right:7px;
    background:url(images/arrow_1.gif) no-repeat right;
    
}

.pager a.next
{
    padding:0 15px;
    margin-left:7px;
    background:url(images/arrow_2.gif) no-repeat left;
    
}

div.pager
{
  border: none;  
  padding:1px;
  width:50%;
}

.product_details
{
    margin-left:25px;
}

.ui-tabs-nav
{
    background:none!important;
    border:0!important;    
}

.ui-tabs 
{
     border:0!important; 
}

.size table
{
    border-collapse:collapse;
}

.size table td,.size table th
{
    border: 1px solid #3895EA;  
    border-collapse:collapse;
    padding:5px;
}
.ui-tabs-panel
{
    border:1px solid #3895EA!important;
}

.ui-tabs-selected
{
         background:none!important;
         color: #D3094C!important;
         font-weight:bold!important;
         border:1px solid #3895EA!important;
         background:#fff!important;
}

.ui-tabs-selected a 
{
         color: #D3094C!important;
         font-weight:bold!important;
         
}

.qty
{
    border:1px solid #3895EA;
    width:50px;
}

.filter .header
{
    background:#fff;
    margin-top:2px;    
    padding:5px 7px;
}

.draft_item
{
	padding-bottom:	7px;
	font-size:12px;
}

.lollipopOverlay
{
	display:none; 
	position:fixed; 
	z-index:9999; 
	top:0px; 
	left:0px; 
	height:100%; 
	width:100%; 
	background-color:#000; 
	filter:alpha(opacity=25); 
	-moz-opacity:0.25; 
	opacity:0.25;
}
.lollipop
{
	display: none; 
	text-align: center; 
	position: fixed; 
	top: 300px; 
	padding:0;
	margin:0;
	margin-left: 40%; 
	z-index: 10000;
}
.loadingAnimationHolder
{
	border: solid 1px #3895EA;
	background-color: white;
	vertical-align: middle;
	text-align: center;
	display: block;
	padding: 5px;
}

.loadingAnimationHolder img
{
	border:none!important;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}
#tooltip h3, #tooltip div  
{
    margin: 0;
    font-size: 12px!important;
	font-weight:normal!important;
    }


.filter_table input,.filter_table select
{
	border-color:Gray;	
}

.checked_item, .checked_item_b
{
	color:#3895EA;
	border-bottom-style:dashed;
    border-bottom-width:1px;
    cursor:pointer;
    text-decoration:none!important;
    font-weight:normal;
}
.checked_item_b
{
	font-weight:bold;
}