@import url("layout.css");
/*@import url("megamenu.css");*/
/*@import url("../common/sidebar.css");*/
/*@import url("../allbtn.css");*/
/*@import url("../common/common-boxes.css");*/
/*@import url("../common/btn-icon.css");*/
@import url("crv.css");
@import url("common.css");
@import url("components.css");
/*
COMMON CSS
ALL BUTTONS AND ICONS
STRUCTURE CSS
NAVIGATION CSS
FOOTER CSS

##########################################
# COMMON CSS
##########################################
*/
a		{text-decoration:none;}
.pad10	{padding:10px 10px 10px 10px;}
.pad10TB{padding:10px 0;}
.pad10LR{padding:0px 10px;}
.pad10t	{padding:10px 0 0 0;}
.arial17{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:105%;
	padding:0 0 10px 0;
	margin:0 0 0 0;
	}
.mrgbot15, .mrg15-B{margin-bottom:15px;}
.mrgtop15{margin-top:15px;}
.cms-pane{
	font-family:Arial, Helvetica, sans-serif;
	font-size:81.2%;
	}
.horbar{
	font-family:Arial, Helvetica, sans-serif;
	font-size:115%;
	color:#000000;
	background:url(../../images/hor_line.gif) repeat-x left bottom ;
	min-height:20px;
	padding:10px 0;
	margin:0 0 15px 0;
	position:relative;
	}
