/* CSS Document */

body {
min-width: 840px;
max-width: 1400px;
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:0;
padding-bottom:0;
padding:0px;
background-color:#333940 ;
font-family: Arial, Verdana, sans-serif;
color:#666;
}

#map div
{
font-size:105%;
color:#372017;
}

images{
border:0;
}

#right{
float:right;
}

.right{
float:right;
}
.left{
float:left;
}
.centre{
margin:auto;
text-align: center;
}


#column1 {
float:left;
width:47%;
padding-top:0;
padding-left:1%;
padding-right:1%;
margin:0 0 5px 0;
border: 1px dashed #E6F0FA;
color:#666;
}

#column2 {
float:right;
width:47%;
padding-top:0;
padding-bottom:0;
padding-left:1%;
padding-right:1%;
margin:0 0 12px 0;
border: 1px dashed #E6F0FA;
color:#666;
}

#wide-column {
clear:both;
width:98%;
padding-top:0;
padding-bottom:0;
padding-left:1%;
padding-right:1%;
margin:0 0 12px 0;
}

a:link{
text-decoration:none;
color: #4291CE;
}


a:visited{
text-decoration:none;
color: #a56853;
/*background:url(../../../images/dogsbox/tick.gif) no-repeat right 50%;
padding-right:9px;*/
}

a:hover{
text-decoration:underline;
color: #3a2d1f;
}
a:active{
text-decoration:none;
color: #f4b63f;
}


h1,h2,h5,h6{
color:#333940;
}

h3{
margin:0 0 6px 0px;
padding:0;
color:#333940;
}

h4{
margin:0 0 6px 0px;
padding:0;
font-size:100%;
color:#333940;
}


/* Layout structure */

#wrap{
min-width: 800px;
max-width: 1400px;
}

#lowerwrap
{
clear:both;
background:url(../../../images/dogsbox/wrap-bg.gif) repeat-y 70% 0;
min-height:100%;
}

*html #lowerwrap /* IE */
{
height:100%;
background:#fff url(../../../images/dogsbox/wrap-bg-win.gif) repeat-y 100%;
}

#content {
float:left;
width: 77%;
font-size: 100%;
line-height: 1.5em;
color: #333;
min-height:360px;
}
#sidebar{
float:right;
width:22%;
}


*html #content { /* IE */
float:left;
width: 72%;
font-size: 95%;
line-height: 1.5em;
color: #333;
height:400px;
}

*html #sidebar{
float:right;
width:240px;
}


#footer{
clear:both;
background:#4291CE url(../../../images/dogsbox/footer-bg.gif) repeat-x bottom;
/*border-bottom: 3px solid #D7E9F7;*/
}
#footer p{
text-align:center;
color:#D7E9F7;
margin:0;
padding: 5px;
font-size: 85%;
letter-spacing:0.2em;
}
#footer a:link{
color:#fff;
}

#footer a:visited{
color:#fff;
}
#footer a:hover{
text-decoration:underline;
color: #333940;
}


/* header */
#header
{
background: #221f20 url(../../../dealer-images/dogsbox-banner.gif) no-repeat top right;
border-bottom: 3px solid #000;
height:115px;
}

#logo 
{
width:325px;
height:94px;
float:left;
background:url(../../../dealer-images/logos/dogsbox.gif) no-repeat 50%;
margin-left:36px;
margin-top:12px;
}

#logo span{
display:none;
}

h2 logo{
margin:0;
padding-left:0;
}

#header h1
{
margin:0;
text-align:right;
color:#333940;
padding-right:0px;
font-family: Georgia, Serif;
font-size: 100%;
}

/* message row*/

#message{
padding:7px 32px 7px 40px;
height:15px;
background:#353738 url(../../../images/dogsbox/message-bg.gif) repeat-x top;
color: #D7E9F7;
margin:0;
font-size:80%;
text-align: left;
}

#message strong {
padding: 0 0 0 18px;
background: url(../../../images/dogsbox/exclamation-light.gif) no-repeat 0 50%;
}

#message a:link{
color:#D7E9F7;
text-decoration:underline;
}
#message a:visited{
color:#D7E9F7;
text-decoration:underline;
}
#message a:hover{
text-decoration:underline;
color: #fff;
}

#message form
{
padding:0;
margin:0;
}

#message input
{
padding:0 .3em 0 .3em;
margin:0;
}

/* gutters */

#sidebar .gutter{
padding: 0px;
}

#content .gutter{
padding: 15px;
}

