/*

	replacement 'default.css'
	changes have been annotated.
	
	new/replacement images can be found in ../images 
	and are commented below with 'new image' or 'updated image'
	

*/


/* changed */
html {
    width:100%; height:100%;
}


/* changed - added height and background image */
body {
	margin:0;
	padding:0;
    font: 12px Arial, Helvetica, sans-serif;
	background:url(../images/bg_body.gif) repeat-x!important; /* new image */
	width:100%; height:100%; 
}

body.layout2 {
  /* background:transparent url(../images/bgLeftBodyNoMenu.gif) repeat-y left top !important;*/
}

/*SMVOL-456: changement css*/
#blankPage {
    background: none !important
}

/* changed*/
h1 {
    color:white;
    font-weight:bold;
    margin:0;
	padding:10px 10px 0 0;
    position:relative;
    text-align:right;
    z-index:99;
	font-size:20px!important;
}

h2 {
	color:#990033;
	font-size:22px;
    margin:0; 
	#margin:0;
	padding:6px 0 0 0; 
	#padding:10px 0 0 0;
}

h3 {
    background:#FFCC66;
    margin:0 0 12px 0;
    padding:5px 10px;
}

h3 a {
    color: #931835;
    font-size:12px;
}

a {
	color:#000;
    text-decoration: underline;
}

a.link {
    font-size:12px;
    line-height: 20px;
    font-weight: bold;
    color: black;
}

.btnForm {
   float:left;
   margin-top:25px;
   width:100%;
}

/*********************************** Layouts ***********************************/


/*  changed width */
#page {
	background:url(../images/bg_leftcolumn.gif) no-repeat -25px 0!important;  /* --------------  changed nov 16 */
    width:960px;height:100%; min-height:720px; /* --------------  changed nov 16 */
	padding:0; 
	margin:0;
    position:relative;
}

.layout2 #page, .layout3 #page {
}

.layout2 #leftColumn { background:none!important; }




.layout3 #rightColumn { 
	margin-top:30px;
}


/* changed 
#content { margin-top:20px; #margin-top:-20px; }

.layout3 #content { margin-top:20px; #margin-top:-20px; }*/
/*********************************** Header ***********************************/


/*	changed	*/
#header {
	background:#931835 url(../images/bg_header.gif) no-repeat top right;/* new image */
	width:960px; height:72px;
	padding:0;
}


/*  added  */
#header table form {
	position:relative; top:-10px; #top:-20px;
	width:200px; height:20px;
}


/*  added  */
.layout3 #header table td { color:#fff; }
/*  added  */
#header table select { margin-left:10px; }
.layout3 #menuLogin { background:transparent; }
.layout3 #imageMenu { position:relative; }/* --------------  changed nov 16 */
.layout3 #imageMenu img { position:absolute; left:-1px; }/* --------------  changed nov 16 */


/*	changed 	*/
#logo { 
	height:72px; 
	margin:0 0 0 10px;
	position:absolute;
	overflow:hidden;
}

#clinicName{
	position:absolute;
    right:0px;
    z-index:30;
	font-size:20px!important;
}

#clinicName h1 a{
	font-weight:bold;
	position:relative;
	text-decoration :none;
	z-index:30;
}

/* changed */
#leftColumn {
	/*background:url(../images/bg_leftcolumn.gif) no-repeat -25px 0!important; new image */
    position:absolute; top:72px; left:0;
	width:230px; height:100%;
}
#rightColumn {
	margin:50px 0 0 240px;#top:50px;
	width:700px;
	position:relative;
}

#content {
    width:98%;
}

/*.layout2 #imageMenu, .layout3 #imageMenu {
    #margin-top:124px;
}*/

#imageMenu img { margin-left:-1px;  } /* new*/
.layout3 #imageMenu { position:relative; }/* --------------  changed nov 16 */                /*SMVOL-435: Mise à jour CSS [!!! Might be REVERTED !!!]*/
.layout3 #imageMenu img { position:absolute; left:-1px; }/* --------------  changed nov 16 */ /*SMVOL-435: Mise à jour CSS [!!! Might be REVERTED !!!]*/

