/*----------
* RESET
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, secondary, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
html {
background-color:#ffffff;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
/* remember to define focus styles! */
focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
clear:both;
}
body img {
margin:0px;
padding:0px;
}
/*----------
* END RESET
*/
/*----------
* Global Classes
*/
.border-top {
border-top: 1px solid black;
}
/*----------
* Float Container
*/
#float-container {
margin: 0 auto;
width: 800px;
}
/*----------
* Container
*/
#container {
background-color:#ffffff;
min-height:600px;
padding:24px 16px 0px 16px;
margin-top:36px;
margin-bottom:36px!important;
float:left;
width:768px;
border:1px solid #cccccc;
}
/*----------
* Primary Navigation
*/
#primary-navigation {
height:25px;
padding-top:24px;
width:768px;
float:left;
color:#989482;
}
#primary-navigation ul {
height: 25px;
width: 768px;
float: left;
text-align:center;
}
#primary-navigation ul li {
display: inline;
}
#primary-navigation ul li a {
text-decoration: none;
font-weight: bold;
line-height: 26px;
font-size: 18px;
padding: 0px 5px 0px 5px;
display: inline;
color: #555555;
background-position: right;
background-repeat: no-repeat;
text-decoration:none;
}
#primary-navigation ul li a:hover {
color:#bf8f3d;
border-bottom:1px solid #ccc;
}
#primary-navigation ul li a.current {
color:#bf8f3d;
border-bottom:1px solid #3077cb;
}
#primary-navigation ul li a.section {
color:#bf8f3d;
border-bottom:1px solid #3077cb;
}
/*----------
* PageName Container
*/
#page-name-container {
float:left;
width:768px;
margin-top:24px;
}
#page-name-container .page-name {
font-size:30px;
color:#bf8f3d;
border-bottom: 1px solid #ccc;
font-family: Arial, Helvetica;
padding-right:45px;
clear:both;
}
#page-name-container .pedigree-title {
font-size:22px;
color:#666666;
clear:both;
margin-top:10px;
float:left;
}
#page-name-container .level2-menu {
font-size:18px;
clear:both;
margin-top:10px;
float:left;
}
/*----------
* Secondary Navigation
*/
#secondary-navigation {
height: 101px;
width: 572px;
color: #989482;
float: left;
}
#secondary-navigation ul {
padding-top: 81px;
float: left;
}
#secondary-navigation ul li {
display: inline;
}
#secondary-navigation ul li a {
text-decoration: none;
font-weight: bold;
font-size: 18px;
padding: 0px 4px 0px 9px;
color: #989482;
}
#secondary-navigation ul li a:hover {
color: #C6C2AD;
}
#secondary-navigation .current {
color: #000000;
}
#secondary-navigation .assetid {
padding-left: 0px;
}
/*----------
* Tertiary Navigation
*/
#tertiary-navigation {
width: 180px;
float: left;
}
#tertiary-navigation ul li {
padding-bottom: 8px;
}
#tertiary-navigation ul li a {
text-decoration: none;
font-weight: bold;
font-size: 14px;
color: #989482;
}
#tertiary-navigation ul li a:hover {
color: #C6C2AD;
}
#tertiary-navigation ul li a.current {
color: #000000;
}
/*----------
* Search Container
*/
#search-container {
padding-top: 40px;
height: 61px;
width: 196px;
float: right;
}
#search-container .searchbox {
background-image: url(../images/searchbox-background.gif);
background-repeat: no-repeat;
width: 182px;
float: right;
height: 23px;
}
#search-container .searchbox form {
padding-top: 2px;
float: left;
height: 21px;
width: 182px;
}
#search-container .searchbox input {
padding-left: 3px;
background: none;
padding: 0px 0px 0px 5px;
border: 0px;
width: 140px;
color: #959595;
}
#search-container .searchbox .search-button {
float: right;
height: 21px;
width: 32px;
}
#search-container .searchbox .search-button input {
width: 32px;
padding: 0px;
}
#search-container .searchbox .search-button input:hover {
cursor: pointer;
}
/*----------
* Heading Container
*/
#heading-container {
background-position:bottom center;
background-repeat: no-repeat;
height: 130px;
float: left;
width: 768px;
background-image: url(../images/puppiessmaller.jpg);
}
#heading-container.home-page {
background-position:bottom center;
background-repeat: no-repeat;
height: 251px;
float: left;
width: 768px;
background-image: url(../images/puppies.jpg);
}
.dog-holder {
width:768px;
float:left;
}
#content-container .typography .dog-holder a {
float:left;
width:160px;
padding:10px;
margin:5px;
height:230px;
border: 1px dashed #bf8f3d;
text-align:center;
}
.dog-holder a:hover {
background-color:#fff6e7;
}
.pedigree {
float:left;
margin-bottom:12px;
height:40px;
display:block;
}
.dog-name {
font-size:26px;
color:#3077cb;
display:block;
}
.dog-holder .image-control {
float:left;
margin-top:10px;
display:block;
}
#content-container .dog-holder .image-control img {
border:1px solid #333333;
}
.dog-photo {
float:right;
margin-left:25px;
margin-bottom:25px;
}
/*----------
* Footer Container & Navigation
*/
#footer-container {
margin-top: 20px;
color: #808080;
width: 768px;
float: right;
}
#footer-container .footer-navigation {
line-height: 33px;
width: 748px;
text-align:right;
}
#footer-container .footer-navigation ul li {
display: inline;
}
#footer-container .footer-navigation ul li a {
text-decoration: none;
font-size: 10px;
padding: 0px 2px;
color: #808080;
}
#footer-container .footer-navigation span {
text-decoration: none;
font-size: 10px;
padding: 0px 2px;
color: #808080;
}
#footer-container .footer-navigation ul li a:hover {
text-decoration: underline;
}
#footer-container .footer-navigation ul li a.current {
color: #000000;
}
#footer-container .footer-navigation ul li a.current:hover {
text-decoration: none;
}
#footer-container .footer-navigation ul li a.assetid {
padding-left:0px;
}
/*----------
* Content Container
*/
#content-container {
margin-top: 24px;
float: left;
width: 768px;
}
/*----------
* Home Specific
*/
#footer-container .partner-icon-holder img{
padding: 0px;
margin: 0px;
float: left;
}
/*----------
* Grid G Specific
*/
.grid-g .descriptive-text {
width: 768px;
float: left;
}
#content-container #primaryContent img {
border:0px;
}