/*
	Company		Viverdi Ltd t/a Pet-Supermarket
	URL		www.viverdi.co.uk
	Modified	30 July 2010
*/


	
	/******** new css *****************************/


body {
	FONT-SIZE: 10pt;
	FONT-FAMILY:Tahoma;
	color: #333;
	background: #ffffff;
	margin: 0;
	padding: 0;
}

.mceToolbarTop * {
float:left;
}

.mceToolbarTop select {
width:auto!important;
}

.mceToolbarTop option {
float:none;
}



ul {
	line-height: 140%;
	margin: 15px 0 0 0;
	padding: 0;
}

a {
	/*color: #00aeef;*/
	text-decoration: none;
}

a:hover, a:active {
	color: #000;
	/*background: #00aeef;*/
	text-decoration: none;
}

#container {
	/*background: url(../images/back.gif) repeat-y;*/
	color: #666;
	margin: 0 auto;
      
	padding: 0 0px;
	width: 700px;
}

#container3 {
	/*background: url(../images/back.gif) repeat-y;*/
	color: #666;
	margin: 0 auto;
	padding: 0 0px;
	width: 700px;
}


#begin {
	background: url(../images/header.gif) no-repeat;
	margin: 0 auto;
	width: 700px;
	height: 1px;
	display: block;
}

#header {
	/*background: url(../images/footer.gif) no-repeat;*/
	position:relative;
	/*margin: 0 auto;*/
	float:left;
	width: 700px;
	height: 119px;
	display: block;
	color: #000000;
}

#logo {
	background: url(../images/nc_logo.gif) no-repeat;
	height: 110px;
	width: 173px;
	float:left;
	margin: 0px 0 0 5px;
	display: inline;
}
#banner {
	height: 60px;
	width: 486px;
	float:right;
	margin: 10px 0 0 5px;
	display: inline;
}

#logo a {
	height: 110px;
	width: 173px;
	display: block;
}

#logo a:hover, #logo a:active {
	background: url(../images/nc_logo.gif) no-repeat 0px -53px;
}

#logo a span {
	display: none;
}

.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

/* Form */

#validators a{
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
}

#credits {
	color: #FFFFFF;
}

.field {
	background-color: #959595;
	color: #333333;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	margin-bottom: 10px;
}

label {
	font-weight: bold;
	color: #787878;
	font-size: x-small;
	text-transform: uppercase;
	margin-left:15px;
}

#contact_form {
	margin-top: 10px;
	margin-bottom: 10px;
}

#contact_form #message {
	width: 230px;
	height: 60px;
}

.button {
	color: #FFFFFF;
	background-color: #00aeef;
	border: 1px none #787878;
	text-transform: uppercase;
	font-size: xx-small;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height: 25px;
}

.highlight {
	font-weight: bold;
	color: #000000;
}

hr {
	display: none;
}

.hide {
	display: none;
}

.header_menu {
    padding: 0px 0.5em;
    background: none;
	float:right;
	margin: 20px 0 0 5px;
	font-size: small;
	display: inline;
	color: #000000;
}
	
.header_menu ul {
    color: #000000;
 	margin: 0;
 	padding: 0;
	list-style-type: none;
}
.header_menu a {
 color: #000000;}
.header_menu li {
    color: #000000;
 	margin: 0;
	padding: 0;
	float: left;
	padding-right: 1em;
}
   
/*** ask a question ***/

#ask_a_question {
	/*background: url(../images/ask1.gif) no-repeat;*/
	height: 175px;
	width: 700px;
	float:left;
	padding-bottom:7px;
	margin: 0px 0 0 0px;
}

#columnleft {

	width: 190px;

	padding: 0 0px;
	color: #818181;
	float: left;
	display: block;
	padding-bottom:7px;
}
#columnlefttop {
	/*background: url(../images/column_left.gif) no-repeat;*/
	width: 190px;
	height:110px;
	padding: 0 0px;
	color: #818181;
	float: left;
	display: block;
	padding-bottom:10px;
}
#columnlefttop ul {
	list-style-type: none;
	margin: 0px 0 0px 0;
	
}
#columnlefttopadmin {
	/*background: url(../images/column_left.gif) no-repeat;*/
	width: 170px;
	height:110px;
	padding: 0 0px;
	color: #818181;
	float: left;
	display: block;
	padding-bottom:10px;
}
#columnlefttopadmin ul {
	list-style-type: none;
	margin: 0px 0 0px 0;
	
}
#columnright {
	/*background: url(../images/column_right.gif) no-repeat;*/
	width: 500px;
	height:110px;
      display:block;
	padding: 0 0px;
	color: #818181;
	float: right;
	padding-bottom:7px;
}