.vetlocatorBreadcrumbLeft { margin-bottom:20px; }
/*********************************** left column ***********************************/
/* changed */
#imageMenu { 
	width:204px; height:132px;
	position:relative;
}

/* -- changed -- */
#menuLogin {
	background:#ffcc66;
	border-top:1px solid #fff;
	width:203px;
	padding-bottom:5px;
}

/* -- changed -- */
#menuLogin div.loginForm {
    margin-bottom:5px; margin-top:10px; 
}

/* -- changed -- */
#menuLogin div.loginForm div.label {
    float:left;
    font-weight:bold;
    width:60px;
    padding-top:3px; margin-left:5px; margin-top:3px;
}

/* -- changed -- */
#menuLogin div.loginForm div.input  {
    float:left;
    text-align:right;
    width:120px; margin-bottom:5px;
}

/* -- changed -- */
#menuLogin div.loginForm div.input input {
    width:80px; 
}

#menuLogin div.login {
    padding-right:28px; #padding-right:8px;
	#position:relative; #left:-7px;
    text-align:right;
}

#language {
	font-size:10px!important;
    position:absolute;
	top:45px; *top:45px; /* new */
	right:10px;
    z-index:99;
	color:#fff;
}
#language td { color:#fff; }
/* -- changed -- */
#print {
	background : url(../images/printIcone.gif) no-repeat left 5px;
    line-height:22px; display:inline-block;
    position:absolute;
    top:10px; right:0;
}

#print a {
	color:#666666;
	font-size:10px;
    font-weight:normal !important;
    padding-left:23px;
}

#blankPage #print {
    top:19px; #top:19px;
    right:23px; #right:25px;
}
/* changed */
#title { 
	width:700px;
}

/*********************************** Menu **********************************
	Menu CSS has been completely replaced
*/
/* changed - hide */
#divWhite{
	 display:none; width:0px; height:0px; overflow:hidden;
	 border:0;
}

/* changed */
#menu {
	background:#ffe198;
    width:203px;#width:202px;
	border:0; *border-top:1px solid #fff;
	position:relative;
	margin:0; padding:0;
	#top:-24px;
}
*html #menu { margin-top:20px!important; } /* new */ 
*+html #menu { top:-1px; }
#menu > div { display:none!important; }



/* reset menu unordered lists */
#menu ul, #menu li { 
	margin:0; padding:0;
	list-style-type:none;
	#width:203px;
}

#menu ul {
	#position:absolute; #top:0;
}

#menu ul div { #background:#ffe198; }
#menu ul div ul {
	#position:relative; 
	#background:#ffe198;
}

#menu ul li { 
	/*width:203px;*/
}


#menu ul li a, #menuNoSub ul li a {
	color:#666666;
	font-weight:bold; text-decoration:none;
	display:block;
	padding:5px 10px;
	background:#ccc;
	width:183px; #width:204px!important;
	border-bottom:1px solid #ddd;
}

*+html #menu ul li a, *+html #menuNoSub ul li a { width:183px!important; }

#menu ul div ul li a {
	background:none;
	padding:4px 10px; #padding:0 10px;
	border:0;
	#width:203px;
	display:block;
}

#menu li.selected a { 
	width:187px; line-height:24px; #width:207px!important;
	background:#ffd466 url(../images/bg_menu-selected.gif) no-repeat -25px bottom!important;/* new image */
	display:block;
	cursor:default;
	color:#000;
	border:0;
}
#menu li.selected a:hover { 
	/*background:#ffd466 url(../images/bg_menu-selected.gif) no-repeat bottom left;*/
	color:#000; 
}
*+html #menu li.selected a { width:187px!important; }


#menu li.selected span a { 
	background:none!important;
	line-height:20px;
	display:block;
	width:183px;
	cursor:pointer;
	color:#666;
	#width:203px!important;
}

