@charset "utf-8";
/* CSS Document */

/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset {
	outline:0px;
	
	margin: 0px;
	padding: 0px;
}
img, fieldset {
	border: 0;
}
/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto;
	 /* ie8 */
}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {


	display: block;
}
.clear {
	clear:both;
}
h3 {
	color:#117e9b;
	font-size:23px;
	font-family: 'HelveticaNeueLTStdMedCnRg';
	line-height:21px;
	font-weight:lighter;
	margin:8px 0px;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#4c4e4e;
	font-weight:normal;
	line-height:30px;
}

h5{
	font-family:benchninebold;
	font-size:38px;
	color:#666666;
	font-weight:normal;
	line-height:67px;
	text-transform:uppercase;}
/************************************************************************************
GENERAL STYLING
*************************************************************************************/


body{
	background: url(../images/mbg.jpg) #f1f1f1 repeat-x top;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.Clear{
	clear:both;}
#container{
	width:1132px;
	margin:0px auto;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;}
	
#Header{
	margin-top:27px;
	background:url(../images/headerbg.jpg) repeat-x top;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	border-bottom:1px solid #d6d6d6;
	padding:38px;}
#Nav{
	display:block;
	border-top:1px solid #fff;
	margin-bottom:14px; /*20px;*/
	background:url(../images/navbg.png) repeat-x;
	list-style:none;
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
			
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;		
			
			}
#Nav li{
	display:block;
	border-right:1px solid #fff;
	border-left:1px solid #c7c7c7;
	float:left;
	}
#Nav li a{
	color: #666666;
    display: block;
    font-family:benchninebold;
    font-size: 20px;
    line-height: 60px; 
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 158px;
    }
	
#Nav li a:hover{
	color:#E87629;}
	
.ritborder-deductor{
	border-right:0px !important;}
	
.Leftborder-deductor{
	border-left:0px !important;}
	
	
	
	
	
#banner{
	/*height:319px; 400*/
	background:url(../images/bannerbg.jpg) repeat-x top;
	border-radius:6px;
	margin-bottom:-15px; /*20px;*/
	text-align:center;
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
			-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;}
			
			
#content-wraper{
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	margin:0px;}
	
#leftSection{
	 float:left;
	 width:838px;
}

#fulldiv{
	}
	
.Lititle{
	float:left;}
	
.LIrefresh{
	float: right;
    margin-left: 12px;
    margin-top: 26px;}

.LIrefresh img{
	cursor:pointer;}
.LiSearch{
	float: right;
    margin-left: 15px;
    margin-top: 25px;}

.LiSearch > input{
	background: none repeat scroll 0 0 #505050;
    border: 1px solid #666666;
    color: #EEEEEE;
    padding: 3px;
    width: 150px;}