/* content */
#content h2{
margin: 0 0 1em 0;
padding: 0;
font-family: Georgia, serif;
font-size: 150%;
font-weight: normal;
color:#353738;
}

/* Definition list in a box - see contact page*/


dl{
width: 270px;
margin: 0 20px 10px 10px;
background:#E1E6E8 url(../../../images/dogsbox/box-bottom.gif) no-repeat bottom left;
min-height:8em;
}

*html dl{
height:8em;
}

dt {
margin: 0;
padding: 4px 0 2px 14px;
background:#B2BABE url(../../../images/dogsbox/box-top.gif) no-repeat top left;
font-weight:bold;
font-size:110%;
letter-spacing:1px;
}
  
 dd {
  margin: 0;
  padding: 2px 0 2px 14px;
  }

/* End box */

dl.feature{
margin:15px 0;
padding: 15px;
border-top: 1px dotted #8f5d34;
border-bottom: 1px dotted  #8f5d34;
}

dl.feature:after{
content: ".";
display:block;
height:0;
clear: both;
visibility:hidden;
}

dl.feature dt images{
float: left;
margin: 0 15px 0 0;
padding: 0 4px 4px 0;
}

dl.feature dd{
margin-left: 269px;
font-size: 90%;
line-height: 1.5em;
color: #666;
}

dl.feature dt{
margin: 0 0 0.5em 0;
font-family: Georgia, serif;
font-size: 140%;
color:#D7E9F7;
}


/*    */


dl.home{
width: 100%;
margin: 0 0 5px 5px;
background-color:Transparent;
}

dt.home {
margin: 0;
padding: 4px 0 2px 0px;
font-weight:bold;
font-size:110%;
letter-spacing:1px;
background-color:Transparent;
}
  
dd.home {
margin: 0;
padding: 2px 0 2px 4px;
background-color:Transparent;
}


dl.home{
margin:0px 0;
padding: 0px;
background-color:Transparent;
}

dl.home:after{
content: ".";
display:block;
height:0;
clear: both;
visibility:hidden;
}

dl.home dt img{
float: right;
margin: 0 0px 0 0;
padding-left: 12px;
}

dl.home dd{
margin-left: 0px;
font-size: 90%;
line-height: 1.5em;
color: #303339;
background-color:Transparent;
}

dl.home dt{
margin: 0 0 0.5em 0;
font-size: 140%;
color:#303339;
background-color:Transparent;
}
/* ----- */


dl.detail{
margin:15px 0;
padding: 15px;
border-top: 1px dotted #8f5d34;
border-bottom: 1px dotted  #8f5d34;
}

dl.detail:after{
content: ".";
display:block;
height:0;
clear: both;
visibility:hidden;
}

dl.detail dt images{
float: left;
margin: 0 15px 0 0;
padding: 0 4px 4px 0;
}

dl.detail dd{
margin-left: 269px;
font-size: 90%;
line-height: 1.5em;
color: #666;
}

dl.detail dt{
margin: 0 0 0.5em 0;
font-family: Georgia, serif;
font-size: 140%;
color:#D7E9F7;
}


/* Sidebars*/

.contactleft p{
padding:0;
margin:0;
font-size:100%;
}

.contactright p{
padding:0;
margin:0;
font-size:100%;
}

.on{
font-weight:bold;
}

.navigationbox{
margin: 20px;
padding: 0 0 0 0;
font-size: 90%;
line-height: 1.5em;
background:#fff /*url(../../../images/dogsbox/yellow-box-br.gif) no-repeat bottom right*/;
border:1px solid #d5d5d5;
}

.navigationbox h3 {
margin: 0;
padding: 6px;
font-size: 140%;
font-weight:bold;
color:#717678;
background:#DCE0E0 /*url(../../../images/dogsbox/nav-box-header.gif) repeat-x top left*/;
}

.navigationbox p, .navigationbox ul{
margin: 0;
padding:  0 0 0 0px;
}

.navigationbox p, ul li{
margin: 0px;
padding: 0 0 0 12px;
list-style: none;
}

.navigationbox ul li a:link, .navigationbox ul li a:visited /* Firefox */
{
display:block;
padding-left: 14px;
padding-top:0;
padding-bottom:0;
padding-right:0;
text-decoration:none;
font-size:115%;
color: #717678;
background:url(../../../images/dogsbox/bullet.gif) no-repeat left;
}

*html .navigationbox ul li a:link, .navigationbox ul li a:visited /* IE */
{
width:100%;
}


.navigationbox ul li a:hover{
background: url(../../../images/dogsbox/bullet2.gif) no-repeat left;
}

