@charset "utf-8";
/*================================================================
Title: City Vet
Created: 10.22.09 - v2
Modified: 
Designed By: AM Design | www.amdesign.com
Website: 
Copyright © 2009
================================================================*/

@import 'forms.css';

* {
	margin:0;
	padding:0;
	outline:none;
	}

body {
	text-align: center;
	font-weight: normal;
	font-size: 12px;
	background: #333333 url(/images/sub_html_bg.jpg) top center repeat-x;
	font-family:Verdana, Geneva, sans-serif;
	color:#090909;
	}
p {
	line-height:18px;
	margin: 0 0 20px 0;
	}

h2 {
	color:#000;
	font-size:22px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px 0;
	font-weight:normal;
	}
h3 {
	color:#006dbd;
	font-size:16px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin: 0 0 6px 0;
	}
h4 {
	color:#333;
	font-size:13px;
	margin:0 0 6px 0;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
a:link, a:visited {
	color: #006dbd;
	text-decoration: none;
	}
a:hover, a:active {
	color: #ffffff;
	text-decoration: none;
	background:#006dbd;
	}
	
ul {
	margin:8px 0 12px 25px;
	}
li {
	padding: 4px 0;
	list-style:url(../images/icon_bullet.gif);
	line-height:18px;
	}
hr {
	height:1px;
	border:none;
	border-top:2px dotted #333;
	margin: 0 0 15px 0
	}

/* 
--------------------------------------------------------------------------
Main CSS
--------------------------------------------------------------------------
*/

#wrapper {
	text-align:left;
	width:939px;
	margin: 0 auto 30px auto;
	
	}

#header {
	height:424px;
	}
#container {
	background: #ccc;
	}
#content {
	width:743px;
	float:left;
	}
body.wide #content {
	width:auto;
	float:none;
}
#text {
	padding: 35px 40px 40px 40px;
	}




#breadcrumbs {
	color:#666666;
	font-size:10px;
	padding: 0 0 20px 0;
	}

#image_header {
	background: url(../images/default-header.jpg) 0 0 no-repeat;
	height:245px;
	}
#image_header h1 {
	color:#fff;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
	padding: 174px 0 0 40px;
	font-size:37px;
	}
.elementRadio .groupingitem {
	padding: 0 0 6px 0;
	}
.elementRadio .elementlabel {
	width: 300px;
	margin: 0 0 0 10px;
	}
.elementRadio .main, .elementTextarea .main {
	padding: 5px 0 5px 0;
	display:block;
	}
.form_title {
	display:none;
	}
.elementText input, .elementEmail input {
	display:block;
	border:1px solid #cccccc;
	font-size:16px;
	padding:3px 3px;
	width:252px;
	margin: 0 0 10px 0;
	}
.elementTextarea textarea {
	display:block;
	border:1px solid #cccccc;
	width:252px;
	font-size:16px;
	padding:3px 3px;
	margin: 0 0 10px 0;
	}
/* 
--------------------------------------------------------------------------
Sidebar CSS
--------------------------------------------------------------------------
*/
#sidebar {
	width:217px;
	float:right;
	margin: -27px -21px 0 0;
	position:relative;
	}
#sidebar #flashnav {
	margin: 0 0 56px 0;
	overflow:auto;
	}
#sidebar #flashnav  ul#subnav {
	margin: 0 0 0 0px;
	}
#sidebar #flashnav #subnav li {
	list-style:none;
	padding:0;
	}
#sidebar #flashnav #subnav a:link, #sidebar #flashnav #subnav a:visited {
	display:block;
	background:#006dbd;
	color:#fff;
	padding: 9px 8px 9px 29px;
	}

#sidebar #flashnav #subnav a:hover, #sidebar #flashnav #subnav a:active {
	background:#0052ad;
	color:#fff;
	}


#sidebar #cta a:hover {
	background:none;
	}







/* 
--------------------------------------------------------------------------
Footer CSS
--------------------------------------------------------------------------
*/
#footer {
	height:164px;
	background:#222326;
	color:#666666;
	position:relative;
	}

#footer #fnav {
	width:400px;
	float:left;
	margin: 24px 0 0 32px;
	}
#footer #fnav a:link, #footer #fnav a:visited {
	display:block;
	float:left;
	font-size:11px;
	width:130px;
	margin: 0 20px 0 0;
	color:#999999;
	text-decoration:underline;
	text-transform:lowercase;
	padding: 3px 0 3px 3px;
	}
