@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900&subset=latin,latin-ext);



/* RESET */

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;font-weight:normal;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}



body {
background:#f3f7f8;
font-family:Arial;
font-size:10pt;
color:#575757;
}
a {
    color:#69B1FF;
    text-decoration:none;
}

#sidebar a {
     color:#2D7FC2;
    
  }
a:hover {
    text-decoration:none;
    color:#ff5000;
}

.product_item, .title a, .menu *
{
 -moz-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.replace, .paging, #sidebar,  .menu, button, .button, input, select, textarea, h1, h2, h3, h4, .btnMid, .btnMinLow, .btnLong, .btnBig, .btnMidLow, #producerBar a, th 
{
font-family: 'Source Sans Pro', sans-serif;
}


.paginationControl
{
padding-bottom:25px;
font-size:0.8em;
}

#wrapper {
    width:1100px;
    margin:0 auto;
    background:#fff;
    padding:0 38px;
    
    padding-bottom:25px;
    position:relative;

    
}


 
.pageLeft {
	width:530px;
	float:left;
}

.pageRight{
	width:530px;
	float:right; 
}


.menu {
    list-style: none;
	padding: 0;
	padding-left:20px;
	margin: 0;
	background:#2d7fc3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
	font-size:1.2em;
}






	
.menu  li {cursor:pointer;position: relative; display:inline-block; height:50px;line-height:50px;padding:0px 15px;margin:0px;}
.menu  li a {color:#fff;}
 
 
.menu  li.xover { background:#1f5e93;}

.menu  li ul  {
	display:none;
 	list-style: none;
 	 z-index: 1000;
	 position: absolute !important; 
	  top: 50px;
	    left: 0; /* dropdown left or right */
	     min-width: 200px;
	    background:#1f5e93;	  
	    padding: 0px;
	    margin:0px;
	   
	-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
	    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
	       -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
	            box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
}     

.menu  li  ul  li  {
height:auto;line-height:100%;
padding:9px 15px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
font-size:0.9em;
cursor:pointer;
margin:5px auto;
width:90%;
display:block;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
}

.menu  li  ul  li a  {display:inline-block;}

.menu  li  ul  li:hover  {background:#004781;}
.menu  li  ul  li a {color:#fff;}

     




#leftBg {
    height:430px;
    width:276px;
    position:absolute;
    top:0;
    left:-268px;
    background:url(/public/images/default/leftBg.jpg);
    
}
#rightBg {
    height:430px;
    width:276px;
    position:absolute;
    top:0;
    right:-268px;
    background:url(/public/images/default/Bg.jpg);
    
}
#logo {
    padding:25px 0 0 0;
    float:left;
}


#header
{
background:url(/public/images/default/header.png) 30% 50% no-repeat;
height:156px;
}


#accountBox {
    float:right;
    width:110px;
    margin-left:10px;
    margin-right:20px; 
    position:relative;
    margin-top:40px;
}


#account {
    position:absolute;
    top:26px;
    left:0px;
    height:35px;
    width:104px;
        background:url(/public/images/default/account-bttn.png) no-repeat left top;
        overflow:hidden;
}
#account:hover {
    background-position:bottom left
}
#account:hover a {
    background-position:center right;
}
#account:hover a:hover {
    background-position:bottom right;
}
#account div {
    padding:10px 0 10px 0 ;
}
#account a {
    height:15px;
    width:90px;
    font-weight:bold;
    color:#616161;
    text-shadow:0px 1px 0px #fff;

    font-size:11px;
padding-right:14px;

    margin:0 -14px 0px 0;
    text-align:center;
    display:block;
            background:url(/public/images/default/arrow-bttn-right.png) no-repeat top right;
    
}



#basketBox {
        float:right;
    width:170px;
    margin-left:10px;
    margin-right:00px; 
    margin-top:40px;
}

#basket {
    width:170px;
    height:35px;
    line-height:35px;
    background:url(/public/images/default/basket-bg.png) no-repeat;
    position:relative;
     font-weight:bold;
    color:#616161;
    text-shadow:0px 1px 0px #fff;

    font-size:11px;
}