#menu a:hover { color:#000; }
#menu ul li a:hover, #menuNoSub ul li a:hover { background:#f2f2f2; }

#menu ul ul li.selected span a { color:#000; }


#menuNoSub ul, #menuNoSub li { list-style:none!important; margin:0; padding:0;#width:203px!important;  }

#menuNoSub { border-top:1px solid #fff; }


/******************************* Container styles ************************************/

#content p{
	margin-top:0;
}

.content {
    font-size:12px;
}

#content > table{
	font-size:1em; 
}

.menuContent{
    float:left;
    font-size:1em;
    margin-top:10px;
    width:600px;
}



.title{
    font-size:12px;
}

h2.clinicName {
    color: #666666;
    font-size: 30px;
    font-weight: bold;
    margin:0px;
}

.titlewebBuilder h2 {
   font-size:13px;
}

.titlewebBuilder h2 .text_16 a,
.titlewebBuilder h2 .text_16 {
    font-size:16px !important;
    font-weight:normal !important;
    #font-weight:bold !important;
}

.removeMeForPrintLayout {
    display:none;
}

#language select{
  margin-left:5px;
}


.quickLinks {
    position:absolute;
    top:85px;
    right:10px;
    text-align:right;
    white-space:nowrap;
    z-index:99;
}

.quickLinks a{
    color:#666 !important;
    font-weight:bold !important;
    font-size:12px;
 }

.mainContent {
    float:left;
    width:100%;
}

.mainContent h2{
    font-size:13px !important;
    font-weight:bold !important;
    line-height:16px !important;
    margin-bottom:13px !important;
    width:100% !important;
}

.mainContent a{
    font-weight:normal;
}

/*SMVOL-456: changement css*/
.mainContent div.surveyBox {
    margin-bottom: 200px;
}

.error {
    color:#ff0000;
}

.errorMsg1 {
    color:red;
}

h1.error {
    color:#990033;
    font-size:2.5em;
    font-weight:bold;
    margin:0;
	padding:10px 10px 30px 0;
    position:relative;
    text-align:left;
    z-index:99;
}

/*********************** websitebuilder content *************************************/


/* -- changed -- */
.websiteBuilderLine {
    float:left;
	width:700px;
    margin-bottom:10px;
}

/* changed */
.websiteBuilder {
    float:left;
	margin-left:10px; padding:0;
	width:340px;
	background:url(../images/bg_module-rails.gif) no-repeat center bottom;/* new image */
}

/* -- added -- */
.websiteBuilder:first-child { margin-left:0; margin-right:10px; }

/* changed */
.websiteBuilder h3 { 
	background-color:#e6e6e6!important;
}

/* changed */
.websiteBuilder p {
    padding:0 10px 10px 10px;
}



.copyright {
    font-size: 10px;
    line-height: 16px;
    color: #666666;
}

.copyright a {
    color:#000;
    font-weight:normal !important;
}


/************************************ clinic form *****************************/

.clinicForm,
.clinicForm4{
    float:left;
    width:600px;
}

.clinicForm a ,
.clinicForm4 a{
     font-weight:normal;
}

.clinicFormInformation {
	float:left;
    font-size: 12px;
    font-weight:bold;
   #padding-bottom: 20px;
    text-align:right;
    width:100%;
}

.clinicFormTitle,
.clinicFormTitle4,
.clinicFormContent4{
    font-size: 12px;
	font-weight: bold;
	color: #990033;
    padding-bottom:12px;
    width:600px;
}

.clinicFormTitle {
    width:650px;
}

.clinicForm div,
.clinicForm4 div,
.clinicFormContent4 div{
	float:left;
}

.clinicFormTitle .div3 {
    margin-left:8px;
    text-align:right;
    width:70px;
}

.clinicForm .div1{
	padding-left:15px;
    width:425px;
    #width:433px;
}