#footer #fnav a:hover, #footer #fnav a:active {
	display:block;
	float:left;
	width:130px;
	margin: 0 20px 0 0;
	color:#ffffff;
	text-decoration:none;
	padding: 3px 0 3px 3px;
	}

#footer #fsearch {
	position:absolute;
	top: 18px;
	right:18px;
	}
#footer #fcopy {
	font-size:10px;
	position:absolute;
	bottom:23px;
	right:58px;
	}
#footer #siteby {
	position:absolute;
	top:118px;
	right:18px;
	}
#footer #siteby img {
	padding:8px 0 0 0;
	}
#footer #form_search .input_search {
	background: url(../images/search_bg.gif) 0 0 no-repeat;
	border:none;
	padding: 4px 2px 6px 8px;
	width:182px;
	vertical-align:middle;
	float:left;
	}
#footer #form_search .btn_search {
	vertical-align:middle;
	float:left;
	}



/* 
--------------------------------------------------------------------------
breadcrumbs CSS
--------------------------------------------------------------------------
*/

#breadcrumbs li  {
	list-style:none;
	}
#breadcrumbs ul {
	margin:0;
	}
#breadcrumbs #bcumbs li a {
	display:inline;
	float:left;
	padding: 0 5px 0 0;
	color:#666666;
	}
#breadcrumbs ul#nav li  {
	display:none;
	}
#breadcrumbs ul#nav ul  {
	display:inline;
	}
#breadcrumbs ul#nav li.current  {
	display:inline;
	}
#breadcrumbs ul#nav li a {
	display:inline;
	float:left;
	padding: 0 5px 0 12px;
	background: url(http://cityvet.amdesign.com/images/icon_arrow_right.gif) center left no-repeat;
	}

#breadcrumbs a:link, #breadcrumbs a:visited {
	color:#666666;
	background:none;
	}
#breadcrumbs a:hover, #breadcrumbs a:active {
	text-decoration:underline;
	}



/* 
--------------------------------------------------------------------------
Tables CSS
--------------------------------------------------------------------------
*/
table h3 {
	margin:0;	
	}
table p {
	margin:0;	
	}
.OneColumnTable {
	width:100%;
	}
.TwoColumnTable {
	width:100%;
	}
.TwoColumnTable td {
	padding: 14px 12px;
	}
.TwoColumnTable .even {
	background:#c5c5c5;
	}

.ThreeColumnTable {
	width:100%;
	}
.ThreeColumnTable td {
	padding: 14px 12px;
	width:200px;
	}
.ThreeColumnTable .even {
	background:#c5c5c5;
	}



thead, tfoot {}

tr {}

th {}

td {}

blockquote {}









/* 
--------------------------------------------------------------------------
Common CSS
--------------------------------------------------------------------------
*/

img {
	border:0;
	}
.imageLeft {
	float: left;
	margin: 0 20px 15px 0px;
	}
.imageRight {
	float: right;
	margin: 0 0 15px 20px;
	}
.clear {
	clear:both;
	}
.left {
	float:left;
	}
.right {
	float:right;
	}

.icon:hover {
	/* border:1px solid #666666; */
	}
.icon img {
	/* opacity:0.2; 
	filter:alpha(opacity=20); */
	}
/* .icon img:hover {
	opacity:1;
	filter:alpha(opacity=100);
	} */
.blueText {
	color:#006dbd;
	}
.orangeText {
	color:#e1671e;
	}
.greyText {
	color:#333333;
	}
	
.pdf_link:link, .pdf_link:visited, .pdf_link:hover, .pdf_link:active {
	background:transparent url(/images/pdf_icon.gif) no-repeat scroll 0 4px;
	color:#006DBD;
	padding:5px 0 5px 24px;
}
	
.word_link:link, .word_link:visited, .word_link:hover, .word_link:active {
	background:transparent url(/images/word_icon.gif) no-repeat scroll 0 4px;
	color:#006DBD;
	padding:5px 0 5px 24px;
}
	
.excel_link:link, .excel_link:visited, .excel_link:hover, .excel_link:active {
	background:transparent url(/images/excel_icon.gif) no-repeat scroll 0 4px;
	color:#006DBD;
	padding:5px 0 5px 24px;
}

.pdf_link:hover, .word_link:hover, .excel_link:hover {
	text-decoration:underline !important;
}