html { overflow-y: scroll; }
body { margin: 0; padding: 0; background: #DDDDDD; }

body, div, td, span, p { font-family: arial, verdana, sans-serif; font-size: 12px; color: #000000; }

h1 { font-size: 17px; margin: -10px -10px 10px; padding: 8px 10px; text-align: left; text-transform: uppercase; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; background-color: #E2E2E2; background-image: -moz-linear-gradient(top, #FFFFFF, #E2E2E2); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E2E2E2), to(#FFFFFF)); background-image: -webkit-linear-gradient(top, #FFFFFF, #E2E2E2); background-image: -ms-linear-gradient(top, #FFFFFF, #E2E2E2); background-image: -o-linear-gradient(top, #FFFFFF, #E2E2E2); }
h1 span { padding: 5px 0 5px 40px; background: transparent url(box_header_snake.png) no-repeat -5px center; font-size: 17px; }
h1 a { text-decoration: none; }
h1 a:hover { text-decoration: underline; }
h2 { font-size: 11px; margin: 0 0 5px 0; text-transform: uppercase; }
h3 { font-size: 12px; margin: 0 0 5px 0; color: #337009; }
p { margin: 0 0 10px 0; line-height: 130%; }

a { color: #2a5c08; text-decoration: underline; }
a:hover { text-decoration: none; }

table td { /*vertical-align: top;*/ }
ul { margin: 0 0 10px 25px;	padding: 0; }

a img { border: 0; }

.back {	float: right; }
.clear { clear: both; }

.wrapper { width: 100%; }
.page { width: 100%; float: left; clear: left; padding: 32px 0; }
.page-inner { width: 980px; margin: 0 auto; }

.page-header { margin: 0 0 10px 0; }
.top { border-bottom: 1px solid #000000; position: relative; height: 120px; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -khtml-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; text-align: center; box-shadow: 0 0 10px #BBB; -moz-box-shadow: 0 0 10px #BBB; -khtml-box-shadow: 0 0 10px #BBB; -webkit-box-shadow: 0 0 10px #BBB; }
.logo {	float: left; position: absolute; top: 0px; left: 5px; }

.menu-wrapper { position: absolute; top: 85px; right: 15px; z-index: 50; }

.page-content .col-main { float: left; background: #FFFFFF; box-shadow: 0 0 10px #BBB; -moz-box-shadow: 0 0 10px #BBB; -khtml-box-shadow: 0 0 10px #BBB; -webkit-box-shadow: 0 0 10px #BBB; position: relative; }
.page-content .col-main .padding { padding: 10px; }
.page-content .col-right { width: 200px; margin: 0 0 0 15px; float: right; }

.footer { /*position: relative; top: 15px;*/  margin: 10px 0 0 0; }

.box-shadow { box-shadow: 0 0 10px #666; -moz-box-shadow: 0 0 10px #666; -khtml-box-shadow: 0 0 10px #666; -webkit-box-shadow: 0 0 10px #666; }

.submenu { list-style: none; margin: 0; padding: 0; }
.submenu li { margin: 0 0 2px 0; }

.link { float: right; line-height: 35px; margin: -8px 10px 0 0; }

.grey-gradient {
	background-color: #E2E2E2;
	background-image: -moz-linear-gradient(top, #FFFFFF, #E2E2E2);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E2E2E2), to(#FFFFFF));
	background-image: -webkit-linear-gradient(top, #FFFFFF, #E2E2E2);
	background-image: -ms-linear-gradient(top, #FFFFFF, #E2E2E2);
	background-image: -o-linear-gradient(top, #FFFFFF, #E2E2E2);
}
.blue-gradient {
	background-color: #E2E2E2;
	background-image: -moz-linear-gradient(top, #FFFFFF, #E2E2E2);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E2E2E2), to(#FFFFFF));
	background-image: -webkit-linear-gradient(top, #FFFFFF, #E2E2E2);
	background-image: -ms-linear-gradient(top, #FFFFFF, #E2E2E2);
	background-image: -o-linear-gradient(top, #FFFFFF, #E2E2E2);
}

/** FRONTPAGE **/

.page-content .frontpage { background: transparent; box-shadow: 0 0 0 transparent; }
.page-content .frontpage .padding { padding: 0; }

.frontpage {}
.frontpage .col-left { float: left; width: 672px; }
.frontpage .box { width: 308px; margin: 0 28px 28px 0; background: #FFFFFF; height: 200px; }
.frontpage .box .content { padding: 10px; }
.frontpage .large { width: 644px; height: 141px; }

.facebook-box { float: right; margin: 0; padding: 36px 0 0 0; background: #FFFFFF url('headers/facebook.jpg') no-repeat top left; width: 308px; box-shadow: 0 0 10px #999; -moz-box-shadow: 0 0 10px #999; -khtml-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; }
.facebook-box iframe { float: left; border:none; overflow:hidden; width:308px; height:710px;}

.frontpage-video { margin: 0 !important; }
.frontpage-video .video { margin: 10px 0 28px 0 !important; }
.frontpage-video .video a { width: 140px !important; height: 110px; }
.frontpage-video .video .image { width: 140px; top: -13px; }
.frontpage-video .video .footer { top: 78px; width: 140px; height: 20px; }
.frontpage-video .video .time { top: 65px; }

.frontpage-images { list-style-type: none; margin: 0; padding: 0; }
.frontpage-images li { float: left; margin: 10px 12px; }
.frontpage-images li a div { width: 98px; height: 100px; overflow: hidden; text-align: center; box-shadow: 0 0 10px #999; -moz-box-shadow: 0 0 10px #999; -khtml-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; border: 1px solid #CCCCCC; }
.frontpage-images li a:hover div { box-shadow: 0 0 10px #666; -moz-box-shadow: 0 0 10px #666; -khtml-box-shadow: 0 0 10px #666; -webkit-box-shadow: 0 0 10px #666; border: 1px solid #AAAAAA; }

.morph-update { list-style-type: none; margin: 0; padding: 0; }
.morph-update li { float: left; width: 147px; margin: 12px 5px; }
.morph-update li a { float: left; text-decoration: none; }
.morph-update li a .image { float: left; text-align: center; vertical-align: middle; width: 50px; height: 50px; overflow: hidden; box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999; -khtml-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; }
.morph-update li a:hover .image { box-shadow: 0 0 5px #666; -moz-box-shadow: 0 0 5px #666; -khtml-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; }
.morph-update li a .image img { height: 80px; }
.morph-update li a .name { float: left; margin: 0 0 0 10px; width: 87px; overflow: hidden; }
.morph-update li a .name .date { color: #337009; font-size: 9px; margin: 5px 0 0 0; }
.morph-update li a:hover .name { text-decoration: underline; }
.morph-update li a:hover span.date { text-decoration: none; }

.box-forum-list { list-style-type: none; margin: 0; padding: 0; }
.box-forum-list li { margin: 0 0 5px 0; }
.box-forum-list li a { text-decoration: underline; font-size: 13px; font-style: normal; }
.box-forum-list li a:hover { text-decoration: none; }
.box-forum-list .date { font-size: 10px; }
.box-forum-list .date:after { content: ' | '; color: #000000; }
.box-forum-list .title { font-weight: bold; font-size: 11px; font-style: italic; color: #337009; }
.box-forum-list .forum { font-size: 10px; }

a img.sponsor { margin: 10px; border: 0; box-shadow: 0 0 10px #999; -moz-box-shadow: 0 0 10px #999; -khtml-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; }
a:hover img.sponsor { box-shadow: 0 0 10px #666; -moz-box-shadow: 0 0 10px #666; -khtml-box-shadow: 0 0 10px #666; -webkit-box-shadow: 0 0 10px #666; }

/** END FRONTPAGE **/

/** MEGA MENU **/

.nav-container { width: 980px; position: absolute; bottom: 0; left: 0; height: 40px; background: transparent url(mm_main_bg.png) repeat-x top left; }
.nav { list-style-type: none; margin: 0 0; padding: 0; }
.nav li { float: left; cursor: default; color: #000; }
.nav li a span { color: #FFF; text-transform: uppercase; font-weight: bold; display: block; padding: 15px 12px 13px; font-size: 11px; }
.nav li:hover a { text-decoration: none; }
.nav li:hover a span { background: #FFF; color: #000; box-shadow: 0 0 10px #999; -moz-box-shadow: 0 0 10px #999; -khtml-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; }
.nav li .sub { position: absolute; margin: 0 0 0 8px; height: 310px; z-index: 9999; float: left; display: none; background: #FFF url(mm_sub_bg.jpg) no-repeat bottom right; box-shadow: 0 10px 10px #999; -moz-box-shadow: 0 10px 10px #999; -khtml-box-shadow: 0 10px 10px #999; -webkit-box-shadow: 0 10px 10px #999; }
.nav li .sub .padding { padding: 20px 10px 10px; text-align: left; }

.nav .sub ul { list-style-type: none; margin: 0 0 25px 0; padding: 0; }
.nav .sub ul li { float: none; margin: 0 0 10px; }
.nav .sub a { float: none; display: block; background: transparent url(arrow.gif) no-repeat left 3px; padding: 0 0 0 13px; text-decoration: none; }
.nav .sub a:hover { text-decoration: underline; background: transparent url(arrow.gif) no-repeat 1px 3px; }
.nav .sub ul li a span { display: block; box-shadow: none; padding: 0; background: transparent; color: #000; }

.nav .sub .section { max-height: 270px; width: 220px; float: left; overflow: auto; margin: 0 5px 10px; }
.nav .sub .section h2 { color: #337009; margin: 0 0 12px; border-bottom: 1px solid #337009; padding: 0 0 8px; }

.nav .sub ul.updatelist {}
.nav .sub ul.updatelist li {}
.nav .sub ul.updatelist a { background: none; padding: 0 0 0 5px; clear: left; }
.nav .sub ul.updatelist a span { float: left; padding: 10px 0 0; }
.nav .sub ul.updatelist a:hover span { text-decoration: underline }
.nav .sub ul.updatelist a span.img { width: 30px; height: 30px; margin: 0 5px 10px 0; overflow: hidden; text-align: center; padding: 0; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); }
.nav .sub ul.updatelist a:hover span.img { box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); }
.nav .sub ul.updatelist a span img { float: left; margin: 0 5px 10px 0; height: 40px; }

.nav .sub ul.videolist li { margin: 0 0 7px 0; } 
.nav .sub ul.videolist a span.img { width: 90px; height: 48px; overflow: hidden; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); }
.nav .sub ul.videolist a img { position: relative; top: -11px; width: 90px; }
.nav .sub ul.videolist a span.text { margin: 0 0 4px 0; }

.nav .sub ul.feature a {}
.nav .sub ul.feature a span { diplay: block; margin: 0 auto; }
.nav .sub ul.feature a img { width: 130px; margin: 10px 0 0; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); }

.nav .sub ul.box-forum-list div.title a { display: inline; background-position: left 4px; }

.nav .sub ul.featuredbreeder .website { font-size: 10px; padding: 2px 0 0 13px; }
.nav .sub ul.featuredbreeder img { width: 200px; margin: 5px 0 0 13px; }

/** END MEGA MENU **/

/** VIDEO LIST **/

.video-list { /*margin: 15px 0 0 0;*/ }
.video-list .video { margin: 0 0 18px 0; background: transparent; box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent; -khtml-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; }
.video-list .video a { float: left; width: 159px; height: 110px; margin: 0 0 0 28px; background: #FFFFFF; position: relative; overflow: hidden; box-shadow: 0 0 10px #999; -moz-box-shadow: 0 0 10px #999; -khtml-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; text-decoration: none; }
.video-list .video a:hover { box-shadow: 0 0 10px #666; -moz-box-shadow: 0 0 10px #666; -khtml-box-shadow: 0 0 10px #666; -webkit-box-shadow: 0 0 10px #666; }
.video-list .video a.first { margin-left: 0; }
.video-list .video a.last { margin-right: 0; }
.video-list .video a.none { margin: 0; }
.video-list .video .content { padding: 0; }
.video-list .video .padding { padding: 0; }
.video-list .video .image { width: 159px; position: absolute; top: -15px; left: 0; z-index: 0; }
.video-list .video .footer { position: absolute; top: 79px; left: 0; z-index: 20; background: #FFFFFF; width: 159px; height: 25px; text-align: left; margin: 0; display: block; }
.video-list .video .footer span { padding: 10px; display: block; float: left; font-size: 10px; color: #337009; text-transform: uppercase; font-weight: bold; text-decoration: none; }
.video-list .video .play { display: block; background: transparent url(play.png) no-repeat top left; position: absolute; top: 10px; left: 10px; width: 43px; height: 34px; z-index: 30; }
.video-list .video .time { display: block; position: absolute; top: 66px; right: 10px; z-index: 30; background: #FFFFFF; padding: 3px 8px; }

/** END VIDEO LIST **/

/** RIGHT **/
.col-right .box { width: 200px; margin: 0 0 14px 0; }
.col-right .box #addthis { text-align: center; }
.col-right .box .header span { font-size: 11px; text-transform: uppercase; padding-top: 12px; }
.col-right .facebook .header { background-color: #2a538c; background-image: -moz-linear-gradient(top , #3d5fad, #2a538c); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2a538c), to(#3d5fad)); background-image: -webkit-linear-gradient(top , #3d5fad, #2a538c); background-image: -ms-linear-gradient(top , #3d5fad, #2a538c); background-image: -o-linear-gradient(top , #3d5fad, #2a538c); border-top: 0; }
.col-right .facebook .header span { background: transparent url(box_header_snake_white.png) no-repeat 4px 0; color: #FFFFFF; }
.col-right .banner .content { background: transparent; padding: 0; }
.col-right .banner .padding { padding: 0; }

.col-right .big a { width: 200px; height: 140px; float: left; position: relative; overflow: hidden; text-decoration: none; }
.col-right .big .content { padding: 0; }
.col-right .big .image { width: 200px; top: -19px; position: absolute; left: 0; z-index: 0; }
.col-right .big .footer { position: absolute; top: 111px; left: 0; z-index: 20; background: #FFFFFF; width: 200px; height: 20px; text-align: left; margin: 0; display: block; }
.col-right .big .footer span { padding: 8px 10px; display: block; float: left; font-size: 10px; color: #337009; text-transform: uppercase; font-weight: bold; text-decoration: none; }
.col-right .big .play { display: block; background: transparent url(play.png) no-repeat top left; position: absolute; top: 10px; left: 10px; width: 43px; height: 34px; z-index: 30; }
.col-right .big .time { display: block; position: absolute; top: 98px; right: 10px; z-index: 30; background: #FFFFFF; padding: 3px 8px; }

/** END RIGHT **/


/** SLIDER ***/

#slider { height: 300px; width: 980px; background: #CCCCCC; margin: 5px 0; box-shadow: 0 0 10px #999; -moz-box-shadow: 0 0 10px #999; -khtml-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; }
#slider .wrapper { position: absolute; top: 25px; text-align: left; width: 300px; font-weight: bold; text-transform: uppercase; }
#slider .header { font-size: 21px; color: #FFFFFF; margin: 0 0 15px 0; }
#slider .h3 { font-size: 15px; color: #c0c0c0; margin: 0 0 15px 0; }
#slider .link { color: #337009; font-size: 12px; float: none; line-height: 20px; margin: 0; }
#slider .link a { color: #337009; }

.main_view { float: left; position: relative; }
.window { height: 300px; width: 980px; overflow: hidden; position: relative; }
.image_reel { position: absolute; top: 0; left: 0; }
.image_reel img { float: left; }
.paging { position: absolute; bottom: -1px; left: 11px; width: 178px; height:47px; z-index: 100; line-height: 40px; display: none; }
.paging a { padding: 5px; text-decoration: none; color: #fff; }
.paging a.active { font-weight: bold; background: #337009; border: 1px solid #ffffff; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; }
.paging a:hover { font-weight: bold; }

a.browse { background: url(../hori_large.png) no-repeat; display: block; width: 30px; height: 30px; float: left; margin: 12px 16px; cursor: pointer; font-size: 1px; }
a.right { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; } 

a.left			{ margin-left: 0px; } 
a.left:hover  	{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

a.disabled { visibility:hidden !important; }

/** END SLIDER ***/

/** BOX **/

.box { float: left; background: #FFFFFF; box-shadow: 0 0 10px #999; -moz-box-shadow: 0 0 10px #999; -khtml-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; }
.box .header { display: block; margin: 0; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; height: 37px; background-color: #E2E2E2; background-image: -moz-linear-gradient(top, #FFFFFF, #E2E2E2); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E2E2E2), to(#FFFFFF)); background-image: -webkit-linear-gradient(top, #FFFFFF, #E2E2E2); background-image: -ms-linear-gradient(top, #FFFFFF, #E2E2E2); background-image: -o-linear-gradient(top, #FFFFFF, #E2E2E2); }
.box .header span { display: block;  font-size: 14px; font-weight: bold; padding: 10px 10px 10px 45px; background: transparent url(box_header_snake.png) no-repeat 4px 0; }
.box .content { display: block; padding: 10px; }
.box .footer {}

/** END BOX **/

/** ARTICLES **/
.box-list-item { }
.box-list-item .padding { padding: 0 0 10px 0; }
.box-list-item .last { padding-bottom: 0; }
.box-list-item .image { width: 50px; height: 50px; overflow: hidden; float: left; box-shadow: 0 0 10px #999; -moz-box-shadow: 0 0 10px #999; -khtml-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; }
.box-list-item .image img { height: 50px; }
.box-list-item .content { float: left; padding: 0 0 0 10px; }
.box-list-item .content a { text-decoration: none; }
.box-list-item .content .name { font-size: 12px; font-weight: bold; }
.box-list-item .content .extra { margin: 5px 0 0 0; font-size: 10px; font-style: italic; }

/** END ARTICLES **/

/** MORPHLIST **/

.morphlist { list-style-type: none; margin: 0; padding: 0; }
.morphlist li { margin: 0 0 2px 0; }
.morphlist li a { background-color: #EEEEEE; background-image: url(skinsprite.png); background-repeat: no-repeat; border: 1px solid #CCCCCC; display: block; text-decoration: none; line-height: 24px; }
.morphlist li a:hover { border: 1px solid #2a5c08; }
.morphlist li span { float: left; display: block; }
.morphlist li .name { width: 230px; margin: 0 0 0 8px; font-size: 12px; color: #2a5c08; }
.morphlist li a:hover .name { font-weight: bold; }
.morphlist li .clear { clear: both; float: none; }
.morphlist li .icon { margin: 5px 10px 0 0; }
.morphlist li .extra { font-size: 10px; font-style: italic; }

.morph-search { background: #EEE; border: 1px solid #DDD; margin: 0 0 10px 0; position: relative; border-radius: 5px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); }
.morph-search .padding { padding: 10px 5px; }
.morph-search .field { margin: 0 auto; background: #FFFFFF url(box_header_snake.png) no-repeat left -2px; border: 1px solid #DDDDDD; padding: 0 0 0 40px; }
.morph-search .field input { width: 665px; height: 30px; font-size: 20px; border: 0; }

.morph-page .like { margin: 0 0 20px 0; text-align: center; }
.morph-page .like .gplus { margin: 10px 0 0 0; }

.morph-page .thumbs { margin: 0 0 20px 0; width: 535px; height: 380px; position: relative; overflow: hidden; float: left; border: 1px solid #DDDDDD; box-shadow: 0 0 10px #CCC; -moz-box-shadow: 0 0 10px #CCC; -khtml-box-shadow: 0 0 10px #CCC; -webkit-box-shadow: 0 0 10px #CCC; }
.morph-page .pics { clear: both; position: absolute; width: 20000em; }
.morph-page .pic { float: left; height: 380px; margin: 0; width: 535px; }
.morph-page .pic img { height: 380px; }
.morph-page a.browse { float: left; cursor: pointer; background: transparent url(slider-arrows.png) no-repeat top left; display: block; height: 140px; width: 48px; }
.morph-page a.right { background-position: -86px -35px; clear: right; margin-right: 0; position: absolute; top: 100px; left: 682px; }
.morph-page a.right:hover { background-position: -86px -235px; }
.morph-page a.left { background-position: 0 -30px; clear: left; margin-left: 0; position: absolute; top: 100px; left: 211px; }
.morph-page a.left:hover { background-position: 0 -230px; }
.morph-page a.disabled { visibility: hidden !important; }
.morph-page .copyright { height: 30px; position: absolute; top: 330px; width: 535px; }
.morph-page .enlarge { position: absolute; left: 513px; top: 8px; }
.morph-page .enlarge img { width: auto; height: auto; }
.morph-page .copytext { left: 10px; position: absolute; top: 10px; white-space: nowrap; font-style: italic; color: #2a5c08; }
.morph-page .copytext a { color: #2a5c08; text-decoration: none; }
.morph-page .copytext a:hover { text-decoration: underline; }
.morph-page .trans { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; opacity: 0.5; z-index: 20; }
.morph-page .z100 { z-index: 100; }

.morph-page .description { }
.morph-page .description .headline { font-size: 12px; font-weight: bold; text-transform: uppercase; padding: 0 0 5px 0; }

/** END MORPHLIST **/

/** PP SHOP **/

.pp_shop {}
.pp_shop .categories { padding: 20px 0 0 0; }
.pp_shop .category { width: 740px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); border-radius: 5px; margin: 0 0 15px; background-color: #E2E2E2; background-image: -moz-linear-gradient(top, #FFFFFF, #E2E2E2); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E2E2E2), to(#FFFFFF)); background-image: -webkit-linear-gradient(top, #FFFFFF, #E2E2E2); background-image: -ms-linear-gradient(top, #FFFFFF, #E2E2E2); background-image: -o-linear-gradient(top, #FFFFFF, #E2E2E2); }
.pp_shop .category a span { display: block; }

.pp_shop .pp_box { width: 355px; float: left; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); border-radius: 5px; margin: 0 15px 15px 0; background-color: #E2E2E2; background-image: -moz-linear-gradient(top, #FFFFFF, #E2E2E2); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E2E2E2), to(#FFFFFF)); background-image: -webkit-linear-gradient(top, #FFFFFF, #E2E2E2); background-image: -ms-linear-gradient(top, #FFFFFF, #E2E2E2); background-image: -o-linear-gradient(top, #FFFFFF, #E2E2E2); }
.pp_shop .pp_box ol { margin: 0; padding: 0 0 0 20px; }
.pp_shop .pp_box .padding { padding: 10px; }
.pp_shop .shipment { width: 330px; font-size: 11px; margin: 2px 0 0 0; }

.pp_shop .products { text-align: center; }
.pp_shop .products .product { margin: 0 auto 10px; width: 200px; }
.pp_shop .products .product img { margin: 5px 0 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); width: 200px; }
.pp_shop .products .product a:hover img { box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

.pp_shop .buttons { margin: 10px 0 0; }
.pp_shop .buttons .button { display: none; }

.pp_shop .product .images { position: relative; }
.pp_shop .product .thumbs { float: right; margin: 0 0 10px 0; width: 400px; height: 250px; overflow: hidden; position: relative; border-radius: 5px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);}
.pp_shop .product .pics { clear: both; position: absolute; width: 20000em; }
.pp_shop .product .pics img { width: 420px; }
.pp_shop .product .pics .pic { float: left; width: 400px; height: 250px; }
.pp_shop .product a.browse { float: left; cursor: pointer; background: transparent url(slider-arrows.png) no-repeat top left; display: block; height: 140px; width: 48px; }
.pp_shop .product a.right { background-position: -86px -35px; clear: right; margin-right: 0; position: absolute; top: 46px; left: 682px; }
.pp_shop .product a.right:hover { background-position: -86px -235px; }
.pp_shop .product a.left { background-position: 0 -30px; clear: left; margin-left: 0; position: absolute; top: 46px; left: 345px; }
.pp_shop .product a.left:hover { background-position: 0 -230px; }
.pp_shop .product a.disabled { visibility: hidden !important; }

.pp_shop .cart-button { position: absolute; right: 8px; top: 8px; }

.pp_shop .product .price { font-size: 20px; margin: 0 0 10px 0; font-weight: normal; }
.pp_shop .product .price span { font-size: inherit; font-weight: bold; padding: 0 0 0 3px; }

.pp_shop .product .addtobasket { clear: left; margin: 20px 0; background: #57ce1c; padding: 10px 0; width: 120px; text-align: center; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius: 5px; }
.pp_shop .product .addtobasket a { text-decoration: none; }
.pp_shop .product .addtobasket span { text-transform: uppercase; color: #FFF; font-weight: bold; }

/** END PP SHOP **/

/** BALL OF FAME **/

.nominate { }
.nominate .error { color: #FF0000; margin: 0 0 10px 0; }
.nominate .thanks { font-size: 20px; margin: 0 0 10px 0; }
.nominate label { display: block; font-size: 10px; text-transform: uppercase; margin: 0 0 2px 0; }
.nominate input,
.nominate textarea,
.nominate select { display: block; margin: 0 0 10px 0; width: 500px; font-size: 20px; }
.nominate input { width: 497px;  height: 30px; }
.nominate select { width: 503px; }
.nominate .submit { width: auto; }

/** END BALL OF FAME **/

/** COLUMNS **/

.columns { position: relative; }
.columns .main { width: 535px; float: right; }
.columns .left { width: 195px; float: left; text-align: center; }
.columns .left .box { width: 180px; text-align: left; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); border-radius: 5px; margin: 0 0 15px 10px; background-color: #E2E2E2; background-image: -moz-linear-gradient(top, #FFFFFF, #E2E2E2); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E2E2E2), to(#FFFFFF)); background-image: -webkit-linear-gradient(top, #FFFFFF, #E2E2E2); background-image: -ms-linear-gradient(top, #FFFFFF, #E2E2E2); background-image: -o-linear-gradient(top, #FFFFFF, #E2E2E2); }
.columns .left .box .padding { padding: 10px; }
.columns .left .box .header { font-weight: bold; color: #337009; margin: 0 0 5px 0; background: transparent; border: 0; height: auto; }
.columns .left .box .content { padding: 5px; }
.columns .left .box a { color: #000; } 

/** END COLUMNS **/


/** MEDIA **/

.media {}
.media a { text-decoration: none; }
.media .box { width: 745px; margin: 0 0 20px 0; position: relative; }
.media .box .header { }
.media .box .header span { background: 0; padding-left: 10px; }
.media .box .image { width: 200px;  overflow:hidden; float: left; margin: 5px; }
.media .box .image img { width: 200px; margin: 0 auto; }
.media .box .image-margin { margin-left: 210px;  }
.media .box .content { }
.media .box .like { position: absolute; right: 10px; top: 10px; }
.media .box .like div { float: left; }
.media .box .like .gplus { margin: 3px 0 0 0; }

.single .box { box-shadow: none; float: none; background: transparent; }
.single h1 { margin-bottom: 0; }
.single .box .extra { line-height: 20px; margin: 0 0 15px; font-size: 11px; }
.single .box .fbcomments { margin: 30px 0 0 0; }

/** END MEDIA **/

/** IMAGE EXAMPLE **/

.image-example-wrapper { margin: 10px 0 0 0; }

.image-example { height: 80px; float: left; margin: 0 10px 10px 0; overflow: hidden; border-radius: 5px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); float: left; }
.image-example:hover { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }
.image-example img { height: 80px; }

/** IMAGE EXAMPLE END **/

/** BLOG **/

.blog { position: relative; }
.blog .external { width: 235px; position: absolute; right: -10px; top: -10px; background-image: -moz-linear-gradient(center top, #EEE, #FFFFFF) }
.blog .external .padding { padding: 10px; }
.blog .external h1 { background: none; border: 0; text-align: right; margin: -10px -10px 0 0; }
.blog .external h3 { background: none; border: 0; text-align: right; margin: -10px 0 10px 0; }
.blog .external .loader { float: left; }

.blog .box { width: 505px; }
.blog .box .image { width: 150px; }
.blog .box .image img { width: 150px; }
.blog .box .image img { width: 150px; margin: 0 auto; }
.blog .box .image-margin { margin-left: 160px;  }

/** BLOG END **/

/** WIZARD **/
/*
.wizard {}
.wizard ul.as-selections { width: 340px; padding: 10px 10px; }
.wizard .gene-wrapper { float: left; }
.wizard .gene-wrapper label { text-transform: uppercase; font-size: 11px; font-weight: bold; }

.wizard input.button  { width: 738px; margin: 0 0 10px; }
.wizard input.calculate { font-size: 16px; }
.wizard input.reset { font-size: 10px; color: #888; }
*/

.wizard .morphimage { width: 100px; overflow: hidden; height: 100px; border-radius: 5px; box-shadow: 0 0 3px #666; margin: 0 0 4px 0; }
.wizard .morphimage img { height: 120px; position: relative; }

.wizard .zoom-image { display: none; position: absolute; top: -105px; box-shadow: 0 0 5px #000; z-index: 100; border-radius: 5px; }
.wizard .zoom-image img { width: 400px; }

.wizard .genes { height: 300px; width: 344px; font-size: 10px; }
.wizard .boxwizard { margin: 0 0 10px 5px; }
.wizard .boxwizard .headline { font-weight: bold; margin: 0 0 2px 0; }
.wizard .boxwizard .headline span { color: #337009; }
.wizard .boxwizard .content { background: #EEE; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; background-color: #E2E2E2; background-image: -moz-linear-gradient(top, #E2E2E2, #FEFEFE); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E2E2E2), to(#FEFEFE)); background-image: -webkit-linear-gradient(top, #E2E2E2, #FEFEFE); background-image: -ms-linear-gradient(top, #E2E2E2, #FEFEFE); background-image: -o-linear-gradient(top, #E2E2E2, #FEFEFE); }
.wizard .calculate { font-size: 13px; font-weight: bold; margin: 10px 0; width: 711px; }

/** WIZARD END **/

/** COMMUNITIES **/

.communities .item { margin: 0 0 15px 0; }

/** COMMUNITIES END **/

/** BREEDER **/

.breeders {}
.breeders h3 { padding: 0 0 5px 5px; }
.breeders a { text-decoration: none; }
.breeders .item { position: relative; float: left; background: #EEEEEE; margin: 0 7px 10px 6px; width: 235px; height: 40px; border-radius: 5px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); background-image: -moz-linear-gradient(center top, #EEE, #FFFFFF); }
.breeders a:hover .item { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }
.breeders .item .vipbreedericon { position: absolute; top: -2px; right: -2px; }
.breeders .item .name { display: block; position: relative; top: 8px; left: 10px; font-size: 11px; font-weight: bold; color: #337009; }
.breeders .item .website { position: relative; top: 8px; left: 10px; display: block; font-size: 9px; color: #999; }

.breeders .box { width: 200px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); background-image: -moz-linear-gradient(center top, #EEE, #FFFFFF); border-radius: 5px; margin: 0 0 15px 0; }
.breeders .box .padding { padding: 10px; }
.breeders .box .headline { font-weight: bold; color: #337009; margin: 0 0 5px 0; }
.breeders .box .content { padding: 5px; }
.breeders .box .content a { color: #000; }

.breeders .left .logo { width: 200px; border: 0; margin: 0 0 15px 0; float: none; position: static; }

.breeders .left { float: left; width: 200px; margin: 0 0 0 8px; }
.breeders .main { margin: 0 0 0 230px; /*width: 725px;*/ }
.breeders .main p { font-size: 13px;  }

.breeders .main .description { background-image: -moz-linear-gradient(center top, #EEE, #FFFFFF); border-radius: 5px; padding: 15px; margin: 0 5px 15px 0; }
/*.breeders .main .description { background-image: -moz-linear-gradient(center top, #EEE, #FFFFFF); border-radius: 5px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); padding: 15px; margin: 0 5px 15px 0; }*/

.breeders .viplogo { margin: -10px -10px 15px; padding: 0 0 10px; padding: 15px 0; border-bottom: 1px solid #AAA; text-align: center; box-shadow: 0 0 1px rgba(0, 0, 0, 0.3); background-image: -moz-linear-gradient(center top, #FFF, #DDD);  }
.breeders .viplogo div { position: relative; margin: 0 auto; width: 745px; height: 120px; border-radius: 5px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); }
.breeders .viplogo div img { width: 745px; height: 120px;  }
.breeders .viplogo div .vipbreedericon { position: absolute; width: 41px; height: 31px; right: -2px; top: -2px; box-shadow: none; }

.breederfilter { position: absolute; right: 15px; top: 12px; font-size: 11px; }

/** BREEDER END **/

/** CONTACT **/

.contact form { margin: 15px 0 0 0 !important; }
.contact .input { width: 497px; height: 30px; font-size: 20px; }
.contact .text-input { margin: 5px 0 0 0; font-size: 10px; text-transform: uppercase; }

/** CONTACT END **/

/** SHOP **/
/*
.shop .item { position: relative; float: left; background: #EEEEEE; margin: 0 7px 10px 6px; width: 235px; border-radius: 5px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); background-image: -moz-linear-gradient(center top, #EEE, #FFFFFF); }
.shop a:hover .item { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }
.shop .item .padding { display: block; padding: 10px; }
.shop .item .name { display: block; font-size: 11px; font-weight: bold; color: #337009; }
.shop .item .price { display: block; font-size: 11px; margin: 5px 0 5px 0; }
.shop .item .price span { font-weight: bold; }
.shop .item .image { display: block; width: 215px; height: 150px; overflow: hidden; border-radius: 5px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); }
.shop .item .image img { width: 220px; }

.shop .images { position: relative; }
.shop .thumbs { float: right; margin: 0 0 10px 0; width: 400px; height: 250px; overflow: hidden; position: relative; border-radius: 5px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);}
.shop .pics { clear: both; position: absolute; width: 20000em; }
.shop .pics img { width: 420px; }
.shop .pics .pic { float: left; width: 400px; height: 250px; }
.shop a.browse { float: left; cursor: pointer; background: transparent url(slider-arrows.png) no-repeat top left; display: block; height: 140px; width: 48px; }
.shop a.right { background-position: -86px -35px; clear: right; margin-right: 0; position: absolute; top: 46px; left: 682px; }
.shop a.right:hover { background-position: -86px -235px; }
.shop a.left { background-position: 0 -30px; clear: left; margin-left: 0; position: absolute; top: 46px; left: 345px; }
.shop a.left:hover { background-position: 0 -230px; }
.shop a.disabled { visibility: hidden !important; }

.shop .price { font-size: 20px; margin: 0 0 10px 0; font-weight: normal; }
.shop .price span { font-size: inherit; font-weight: bold; padding: 0 0 0 3px; }

.shop .addtobasket .amount { height: 30px; font-size: 20px; width: 40px; text-align: center; }
.shop .addtobasket .submit { height: 38px; position:relative; top: -4px; left: 13px; text-align: center; }

.shop .orderbox { background: #EEEEEE; width: 731px; margin: 0 0 15px 7px; border-radius: 5px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); background-image: -moz-linear-gradient(center top, #EEE, #FFFFFF); }
.shop .orderbox .padding { padding: 10px; }
.shop .orderlink { display: block; font-size: 11px; text-transform: uppercase; }

.shop #orderlist { width: 100%; margin: 15px 0; }
#cart table { width: 100%; }
.shop #orderlist td,
#cart td { padding: 5px; }
.shop #orderlist .top,
#cart .top { box-shadow: none; border-bottom: 1px solid #999; font-weight: bold; font-size: 10px; text-transform: uppercase; height: auto; text-align: left; padding: 0 5px; }

.shop #formular label { display: block; font-size: 10px; margin: 5px 0 0 0; text-transform: uppercase; }
.shop #formular input { width: 497px; height: 30px; font-size: 20px; }
.shop #formular textarea { width: 500px; height: 80px; }
.shop #formular .submit { width: auto; font-size: 11px; }
*/
/** SHOP END **/

/** CONTACT **/
/*.contact { margin: 10px 0 0 0; background: #EEE; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); background-image: -moz-linear-gradient(center top, #EEE, #FEFEFE); border-radius: 5px; padding: 10px; }*/

/** CONTACT END **/

/** CHRISTMAS **/

.christmas .col-main { background: transparent; box-shadow: none; }
.christmas .calendar { margin: -10px -10px 0; width: 980px; height: 635px; background: transparent url(christmas_bg.jpg) no-repeat top left; position: relative; box-shadow: 0 0 10px #666; }
.christmas .fade { background: transparent url(christmas_bg_fade.jpg) no-repeat top left; }
.christmas .door { position: absolute; width: 125px; height: 92px; }
.christmas .glow { box-shadow: 0 0 13px #FFF; -moz-box-shadow: 0 0 13px #FFF; -khtml-box-shadow: 0 0 13px #FFF; -webkit-box-shadow: 0 0 13px #FFF; border-radius: 8px;  }
.christmas h1 { margin: 0; }
.christmas .single { margin: 0 auto; width: 733px; }
.christmas .single img { height: 550px; -moz-box-shadow: 0 0 13px #FFF; -khtml-box-shadow: 0 0 13px #FFF; -webkit-box-shadow: 0 0 13px #FFF; border-radius: 8px; margin: 10px 0 10px 0; }

.christmas #elm1 { left: 26px; top: 519px; }
.christmas #elm2 { left: 601px; top: 524px; }
.christmas #elm3 { left: 217px; top: 159px; }
.christmas #elm4 { left: 528px; top: 30px; }
.christmas #elm5 { left: 26px; top: 294px; }
.christmas #elm6 { left: 643px; top: 275px; }
.christmas #elm7 { left: 316px; top: 399px; }
.christmas #elm8 { left: 355px; top: 12px; }
.christmas #elm9 { left: 20px; top: 20px; }
.christmas #elm10 { left: 842px; top: 288px; }
.christmas #elm11 { left: 538px; top: 382px; }
.christmas #elm12 { left: 43px; top: 166px; }
.christmas #elm13 { left: 682px; top: 16px; }
.christmas #elm14 { left: 407px; top: 147px; }
.christmas #elm15 { left: 228px; top: 519px; }
.christmas #elm16 { left: 838px; top: 36px; }
.christmas #elm17 { left: 263px; top: 281px; }
.christmas #elm18 { left: 429px; top: 523px; }
.christmas #elm19 { left: 606px; top: 167px; }
.christmas #elm20 { left: 441px; top: 263px; }
.christmas #elm21 { left: 133px; top: 400px; }
.christmas #elm22 { left: 798px; top: 156px; }
.christmas #elm23 { left: 184px; top: 33px; }
.christmas #elm24 { left: 763px; top: 454px; }

/** CHRISTMAS END **/

/** CALENDAR 2012 **/

.calendar2012 .col-main { background: transparent; box-shadow: none; }
.calendar2012 .block { margin: -10px -10px 0; width: 980px; min-height: 635px; background: #000 url(calendar2012_bg.jpg) no-repeat top left; position: relative; box-shadow: 0 0 10px #666; }
.calendar2012 .text { position: absolute; width: 430px; left: 35px; top: 110px;  }
.calendar2012 h3 { color: #FFF; font-size: 20px; margin: 0 0 20px 0; }
.calendar2012 p { color: #FFF; font-size: 14px; }
.calendar2012 .buttons { position: absolute; left: 165px; top: 230px;  }
.calendar2012 .buttons td { color: #FFF; text-align: center; }
.calendar2012 .buttons form { margin: 0 0 20px 0; text-align: center; }
.calendar2012 .buttons table { margin: 0 0 10px 0; }
.calendar2012 .image-link { position: absolute; left: 685px; top: 600px; }
.calendar2012 .corner-link { position: absolute; left: 15px; top: 610px; }
.calendar2012 a { color: #FFF; white-space: nowrap; }
.calendar2012 .pages-images { width: 430px; text-align: center; padding: 20px 0 0; }
.calendar2012 .pages-images img { margin: 0 0 20px 0; border: 1px solid #FFF; }


/** CALENDAR 2012 end **/


/*** ADMIN STYLES */

#adminmenu {
	position: fixed;
	top: 5px;
	right: 5px;
	text-align: left;
	background: #EEEEEE;
	z-index: 200;
	padding: 5px 10px 5px 10px;
	border: 1px solid #c0c0c0;
}

tr.list-row {}
tr.content-row {}

ul.admin {
	list-style-type: none;
	padding: 0;
	margin: 0 0 10px 0;
}
ul.admin li {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}
ul.admin li a {
    text-decoration: none;
    color: #000000;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: normal;
}
ul.admin li a:hover {
	text-decoration: underline;
}


ul.admin-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.admin-menu li {
    float: right;
}
ul.admin-menu li a {
    float: left;
    padding: 5px 10px 5px 10px;
    margin: 0 2px 10px 2px;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    background: #EEEEEE;
}
ul.admin-menu li a:hover {
    background: #DDDDDD;
}

.disabled, .disabled p {
	color: #999999;
}

/******************/