.clinicForm .div2{
    width:75px;
}

.clinicForm .trash{
    padding:0 0px 0px 38px;
    #padding:0 0px 0px 48px;
    width:40px;
}

.clinicFormTop {
    padding-bottom:12px;
    width:600px;
}

.clinicFormTop div{
    height:24px;
    margin:0 !important;
    padding:0 !important;
    }

.clinicFormTop .div2{
   background:#DFDFDF;
   font-weight: bold;
   width:566px;
}

.clinicForm .div2 div input{
    margin-left:13px;
}

.clinicFormContent4 .div3 div input{
    margin-left:20px;
}

.clinicFormTop .div2{
   line-height:1.9;
}

.clinicFormTop .div1,
.clinicFormTop .div3{
   font-size:1px;
   width:14px;
}

.clinicFormContent4 .div1,
.clinicFormTitle4 .div1 {
	padding-left:15px;
    width:330px;
    #width:341px;
}

.clinicFormTitle4 .div2,
.clinicFormContent4 .div2 {
    width:111px;
    text-align:center;
}

.clinicFormTitle4 .div2 {
    margin-left:4px;
    margin-right:2px;
}

.clinicFormTitle4 .div3,
.clinicFormContent4 .div3 {
    width:73px;
    text-align:center;
}

.clinicFormTitle4 .div4,
.clinicFormContent4 .div4 {
    width:46px;
    text-align:right;
}

.clinicFormContent4 .div4 {
    padding-right:8px;
}

.clinicFormTitle4 .div3,
.clinicFormContent4 .div3 input {
    text-align:center;
}

.clinicFormContent4 .div2{
    color:#000;
    font-weight:normal;
    #padding-left:10px;
    margin-right:3px;
}

div.clinicFormContent {
    padding-bottom:12px;
}

.remarques {
    font-size: 10px;
    color: #999;
}

.labelForm {
    float:left;
    font-size:12px;
    line-height:2px;
    #line-height:20px;
    _line-height:21px;
    margin:0 0 14px 0;
    padding:0;
    width:120px;
}

.contentRight {
    display:block;
    margin-bottom:15px;
    #margin-bottom:5px;
    text-align:right;
}

.formPage, .formPageAlbums {
    text-align:right;
    margin-bottom:15px;
    width:592px;
    #width:585px;
    float:left;
}

.formPageAlbums {
    width:575px;
}

.linkPage {
    float: left;
    width: 598px;
}

.labelFormVerticalAlign {
    float:left;
    font-size:12px;
    margin:0 0 14px 0;
    padding:3px 0 0 0;
    width:110px;
}

.labelFormLarge {
    float:left;
    font-size:12px;
    margin:0 0 14px 0;
    padding:3px 0 0 0;
    width:220px;
    #width:210px;
}

.labelFormClinic {
    float:left;
    font-size:12px;
    margin:0 0 14px 0;
    padding:0;
    width:200px;
}

.labelForm a{
    font-weight:normal !important;
}

.fieldForm{
    float:left;
    font-size:12px;
    margin:0 0 14px 5px;
    padding:0;
    width:330px;
    text-align:left;
}

.fieldFormLarge{
    float:left;
    font-size:12px;
    margin:-10px 0 14px 5px;
    #margin:0 0 14px 5px;
    padding:0;
    width:540px !important;
    clear:right;
}

table.field  {
    margin: 0px 15px 0 15px;
    background-color: #F0F0EE;
    border: 2px solid #F0F0EE;
}

table.field td {
    padding: 0 10px 0 10px;
}

table.field select {
    width:230px;
}

table.field input {
    width:230px;
}

table.errorMsg{
    margin: 0px 15px 0 15px;
    height:15px;
    border-width:0px;
}

table.errorMsg td{
    color: red;
    font-size: 11px;
    padding-bottom:5px;
}

.contentForm {
    float:left;
    margin:10px 0 0 0;
    padding:0;
    width:470px;

}