.LIlist{
	float:right;
	margin-top:24px;
	background:#505050;}
.LIlist > select{
	background: none repeat scroll 0 0 #505050;
    border: 1px solid #666666;
    color: #EEEEEE;
    padding: 3px;
    width: 150px;}
	
.StockListtbl{
	}
.StockListtbl tr th{ 
	background: url(../images/hdbg.jpg) repeat-x top;
	color:#fff;
	font-weight:bold;
	line-height:30px; 
	padding:0px 5px;
	font-size:13px;}
.StockListtbl tr:nth-child(even) {background: #CCC}
.StockListtbl tr:nth-child(odd) {background: #bbbbbb}	

.StockListtbl tr td h5{  
	font-size:13px;
	font-weight:bold;
	margin:0px;
	line-height:inherit;
	font-family:Arial, Helvetica, sans-serif;
	white-space:pre-wrap;
	color:#rgb(54, 54, 54);
	
	}
.StockListtbl tr td p{
	font-size:12px;
	color:rgb(54, 54, 54);
	white-space:pre-wrap;}	
.StockListtbl tr td{  
	font-size:13px;
	margin:0px;
	line-height:inherit;
	padding:3px;
	line-height:20px;
	color:rgb(54, 54, 54);
	
	
	}
.StockListtbl > tr > td > p{
	font-size:12px;
	
	}	
.SearchbyCat{
	float:right;
	margin-top:5px;
	}
	
#rightSection{
	float:right;
	width:273px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;}	
.sectionheader{
	
	background:url(../images/hdbg.jpg) repeat-x top;
	line-height:68px;
	height:68px;
	display:block;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	font-size:34px;
	color:#fff;
        margin-top: 35px;
	font-family:benchninebold;
	padding:0 15px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;}
	
	
	
	
#Category{
	background:#e9e9e9;
	margin-bottom:20px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

#Latest{
	background:#e9e9e9;
	margin-bottom:20px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
	
.catlist{
	background:#fff;
	height:117px;
	float:left;
	width:188px;
	border:1px solid #c7c7c7;
	margin-right:15px;
	margin-bottom:15px;
	position:relative;
	text-align:center;
	overflow:hidden;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	}
.catlist img{
	/*margin-top: 13px;*/
    width: 190px;
}
.catlist span{
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:5px;
	color:#000;
	background:#c7c7c7;
	right:0px;
	bottom:0px;
	line-height:25px;
	left:0px;
	height:25px;
	text-align:left;
	}



.innerpadding{
	padding:15px;
	overflow:auto;
	text-align:justify;
	}
.arrivals{
	background:#fff;
	height:222px;
	float:left;
	width:190px;
	padding:10px;
	border:1px solid #c7c7c7;
	margin-right:15px;
	margin-bottom:15px;
	position:relative;
	text-align:center;
	overflow:hidden;
	
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;}
	
.arrivals img{
	/*width:100%;*/
}
	
.itemName{
	font-size:16px;
	color:#424242;
	line-height:26px;
	text-align:center;}
.itemPrice{
	font-size:18px;
	color:#e87629;
	text-align:center;}
.Readmore{
	background: none repeat scroll 0 0 #2A2A2A;
    color: #FFFFFF;
    display: block;
    float: left;
    line-height: 32px;
    margin-top: 5px;
    text-align: center;
    text-decoration: none;
    width: 105px;
	-webkit-transition:ease-in;}
	
.arrivals:hover{
	border:1px solid #e87629;
	}
	
.arrivals:hover .Readmore{
	background:#e87629;}
	
	
.sodledlgo{
	border:1px solid #d1d1d1;
	padding:1px;
	text-align:center;
	margin-bottom:15px;
	background:#fff;
	
	
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;}
	
.NewsandEvents{
	
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	}
.newsBox{
	border-bottom: 1px solid #D4D4D4;
    margin-bottom: 0px;
    padding: 10px 0;

	
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;}
	
.Month{
	font-size:14px;
	text-transform:uppercase;
	color:#666;
	}
.NTitle{
	font-size:14px;
	text-transform:uppercase;
	color:#e97b2b;
	}
.NNN{
	color: #666666;
    font-size: 12px;
    line-height: 20px;
    margin: 20px 0;}
.NMore{
	margin-top:10px;
	text-align:center;
	color:#fff;
	font-size:12px;
	text-decoration:none;
	line-height:25px;
	display:block;
	width:85px;
	background:#e97b2b;
	text-transform:uppercase;}
	
	
#footer{
	background:#e6e6e6;
	padding:15px;	
	height:100px;
	
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;}
.FootNav{
	float:left;
	display:block;
	}
.FootNav a{
	color:#666;
	text-decoration:none;
	line-height:20px;
	border-right:1px solid #666;
	padding:0px 20px;
	font-size:12PX;
	float:left;
	display:block;
	}
	
.ritmargindeductor{
	margin-right:0px;}
.bottommargindeductor{
	margin-bottom:0px;}
.bottom-border-deductor{
	border-bottom:0px none;
	margin-bottom:0px;}
	
	
	
.ContactSectionLeft{
	float:left;
	width:535px;
	
	}
	
.ContactSectionRight{
	float:right;
	width:535px;
	
	}
.Contact_name{
	font-size:15px;
	font-weight:bold;
	color:#E87629 !important;
	font-family:Arial, Helvetica, sans-serif;}	
	
.contactAddress{
	color:#666;
	line-height:25px;
	font-size:17px;}	
	
	
.frmss{
	font-size:12px;
	color:#666;
}
	
.txt, .selects{
	width:100%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	padding:5px;
	color:#666 !important;}
	
.txtarea{
	width:100%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	padding:5px;
	height:100px;
	resize:vertical;}
.inputbttn{
	background: none repeat scroll 0 0 #E87629;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    outline: 0 none;
    padding: 8px;
    width: auto;}
	
	
	
.gallery { list-style: none; padding: 0; margin: 0; }
.gallery:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.gallery li { float: left; width: 33.33333333%; }
.gallery li a { display: block; margin: 5px; border: 1px solid #3c3c3c; }
.gallery li img { display: block; width: 100%; height: auto; }


/* For inline examples only */
#PhotoSwipeTarget { width: 100%; height: 200px; }

#Indicators { text-align: center; margin-top: 20px; }
#Indicators span { display: inline-block; height: 10px; width: 10px; margin: 0 10px 0 0; padding: 0; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; background: #c5c5c5; overflow:hidden; }
#Indicators span.current{ background: #EEBF02; }

   
   
<!-- developer style -->    
#loading{
	width: 100%;
	position: absolute;
	top: 100px;
	left: 100px;
	margin-top:200px;
}
#container .pagination ul li.inactive,
#container .pagination ul li.inactive:hover{
	background-color:#ededed;
	color:#bababa;
	border:1px solid #bababa;
	cursor: default;
	font-size:13px;
}
#container .data ul li{
	list-style: none;
	font-family: verdana;
	margin: 5px 0 5px 0;
	color: #000;
	font-size: 13px;
}

#container .pagination{
	width: 800px;
	height: 25px;
	padding-top:10px;
}
#container .pagination ul li{
	list-style: none;
	float: left;
	border: 1px solid #7E7E7E;
	padding: 2px 6px 2px 6px;
	margin: 0 3px 0 3px;
	font-family: arial;
	font-size: 13px;
	color: #7E7E7E;
	font-weight: bold;
	background-color: #f2f2f2;
}
#container .pagination ul li:hover{
	color: #fff;
	background-color: #7E7E7E;
	cursor: pointer;
}
.go_button{
	background-color:#f2f2f2;
	border:1px solid #7E7E7E;
	color:#cc0000;
	padding:1px 3px;
	cursor:pointer;
	position:absolute;
	margin-top:0px;
}
.total{
	float:right;
	font-family:arial;
	color:#999;
	font-size: 12px;
	padding-top: 5px;
}
.go_button_active{
	background-color: #505050;
	border: 1px solid #505050;
	color: #FFFFFF;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	list-style: none outside none;
	margin: 0 3px;
	padding: 0 4px;	
	cursor:pointer;

}
.go_button_inactive{
	background-color: #D4D4D4;
	color: #505050;
	border: 1px solid #505050;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	list-style: none outside none;
	margin: 0 3px;
	padding: 0 4px;	
	cursor:pointer;
}
.error{
	color:#F00;	
}

