html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	/*height: 100%;*/
	margin-bottom: 1px;
}

body {
    background-color: #ffffff;
    text-align:center;
    height:100%;
    margin:0px;
    padding:0px;
    background: white url('../images/new/bg-body.gif') top left;
}
body, input, textarea, select {
    font-family: Arial, Tahoma, helvetica, sans-serif;
    font-size: 12px;
    color:#000000;
}
br.clear {
    font-size:0px;
    height:0px;
    line-height:0px;
    clear:both;
}

#wrapper {
    width:980px;
    margin:0px auto;
    text-align:justify;
    position:relative;
    background: white url('../images/new/white-left.gif') repeat-y top left;
}
#wrapper-inner {
    background: url('../images/new/white-right.gif') repeat-y top right;
}
#page {
}
#left {
	width:160px;
	float:left;
}
#right {
	width:780px;
	margin-left:180px;
	position:relative;
}
#header {
	position:relative;
	height:120px;
}
#authorization {
	border-bottom:1px solid #CAC8CC;
	height:20px;
	margin:0 0 5px;
	padding:2px 13px 0;
}
#authorization .title {
	color:#46889D;
	font-size:14px;
	font-weight:bold;
	float:left;
}
#authorization .menu {
	float:right;
}
#logo {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/logo_big.png) no-repeat scroll left top;
	float:left;
	height:53px;
	left:30px;
	position:relative;
	width:211px;
}
#logo-small {
	float:left;
	background: url('../images/logo_small.png') no-repeat top left;
	width:119px;
	height:30px;
	margin-left:30px
}
#logo a {
	display:block;
	height:100%;
	text-decoration:none;
	width:100%;
}
.switch-box {
    float:right;
}
.switch-box span {
    color:#46889D;
    font-size:11px;
}
.switch-box input {
    vertical-align:top;
    margin-right:5px;
	width:100px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border:1px solid #E5E5E5;
}

/* START IMAGE HEADER */
#navigation {
    background: url('../images/new/navigation.png') no-repeat center;
}
#links {
    background: url('../images/new/links-of-interest.png') no-repeat center;
}
#header-search {
    background: url('../images/new/search.png') no-repeat center;
}
#top10Breeds {
    background: url('../images/new/top-10-breeds.png') no-repeat center;
}
#top20Breeds {
    background: url('../images/new/top-20-breeds.png') no-repeat center;
}
#top30Breeds {
    background: url('../images/new/top-30-breeds.png') no-repeat center;
}
#breeds {
    background: url('../images/new/dog-breeds.png') no-repeat center;
}
#breeders {
    background: url('../images/new/breeders.png') no-repeat center;
}
#breeds-list {
    background: url('../images/new/list-of-breeds.png') no-repeat center;
}
/* END IMAGE HEADER */

/* SEARCH PANEL */
#search {
	float:right;
	clear:right;
	position:relative;
	right:30px;
}
#search .searchPanel {
	height:27px;
}
.searchBox {
	height:27px;
}
#left .searchBox {
	margin-left:5px;
}
#left a {
    color:#232323;
    font-size:14px;
    text-decoration:none;
}
.searchBox-left {
	float:left;
	width:10px;
	height:27px;
	background: url('../images/new/rounded-input-left.gif') no-repeat top left;
}
.searchBox-center {
	float:left;
	height:27px;
	width:90px;
	background: url('../images/new/rounded-input-bg.gif') repeat-x top left;
}
.searchBox-center input {
	margin-top:5px;
	height:15px;
	width:100%;
	border:none;
	background-color: transparent;
	outline: none;
}
.searchBox-right {
	float:left;
	width:36px;
	height:27px;
	background: url('../images/new/rounded-input-right.gif') no-repeat top right;
}
.searchBox-right input {
	float:right;
	width:20px;
	height:20px;
	border:medium none;
	cursor:pointer;
	background: url('../images/new/foot-mark-yellow.gif') no-repeat top left;; margin-left:0px; margin-right:3px; margin-top:3px; margin-bottom:0px
}
#searchResults form.gsc-search-box {
    display:none;
}
#searchResults .gsc-control {
    width:auto;
}
#searchResults .gsc-tabsArea {
    display:none;
}
/* END SEARCH PANEL */

/* START TOP MENU */
#topMenu {
	margin:5px auto 0px auto;
	padding:0px;
	background:#3CB7E0 url('../images/new/bg-blue.gif') repeat-x top left;
	height:27px;
	list-style: none;
}
#topMenu li {
	float:left;
	width:120px;
	height:27px;
	border-right:1px solid #0080B9;
	border-left:1px solid #60C0FA;
}
#topMenu li.left{
	width:15px;
	border:medium none;
	background:url('../images/new/blue-left.gif') no-repeat top left;
}
#topMenu li.right{
	width:15px;
	border:medium none;
	background:url('../images/new/blue-right.gif') no-repeat top right;
	float:right;
}
#topMenu li.last {
	width:110px;
	border-right:none;
}
#topMenu li.home {
	width:103px;
	border-left:none;
}
#topMenu li.home div {
	width:20px;
	height:20px;
	margin:0px auto;
	position:relative;
	top:2px;
	background:url('../images/new/foot-mark-yellow.gif') no-repeat top left;
}
#topMenu li a {
    color: white;
    display: block;
    font-size: 13px;
    font-weight: bold;
    height: 100%;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 #0080B9;
    width: 100%;
}
#topMenu li a:hover {
	background:#24A5CF url('../images/menu-center-active.gif') repeat-x top left;
	text-shadow:0px -1px 0 #0090c9;
}