#intro, .intro{
    float:left;
    margin-bottom:22px;
    padding-top:10px;
    width:100%;
}

.layout2  #content {  padding:0; margin:0;}

.serviceAgreement {
    overflow: auto;
    width: 550px;
    border: 1px solid black;
    background-color: #f0f0f0;
    padding:5px 10px 10px 10px;
}

.form {
   margin-top:-15px;
}

.intro table {
    font-size:1em;
}

.intro .titlewebBuilder p a,
    .intro .titlewebBuilder a {
     font-weight:normal !important;
}

.intro .titlewebBuilder td p a {
     font-weight:bold !important;
}

/* changed */
#intro span.titlewebBuilder { display:block; }
#intro table { width:700px; margin:0; padding:0; }
#intro table td { padding:0 5px; margin:0;}
#intro table td[bgcolor='#990033'] {
	width:330px; height:auto;
	text-align:center;
}

/* -- changed -- */
.rightBackLink {
	position:relative; right:0;
	text-align:right;
	font-size:10px !important;
}

.rightBackLink a {
    font-weight:normal !important;
    font-size:10px;
    color:#666666;
    line-height:22px; display:inline-block;
}

.contentRight a {
    font-weight:normal !important;
}

.contentFormLarge {
    float:left;
    margin:10px 0 0 0;
    padding:0;
    width:600px;
}

.skinLineList {
    display:block;
    margin-bottom:15px;
    margin-top:10px;
    width:100%;
    min-height:240px;
    _height: auto !important;
}

/*********************************** table result ***********************************/
.formResult {
    float:left;
    margin-top:33px;
    width:100%;
}

table.result {
    height: 22px;
    font-family: Verdana, sans-serif;
    font-size: 12px;
}

table.result th {
    background-color: #931835;
    background-repeat: repeat-x;
    height: 22px;
    color: #FFFFFF;
    padding-left: 8px;
    padding-right: 8px;
    text-align: left;
}

table.result tr {
    color: #000000;
    padding-left: 8px;
    padding-right: 8px;
}

table.result tr.even {
    background-color: #F0F0EE;
}

table.result tr.odd {
    background-color: #FFFFFF;
}

table.result td.even {
    background-color: #F0F0EE;
}

table.result td.odd {
    background-color: #FFFFFF;
}

table.result td {
    height: 22px;
    padding-left: 8px;
    padding-right: 8px;
    text-align: left;
}

table.result td.footer {
    background-color: #858585;
}

table.result tr.footer {
    background-color: #858585;
}

/* changed */
#footer {
  padding:0; margin:0; width:640px;
}

tr.pageInfo {
    color: black;
    height: 22px;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    position: relative;
    left: -5px;
    margin-top: 15px;
    text-align: right;
}

tr.pageInfoLeft {
    color: black;
    height: 22px;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    position: relative;
    left: -5px;
    margin-top: 15px;
    text-align: left;
}

tr.pageInfo td {
    color: black;
    height: 22px;
    padding-left: 8px;
    padding-right: 8px;
    text-align: right;
}

tr.pageInfoLeft td {
    color: black;
    height: 22px;
    padding-left: 8px;
    padding-right: 8px;
    text-align: left;
}

img.imgPaging {
    color: black;
    border: 0;
    padding-right: 2px;
}

img.imgPagingRight {
    color: black;
    border: 0;
    padding-left: 2px;
}

a.pageInfo {
    color: black;
    text-decoration: underline;
}

a.pageInfo:link {
    color: black;
}

/* unvisited link */
a.pageInfo:visited {
    color: black;
}

/* visited link */
a.pageInfo:hover {
    color: black;
}

/* mouse over link */
a.pageInfo:active {
    color: black;
}

/* selected link */

table.result a {
    text-decoration: underline;
}

table.result a:link {
    color: black;
}

/* unvisited link */
table.result a:visited {
    color: black;
}

/* visited link */
table.result a:hover {
    color: black;
}

