/* CSS Document */

/*
CSS Reset Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/

/* CSS Reset */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td
{
	margin:0;
	padding:0;
}

table
{
	border-collapse:collapse;
	border-spacing:0;
}

fieldset, img { border:0; }

address, caption, cite, code, dfn, em, strong, th, var, optgroup
{
	font-style:inherit;
	font-weight:inherit;
}

em { font-style:italic; }

strong { font-weight:bold; }

del, ins { text-decoration:none; }

li { list-style:none; }

caption, th { text-align:left; }

h1, h2, h3, h4, h5, h6
{
	font-size:100%;
	font-weight:normal;
}

q:before, q:after { content:''; }

abbr, acronym
{
	border:0;
	font-variant:normal;
}

sup { vertical-align:baseline; }

sub { vertical-align:baseline; }

legend { color:#000; }

input, button, textarea, select, optgroup, option
{
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
}

input, button, textarea, select { *font-size:100%; }

/* HTML redefinitions */

Body
{
	background-color: #fff;
	color: #000;
	font-family: 'Calibri',Tahoma,Arial,Trebuchet MS,Helvetica,sans-serif;
}

H1
{
	color: #000000;
    font-family: 'Calibri',Tahoma,Arial,Trebuchet MS,Helvetica,sans-serif;
    font-size: 17pt;
    font-weight: bold;
    padding-left: 300px;
    text-align: center;
    text-shadow: 1px 1px 1px #FFFFFF;
}

H2
{
	font-family: 'Calibri',Tahoma,Arial,Trebuchet MS,Helvetica,sans-serif;
	font-size: 17pt;
	font-weight: bold;
	color: #111;
	margin: 0.4em 0;
}

h3 {
color:#0A6500;
font-family:'Calibri',Tahoma,Arial,Trebuchet MS,Helvetica,sans-serif;
font-size:14pt;
font-weight:bold;
margin:0.25em 0;
}

H4
{
	font-family: 'Calibri',Tahoma,Arial,Trebuchet MS,Helvetica,sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color: #333;
	margin: 0.6em 0;
}

H5, DT
{
	font-family: 'Calibri',Tahoma,Arial,Trebuchet MS,Helvetica,sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #444;
	margin: 0.7em 0;
}

H6
{
	font-family: 'Calibri',Tahoma,Arial,Trebuchet MS,Helvetica,sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #555;
	margin: 0.7em 0;
}

TFOOT, THEAD
{
	font-family: 'Calibri',Tahoma,Arial,Trebuchet MS,Helvetica,sans-serif;
	font-size: 12pt;
	color: #003366;
}

TH
{
	vertical-align: baseline;
	font-family: 'Calibri',Tahoma,Arial,Trebuchet MS,Helvetica,sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #003366;
}

SMALL { font-size: 7pt; }

BIG { font-size: 14pt; }

BLOCKQUOTE, PRE { font-family: 'Lucida Console', monospace; }

input, button, textarea, select, optgroup, option { margin: 2px 2px 1px 3px; }

UL LI { list-style-type: square; }

UL LI LI { list-style-type: disc; }

UL LI LI LI { list-style-type: circle; }

OL LI { list-style-type: decimal; }

OL OL LI { list-style-type: lower-alpha; }

OL OL OL LI { list-style-type: lower-roman; }

OL UL LI { list-style-type: disc; }

HR
{
	color: #000;
	height: 1px;
	text-align: center;
	width: 100%;
	margin: 2px auto;
	background-color:#000;
	border: none;
}

A:link
{
	font-weight: bold;
	text-decoration: underline;
	color: #003399;
}

A:visited
{
	font-weight: bold;
	text-decoration: underline;
	color: #259325;
}

A:hover
{
	font-weight: bold;
	text-decoration: none;
	color: #003366;
}

A:active
{
	font-weight: bold;
	text-decoration: none;
	color: #666666;
}

/* Admin elements */

.ControlPanel, .PagingTable
{
	width: 80%;
	min-width: 800px;
	margin: 0 auto 10px;
	background-color: #fff;
	border-right: #949494 1px solid;
	border-top: 0;
	border-left: #949494 1px solid;
	border-bottom: #949494 1px solid;
	-moz-box-shadow: 1px 1px 6px #888;
}

.ControlPanel td { padding: 3px; }

.CommandButton
{
  background: none repeat scroll 0 0 #d6e2c6;
    border: 1px outset #0F3A51;
    color: #000;
    display: inline-block;
    margin: 1px;
    text-decoration: none;
    text-shadow: 0 1px 1px #FFFFFF;
	padding: 1px 6px 2px;
	font-weight:bold;
}

/* DNN element styles */

.StandardButton
{
    background: none repeat scroll 0 0 #d6e2c6;
    border: 1px outset #0F3A51;
    color: #000;
    display: inline-block;
    margin: 6px 3px;
    text-decoration: none;
    text-shadow: 0 1px 1px #FFFFFF;
	padding: 2px 3px 2px;
	font-weight:bold;
}
input.PaymentButton:hover {
	background: none repeat scroll 0 0 #fff;
    border: 1px outset #0F3A51;
    color: #000;
    display: inline-block;
    margin: 6px 3px;
    text-decoration: none;
    text-shadow: 0 1px 1px #FFFFFF;
	padding: 1px 6px 3px;
	font-weight:bold;
}

input.PaymentButton:active {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px outset #0F3A51;
    color: #000000;
    display: inline-block;
    font-weight: bold;
    margin: 6px 3px;
    padding: 1px 6px 3px;
    text-decoration: none;
    text-shadow: 0 1px 1px #FFFFFF;
}

.NormalTextBox
{
	font-family: 'Calibri',Tahoma,Arial,Trebuchet MS,Helvetica,sans-serif;
	font-size: 12pt;
	font-weight: normal;
	padding: 5px;
	border: 1px solid #d6e2c6;
	-moz-box-shadow: inset 4px 4px 3px #efefef;
	-webkit-box-shadow: inset 4px 4px 3px #efefef;
  	box-shadow: inset 4px 4px 3px #efefef;
}

/* DNN text styles */

.SkinObject
{
	font-weight: normal;
	font-size: 8pt;
	color: #FFF;
	font-family: 'Calibri',Tahoma,Arial,Trebuchet MS,Helvetica,sans-serif;
	text-decoration: none;
}

.Help
{
	font-size: 9pt;
	font-family: 'Calibri',Tahoma,Arial,Trebuchet MS,Helvetica,sans-serif;
}

.Head
{
	font-family: 'Calibri',Tahoma,Arial,Trebuchet MS,Helvetica,sans-serif;
	font-size: 16pt;
	font-weight: normal;
	color: #111;
}

.map{
background: url('images/map.png') no-repeat bottom right transparent;
padding:8px 8px 8px 9px;}

.SubHead
{
	font-family: 'Calibri',Tahoma,Arial,Trebuchet MS,Helvetica,sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color: #0A6500;
}

.SubSubHead
{
	font-family: 'Calibri',Tahoma,Arial,Trebuchet MS,Helvetica,sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #333;
}

.Normal, .NormalDisabled
{
	font-family: 'Calibri',Tahoma, Arial, Trebuchet MS, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: inherit;
	color: #000;
}

.NormalDisabled
{
	color: #999;
	text-shadow: 0 1px 0 #ccc;
}

.NormalBold
{
	font-family: 'Calibri',Tahoma,Arial,Trebuchet MS,Helvetica,sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #003366;
}

.NormalRed
{
	font-family: 'Calibri',Tahoma,Arial,Trebuchet MS,Helvetica,sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #cc0000;
}

/* Normal subclasses */

.Normal p
{
	margin: 0.7em 0;
	line-height: 1.4;
	font-size: 12pt;
	font-family: 'Calibri',Tahoma,Arial,Trebuchet MS,Helvetica,sans-serif; color: #000;
}

.Normal p img {
    margin: 5px 0 0 5px;
    padding: 0px 11px 11px;
}

.highslide img {
    -moz-box-shadow: 0 1px 8px #CCCCCC;
    background-color: #fff;
    border: 1px solid #CCCCCC;
    margin: 14px;
    padding: 10px;
}

.LCToolbarWrapper ul {
    margin: 0 102px 0 0;
    padding: 2px;
    text-align: right;
}

td.ShoppingHeaderSearch {
    text-align: right;
    width: 367px;
}

#dnn_ctr17204_ViewProvet_Shopping_ShoppingTotalView_lblTotalTitle{font-size:16pt;}

.ShoppingHeaderMiniCart{background-color:#CCCCCC;
padding:5px;}

.CategoryImage img {
    -moz-box-shadow: 1px 3px 8px #CCCCCC;
    padding: 5px;
    position: relative;
    z-index: 2;
}

#ShoppingBreadCrumbs{ border-top:3px solid #efefef; padding-top:25px;}

.LCToolbarWrapper ul li {
    display: inline;
    margin: 0;
}

.Normal table { border: 0px solid #000; color: #000;}

.Normal table th
{
	padding: 3px;
	border-bottom: 1px dashed #000;
	background: #fff;
	line-height: 1.4;
	color: #000;
}

.Normal table td
{
	padding: 3px;
	line-height: 1.4;
	color: #000;
}

.Normal table tr:hover
{
	color: #000;
}

.Normal ul, .Normal ol
{
	margin: 0.9em 1.5em;
	list-style: inside inherit none;
}

.Normal li
{
	line-height: 1.6;
	margin: 0 1em;
	text-align:left;
}

/* DNN link styles */

A.CommandButton:link
{
	  background: none repeat scroll 0 0 #d6e2c6;
    border: 1px outset #0F3A51;
    color: #000;
    display: inline-block;
    margin: 2px 3px;
    text-decoration: none;
    text-shadow: 0 1px 1px #FFFFFF;
	padding: 1px 6px 3px;
	font-weight:bold;
}

A.CommandButton:visited
{
	  background: none repeat scroll 0 0 #d6e2c6;
    border: 1px outset #0F3A51;
    color: #000;
    display: inline-block;
    margin: 2px 3px;
    text-decoration: none;
    text-shadow: 0 1px 1px #FFFFFF;
	padding: 1px 6px 3px;
	font-weight:bold;
}

A.CommandButton:hover
{
	  background: none repeat scroll 0 0 #fff;
    border: 1px outset #0F3A51;
    color: #000;
    display: inline-block;
    margin: 2px 3px;
    text-decoration: none;
    text-shadow: 0 1px 1px #FFFFFF;
	padding: 1px 6px 3px;
	font-weight:bold;
}

A.CommandButton:active{
background: none repeat scroll 0 0 #fff;
    border: 1px outset #0F3A51;
    color: #cc3333;
    display: inline-block;
    margin: 2px 3px;
    text-decoration: none;
    text-shadow: 0 1px 1px #FFFFFF;
	padding: 1px 6px 3px;
	font-weight:bold;
	}

A.SkinObject:link
{
	text-decoration: none;
	color: #FFF;
}

A.SkinObject:visited
{
	text-decoration: none;
	color: #FFF;
}

A.SkinObject:hover
{
	text-decoration: none;
	color: #7ed162;
}

A.SkinObject:active
{
	text-decoration: none;
	color: #cfeeff;
}

/* Template layout */

#wrapper
{
	margin: 0 auto;
	width: 80%;
}

#LogoPane {text-align:center; }

#TaglinePane { float: right;}

#ContentPane { }

#LeftPane { float: left; }

#BottomPane { float: left; }

#RightPane { float: left; }

#footer { }

#footerleft { float: left; }

#footerright { float: right; }

.clear { clear: both; }

/* Template styles */

.DropShadow {background: url('images/dropshadow.png') no-repeat top left transparent;
width:392px;height:347px; padding:8px;}

#dnn_ctr17210_ViewArticle_GridView1 {
    border-collapse: collapse;
    border-color: #E8E8E8;
    border-width: 15px;
    color: #EDEDED;
    padding: 10px;
    width: 98%;
}

i a {
    color: #003333;
    font-size: 8pt;
	font-weight:bold;
}
i a:hover {
    color: #003333;
    font-size: 8pt;
    text-decoration: none;
	font-weight:bold;
}
i a:active {
    color: #003333;
    font-size: 8pt;
    text-decoration: none;
	font-weight:bold;
}

#dnn_ctr17219_View_txtField4{ width:180px;
height:100px;}

