/**
 * @fileOverview    Universal CSS file which contains global styles for: (all files) / (all networks).
 *                  Browsers: (all).
 *                  User agent that claims support for media type: (screen).
 *                  Copyright (C) Discovery.com 2011. All Rights Reserved.
 * @name            david hogge
 */


/**
 * @description     GLOBAL ALL HTML5 TAGS + BODY definition(s)
 */
* { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-weight: inherit; 
	font-style: inherit; 
	font-size: 100%; 
	font-family: inherit; 
	vertical-align: baseline; 
}


/**
 * @description     GLOBAL HTML5 TEXT BLOCK TAG definitions
 */
blockquote:before, 
blockquote:after, 
q:before, 
q:after { content: ""; }

blockquote, 
q { quotes: "" ""; }

caption, 
th, 
td { 
	text-align: left; 
	font-weight: normal; 
}

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


/**
 * @description     GLOBAL HTML5 TEXT FOCUS definitions
 */
:focus { outline: 0; }


/**
 * @description     GLOBAL HTML5 LIST TAGS definitions
 */
ol, 
ul { list-style: none; }


/**
 * @description     GLOBAL HTML5 HEADER TAG definitions
 */
h1 { font-size: 195%; }

h2 { font-size: 130%; }

h3 { font-size: 90%; }

h4 { font-size: 85%; }

h1, 
h2, 
h3,
h4 { line-height: 18px; }

/**
 * @description     GLOBAL HTML5 FIGURE TAG definitions
 */
figure {
        padding: 0;
        margin: 0;
        -webkit-margin-start: 0;
        -webkit-margin-end: 0; 
}

figure img { border: none; }


/**
 * @description     HTML5 BODY TAG definition
 */
body { 	
	color: #193441;
	font: 12px/16px Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
	background: #3e5858 url('/en-us/apl/breedselector/breed-selector/images/background-strip.jpg') repeat-y top center;
}
    
a {
	text-decoration: none;
	-o-transition: color .15s ease-out;
	-webkit-transition: color .15s ease-out; 
	color: #193441;
}
        
a:focus, 
a:hover { outline: none; text-decoration: underline; color: #193441; }
        
a img { border: none; }
    
a, 
input, 
button, 
a:focus, 
a:active, 
input:focus, 
input:active, 
button:focus, 
button:active { outline: none; }
    
hr {   
	height: 0;
	opacity: .26; 
}

strong { font-weight: bold; }


/**
 * @description     GLOBAL IDS for UTILITY definitions
 */
#skipLink {
    display: block;
    padding: 10px 20px;
    position: absolute;
    top:0;
    left: -9999em;
}

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

.clearfix { display: inline-block; }

.clearfix { display: block; }

.clear { clear: both; }


/**
 * @description     GLOBAL CLASSES for DISPLAY & VISIBILITY definitions
 */
.none { display: none; }

.hidden { visibility: hidden; }

.visible { visibility: visible; }


/**
 * @description     GLOBAL CLASSES for SPACER definitions
 */
.one-by-one {
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.one-by-five {
	width: 1px;
	height: 5px;
	overflow: hidden;
}

.one-by-ten {
	width: 1px;
	height: 10px;
	overflow: hidden;
}


/**
 * @description     GLOBAL IDS for CONTAINER definitions
 */
#page-content {
	margin: 0 auto;
	width: 998px;
	display: block;
}

#content-well {
	float: left;
}

#right-rail {
	float: left;
	width: 320px; /* width: 326px;*/
	margin-bottom: 10px;
}


/**
 * @description     CLASSES / IDS for BREADCRUMBS definitions
 */
#breadcrumb { clear: both; }

#breadcrumb li { 
	float: left;
	padding-right: 10px; 
}

#breadcrumb li a { padding-right: 10px; }

#breadcrumbs-top, 
#breadcrumbs-bottom { color: #666; }


/**
 * @description     CLASSES / IDS / XHTML TAGS for NON VISIBLE AD / TRACKING TAGS definitions
 */
#ad-compscreen, 
#ad-nui, 
#floodlight-dpg-initial-campaign {
	width: 0; 
	height: 0; 
	overflow: hidden; 
}