/* mouse over link */
table.result a:active {
    color: black;
}

/* selected link */

span.pageInfo {
    color: black;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    text-align: right;
}

span.pageInfoLeft {
    color: black;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    text-align: left;
}

span.pageInfoSelected {
    color: black;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #FFCC66;
}

p.searchResult {
    color: black;
    font-weight: bolder;
}

/********************************* survey ***************************/
.surveyBox {
   float:left;
   margin-top:10px;
   padding:20px 15px 10px 15px;
   border:solid 1px #989898;
   width:400px;
}

.surveyBoxMax {
   float:left;
   margin-top:10px;
   padding:20px 15px;
   border:solid 1px #989898;
   width:95%;

}

.surveyBoxMin {
    width:350px;
    float:left;
    height:30px;
    margin-bottom:5px;
}

.surveyBoxMinLarge {
    width:400px;
    float:left;
    height:30px;
    margin-bottom:5px;
}

.surveyTitle{
	color: #990033;
    float:left;
    font-weight:bold;
    margin:20px 0 10px 0;
    width:100%;
}

.surveyBold {
    float:left;
    font-weight:bold;
    font-size: 12px;
    line-height:20px;
}

.surveyNormal {
    float:left;
    line-height:20px;
    _line-height:21px;
}

.surveyCheckbox, .surveyRadio{
    width:25px;
    float:left;
}

 .surveyRadio{
    padding-left:30px;
}

.surveyForm   {
   float:left;
   font-size:12px;
   margin-bottom:2px;
   width:100%;
}

.surveyBoxMin .password{
   background:#F0F0EE;
   border-right:5px solid white;
   min-height:20px;
   padding:2px 5px 0px 5px;
   #padding:0px 5px 2px 5px;
   width:202px;
   #width:220px;
}

.surveyBoxMin .labelPwd{
   float:left;
    font-family:verdana;
   margin-top:7px;
   #margin-top:0;
}

.smallWith {
    width: 80px;
}

.mediumWith {
    width: 160px;
}

.largeWith {
    width: 240px;
}

.vetlocatorForm .mediumWith select{
     width: 147px;
     #width: 155px;
}
/* misc */

.text_12 {
    color:#990033;
    font-size:12px;
}

.text_14{
     color:#990033;
     font-size:14px;
}

/* todo : revoir ces classes. Fait ainsi car dans le FCK j'ai ajoute deux classes de style
et je ne voulais pas casser les classes existantes. Integrateur SVP revoir le tout !
*/
span.text_10 {
    color:#990033;
    font-size:10px;
}

span.text_16 {
    color:#990033;
    font-size:16px;
}

span.text_18 {
    color:#990033;
    font-size:18px;
}

td {
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
}

td a{
    font-weight:normal;
}

td .style1 a {
    font-weight:bold;
}

.style2 a{
    font-weight:normal;
}

ul {
    margin-left:0px;
    padding-left:5px;
    text-indent:0px;
}

ul li {
    list-style-type:disc;
    margin-left:15px;
    padding-right:0.2em;
}

.star {
    color: red;
    vertical-align: sup;
}

.backToPreviousEditor {
    color:#666666;
    font-weight:bold;
}

#petGalleryAlbum2 {
    width:590px;
}

#petGalleryAlbum2 tbody td img{
 /*   min-height:108px !important;
    max-height:108px !important;*/
}

#petGalleryAlbum2 thead th, #petGalleryAlbum1 thead th {
    font-size:11px;
}

table.mylibrary{
      background-color:#fff;
}

