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

@font-face {
	font-family: 'HelveticaNeueUltraLight';
	src:url('../Assets/fonts/HelveticaNeue-UltraLight.eot');
	src:url('../Assets/fonts/HelveticaNeue-UltraLight.eot?#iefix') format('embedded-opentype'),
		url('../Assets/fonts/HelveticaNeue-UltraLight.woff') format('woff'),
		url('../Assets/fonts/HelveticaNeue-UltraLight.ttf') format('truetype'),
		url('../Assets/fonts/HelveticaNeue-UltraLight.svg#HelveticaNeueUltraLight') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaLight';
	src:url('../Assets/fonts/HelvLight.eot');
	src:url('../Assets/fonts/HelvLight.eot?#iefix') format('embedded-opentype'),
		url('../Assets/fonts/HelvLight.woff') format('woff'),
		url('../Assets/fonts/HelvLight.ttf') format('truetype'),
		url('../Assets/fonts/HelvLight.svg#HelveticaLight') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*------------------ HTML5 display definitions ---------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
	display: block;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

[hidden] {
  display: none; }
  
#container *,
#container *:before,
#container *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

  
/*--------------------------- RESET STYLE --------------------------*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, q, pre,
a, abbr, address, cite, code, small, sub, sup, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, main {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

body {
	line-height: 1;
	color: #666;
	font-family: "HelveticaLight", "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-weight: 300;
	background-color: #fff;
}

a, a:visited {
	text-decoration: none;
	color: #ee2e24;
	font-weight: 600;
	-webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
}
	
a:hover { color: #888;}
	
hr {
	margin: 0 0 10px 0;
	height: 1px;
	border: none;
	background-color: #ddd;
	color: #ddd;
}

sup { font-size: 0.7em;}

a img { border: none; vertical-align: middle;}

p {	margin: 1.2em 0;}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearfix:after, .clear:after { 
	height: 0;
	width: 100%;
	clear: both;
	_margin: -13px 0 0 0;
}

.clearfix:before, .clearfix:after, .clear:before, .clear:after {
  content: "";
  display: table; }

.clearfix, .clear {  zoom: 1; }


.left { float: left;}
.right { float: right;}


.page ul, .page ol { margin: 1.2em; padding-left: 25px;}
.page li { padding: 3px 0;}


#nav ul, .footer_nav ul { list-style: none; padding: 0; margin: 0;}

.red { color: #ee2e24;}



/*--------------------------- HEADING --------------------------*/

h1 { font-size: 3em; margin-bottom: 0.5em; color: #649805; font-family: 'HelveticaNeueUltraLight', Helvetica, Arial, sans-serif; font-weight: 600;}
.pro_desc h1 { color: #fff; font-size: 2.5em;}

h2 { font-size: 1.750em; margin-bottom: 0.750em; color: #000;}

h3 { font-size: 1.500em; margin-bottom: 0.5em; color: #649805;}

h4 { font-size: 1.125em; margin-bottom: 0.5em; font-weight: 600; color: #000;}

h5 { font-size: 1em; font-weight: bold; margin-bottom: 0.5em;}

h6 { font-size: 0.875em;}


/*--------------------------- TOP --------------------------*/

#container, header, section, footer { width: 100%;}

#container { background-color: #fff;}

.inner { margin: 0 auto; position: relative; padding: 0 5%;}
.mainpage .page > .inner { width: 100%; padding: 0;}


.toplink { background-color: #6da506; text-align: right; padding: 5px 0; font-size: 0.813em; color: #fff;}
.toplink a { color: #fff; padding-left: 10px;}
/*.toplink a + a { border-left: 1px solid #fff; padding-left: 10px;}*/
.toplink span.red { color: #ffe700;}

.btnlogin { border-right: 1px solid #fff; padding-right: 10px; position: relative; display: inline-block;}

.memberloginpopup img { width: 0;}
.memberloginpopup:before { content: 'Login'; display:inline-block; position: absolute; right: 10px; top: 0; z-index: 1;}

.topdrop { width: 0; background: #6da506 url('../Assets/images/btn-account.jpg') no-repeat top; padding-left: 53px; height: 14px; top: 0; z-index: 2; position: absolute; right: 0;}


header {
	padding: 10px 0;
	background-color: #fff;
	-webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
}
header.sticky {
	position: fixed;
	top: 0;
	z-index: 5001;
    background-color: #fff;
	width: 100%;
}

#logo { padding: 0; float: left; width: 25%;}

.headerleft { float: right; width: 73%;}

header.sticky #logo img { height: 70px; }
header.sticky .headerleft { padding-top: 15px;}
header.sticky #search { display: none;}


/*--------------------------- NAV --------------------------*/

#nav { clear: both;	width: 100%; padding-top: 15px;}

#nav ul { text-align: right;}
#nav li { display: inline-block; padding: 0; position: relative;}

#nav a {
	display: inline-block;
	color: #a69d9d;
	font-size: 0.938em;
	padding-left: 50px;
	font-weight: 600;
}

#nav a:hover, #nav a.active { color: #ee2e24;}


/*--------------------------- BANNER --------------------------*/

.middle { position: relative; background-color: #f9f9f9; min-height: 110px;}

.banner { width: 100%; position: relative;}
.middle img { width: 100%; display: block;}


.leaf {
	background: url('../Assets/images/leaf.png') no-repeat;
	width: 110px;
	height: 93px;
	position: absolute; 
	bottom: 0; 
	left: 50%; 
	margin-left: -55px; 
	z-index: 100;
}


/*--------------------------- MAIN CONTENT --------------------------*/

.page { line-height: 1.4; font-size: 0.938em; min-height: 300px; background: url('../Assets/images/greybg.png') repeat-x bottom;}

.page img { max-width: 100%;}
#container .page .banner img { max-width: none !important;}
#container .note { font-size: 0.750em; line-height: 1 !important;}

.greenbg { background-color: #649805; color: #fff; position: relative;}
.gconcept { min-height: 550px;}
.gconcept h1 { 
	color: #fff; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	text-transform: uppercase;
	font-weight: 600;
	width: 40%;
	text-align: right;
	margin-left: 10%;
	padding-top: 140px;
}
.gconcept p { color: #000; font-size: 1.250em; width: 40%; margin-left: 10%; text-align: right;}
.gconcept ul { background-color: #5a8904; margin: 0; list-style: none; padding: 15px 0;}
.gconcept li {
	width: 40%;
	margin-left: 10%;
	text-align: right;
	padding-right: 20px;
	 font-size: 1.250em;
	background: url('../Assets/images/btn-greenarrow.png') no-repeat right center;
}

.gconcept .displayimg { position: relative; margin-top: -440px; float: right; width: 46%; text-align: left;}


.mainpro div { position: relative; float: left; height: 400px; border: 1px solid #ccc; border-width: 0 1px 1px 0; padding: 40px; overflow: hidden;}
div.heighthalf { height: 200px !important;}
.mainpro h1 { font-size: 2.5em; color: #bbb; margin: 0; line-height:1;}
.mainpro h2 { color: #fff; padding-top:20px;}
.col50 { width: 50%;}
.col25 { width: 25%;}

.mainpro .greenbg { text-align:center;}
.mainpro .greenbg a { color: #fff;}
.mainpro a:hover { color: #ccc;}

.mainpro div a:before { content:url('../Assets/images/btn-redarrow.png'); padding-right:5px;}
.mainpro div.greenbg a:before { content:url('../Assets/images/btn-whitearrow.png'); padding-right:5px;}


.glasslock { 
	background: url('../Assets/images/curve-blue.png') no-repeat bottom left; 
	background-size: 100%; 
	padding: 60px 0 20px 0;
}
.glasslock .logo { text-align: center;}
.glasslock .left { 
	width: 45%;
	text-align: right;
	padding-top: 50px;
}
.glasslock .right { width: 50%; padding-top: 50px; min-height: 440px;}
.glasslock ul { margin: 0; list-style: none; padding: 15px 0;}
.glasslock li {
	text-align: right;
	padding-right: 20px;
	font-size: 1.250em;
	color: #999;
	background: url('../Assets/images/btn-greyarrow.png') no-repeat right center;
}
.glasslock h2 { color: #fff; text-align: center; padding: 0; margin: 0;}


.maincontact { background: url('../Assets/images/contact-pic.jpg') no-repeat; background-size: cover; min-height: 300px; padding: 30px 0; color: #fff; }
.maincontact .inner { margin-left: 50%;}
.maincontact h1 { color: #fff;}
.maincontact a { 
	color: #fff; 
	border: 1px solid #fff; 
	padding: 10px;
	display: inline-block;
	font-weight: 300;
	-webkit-border-radius: 3px; 
  	-moz-border-radius: 3px; 
  	border-radius: 3px;
}
.maincontact a:hover { background-color: rgba(255, 255, 255, 0.3);}



/*--------------------------- SUB CONTENT --------------------------*/

.pagetitle { position: absolute; top: -60px; width: 100%; left: 0; z-index: 500;}
.pagetitle h1 { font-size: 2.4em; color: #555; padding-left: 20%; margin-bottom: 0.25em;}


/*.sidecontent { width: 20%; float: left; background-color: #f9f9f9; text-align: right; position: relative; z-index: 1000;}
.maincontent { width: 78%; float: right; padding: 30px 0;}*/

.sidecontent h1 { font-size: 1.5em; background-color: #eee; padding: 5px 10px; color: #888;}

#sort { text-align: right; font-size: 0.813em;}



/*--------------------------- BOTTOM --------------------------*/

.bottom { padding: 30px 0; line-height: 1.8; font-size: 0.875em;}

.bottom td { width: 33%; padding: 0 1%;}
.bottom a { color: #666; font-weight: 300; display: block;}
.bottom a:hover { color: #aaa;}

.i_tel:before { content: url('../Assets/images/icon-tel.png'); padding-right: 5px; vertical-align: top; display: inline-block;}
.i_email:before { content: url('../Assets/images/icon-email.png'); padding-right: 5px; vertical-align: top; display: inline-block;}

.i_tel, .i_email, .i_email a { display: inline-block;}
.i_tel { font-size: 3em;}
.i_email { font-size: 1.125em;}


/*--------------------------- FOOTER --------------------------*/

footer { padding: 0 5% 30px 5%;}
footer .inner {
	line-height: 1.8;
	color: #888;
	font-size: 0.750em;
	padding: 10px;
	text-align: center;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px; 
  	-moz-border-radius: 3px; 
  	border-radius: 3px;
}

.footer_nav li { display: inline-block; border-right: 1px dotted #ccc;}
.footer_nav li a {  color: #888; padding: 10px; font-weight: 300;}


/*--------------------------- Back to Top --------------------------*/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:70px;
	right:10px;
	overflow:hidden;
	width: 40px; 
	height: 40px;
	border:none;
	text-indent:100%;
	background: #777 url('../Assets/images/backtop.png') no-repeat center center;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); 
	filter: alpha(opacity=60); 
	opacity: 0.6;
	
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	border-radius: 20px;
	-webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
}


/*--------------------------- FORM & TABLE --------------------------*/

input[type=text], input[type=password], textarea, select { 
	border: 1px solid #ccc;
	padding: 5px 10px;
	font-size: 14px;
	font-family: "HelveticaLight", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	color: #999;
	outline:none; 
	vertical-align: middle;	
}
input[type=radio], input[type=checkbox] { vertical-align: top;	}

input.search { 
	width: 200px;
	color: #999;
	font-size: 13px;
	border: 1px solid #ccc;
	padding: 6px 10px 5px 10px;
}


.tbl_registration th, .tbl_registration td, .tblstyle2 th, .tblstyle2 td { padding: 5px 0;}

.txtbox, .txtnormal { width: 280px;}
textarea.txtbox, textarea.txtnormal { height: 150px;}
select.txtnormal { width: 200px;}

.cat_dropdown {
	width: 80%;
	float: left;
	border: 1px solid #ccc;
}


/*--------------------------- CART & SEARCH --------------------------*/

#cart, #search { float: right; display: inline-block; padding-left: 5px;}

.language { float: right; display: inline-block; padding-left: 10px;}

.member { padding-top: 3px; float: right;}
.member a { padding: 0 5px;}
.member a + a { border-left: 1px solid #ccc;}

#cart a img{
	border:0px;
	vertical-align:middle;
}

#currency {
	float:left;
	width:auto;
	height:20px;
	padding:0px 2px;
}

.currency {
	font-size:11px;
	color: #777;
}
#search input { float: left;}
#search a {
	display: inline-block;
	text-indent: -5000px;
	width: 63px;
	height: 26px;
	background: url('../Assets/images/btn-search.png') no-repeat;
	float: left;
}



/*--------------------------- NEWS --------------------------*/

ul.eventlisting, ul.album, ul.image, ul.video, ul.videoalbum { list-style: none; padding: 0; margin: 0;}

ul.eventlisting li { 
	border-bottom: 1px dashed #ccc;
	padding: 15px 0; 
	margin: 20px 0; 
	display: block;
	float: left;
	width: 100%;
}

.eventlisting .eventpic { float: left; width: 15%; overflow: hidden;  }
.eventlisting .eventpic img, .imgborder { border: 1px solid #ccc; padding: 4px; background-color: #fff; max-width: 100%;}

.eventlisting .eventdesc { float: right; width: 80%;}

.eventlisting h4 a { color: #000;}
.eventlisting h4 a:hover { color: #ee2e24;}

.btnstyle { font-size: 0.875em;}

.newsimgbig {
	margin-top:5px;
	margin:0 30px 30px 0;
	float:left;
	border:1px solid #ddd;
}


/*--------------------------- PHOTO ALBUM --------------------------*/

.album li, .image li, .videoalbum li, .video li {
	display: inline-block;
	position:relative;
	width: 22.5%;
	padding:0;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 20px;
	text-align: center;
	vertical-align: top;
}

.album span {
	width: 100%;
	height: 146px;
	background: url('../Assets/images/frame2.gif') no-repeat;
	text-align:center;
	padding:10px 4px 4px 10px;
	display: inline-block;
	overflow: hidden;
}

.fixedsize {	
	width: 178px;
	height:132px; 
	vertical-align: middle;
	display: table-cell;
	text-align: center;
}

.fixedsize img {
	max-height: 100%;
}

.mediatitle{
	display: block;
	width: 100%;
	line-height: 1.4;
	padding-right: 10px;
}

.album h5, .image h5, .video_content h5 {
	font-weight:bold;
	text-align:center;
	text-transform:capitalize;
	padding:0;
	color: #333;
}

.album a, .image a {
	text-decoration:none;
	border:0;
	cursor:pointer;
	color: #333;
}

.album a:hover { color: #555;}


.image span {
	width:100%;
	height:150px;
	border: 1px solid #ddd;
	text-align:center;
	padding:10px;
	display: inline-block;
	overflow: hidden;
}

.videoalbum img, .image img, .video img {
	background:#fff;
	border:0;
}

.videoalbum span {
	width:192px;
	background:url('../Assets/images/video_album.gif') no-repeat;
	text-align:center;
	padding:11px 5px 8px 2px;
	overflow: hidden;
}

.fixedsize_video{
	width:192px;
	height:145px;
	display:table-cell;
	vertical-align:middle;
}
.fixedsize_video img{
	max-height: 100%;
	text-align:center;
}

.video span {
	width:100%;
	background:url('../Assets/images/video_frame.png') no-repeat;
	text-align:center;
	overflow: hidden;
}
.video a {
	text-decoration:none;
	border:0;
	cursor:pointer;
}
.video_content {/*type B,C,D*/
	height:111px;
	width:73%;
	top:1px;
	left:205px;
	position:absolute;
	padding:15px 0 15px 0px;
}
.widget_centerarea_A .video_content {/*type A*/
	width:79%;
}

.video_content p {
	margin:5px 0 0 0;
	line-height:18px;
	font-size:12px;
	padding:0px;
}
.video_content .length {
	font-size:0.9em;
	margin:4px 0 0;
}

/*--------------------------------------------- Pagination ------------------------------------------------*/


.paging-div { text-align: right; padding: 10px 0; clear: both; font-size: 0.875em;}

.paging-div div { display: inline-block;}

.paging-div div a, .paging-div .nav { padding: 6px 8px; background-color: #fff; text-decoration: none; border:1px solid #ddd; color: #777; font-weight: 300;}
.paging-div .nav { padding: 4px 8px;}

.paging-div > div > span, .paging-div div a:hover { background-color: #6da506; color: #fff; padding: 6px 8px; border:1px solid #6da506;}


/*--------------------------- WISHLIST --------------------------*/

.searchwish { width: 100%; margin: 20px 0; text-align: center;}
input.txtwishlist { 
	width: 300px;
	-moz-box-shadow:    inset 3px 3px 5px rgba(0,0,0,0.1);
   -webkit-box-shadow: inset 3px 3px 5px rgba(0,0,0,0.1);
   box-shadow:         inset 3px 3px 5px rgba(0,0,0,0.1);
}
.searchwish a {
	background-color: #222;
	color: #fff;
	padding: 8px 10px;
	margin-left: 2px;
	display: inline-block;
	vertical-align: middle;		
}

.statusbar { background-color: #eee; padding: 5px; text-align: right; margin-bottom:10px;}
.smalltitle { background-color: #eee; padding: 5px; margin-bottom:10px; font-weight: 600;}

.statusbar div { display: inline-block; margin-left:10px;}
.statusbar a { color: #555;}
.statusbar a:hover { color: #777;}

.statusbar .createwish a { background-color: #555; color: #fff; padding: 2px 5px;}
.statusbar .createwish a:before { content:'+'; padding-right:3px;}
.statusbar .createwish a:hover { background-color: #ff7505;}
.statusbar .expandwish a:before { content: url('../Assets/images/icon-expand.png'); padding-right:3px; vertical-align: middle;}
.statusbar .printwish a:before { content: url('../Assets/images/icon-print.png'); padding-right:3px; vertical-align: middle;}


.toggle { position: relative; width: 100%;}
.toggle .wishlist_manage { position: absolute; top: 8px; right: 0px; z-index: 2;}
.toggle .wishlist_manage a { color: #555; background-color: #ccc; padding: 7px 10px;}

.toggle h2.trigger { font-size: 1.125em; color: #555; background-color: #f1f1f1; border: 1px solid #eee; margin-bottom: 5px; padding: 5px;}



.tbl_wishlist th { background-color: #f1f1f1; border: 1px solid #ddd; padding: 5px;}
.tbl_wishlist td { border: 1px solid #ddd; padding: 5px; text-align: center;}

.tbl_wishlist .proimg { width: 35%; height: 150px; float: left; text-align: left;}
.tbl_wishlist .proimg img { max-width: 100%; max-height:100%;}
.tbl_wishlist .prodetail { width: 60%; float: left; padding-left:5%; text-align: left;}
.tbl_wishlist  p { margin: 5px 0;}


.tbl_wishlist a.btn_remove, .tbl_wishlist a.btn_changelist {
	display: inline-block;
	font-size: 0.938em;
	color: #888;
	background-color: #f1f1f1;
	padding: 2px 5px;
	margin-bottom: 2px;
}
.tbl_wishlist a.btn_remove:hover, .tbl_wishlist a.btn_changelist:hover { background-color: #555; color: #fff;}
.tbl_wishlist a.btn_remove:before { content: url('../Assets/images/icon-x.png'); padding-right:3px; vertical-align: middle;}
.tbl_wishlist a.btn_changelist:before { content: url('../Assets/images/icon-move.png'); padding-right:3px; vertical-align: middle;}

.oriprice { text-decoration: line-through;}
.promopice { color: #ff7505; font-weight: 600;}


/*--------------------------- PRODUCT LIST --------------------------*/

/*PRODUCT CATEGORY*/
ul.pro_list { margin: 20px 0; padding: 0; list-style: none;}
.pro_list li {
	width: 24%;
	min-height: 250px;
	border: 1px solid #ddd;
	background-color: #fff;
	display: inline-block;
	text-align: center;
	vertical-align: sub;
	margin-bottom: 20px;
	margin-right: 1%;
	padding: 10px;
	float: left;
}
.pro_list h4 a { color: #000;}
.pro_list h4 a:hover { color: #777;}


/*PRODUCT LISTING*/
.productcollection {
	width: 24.5%;
	min-height: 320px;
	display: inline-block;
	text-align: center;
	vertical-align: sub;
	margin-bottom: 20px;
}

.productcollection .product { width: 160px; height: 120px; margin: 10px auto;}
.productcollection .product img { max-height: 100%;}
.productcollection h3 { margin-bottom: 0; color: #aaa;}
.productcollection h5 { font-weight: 300; height: 45px; overflow: hidden; margin-bottom: 0; }
.productcollection h5 a { color: #666;}
.productcollection h5 a:hover { color: #888;}
.productcollection h4.price { color: #ee2e24; margin: 5px 0; font-weight: 600;}
.productcollection h4 .strike { color: #666; text-decoration: line-through; font-weight: 300; font-size: 0.875em; margin-right: 5px;}

.productcollection .product_add {
	border: 1px solid #ccc;
	background-color: #fff;
	position:relative;
	min-height: 50px;
}
.productcollection .product_add a {color: #faa531;}


/*PRODUCT RECENT VIEW*/
.recent, .sideproduct { margin: 0 10px;}
.recent .productcollection {
	background-color: #fff;
	border: 1px solid #ddd;
	display: block;
	width: 100%;
	min-height: 90px;
	margin-bottom: 5px;	
	text-align: left;
	padding: 5px;
}
.recent .productcollection .product { float: left; width: 30%; height: auto; margin: 0;}
.recent .productcollection h5, .recent .productcollection .product_add { float: right; width: 65%;}
.recent .productcollection h5 { height: 30px;}
.recent .productcollection .product_add, .recommend .productcollection .product_add, .related .productcollection .product_add, .sideproduct .productcollection .product_add {
	border: none;
	min-height: auto;
	font-size: 0.875em;
}
.recent .productcollection h4 .strike { margin-right: 1px;}

/*PRODUCT GROUPING*/
.sideproduct .productcollection {
	background-color: #fff;
	border: 1px solid #ddd;
	display: block;
	width: 100%;
	margin-bottom: 5px;	
	text-align: center;
	padding: 5px;
	min-height: 250px;
}


/*YOU MAY ALSO LIKE*/
.recommend, .related { margin-bottom: 20px;}

.recommend .productcollection, .related .productcollection {
	background-color: #fff;
	border: 1px solid #ddd;
	display: inline-block;
	width: 19%;
	min-height: 200px;
	margin-bottom: 5px;	
	text-align: center;
	padding: 5px;
	overflow: hidden;
}
.recommend .productcollection .product, .related .productcollection .product { width: 100%; height: 80px;}
.recommend .productcollection h5, .related .productcollection h5, .sideproduct .productcollection h5 { height: 35px;}

.productcollection .addcart { margin-top: 20px; height: 0;}
.productcollection .addcart img { width: 0;}
.productcollection .addcart a { background: url('../Assets/images/btn-addcart2.jpg') no-repeat; padding-left: 80px; padding-top: 21px;}

.related .productcollection .addcart { margin-top: 0;}
.related .productcollection a#ProductEnquiryLink { padding: 0 !important;}

.sideproduct .productcollection .addcart { margin-top: 30px;}
.sideproduct .productcollection .addcart a { background: url('../Assets/images/btn-addcart.jpg') no-repeat; padding-left: 150px; padding-top: 32px;}



/*--------------------------- PRODUCT DETAILS --------------------------*/

.prodisplayimage { text-align: center; padding: 30px 0;}

.tbl_proImage { width: 100%;}

.big_img_frame {
	width: 100%;
	min-height: 450px;
}

#container .jcarousel-skin-tango li a { background-color: #fff !important; }

/*Added*/
.td_carousel { float: right;}
ul#carousel, #slideshow-main ul { list-style: none; padding: 0; margin: 0;}
#container li.jcarousel-item { display: block;}
#container #carousel li.jcarousel-item a { display: block; overflow: hidden; text-align: center; border: 1px solid #ccc; padding: 10px; background-color: #fff; margin-bottom: 10px;}
#carousel #carousel li.jcarousel-item img { height: 100%;}
/*Ended*/

.highslide img { border: none !important;}


.pro_desc .price { color: #fffc01; font-size: 2em;}
.quantitytxt, #editor, .cartbtn { display: inline-block;}
input.quantitytxt { width: 80px; height: 40px; margin-right: 5px;}

a.btn_wish {
	background-color: #feec00;
	color: #051c3c;
	padding: 2px 5px;
	font-weight: 600px;
	-webkit-border-radius: 3px;
  	-moz-border-radius: 3px; 
  	border-radius: 3px;
	margin: 12px 0;
	font-size: 14px;
	float: right;
	cursor: pointer;
}
a.btn_wish:before { content: url('../Assets/images/icon-wish2.png'); padding-right: 5px;}
a.btn_wish:hover { background-color: #999; color: #fff;}
a.btn_wish:hover:before { content: url('../Assets/images/icon-wish3.png');}


a.btn_buy { background: url('../Assets/images/btn-buy.png') no-repeat; width: 125px; height: 40px; display: inline-block; margin: 0; padding: 0;}


.pro_desc {
	clear: both;
	position: absolute;
	width: 100%;
	left: 0;
	background-color: #0a4595;
	color: #fff;
}

/*Added*/
.pro_desc .inner { padding: 20px 5% 20px 25%;}
.pro_desc .left { width: 46%; float: left;}
.pro_desc .right { width: 52%; float: right;}
.pro_desc h1 { position: relative;}

.tbl_style1 th { text-align: left; font-weight: 300;}
.tbl_style1 th, .tbl_style1 td { padding: 2px 0;}
.tbl_style1 select, .tbl_style1 input { 
	border: none;
  	-webkit-border-radius: 5px;
  	-moz-border-radius: 5px; 
  	border-radius: 5px;
	display: inline-block;
	float: left; 
}
.tbl_style1 .red { color: #fffc01; font-weight: 600;}
/*Ended*/

.pro_info {
	clear: both;
	width: 100%;
	display: block;
	padding-top: 380px;
}

.pro_info h2#trigger, .sec_title h3 { 
	color: #000; 
	padding: 5px 0;
	display: inline-block;
	margin: 0;
}

.toggle_container { padding: 15px 0;}


.sec_title { position: relative;}




/*----------------------------------------- COLLAPSE EXPAND MENU -------------------------------------------*/

ul.topnav {	list-style: none; padding: 0;}

ul.topnav li a {
	display: block;
	color: #aaa;
	font-size: 0.938em;
	background: url('../Assets/images/btn-greyarrow.png') no-repeat right center;
	padding: 5px 15px 5px 5px; 
	 text-align: right;
}
ul.topnav li a:hover, ul.topnav li a.active { color: #ee2e24; background: url('../Assets/images/btn-redarrow.png') no-repeat right center;}

ul.topnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: none;
}

ul.topnav ul li {
	margin: 0;
	padding: 0;
	clear: both;
}

.side_category ul.topnav ul li { background-color: #eee; padding-left: 10px;}

.side_category ul.topnav ul li a {
   	background: url('/App_Template/1002/Assets/Images/arrow.gif') no-repeat right center; 
	font-weight: normal;
	outline:0;
	color: #555 !important;
	cursor: pointer;
	display: block;
	padding-right: 15px;
}

ul.topnav ul li a:hover {
	color: #ee2e24 !important;
}

ul.topnav ul ul li a {
	color: #555 !important;
}

ul.topnav ul ul li a:hover{
	color: #ee2e24 !important;
}

ul.topnav span{
	float:right;
}

.side_category select { display: none; }

.cat_desc {
	margin-top:5px;
	padding:0px 10px;
	line-height:15px;
	font-size:12px;
}



/****************************CSS for all template format copy from here onwards****************************/

#breadcum { position: absolute; right: 5%; bottom: 10px; text-align: right; font-size: 0.813em;}
#breadcum a { font-weight: 300; color: #555;}
#breadcum a:last-child { color: #999;}
#breadcum a:hover { color: #aaa;}

#share{
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	text-align:left;
	width:130px;
}

.breadcumcontainer { position: relative;}
.breadcumcontainer > #breadcum { position: absolute; top: -60px; z-index: 100; right: 0;}


/************************ ADVANCED SEARCH ************************/

#searchborder {
	margin: 10px 0;
	padding: 20px;
	background-color: #f9f9f9;
}

#searchborder .formtitle h4 { margin: 0 0 10px 0;}
#searchborder .btn { border-top: 1px dashed #ccc; margin: 10px 10px 0 10px;}

.formtitle h4 { background-color: #6da506; color: #fff; padding: 5px; margin: 10px 0;}



/************************ My Account************************/

#container .topdrop {
	position:relative;
	cursor:pointer;
}
#container #topdrop_menu {
	-webkit-border-radius: 5px;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius: 5px;
	-moz-border-radius-topright: 0;
	border-radius: 5px;
	border-top-right-radius: 0;
	display:none;
	background-color:#f9f9f9;
	position:absolute;
	width:120px;
	z-index:9000;
	text-align:left;
	padding:12px;
	top: 17px;
	margin-top:5px;
	margin-right: 0px;
 	*margin-right: -1px;
	color:#666;
}
#container #topdrop_menu {
	right: 4px;
}
#topdrop_menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#topdrop_menu li {
	display: block;
	background-image: none;
}
#container #topdrop_menu a {
	background: url('../Assets/Images/listing.gif') no-repeat center left;
	width: 120px;
	display: block;
	text-align: left;
	padding: 0px 0 0 10px;
	color: #666;
	font-size: 0.938em;
	text-decoration:none;
	line-height:1.8;
}
#container #topdrop_menu a:hover {
	color: #999;
}


/************************** Popup **********************************/

.popmsg {
	padding: 15px;
	color: #333;
	line-height: 16px;
}

.popmsg h1 { 
	padding: 5px 10px;
	font-weight:bold;
	font-size:18px;
	background-color:#6da506;
	margin: 10px 0;
	color:#fff;
}


.popmsg a, .popmsg a:visited  {
   color: #ee2e24;
   font-size:12px;
}

.popmsg a:hover { text-decoration: none;color: #777;}


/****************************** FAQ*************************************/

div#primary{
	width: 100%;
}
div#primary h3 { font-weight: bold; padding: 10px 0;}

#primary a, #primary a:visited { color: #000;}
#primary a:hover { color: #777;}


div#primary ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

div#primary ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

div#primary li {
	margin: 0;
	padding: 10px;
	background-color: #eee;
}

div#primary dd {
    margin: 0px;
	padding:10px;
	background-color: #fff;
}

div#primary dt{
    margin: 0px;
	padding:10px;
	background-color: #fff;
}

h1#title{
	text-align:center;
	font-size:50px;
	line-height:70px;
	margin-top:20px;
}

ul.section_menu{
	background:transparent;
	padding:10px;
}


dl.faq { margin-bottom:30px;}

	dl.faq dt {
		font-weight:bold;
		color:#000000;
		padding:25px 0 5px 0;
		display:block;
	}
	
	dl.faq dd {
		padding-bottom:25px;
		display:block;
	}

/*----------------------------------------Advance search result-----------------------------------------*/

#search_result{
	width:100%;
	padding: 20px 0;
	border-bottom: 1px dashed #ccc;
}

#search_result h3{
	padding:10px 20px 5px 0;
	margin:0px;
}
#search_result h3 a { color: #000;}
#search_result h3 a:hover { color: #faa531;}
#search_result p a { color: #faa531;}
#search_result p a:hover { color: #777;}

#search_result p, #contact p{
	padding:0;
	margin:0;
}

.widget_centerarea_A p.withimg{
	width: 77%;
	float:right;
	display:block;
}
.widget_centerarea_B p.withimg, .widget_centerarea_C p.withimg{
	width: 71%;
	float:right;
	display:block;
}

.widget_centerarea_D p.withimg{
	width: 60%;
	float:right;
	display:block;
}

p.noimg{ padding:0;}

.thumb_img, #contact .photo{ /*share class with contact page*/
	float:left;
	height:auto;
	display:table-cell;
	vertical-align:middle;
	border:1px solid #ddd;
	padding:3px;
	margin-right:10px;
	background-color:#fff;
}

/*---------------------------------------- Contact Page-----------------------------------------*/

#contact fieldset{
	border:1px solid #ededed;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:10px;
	margin:7px;
	line-height:20px;
}

#contact .hr{
	border:0;
	height:1px;
	border-top: 1px dashed #ccc;
	background-color:transparent;
	margin:10px 0;
}

#contact .fixedsize{
	width:188px;
	height:130px;
}

/*** css button***/
a.enquiry{
	color:#fff;
}
.enquiry, .popmsg .enquiry {
	font-size:14px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	border:0px solid #eeb44f;
	padding:6px 14px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffc477), color-stop(100%, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	background:-ms-linear-gradient( top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #cc9f52;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fce2c1;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fce2c1;
 	box-shadow:inset 1px 1px 0px 0px #fce2c1;
}

.enquiry:hover,.popmsg .enquiry:hover  {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fb9e25), color-stop(100%, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	background:-ms-linear-gradient( top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
	color:#ffffff;
}

.enquiry:active,.popmsg .enquiry:active {
	position:relative;
	top:1px;
	color:#ffffff;
}


/*------------- Reviews ---------------*/

#cpProductReviewListing { font-size: 0.875em;}

.btn_review { position: absolute; top: 10px; right: 10px; z-index: 2;}

.review { border: 1px solid #ddd; padding: 10px; margin: 0 0 5px 0; background-color: #f5f5f5;}

.pro_review br { display: none;}


/*---------------------- View Cart -------------------*/

.form td, .form th, .tbl th, .tbl td, .tblcart th, .tblcart td {
	padding: 3px 5px;
}
.form th, .tbl th {
	text-align: left;
}

.tbl {font-size:0.875em;}
.tbl th {
	background-color: #ededed;
	border-right: 1px solid #ddd;
}
.tbl td {border-right: 1px solid #ddd;}

.tblcart {	font-size: 1.125em;}
.tblcart th {
	background-color: #ededed;
	border: 1px solid #ddd;
}
.tblcart td {
	border: 1px solid #ddd;
}


@media only screen and (min-width: 1366px) {
	.inner { width: 1300px; }
	.mainpage .inner { width: auto !important;}
}

@media only screen and (max-width: 1024px) {
	.bottom td { width: 30%;}
	.bottom td:last-child { width: 40%;}
	.pro_info { padding-top: 350px;}
	.mainpro div { padding: 30px;}
	.album li, .image li, .videoalbum li, .video li { width: 30%;}
	#nav a { padding-left: 30px;}
}

@media screen and (max-width: 768px) {
	#logo { width: 20%;}	
	.headerleft { width: 78%;}
	header.sticky {	position: relative;}
	#nav a { padding-left: 20px;}
	.inner { padding: 0 2%;}	
	.gconcept { min-height: 500px;}
	.gconcept h1 { padding-top: 60px;}
	.gconcept .displayimg { margin-top: -400px;}
	.glasslock { padding: 60px 0 5px 0;}
	.glasslock .right { min-height: 380px;}
	.bottom td { width: 29%;}
	.bottom td:last-child { width: 42%;}
	.i_tel { font-size: 2.25em;}
	.i_email { font-size: 1em;}
	.productcollection { width: 32%;}
	.tbl_style1 tr { vertical-align: top;}
	.tbl_style1 th { font-weight: 600;}
	.tbl_style1 th, .tbl_style1 td { display: block; width: 100%;}
	.pro_info { padding-top: 420px;}
	.maincontact .inner { margin: 0 5%; text-align: center;}
	.productcollection .product { width: 100%; height: 100px;}
	.sideproduct .productcollection .addcart a { background: url('../Assets/images/btn-addcart2.jpg') no-repeat; padding-left: 80px; padding-top: 21px;}
	#breadcum { font-size: 1em;}
	.pro_list li { width: 32%;}
}

@media screen and (max-width: 640px) {
	.page { font-size: 0.875em;}
	.glasslock .left { font-size: 0.938em;}
	.pagetitle h1 { padding-left: 2%;}
	.widget_sidearea, .widget_centerarea_B { width: 100% !important; float: none !important; background-color: #fff !important;}
	.widget_sidearea .widget { display: none !important;}
	.side_category ul, .side_category ul ul, .side_category ul li { display: none !important; }
	.side_category { margin: 10px auto 0 auto;}
    .side_category select { display: inline-block; }
	.side_category:before { content: 'Product Category:'; padding-right: 10px;}	
	.cat_dropdown {	width: 75%;}
	.album li, .videoalbum li { width: 46%;}
	#logo { padding-top: 30px;}
	.pro_desc { position: relative;}
	.pro_desc .inner { padding: 20px 5% 20px 5%;}
	.pro_info { padding-top: 20px;}
}

@media screen and (max-width: 480px) {
	#logo { padding-top: 50px;}
	.gconcept { min-height: auto;}
	.gconcept h1 { margin-left: 5%; padding-top: 80px;}
	.gconcept p { margin-left: 5%;}
	.gconcept li { width: 100%;	margin: 0; padding-right: 15%; background: url('../Assets/images/btn-greenarrow.png') no-repeat 90% center;}
	.gconcept .displayimg { margin-top: -420px;}	
	.mainpro div { height: 200px; border-width: 0 0 1px 0; background-position: 200px center !important;}
	.col50, .col25 { width: 100%;}
	.mainpro div h1 { padding-top: 0 !important;}	
	.glasslock .left, .glasslock .right { width: 100%; float: none; min-height: 300px !important; }
	.glasslock .right, .glasslock .left, .glasslock li { text-align: center;}
	.glasslock li { display: inline-block;}
	.glasslock h2 { font-size: 1.125em;}	
	.bottom td { width: 50%; display: inline-block; padding-bottom: 15px;}
	.bottom td:last-child { width: 100%; display: block; text-align: center; padding-top: 15px; border-top: 1px solid #ccc;}
	.pagetitle h1 { font-size: 2.4em; color: #555; padding-left: 2%; margin-bottom: 0.25em;}
	.sidecontent { width: 30%;}
	.maincontent { width: 68%;}
	.productcollection { width: 100%;	display: block;}
	.pro_desc .left, .pro_desc .right { width: 100%; float: none;}
}