a.SubHead, a.SuHead:link, a.SubHead:visited, a.SubHead:hover{
	font-family: 'Calibri',Tahoma,Arial,Trebuchet MS,Helvetica,sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color: #0A6500;
}

#dnn_ctr17210_ViewArticle_lblArticle img { padding:0px 5px;}

.LogoPane {background: url('images/cape-hawke-vet-logo.png') 38px 12px no-repeat;width:auto; text-align:center; padding-top:39px; padding-right:300px;}
.Logo_Img{margin: -65px 12px 0px 12px;}

.TaglinePane {background: url('images/clinic_right.png') top right no-repeat; width:50%; text-align:left;}
.TaglineContent {
background:url("images/taglinepane_bg.png") repeat-x scroll center top transparent;
float:left;
padding-bottom:37px;
padding-top:39px;
text-align:left;
vertical-align:middle;
width:260px;
}

.TaglineRight {
background:url("images/taglinepane_right.png") no-repeat scroll left top transparent;
height:200px;
text-align:left;
vertical-align:middle;
width:20px;
float:left;
}

.ContentPane {
margin-bottom: 10px; 
padding: 15px 15px 15px 28px;
width:auto;}

.LeftPane { padding: 15px 0px 15px 15px;
width: 25%;
}

.BottomPane {padding: 0px 15px 15px 15px;
 }

