@font-face {
    font-family: 'ArialMT';
    src: url('../fonts/ar/arial.eot');
    src: url('../fonts/ar/arial.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ar/arial.woff') format('woff'),
         url('../fonts/ar/arial.ttf') format('truetype'),
         url('../fonts/ar/arial.svg#arial') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FranklinGothic-MediumCond';
    src: url('../fonts/fra/framdcn.eot');
    src: url('../fonts/fra/framdcn.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fra/framdcn.woff') format('woff'),
         url('../fonts/fra/framdcn.ttf') format('truetype'),
         url('../fonts/fra/framdcn.svg#framdcn') format('svg');
    font-weight: normal;
    font-style: normal;
}

@charset "utf-8";
/* CSS Document */
* {margin:0px auto;	padding:0px;}
body { font-size:11px; line-height:18px; font-family: 'ArialMT';color:#000;}
.bodybg { background:#D9C89A  url(../images/bg2.gif) center 41px repeat-x;}
.back {background:url(../images/bg1.png) center top repeat-x;}

a {color:#999; text-decoration:none;}
a:hover {color:#333; text-decoration:underline;}
:focus {outline:none;}

/* Headings */
h1, h2, h3, h4, h5, h6 {margin:0; padding:0px; font-weight:normal; font-family: 'FranklinGothic-MediumCond';}
h1 { font-size:20px; color:#000;}
h2 { font-size:18px; color:#000;}
h3 { font-size:16px; color:#000;}
h4 { font-size:14px; color:#000;}
h5 { font-size:12px; color:#000;}
h6 { font-size:10px; color:#000;}
p{ color:#5C5C5C; line-height:18px; font-size:13px;}
li{ list-style-type:none;}
.txtblack {color:#000;}
.txtgray {color:#777;}
.txtred {color:#999;}
.txtblue {color:#0072ce;}
.txtorange {color:#eaaa00;}
.txtgreen {color:#688259;}

.fleft, .left { float:left !important;}
.fright, .right { float:right !important;}
.clear{clear:both;}
.pointer {cursor:pointer}
.nomargin {margin:0px !important}
.col-left {float:left; width:49%;}
.col-right {float:right; width:49%;}
.w2 {width:49%;}
.pf10 {padding-bottom:10px;}
.noberder {border:0px !important}

.padleft1{ padding:10px;}


img {border:0; vertical-align:top; }
.imgleft {float:left; background:url(../images/loader.gif) 50% 50% no-repeat; margin-right:10px; margin-bottom:10px;}
.imgright {float:right; background:url(../images/loader.gif) 50% 50% no-repeat; margin-left:10px; margin-bottom:10px;}
.imgboder {border:1px solid #C8DBE8; padding:4px; background: #FFF url(../images/loader.gif) 50% 50% no-repeat;}
.imgloader {background: #FFF url(../images/loader.gif) 50% 50% no-repeat;}

hr {border-top:1px dotted #C8DBE8; margin:10px 0px; clear:both;}
.hr {border-top:1px dotted #C8DBE8; margin:10px 0px; clear:both;}

/*:: mainHeader start */
#mainHeader {margin:0; padding:0; height:450px; background:url(../images/dogs.png) center bottom no-repeat;}
.header-img-1{background:url(../images/d1.png) center bottom no-repeat!important;}
.header-img-2{background:url(../images/d2.png) center bottom no-repeat!important;}
.header-img-3{background:url(../images/d3.png) center bottom no-repeat!important;}
.header-img-4{background:url(../images/d4.png) center bottom no-repeat!important;}
.header-img-5{background:url(../images/d5.png) center bottom no-repeat!important;}
.header-img-6{background:url(../images/d6.png) center bottom no-repeat!important;}
.mainHeader { margin:0 auto; width:1000px;}
	.phone{ font-size:18px; color:#fff; padding:11px 0 52px 1px; height:19px; line-height:19px; font-family: 'FranklinGothic-MediumCond'; overflow:hidden;}
			.phone span{ color:#FFB306;}
			.phone img{ margin:-1px 5px 0 0;}
.social{ background:url(../images/Facebook.png);
z-index:999; float:left;}
	.haeder-main{}
		.logo{ position:absolute; margin:70px 0 0 0;}
	
	.home{ display:block; padding:25px 0 0 0; width:50px; text-align:center; height:25px; color:#fff;  float:left; font-size:11px; line-height:25px; background:url(../images/home.png) left top no-repeat; margin:20px 0 0 0;}
	.home:hover{ background-position:bottom; text-decoration:none; color:#FFB90A;}
	
	div#menu { background:url(../images/menu.png) left bottom no-repeat;font-size:18px;letter-spacing:0; margin:0 auto; z-index:999; position:relative; width:810px; padding:0 2px 2px 0; float:right;}
	div#menu ul li.mainmenu { float:left; position:relative; z-index:100 }
	div#menu ul li.mainmenu div { padding:20px 0 0 0; overflow:hidden; height:1% }
	div#menu ul li.mainmenu a { height:50px; display:block; text-decoration:none; text-align:center;font-family: 'FranklinGothic-MediumCond';  background:url(../images/menuspacer.png) right center no-repeat;text-shadow: 1px 1px 1px #FFFFFF; }
	
	.subcategories a { color:#000!important;}
	.subcategories a:hover { color:#fff!important;text-shadow: 1px 1px 1px #000!important;}
	div#menu ul li.mainmenu a span { color:#000; cursor:pointer; position:relative; bottom:0; display:block; height:30px; padding-top:20px;}
	div#menu ul li.mainmenu a i { cursor:pointer; position:relative; bottom:0 }
	*+html div#menu ul li.mainmenu a i { display:none }
	*+html div#menu ul li.mainmenu:hover a i, *+html div#menu ul li.mainmenu a.selected i { display:block; bottom:20px !important }
	*+html div#menu ul li.mainmenu:hover a span { display:none }
	div#menu ul li.mainmenu a.selected span { display:none !important }
	div#menu ul li.mainmenu a.selected i { bottom:20px !important }

	div#menu ul li.cat1 a i { display:block; width:115px; height:80px; background:url(../images/cat1pet.png) 0 0 no-repeat }
	div#menu ul li.cat2 a i { display:block; width:127px; height:80px; background:url(../images/cat2pet.png) 0 0 no-repeat }
	div#menu ul li.cat3 a i { display:block; width:115px; height:80px; background:url(../images/cat3pet.png) 0 0 no-repeat }
	div#menu ul li.cat4 a i { display:block; width:115px; height:80px; background:url(../images/cat4pet.png) 0 0 no-repeat }
	div#menu ul li.cat5 a i { display:block; width:115px; height:80px; background:url(../images/cat6pet.png) 0 0 no-repeat }
	div#menu ul li.cat6 a i { display:block; width:115px; height:80px; background:url(../images/cat7pet.png) 0 0 no-repeat }
			

	div#menu ul li ul.subcategories { width:200px; padding:7px 0 17px 0; position:absolute; left:0; top:70px; z-index:100; display:none; background:#FFA900; border-radius:0 0 5px 5px; -ms-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -khtml-border-radius:0 0 5px 5px;}
	div#menu ul li.submenu:hover ul.subcategories { display:block; }
	div#menu ul li ul.subcategories li { height:30px; }
	div#menu ul li ul.subcategories li a { padding-left:10px; width:auto; height:auto; background:none; color:#FFF; text-decoration:none; text-align:left; vertical-align:middle; line-height:30px; }
	div#menu ul li ul.subcategories li a:hover, div#menu ul li ul.subcategories li a.selected {color:#fff;background:url(../images/menuhover.png) center top repeat; }
/*:: mainHeader end */
	
/*:: mainBanner start */
	.homebanner{ width:550px; float:right; margin:50px 200px 0 0;}
	.homebanner .bx-wrapper { position: relative; width: 550px!important;}
	.homebanner .bx-window{ width:550px!important;height:230px;}
	#homebanner { padding: 0px; margin: 0; list-style: none; overflow:hidden; height: 230px; }
	#homebanner li { padding: 0; margin: 0; float:left;  height: 230px; width:550px;} 
		#homebanner li img {background:url(../images/preloader-squares-gray.gif) center center no-repeat; width:550px; height:230px;} 
	.homebanner .bx-pager a { margin-right: 2px; color: #f9b233; width:20px; height:20px; overflow:hidden; display:inline-block; font-size: 0px; background: url(../images/dot.png) no-repeat 0 -20px; }
		.homebanner .bx-pager .pager-active, .homebanner  .bx-pager a:hover { background-position: 0 -40px; color:#009fe3; }
		.homebanner .bx-pager { text-align:center; font-size:0px; color:#f9b233; width:980px; position:absolute !important; margin-top:25px; z-index:999; display:none;}
		.homebanner .bx-next, .homebanner .bx-prev {position:absolute; top:50%; z-index:999; width: 25px; height: 25px; text-indent: -999999px;}
		.homebanner .bx-next { background: url(../images/next.png) no-repeat left top; right:-45px;}
		.homebanner .bx-prev { background: url(../images/prev.png) no-repeat left top; left:-45px;}
		.homebanner .bx-next:hover, .homebanner .bx-prev:hover { background-position: bottom; }
	
/*:: mainBanner end */

/*:: mainContainer start */
#mainContainer{ margin:0; padding:0; }
.mainContainer{ margin:0 auto; width:1000px;}
	.products{ overflow:hidden;}
	.products li{ display:inline;}
		.products li { display:block; float:left; padding:5px 0 5px 26px; height:100px; width:292px; margin:0 7px 5px;}
			.products li a{ color:#000; font-size:28px; font-family: 'FranklinGothic-MediumCond'; padding:35px 0 0 0; display:block; position:relative;}
				.products li a:hover{ text-decoration:none; color:#fff;}
				.products li span{ display:block; float:left; width:100px; height:100px; margin:0 17px 0 0;}
					.products li.p1{background:url(../images/p1-bg.png) left top no-repeat; text-shadow: 1px 1px 1px #FFCE17;}
					.products li.p2{background:url(../images/p2-bg.png) left top no-repeat; text-shadow: 1px 1px 1px #DD001A;}
					.products li.p3{background:url(../images/p3-bg.png) left top no-repeat; text-shadow: 1px 1px 1px #519A45;}
					.products li.p4{background:url(../images/p4-bg.png) left top no-repeat; text-shadow: 1px 1px 1px #16B7B6;}
					.products li.p5{background:url(../images/p5-bg.png) left top no-repeat; text-shadow: 1px 1px 1px #F9B052;}
					.products li.p6{background:url(../images/p6-bg.png) left top no-repeat; text-shadow: 1px 1px 1px #EA0884;}
	.content{ overflow:hidden; clear:both; width:998px; margin:0 auto; padding:20px 0;}
		.content-center{ background:url(../images/content-center.png) center top repeat-y; padding:0 30px;}
		.content-center h2{ font-size:18px!important; line-height:35px; color:#FFA900;}
			.homepage-content h1{ color:#000; font-size:30px; line-height:30px; text-align:center; margin:0 0 10px 0; }
				.homepage-content h1 span{ color:#FFA900;}
					.homepage-content p{ color:#000; font-size:15px; line-height:20px; text-align:center;}
						.btn1{ padding:3px 0 5px 17px; width:111px; height:35px; line-height:35px; color:#000; font-size:18px; font-family: 'FranklinGothic-MediumCond'; background:url(../images/btn1.png) left top no-repeat; display:block; text-align:left; position:relative; border:none; font-style:normal!important;}
							.btn1:hover{ color:#fff; text-decoration:none; background-position:bottom;}
							
	.left-panel{ width:250px; float:left; margin:20px 0;}
		.products-small{ overflow:hidden; width:780px; margin:0 auto;}
			.products-small li{ display:inline;}
				.products-small li { display:block; float:left; padding:4px 0 4px 21px; height:78px; width:229px; margin:5px;}
					.products-small li a{ color:#000; font-size:20px; font-family: 'FranklinGothic-MediumCond'; padding:27px 0 0 0; display:block; position:relative;}
						.products-small li a:hover{ text-decoration:none; color:#fff;}
						.products-small li span{ display:block; float:left; width:78px; height:78px; margin:0 11px 0 0;}
							.products-small li span img{ width:78px; height:78px;}
							.products-small li.p1{background:url(../images/p1-bg-small.png) left top no-repeat; text-shadow: 1px 1px 1px #FFCE17;}
							.products-small li.p2{background:url(../images/p2-bg-small.png) left top no-repeat; text-shadow: 1px 1px 1px #DD001A;}
							.products-small li.p3{background:url(../images/p3-bg-small.png) left top no-repeat; text-shadow: 1px 1px 1px #519A45;}
							.products-small li.p4{background:url(../images/p4-bg-small.png) left top no-repeat; text-shadow: 1px 1px 1px #16B7B6;}
							.products-small li.p5{background:url(../images/p5-bg-small.png) left top no-repeat; text-shadow: 1px 1px 1px #F9B052;}
							.products-small li.p6{background:url(../images/p6-bg-small.png) left top no-repeat; text-shadow: 1px 1px 1px #EA0884;}
	
	.right-panel{ width:730px; float:right; margin:20px 0;}
		.content-center-inner{ background:url(../images/content-center-inner.png) center top repeat-y; padding:0 20px; overflow:hidden; min-height:500px;}
			.inner-content h1{ color:#000; font-size:25px; line-height:30px; margin:0 0 10px 0; border-bottom:1px dashed #ccc;}
				.inner-content h1 span{ color:#FFA900;}
				.inner-content h2 { font-size:15px; padding:0; margin:0 0 5px 0;}
					.inner-content h1 div{ font-size:13px; float:right; font-family: 'ArialMT';}
						.list1{ padding:0 0 0 30px;}
						.list1 li{ font-size:12px; line-height:20px; background:url(../images/bull1.png) left 7px no-repeat; padding:0 0 0 10px;}
						.list1 li a{ color:#000;}
					.inner-content p{ color:#000; font-size:13px; line-height:20px;}
					
		.product {border-top:1px dashed #ccc; border-left:1px dashed #ccc; overflow: hidden; display:inline-block;}
		.product li{ display:inline;}
			.product li{ display:block; float:left; padding:5px; border-bottom:1px dashed #ccc;  border-right:1px dashed #ccc; width:145px; min-height:230px;}
				.product li h3{ text-align:center; font-size:13px; padding:5px; background:#FFA900; line-height:16px; min-height:50px;}
					.product li h4{ text-align:center; font-size:11px; background:#000; line-height:20px; font-family: 'ArialMT'; color:#fff;}
					.product li div{ display:block; text-align:center; height:150px; background:#fff; display:table-cell; vertical-align:middle; width:145px;}
						.product li div img{ display:block; margin:0 auto;}
						.product li:hover{ background:#f1f1f1;}
							.product li em{display:none;width:145px; height:50px; padding:50px 0;}
							.product li:hover em{display:inline; position:absolute; background: url(../images/pix.png) repeat; color:#fff; margin:-210px 0 0 0;}
		
								.product-breed li{ min-height:170px!important;}
								.product-breed li:hover em{display:inline; position:absolute; background: url(../images/pix.png) repeat; color:#fff; margin:-150px 0 0 0;}
					
	.address li{ -moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius:3px;background:#f1f1f1; width:460px; float:left; margin:10px 0; padding:9px; font-size:13px;}
	.address li:hover{ background:#FFA900;}
	.address h4{ color:#000; font-size:18px;}
	.address strong{ color:#000; width:75px; display:block; float:left; padding-right:10px;}
	.address span{ float:left; display:block; width:320px;}
	
	.contact-left{ width:460px; float:left;}
	.contact-right{ width:430px; float:right; margin:10px 0 0 0; border:1px solid #ccc; padding:9px;}
	/***** Contact Form Elements *****/
	.wrapper { width:300px; margin:0 auto; padding: 50px 0px; }
	#contactWrapper { padding:0; margin:15px 0 0 0; width:475px;}
	#contactWrapper label { display:block; float:none; font-size:12px; width:auto; font-weight: bold; margin-bottom: 7px; color: #333333; }
	#contactWrapper label.error { display:block; float:none; font-size:12px; width:auto; font-weight: normal; margin-bottom: 0px; color: #bb3737; background: #fad6d6; border: 1px solid #bb3737; margin-top: 5px; padding: 5px 7px; }
	#contactWrapper label.checked { display:none; background: none; border: 0px; margin-top: 0px; padding: 0px; text-indent: -5000px; }
	#contactWrapper em { color: #f00; }
	#contactWrapper .stage { margin-bottom: 20px; }
	#contactWrapper .requiredNote { margin: 20px 0px 20px; color: #333; font-weight: bold; }
	#contactWrapper .success { padding: 10px; background: #f0ffc1; border: 1px solid #819934; margin-bottom: 15px; color: #819934; }
	#contactWrapper .success p { margin: 0px; }
	form#contactform input, form#contactform textarea { border: 1px solid #D9C89A; padding:8px 12px; font-size:12px; color:#333; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; width: 450px; color: #777777; }
	form#contactform textarea { font:12px Arial, Helvetica, sans-serif; padding: 12px; }
	form#contactform input:focus, form#contactform textarea:focus { outline: none; border: 1px solid #C2A75F; }
	#submitButton { display:inline-block;width: 120px!important; height: 35px; border: 0px!important; padding: 0px!important; color:#000!important; text-align:center; font-size:15px!important;font-family: 'FranklinGothic-MediumCond'; background:#FFA900; cursor:pointer;}
	#submitButton:hover{color:#fff!important; background:#000;}

.submit{ background:#047104; color:#fff;}
	
	.btn2{ padding:3px 0 5px 17px; width:111px; height:43px; line-height:35px; color:#000; font-size:18px; font-family: 'FranklinGothic-MediumCond'; background:url(../images/btn1.png) left top no-repeat; display:inline-block; text-align:left; position:relative; border:none; width:128px; cursor:pointer;}
	.btn2:hover{ color:#fff; text-decoration:none; background-position:bottom;}
	
	/*:: @From*/
	.mainform {padding:0px;}
	.mainform dl {margin:0px; margin-bottom:2px;}	
	.mainform dt {float:left; width:120px;} 
	.mainform dd {overflow:hidden; text-align:left; padding:0px; margin:0px;}
	.input-text {width:200px;}
	.btnform { border:none;}
	
	
	form { display:inline;}
	input[type=text],input[type=password], textarea, select {font:12px/12px Verdana, Geneva, sans-serif;color:#333;padding:3px;margin:1px 0;border:1px solid #ccc; }
	input[type=text]:hover, textarea:hover, select:hover {background:#F9F9F9; border: 1px solid #CCC;}
	input[type=text]:focus, textarea:focus, select:focus {background: #F3F3F3; border:1px solid #ccc; color:#000000; font-weight:normal;}
	
	textarea { width:350px;font:12px/12px Verdana, Geneva, sans-serif;color:#333;padding:3px;margin:1px 0;border:1px solid #ccc; overflow:auto; height:130px;}
	label { font-weight:bold; font-size:11px; padding:2px; line-height:20px;}
	option {padding-left:5px;}
	.required {color:#F00;}
	
	.datatable{ border-top:1px dashed #ccc; border-left:1px dashed #ccc;}
		.datatable td{ border-bottom:1px dashed #ccc; border-right:1px dashed #ccc; padding:7px; font-size:12px;}
			.datatable th{  border-bottom:1px dashed #ccc; border-right:1px dashed #ccc; padding:7px; font-size:12px; background:#F5F1E7; color:#000; text-align:left;}
			.datatable tr:hover{background:#F5F1E7; color:#000;}

/*:: mainContainer end */

/*:: mainFooter start */
#mainFooter{margin:0; padding:36px 0 0 0; background:url(../images/footerrepet.png) center bottom repeat-x; height:170px;}
.mainFooter{margin:0 auto; width:980px;}
	.dogright{ float:right; margin:25px 0 0 0;}
	.footer-center{ width:560px; float:left; margin:50px 0 0 25px;}
		.footer-center span{ color:#fff; margin:5px 0 0 220px; font-size:12px;}
		.fbg{background:url(../images/footerbg.png) center top repeat; padding:15px; width:530px; height:50px;border-radius: 10px;-ms-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px; color:#fff; text-align:center; font-size:13px; line-height:25px;}
			.fbg a{ color:#fff; padding:0 5px;}
	.dk{ background:url(../images/dk.png) left center no-repeat; padding:0 0 0 25px; line-height:30px; display:inline-block; margin:0 0 0 7px; color:#fff;}
		.dk:hover{ color:#fff; text-decoration:none;}
	
/*:: mainFooter end */