#basket .priceTop {
    color:#ff0000;
    width:75px; 
    background:url(/public/images/default/separator.png) no-repeat top right;
    top:0;
    left:0;
    height:35px;
    line-height:35px;
    text-align:center;
    padding:0px 5px;
    display:block;
    position:absolute
}

#basket .basketTop {
    

    
    width:70px; 
    top:0;
    right:13px;
    height:35px;
    line-height:35px;
    text-align:center;

    display:block;
    padding:10px 0 ;
    position:absolute;


}
    #basket .basketTop  a {
        
        font-weight:bold;
    color:#616161;
    text-shadow:0px 1px 0px #fff;
     background:url(/public/images/default/arrow-bttn-right.png) no-repeat center right;
     height:15px;
     line-height:15px;
     padding-right:10px;
     display:block;
     margin-right:-20px;
    font-size:11px;
        
    }
        #basket .basketTop  a:hover {
     background:url(/public/images/default/arrow-bttn-right.png) no-repeat bottom right;  
        }
        
    
#searchBox {
    width:100%;  
    
}

#searchBox p {margin-bottom:10px;color:#96CAE2;}
    
#searchTxt, #basketTxt, #accountTxt { 
    color:#2d7fc2; font-size:14px; margin-bottom:10px;}
    
    .searchInput { 
        width:290px;
        float:left;
        
    }
    #searchBttn {
       float:right;
        width:20px;
    }
       
            
h1 {
	
 font-size:18px;
 padding-bottom:10px;
 margin-bottom:15px;
 margin-right:-9px;
 margin-top:8px;
 font-size:2em;
}

h2 { font-size:16px;
	font-size:2em;
 	padding-bottom:10px;
}

h3{
	font-size:1.4em;

 padding-bottom:10px;

    
}


#sidebar h3  span{
    display:inline-block;
    height:10px;
    margin-left:15px;
    margin-top:0px;
    
    width:10px;
    background:url(/public/images/default/sidebar-arrow.png) no-repeat center bottom;
    
    
}

#sidebar h3 {
     border-bottom:1px solid #d6d5d5;
     margin-bottom:15px;
}


#producerBar {
    height:51px;
    background:url(/public/images/default/menuRepeat.png) repeat-x;
    position:relative;
    overflow:hidden;

}


#producerBar ul {
    width:1100px;
    padding-left:8px;
    margin:0;
    height:51px;
    background:url(/public/images/default/menuLeft.png) no-repeat top left;
}

#producerBar ul  li {
    
    float:left;
    list-style:none;
    background:url(/public/images/default/menuSeparator.png) no-repeat top right;
    height:51px;
    line-height:51px;
    padding:0 13px; margin:0 5px;
}
#producerBar ul  li a {
    
    color:#fff;

    text-decoration:none;
    }
#producerBar .close {
    height:51px; 
    position:absolute;
    top:0;
    
    right:0px;
    width:8px;
    background:url(/public/images/default/menuRight.png) no-repeat top right;
}  


#sidebar {
    
    width:345px;
    float:left;


    
}

#sideBack {

        background:url(/public/images/default/sidebar-bg.png) right repeat-y;
    padding:30px 15px 15px 0;

}


#sidebar ul {
    margin:0;
    padding:0;
    
}
#sidebar ul li {
    list-style:none;
    margin:0;
    padding:0;
    line-height:25px;
    font-size:1.2em;
    padding-left:20px;
    background:url(/public/images/default/sidebar-li-off.png) no-repeat left top;
} 



#sidebar ul li.menuOver1 {
    background:url(/public/images/default/sidebar-li-on.png) no-repeat left top;
    
    
}
#sidebar ul li.menuOver1 a {color:#f58f1e;font-weight:bold;}

#sidebar ul li.menu2{
    
    margin-left:20px;
    font-weight:normal;
    background:url(/public/images/default/sidebar-li-menu2-off.png) no-repeat left top; 
}
#sidebar ul li.menu2 a{
 color:#0072bc   
}
#sidebar ul li.menuOver2 a{
    color:#0054a6;
}
#sidebar ul li.menuOver2 {
    margin-left:20px;
    background:url(/public/images/default/sidebar-li-menu2-on.png) no-repeat left top;
    font-weight:bold;text-decoration:underline;
}