.RightPane {
    padding: 20px 21px 35px 0; width: 235px;
}
 
.TopPane {
padding: 15px;
}

body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, Arial;
	font-size: 14px;	
	color: #333;
	background: url('images/bodybg.png') #2f2f2f repeat-x;
}

/* Structural Elements */

.sepclass {
	height: 45px;
	width: 1px;
	background-color: #fff;
}

#menubar {
	clear: both;
	min-width: 800px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	width: 100%;
}

#container {
	margin: auto;
	width: 80%;
	height: 800px;
	min-width: 921px;
	position: relative;
	padding-top: 50px;
	max-width: 1000px;
}

#menu {
	height: 71px;
}

#headerholder {
    background: url("images/pets.png") no-repeat scroll right top #DBF0CA;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    height: 161px;
    width: 100%;
}

#topstrip {
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	background: #00B800;
	clear: both;
	height: 3px;
	width: 100%;
}

#botstrip {
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	background:#00B800;
	clear: both;
	width: 100%;
	height: 3px;
}

#header {
	float: left;
	width: 100%;
	height: 195px;
	background: url('images/headerbg.png') repeat-x;
}

#leftheader {
	float: left;
	height: 195px;
	width: 4px;
	background: url('images/leftheader.png') no-repeat;
}
#rightheader {
	float: left;
	height: 195px;
	width: 4px;
	background: url('images/rightheader.png') no-repeat;
}

