* {	outline:none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, fieldset, form, label, textarea, button, input, select, legend, caption, header, section, embed, audio, video, figure { 	margin:0;	padding:0;}
img {border:0;}
a{cursor:pointer;}
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

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

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

}
button, input, select, textarea {visibility:visible;}
input {height:17px;}
input[type="checkbox"]{
	height:13px;
	margin-top:2px;
}
body {font:12px Arial, Helvetica, sans-serif; color:#000; background:url(../images/bg-x.png) repeat-x; float:left; width:100%; min-height:500px; }

.left-bg {position:absolute; height:30px; width:50%; background:#198be2; top:99px;}
.right-bg {position:absolute; height:28px; width:50%; background:#9a8ebf; left:50%; top:54px;}
.bdr {border:none !important;}

h1 {font:24px 'open_sansbold', Arial, Helvetica, sans-serif; color:#595959;}
#cartOnListing h1{
	margin-left:25px;
}
.wrapper {margin:0 auto; width:998px;}


/*///////////////////////////////////////////////////---------------------Header---------------------///////////////////////////////////////////////////*/

header {float:left; width:100%; background:#fff; position:relative;}
header #logo { float:left; width:380px; padding:10px 0; position:relative; z-index:2}
header #logo a {float:left; width:380px; background:url(../images/pony.png) no-repeat; height:79px; text-indent:-9999px;}

header aside {float:right; width:500px; position:relative; z-index:999}
header aside nav {float:right; width:auto; padding:8px 5px 0 5px; text-align:center}

header aside nav.header-user-nav{
	padding-bottom:5px; 
	border-bottom: 1px solid #e1dfe2;
}
header aside nav.header-user-nav a{
	float:left;
	text-decoration:none;
	font-family:open_sansregular;
	font-size:12px;
	color:#555555;
	line-height:22px;
	margin:2px 0;
	padding:0px 10px;
}
header aside nav.header-user-nav a:hover{
	text-decoration:underline;

}
nav.header-user-nav a + a{
	border-left:1px solid #555555;
	
}
nav.header-user-nav a span{
	float:none;
	color:#cdda50;
}
nav.header-user-nav a.cart-link{
	padding-left:24px;
	background:url(images/shopping_bag.png) top left no-repeat;
	line-height:22px;
}
nav.header-user-nav a.cart-link:hover{
	background:url(images/shopping_bag.png) 0 -21px no-repeat;
}
.header-nav{
	float:right;
	width:540px;
	margin-top:10px;
}
.header-nav div{
	float:left;
}
.header-nav a{
	text-transform:uppercase;
	font-family:open_sanssemibold;
	font-weight:400;
	color:#555555;
	font-size:14px;
	padding:0px 6px;
	margin:3px 5px 0px 5px;
	line-height:30px;
	height:30px;
	text-decoration:none;
	float:left;
}
/* ,.header-nav a.active1 */
.header-nav a:hover,.header-nav a.active{
	background-color:#cdda50;
	border-radius:5px;
	text-decoration:none;
	color:#fff;
}
.header-nav a.search{
	float:right;
	background:url(images/search_1.png) 0px center no-repeat;
	padding:0px;
	margin:-2px 5px 0 5px;	
	width:36px;
	height:36px;
}
.header-nav a.search:hover{
	background:#cdda50 url(images/search_2.png) 0px center no-repeat;

}
.dropdown_menu{
	background-color:#646363;
	width:100%;
	padding:5px 0px 15px 0px;
	left:0;
	float:left;
	display:none;
	z-index:1000000;
	position:absolute;
	top:98px;
	border-bottom:#a4b22b solid 5px;	
}
.menu-title{
	text-decoration:none;
	float:left;
	width:960px;
	margin-top:10px;
	padding:10px 0px;
	color:#ccda4f;
	font-family:open_sanssemibold;
	font-weight:300;
	line-height:30px;
	font-size:16px;
	border-bottom:1px solid #989898;	
}
.menu-title:hover{
	color:#fff;
}
.menu-wrapper{
	float:left;
	width:960px;
	margin-bottom:30px;
}
.menu-wrapper a{
	display:inline-block;
	width:275px;
	text-decoration:none;
	margin-right:40px;
	font-family:open_sansregular; 
	font-weight:300;
	line-height:15px;
	padding:15px 0px 0px 0px;
	font-size:14px;
	color:#fff;

}
.menu-wrapper a:hover,.menu-wrapper a.active{
	color:#ccda4f;
}
.dropdown_menu form{
	float:right;
	width:610px;
}
.dropdown_menu p{
	float:left;
	width:100%;
	color:#ccda4f;
	line-height:50px;
	font-size:16px;
	font-family:open_sanssemibold;
}
.dropdown_menu input[type='text']{
	margin-left:15px;

	float:right;
	background:#eaeaea;
	width:300px;
	line-height:100%;
	height:50px;
	padding:0px 10px;
	font-family:open_sansregular;
	font-size:15px;
	color:#929292;
	border:0px;
}
.close{
	font-size:24px;
	color:#a3a3a3;
	float:right;
	line-height:50px;
	margin:14px 10px 0px 10px;
	font-family:open_sansregular;
	font-weight:100;
	cursor:pointer;

}
.dropdown_menu input[type='submit']{
	float:right;
	margin-right:30px;	
	background:#cdda50 url(images/search_white_icon.png) 10px 14px no-repeat;
	width:45px;
	cursor:pointer;
	height:50px;
	border:0;
}
.dropdown_menu input[type='submit']:hover{
		background:#fff url(images/search_icon.png) 10px 14px no-repeat;
}
/*///////////////////////////////////////////////////---------------------nav---------------------///////////////////////////////////////////////////*/
header #nav {float:left; width:100%; position:relative;  z-index:999;}
header #nav div.ddsmoothmenu{float:left; width:945px; background:#198be2 url(../images/nav-right.jpg) no-repeat top right; height:30px; font:14px/14px 'Droid Sans', Arial, Helvetica, sans-serif;}
header #nav div.ddsmoothmenu ul{margin:0; padding:0; list-style:none;}
/*Top level list items*/
header #nav div.ddsmoothmenu ul li{position: relative; display:inline; float:left; padding:8px 0; z-index:99999 !important;}
/*Top level menu link items style*/
header #nav div.ddsmoothmenu ul li a{display:block; color:#fff;  text-decoration: none; border-left:1px solid #fff; padding:0 54px !important;}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block;}
header #nav div.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{ color:#fff;}
header #nav div.ddsmoothmenu ul li a.active{color: #000;}
header #nav div.ddsmoothmenu ul li a:hover{color: #000;}
header #nav div.ddsmoothmenu ul li a.bdr {padding-left:0 !important;}
/*1st sub level menu*/
header #nav div.ddsmoothmenu ul li ul{ position:absolute; z-index:9999 !important; left:0; display:none; margin:0px; padding:0; visibility: hidden; }
/*Sub level menu list items (undo style from Top level List Items)*/
header #nav div.ddsmoothmenu ul li ul li{display:list-item; float:none; background:#198be2; font-size:12px; border-top:1px solid #cccccc; padding:0px !important; text-align:left !important; font-weight:normal!important; z-index:99999 !important; position: relative;}
header #nav div.ddsmoothmenu ul li ul li:hover {background:#57b2f8;}
header #nav div.ddsmoothmenu ul li ul li ul{top: 0; }
header #nav div.ddsmoothmenu ul li ul li a{width:200px; padding:5px 10px !important;}
* html .ddsmoothmenu{height: 1%;}
header #nav div.downarrowclass{ position: absolute; top: 11px; right: 4px;}
header #nav div.rightarrowclass{ position: absolute; top: 6px; right: 5px; }
.ddshadow{ position: absolute; left: 0; top: 0; width: 0; height: 0; background:none; }
.toplevelshadow{opacity: 0.8; }

header #nav p {float:right; margin:0 10px 0 0; padding:0; width:28px;}
header #nav p a {float:left; width:50px; padding-left:30px; height:30px; color:#105fad; text-decoration:none; font-weight:bold; line-height:30px; background:url(../images/pony.png) no-repeat -105px -82px;}

/*///////////////////////////////////////////////////---------------------banner---------------------///////////////////////////////////////////////////*/

section#bannerimg{float:left; width:100%; height:360px; padding:0;}

section#bannerimg .wrapper{
/*	background:url(images/banner1.jpg) top center no-repeat; */
	height:360px;
	width:100%;
}
.bx-wrapper{float:left; width:100%; height:360px; }
#slider1 {float:right; width:100%; margin:0; padding:0;}
#slider1 .slideimg {width:100% !important; height:360px !important; }

section#bannerimg img.banner {position:absolute; margin-left:-432px; z-index:150; }
.bx-window{ height:360px; }
.slide{float:left; width:100%; z-index:1;}
.slidetxt{float:left; width:567px; margin:0; padding-top:30px; min-height:353px;}
.slidetxt h2{font:24px 'Droid Sans', Arial, Helvetica, sans-serif; padding-bottom:10px; color:#FF0000;}
.slidetxt p{margin:0; padding:0; line-height:20px;}
.slidetxt p.more {padding-top:10px;}
.slidetxt p.more a {background:url(../images/pony.png) no-repeat 0px -152px; color:#fff; text-decoration:none; padding:3px 0 4px 11px;}
.slidetxt p.more a span {background:url(../images/pony.png) no-repeat 100% -196px; padding:3px 11px 4px 0;}
.slidetxt p.more a:hover {background-position:0 -174px;}
.slidetxt p.more a:hover span {background-position:100% -218px;}

section#slider1 .slideimg{float:right; width:435px; position:relative; z-index:-99;  background:transparent !important;  }

section#bannerimg .bx-window, section#bannerimg img.banner{margin-top:0px;}
section#bannerimg img.banner {position:absolute; margin-left:-432px; z-index:150;
}

/*///////////////////////////////////////////////////---------------------New---------------------///////////////////////////////////////////////////*/

#new-arrivals {float:left; width:100%; background:url(../images/new-bg.png) repeat-x; height:229px; position:relative; z-index:99; }
#new-arrivals  h2 {padding:25px 0 15px;}
#new-arrivals  h2 a {float:right; color:#000; font:12px Arial, Helvetica, sans-serif;}
#new-arrivals  h2 a:hover {color:#F00;}
#new-arrivals article {float:left; width:300px; padding-right:49px; line-height:20px;}
#new-arrivals article figure {float:left; width:123px; height:120px;}
#new-arrivals article figure img {position:absolute;}
#new-arrivals article div {min-height:105px;}
#new-arrivals article h3 {font:bold 12px/18px Arial, Helvetica, sans-serif;}
#new-arrivals article p {margin:0; padding:5px 0 0; height:70px;}
#new-arrivals article p.cont-para { height:50px; line-height:15px;}
#new-arrivals article p.more a {background:url(../images/pony.png) no-repeat 0px -246px; color:#fff; text-decoration:none; padding:5px 0 6px 11px;}
#new-arrivals article p.more a span {background:url(../images/pony.png) no-repeat 100% -324px; padding:5px 11px 6px 0;}
#new-arrivals article p.more a:hover, #new-arrivals article p.more1 a {background-position:0 -272px;}
#new-arrivals article p.more a:hover span, #new-arrivals article p.more1 a span {background-position:100% -350px;}

#new-arrivals article p.more2 a {background-position:0 -298px;}
#new-arrivals article p.more2 a span {background-position:100% -376px;}

#new-arrivals article p.more1 a:hover {background-position:0 -246px;}
#new-arrivals article p.more1 a:hover span {background-position:100% -324px;}

#new-arrivals article.last {padding-right:0;}

/*///////////////////////////////////////////////////---------------------bottom---------------------///////////////////////////////////////////////////*/

#bottom {float:left; width:100%; background:url(../images/shaddow.png) no-repeat top center; padding:25px 0 10px}
#bottom article, #bottom address {float:left; width:300px; padding-right:49px; }
#bottom article h2, #bottom address h2 { font:20px 'Droid Sans', Arial, Helvetica, sans-serif; color:#F00; padding-bottom:10px;}
#bottom article p , #bottom address p {margin:0; padding:0;}

#bottom article.story p {text-align:justify; line-height:22px}
#bottom article.story p.more a {color:#F00;}


#bottom article.news div.newwrapper { float:left; width:280px; padding:12px 10px 0 10px; background:url(../images/shim.png); line-height:18px;}
#bottom article.news div.newwrapper img {float:left; padding-right:10px;}
#bottom article.news div.newwrapper h3 {font:bold 12px/16px Arial, Helvetica, sans-serif;}
#bottom article.news div.newwrapper div {float:left; padding-bottom:10px; width:100%;}
#bottom article.news p.viewall { text-align:right; padding-top:0px; float:left; width:100%;}
#bottom article.news p.viewall a {color:#000;}
#bottom article.news p.viewall a:hover {color:#f00;}

#bottom address {font-style:normal; line-height:20px;  padding-right:0;}
#bottom address h3 {font:bold 12px/18px Arial, Helvetica, sans-serif;}
#bottom address p {padding-bottom:20px;}
#bottom address p a {color:#F00;}
#bottom address p a:hover {color:#000;}

/*///////////////////////////////////////////////////---------------------footer---------------------///////////////////////////////////////////////////*/

footer {float:left; width:100%; border-bottom:#a4b22b solid 5px; padding:5px 0 20px 0; font-size:12px; color:#585858; font-family:open_sanssemibold; }

.footer-bottom-nav{
	float:left;
	margin-top:36px;
}
.copyright{
	color:#000;
	float:right;
	font-family:open_sanssemibold;
	font-weight:300;
	text-decoration:none;
	padding:0 10px;
	line-height:16px;
}
.footer-right-nav{
	float: right;
	margin:35px 0px 0px 0px;
}
.footer-right-nav div{
	clear:both;
	padding:10px 0px;
}
.footer-address{
	float:left;
}
.contact-head{
	font-family:open_sansbold;
	font-weight:300;
	font-size:20px;
	color:#000;
}
.contact-address{
	color:#585858;
	width:240px;
	float:left;
	margin-top:10px;
	font-family:open_sanssemibold;
	font-weight:200;
	line-height:20px;
}
.contact-details{
	float:left;
	color:#585858;
}
.contact-mail{
	float:left;
	background:url(images/mail_icon.png) 0 0 no-repeat;
	padding-left:40px;
	
	line-height:16px;
	font-family:open_sanssemibold;
	font-weight:200;	
	margin-top:15px;	
}
.contact-mail a {
	color:#585858;
}
.contact-no{
	float:left;
	clear:both;
	background:url(images/phone_icon.png) 0 0 no-repeat;
	padding-left:40px;
	margin-top:15px;
	font-family:open_sanssemibold;
	font-weight:200;	
	line-height:24px;	
}
.footer-right-nav a{
	color:#585858;
	float:right;
	font-family:open_sanssemibold;
	font-weight:200;
	font-variant:normal;
	text-decoration:none;
	 padding:0 10px;
	 line-height:16px;
}
.footer-right-nav a.bdr{
	border-right:#585858 solid 2px !important;
}
.footer-bottom-nav a{
	color:#585858;
	float:left;
	font-family:open_sanssemibold;
	font-weight:200;
	font-variant:normal;
	text-decoration:none;
	 padding:0 10px;
	 line-height:16px;
}
.footer-bottom-nav a:first-child{
	padding-left:0;
}
.footer-bottom-nav a.bdr{
	border-right:#585858 solid 2px !important;
}
.news-wrapper{
	float:left;
	margin:10px 10px 5px 0px;
	width:484px;
}
.news-image{
	float:left;
	margin:0px 10px 0px 0px;
	width:74px;
	height:94px;
	background:url(images/news1.png) top center no-repeat;
	overflow:hidden;
}
.news-image img{
	float:left;
	width:74px;
	height:94px;
}
.social-line{
	float:left;
	width:100%;
	background:url(images/line_icon.png) repeat-x;
	height:10px;
}
.social-wrapper{
	float:left;
	width:100%;
}
.social-links{
	padding:8px 0px 20px 0;
	float:left;
}
.social_fb{
	clear:both;
	float:left;
	background:url(images/fb_1.png) no-repeat;
	margin:0px 15px 0px 0px;
	width:34px;
	height:34px;
	
}
.social_fb:hover{
	background:url(images/fb_2.png)  no-repeat;
}
.social_twitter{
	float:left;
	background:url(images/tw_1.png)  no-repeat;
	margin:0px 15px;
	width:34px;
	height:34px;	
}
.social_twitter:hover{
	background:url(images/tw_2.png) no-repeat;
}
.social_pininterest{
	float:left;
	background:url(images/pi_1.png) no-repeat;
	margin:0px 15px;
	width:34px;
	height:34px;
}
.social_pininterest:hover{
	background:url(images/pi_2.png) top center no-repeat;
}
.news-title{
	color:#7e8a13;
	font-family:open_sanssemibold;
	font-weight:200;
	line-height:24px;	
	float:left;
	font-size:16px;
	width:350px;
}
.more-news{
	color:#7e8a13;
	font-family:open_sansregular;
	font-weight:200;
	line-height:24px;	
	float:right;
	margin:-25px 5px 0px 0px;
	font-style:italic;
	text-decoration:none;
	font-size:12px;
}
.more-news:hover{
	color:#7e8a13;
}
.news-letter-wrapper{
	float:right;
	position:relative;
	padding:8px 0px 10px 0;
}
.news-letter-wrapper .success{
	color:#7e8a13;
	font-family:open_sanssemibold;
	font-weight:200;
	line-height:24px;	
	float:right;
	font-size:18px;
	width:450px;
	display:none;
}
.news-letter-wrapper .loading{
	background:url(images/loading.gif) center 10px #fff no-repeat;
	width:100%;
	display:none;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.product-loading{
	background:url(images/loading.gif) center center  no-repeat;
	background-color:rgba(0,0,0,0.5);
	text-align:center;
	width:100%;
	display:none;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1000000000;
}

.news-letter-wrapper span,.social-links span{
	font-family:open_sanssemibold;
	font-weight:200;
	line-height:34px;	
	float:left;
	font-size:16px;
	color:#444444;
}


.news-letter-wrapper a{
	background-color:#a4b22b;
	color:#fff;
	padding:0px 15px;
	line-height:34px;
	height:34px;
	font-size:12px;
	font-family:open_sanssemibold;
	font-weight:200;	
	float:right;
	text-decoration:none;
	margin-left:5px;
	clear:left;
}
.news-letter-wrapper input{
	color:#9d9d9d;
	font-family:open_sansregular;
	font-weight:200;
	line-height:32px;
	padding:0px 5px;
	height:32px;	
	float:right;
	width:250px;
	font-size:13px;	
	margin-right:15px;
	margin-left:0px;	
	border:#000 1px solid;	
}
.news-letter-wrapper input.error{
	border-color:#f00;
	color:#f00;
}
.news-letter-wrapper input.error:focus{
	color:#000;
}
.news-letter-wrapper a:hover{
	text-decoration:none;
	color:#555555;
}
.news-content{
	color:#575757;
	font-family:open_sansregular;
	font-weight:200;
	line-height:18px;	
	float:left;
	width:350px;
	font-size:13px;
}
footer ul {margin:0; padding:0; list-style:none; float:left;}
footer ul li, footer ul li a {float:left;}
footer ul li a {color:#b0afaf; border-left:#b0afaf solid 1px; padding:0 5px; text-decoration:none;}
footer ul li a.bdr {padding-left:10px;}


footer p {float:right; margin:0; padding:0;}
footer p a {color:#6d6d6d; text-decoration:none;}

footer a:hover {color:#000;}


/*///////////////////////////////////////////////////---------------------innerpage---------------------///////////////////////////////////////////////////*/

#body-wrap {float:left; width:100%; padding:20px 0; min-height:450px;}
#body-wrap div.head {float:left; width:100%}
#body-wrap div.head h2 {float:left; font:22px open_sanssemibold; font-weight:300; color:#565656;}
#body-wrap div.head p {float:right; margin:0; padding:5px 0 0; z-index:999;}
#body-wrap div.head p input[type="text"], #body-wrap div.head p select {
	float:left;
	color:#584c79; 
	width:180px !important; 
	margin-left:5px; 
	padding:6px;
	border-radius:5px;
	border:1px solid #565656 !important;
	font-family:open_sansregular;
	font-weight:400;
	font-size:14px;
}
 #body-wrap div.head p select {
	 height:35px;
	 line-height:24px;
 }
#body-wrap div.head p {
	margin-top:10px;
}
#body-wrap div.head p a{
	margin-left:10px;
	line-height:18px;
	color:#a9b634; 
	border-radius:6px; 
}
 #body-wrap div.head p select option{
	 line-height:16px;
 }
#body-wrap div.head p input[type="text"]{
		padding:8px 6px;
}
#body-wrap div.head p input, #body-wrap div.head p select option {float:left; font:12px Arial; color:#584c79; position:relative; z-index:99; }
#body-wrap div.head p input.btn {
	background:#a9b634; border-radius:6px; color:#fff; 
	 width:112px !important; 
	 border:none !important;
	 padding:8px 0;
	 font-family:open_sanssemibold;
	 font-weight:300;
	 height:auto;
	 font-size:14px;
	 margin-left:5px;
	 margin-top:0px;
	 text-align:center; 
	 cursor:pointer;
}

#keywords {border:#9a8ebf solid 2px !important; background:#FFF !important;}
#ptype {border:#cddb51 solid 2px !important; background:#FFF !important;}
select#product {border:#198be2 solid 2px !important; background:#FFF !important;}

.yarns-box{float:left; width:977px; position:relative; z-index:90; padding:8px 15px; background:#9A8EBF; margin:5px 0px 0px 0px; border-radius:15px 0px 0px 15px;}
.yarns-box select {float:left; font:12px Arial, Helvetica, sans-serif; color:#584c79; border:#756A99 solid 1px; width:180px; margin-right:8px; }
.yarns-box input[type="submit"]{background:#198be2; border:#226292 solid 1px; color:#fff; font-size:11px; font-weight:bold; height:20px; width:26px; cursor:pointer;}



/*///////////////////////////////////////////////////---------------------pagging---------------------///////////////////////////////////////////////////*/
.pagging {float:left; width:100%; margin:10px 0; text-align:center; font-family:open_sanssemibold; font-weight:300; background:nones;}
.pagging ul {margin:0 auto; padding:0; list-style:none; width:480px; height:18px;}
.pagging ul li {display:inline;}
.pagging ul li a { float:left; color:#6e6e6e; text-decoration:none;  border-radius:40px; width:26px; text-align:center; line-height:24px; height:26px; margin:0px 4px;}
.pagging ul li a:hover, .pagging ul li a.active {background:#A9B634; color:#FFF;}
.pagging ul li a.pre, .pagging ul li a.gpre {background:#A9B634; color:#FFF;   margin-right:10px;}
.pagging ul li a.next , .pagging ul li a.gnext {background:#A9B634; color:#FFF;   margin-right:10px; }







/*/////////////////////////////////////////---------------------product-listing---------------------////////////////////////////////////////*/

.productwrap { float:left; width:100%;}
.productwrap article {
	display:inline-block;
	float:left; 
	width:216px; 
	background:#FFF; 
	margin:10px 0 10px 30px; 
	padding:5px 0; 
	text-align:center;
	position:relative;
}
.productwrap article a.image-wrapper{
	width:140px;
	height:240px;
	margin:0px auto;
}
.productwrap article .product-id{
	font-size:11px;
	font-family:open_sanssemibold;
	font-weight:300;
	color:#333333;
	clear:both;
	float:left;
	width:200px;
	text-align:center;
}
.productwrap article.mgr {margin-left:0; clear:both;}
.productwrap article h2 {
	font-family:open_sansbold;
	font-weight:300;
	font-size:14px;
	color:#333333;
	float:left;
	width:200px;
	line-height:16px;
	text-align:center;
	min-height:40px;
}
.productwrap article p {margin:0; padding:2px 5px; float:left; width:170px; text-align:left;}
/*.productwrap article p {margin:0; padding:2px 5px; float:left; width:170px; text-align:left;}
.productwrap article p.pimg {text-align:center; position:relative; }
.productwrap article p.button {background:#126baf; font-size:11px;}
.productwrap article p.button a {float:left; color:#fff;}
.productwrap article p.button a.compare-btn {float:right;}
.productwrap article p a {color:#900; text-decoration:none; float:right;}
*/
.productwrap article p.price {
	text-align:left;
	width:200px;
	float:left;
	font-family:open_sansbold;	
	
}
.productwrap article p.price span#retailprice {
	float:left;
	font-size:20px;
	color:#969f32;
	font-weight:500;
	line-height:22px;

}
.productwrap article p.price span#splprice {
	text-decoration:line-through;
	font-size:14px;
	color:#333333;
	font-weight:400;
	float:left;	
	margin-right:10px;	
	line-height:22px;
}
.product-top{
	float:left;
	width:210px;
	padding:0px 8px;
	margin-top:10px;
}
.links{
	float:left;
	width:216px;
	padding:10px 0;
	margin-top:5px;
	border-top:1px dashed #333333;
	border-bottom:1px dashed #333333;
}
.links a{
	float:left;
	width:60px;
	margin:0px 6px;
	font-size:10px;
	color:#5e5e5e;
	font-family:open_sansregular;
	font-weight:300;
	text-align:center;
	text-decoration:none;
}
.links  a:hover{
	text-decoration:none;
}
.links  a:hover span{
	background-color:#a9b634;
}
.links  a.sold-out:hover span{
	background-color:#E03838;
}

.links a span{
	float:left;
	margin:2px 0 4px 0;
	width:60px;
	height:36px;
	border-radius:4px;
}
.links .view-detail span{
	background:url(../images/search-view.png) center 8px no-repeat #b0b0b0;
}
.links .product-bag  span{
	background:url(../images/shopping-box.png) center 4px no-repeat #b0b0b0;
}
.links .compare-view  span{
	background:url(../images/product-list.png) center 8px no-repeat #b0b0b0;
}

.productwrap article p#off {
	position:absolute; 
	width:37px; 
	height:54px; 
	padding:0 5px 0 0; 
	background:url(../images/offer-tag.png) no-repeat;
	top:14px; 
	left:12px; 
	font:10px open_sanssemibold;
	font-weight:300; 
	z-index:10000;
	text-align:center; 
	text-transform:capitalize; 
	color:#FFF;
}
.productwrap article p#off span {
	display:block; 
	clear:both;
	margin-top:5px;
}

.productwrap article p#newarrival {
	position:absolute; 
	width:37px; 
	height:54px;  
	padding:0 5px 0 0; 
	background:url(../images/green.png) no-repeat;
	top:14px; 
	left:12px; 
	font:10px open_sanssemibold;
	font-weight:300; 
	z-index:10000;
	text-align:center; 
	text-transform:capitalize; 
	color:#FFF;
}
.productwrap article p#bestseller {	
	position:absolute; 
	width:37px; 
	height:54px; 
	padding:0 5px 0 0; 
	background:url(../images/violet.png) no-repeat;
	top:14px; 
	left:12px; 
	font:10px open_sanssemibold;
	font-weight:300; 
	z-index:10000;
	text-align:center; 
	text-transform:capitalize; 
	color:#FFF;
}
.productwrap article p#bestseller span {	
	display:block; 
	clear:both;
	margin-top:5px;
}


.productwrap article p#newarrival span {	
	display:block; 
	clear:both;
	margin-top:16px;
}

.productwrap article p.more a {font-size:11px; line-height:28px; float:right;}
.productwrap article p.pimg a { float:none;}






/*/////////////////////////////////////////---------------------product-details---------------------////////////////////////////////////////*/

.product-details {float:left; width:800px;}
.product-left, .product-thumb {float:left; width:320px;}
.product-img {float:left; width:296px; background:url(../images/product-y.jpg) repeat-y;}
.product-img div {background:url(../images/product-top.jpg) no-repeat;}
.product-img div div {background:url(../images/product-bottom.jpg) no-repeat bottom  right;  padding: 5px 10px 11px 0px;width: 286px;}
.product-img div div div {background:none; padding:0; width:auto;}
.product-img div div a.enlarge {float:right; width:35px; height:27px; background:url(../images/zoom.jpg) no-repeat; text-align:left; text-indent:0px; margin-top:285px; z-index:20; position:relative;}


.product-thumb ul {margin:0; padding:0; list-style:none;}
.product-thumb ul li, .product-thumb ul li a, .product-thumb ul li a img {float:left;}
.product-thumb ul li {padding-right:5px;}
.product-thumb ul li a {border:#e2e2e2 solid 1px; padding:3px;}
.product-thumb ul li a:hover {background:#FFF; border-color:#999;}


.product-right {float:left; width:460px; line-height:20px; text-align:justify;}
.product-right #cart p {clear:both; margin:0; padding:10px 0 0;}
.product-right #cart p.price {font:18px open_sanssemibold;}
.product-right #cart p label, .product-right #cart p input, .product-right #cart p button, .product-right #cart p button span, .product-right #cart p a.addtocart span {float:left; }



.product-right #cart p label {line-height:26px; padding-right:10px; width:80px; text-align:left;}
.product-right #cart p.quantity input {width:50px;}


/*/////////////////////////////////////////---------------------product-comparison---------------------////////////////////////////////////////*/
.compare {float:left; width:100%; padding-top:20px;}
.compare-articlewrap {float:left; width:748px; padding-left:235px;}
.compare article {background:#FFF; width:165px; float:left; margin:0 10px 10px 0; padding:5px; border:#dbdbdb solid 1px; text-align:center;}
.compare article:hover {background:#f4f4f4; border-color:#CCC}
.compare article p {margin:0; padding:5px 0;}
.compare article p a {color:#000; text-decoration:none; font-weight:bold;}
.compare article p a:hover {color:#F00;}
.compare article p.close {position:absolute; width:13px; height:13px; margin-left:154px; z-index:5; margin-top:-7px;}
.compare article p.close a {float:left; background:url(../images/close.png) no-repeat; text-indent:-9999px; width:13px; height:13px;}


.compare table {float:left; width:100%; margin-top:20px; border:#e8e8e8 solid 1px; background:#FFF;}
.compare table th, .compare table td {padding:5px; text-align:left;}
.compare table th {width:250px;}
.compare table td {width:210px;}

.compare table tr.even th, .compare table tr.even td {background:#f9f9f9;}


.compare table td  a {color:#000; text-decoration:none; font-weight:bold;}
.compare table td  a:hover {color:#F00;}

.product-compare {float:right; width:180px; min-height:450px;}
.product-compare h3 { text-align:center; background:#a9b634; color:#FFF; font:14px; cursor:pointer; padding:5px 0;}
.product-compare h3 a {color:#FFF; text-decoration:none;}
.product-compare h3:hover {background:#b0b0b0;}
.product-compare article {background:#fff; border:#DBDBDB solid 1px; padding:5px; float:left; width:170px; text-align:center; margin:15px 0 0 !important;}
.product-compare article h2 {font-size: 12px; width:auto; float:none; }
.product-compare article img {float:left;}
.product-compare article a.close { float:right; width:16px; height:16px; background:url(../images/close-new.png) no-repeat; text-indent:-9999px; margin-top:-10px; margin-right:-10px;}


/*/////////////////////////////////////////---------------------cart-checkout---------------------////////////////////////////////////////*/
.cart {float:left; width:100%;}
.cart-table .top, .cart-table .bottom {float:left; width:966px; padding:0 16px;}
.cart-table .top img {float:left;}
.cart-table .bottom img {float:right;}
/* 
background:url(../images/cart-right.png) no-repeat bottom right; 
background:url(../images/cart-left.png) no-repeat top left;
background:url(../images/shim.png);
*/
.cart-table .middle {padding-right:16px; float:left; width:982px;}
.cart-table .middle div { padding-left:16px; float:left; width:966px;}
.cart-table .middle div div { min-height:80px; float:left; width:936px; padding:15px;}
.cart-table .middle div div table {float:left; width:935px;}
.cart-table .middle div div table th, .cart-table .middle div div table td {padding:10px; text-align:center; color:#7f7f7f; border-bottom:#CCC solid 1px; font-size:12px; font-family:open_sanssemibold; font-weight:300;}
table td.border-right {
	border-right:#CCC solid 1px;
}
.cart-remove{
	background-color:#5e5e5e;
	border-radius:5px;
	line-height:19px;
	width:20px;
	color:#fff;
	margin-left:10px;
	text-decoration:none;
	float:left;
}
.cart-remove:hover{
	text-decoration:none;
	color:#ededed;
}
.cart-table .middle div div table th {color:#7f7f7f; font-size:14px; font-family:open_sanssemibold; font-weight:300; }
.cart-table .middle div div table .product {text-align:left; width:360px; font-size:12px; font-family:open_sanssemibold; font-weight:300; }
.cart-table .middle div div table .product strong {text-align:left; width:360px; color:#7f7f7f; font-size:14px; font-family:open_sansbold; font-weight:300;}
.cart-table .middle div div table .product img {float:left; margin-right:10px;}
.cart-table .middle div div table .quantity input {width:50px; border-radius:4px; text-align:center;}


.cart p.price, .cart p.button {float:left; width:970px; font-size:14px; text-align:right; margin:0; padding:0; font-family:open_sanssemibold; font-weight:300; }
.cart p.price{
	color:#7f7f7f;
}
.cart p.price span {float:right; width:88px; color:#d9833d;}
.cart p.price span .WebRupee{float:none;}


.cart p.button { margin:0; padding:15px 0;}
.cart p.button button {float:right; margin-left:10px; margin-right:0; cursor:pointer; padding-right:11px;}

.cart p.button button[disabled="disabled"]{
	background-color:#818c20;
	cursor:default;
	opacity:0.6;
}

.cart-table .middle div div div {background:none; float:left; width:385px; margin-right:50px;}
.cart-table h2 {font:18px/18px 'Droid Sans', Arial, Helvetica, sans-serif; color:#F00; padding-bottom:10px;}
.cart-table h2 a {color:#F00; font-size:12px; float:right; text-transform:uppercase; line-height:18px;}
.cart-table .address p {margin:0; padding:0; line-height:20px}

.cart-table .middle div.more_details {margin-right:0; min-height:inherit !important; padding:0 0 0 121px; width:264px;} 
.cart-table .middle div.more_details p {padding-top:0; width:130px;}
.cart-table .middle div.more_details p label {width:130px !important; font-weight:bold; font-size:13px; line-height:18px}
.cart-table .middle div.more_details p ul {margin:0; padding:0; list-style:none;}



.card .middle, .card .top, .card .bottom {width:466px; clear:both;}
.card .bottom { width:450px;}
.card .middle div {width:450px;}
.card .middle div div {width:420px;}
.card .middle div div p {margin:0; padding:10px 0 0 ; float:left; width:100%; text-align:left;}
.card .middle div div p label, .card .middle div div p input, .card .middle div div p select {float:left;}
.card .middle div div p label {width:180px; line-height:20px;}
.card .middle div div p input {width:230px;}
.card .middle div div p.varification input {width:110px;}
.card .middle div div p select {width:114px; margin-right:6px;}

/* NEW STYLES ADDED FOR CHECKOUT PAGE*/

.checkout-bar{
	float:left;
	border-radius:4px;
	border:1px solid #cfcfcf;
	width:100%;
	border-collapse:collapse;	
	background:none;
	margin-top:20px;
}
.checkout-bar-head{
	float:left;
	width:100%;
	padding:10px 0;
	background-color:#eeeeee;
	text-transform:uppercase;
	border-radius:4px 4px 0px 0px;
	color:#595959;
	font-family:open_sanssemibold;
	font-weight:300;
	font-size:18px;
	border-collapse:collapse;
}
.checkout-wrapper{
	float:left;
	width:100%;
	padding-bottom:20px;
	display:none;
}
.checkout-bar.visible .checkout-wrapper{
	display:block;
}
.checkout-wrapper p.price {
	color:#595959;
	font-family:open_sanssemibold;
	font-weight:300;
	font-size:16px;
	margin:2px 0;
	float:left;
	width:90%;
}
.checkout-wrapper .checkout-continue,.pay{
	text-transform:uppercase; 
	cursor:pointer; 
	width:220px; 
	line-height:35px;
	font-family:open_sansregular;
	font-weight:300;
	height:35px;
	line-height:35px;
	font-size:16px;
	text-align:center;
	float:left;
	background:#A4B22B;
	color:#fff;
	border-radius:4px;
	margin:25px 0px 20px 20px;	
}
a.checkout-continue{
	text-decoration:none;
}

.checkout-wrapper-right{
	float:right;
	width:50%;
}
.LeftWrapper{
	float:left;
	width:300px;
	margin-left:20px;
	margin-top:20px;	
}
.RightWrapper{
	float:left;
	width:550px;
	margin-left:20px;	
	margin-top:30px;
}
.PayBtn{
	font-family:open_sansregular;
	cursor:pointer;
	font-weight:300;
	font-size:14px;
	border-bottom:1px solid #fff;
	background-color:#d9833d;
	color:#fff;
	padding:7px 20px;
	width:200px;
}
.PayBtn span{
	float:right;
	margin-right:-32px;
	margin-top:2px;
	display:none;
	background:url(../images/green_right_arrow.png) -14px -4px no-repeat;
	width:12px;
	height:20px;
}
.PaymentContent{
	display:none;
	float:left;
	width:95%;
	font-family:open_sansregular;
	font-weight:300;
}
.PaymentContent strong{
	font-family:open_sanssemibold;
	font-weight:300;
}
.PaymentContent:first-child{
	display:block;
	
}
.PayBtn.active{
	background-color:#a4b22b;
}
.PayBtn.active span{
	display:block;
}

.checkout-wrapper p.price span{
	color:#d9833d;
	float:none;
}
.checkout-bar-head-btn{
	background-color:#d9833d;
	color:#fff;
	font-family:open_sanssemibold;
	font-weight:300;
	font-size:14px;
	padding:4px 10px;
	float:right;
	margin-right:10px;
	display:none;
	border-radius:4px;
	cursor:pointer;
}
.checkout-bar-head span{
	margin-left:20px;
}
.checkout-bar.active .checkout-bar-head-btn{
	display:block;	
}
.checkout-bar.active .checkout-bar-head{
	background-color:#fff;
	color:#a4b22b;
}
.checkout-bar.visible .checkout-bar-head{
	background-color:#a4b22b;
	color:#fff;
}


/*/////////////////////////////////////////---------------------signup---------------------//////////////////////////////////////// e9e9e9 */
.signup {line-height:20px;}

.registration {float:left; width:100%; border:1px solid #cfcfcf; border-radius:4px;}
.registration .form {float:left; width:50%; }
.registration .form form{
	width:340px;
	margin:0px auto;
}
.registration .form.register{
	background-color:#fafafa;
	height:100%;
}

.registration .form h2.register-form { text-align:center; width:100%; font-family:open_sanssemibold; font-weight:300; font-size:20px; color:#fff; padding:24px 0px; background:url(../images/register.png) 165px 16px no-repeat #869123;    }
.registration .form h2.login-form{ background:url(../images/login.png) 180px 16px no-repeat #a4b22b; text-align:center; width:100%; font-family:open_sanssemibold; font-weight:300; font-size:20px;padding:24px 0px; color:#fff; }
.registration p{
	color: #7f7f7f;
	font-family:open_sanssemibold; font-weight:300; font-size:18px; text-align:center;
}
.registration  a{
	color:#d34f4f;
	font-family:open_sansregular;
	font-weight:200;
	font-size:14px;
	text-decoration:none;
}
.registration label {width:120px !important;}
.registration input { color:#565656; border-radius:4px;	font-family:open_sansregular;
	font-weight:300; line-height:20px; font-size:14px; border:1px solid #cfcfcf;
 width:320px !important; padding:6px 5px; }
.registration #capchaimage{
	float:left;
}
.registration .captcha{
	width:112px !important;
}
#feildHtml_newsletter{
	clear:both;
	width:100%;
	font-family:open_sansregular;
	font-weight:300;
	margin-bottom:20px;
	font-size:14px;
	float:left;
	text-align:left;
	margin-top:15px;	

}
.registration input#newsletter_1 {width:20px !important;}
.registration .form.login button{
	margin:0 auto;
	float:none;
}
.registration button {text-transform:uppercase; cursor:pointer; width:220px; line-height:35px;
	font-family:open_sansregular;
	font-weight:300;
	margin-bottom:20px;
	height:35px;
	line-height:35px;
	font-size:16px;
	text-align:center;
 }
.registration .button-pay a {float:right; color:#000; padding-right:7px;}
.registration .button-pay button{
	margin-bottom:20px;
}

/*/////////////////////////////////////////---------------------my-account---------------------////////////////////////////////////////*/
.account-left {float:left; width:735px; border-right:#c6c6c6 solid 5px; min-height:350px;}
.account-left a {color:#F00;}
.account-left .details a {text-decoration:none;}
.account-left .details a:hover {color:#000; text-decoration:underline;}
.account-left .details p.change-pass a{color:#198be2; text-decoration:none; font:20px/20px 'Droid Sans', Arial, Helvetica, sans-serif; background:url(../images/pass-arrow.png) no-repeat; padding-left:30px; float:left;}
.account-left .details p.change-pass a:hover {color:#F00;}

.account-left .address, .account-left .recently {float:left; width:735px; padding-top:20px;}
.account-left .address address {float:left; width:300px; font-style:normal; margin-right:25px;}
.account-left .address address h2, .account-left .recently h2 {float:left; width:100%; font:normal 16px/20px 'Droid Sans', Arial, Helvetica, sans-serif; border-bottom:#c6c6c6 solid 2px;}
.account-left .address address h2 a {float:right; font-size:12px; text-transform:uppercase;}
.account-left .address address p {float:left; width:100%; padding-top:10px; margin:0;}

.account-left .recently h2 {margin-bottom:20px;}
.account-left .recently article {background:#FFF; width:170px; float:left; margin:0 10px 10px 0; padding:5px; border:#dbdbdb solid 1px; text-align:center;}
.account-left .recently article:hover {background:#f4f4f4; border-color:#CCC}
.account-left .recently article p {margin:0; padding:5px 0; min-height:50px;}
.account-left .recently article p a {color:#000; text-decoration:none; font-weight:bold;}
.account-left .recently article p a:hover {color:#F00;}
.account-left .recently article p.close {position:absolute; width:13px; height:13px; margin-left:158px; z-index:5; margin-top:-7px;}
.account-left .recently article p.close a {float:left; background:url(../images/close.png) no-repeat; text-indent:-9999px; width:13px; height:13px;}



.account-right {float:left; width:200px; font:bold 12px Arial, Helvetica, sans-serif;}
.account-right ul {margin:10px 0 0; padding:0; list-style:none;}
.account-right ul li {float:left; clear:both; padding-bottom:5px;}
.account-right ul li a {float:left; color:#FFF; background:#a4b22b; padding:5px 40px 5px 10px; text-decoration:none; width:120px;}
.account-right ul li a:hover, .account-right ul li a.active {background:#969f32;}








/*/////////////////////////////////////////---------------------edit-account---------------------////////////////////////////////////////*/
.edit-profile .edit, .edit-profile .address {float:left; width:100%; padding-top:10px;}
.edit-profile label, .edit-profile input {float:left;} 
.edit-profile label {width:136px; line-height:20px;}
.edit-profile input {color:#736797; width:180px; font-size:11px;}
.edit-profile select {color:#736797; width:180px; font-size:12px;}
.edit-profile .edit input {width:250px;}
.edit-profile p.btn label { visibility:hidden;}
.edit-profile p {float:left; width:100%; margin:0; padding:0 0 10px;}

.edit-profile .address h2 {font:24px 'Droid Sans', Arial, Helvetica, sans-serif; color:#F00;}
.edit-profile .address div {float:left; width:320px; margin-right:30px; padding-top:15px;}
.edit-profile .address h3 {float:left; width:100%; font:normal 16px/20px 'Droid Sans', Arial, Helvetica, sans-serif; border-bottom:#c6c6c6 solid 2px; margin-bottom:20px;}
.edit-profile .address h3 span {float:right;}
.edit-profile .address h3 span label {width:90px; color:#F00; font:12px Arial, Helvetica, sans-serif; text-decoration:underline;}
.edit-profile .address h3 span input {width:auto;}
.edit-profile .address div p {float:left; width:100%;}








/*/////////////////////////////////////////---------------------wishlist---------------------////////////////////////////////////////*/
.account-left .wishlist article {margin-bottom:50px;}
.account-left .wishlist article p.button {position:absolute; margin-top:5px; margin-left:39px;}







/*/////////////////////////////////////////---------------------recently---------------------////////////////////////////////////////*/
.account-left .recently table {border:#e6e6e6 solid 2px;}
.account-left .recently table td, .account-left .recently table th {padding:5px;}
.account-left .recently table th {background:url(../images/td-headbg.jpg) repeat-x; color:#FFF; font-size:13px; text-transform:uppercase;}
.account-left .recently table td {color:#515151; font:11px; border-top:#e6e6e6 solid 1px; text-align:center;}
.account-left .recently table .product {width:220px;}
.account-left .recently table td.product {text-align:left;}
.account-left .recently table .product img {float:left; margin-right:10px; border:#CCC solid 1px; padding:1px;}
.account-left .recently table .date, .account-left .recently table .total {border-left:#e6e6e6 solid 1px; border-right:#e6e6e6 solid 1px;}
.account-left .recently table a {text-decoration:none;}
.account-left .recently table a:hover {text-decoration:underline; color:#000;}






/*/////////////////////////////////////////---------------------contact---------------------////////////////////////////////////////*/
.contact .map {float:right; width:370px; height:304px; border-bottom:#DBDBDB solid 5px; border-right:#DBDBDB solid 5px; margin-top:20px;}
.contact .map img {margin:-5px !important ; border-top:#f7f7f7 solid 1px; border-left:#f7f7f7 solid 1px; }

.contact address {font-style:normal; float:left; width:280px; min-height:130px; line-height:18px; border-bottom:#c6c6c6 solid 5px; margin:10px 30px 10px 0; color:#2d2d2d;}
.contact address p {margin:0; padding: 0 0 10px;}
.contact address p a {color:#F00;}
.contact address p a:hover {color:#000;}









/*/////////////////////////////////////////---------------------faq---------------------////////////////////////////////////////*/
.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding:10px 0px 10px 0;
font-weight:bold;
width:963px;
background:url(../images/plus-icon.png) right center no-repeat;
border-bottom:1px dotted #c2c2c2;
color:#000;
}
.mypets a{ /*header of 1st demo*/
cursor: hand;
color:#000;
text-decoration:none;
}


.mypets2{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding:10px 0px 10px 0;
font-weight:bold;
width:970px;
border-bottom:1px dotted #c2c2c2;
color:#000;
}
.mypets2 a{ /*header of 1st demo*/
cursor: hand;
color:#000;
text-decoration:none;
}
.openpet{ /*class added to contents of 1st demo when they are open*/
background:url(../images/minus-icon.png) right center no-repeat;
margin-bottom:0px;
border-bottom:none;
color:#0c69b0;
border-bottom:1px dotted #c2c2c2;
}

.thepet{width:970px;
margin-top:1px;
padding:0px;
margin-bottom:0px;
border-bottom:1px dotted #c2c2c2;
color:#606060;
}








/*/////////////////////////////////////////---------------------button---------------------////////////////////////////////////////*/

button, a.addtocart{color:#fff; text-decoration:none; padding:0 12px 0 12px; border:0; margin-right:5px; overflow: visible; float:left; cursor:pointer; height:26px; overflow:hidden; background:#A4B22B; border-radius:6px;}
button span, a.addtocart span {  padding:0 0px 0 0;  float:left; font:12px/26px open_sanssemibold !important; font-weight:300; }
button:hover, a.addtocart:hover { color:#FFF !important;}
button:hover span, a.addtocart:hover span {background-position:100% -350px;}

@-moz-document url-prefix() {
  button span{ margin-top:-2px;
  }
}

@-moz-document url-prefix() {
  a.addtocart span{ margin-top:0;
  }
}

button.back-to{float:left !important; margin-right:0; background:url(../images/pony.png) no-repeat 0px -152px; height:22px; padding-left:8px !important; margin-top:3px;}
button.back-to span {background:url(../images/pony.png) no-repeat 100% -196px; padding:0 10px 0 0 !important;  line-height:22px !important;}

button.back {float:right !important; margin-right:0; background:#1B1B1B; height:22px;  margin-top:3px; border-radius:10px; }
button.back  span {padding:0 0 0 0 !important;  line-height:22px !important;}
button.back:hover {background:#356aa0;}



/*/////////////////////////////////////////---------------------content-pages---------------------////////////////////////////////////////*/
.content-wrap, .content-wrap .banner {float:left; width:100%;}
.content-wrap .banner {height:190px; margin-top:-10px;}
.content-wrap .banner img, .content-wrap .banner h1 {position:absolute;}
.content-wrap .banner h1 {padding-top:125px; padding-left:25px; color:#FFF; width:973px;}


.content-wrap .content {line-height:20px;  width:978px; float:left; padding:0 10px; text-align:justify;}

.internal {background:url(../images/new-bg.png) repeat-x !important;}
.internal .newproduct {padding-left:10px;}
.internal article {padding-right:44px !important;}
.newproduct ul {float:left; margin:0; padding:0; list-style:none;}
.newproduct ul li, .newproduct ul li a, .newproduct ul li a img {float:left; padding:0 !important;}
.newproduct ul li {padding:0 11px 11px !important;}
.newproduct ul li a {border:#FFF solid 5px;}
.newproduct ul li a:hover {border:#fff solid 2px; padding:3px !important;}




/*/////////////////////////////////////////---------------------vedio---------------------////////////////////////////////////////*/
.video-raw {float:left; width:100%; padding:0 0 20px 0;}
.video-raw h2 {font:normal 16px/20px 'Droid Sans', Arial, Helvetica, sans-serif; color:#F00; border-bottom:#CCC solid 1px; margin-bottom:10px;}
.video-raw article {float:left; width:306px; padding-right:20px; margin:20px 0;}
.video-raw article .thumb {width:82px; height:91px; border-bottom:#CCC solid 2px; border-right:#CCC solid 2px; float:left; margin-right:10px;}
.video-raw article .thumb img {position:absolute; border:#FFF 3px solid; margin-left:-2px; margin-top:-2px;}
.video-raw article .play {background:url(../images/shim1.png); width:23px; padding:30px 27px; height:26px;}
.video-raw article .play:hover {background:url(../images/shim.gif); width:23px; padding:30px 27px; height:26px;}

.video-raw article h3 {font:bold 12px/20px Arial, Helvetica, sans-serif;}
.video-raw article p {margin:0; padding:0; }
.video-raw article p a.readmore {color:#F00; text-decoration:none; display:block;}
.video-raw article p a:hover {color:#000; text-decoration:underline;}
a.readmore {color:#F00; text-decoration:none; display:block;}
a:hover {color:#000; text-decoration:underline;}




/*/////////////////////////////////////////---------------------timetable---------------------////////////////////////////////////////*/
.time-table { float:left; width:100%; padding:0 0;}
.time-table address {float:left; font-style:normal; width:280px; margin-right:40px; margin-top:20px;}
.time-table address h3 {font:bold 12px Arial, Helvetica, sans-serif; color:#F00;}
.time-table address h3 a{font:bold 12px Arial, Helvetica, sans-serif; color:#F00; text-decoration:none;}
.time-table address h3 a:hover {color:#000;}
.time-table address p {margin:0; padding:5px 0 15px;}
.time-table address p a {color:#F00;}
.time-table address p a:hover {color:#000;}





/*/////////////////////////////////////////---------------------event---------------------////////////////////////////////////////*/
.event { float:left; width:100%; padding:0 0;}
.event article {float:left; font-style:normal; width:299px; margin-left:40px; margin-top:20px; border-top:#CCC solid 5px; background:url(../images/shaddow2.png) no-repeat top center; padding-top:10px;}
.event article img {float:right; margin-left:10px; border-bottom:#CCC solid 2px; border-right:#CCC solid 2px;}
.event article h3 {font:normal 14px/20px 'Droid Sans', Arial, Helvetica, sans-serif; color:#3f3f3f;}
.event article p {margin:0; padding:0; line-height:18px;}
.event article p.readmore {padding:0;}
.event article p.readmore a {color:#F00; text-decoration:none;}
.event article p.readmore a:hover {color:#000;}

.event article.mgr {margin-left:0;}







/*/////////////////////////////////////////---------------------forum---------------------////////////////////////////////////////*/
.forum  .pagging {width:250px; float:right; background: none; margin-top:-20px;}

.forum table {border:#d6d6d6 solid 2px; font-weight:bold; }
.forum table th, .forum table td {padding:7px 12px; border-bottom:#bce2ff solid 1px; text-align:center;}
.forum table th {font:14px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#FFF; background:url(../images/forum-head.jpg) repeat-x;}
.forum table .topic {width:650px; text-align:left; font-weight:normal;}
.forum table th.topic {text-align:center;}
.forum table a {color:#4f4f4f; text-decoration:none;}
.forum table a:hover {color:#F00;}
.forum table .author a {color:#46396c;}
.forum table .author {border-left:#bce2ff solid 1px; border-right:#bce2ff solid 1px;}
.forum table .views {border-left:#bce2ff solid 1px;}
.forum table tr.last td {border-bottom:#bce2ff solid 10px;}


.forum-dis table {font-weight:normal !important; color:#333; background:#FFF;}

.forum-dis th.message ul {float:right; margin:0; padding:0; list-style:none;}
.forum-dis th.message ul li, .forum-dis th.message ul li a {float:left;}
.forum-dis th.message ul li a{background:url(../images/arrow.png) no-repeat; width:18px; height:16px; text-indent:-9999px;}
.forum-dis th.message ul li a.next {background-position:-18px 0;}

.forum-dis .author {width:120px;}

.forum-dis td.message div.post {float:left;}
.forum-dis td.message div.date {float:right;}

.forum-dis .author1, .forum-dis .message1 {text-align:left;}
.forum-dis .author1 p, .forum-dis .message1 p {margin:0; padding:0 0 15px; line-height:20px;}


.forum-dis td.message1 h2 {color:#525252; font:normal 16px/20px 'Droid Sans', Arial, Helvetica, sans-serif;}
.forum-dis td.message1 .response, .forum-dis td.message1 .leave-reply {float:left; width:100%; padding:30px 0 0;}
.forum-dis td.message1 .leave-reply {padding:0;}
.forum-dis td.message1 .response .comment-wrap {float:left; width:100%; padding:0 0 20px;}
.forum-dis td.message1 .response .comment-wrap img {float:right; padding:3px; border:#eeeeee solid 1px;}

.forum-dis td.message1 .response .comment-wrap h3 {font:bold 12px Arial, Helvetica, sans-serif; margin-top:10px;}
.forum-dis td.message1 .response .comment-wrap h3 span {font:normal 11px Arial, Helvetica, sans-serif;}
.forum-dis td.message1 .response .comment-wrap p.comment-date {margin:0; padding:0; font:11px Arial, Helvetica, sans-serif; color:#acacac;}
.forum-dis td.message1 .response .comment-wrap div.comment {float:left; width:100%; padding:10px 0 0;}
.forum-dis td.message1 .response .comment-wrap div.comment p {padding-bottom:5px;}
.forum-dis td.message1 .response .comment-wrap div.comment p.reply a{color:#F00; font-weight:bold;}
.forum-dis td.message1 .response .comment-wrap div.comment p.reply a:hover {color:#000; text-decoration:underline;}


.forum-dis td.message1 .leave-reply {padding-bottom:20px;}
.forum-dis td.message1 .leave-reply p {padding:7px 0 0;}
.forum-dis td.message1 .leave-reply p input, .forum-dis td.message1 .leave-reply p textarea {font:12px Arial, Helvetica, sans-serif;}
.forum-dis td.message1 .leave-reply p input {width:250px; padding:5px;}
.forum-dis td.message1 .leave-reply p textarea {width:300px; height:80px; padding:5px; overflow:auto;}
.forum-dis td.message1 .leave-reply p.btn {padding:0;}
.forum-dis td.message1 .leave-reply p.btn input {border:#000 solid 1px; cursor:pointer; background:#373737; color:#FFF; text-transform:uppercase; width:140px; height:26px;}
.forum-dis td.message1 .leave-reply p.btn input:hover {background:#198be2; border-color:#064574;}
.inputfile{ height:21px !important;}


/*/////////////////////////////////////////---------------------extra---------------------////////////////////////////////////////*/
.fb_share_size_Small {float:left !important; background:url(../images/f-share.png) no-repeat !important; width:78px; height:26px; text-indent:-9999px;}
.paybutton{ width:100% !important; text-align:center;}


.product-form {float: left; width: 330px; margin:10px 0;}
.product-form p { border-bottom: 1px dashed #CCCCCC;
    margin: 0;
    padding: 5px 0 !important;
}

.product-form p label {
    float: left;
    width: 120px;
}
.product-form p select {
    width: 182px !important;
}

input.productCode{
	border:none;
	background:none;	
}

.external-link{
	float: left;
	width:100%;
	text-align:center;
	margin:15px 0px;
	}
.external-link a{
	padding:0px 5px;
	color:#B0AFAF;
	}
	
	
.product-option {float: left; width: 460px; margin:0;}
.product-option p { border-bottom: 1px dashed #CCCCCC;
    margin: 0;
    padding: 5px 0 !important;
	float: left;
	width:100%;
}

.product-option p label {
    float: left;
	font-weight:bold;
}
.product-option p select {
    width: 182px !important;
}

.product-option p input[type="text"] {
    width: 200px;
	padding:2px 3px;
	border:solid 1px #ccc;
}

.pro-row{
	float:left;
	width:1000px;
	margin-top:15px;
	margin-bottom:5px;
	}
.pro-box{
	float:left;
	width:290px;
	margin:0px 15px;
	border:solid 1px #ccc;
	min-height:90px;
	background:#eee;
	padding:5px;
}

.pro-img{
	float:left;
	width:158px;
	position:relative;
	}
.pro-img-thumb{
	float:left;
	width:152px;
	margin-right:5px;
	position:relative;
	z-index:20;
	}

.pro-img-thumb img{
	float:left;
	width:150px;
	height:150px;
	border:solid 1px #ccc;
}
.zoom-in{
	width:16px;
	height:16px;
	position:absolute;
	z-index:99;
	bottom:5px;
	left:5px;
	}
.pro-details{
	float:right;
	width:130px;
	}
.pro-details p{
	margin:5px 0px ;
	padding:0px;
}

.pro-details p.price{
	color:#C5000B;
	float:right;
	width:50%;
	text-align:right;
	font-weight:bold;
}
.pro-details p.off{
	color:#C5000B;
	float:right;
	width:100%;
	text-align:right;
	font-weight:bold;
}

.pro-details p.color{
	color:#444;
	font-weight:bold;
}

.pro-details p.procode{
	float:left;
	width:50%;
	color:#444;
}

.pro-details p.stok{
	color:#C5000B;
	font-weight:bold;
	text-align:right;
}

.pro-details p.qnty{
	float:left;
	width:100%;
	}
.pro-details p select{
	float:left;
	width:130px;
	font-size:11px;
	color:#444;
	padding:2px;
	border:solid 1px #ccc;
}

.pro-details p.add-cart{
	float:left;
}

.pro-details p.add-cart a{
	color:#fff;
	font-weight:bold;
	float:left;
	width:130px;
	padding:6px 0px 4px 0px;
	text-align:center;
	border-radius:10px;
	text-decoration:none;
	font-size:11px;
	background:#356AA0;
}

.pro-details p.add-cart a:hover{
	background:#9A8EBF;
}

.pro-details p.whish{
	float:left;
}

.pro-details p.whish a{
	color:#fff;
	font-weight:bold;
	float:left;
	width:130px;
	padding:6px 0px 4px 0px;
	text-align:center;
	border-radius:10px;
	text-decoration:none;
	font-size:11px;
	background:#bece2c;
}

.pro-details p.whish a:hover{
	background:#9A8EBF;
}

.bank-details{
	text-align:left !important;
	color:#333;
	width:600px !important;
}

.main-wrap{
	float:left; 
	width:100%; 
	border-top: 1px dashed #565656;
	margin-top:10px;
	} 
.leftnav-head{
	font-size:18px;
	font-family:open_sansbold;
	font-weight:400;
	color:#565656;
	float:left;
	margin:25px 0 10px 0;
	text-transform:uppercase;
}
.left-side{
	float:left; 
	width:260px; 
}

.left-side ul{
	margin:10px 0 0 0; 
	padding:0; 
	list-style:none; 
	float:left; 
	width:260px; 
}
.left-side ul li{
	float:left; 
	width:260px; 
	font-size:15px;  
	padding:0px; 
	text-align:left;
}
.left-side ul li a{
	width:235px; 
	padding:8px 20px 8px 5px; 
	border-bottom:1px dashed #565656; 
	float:left; 
	color:#565656; 
	text-decoration:none; 
	font-family:open_sansregular; 
	font-weight:200;
	font-size:14px;
}
.left-side ul li a:hover{ color:#89922d; }
.left-side ul li a.active{
	color:#89922d; 
	font-family:open_sanssemibold; 
	font-weight:300; 
	border-bottom:1px dashed #000;
    background:url(../images/leftnav-image.png) calc(98%) 12px no-repeat;
}

.right-side{
	float:right; 
	width:710px; 
}

.breadcrumb{
	float:right; 
	width:1000px; 
	border-top: 1px dashed #565656;
	margin-top:15px;
	}
.breadcrumb ul{margin:0px; padding:10px 0 0 5px; list-style:none; float:left;  }
.breadcrumb ul li{float:left;  font-size:14px; padding:0px 5px; text-align:left;}
.breadcrumb ul li a{ 
    color:#565656; 
	text-decoration:none;
	 font-size:14px;
	 margin-right:10px;
	font-family:open_sanssemibold;
	font-weight:300;
	/* background:url(../images/dotted-arrow.gif) no-repeat right 4px;  */
}
.breadcrumb ul li:last-child{
    color:#869127;
	font-family:open_sansbold;
	font-weight:300;	
}
.breadcrumb ul li a:hover{color:#869127;


}
	
.add-wishlist{float:left; width:200px; margin-top:5px;}	

.add-wishlist p{float:left; font-size:11px; width:90px; text-align:center;}
.add-wishlist p.right{float:right;}

.add-wishlist p a{ color:#c5000b; text-decoration:none;}
.add-wishlist p a:hover{ color:#006600; text-decoration:underline;}

.yarns-line{
	background: #9A8EBF;
    height: 36px;
    left: 50%;
    position: absolute;
    top: 182px;
    width: 50%;	
	z-index:80;
	}
	
button.addtowishlist {
	background:#bece2c;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    float: left;
    height: 26px;
    margin-right: 5px;
    overflow: hidden;
    padding: 0 0 0 11px;
    text-decoration: none;
	border-radius:10px;}
	
button.addtowishlist span {
	background:#bece2c;
    float: left;
    font: 12px/26px Arial,Helvetica,sans-serif !important;
    padding: 0 11px 0 0;
	}
button.addtowishlist:hover, button.addtowishlist:hover span {
	background:#9A8EBF;
    color: #fff;
	}
	

button.comparebtn {
	background:#c55136;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    float: left;
    height: 26px;
    margin-right: 5px;
    overflow: hidden;
    padding: 0 0 0 11px;
    text-decoration: none;
	border-radius:10px;}
	
button.comparebtn span {
	background:#c55136;
    float: left;
    font: 12px/26px Arial,Helvetica,sans-serif !important;
    padding: 0 11px 0 0;
	}
button.comparebtn:hover, button.comparebtn:hover span {
	background:#9A8EBF;
    color: #fff;
	}

.send-message{
	float:left; 
	width:370px;
	padding:15px;
	border:1px solid #ddd;
	margin:15px;
	}
.send-message p{
	padding:0 0 20px 0;
	margin:0;
	text-align:left !important;
	font-size:12px;
	color:#333;
	font-family:Arial;
	}

.send-message p.sent-txt{
	color:#090;
	}

.send-message p label{
	float:left; 
	width:360px;
	padding-bottom:2px;
	font-size:12px;
	color:#333;
	font-family:Arial;
	}

.send-message p input[type="text"]{
	float:left; 
	width:334px;
	border:1px solid #ccc;
	margin-bottom:5px;
	font-size:12px;
	color:#333;
	font-family:Arial;
	padding:3px;
	}
.send-message p textarea{
	float:left; 
	width:340px;
	height:75px;
	border:1px solid #ccc;
	margin-bottom:5px;
	font-size:12px;
	color:#333;
	font-family:Arial;
	}
	
.send-message p input[type="submit"]{
    background:#356AA0;
    border: none;
    color: #fff;
    cursor: pointer;
    float: left;
	height:28px;
	width:100px;
	margin-top:10px;
	border-radius:15px;
}	
	
.send-message p span.validation-advice{
	float:left; 
	width:370px;
	color:#f00;
	padding:0px;
	margin:0 0 10px 0;
	background:none;
	font-size:11px;
	}
	
/* HOME WIDGET STYLE */
.widget_wrappers{
	clear:both;
	float:left;
	margin:20px 0px;
	width:100%;
}
.home_widget_wrapper{
	float:left;
	width:318px;
	height:200px;
}
.hw_middle{
	margin:0px 20px;
}
.home_horizontal_widget{
	float:left;
	width:318px;
	height:200px;
	margin:0px 0px 20px 0px;
}
.home_vertical_widget{
	float:left;
	width:304px;
	height:420px;
	margin:0px 28px;
	background:url(images/v_1.jpg) top center no-repeat;
}
.h_1{
	background:url(images/h_1.jpg) top center no-repeat;
}
.h_2{
	background:url(images/h_2.jpg) top center no-repeat;
}
.h_3{
	background:url(images/h_3.jpg) top center no-repeat;
}
.h_4{
	background:url(images/h_4.jpg) top center no-repeat;
}
.bx-pager{
	text-align:center;
	margin-top:-40px;
	position:relative;
	z-index:1000;	
}
.pager-link {
	font-size:0px;
	width:10px;
	height:10px;
	border-radius:500%;
	background:#e3e3e3;
	padding:6px;
	border:3px solid #6a646a;
	margin:0px 5px;

}
.pager-link:hover, .pager-active {
	background-color:#bfcc40;
}
/* NEW STYLE */

address{
	float:left;
	padding:10px 20px 15px 20px;
	background-color:#fff;
	cursor:pointer;
	border-radius:5px;
	border:1px solid #e3e3e3;
	margin:15px 35px 15px 0;
	width:200px;
	font-family:open_sansregular;
	font-style:normal;
	font-weight:300;
	font-size:14px;
}
.checkout-wrapper address:first-child{
	margin-left:20px;
}
address strong{
	font-family:open_sanssemibold;
	font-weight:300;
	font-size:16px;
}
address a{
	text-decoration:underline;
}
address.active{
	background-color:#A4B22B;
	background-color:rgba(164,178,43,0.4);
}
.load-overlay{
	background:url(images/loading.gif) center 50px rgba(0,0,0,0.5) no-repeat;
	width:100%;
	display:none;
	height:100%;
	position:fixed;
	z-index:100000000;
	top:0;
	left:0;
}
.edit-profile label,.address-form label {width:120px !important; font-family:open_sansregular;
	font-weight:300; float:left;
	
}
.address-form label {
	padding:0px 0 4px 0;
}
.edit-profile input,.address-form input,.address-form select  { 
	color:#565656; 
	border-radius:4px;	font-family:open_sansregular;
	font-weight:300; line-height:28px; font-size:14px; border:1px solid #cfcfcf;
 width:320px !important; padding:6px 5px; 
 }
 .address-form select  {
	 padding:5px 5px 3px 5px;
	  width:332px !important; 
 }
 .edit-profile input[type="checkbox"]{
 	width:14px !important;
 }
 .progress-bar {
 	width:100%;
	height:12px;
	margin-top:-1px;
	float:left;
	clear:both;
	background-color:#e2e2e2;
	border-radius:6px;
	border:#b7b7b7 1px solid;
	position:relative;
	margin-bottom:15px;
	z-index:1;
 }
 .progress-bar  .progress{
 	width:25%;
	height:12px;
	background: #eef383; /* Old browsers */
	background: -moz-linear-gradient(top, #eef383 0%, #b6c43b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eef383), color-stop(100%,#b6c43b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eef383 0%,#b6c43b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eef383 0%,#b6c43b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eef383 0%,#b6c43b 100%); /* IE10+ */
	background: linear-gradient(to bottom, #eef383 0%,#b6c43b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef383', endColorstr='#b6c43b',GradientType=0 ); /* IE6-9 */
	border-radius:6px;
	position:relative;
	 z-index:100;
 }

 .progress-title{
 	float:left;
	width:24%;
	height:16px;
	position:relative;
	z-index:10;
	padding-bottom:15px;
	text-align:center;
	font-size:14px;
	font-family:open_sansregular;
	font-weight:300;
	color:#c1c1c1;
    background:url(../images/checkout_top_arrow.png) bottom center no-repeat;
	
 }
  .progress-title.completed{
 	color:#9ea93b;
 }
 .gift-total-price{
 	display:none;
 }
 .form-elements{
 	float:left;
	width:45%;
	margin:15px 0px 0px 0px;
	padding-left:20px;
 }
 .checkbox-wrapper{
 	float:left;
	width:100%;
	margin:10px 0px;
 }
 .checkbox-wrapper input{
 	float:left;
	margin:0px 15px 0px 20px;
	width: 20px !important;
 }
 .checkbox-wrapper label{
 	font-size:14px;
	width:95% !important;
 }
 .user-form{
	 width:90%;
	 margin-left:10%;
 	display:none;
	clear:both;
 }
 .tabs{
 	float:left;
	border-bottom:1px solid #cfcfcf;
	width:98%;
	margin-bottom:20px;
 }
 .tabs .tabHead{
 	float:left;
	border-radius:8px 8px 0px 0px;
	padding:10px 20px;
	font-family:open_sanssemibold;
	font-weight:300;
	font-size:16px;
	color:#000;
	cursor:pointer;
	border:1px solid #cfcfcf;
	border-bottom:none;
	margin:0px 10px 0px 0px;
 }
 .tabs .tabHead.active{
	background:#A4B22B;
	color:#fff;
 }
 .Order-tab {
 	float:left;
	width:98%;
	margin:10px 0px;
	background:#c6c6c6;
	border-radius:6px;
	font-family:open_sansregular;
	font-weight:300;
	font-size:14px;
	padding:10px 0px;
	color:#000;	
 }
.Order-tab:hover,.Order-tab:hover *{
	background:#A4B22B;
	color:#fff;
}
 .Order-tab .OrderOption1{
 	float:left;
	width:16%;
	margin-left:4%;
	text-align:left;
	font-family:open_sanssemibold;

 } 
 .Order-tab .OrderOption2{
 	float:left;
	width:55%;
	font-size:12px;
	text-align:left;
 }
  .Order-tab .OrderOption3{
	float:left;
	width:25%;
	text-align:left;
	font-size:12px;
  }
  .Order-tab .OrderOption3 span{
	font-size:14px;
	font-family:open_sanssemibold;
  }
  .tabContent{
  	display:none;
  }
  .tabContent.active{
  	display:block;
  }
.registration  input[type="checkbox"]{
	border:none;
}
.registration{
	padding-botton:15px;
}
.placeholder
{
  color: #aaa;
}
.address a{
  color:#0000ee;
}
.clear{
	clear:both;
}