#sidebarFooter {
    border-top:1px solid #e4e4e4;
    padding-top:25px;
    margin-right:3px;
}


#mainbar, #contentShopSub
{
float:right;
padding-top:35px;
width:720px;
position:relative;
overflow:hidden;
}

.sliderContainer{
    width:720px;
    margin:0px 0 0 0 ;
    height:350px;
    overflow:hidden;    
    z-index:1;
    margin-bottom:30px;
    position:relative;  
}



#slider{height:350px;overflow:hidden;width:720px; z-index:1;}
#slider div{height:350px;overflow:hidden;width:720px;z-index:1;}
            
         .pagerBxControl {
             position:absolute;
             bottom:20px;
height:14px;
             padding-top:2px;
             padding-right:20px;
             z-index:200;

background:#fff;
             background:url(/public/images/default/topMenuBg.png);            left:0px;
             width:700px;
         }
         
         .rightArrow, .pagerBxContainer, .leftArrow {
             float:right;
         }
         .rightArrow, .leftArrow{
             height:14px;
             display:block;
             width:15px;
             margin-left:5px;
             cursor:pointer;
             background:url(/public/images/default/arrow-bttn-right.png) center center;
         }
         
         .leftArrow {

              background:url(/public/images/default/arrow-bttn-left.png) center center;
         }
         .pager-link {
             height:11px;
             width:11px;
             margin-left:5px;
             margin-top:2px;
             display:block;
             float:left;
             text-indent:-9000px;
             background:url(/public/images/default/slider-bullet.png) no-repeat bottom left;
         }
         .pager-link:hover, .pager-active {
             background:url(/public/images/default/slider-bullet.png) no-repeat top right; 
         } 



.product_item {
    height:250px;
    width:169px;
    float:left;
    margin-right:12px;
    position: relative;
    margin-bottom:20px;
    overflow:hidden;
    position:relative;
   
    
   /* background:url(/public/images/default/product-item-bg.png) no-repeat;*/
}

.over {
    position:absolute;
    bottom:65px;
    right:4px;
    height:36px;
    width:33px;
    background:url(/public/images/default/over.png) no-repeat bottom center;
    z-index:50;
}

.product_item:hover .over {
     background:url(/public/images/default/over.png) no-repeat top center;
}
.product_item:hover {
    background-position: bottom;
    cursor:pointer;
}


.product_item img {
    position: absolute;top:44px;left:4px; border-radius:2px;
    
}

.desc {
    position: absolute;
    top:50px;
    left:165px;
    width:150px;    
}