#page {
	background-color:#efefef;
	width:600px;
	margin:50px auto;
	padding:20px 150px 20px 50px;
	min-height:600px;
	border:2px solid #fff;
	outline:1px solid #ccc;
	text-align:left;
}

.compulsory{
	color:#F00;	
}

.loading{
	position:absolute;
	text-align:center;
	margin-top:40px;
	top: 110%;
    width: 80%;
}
.selectlang{
	color:#666666; text-decoration:none !important;
}
.lang-section{
	float:right; font-size:12px; padding-top:5px;	
}
.news_letter{
	color:#666666;
	text-decoration:none;
}
.errmessage{
	border: 1px solid #E87629; 
	padding:10px; 
	border-radius:5px; 
	margin-bottom:10px; 
	color:#F00; 
	font-size:14px;
}
.commonastyle{
	color:#666;
	text-decoration:none;
}
.curentastyle{
	color:#363636;
	text-decoration:none;
}
.contactstyle{
	color:#E87629;
	text-decoration:none;
}
.search-section{
	float:right;	
	padding-top:10px;
}
.srch{
	-moz-box-sizing: border-box;
    color: #666666 !important;
    padding: 5px;	
	width:200px;
	padding-top:3px;
}
.category-name {
	text-align:center; 
	font-weight:bold;	
}
.leftpart{
	width:50%;	
	
}
.rightpart{
	border-left: 1px solid #666666;
    min-height: 130px;
    margin: 0 auto 0 53%;
    padding-left: 13%;
    padding-top: 10%;
}
.spltxt{
	background: none repeat scroll 0 0 #e9e9e9;
    border: 1px solid #B6B6B6;
    border-radius: 5px 5px 5px 5px;
    color: #666666;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 10px;
    text-align: justify;
}
.rowClassmedia{
	@media screen;	
}
.rowClassprint{
	@media print;
}