/* END OF TOP MENU */

/* START MENU */
.menu-panel {
    position:relative;
}
.menu-panel .header {
    background-color:#21B1DF;
    height:27px;
    width:auto;
    color:white;
    clear:both;
}
.menu-panel .header .left {
    height:100%;
    background: #21B1DF url('../images/new/blue-left.gif') repeat-y top left;
}
.menu-panel .header .right {
    margin-left:15px;
    height:100%;
}
.menu-panel .header .right {
    background: #21B1DF url('../images/new/bg-blue.gif') repeat-x top right;
}
.menu-panel .rounded .right {
    background: url('../images/new/blue-right-rounded.gif') no-repeat top right !important;
}
.menu-panel .header .center {
    height:100%;
    margin-right:15px;
    text-align:justify;
    background: url('../images/new/bg-blue.gif') repeat-x top center;
    position:relative
}
.menu-panel .header h1 {
    margin:0px auto 0px auto;
    padding: 0px 0px;
    font-size:14px;
    height:27px;
}
.menu-panel .header h1 {
    position:absolute;
    width:130px;
}
.menu-panel .panel-body {
    background: #fafafa url('../images/new/silver-left.gif') repeat-y top left;
    padding:0px;
}
.menu-panel-clear {
	padding: 15px 5px;
}
/* END MENU */

/* START COLUMN FOOTER */
.panel-footer{
    height:15px;
}
.panel-footer .left{
    height:100%;
    background: url('../images/new/grey-menu-bottom-left.gif') no-repeat top left;
}
.panel-footer .right{
    height:100%;
    margin-left:15px;
    background: url('../images/new/grey-bottom-right.gif') no-repeat top right;
}
.panel-footer .center{
    height:100%;
    margin-right:15px;
    background-color:#fafafa;
}
/* END COLUMN FOOTER */

/* START PANEL */
.panel {
	position:relative;
}
.panel-body .inner {
	margin:0px 5px;
	padding:5px 0px;
}
.panel-body .inner2 {
	margin:0px 5px;
	padding:5px 0px;
}
.panel-body ul {
	margin:0px 5px 0px 0px;
	padding:0px 0px 0px 10px;
	list-style-type:none;
}
.panel-body ul li {
	margin:5px 0px;
	padding:0px;
}
.panel-body {
    display: table;
    width: 100%; /* IE Hack */
    padding: 0px 0 20px;
    font-size:13px;
}
.panel-body p a {
    text-decoration:none;
    color: #6DC2DD;
}
.panel-body a.text-blue {
    color:#006699;
    font-size:13px;
    font-weight:bold;
    text-decoration: none;
}
/* END PANEL */

/* START FOOTER */
#footer,
#footer .panel-header {
    height:27px;
}
#footer {
	font-size:10px;
}

#footer ul.menu {
    position:relative;
	margin:0px 0px 0px 260px;
	padding:0px;
	top:6px;
}
/* for ie only */
* html #footer ul.menu {
    margin-top:6px;
    top:0px;
}
#footer ul.menu li{
	float:left;
	list-style-type:none;
	margin:0px 0px 0px 5px;
	padding:0px;
}
#footer .center div {
	margin-top:8px;
}
#footer .panel-header a {
	color:white;
	font-size:10px;
}
#footer .panel-header .left{
    height:100%;
    background:url('../images/new/blue-left.gif') no-repeat top left;
    float:none;
    width:auto
}
#footer .panel-header .right{
    height:100%;
    margin-left:15px;
    background:url('../images/new/blue-right.gif') no-repeat top right;
    float:none;
    width:auto
}
#footer .panel-header .center {
    height:100%;
    margin-right:15px;
    background: url('../images/new/bg-blue.gif') repeat-x top center;
    float:none;
    width:auto
}
#footer .copyright {
    height:25px;
}
#footer .copyright .left {
    background:url('../images/new/silver-bottom-left.gif') no-repeat top left;
    height:100%
}
#footer .copyright .right {
    background:url('../images/new/silver-bottom-right.gif') no-repeat top right;
    margin-left:25px;
    height:100%
}
#footer .copyright .center {
    background: url('../images/new/silver-bottom.gif') repeat-x top center;
    margin-right:25px;
    height:100%;
    line-height:22px;
	text-align:center;
}
#footer .copyright  a {
	color:#46889D;
}
/* END FOOTER */