#columnrightbottom {
	width: 500px;
	/*height:310px;*/
	padding: 0 0px;
	color: #818181;
	float: right;
display: block;

}


#columnleft1 {
	width: 190px;
	
	padding: 0px 0px;
	color: #e4dbbf;
	float: left;
	display: inline;
}
#columnleft2 {
	width: 190px;
	
margin-right: 10px;
	color: #e4dbbf;
	padding-top:8px;
	float: left;
	display: inline;
}
#columnright1 {
	width: 500px;
	height:310px;
	padding: 0 0px;
	color: #818181;
	float: right;
display: block;
}

#top_10_top {
	background: url(../images/top_10_articles.gif) no-repeat;
	height: 27px;
	width: 190px;
}
#top_10_bottom {
	background: url(../images/top_10_articles_bottom.gif) no-repeat;
	height: 11px;
	width: 190px;
}
#content_top {
	/*background: url(../images/click_to_ask.gif) no-repeat;*/
	height: 27px;
	width: 500px;
}
#search_knowledgebase_top {
	background: url(../images/search_the_knowledgebase.gif) no-repeat;
	height: 27px;
	width: 500px;
}
.searchbutton {
	background: url(../images/search.gif) no-repeat;
	height: 27px;
	width: 79px;
	
	border: 1px none #787878;
	
}


/******************* new css ends ****************/
#topten_articles {
	width: 190px;
	padding: 0 0 1px 0;
	margin-bottom: 1px;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	background-color: #e4dbbf;
	color: #333;
	}
	
	#topten_articles {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
    #topten_articles ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#topten_articles li {
		border-bottom: 1px solid #ffffff;
		margin: 0;
		list-style: none;
		list-style-image: none;
		}
	
	#topten_articles li a {
		display: block;
		/*margin-left:5px;*/
		padding: 5px 0px 5px 5px;
		background-color: #e4dbbf;
		color: #000000;
		text-decoration: none;
		/*width: 100%;*/
		}

	html>body #topten_articles li a {
		width: auto;
		}
		
		#topten_articles li a {
		width: auto;
		}

	#topten_articles li a:hover {
		background-color: #b03f2d;
		color: #000000;
		}
/*************************************************/

	


		
		
		
#container1 {
background-color: black;
background-image: url(../images/back.gif);
background-repeat: repeat-y;
background-attachment: scroll;
background-x-position: 0%;
background-y-position: 0%;
margin-top: 0pt;
margin-right: auto;
margin-bottom: 0pt;
margin-left: auto;
padding-top: 0pt;
padding-right: 0px;
padding-bottom: 0pt;
padding-left: 0px;
width: 600px;
}
		