.product_item .title {position:absolute;top:0px;left:0px;width:169px;text-align:center;}
.product_item .title a {color:#202020;font-size:1em;font-weight:bold;}

.last-price{text-decoration:line-through;color:#e22d26;}

.product_item .price {
bottom:25px;right:0px;
text-align:right;
position:absolute;
color:#ff0000; 
font-size:1.3em;
font-weight:bold;

}
.product_item:hover .title a {color:#f58f1e;}
.product_item .price span {font-size:7pt;font-weight:normal;}


.product_item .last-price 
    {
    color:#aaa;
    text-decoration:line-throught;
    position:absolute;
    bottom:25px;
    left:10px; 
    
    }

.mRight  {
    left:60px !important;
    width:106px !important;
}
.order {position:absolute;right:0px;top:25px;font-size:11pt;}

.topBar {
    border-top:1px solid #d6d5d5;
    height:40px; 
    margin-top:12px;
}
.locationPath {
}


.backBtn {
    float:left;
    padding-left:10px;
    height:11px;
    line-height:11px;
    color:#616161;
    font-size:11px;
    cursor: pointer;

    padding-right:13px;
    background:url(/public/images/default/locationL.png) no-repeat left center;
}

.path {
    float:left;
    background:url(/public/images/default/locationI.png) no-repeat left center;
    height:11px;
    padding-left:13px;
    line-height:11px;
    color:#616161;
    font-size:11px;

    
}
.path a, .path span{
    display:block;
    float:left;
    color:#616161;
    padding-right:13px;
    margin-right:13px;
    background:url(/public/images/default/locationR.png) no-repeat right center;
}
.path span{
    background:none;
}

.imagesArr img {
    border-radius:4px;
    moz-border-radius:4px;
}








#footerWrapper {
    padding-top:20px;
    height:234px;   
}

#footer
{
width:1100px;
margin:auto; 
}


#footer .column {width:170px;float:left;margin-top:10px;}
#footer .column h3 {color:#4c5a5d;}

#footer .column ul {margin: 0; padding:0;}
#footer .column ul li{margin:0; padding:0 0 5px 0; list-style:none;}
#footer .column ul li a {color:#7b8d91;font-size:8pt;}



#facebook
    {   
    width:232px;
    height:420px;
    background: url(/public/images/fb.png) no-repeat; 
    display:block;
    right:-205px;
    padding:0;position:fixed;top: 170px;z-index:1002;cursor:pointer;
}



 
table.form {width:100%;}
table.form td {padding:14px;text-align:left;vertical-align:center;background:#FAFAFA;}
table.form th {padding:10px;text-align:left;background:#eff4fb;font-size:12pt;color:#2d7fc2;margin:0px;text-shadow: 1px 1px 0px #f9f3df;}





div.msg_error 
{
    padding:12px;
    margin:10px 0px 10px 0px;
    background:url('../images/default/icons/error.png') 20px 15px no-repeat;
    background-color:#FBE3E4;
    color:#D12F19; 
    border:1px solid #FBC2C4;
    padding-left:50px;
}

div.msg_info 
{
    padding:12px;
    background:url('../images/default/icons/info.png') 20px 15px no-repeat;
    background-color:#dbedf6; 
    color: #0b384f; 
    border:1px solid #aecad9;
    margin:10px 0px 10px 0px;
    padding-left:50px;
}

div.msg_notice
{
    padding:12px;
    background:url('../images/default/icons/info.png') 20px 15px no-repeat;
    background-color:#FFF6BF; 
    color: #817134; 
    border:1px solid #FFD324;
    margin:10px 0px 10px 0px;
    padding-left:50px;
}


input.error,select.error,textarea.error 
{
    border:1px solid #a0433f;
    background-color:#ffe1df;
    color:#72221e;
    font-size:9pt;
    
      
}
table.listing {width:100%;border-collapse:collapse;margin:0px;}
table.listing tr.two td{text-align:center;padding:7px;background:#fafafa;}
table.listing tr.one td{text-align:center;padding:7px;background:#eaf1fa;}
table.listing tr.total td{ padding:7px;background-color:#fff;color:#e86e00;font-size:16pt;}
table.listing th{ text-align:center;padding:12px;font-size:8pt;color:#fff;border-bottom:1px solid #3e5a86;background:#5882c2;}


input, textarea, select {
    padding:8px;
  
    border:1px solid #eee;
    background:#fbfaf9;
    color:#345378;
    
    
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; 
	font-size:1.1em;	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */

}


label.error {display:block;width:auto;font-size:7pt;background:#a0433f;font-family:arial;
    color:#fff;padding:3px;-webkit-border-radius: 3px; /* Safari, Chrome */
    -khtml-border-radius: 3px;    /* Konqueror */
    -moz-border-radius: 3px; /* Firefox */

    width:150px;
    }


button,.button, .btnMidLow, .btnMid, .btnBig,.btnLong, .btnMinLow, .paging  {
    
-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:1.1em;
	padding:8px 14px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;

    
      
}

button:hover, .btnMinLow:hover, .btnMidLow:hover,.btnLong:hover, .btnMid:hover, .btnBig:hover, .btnBuy:hover {
   	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
    
}






.grey  {

	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	border:1px solid #dcdcdc;
	cursor:pointer;
	color:#666666;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.grey:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}