.clearfix:after {
	clear: both;
    content: ".";
    display: block;
    font-size: 0;
	height: 0;
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE5/Mac \*/
* html .clearfix {
	height: 1px;
}

.clearfix {
	display: block;
}

/* End hide from IE5/Mac */



/*********************************** VetLocator ***************************************************************/

/* changed */
.barMenu{
    /*float:left;*/
    font-size:12px;
	width:720px; height:80px;
	position:relative;
	top:70px; left:250px;
}
.barMenu a{
    color:#333333;
}

.findVeterinarianImgLeft{
    background:url(../images/imgFindVeterinarianLeft.gif) no-repeat left top;
    height:22px;
    padding-left:27px;
    margin-right:9px;
    /*float:left;
	position:relative; left:15px; #left:12px;*/
}

.findVeterinarianImgRight{
    background:url(../images/imgFindVeterinarianRight.gif) no-repeat right top;
    float:left;
    font-weight:bold;
    height:22px;
    margin-right:8px;
    #margin-right:0;
    min-width:130px;
    padding-right:9px;
    padding-top:5px;
    text-transform:uppercase;
}

.vetlocatorbreadcrumbRight{
    float:right;
    margin-top:-16px;
}

.vetlocatorbreadcrumbLeft{
    margin-top:25px;
}

.vetlocatorbreadcrumbLeft a,
.vetlocatorbreadcrumbRight a
{
    color:#666666;
}

.vetlocatorbreadcrumbLeft a:hover,
.vetlocatorbreadcrumbRight a:hover
{
    color:#000000;
}

.vetlocatorBreadcrumbLeft br{
    display:none;
}

/* changed */

.vetlocatorContent{
	/*float:left;
	margin-top:18px;
	width:100%;*/
	clear:both; float:none;
}

.vetlocatorForm{
    margin-top:33px;
}

.vetLocatorMenu {
    position:absolute;
}

.displayTableVetLocator table {
    border: 1px solid gray;
    margin-top: 8px;
    margin-bottom: 8px;
}

.displayTableVetLocator .pageLinks {
    float: right;
}

.displayTableVetLocator .clinicWithinDistance {
    font-family:Arial,Helvetica,sans-serif;
    font-size:10px;
    padding-top:20px;
    width:13%;
    padding-left:10px;
}

.displayTableVetLocator .clinicInfo {
    width:400px;
}

.displayTableVetLocator .clinicInfo a {
    float:left;
    margin-top:33px;
}

.displayTableVetLocator .linkGoogleMap    {
    margin-top:4px;
    border-bottom:solid 12px white;
}

.vetlocatorBtn{
   margin-bottom:36px;
 }

.vetlocatorForm .pagebanner{
     margin:17px 0 11px 0;
 }

.displayTableVetLocator .pageCount{
    color:#666666;
    margin-top:11px;
    margin-bottom:11px;
 }

.pagelinks   {
    display:inline-block;
    color:#666666;
    margin-top:-24px;
    position:relative;
}

.pagelinks a  {
    color:#666666;
}


.displayTableVetLocator table{
     width:100%; 
  }

.displayTableVetLocator td{
     vertical-align:top;
  }

.vetlocatorContent ul{
    margin-top:42px;
    padding-left:0;
  }

.vetlocatorContent li{
    margin-bottom:15px;
  }

.vetlocatorBreadcrumbProvince{
  margin-top:25px;
}

.vetlocatorBreadcrumbProvinceLeft {
    float:left;
    margin-top:25px;
	margin-bottom:20px;
}

.vetlocatorBreadcrumbProvinceLeft a{
   color:#666666;
}

.vetlocatorBreadcrumbProvinceLeft a:hover{
   color:#000000;
}

.clinicInfoDesc{
    float:left;
    margin:20px 14px 0 10px;

}

.displayTableVetLocator .mapHtml   {
    border-top:solid 20px white;
   /*border-right:solid 14px white;  */
   /*width:45%*/
}
.displayTableVetLocator .mapHtml>div   { width:350px; overflow:hidden;}
.displayTableVetLocator .mapHtml  a   {
    color:#0000cc;
}

.vetlocatorContent { }

/* print layout */
body.printLayout { background:none!important; }
.printLayout h2.clinicName { color:#000;float:left!important;
text-align:left!important; }
.printLayout .printPage td { text-align:left!important; }