#content {
	overflow: hidden;
	text-align: left;
	float: left;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	width: 100%;
	background: url('images/bottom.png') repeat-x bottom left #fff;
}

#top {
	width: 100%;
	background: url('images/top.png') repeat-x top left transparent;
}
	
#dnn_ContentPane {
}

.DNNAlignleft {
    text-align: inherit;
}

#footer {
	float: left;
	height: 22px;
	padding-top: 8px;
	font-size: 11px;
	width: 100%;
	color: #FFF;
}

.clearer {
	clear: both;
	}
	
#loginbit {
	float: right;
	}

#buttonholder {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 10px;
	overflow: hidden;
	float: left;
	width: 210px;
	text-align: left;
}
/* Main Menu */

.MainMenu_MenuContainer
{
	background-color: transparent;
	height: 45px;
	border: 0;
}
.MainMenu_MenuBar
{
	cursor: pointer;
	height: 45px;
	background-color: #c8df8a;
	text-align: center;
	border: 0;
}
.MainMenu_MenuItem
{
	cursor: pointer;
	color: #006600;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	border: 0;
}

.MainMenu_MenuIcon
{
	display: none;
}

.MainMenu_SubMenu
{
	z-index: 1000;
	cursor: pointer;
	border:none;
	background-color: #c5de83;
}

.MainMenu_SubMenu td {
padding: 5px 8px 5px 3px;
}

.MainMenu_MenuItemSel
{
	cursor: pointer;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	padding: 3px;
	color: #fff;
}

.MainMenu_RootMenuItem {
	cursor: pointer;
	color: #fff;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	border-bottom:1px solid #004368;
	border-top: 0;
	background: url('images/menuidle.png') repeat-x #c5de83;
}


.MainMenu_RootMenuItemActive {
	background-color: #000;
	border-bottom: 0;
	height: 45px;
	border-bottom:1px solid #004368;
	background: url('images/menuhover.png') repeat-x #c5de83;
}



.MainMenu_RootMenuItemSelected {
	color: #c5de83;
	border-bottom: 0;
	height: 45px;
	text-align: center;
	background: url('images/menuhover.png') repeat-x #c5de83;
	border-bottom:1px solid #004368;
}


.MainMenu_RootMenuItemBreadcrumb {
	border-bottom: 0;
	height: 45px;
	color: #fff;
	font-weight: bold;
	border-bottom:1px solid #004368;
}



.MainMenu_SubMenuItemBreadcrumb {
	background-color: #cfe397;
	color: #fff;
}

.MainMenu_SubMenuItemActive {
color: #fff;
background-color: #006600;
}

.MainMenu_SubMenuItemSelected {
color: #fff;
background-color: #006600;
font-weight: normal;
}

.MainMenu_MenuArrow
{
display: none;
}
.MainMenu_RootMenuArrow
{
display: none;
}

.footertext {
	color: #a3cbe0;
	font-weight: normal;
	font-size: 11px;
}

.footer2{ font-size:8pt; color:#a3cbe0; text-decoration:none; font-weight:bold;}
a.footer2:link,a.footer2:visited{ font-size:8pt; color:#ffffff; text-decoration:none; font-weight:bold;}
a.footer2:hover,a.footer2:active{ color:#06a75e; text-decoration:underline; font-weight:bold;}


.lefthalf {
	width: 50%;
	text-align: left;
	float: left;
	}
	
.righthalf {
	width: 50%;
	text-align: right;
	float: left;
}


	
#toppaw {
	background: url('images/toppaw.png') no-repeat;
	width: 100px;
	height: 108px;
	position: absolute;
	top: 0;
	left: 0;
	z-index:-1;
}
.YouTube {
    float: left;
    padding: 20px 5px 0 0;
    width: 332px;
}
.YouTube-Right {
    float: right;
    padding: 15px 0 0;
    width: 351px;
}