.elink{color:#507eb1;}
.elink:hover{color:#000000;}
.horbar .btn1{position:absolute; right:0px; top:9px;}
.crvouterbox{
	position:relative;
	min-height:1px;
	margin:15px 0;
	}
.backtotop{
	background:url(../../images/backtotop.png) no-repeat;
	position:absolute;
	right:-15px;
	bottom:44px;
	height:92px;
	width:28px;
	}
.hd-typ1{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:150%;
	margin:0 0 10px 0;
	padding:0px;
	}
.hd-typ2{
	font-family:Arial, Helvetica, sans-serif;
	color:#4b81b4;
	font-size:150%;
	margin:0 0 10px 0;
	padding:0px;
	}
.hd-typ3{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:120%;
	margin:0 0 10px 0;
	padding:0px;
	font-weight:normal;
	}
.petcrvbox{
	position:relative;
	min-height:1px;
	padding-top:0px;
	margin-bottom:15px;
	margin-top:0px;
	}
.image 		{ text-align:center; }
.cms-pane 	{ font-size:80%; color:#333333; }
.imgborder, .imgleft, imgright {
	border:1px solid #cccccc;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:center center;
	}
.imgborder:hover, .imgleft:hover, imgright:hover { border:1px solid #000000; }
.imgborder 	{ padding:2px; }
.imgleft 	{ float:left; margin:0 10px 10px 0; padding:2px; }
.imgright 	{ float:right; margin:0 0px 10px 10px; padding:2px; }
/*
******************************************
* ALL LINKS
******************************************
*/
.lnk-typ1 { color:#5589bd; text-decoration:none; }
.lnk-typ1:hover { color:#000000; }
/*
******************************************
* COMMON BOXES CSS
******************************************
*/
.box-typ1 { background:#ffffff; border:1px solid #dedede; }
.box-typ2 {
	background:url(../../images/bg-box-typ2.gif) repeat-x left bottom #ffffff;
	border:1px solid #dedede; border-bottom:none;
	}
.box-typ3,
.box-typ3_wt {
	background:url(../../images/bg-box-typ3.gif) repeat-x left top #f5f5f5;
	border:1px solid #e5e5e5;
	}
.box-typ3 .box-inner{
	background:url(../../images/bg-box-typ2.gif) repeat-x left bottom #FFFFFF;
	border:1px solid #dedede; border-bottom:none;
	border-width:0px 2px 2px 0;
	}
.box-typ4 {
	background:url(../../images/bg-box-typ4-b.gif) repeat-x left bottom #ebebeb;
	border:1px solid #ffffff;
	border-width:0px 2px 2px 0;
	}
.box-typ4 .box-inner {
	background:url(../../images/bg-box-typ4-t.gif) repeat-x left top;
	border:1px solid #c8c7c7;
	border-width:1px 1px 0 1px;
	}
.box-typ5 {
	background:url(../../images/bg-box-typ5.gif) repeat-x left top  #dcdcdc;
	border:1px solid #d0d0d0;
	}
.box-typ6 {
	background:#eaeaea;
	border:1px solid #dcdcdc;
	border-width:1px 0;
	}
.box-typ7 {
	background:url(../../images/bg-box-typ7-b.gif) repeat-x left bottom #ffffff;
	border:1px solid #c8c7c7;
	border-width:0 1px 1px 0;
	}
.box-typ7 .box-inner {
	background:url(../../images/bg-box-typ7-t.gif) repeat-x left top;
	border-left:1px solid #c8c7c7;
	border-top:1px solid #c8c7c7;
	border-width:1px 0 0 1px;
	}
.box-typ8 {
	background:url(../../images/bg-box-typ8.gif) repeat-x left top  #79a6d4;
	border:1px solid #6392c0;
	}
.box-typ9 {
	background:url(../../images/bg-box-typ9-b.gif) repeat-x left bottom #5f90c2;
	border-bottom:1px solid #4677a9;
	}
.box-typ9 .box-inner {
	background:url(../../images/bg-box-typ9-t.gif) repeat-x left top;
	border-top:1px solid #4677a9;
	}
.box-typ10{
	background:url(../../images/bg-box-typ2.gif) repeat-x left bottom #ffffff;
	border:1px solid #dedede; border-bottom:none;
	}
.box-typ10 .box-inner {border:none;}
.box-typ10_grey{
	background:url(../../images/bg-box-typ2.gif) repeat-x left bottom #ffffff;
	border:1px solid #dedede; border-bottom:none;
	}
.box-typ11{
	background:#ffffff;
	border:1px solid #d7d6d6;
	}
.box-typ12 {
	background:url(../../images/bg-box-typ12.gif) repeat-x left bottom #ffffff;
	border:1px solid #e5e5e5; border-bottom:none;
	}
.box-typ13{ /*for containter*/
	background-color:#ffffff;
	border:1px solid #dcdcdc;
	}
/*general case and checkout steps*/
.box-typ14 {
	background:url(../../images/bg-box-typ14.gif) repeat-x left bottom #fefefe;
	border:1px solid #e2e2e2;
	}
/*general case and checkout steps*/
.box-typ18 {
	background:url(../../images/bg-box-typ18.gif) repeat-x left top #FFFFFF;
	border:1px solid #cccccc;
	}
.box-typ19{ /* used at checkout process step2*/
	background-color:#f5f5f5;
	border:solid #e5e5e5;
	border-width:0 0 1px 0;
	}
.box-typ20{
	background:url(../../images/bg-box-typ20.gif) repeat-x left bottom #FFFFFF;
	border:1px solid #dbdbdb; border-bottom:none;
	}
/*general case*/
.box-typ31{
	background:url(../../images/bg-box-typ31.gif) repeat-x left top #f5f5f5;
	border:1px solid #e5e5e5;
	}
/*forms and other case*/
.box-typ101 {
	background:url(../../images/bg-box-typ10-t.gif) repeat-x left top #ffffff;
	border:1px solid #cccccc;
	}
/*general highlighted message cases*/
.box-typ111 {
	background:url(../../images/bg-box-typ11.gif) repeat-x left top #fff9e2;
	border:1px solid #f8d136;
	border-width:1px 0;
	}
/*
##########################################
# ALL BUTTONS AND ICONS
##########################################
*/
.btn{
	background:url(../images/allbtn.png) no-repeat;
	line-height:0px;
	font-size:0px;
	border:none;
	padding:0px;
	margin:0px;
	cursor:pointer;
	overflow:hidden;
	text-indent:-9999px;
	}
.pro-morebtn		{ background-position:left top; width:100px; height:22px; display:block; }
.pro-morebtn:hover	{ background-position:-300px top; }
.tbar_searchbtn		{ background-position:left -105px; width:41px; height:41px; display:block;  }
.tbar_searchbtn:hover{ background-position:-300px -105px; }
.tbar_signin 		{ background-position:left -171px; width:93px; height:41px; display:block; }
.tbar_signin:hover	{ background-position:-300px -171px;	}
.tbar_register 		{ background-position:left -229px; width:104px; height:41px; display:block; }
.tbar_register:hover{ background-position:-300px -229px;	}
/*------------------*/
.btn1, .btn2, .btn3, .btn4, .btn5, .btn6, .newtag-typ1, .despatchtag-typ1, .stockimg, .rating-typ1,
.pg-gotobtn,
.pg-nextbtn,
.pg-prevbtn,
.pg-startbtn,
.pg-endbtn,
.pg-listbtn,
.pg-gridbtn,
.pg-endbtn-disable,
.pg-nextbtn-disable,
.pg-startbtn-disable,
.pg-prevbtn-disable,
.icon,
.delbtn,
.helpbtn,
.step,
.copybtn,
.arrowbtn,
.btn7 {
	font-size:0px;
	line-height:0px;
	overflow:hidden;
	border:none;
	display:inline-block;
	text-align:left;
	text-decoration:none;
	}
/*--------------------------------------*/
.btn1, .btn2, .btn3, .btn4, .btn5, .btn6, .btn7 { cursor:pointer; }
.btn1 { background:url(../../images/btnimg1.png) no-repeat; }
.btn2 { background:url(../../images/btnimg2.png) no-repeat; }
.btn3 { background:url(../../images/btnimg3.png) no-repeat; }
.btn4 { background:url(../../images/btnimg4.png) no-repeat; }
.btn5 { background:url(../../images/btnimg5.png) no-repeat; }
.btn6 { background:url(../../images/next-preimg.png) no-repeat; }
.btn7 { background:url(../../images/allbtn1.png) no-repeat; }
.icon { background:url(../../images/otherimg.png) no-repeat; }
/*
******************************************
* TOPBAR REGISTER LOGIN BUTTON CSS
******************************************
*/
.tbar_registerbtn { width:78px; height:29px; background-position:0px -681px; position:absolute; right:100px; top:71px;  }
.tbar_registerbtn:hover{ background-position:0px -681px;}
.tbar_myaccountbtn{width:98px; height:29px; background-position:-150px -681px; position:absolute; right:100px; top:71px;  }
.tbar_myaccountbtn:hover{ background-position:-150px -681px;   }
.tbar_signinbtn{width:80px; height:29px; background-position:0px -631px; position:absolute; right:12px; top:71px;  }
.tbar_signinbtn:hover{width:80px; height:29px; background-position:0px -631px; }
.tbar_signoutbtn{width:80px; height:29px; background-position:-150px -631px; position:absolute; right:12px; top:71px;  }
.tbar_signoutbtn:hover{background-position:-150px -631px;  }
/*
******************************************
* ALL BUTTONS
******************************************
*/
.adv-searchbtn		{ width:178px; height:24px; background-position:0 0; }
.adv-searchbtn:hover{ background-position:0 -25px; }
.viewallbtn 		{ width:80px; height:24px; background-position:0 -158px; }
.viewallbtn:hover 	{ background-position:0 -185px; }
.viewallbtn1 		{ width:80px; height:24px; background-position:0 -158px; position:absolute; right:11px; top:10px; }
.viewallbtn1:hover 	{ background-position:0 -185px; }
.closebtn 			{ width:18px; height:20px; background-position:-110px 0; }
.closebtn:hover 	{ background-position:-138px 0; }
.closebtn1 			{ width:11px; height:11px; background-position:-411px -98px;  }
.closebtn1:hover 	{ background-position:-411px -114px; }
.morebtn 			{ width:37px; height:20px; background-position:0 -106px; }
.morebtn:hover 		{ background-position:0 -131px; }
.addtocartbtn 		{ width:31px; height:53px; background-position:-88px -80px; }
.addtocartbtn:hover { background-position:-128px -80px; }
.searchbtn 			{ width:91px; height:28px; background-position:0 0; }
.enlargebtn 		{ width:40px; height:40px; background-position:-51px -373px; }
.enlargebtn:hover	{ background-position:-101px -373px; }
/*--------------------------------------*/
.quickviewbtn 		{ width:65px; height:20px; background-position:0 -212px; }
.quickviewbtn:hover { background-position:0 -237px; }
.relatedprobtn 		{ width:107px; height:19px; background-position:0 -105px; display:block; }
.relatedprobtn:hover{ background-position:0 -577px; }
.ratethisprobtn 	{ width:103px; height:20px; background-position:0 -658px; }
.ratethisprobtn:hover{ background-position:0 -683px; }
.applybtn 			{ width:88px; height:20px; background-position:0 -711px; }
.applybtn:hover 	{ background-position:0 -736px; }
.applybtn2 			{ width:65px; height:20px; background-position:0 -636px; }
.applybtn2:hover 	{ background-position:0 -661px; }
.addtofavouritebtn 	{ width:107px; height:19px; background-position:0 -53px; }
.addtofavouritebtn:hover{ background-position:0 -78px; }
.printbtn 			{ width:22px; height:22px; background-position:0 -38px; }
.printbtn:hover 	{ background-position:0 -70px; }
.emailbtn 			{ width:22px; height:22px; background-position:-30px -38px; }
.emailbtn:hover 	{ background-position:-30px -70px; }
.bookmarkbtn 		{ width:22px; height:22px; background-position:-60px -38px; }
.bookmarkbtn:hover 	{ background-position:-60px -70px; }
.signinbtn 			{ width:76px; height:78px; background-position:-300px -198px; }
.signinbtn:hover 	{ background-position:-300px -286px; }
.signinbtn1 		{ width:70px; height:20px; background-position:0 -522px; }
.signinbtn1:hover 	{ background-position:0 -547px; }
.signinbtn2 		{ width:58px; height:27px; background-position:-502px -134px;  }
.signinbtn2:hover 	{ background-position:-502px -166px; }
.signoutbtn 		{ width:54px; height:19px; background-position:-502px -200px;  }
.signoutbtn:hover 	{  }
.clickherebtn 		{ width:65px; height:20px; background-position:-150px 0; }
.clickherebtn:hover { background-position:-150px -25px; }
.createaccountbtn	{ width:159px; height:43px; background-position:0 -191px; }
.createaccountbtn:hover{ background-position:0 -244px; }
.guestcheckoutbtn 	{ width:159px; height:43px; background-position:0 -295px; }
.guestcheckoutbtn:hover { background-position:0 -348px; }
.paynowbtn 			{ width:133px; height:52px; background-position:0 0; }
.placeorderbtn 		{ width:200px; height:52px; background-position:0 -52px; }
.copybtn 			{ background:url(../../images/copybtn.png) no-repeat; width:63px; height:72px; }
.copybtn:hover 		{ background-position:0 -72px; }
.checkoutbtn		{ width:80px; height:24px; background-position:-130px -408px;}
.checkoutbtn:hover	{ background-position:-130px -435px;}
/*--------------------------------------*/
.applybtn 			{ width:88px; height:20px; background-position:0 -477px; }
.applybtn:hover 	{ background-position:0 -502px; }
.applybtn1 			{ width:61px; height:25px; background-position:0 -399px; }
.applybtn1:hover 	{ background-position:0 -434px; }
.saveorderbtn 		{ width:128px; height:20px; background-position:0 -530px; }
.saveorderbtn:hover { background-position:0 -555px; }
.emptycartbtn 		{ width:68px; height:20px; background-position:0 -583px; }
.emptycartbtn:hover { background-position:0 -608px; }
.viewreceiptbtn 	{ width:109px; height:23px; background-position:-150px -166px; }
.viewreceiptbtn:hover { background-position:-150px -194px; }
.changebtn			{ width:48px; height:20px; background-position:-502px -230px; }
.smallsavebtn		{ width:31px; height:20px; background-position:-487px -260px; }
.smalladdbtn		{ width:31px; height:20px; background-position:-528px -260px; }
.addbtn 			{ width:31px; height:20px; background-position:0 -318px; }
.addbtn:hover 		{ background-position:0 -343px; }
.editbtn 			{ width:31px; height:20px; background-position:0 -371px; }
.editbtn:hover 		{ background-position:0 -396px; }
.savebtn 			{ width:31px; height:20px; background-position:0 -575px; }
.savebtn:hover 		{ background-position:0 -600px; }
.closebtn2 			{ width:38px; height:20px; background-position:0 -689px; }
.closebtn2:hover 	{ background-position:0 -714px; }
.continueshoppingbtn{ width:125px; height:23px; background-position:-150px -106px; }
.continueshoppingbtn:hover { background-position:-150px -134px; }
.continueshoppingbtn1 { width:124px; height:24px; background-position:-300px -380px; }
.continueshoppingbtn1:hover { background-position:-300px -407px; }
.continuecheckoutbtn2 { width:170px; height:35px; background-position:0 -84px; }
.continuecheckoutbtn2:hover { background-position:0 -127px; }
/*--------------------------------------*/
.paynowbtn 			{ width:133px; height:52px; background-position:0 0; }
.placeorderbtn 		{ width:200px; height:52px; background-position:0 -52px; }
.submitbtn 			{ width:58px; height:27px; background-position:-502px 0; }
.submitbtn:hover 	{ background-position:-502px -32px; }
.cancelbtn 			{ width:58px; height:27px; background-position:-502px -67px; }
.cancelbtn:hover 	{ background-position:-502px -99px; }
.delbtn 			{ background:url(../../images/deletebtn.png) no-repeat; width:29px; height:29px; }
.delbtn:hover 		{ background-position:0 -29px; }
.deletebtn 			{ width:47px; height:19px; background-position:-513px -365px; }
.helpbtn 			{ background:url(../../images/helpicon.png) no-repeat; width:35px; height:35px; }
.helpbtn:hover 		{ background-position:0 -35px; }
.arrowbtn 			{ background:url(../../images/arrow-up-down.png) no-repeat; width:27px; height:27px; }
.arrowbtn 			{ background-position:0 -30px; }
.gobtn				{ width:27px; height:19px; background-position:-529px -334px; display:block;}
.signoutbtn1		{ width:110px; height:44px; background-position:0px -629px; display:block;}
.signoutbtn1:hover	{ background-position:0px -690px;}
.securecheckoutbtn 	{ width:170px; height:35px; background-position:0 0; }
.securecheckoutbtn:hover { background-position:0 -43px; }
.securecheckoutbtn1 { width:170px; height:35px; background-position:0 -168px; }
.securecheckoutbtn1:hover { background-position:0 -211px; }
.myaccountbtn1		{ width:142px; height:44px; background-position:-111px -629px; display:block;}
.myaccountbtn1:hover{ background-position:-111px -690px; }
.bulkdiscountbtn 	{ width:85px; height:19px; background-position:-300px -370px; }
.previousbtn2{ width:24px; height:24px; background-position:0 -45px; display:block; position:absolute; left:-28px; top:100px;}
.previousbtn2:hover { background-position:-54px -45px; }
.nextbtn2{ width:24px; height:24px; background-position:0px 0px; display:block; position:absolute; right:-28px; top:100px; }
.nextbtn2:hover 	{ background-position:-54px 0px; }
.viewyourorder{ width:114px; height:21px; background-position:-446px -300px; display:block; position:absolute; right:0px; top:0px; }
/*
******************************************
* LINK BUTTONS
******************************************
*/
.btnlnk, .btnlnk span, .btnlnk1, .btnlnk1 span {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	/* this is common css */
	text-transform:uppercase;
	display:inline-block;
	background:url(../../images/btn-linkbg.png) no-repeat;
	text-decoration:none;
	white-space:nowrap;
	cursor:pointer;
	}
.btnlnk 	{ font-size:70%; margin-right:2px; }
.btnlnk span{ height:21px; padding:5px 8px 0 2px; position:relative; right:-6px; }
/*--------------------------------------*/
.btnlnk-typ1 		{ background-position:left top; }
.btnlnk-typ1 span 	{ color:#FFFFFF; background-position:right top; padding-right:10px; }
.btnlnk-typ2 		{ background-position:left -36px; }
.btnlnk-typ2 span 	{ color:#FFFFFF; background-position:right -36px; }
.btnlnk-typ3 		{ background-position:left -72px; }
.btnlnk-typ3 span 	{ color:#666666; background-position:right -72px; }
.btnlnk-typ3:hover	{ background-position:left -108px; }
.btnlnk-typ3:hover span { color:#000000; background-position:right -108px; }
.btnlnk-active 		{ background-position:left -143px; }
.btnlnk-active span { color:#ffffff; background-position:right -143px; }
/*--------------------------------------*/
.btnlnk1 {
	background-repeat:repeat-x;
	font-size:65%;
	padding-bottom:3px;
	margin-right:-2px;
	}
.btnlnk1 span {
	font-family:"Microsoft Sans Serif";
	font-weight:normal;
	height:17px;
	padding:2px 5px 0 5px;
	border:1px solid #818181;
	border-bottom:none;
	background:none;
	}
.btnlnk-typ4 		{ background-position:left -178px; }
.btnlnk-typ4 span 	{ color:#ffffff; }
.btnlnk-typ4:hover 	{ background-position:left -211px; }
/*
******************************************
* ALL TAGS CASE
******************************************
*/
.free-delivery {
	background:url(../../images/probox-freedelivery.png) repeat-x left top;
	display:block;
	text-align:center;
	height:14px;
	padding-top:5px;
	}
.free-delivery em {
	background:url(../../images/probox-freedelivery.png) no-repeat 0 -41px;
	display:block;
	width:133px;
	height:9px;
	margin:auto;
	font-size:0px;
	text-indent:-9999px;
	}
/*--------------------------------------*/
.savetag-typ1,
.savetag-typ2,
.savetag-typ3 		{ text-align:center; display:inline-block; font-family:Arial, Helvetica, sans-serif; }

.savetag-typ1 strong,
.savetag-typ2 strong,
.savetag-typ3 strong{ text-align:center; line-height:1; display:inline-block; }

.savetag-typ1 		{ /*background:url(../../images/tag-save1.png) no-repeat;*/ width:54px; height:54px; }
.savetag-typ1 strong{ color:#67a5de; font-size:75%; margin-top:23px; }

.savetag-typ2 { /*background:url(../../images/tag-save2.png)*/ no-repeat; width:75px; height:73px; }
.savetag-typ2 strong {
	color:#ffffff;
	font-size:100%;
	font-weight:bold;
	margin-top:37px;
	margin-left:-5px;
	}
.savetag-typ2 strong em { font-size:60%; vertical-align:top; font-style:normal; }

.savetag-typ3 { /*background:url(../../images/tag-save3.png) no-repeat;*/ width:106px; height:105px; }
.savetag-typ3 strong {
	color:#ffffff;
	font-size:120%;
	font-weight:normal;
	margin-top:52px;
	margin-left:-5px;
	}
.savetag-typ3 strong em { font-size:60%; vertical-align:top; font-style:normal; font-weight:bold; }
/*--------------------------------------*/
.offertag-typ1,
.offertag-typ2 {
	background:url(../../images/tag-offer2.png) no-repeat;
	height:51px;
	width:56px;
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	}
.offertag-typ1 strong,
.offertag-typ2 strong {
	color:#ffffff;
	line-height:0.8;
	font-size:80%;
	display:inline-block;
	margin:32px 0 0 6px;
	}
.offertag-typ2 			{ background-position:0 -51px; }
.offertag-typ2 strong 	{ color:#000000; }
.newtag-typ1 { background:url(../../images/tag-new1.png) no-repeat; height:42px; width:42px; }
/*--------------------------------------*/
.despatchtag-typ1 { background:url(../../images/btnimg2.png) no-repeat 0px -143px; width:196px; height:38px; }
/*
******************************************
* STOCK STATUS
******************************************
*/
.stockinfo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	}
.stockimg {
	background:url(../../images/otherimg.png) no-repeat 0 0;
	height:23px;
	width:21px;
	vertical-align:middle;
	margin-right:5px;
	}
.stock-y 			{ color:#38721b; }
.stock-y .stockimg 	{ background-position:0 0; }
.stock-n 			{ color:#e2161b; }
.stock-n .stockimg 	{ background-position:0 -33px; }
/*
******************************************
* RATING
******************************************
*/
.rating-typ1 { /*background:url(../../images/star-rating.png) no-repeat;*/ width:72px; height:16px; }
/*
******************************************
* ICONS
******************************************
*/
.ico-mandatory { width:10px; height:10px; background-position:0 -66px; }
.ico-error { width:14px; height:14px; background-position:0 -85px; }
.ico-error1 { width:30px; height:30px; background-position:0 -149px; }
.ico-info { width:30px; height:30px; background-position:0 -109px; }
.ico-cart { width:44px; height:34px; background-position:-41px 0; }
.ico-thanku{ width:30px; height:29px; background-position:-51px -111px; }
.ico-notify{ width:30px; height:30px; background-position:-51px -147px; }

/*
******************************************
* STEPS
******************************************
*/
.step 			{ width:66px; height:66px; background:url(../../images/steps.png) no-repeat; }
.step1 			{ background-position:0 -69px;  }
.step1-active 	{ background-position:0 0; }
.step2 			{ background-position:-69px -69px; }
.step2-active 	{ background-position:-69px 0; }
.done 			{ background-position:-138px 0; }
.done:hover 	{ background-position:-138px -69px; }
/*
******************************************
* PAGINATION BUTTONS ICONS
******************************************
*/
.pg-gotobtn,
.pg-nextbtn,
.pg-prevbtn,
.pg-startbtn,
.pg-endbtn,
.pg-listbtn,
.pg-gridbtn,
.pg-endbtn-disable,
.pg-nextbtn-disable,
.pg-startbtn-disable,
.pg-prevbtn-disable {
	background:url(../../images/icons-pagination.png) no-repeat;
	vertical-align:middle;
	}
.pg-gotobtn 		{ width:27px; height:27px; background-position:0 0; }
.pg-gotobtn:hover 	{ background-position:-37px 0; }

.pg-startbtn,
.pg-startbtn-disable{ width:27px; height:23px; background-position:0 -66px; }
.pg-startbtn:hover 	{ background-position:0 -104px; }
.pg-startbtn-disable{ background-position:0 -141px; cursor:auto; }

.pg-prevbtn,
.pg-prevbtn-disable { width:28px; height:28px; background-position:-28px -63px; }
.pg-prevbtn:hover 	{ background-position:-28px -101px; }
.pg-prevbtn-disable { background-position:-28px -138px; cursor:auto; }

.pg-nextbtn,
.pg-nextbtn-disable { width:28px; height:28px; background-position:-87px -63px; }
.pg-nextbtn:hover 	{ background-position:-87px -101px; }
.pg-nextbtn-disable { background-position:-87px -138px; cursor:auto; }

.pg-endbtn,
.pg-endbtn-disable 	{ width:27px; height:23px; background-position:-116px -66px; }
.pg-endbtn:hover 	{ background-position:-116px -104px; }
.pg-endbtn-disable 	{ background-position:-116px -141px; cursor:auto; }

.pg-gridbtn			{ width:24px; height:23px; background-position:0 -30px; }
.pg-gridbtn:hover,
.gridbtn-active		{ background-position:-57px -30px; }
.pg-listbtn			{ width:23px; height:23px; background-position:-24px -30px; margin-left:-4px; }
.pg-listbtn:hover,
.listbtn-active		{ background-position:-81px -30px; }

/*
******************************************
* COMMON TABLE CSS
******************************************/
.tb-typ1{
	margin:0 0 0px 0;
	padding:0px;

	}
.tb-typ1 td{
		padding:4px 10px;
		border-bottom:1px solid #dadada;
		font-size:75%;
	}
.tb-typ1 .td-hdtyp1{
	background:url(../../images/bg-countbox-voucher.gif) repeat-x left bottom;
	font-size:83%;
	font-weight:bold;
	}
/*
##########################################
# STRUCTURE CSS
##########################################
*/
/*
******************************************
* GRIDS
******************************************
gr-main = Grid main box
gr-bd = Grid counting box
gr-b = Grid box
gr-in = Grid inner box
gutter = Space between to grid
*/
.gr-main{ overflow:hidden; min-height:1px; }
.gr-bd 	{ overflow:hidden; min-height:1px; }
.gr-b 	{ float:left; margin-bottom:1px; min-height:1px; }
.gr-bd .hr-line { height:15px; }
/*
GRIDS
==========================================*/
.gr-2 .gr-b { width:50%; }
.gr-3 .gr-b { width:33.30%; }
.gr-4 .gr-b { width:24.98%; }
.gr-5 .gr-b { width:20%; }
.gr-6 .gr-b { width:16.66%; }
.gr-7 .gr-b { width:14.28%; }/*bug in IE6*/
.gr-8 .gr-b { width:12.5%; }
.gr-9 .gr-b { width:11.11%; }
.gr-10 .gr-b { width:10%; }
/*
GRID GUTTER
==========================================*/
.gutter-1 			{ margin-left:-1px; }
.gutter-1 .gr-in	{ margin-left:1px; }
.gutter-2 			{ margin-left:-2px; }
.gutter-2 .gr-in	{ margin-left:2px; }
.gutter-10 			{ margin-left:-10px; }
.gutter-10 .gr-in	{ margin-left:10px; }
.gutter-15 			{ margin-left:-15px; }
.gutter-15 .gr-in 	{ margin-left:15px; }
.gutter-20 			{ margin-left:-20px; }
.gutter-20 .gr-in 	{ margin-left:20px; }
.gutter-25 			{ margin-left:-25px; }
.gutter-25 .gr-in 	{ margin-left:25px; }
.gutter-30 			{ margin-left:-30px; }
.gutter-30 .gr-in 	{ margin-left:30px; }
.gutter-40 			{ margin-left:-40px; }
.gutter-40 .gr-in 	{ margin-left:40px; }
.gutter-50 			{ margin-left:-50px; }
.gutter-50 .gr-in 	{ margin-left:50px; }
/*
******************************************
* TOPBAR
******************************************
*/
/*
------------------------------------------
LOGO CSS
------------------------------------------
*/
#topbar h1{ margin:0px; padding:0px; }
#topbar h1 .logo{
	background:url(../../images/logo.png) no-repeat left top;
	position:absolute;
	left:15px;
	top:12px;
	text-indent:-9999px;
	width:270px;
	height:77px;
	margin:0px;
	outline:none;
	}
/*===========SERVICE NUMBER=============*/
#topbar .cs_number{
	position:absolute;
	left:408px;
	top:8px;
	width:181px;
	height:44px;
	background:url(../../images/service_number.jpg) no-repeat;
	text-indent:-9999px;
	}
/*
------------------------------------------
TOPBAR SHOPPING CART CSS
------------------------------------------
*/
.tbar_shoppingcart{position:absolute; right:17px; top:0px; cursor:pointer; }
.tbar-cart {
	/*background:url(../../images/tbar-cart-bgimg2.png) repeat-x left top;*/
	height:59px;
	padding:7px 0 0 5px;
	position:relative;
	width:183px;
	}
.tbar-cart h6,
.tbar-cart .tbar-viewcart { outline:none; }
.tbar-cart h6 {
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0;
	height:10px;
	font-size:75%;
	background-position:0 0;
	color:#000000;
	text-align:left;
	}
.tbar-cart .tbar-viewcart {
	background:url(../../images/tbar-cart-img1.png) no-repeat;
	text-indent:-9999px;
	position:absolute;
	height:55px;
	width:51px;
	right:-1px;
	top:10px;
	}
.tbar-cart .sep-line {
	width:1px;
	height:56px;
	position:absolute;
	background:url(../../images/tbar-cart-img.gif) no-repeat 0 0px;
	right:58px;
	bottom:1px;
	}
.tbar-cart .cart-data {
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	text-align:right;
	margin:8px 68px 0 0;
	color:#3d77b2;
	}
.tbar-cart .cart-data strong { color:#3d77b2; }
/*
BG AND SIDE CURVE IMAGES
========================================*/
.tbar-cart .lb, .tbar-cart .rb { display:none; }

.tbar-cart .lt,
.tbar-cart .rt  {
	/*background:url(../../images/tbar-cart-bgimg1.png) no-repeat;*/
	width:16px;
	height:89px;
	position:absolute;
	top:0px;
	display:none;
	}
.tbar-cart .lt { left:-16px; }
.tbar-cart .rt { right:-16px; background-position:-26px 0; }
/*
------------------------------------------
TOPBAR CART POPUP
------------------------------------------
*/
.tbar-cart-popup {
	position:absolute;
	background:url(../../images/tbar-cart-popup.png) no-repeat;
	width:272px;
	height:196px;
	right:70px;
	top:50px;
	text-align:center;
	z-index:999999;
	}
.tbar-cart-popup .popup-txt {
	margin:68px 29px 0 32px;
	position:relative;
	text-align:left;
	height:70px;
	}
.tbar-cart-popup .tbar-viewcart { top:0px; right:auto; left:0px; background:url(../../images/tbar-cart-img1.png) no-repeat;
	text-indent:-9999px;
	position:absolute;
	height:55px;
	width:51px; }
.tbar-cart-popup .carttxt		{ display:inline-block; margin:12px 0 0 60px; font-weight:bold; font-size:13px; }
.tbar-cart-popup .closebtn 		{ position:absolute; top:-8px; right:-5px;  }

/*
******************************************
* SEARCH BOX
******************************************
*/
.tbar-search-container{
	min-height:45px;
	position:relative;
	}

.tbar-search {
	background:url(../../images/tbar_search.png) no-repeat 0 0px;
	height:44px;
	width:345px;
	position:absolute;
	left:344px;
	top:52px;
	}
.tbar-search .searchbox {
	border:none;
	font-size:80%;
	color:#666666;
	width:224px;
	position:absolute;
	left:75px;
	top:13px;
	background-color:#FFFFFF;
	}

.tbar-search .tbar_searchbtn {
	position:absolute;
	right:1px;
	top:-1px;
	width:42px;
	height:43px;
	background:url(../../images/tbar_search.png) no-repeat -302px -61px;
	border:none;
	cursor:pointer;
	}
.tbar-search .searchfood_img {
	position:absolute;
	right:-77px;
	top:5px;
	background:url(../../images/tbar_search.png) no-repeat -351px -5px;
	width:72px;
	height:40px;
	}

.tbar-search .search_animal{
	background:url(../../images/tbar_search.png) no-repeat 0px -62px;
	position:absolute; left:0px; top:0px;
	width:68px;
	height:43px;
	}

/*************************************
TOP BAR CATEGORY BOX CSS
**************************************/
.topbar_category_container{
	margin:0 0 0px 0; padding:0 0 0 0;
	position:relative;
	min-height:112px;
	z-index:0;
	}
.topcategory_box{
	background:url(../../images/topbar_categorybg.gif) repeat-x left bottom;
	padding:0 15px;
	margin:0 60px 0 60px;

	}
.topcategory_box .box-typ12	{
	min-height:92px;
	width:147px;
	}
.pet_category{
	padding:1px 5px;
	margin:0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#b7b7b7;
	list-style-type:none;
	}
.pet_category li{
	text-align:center;
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#b7b7b7;
		}
.pet_category li a{
	color:#b7b7b7;
	text-decoration:none;
	font-size:100%;
	min-height:5px;
	padding-top:66px;
	}
.pet_category li a:hover,
.pet_category li .pcactive{
	color:#ffa800;
	}

.pet_category li .animal{
	background-repeat:no-repeat;
	background-position:left top;
	width:135px;
	display:block;
	}
.pet_category li .animal:hover,
.pet_category li .pcactive{
	background-position:left -130px;
	}
/*
******************************************
* PAGE HEADER & OTHER CONTROL TOOLS
******************************************
*/
.pageheader {
	font-family:Arial, Helvetica, sans-serif;
	position:relative; min-height:1px;
	background-color:#FFFFFF;
	margin:0 -15px;

	}
.pageheader h1 				{ font-size:155%; line-height:1; margin:12px 0 0px 15px; padding-bottom:10px; }
.pageheader .quickviewbtn 	{ position:absolute; right:10px; top:8px; }
/*
------------------------------------------
PAGE PATH
------------------------------------------
*/
.pagepath {
	font-family:"Microsoft Sans Serif";
	background:url(../../images/page-headerimg.png) repeat-x left top #f1f1f1;
	border:1px solid #dadada;
	border-width:1px 0;
	font-size:60%;
	text-transform:uppercase;
	padding-left:8px;
	margin:0 -15px 15px -15px;
	text-transform:uppercase;
	min-height:1px;
	}
.pagepath span { display:none; }
.pagepath a, .pagepath strong {
	display:inline-block;
	height:20px;
	text-decoration:none;
	padding:5px 0 0 15px;
	color:#ca8f00;
	margin-right:-3px;
	background:url(../../images/page-headerimg.png) no-repeat 0 -103px;

	}
.pagepath a:hover 		{ color:#af0303; }
.pagepath strong 		{ color:#000000; font-weight:normal; }
.pagepath .home 		{ background-position:0 -138px; width:1px; font-size:0px; line-height:0px; vertical-align:top; }
.pagepath .home:hover 	{  background-position:0 -164px; font-size:0px; line-height:0px;}
/*
------------------------------------------
QUICK VIEW
------------------------------------------
*/
.quickview {
	background-color:#eaeaea;
	border-bottom:1px solid #dadada;
	padding:10px 25px 10px 10px;
	position:relative;
	top:-15px;
	min-height:1px;
	margin:0 -15px 0 -15px;
	}
.quickview .closebtn { position:absolute; right:10px; top:10px; }
/*
------------------------------------------
PAGE TOOLS
------------------------------------------
*/
.page-tools {
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	min-height:1px;
	padding:10px;
	position:relative;
	margin-bottom:15px;
	}
.page-tools .sep 	{ margin:0 10px; color:#FFFFFF; }
.page-tools td 		{ white-space:nowrap; }
/*--------------------------------------*/
.page-tools .pg-gotobtn 	{ position:relative; top:2px; left:-4px; }
.page-tools .items-perpage 	{ white-space:nowrap; }
.page-tools .items-perpage .pg-input {
	border:1px solid #cbcbcb;
	border-top-color:#ffffff;
	height:18px;
	width:35px;
	padding:1px 0 0 0;
	margin:0px;
	vertical-align:middle;
	}
/*--------------------------------------*/
.page-tools .paging 			{ margin-right:15px; white-space:nowrap; }
.page-tools .paging strong 		{ margin:0 8px; color:#666666; }
.page-tools .paging a 			{ margin-left:-4px; }
.page-tools .paging .pg-input 	{ vertical-align:middle; }
/*
******************************************
* MIDBAR CSS
******************************************
*/
.midbar{ margin:0 0 15px 0; padding:0 0 0 0;}
/*
******************************************
* COUSTER COMMENTS CSS
******************************************
*/
.comments h2 {
	border-bottom:1px solid #dfdfdf;
	padding-bottom:15px;
	margin-bottom:15px;
	}
.comments dl 			{ margin-bottom:15px; }
.comments .starrating	{ color:#FF6600; }
.comments dt 			{ float:left; width:90px; font-weight:bold; }
.comments dd 			{ margin-left:90px; }
.comments .clear 		{ margin:3px 0px; }
.comments .hor_line		{ margin:0px; height:10px; }
/*
******************************************
* CONTENT-BOX STRUCTURE CSS
* THIS CSS USED IN FAQ, TESTIMONIALS AND LINKS PAGES
******************************************
*/
.contentbox1 			{ padding:15px; min-height:1px; margin:0px; }
.contentbox1 dt 		{ font-weight:bold; margin:0px; }
.contentbox1 dt a		{ color:#4b81b4; text-decoration:none; }
.contentbox1 dt a:hover	{ color:#000000; }
.contentbox1 .contentboxdata {
	margin:0px;
	color:#333333;
	padding-top:8px;
	margin-top:8px;
	border-top:1px solid #dedede;
	}
.contentbox1 .linkbox 	{ height:20px; margin:0px; position:relative; }
.contentbox1 .linkbox a { position:absolute; right:0px; top:0px; }
.linkbar a 				{ font-family:Verdana, Arial, Helvetica, sans-serif; }

/*
******************************************
* SIDEBAR CSS
******************************************
*/
.sidebarbox {
	margin:0 0 15px 0;
	padding:0px;
	z-index:0;
	position:relative;
	min-height:1px;
	font-size:81.2%;
	line-height:1.2;
	}
.sidebarboxbg { padding:0px; position:relative;	}
.sb-cart-typ1 .empty  {
	background:url(../../images/empty.gif) no-repeat center center;
	height:194px;
	width:197px;
	display:block;
	padding:0px;
	margin:0px;
	}
/*
------------------------------------------
SIDEBAR HEADER
------------------------------------------
*/
h5 {
	/*this is common class for sidebar headers*/
	font-family:"Trebuchet MS";
	color:#000000;
	font-weight:bold;
	margin:0px;
	text-transform:uppercase;
	padding:15px 15px 5px 15px;
	font-size:130%;
	}
h5 a 		{ text-decoration:none; color:#000000; }
h5 a:hover	{ color:#4b81b4; }
/*
------------------------------------------
SIDEBAR IMAGE BOX CSS
------------------------------------------
*/
.sidebarimg table	{ text-align:center; width:100%; background-color:#ffffff; }
.sidebarimg table td{ width:100%; height:110px; text-align:center; }
/*
------------------------------------------
SIDEBAR TEXT CSS
------------------------------------------
*/
.sidebartxt { }
.sidebartxt h3 { color:#000000;	 margin-bottom:5px; }
.sidebartxt p { }
/*
------------------------------------------
SIDEBARLINKS CSS
------------------------------------------
*/
.sidebarlinks { }
/* MAIN LINK CSS
====================================*/
.sidebarlinks a,
.sidebarlinks .normal{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	color:#333333;
	display:block;
	padding:8px 0;
	border-bottom:1px solid #F2F2F2;
	background-color:#ffffff;
	position:relative;
	}
.sidebarlinks a:hover 		{ color:#000000; background-color:#E0edfa; }
.sidebarlinks a span,
.sidebarlinks .normal span	{ margin:0 10px 0 10px; display:block; cursor:pointer; }
.sidebarlinks a img,
.sidebarlinks .normal img 	{ display:none; position:absolute; left:10px; top:13px; }
/* SUB LINKS CSS
====================================*/
.sidebarlinks .sublinks a,
.sidebarlinks .sublinks .normal{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:70%;/*10px*/
	text-decoration:none;
	color:#333333;
	display:block;
	padding:6px 0px;
	background-color:#F2F2F2;
	border-bottom:1px solid #E1E1E1;
	border-top:none;
	position:relative;
	}
.sidebarlinks .sublinks a:hover 			{ background-color:#ffffff; color:#000000; }
.sidebarlinks .sublinks a span,
.sidebarlinks .sublinks .normal span		{ margin:0px 8px 0 0px; display:block; cursor:pointer; }
.sidebarlinks .sublinks a img,
.sidebarlinks .sublinks .normal img			{ position:absolute; top:11px; display:block; }
.sidebarlinks .sublinks .sublinks a			{ background-color:#f8f8f8; color:#2d6fac; }
.sidebarlinks .sublinks .sublinks a:hover	{ background-color:#f5f5f5; color:#999999; }
/*
------------------------------------------
LINK WITH IMAGE CASE CSS
------------------------------------------
*/
.linkwithimg {
	position:relative;
	z-index:2;
	margin:0px;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #e7e7e7;
	background-color:#ffffff;
	padding:5px 2px;
	}
.linkwithimg table 	{ width:100%; }
.linkwithimg .imgbox{ width:56px; }
.linkwithimg .imgbox td {
	width:56px;
	height:56px;
	border:1px solid #DEDEDE;
	background-color:#FFFFFF;
	padding:1px;
	}
.linkwithimg .linkbox 	{ padding:0 0 0 7px; }
.linkwithimg .linkbox a	{ font-weight:bold; font-size:80%; text-decoration:none; color:#2d6fac; }
.linkwithimg .linkbox a:hover { color:#000000; }
/*
------------------------------------------
DOCUMENT CASE CSS
------------------------------------------
*/
.doclink a {
	font-weight:bold;
	text-decoration:none;
	font-size:80%;/*13px*/
	color:#2d6fac;
	display:block;
	padding:8px 0;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #e7e7e7;
	background-color:#ffffff;
	position:relative;
	}
.doclink a:hover 		{ color:#000000; background-color:#e0edfa; }
.doclink a span,
.doclink .normal span	{ margin:0 10px 0 15px; display:block; }
.doclink a img,
.doclink .normal img	{ position:absolute; left:5px; top:13px; }
/*
------------------------------------------
WHY USED US BOX
------------------------------------------
*/
.whyuseus_box{ }
.horse{ padding-top:76px; }
.horseimg{
	background:url(../../images/why_useus_horseimg.png) no-repeat;
	width:158px; height:83px;
	position:absolute; left:20px; top:1px;
	z-index:9;
	}
.whyuseus		{ padding:10px 10px 8px 10px; margin:0 0 0 0; }
.whyuseus h5	{ padding:0 0 5px 0; margin:0px;}
.whyuseus ul	{ list-style-type:none; margin:0px; padding:0px; }
.whyuseus ul li{
	display:block;
	padding:6px 0 6px 30px;
	margin:0px;
	font-family:"Trebuchet MS";
	color:#666666;
	background:url(../../images/why_useus_bullet.gif) no-repeat left center;
	font-weight:bold;
	margin-bottom:5px;
	}
.whyuseus ul li span{ display:inline-block; vertical-align:middle; text-align:left; }
.why_useus_botimg	{ display:none; }
/*
------------------------------------------
BANNER CSS
------------------------------------------
*/
.banner{ padding:0px; margin:0px; text-indent:-9999px; display:block; }
/*
------------------------------------------
Product banner
------------------------------------------
*/
.yellow_bannerbg{
	background:url(../../images/yellowbannerbg.gif) no-repeat left top;
	height:209px;
	width:156px;
	padding:30px 21px 0 23px;
	text-indent:0px;
	}
.blue .yellow_bannerbg{
	background:url(../../images/yellowbannerbg.jpg) no-repeat left top;
	}
/*
------------------------------------------
HORSE BANNER
------------------------------------------
*/
.banner_needhelp_horse{
	background:url(../../images/needhelp_horsebanner.gif) no-repeat center top;
	height:220px;
	width:100%;
	}
.blue .banner_needhelp_horse{
	background:url(../../images/needhelp_horsebanner.jpg) no-repeat center top;
	}
.banner_asktosource{
	background:url(../../images/banner2.gif) no-repeat center top;
	height:245px;
	width:100%;
	}
.blue .banner_asktosource{
	background:url(../../images/banner2.jpg) no-repeat center top;
	}
.banner_bulkbuy{
	background:url(../../images/banner3.gif) no-repeat center top;
	width:100%;
	height:173px;
	display:block;
	}
.blue .banner_bulkbuy{
	background:url(../../images/banner3.jpg) no-repeat center top;
	}
/*
------------------------------------------
Delivery Information
------------------------------------------
*/
.banner_deliveryinformation{
	/*background:url(../../images/delivery_information.png) no-repeat center top;*/
	width:95px;
	height:42px;
	text-align:right;
	padding-right:105px;
	text-indent:0px;
	color:#000000;
	font-family:"Trebuchet MS";
	font-weight:bold;
	line-height:1.2;
	padding-top:44px;
	}
.banner_deliveryinformation1{
	/*background:url(../../images/delivery_information1.png) no-repeat center top;*/
	width:60px;
	height:27px;
	padding-left:140px;
	text-indent:0px;
	color:#000000;
	font-family:"Trebuchet MS";
	font-weight:bold;
	line-height:1.2;
	padding-top:59px;
	font-size:130%;
	}
/*SCROLLER */
#pscroller_banner{ height:190px;}
/*
******************************************
* SIDEBAR CART CASE
******************************************
*/
.hd-typ5 {
	color:#FFFFFF;
	font-size:100%;
	margin:0px;
	padding:15px 0;
	text-align:center;
	line-height:1;
	}
.sb-cart-typ1 .sb-cart-bd {
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:8px;
	}
/*
SIDEBAR CART SUMMARY CASE
========================================*/
.sb-cart-typ1 .cart-summary 			{ color:#FFFFFF; font-size:80%; font-weight:bold; }
.sb-cart-typ1 .cart-summary .box-inner 	{ padding:5px 10px; }
.sb-cart-typ1 .cart-summary table 		{ width:100%; }
.sb-cart-typ1 .cart-summary td 			{ padding:5px 0; line-height:1; }
.sb-cart-typ1 .cart-summary .bd-r 		{ text-align:right; }
/*
CART TOTAL CASE
========================================*/
.sb-cart-typ1 .cart-total {
	background:url(../../images/bg-box-typ8-cases.png) repeat-x left top #4b7cac;
	border-bottom:1px solid #6392c0;
	padding:13px 10px 7px 10px;
	text-align:right;
	position:relative;
	min-height:1px;
	}
.sb-cart-typ1 .cart-total .savetag-typ2 {
	position:absolute;
	left:-6px;
	top:-7px;
	}
.sb-cart-typ1 .cart-total .order-total em {
	color:#ffffff;
	font-style:normal;
	font-weight:bold;
	font-size:75%;
	display:block;
	line-height:0.5;
	}
.sb-cart-typ1 .cart-total .order-total strong {
	color:#ffffff;
	font-style:normal;
	font-weight:bold;
	font-size:130%;
	}
/*
BUTTON AND MESSAGE CASE
========================================*/
.sb-cart-typ1 .btn-pane 		{ padding:10px; text-align:center; }
.sb-cart-typ1 .btn-pane .msg 	{ color:#FFFFFF; font-size:80%; text-align:center; font-weight:bold; }
.sb-cart-typ1 .btn-pane input 	{ margin-top:10px; }
/*
------------------------------------------
PRODUCT LIST CASE
------------------------------------------
*/
.sb-cart-typ1 .prolist .box-inner{ padding:10px 8px 5px 10px; }
.sb-cart-typ1 .probox {
	border-bottom:1px solid #4f80b2;
	margin:0 0 5px 0;
	padding-bottom:5px;
	position:relative;
	min-height:1px;
	}
.sb-cart-typ1 .probox .btn1 { position:absolute; right:0px; top:0px; }
.sb-cart-typ1 .probox .name {
	font-size:75%;
	line-height:1.1;
	margin-bottom:5px;
	padding-right:15px;
	}
.sb-cart-typ1 .probox .name a 		{ color:#fef7d8; text-decoration:none; }
.sb-cart-typ1 .probox .name a:hover { color:#ffffff; text-decoration:none; }
/*--------------------------------------*/
.sb-cart-typ1 .probox .attribute 		{ position:relative; min-height:1px; line-height:1; }
.sb-cart-typ1 .probox .attribute .qty	{ font-size:75%; color:#fef7d8; display:block; }
.sb-cart-typ1 .probox .attribute .qty-typ1 { font-weight:bold; }
.sb-cart-typ1 .probox .attribute .qty-typ1 .qty-input {
	width:42px;
	height:17px;
	border:1px solid #26598c;
	background-color:#dcb745;
	color:#d3e4f4;
	padding:0 0 0 1px;
	font-size:100%;
	vertical-align:middle;
	}
.sb-cart-typ1 .probox .attribute .price {
	font-size:110%;
	color:#ffffff;
	font-weight:bold;
	display:block;
	text-align:right;
	}
/*
------------------------------------------
PAYMENT METHOD CASE
------------------------------------------
*/
.sb-cart-typ1 .pay-typ-bd {
	margin-top:15px; border-top:1px solid #4677a9;
	}
.sb-cart-typ1 .cart-hd-typ1 {
	background:url(../../images/bg-box-typ8-cases.png) repeat-x 0 -253px;
	border-bottom:1px solid #4677a9;
	padding:12px 25px 15px 15px;
	color:#FFFFFF;
	position:relative;
	cursor:pointer;
	font-size:100%;
	line-height:1.1;
	min-height:1px;
	}
.sb-cart-typ1 .cart-hd-typ1 .arrow {
	background:url(../../images/arrow-up-down.png) no-repeat;
	display:inline-block;
	width:27px;
	height:27px;
	position:absolute;
	top:8px;
	right:10px;
	}
.sb-cart-typ1 .up .arrow { background-position:0 -30px; }
.sb-cart-typ1 .lbl {
	color:#FFFFFF;
	font-size:80%;
	display:block;
	margin-bottom:3px;
	}
.sb-cart-typ1 .frm-txtbox { border:none; padding:3px; margin-bottom:10px; }
/*
PAYMENT METHOD 1
========================================*/
.sb-cart-typ1 .pay-typ1 .box-inner 	{ padding:15px; }
.sb-cart-typ1 .pay-typ1 .bd-l 		{ padding-right:20px; }
.sb-cart-typ1 .pay-typ1 .btn-pane 	{ border-top:1px solid #537fac; padding:0px; }
/*
PAYMENT METHOD 2
========================================*/
.sb-cart-typ1 .pay-typ2 .box-inner 	{ padding:15px; }
.sb-cart-typ1 .pay-typ2 table 		{ width:100%; }
.sb-cart-typ1 .pay-typ2 .bd-r 		{ width:10px; }
.sb-cart-typ1 .pay-typ2 .btn-pane 	{ padding:0px; }
.sb-cart-typ1 .pay-typ2 td {
	background-color:#FFFFFF;
	padding:10px;
	border-bottom:1px solid #be992b;
	}
/*
PAYMENT METHOD 3
========================================*/
.sb-cart-typ1 .pay-typ3 .box-inner 	{ padding:15px; }
.sb-cart-typ1 .pay-typ3 .box-inner p{ font-size:75%; color:#FFFFFF; margin:0 0 15px 0; }
.sb-cart-typ1 .pay-typ3 .bd-l 		{ padding-right:20px; }
.sb-cart-typ1 .pay-typ3 .btn-pane 	{ border-top:1px solid #537fac; padding:0px; }
/*
******************************************
* PRICE COUNT BOX
******************************************
*/
.price-count .bd  {
	position:relative;
	min-height:1px;
	padding:10px;
	background:url(../../images/price-countimg.png) no-repeat -166px bottom;
	border:1px solid #cacaca;
	}
.price-count .lbl {
	font-family:"Trebuchet MS";
	font-size:75%;
	text-transform:uppercase;
	font-weight:bold;
	width:65px;
	line-height:1.1;
	padding-right:10px;
	text-align:right;
	}
.price-count .data {
	font-family:Arial, Helvetica, sans-serif;
	font-size:110%;
	text-align:right;
	line-height:0.7;
	padding-left:10px;
	}
.price-count .data span {
	border-bottom:1px solid #c9c9c9;
	display:block;
	padding:5px;
	font-weight:bold;
	}
.price-count .data .pri-input {
	background:url(../../images/price-countimg.png) no-repeat -36px 0;
	display:block;
	}
.price-count .bd .addtocartbtn 			{ display:none; }
.price-count .addtocart .voucher 		{ display:none; }
.price-count .addtocart 				{ width:227px; }
.price-count .addtocart .addtocartbtn 	{ display:block; position:absolute; top:18px; right:14px; }
/*
VOUCHER CASE
========================================*/
.price-count .data .pri-input input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:110%;
	font-weight:bold;
	text-align:right;
	line-height:0.7;
	padding:2px 5px 0 0;
	background:none;
	width:83px; height:23px; border:none;
	}
.price-count .voucher .pri-input input {
	font-size:75%;
	text-align:center;
	display:block;
	padding:5px 0 0 0;
	margin-bottom:2px;
	height:20px;
	width:88px;
	}
.price-count .voucher span 		{ padding-left:0px; padding-right:0px; }
.price-count .voucher .discount { padding:10px 5px 11px 5px; color:#dc0404; }
.price-count .voucher .lbl 		{ color:#dc0404; }
/*
******************************************
* ORDER TOTAL COUNT BOX
******************************************
*/
/*
COUNT TYPE 1
========================================*/
.cart-countbox-typ1 .count-typ1			{ margin:0 -15px; padding:8px 42px 8px 15px; }
.cart-countbox-typ1 .count-typ1 table 	{ width:100%; }
.cart-countbox-typ1 .count-typ1 .bd-l 	{  }
.cart-countbox-typ1 .count-typ1 .bd-r	{ text-align:right; }

.cart-countbox-typ1 .count-typ1 .value,
.cart-countbox-typ1 .count-typ1 .lbl 	{ display:inline-block; font-weight:bold; }

.cart-countbox-typ1 .count-typ1 .lbl 			{ font-size:100%; color:#666666; }
.cart-countbox-typ1 .count-typ1 .value 			{ width:120px; font-size:110%; }
.cart-countbox-typ1 .count-typ1 .offertxt 		{ color:#4b81b4; font-weight:bold; }
.cart-countbox-typ1 .count-typ1 .offertxt strong{ font-size:110%; }

/*
VOUCHER AND DISCOUNTS CASE
========================================*/
.cart-countbox-typ1 .discount {
	background:url(../../images/bg-countbox-voucher.gif) repeat-x left top #b2c7dc;
	border:1px solid #b2c7dc;
	border-width:1px 0;
	}
.cart-countbox-typ1 .discount .bd-l .offertxt 		{ color:#0f385f; }
.cart-countbox-typ1 .discount .bd-l .offertxt strong{ color:#dc0404; }

.cart-countbox-typ1 .discount .lbl		{ color:#0f385f; }
.cart-countbox-typ1 .discount .value	{ color:#dc0404; }
.cart-countbox-typ1 .discount .applybtn1{ vertical-align:middle; margin-left:-4px; }

.cart-countbox-typ1 .discount .code-input {
	vertical-align:middle;
	width:125px;
	height:20px;
	border:1px solid #aac1d8;
	padding:0px;
	font-size:80%;
	padding:3px 0 0 3px;
	}

/*
ORDER TOTAL
========================================*/
.cart-countbox-typ1 .order-total 				{ position:relative; height:78px; }

.cart-countbox-typ1 .order-total .value,
.cart-countbox-typ1 .order-total .lbl 			{ font-size:140%; color:#333333; }

.cart-countbox-typ1 .order-total .btn1,
.cart-countbox-typ1 .order-total .btn4,
.cart-countbox-typ1 .order-total .savetag-typ3	{ position:absolute; }

.cart-countbox-typ1 .order-total .btn1 			{ left:15px; bottom:15px; }
.cart-countbox-typ1 .order-total .btn4			{ right:42px; bottom:15px; }
.cart-countbox-typ1 .order-total .savetag-typ3	{ top:-5px; right:345px; }

/*
##########################################
# NAVIGATION CSS
##########################################
*/
#navigaitonbg{position:absolute; left:0px; bottom:0px; z-index:99999;  width:100%; }
#navigation_inner1{  }
#navigation_inner2{  }
#navigation{
			font-family:Arial, Helvetica, sans-serif; font-size:81.2%; font-weight:bold;
			padding:0px 0 0 0px;
			height:55px;/*57px;*/ z-index:99999;

			}
.navbar 			{ list-style-type:none; margin:0px; padding:0 0 0 13px; }
.clear 				{ height:0px; line-height:0px; font-size:0px; clear:both; float:none; }
.navbar-item		{ float:left; margin: 0; padding:0 0 0  0; position: relative; z-index:99999; }
.subnav-bd 			{ display: none; position: absolute; z-index: 1500;  }
.hover .subnav-bd 	{ display: block; min-height:1px; }
/*
------------------------------------------
NAVBAR LINKS
------------------------------------------
*/
.navbar-link, .navbar-link-in {
	/*background:url(../../images/nav-tabbg.png) no-repeat;*/
	display:inline-block;
	text-decoration:none;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
	cursor:pointer;
	position:relative;
	z-index:2;
	background:none;
	text-align:center;

	}
.navbar-link { margin-right:0px; min-height:1px; }
.navbar-link-in {
	height:8px;
	display:block;
	background-position:right top;
	padding:1px 20px 19px 20px;
	_width:1px;
	white-space:nowrap;
	}
.navbar .nav_active .navbar-link, .navbar .nav_active{
	background:url(../../images/nav_active.gif) repeat-x ;
	}
.navbar .subnav-lnk-hdtxt{
	background: none;
	}
/*--------------------------------------*/
.hover .navbar-link,
.hover .navbar-link:hover 					{  background:url(../../images/nav_active.gif) repeat-x left 0px; }

/*.hover .navbar-link .navbar-link-in,
.hover .navbar-link:hover .navbar-link-in{ background:url(../../images/nav_active.gif) repeat-x left 0px;   }*/

.highlighttab .navbar-link					{  background-color:#FF0000; color:#FFFFFF; }
.highlighttab .navbar-link .navbar-link-in	{ color:#FFFFFF; }
.highlighttab .navbar-link:hover			{ background:none; background-color:#FF0000; color:#ffe1e1; }

.highlighttab .navbar-link .navbar-link-in,
.highlighttab .navbar-link:hover .navbar-link-in{background:none; background-color:#FF0000; color:#ffe1e1;}

/*
****************************************
ICON LINK CSS
****************************************
*/

.navbar-link img{ padding-top:6px; }

/*.nav-iconlnk{
	width:100%; height:27px;
	display:block;
	text-align:center;
	}
.nav-iconlnk1{	background:url(../../images/nav-icon1.gif) no-repeat center 6px; width:74px;	}
.nav-iconlnk2{	background:url(../../images/nav-icon2.gif) no-repeat center 6px; width:82px;	}
.nav-iconlnk3{	background:url(../../images/nav-icon3.gif) no-repeat center 6px; width:82px;	}
.nav-iconlnk4{	background:url(../../images/nav-icon4.gif) no-repeat center 6px;	width:80px;}
.nav-iconlnk5{	background:url(../../images/nav-icon5.gif) no-repeat center 6px; width:124px;	}
.nav-iconlnk6{	background:url(../../images/nav-icon6.gif) no-repeat center 6px; width:116px;	}
.nav-iconlnk7{	background:url(../../images/nav-icon7.gif) no-repeat center 6px; width:105px;	}*/

/*
NAVIGATION BAR ITEM TYP 1 (all department case)
========================================*/
.navbar-link-typ1 								{ background-position:left -90px; }
.navbar-link-typ1 .navbar-link-in 				{ background-position:right -90px; color:#507eb1; }

.hover .navbar-link-typ1,
.hover .navbar-link-typ1:hover 					{ background-position:left -135px; }

.hover .navbar-link-typ1 .navbar-link-in,
.hover .navbar-link-typ1:hover .navbar-link-in	{ background-position:right -135px; }
/*
NAVIGATION BAR ITEM TYP 2 (all department case)
========================================*/
.navbar-link-typ2,
.navbar-link-typ2 .navbar-link-in				{ /*background:url(../../images/nav-tabbg.png) no-repeat;*/ }
.navbar-link-typ2 								{ background-position:left -180px; }
.navbar-link-typ2 .navbar-link-in 				{ background-position:right -180px; color:#FFFFFF; }

.hover .navbar-link-typ2,
.hover .navbar-link-typ2:hover 					{ background-position:left -225px; }

.hover .navbar-link-typ2 .navbar-link-in,
.hover .navbar-link-typ2:hover .navbar-link-in	{ background-position:right -225px; }
/*
------------------------------------------
SUBMENU
------------------------------------------
*/
.subnav-bd {
	background-color:#5078a0;
	border:1px solid #5078a0;
	top:55px;
	left:0px;
	z-index:1;
	}
.subnav-pn .subnav-col-width img{ width:180px; height:0px; }
.subnav-pn .subnav-col 			{ padding-right:15px; vertical-align:top; }
.subnav-bd .subnav-brand-pn .subnav-col-width img { width:130px; }
/*
------------------------------------------
SUBMENU TABS
------------------------------------------
*/
.subnav-tb {
	margin:0;
	padding:0;
	list-style-type:none;
	white-space:nowrap;
	margin-right:10px;
	}
.subnav-tb li {
	display:inline; padding:0; margin:0; margin-right:-2px;
	font-family:Arial, Helvetica, sans-serif;
	white-space:nowrap;
	}
.subnav-tb li a, .subnav-tb li a span {  display:inline-block; cursor:pointer; }
/*
------------------------------------------
TAB TYPE 1
------------------------------------------
*/
.menutab-typ1 { padding:10px; }
.menutab-typ1 .subnav-tb li a {
	padding:0;
	text-decoration:none;
	position:relative;
	bottom:-1px;
	z-index:1;
	}
.menutab-typ1 .subnav-tb li a span {
	padding:7px 8px;
	line-height:0.9;
	font-size:93%;
	color:#666666;
	border:1px solid #a0cbf7;
	background-color:#eff7ff;
	border-bottom:none;
	font-weight:normal;
	}
/*--------------------------------------*/
.menutab-typ1 .subnav-tb li a.current { position:relative; bottom:-1px;	z-index:2; }

.menutab-typ1 .subnav-tb li a.current span {
	border:1px solid #d8d8d8;
	background-color:#FFFFFF;
	color:#333333;
	border-bottom:none;
	}
/* SPECIAL OFFER CASE */
.menutab-typ1 .subnav-tb .offer a span {
	background-color:#dd0404;
	color:#FFFFFF;
	border-color:#dd0404;
	}
/*--------------------------------------*/
.menutab-typ1 .subnav-pn-bd {
	border:1px solid #d8d8d8;
	background-color:#FFFFFF;
	padding:10px;
	z-index:1;
	position:relative;
	min-height:100px;
	color:#000000;
	}
.subnav-pn .viewall-subnav-lnk {
	border-top:1px solid #d8d8d8;
	padding-top:5px;
	}
/*
------------------------------------------
SUBMENU LINKS
------------------------------------------
*/
.subnav-lnk-bd, .subnav-lnk-bd ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	font-weight:normal;
	}
.subnav-lnk-bd { }
.subnav-lnk-bd .sub-pro-count {
	font-weight:normal;
	color:#666666;
	margin-left:5px;
	font-size:93%;
	}
/*--------------------------------------*/
.subnav-lnk-hd { margin-bottom:6px; }
.subnav-lnk-hd .subnav-lnk-hdtxt {
	color:#1262a8;
	font-weight:normal;
	text-decoration:none;
	display:inline-block;
	}
.subnav-lnk-hd .subnav-lnk-hdtxt:hover { color:#333333; }
/*--------------------------------------*/
.subnav-lnk-bd .subnav-lnk a		{ text-decoration:none; color:#4997d7; font-size:93%; font-weight:normal; }
.subnav-lnk-bd .subnav-lnk a:hover	{ color:#333333; }

.subnav-lnk-bd ul ul 		{ margin-left:10px; }
.subnav-lnk-bd ul ul .subnav-lnk a {
	background:url(../../images/bullet2.gif) no-repeat 0 7px;
	padding-left:8px;
	}
/*
------------------------------------------
SUBMENU TYP 1
------------------------------------------
*/
.subnav-typ1 						{ background-color:#8cabc7; border-color:#8cabc7; left:auto; right:0px; }
.subnav-typ1 .subnav-tb li a span	{ color:#ffffff; border-color:#5986af; background-color:#5986af; }
.subnav-typ1 .subnav-tb 			{ text-align:right; margin-right:2px; }

.subnav-typ2 						{ background-color:#a0cbf7; border-color:#a0cbf7; }
.subnav-typ2 .subnav-tb li a span	{ color:#ffffff; border-color:#5b8fc0; background-color:#5b8fc0; }

.subnav-typ2 .subnav-typ3,
.subnav-typ3 {
	background-color:#ffffff; border-color:#ffffff;
	}
.subnav-typ3 .subnav-tb { padding-left:10px; }
.subnav-typ3 .subnav-tb li a span {
	color:#4997d7;
	border-color:#ffffff;
	background-color:#ffffff;
	padding:3px 4px;
	}
.subnav-typ3 .subnav-tb li a.current span	{ padding:7px 8px; }
.subnav-typ3 .subnav-pn-bd					{ border-width:1px 0 0 0; padding:10px 0 0 0; }


/*
*************************************
TOPBAR FREE DELIVERY IMAGE
**************************************
*/
#navigaitonbg .freedelivery{
	position:absolute; right:15px; bottom:0px;
	width:58px;
	height:26px;
	padding:29px 0 0 235px;
	background:url(../../images/tbar-freedelivery.jpg) no-repeat left top;
	}
#navigaitonbg .freedelivery .freedeliverytxt{
	font-family:"Trebuchet MS"; color:#000000; font-size:115%;
	}

/*
******************************************
* FOOTER CSS
******************************************
*/
#footer1 .links			{ text-align:center; margin:0px; padding:0 0 5px 0; }
#footer1 .links span	{ color:#632800; padding:0 4px; }
#footer1 .links a		{ color:#632800; }
#footer1 .links a:hover	{ color:#000000; }
#footer1 .maintop{
	background:url(../../images/maintop.gif) no-repeat right center;
	padding-right:12px;
	}