.splitbar { background: #8E3026 url(../images/headbg.jpg) repeat-x; margin:  0 5px 0 5px; height: 17px; border: 1px solid #000000; }

.lownav, .lownav ul { padding: 0; position:relative; z-index: 49; wmode: opaque; list-style: none; border: 0; margin: 0;  }

.lownav li { float: left; position: relative; width: 85px; }

.lownav li a { display: block; text-decoration: none; height: 25px; }

.accountli { background: url(../images/buttons/accountnewbutton.gif); }
.reg_accli { background: url(../images/buttons/reg.gif); }

.loginli { background: url(../images/buttons/login.gif); }

.logoutli { background: url(../images/buttons/logout.gif); }

.termsli { background: url(../images/buttons/termsnewbutton.gif); }



.hide { display: none;}
.clear	{ clear: both; }
.top { clear: both; text-align: center; }

.floatright {float: right; }
.floatright2 {float: right; background-color: #dbf2fd;  }
.floatleft {float: left; }

.side { float: left; width: 160px; margin-left: -1px; padding: 10px; }

.content {float: left; min-width: 557px; width: 557px; padding: 10px 0 0 10px;}
.content2 {float: left; min-width: 0px; width: 0px; padding: 10px 0 0 10px;}

.breadcrumb { padding: 2px; border: 1px solid #dedede; background: #efefef; margin-bottom: 4px;}

.topten { float: left; 
 		width: 190px; 
		
		
		padding: 0px 0 0 0px; 
		margin: 0 0 0 0px; 
		color: #8c8c8c; }

.topten ul { 
		padding-left: 0px;
		padding-bottom: 1px;
		background-color: #e4dbbf; 
		height: 12px;
 }

	.topten a { color: #8c8c8c }
	.topten a:hover { color: #ffcc00 }

a { color: #990000;}
a:hover { color: #cc0000;}

#toptenimg {
	background: url(../images/topten.jpg) no-repeat;
	height: 150px;
	width: 138px;
	float:right;
	padding: 34px 0px 0 50px;
}

.images
{
margin-left: 300px;
background-image: url(../images/vet.gif)  no-repeat; background-position: right center; 
}


.pro { font-weight: bold; color: #ff9900; }

.inset_left { float: left; padding: 3px; border: 1px solid #dedede; }

.inset_right { float: right; padding: 3px; border: 1px solid #dedede; }


/* ERROR/SUCCESS RESPONSE BOXES */

div.errorBox {
	border: 1px solid #990000;
	background: #ffffe1 url('../images/errorBox.gif') no-repeat left top;
	color: #990000;
	min-height: 39px;
	text-align: left;
	margin: 3px; padding-left:42px; padding-right:4px; padding-top:4px; padding-bottom:4px
}

div.errorBox A { font-weight: bold; color: #990000; }

div.errorBox ul { line-height: 1.2em; }

div.successBox {
	border: 1px solid #789837;
	background: #ffffe1 url('../images/successBox.gif') no-repeat left top;
	color: #5C752B;
	min-height: 39px; padding-left:42px; padding-right:4px; padding-top:4px; padding-bottom:4px
}

div.successBox A { font-weight: bold; color: #789837; }

.imagebox { float: left; border: 1px solid #dedede; padding: 3px; margin: 3px; text-align: center; }

.copy IMG	{ border: 1px solid #dedede; margin: 2px; padding: 2px; }

/* FORMS */

.t {background: url(../images/shim.gif) #993228 0 0 repeat-x; width: 557px; color: #ffffff; }
	.t a { color: #ffff00; text-decoration: none; }
	.t a:hover { color: #ffcc00; text-decoration: underline; }
.b {background: url(../images/shim.gif) 0 100% repeat-x;}
.l {background: url(../images/shim.gif) 0 0 repeat-y}
.r {background: url(../images/shim.gif) 100% 0 repeat-y}

/* .bl {background: url(../images/bl.gif) 0 100% no-repeat;} */
/* .br {background: url(../images/br.gif) 100% 100% no-repeat; margin-bottom: 10px; } */
.tl {background: url(../images/tl.gif) 0 0 no-repeat}
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:10px;}

#login_required {
    margin-top: 20px;
	background: url(../images/login_required.gif) no-repeat;
	height: 30px;
	width: 160px;
}
#reg_an_account {
    margin-top: 20px;
	background: url(../images/reg_an_account.gif) no-repeat;
	height: 19px;
	width: 500px;
}
.reg_an_account_top {
    margin-top: 20px;
	background: url(../images/reg_an_account.gif) no-repeat;
	height: 19px;
	width: 500px;
}
.reg_an_account_top2 {
    margin-top: 0px;
	background: url(../images/reg_an_account.gif) no-repeat;
	height: 19px;
	width: 500px;
}
#lost_your_password {
    margin-top: 20px;
	background: url(../images/lost_your_password.gif) no-repeat;
	height: 30px;
	width: 210px;
}
.respond_box {
    color:#666666;
	background-color: #dbf2fd; 
	/* height: 200px; */
	width: 500px;
	padding: 0px 0px 0px 0px;
	margin-bottom: 0px;
}
.register_box {
    color:#666666;
	background-color: #efddd7; 
	/* height: 200px; */
	width: 500px;
	padding: 0px 0px 0px 0px;
	margin-bottom: 0px;
}

.article_top {
    background: url(../images/article_top.gif) no-repeat;
	/* height: 200px; */
	width: 500px;
	height:19px;
}
.article_bottom {
    background: url(../images/article_bottom.gif) no-repeat;
	/* height: 200px; */
	width: 500px;
	height:19px;
}
#reg_bottom {
    background: url(../images/reg_bottom.gif) no-repeat;
	/* height: 200px; */
	width: 500px;
	height:19px;
	padding-top: 20px;
	display: block;
}
.reg_bottom_2 {
    background: url(../images/reg_bottom.gif) no-repeat;
	/* height: 200px; */
	width: 500px;
	height:19px;
	padding-top: 20px;
	display: block;
}

#login_box {
    color:#666666;
	background-color: #efddd7; 
	/*height: 200px;*/
	width: 500px;
	/*border: 1px solid #f3d6d4;*/
	padding: 10px 10px 0 10px;
}
.login_boxy {
    color:#666666;
	background-color: #efddd7; 
	height: 120px;
	width: 500px;
	/*border: 1px solid #f3d6d4;*/
	padding: 10px 0px 0px 0px;
	margin-bottom:0px;
}
#login_box_1 {
    color:#666666;
	background-color: #efddd7; 
	/*height: 140px;*/
	width: 500px;
	
	padding: 10px 10px 0 10px;
}
#login_box_2 {
    color:#666666;
	background-color: #efddd7; 
	/*height: 80px;*/
	width: 500px;
	
	padding: 10px 10px 0 10px;
}
#client_login {
	background: url(../images/client_login.gif) no-repeat;
	margin-top: 20px;
	height: 20px;
	width: 130px;
}
.respond_top {
	background: url(../images/respond.gif) no-repeat;
	height: 24px;
	width: 500px;
	padding-bottom: 5px;
}
#search_top {
	background: url(../images/search_top.gif) no-repeat;
	height: 39px;
	width: 557px;
}
#does {
    margin-top:20px;
	background: url(../images/does.gif) no-repeat;
	height: 39px;
	width: 225px;
}
.s_results {
	background: url(../images/search_results.gif) no-repeat;
	height: 20px;
	width: 130px;
	margin-top: 10px;
	margin-left: 10px;
}

.s_results li {
	padding: 100px;
}

.s_results ul {
	padding: 100px;
}


#search_box {
    color:#666666;
	background-color: #e4dbbf; 
	/*height: 55px;*/
	width: 500px;
	padding: 5px 0px 5px 0px;
}
#search_box ul {
	/*line-height: 140%;*/
	/*margin: 15px 0 0 20px;*/
	margin-left: 15px;
	padding: 0;
}
#search_box li {
	/*line-height: 140%;*/
	margin-left: 15px;
	padding-bottom: 10px;
}
#search_box_bottom {
    color:#666666;
	background: url(../images/search_bottom.gif) no-repeat;
	height: 14px;
	width: 500px;
}
#top_10 {
   /* background: url(../images/top_10.gif) no-repeat;*/
	color:#5598b2;
	/*height: 55px;*/
	width: 480px;
	height: 13px;
	
	padding: 10px 0 0px 10px;
	font-size: 12px;

}
.does_not_help {
    background: url(../images/does_not_help.gif) no-repeat;
	color:#000000;
	/*height: 55px;*/
	width: 420px;
	height: 20px;
	margin-top: 15px;
	padding: 0px 0 20px 10px;
	font-size: 12px;

}
#questions {
    background: url(../images/questions.gif) no-repeat;
	/*color:#5598b2;*/
	/*height: 55px;*/
	margin-left: 10px;
	margin-bottom: 0px;
	margin-top: 10px;
	width: 420px;
	height: 20px;
	padding-left: 10px;
	padding-top: 2px;
	/*padding: 0px 0 0px 0px;*/
	font-size: 12px;

}