.addressbox{ /* Also used for search box */
margin: 20px;
padding-bottom: 12px;
padding-bottom: 6px;
font-size: 80%;
line-height: 1.5em;
color:#717678;
background:#fff /*url(../../../images/dogsbox/yellow-box-br.gif) no-repeat bottom right*/;
border:1px solid #d5d5d5;
}

.addressbox h3 {
margin: 0;
padding: 6px;
font-size: 120%;
font-weight:bold;
color:#717678;
background:#DCE0E0 /*url(../../../images/dogsbox/nav-box-header.gif) repeat-x top left*/;
}
.addressbox ul
{
margin: 0px;
padding: 0;
}

.addressbox ul li
{
margin: 0;
padding-left:14px;
list-style: none;
color:#353738;
font-size:110%;
}


/* End address box in sidebar */


/* For search page */

.unspecified
{
text-align:left;
font-size:10px;
color:#999; 
}

/* Form */

label /* Not currently used */
{
float:left;
margin-right: 0.2em;
width: 1em;
text-align: right;
display: block;
padding-left:12px;
}

.select  /* Option drop-down */
{
width:60%;
min-width: 80px;
margin:0px;
}

input{ /* Text size buttons */
background-color:#333940;
border-top: solid 1px #E1E6E8;
border-left: solid 1px #E1E6E8;
border-right: solid 1px #353738;
border-bottom: solid 1px #353738;
font-weight:bold;
color:#D7E9F7;
margin:0;
padding-left:3px;
padding-right:3px;
}

#button /* Search button */
{
margin:auto;
width:10em;
background-color:#333940;
border-top: solid 1px #D7E9F7;
border-left: solid 1px #D7E9F7;
border-right: solid 1px #353738;
border-bottom: solid 1px #353738;
font-weight:bold;
color:#fff;
}

#button:hover /* Search button hover*/
{
background-color:#D7E9F7;
border-top: solid 1px #ECF4FB;
border-left: solid 1px #ECF4FB;
border-right: solid 1px #aa6c00;
border-bottom: solid 1px #aa6c00;
color:#333940;
text-decoration:none;
}

/* EndForm */


/*--------------Detail page ----------------------*/

.red
{
font-weight:bold;
font-size:110%;
color:red;
text-align:center;
}


#contactbutton
{
text-align:center;
width:100px;
padding:2px;
margin-left:auto;
margin-right:auto;
background-color:#D7E9F7;
border-top: solid 1px #D7E9F7;
border-left: solid 1px #D7E9F7;
border-right: solid 1px #353738;
border-bottom: solid 1px #353738;
font-weight:bold;
color:#353738;
}

#contactbutton:hover
{
margin-left:auto;
margin-right:auto;
width:100px;
padding:2px;
font-weight:bold;
color:#aa6c00;
}

#contact input /* Detail page form input boxes */
{
width:100%;
float:left;
margin:0;
background-color:#fff;
border-top: solid 1px #ccc;
border-left: solid 1px #ccc;
border-right: solid 1px #999;
border-bottom: solid 1px #999;
font-weight:normal;
color:#000;
}

#contact textarea /* Detail page form input box for message */
{
float:left;
margin:0;
background-color:#fff;
border-top: solid 1px #ccc;
border-left: solid 1px #ccc;
border-right: solid 1px #999;
border-bottom: solid 1px #999;
font-weight:normal;
color:#000;
}

#next
{
font-size:70%;
float:right;
background:url(../../../images/dogsbox/brown-detail-right-arrow.gif) no-repeat right 50%;
padding-right:12px;
margin-right:5px;
}

.detail-footer{
background:#B2BABE;
padding:5px 0 5px  5px ;
margin:0;
}

#contactbutton{
padding:0;
margin:auto;
border:none;
}

#contactbutton input
{
background-color:#333940;
border-top: solid 1px #D7E9F7;
border-left: solid 1px #D7E9F7;
border-right: solid 1px #698FB6;
border-bottom: solid 1px #698FB6;
font-weight:bold;
color:#fff;
margin:0;
padding:0;
}

#contactbutton input:hover
{
margin:0;
padding:0;
border:none;
background-color:#D7E9F7;
}

/*----------------End detail page---------------*/


.center{
text-align:center;
}


/* Hacks */

/* Hide from IE5/Mac \*/
* html #footer { height: 1%;}
/* End hide from IE5/Mac \*/

/* Hide from IE5/Mac \*/
* html dl.feature {height: 1%;}
dl.feature {display: block;}
/* End hide from IE5/Mac \*/