#post_q {
    margin-top: 10px;
	margin-bottom: 10px;
	/*background: url(../images/did_this_help.gif) no-repeat;*/
	height: 24px;
	width: 500px;
}
.post_q_2 {
    margin-top: 10px;
	margin-bottom: 10px;
	/*background: url(../images/did_this_help.gif) no-repeat;*/
	height: 24px;
	width: 500px;
}
.askimg { 100% 0 no-repeat; }

.formfield { float: left; padding-left: 8px; margin: 1px; }

INPUT, SELECT, TEXTAREA { border: 1px solid #a7a7a7; padding: 1px; font-size: 1em; font-family: Arial, Helvetica, sans-serif; }

.area { margin-right: 0px; float: left;}

div.row {
    background-color: #efddd7;
	width: 500px;
	margin-right: 0px;
	clear: both;
	padding-top: 3px;
	
}

div.row span.label {
	float: left;
	width: 90px;
	margin-left:15px;
	margin-right: 20px;
}

div.row span.formw {
	float: left;
	text-align: left;
	margin-left:15px;
}

/* NAV MENU */

.nav, .nav ul {

	position: relative; /* peekaboo bug fix for IE6 */
    min-width: 0; /* peekaboo bug fix for IE7 */
    padding: 0;
	margin: 0;
	list-style: none;
	z-index: 0;
	wmode: opaque;
	display:block;
}
.nav ul { margin-left: 0px; padding-top: 1px; width: auto;  border: 0px solid #000000; border-bottom: 0px;}

.nav li { display: inline; float: left; position: relative; width: 100px; margin-left:-1px;color: #ffffff; }
html>body .nav li { display: inline; float: left; position: relative; width: 100px; margin-left:0px;color: #ffffff; }

.nav li ul { margin-top:-1px; }

.nav a { display: block; color: #ffffff; text-decoration: none;  height: 26px;}

.nav ul li { border-bottom: 1px solid #000000; padding: 3px; }
.navcontainer { width: 750px; display: block; }

/* BEGIN NAV IMAGES */
.navHome	{ position: relative;  min-width: 100; background: url(../images/buttons/homenewbutton.gif) no-repeat; }
.navHome ul li { background: #7E2D23; }

.navPetShop	{ position: relative;  min-width: 100; background: url(../images/buttons/petmedsnewbutton.gif) no-repeat; }
.navPetShop ul li { background: #79B8DE; }

.navDogs	{ position: relative;  min-width: 100; background: url(../images/buttons/dogsnewbutton.gif) no-repeat; }
.navDogs ul li { background: #0F6262; }

.navCats	{ position: relative;  min-width: 100; background: url(../images/buttons/catsnewbutton.gif) no-repeat; }
.navCats ul li { background: #727376; }

.navFish	{ position: relative;  min-width: 100; background: url(../images/buttons/aquaticsbutton.gif) no-repeat; }
.navFish ul li { background: #DF8A27; }

.navSmallPets	{ position: relative;  min-width: 100; background: url(../images/buttons/smallPetnewbutton.gif) no-repeat; }
.navSmallPets ul li { background: #93C94A; }

.navBirds	{ position: relative;  min-width: 100; background: url(../images/buttons/birdsbutton.gif) no-repeat; }
.navBirds ul li { background: #7A2078; }

/* END NAV IMAGES */


.nav li li { width: 93px; height: auto; }

.nav li li a { display: block; color: #ffffff; text-decoration: none;  height: auto;}

.nav li ul { position: absolute; left: -999em; }

.nav li:hover ul ul, .nav li.sfhover ul ul { left: -999em; }

.nav li:hover ul, .nav li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul { left: auto; }

.nav li li:hover, .nav li li.sfhover { background: #990000; /*filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50; */}




/* ADMIN MENU */

.adminmenu, .adminmenu ul { list-style: none; margin: 0; padding: 0; }

.adminmenu li { background: url(../admin/images/iNull.gif) no-repeat left top; padding: 0 0 0 14px; }

.adminmenu li li { background: url(../admin/images/iBar.gif) no-repeat left top; padding: 0 0 0 14px; }

.adminmenu li li.ibtm { background: url(../admin/images/iBtm.gif) no-repeat left top; padding: 0 0 0 14px; }


h3 {
	
	background: transparent;
	margin-left: 4%;
	margin-right: 4%;
	margin-top: 5%;
	font-weight: bold
}

h1 { font-size: small; margin-top: 0px; margin-bottom: 10px; }

h2 { font-size: medium; margin-top: 0px; margin-bottom: 3px; }

.article_text {
    padding: 0px 15px; 
}