/* CSS Document */

body{
	padding:11px 0 14px 0;
	margin:0;
	background-color:#E9E9E9;
	color:#000;
}
div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

.linksUL{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

#List_Links
{
	margin: 0px 0px 0px 10px;
	height: 23px;
	float:left;
}

#List_Links img
{
	padding-top: -30px;
}

#Male_Links_Other
{
	margin-top:7px;
	margin-left:55px;
	float:left;
	display:inline;
}

#Female_Links_Other
{
	margin-top:7px;
	margin-left:105px;
	float:left;
	display:inline;
}
#Cat_Links_Other
{
	margin-top:7px;
	margin-left:125px;
	float:left;
	display:inline;
}

#Male_Links
{
	margin: 7px 0px 0px 55px;
	float:left;
}

#Female_Links
{
	margin: 7px 0px 0px 105px;
	float:left;
}
#Cat_Links
{
	margin: 7px 0px 0px 125px;
	float:left;
}

#categories{
	background:url(images/links_bottom.gif) 0 0 no-repeat;
	width: 981px;
	height: 100%;
}

/*------------------------CONTACTUS--------------------*/
#Contact
{
    float:left;
	background-color: #FFF;
        margin-bottom: 10px;
        width: 550px;
        height: 332px;
        border: #CBCBBA solid 1px
}

#ContactImages
{
   
    text-align:center;
}

#ContactTable
{
    font:normal 15px/19px Arial, Helvetica, sans-serif;
    padding-left:5px;
}


/*------------------------------------------------body--------------------*/

/*------------------------------------------------header--------------------*/
#header{
	background:url(images/header_old.gif) 0 0 no-repeat;
	width:981px;
	height:163px;
	position:relative;
	margin:0 auto;
	top: 0px;
	left: 0px;
}
#header ul{
	background:url(images/nav_bar.gif) 0 0 no-repeat;
	width:847px;
	height:29px;
	position:absolute;
	left:30px;
	top:103px;
	padding:0 0 0 72px;
}
#header ul li{
	background:url(images/nav_div.gif) right top no-repeat;
	height:27px;
	float:left;
	padding:0 1px 0 0;
}
#header ul li a{
	display:block;
	background:url(images/nav_bg.gif) 0 0 repeat-x;
	padding:0 14px;
	font:bold 11px/27px Arial, Helvetica, sans-serif;
	color:#344A04;
	background-color:inherit;
	text-decoration:none;
}
#header ul li a:hover{
	background:url(images/nav_hover.gif) 0 0 repeat-x;
	color:#fff;
	background-color:inherit;
}
#header ul li a.hover{
	display:block;
	background:url(images/nav_hover.gif) 0 0 repeat-x;
	color:#fff;
	padding:0 14px;
	font:bold 11px/27px Arial, Helvetica, sans-serif;
	background-color:inherit;
	text-decoration:none;
	cursor:text;
}
#header ul li.last{
	background-image:none;
	height:27px;
	float:left;
}
#header img.logo{
	position:absolute;
	left:40px;
	top:98px;
	width:249px;
	height:72px;
}
#header h1{
	/*--background:url(images/slogan.gif) 0 0 no-repeat;
	width:484px;
	height:32px;
	position:absolute;
	left:411px;
	top:108px;
	text-indent:-10000px;--*/
}
#header p{
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	position:absolute;
	left:411px;
	top:142px;
	width: 381px;
}
#header p span.txt1{
	color:#fff;
	background-color:#1E6887;
}
#header img.icon{
	position:absolute;
	left:60px;
	top:190px;
	width:174px;
	height:80px;
}
#header p.topText{
	font:normal 18px/23px Arial, Helvetica, sans-serif;
	color:#E8E8E8;
	background-color:inherit;
	position:absolute;
	left:285px;
	top:203px;
	width:588px;
}
#header p.topText span.smallTxt{
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#FF9C3A;
	background-color:inherit;
	padding:0 0 0 8px;
}
#header a.readMore{
	display:block;
	background:url(images/read_more.gif) 0 0 no-repeat;
	width:50px;
	height:38px;
	position:absolute;
	left:895px;
	top:203px;
}
#header a.readMore:hover{
	background:url(images/read_more_hover.gif) 0 0 no-repeat;
}
/*------------------------------------------------header--------------------*/

/*------------------------------------------------body--------------------*/
#body{
	width:978px;
	padding:5px 1px 26px 2px;
	margin: 0 auto;
}
/*------------------------------------------------left--------------------*/
#left{
	width:43%;
	float:right;
	height: 336px;
}

#leftDog{
	width:100%;
	float:left;
	margin: 0px 0px 8px 0px;
}

#left1{
	width:94%;
	border:#d7d7c7 solid 2px;
	margin:0 0 4px 0;
	padding:5px 10px 6px 9px;
	background-color: #fdfdf7;
        height: 20%
}
#left1 p.pic1{
	display:block;
	background:url(images/news.gif) 0 0 no-repeat;
	width:387px;
	height:18px;
	margin:0px 0 0 0;
	float:left;
}
#left1 p.boxTxt1{
	
	padding:0 0 0 5px;
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	width: 100%;
	height: 95%;
}
#left1 p.boxTxt1 span{
	font:normal 19px/17px Arial, Helvetica, sans-serif;
	color:#D76E08;
	background-color:inherit;
	padding:0 0 0 25px;
	margin:0 0 5px 0;
	background:url(images/one.gif) 0 0 no-repeat;
	height:17px;
	display:block;
}

#albumCovers{
	width: auto;
	background-color: #FFF;
height: 99%;
	
    border: #CBCBBA solid 1px;
}

#albumCovers .contentFirst
{
    font:normal 11px/16px Arial, Helvetica, sans-serif;
    width: 98%;
    padding-bottom: 8px;
    padding-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    text-align: left;
    height: 135px;
}

#albumCovers .content
{
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	width: 98%;
        padding-bottom: 8px;
        padding-top: 5px;
        margin-left: 5px;
        margin-right: 5px;
        border-top: #CBCBBA solid 1px;
        text-align: left;
        height: 135px;
}

#albumCovers .BG
{
    margin-top: -2px;
	background:url(images/overlay_bar_shadow.png) repeat-x;
	width: 100%;
    text-align: center;
}  

#albumCovers h2
{
   text-align: left;
   font:bold 14px/17px Arial, Helvetica, sans-serif;
}

#albumCovers h1
{
   text-align: left;
   font:bold 12px/15px Arial, Helvetica, sans-serif;
   display: inline;
}

#albumCovers .Link
{
   
   text-align: left;
   text-decoration: underline;
   color: #000;
   font:bold 12px/15px Arial, Helvetica, sans-serif;
   display: inline;
}

#albumCovers .albumImages
{
    float: left;
    margin-right: 5px;
}


#upcomingLitters{
	width: auto;
	background-color: #FFF;
	height: 99%;
    border: #CBCBBA solid 1px;
}

/*#upcomingLitters p.pic2{
	display:block;
	background:url(images/litters.gif) 0 0 no-repeat;
	width:387px;
	height:18px;
	margin:0px 0 0 0;
	float:left;
}*/
#upcomingLitters p.boxTxt2{
	padding:0 0 0 5px;
	font:normal 11px/16px ,Arial, Helvetica, sans-serif;
	width: 100%;
	height: 95%;
}
#upcomingLitters p.boxTxt2 span{
	font:normal 19px/17px Arial, Helvetica, sans-serif;
	color:#D76E08;
	background-color:inherit;
	padding:0 0 0 25px;
	margin:0 0 10px 0;
	background:url(images/three.gif) 0 0 no-repeat;
	height:17px;
	display:block;
}

#upcomingLitters .contentFirst
{
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	width: 98%;
padding-top: 3px;
    padding-bottom: 8px;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
}

#upcomingLitters .content
{
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	width: 98%;
        padding-bottom: 8px;
        padding-top: 5px;
        margin-left: 5px;
        margin-right: 5px;
        border-top: #CBCBBA solid 1px;
        text-align: center;
}

#upcomingLitters .BG
{
        margin-top: -2px;
	background:url(images/overlay_bar_shadow.png) repeat-x;
	width: 100%;
        text-align: center;
}  

#upcomingLitters h2
{
   text-align: left;
   font:bold 14px/17px Arial, Helvetica, sans-serif;
}

#upcomingLitters h1
{
   text-align: left;
   font:bold 12px/15px Arial, Helvetica, sans-serif;
   display: inline;
}

#left3{
	width:94%;
	border:#d7d7c7 solid 2px;
	margin:0 0 4px 0;
	padding:5px 10px 6px 9px;
	background-color: #fdfdf7;
}
#left3 p.pic3{
	display:block;
	background:url(images/lft_pic3.gif) 0 0 no-repeat;
	width:94px;
	height:71px;
	margin:5px 0 0 0;
	float:left;
}
#left3 p.boxTxt3{
	float:right;
	padding:0 0 0 15px;
	border-left:#F9F9F1 solid 2px;
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	width:199px;
}
#left3 p.boxTxt3 span{
	font:normal 19px/17px Arial, Helvetica, sans-serif;
	color:#D76E08;
	background-color:inherit;
	padding:0 0 0 25px;
	margin:0 0 10px 0;
	background:url(images/three.gif) 0 0 no-repeat;
	height:17px;
	display:block;
}
/*------------------------------------------------left--------------------*/

/*------------------------------------------------Dog--------------------*/
#dogList{
	width:216px;
	border:#d7d7c7 solid 2px;
	margin:0 0 4px 0;
	background-color: #fdfdf7;
	height: 319px;
	float: left;
}

#dogDetails{
	width:981px;
	border:#CBCBBC solid 1px;
	margin:0 0 4px 0;
	background-color: #FFF;
	height: 350px;
	float: left;
}

#dogDetails h4{
   text-align: center;
   font:bold 15px/15px Arial, Helvetica, sans-serif;
   margin-bottom:-3px;
   margin-top: -1px;
}


#DogBackground
{
	width:80%;
	background:url(images/background_details.gif) 0 0 no-repeat;
	margin:0 0 4px 0;
	background-color: #fdfdf7;
	height: 83%;
	float: right;
}

.Content
{
        padding-left: 1px;
        padding-top: 22px;
	width: 29%;
	float: left;
	height: 230px;
}

.Content span
{
    font: 15px/20px Arial, Helvetica, sans-serif;
}

.Content h1
{
    font:bold 15px/20px Arial, Helvetica, sans-serif;
    display: inline;
}

#MotherLitter
{
    font-family: Arial, Sans-Serif;
    font-size: 18px;
    font-weight: bold;
    height: 42%;
    padding-top: 5px;
    float: left;
    text-align: center;
}

#FatherLitter
{
    font-family: Arial, Sans-Serif;
    font-size: 18px;
    font-weight: bold;
    height: 42%;
    padding-top: 5px;
    float: right;
    text-align: center;
}

#Mother
{
	height: 42%;
    padding-top: 5px;
text-align: center ;
}

#Father
{
	height: 42%;
        text-align: center ;
}

#dogDetails h2
{
	font:bold 24px/22px Arial, Helvetica, sans-serif;
        text-decoration:underline;
	color:#222222;
	background-color:inherit;
	margin: 5px 0px 10px 15px;
        text-align: center;
	display:block;
	height: 18px;
	width: 97%;
}

#dogPicture{
	border:#d7d7c7 solid 2px;
	margin:0 0 4px 0;
	background-color: #fdfdf7;
	height: 319px;
	float: right;
}

#dog{
	width:48%;
	border:#d7d7c7 solid 2px;
	margin:0 0 4px 0;
	background-color: #fdfdf7;
	height: 319px;
}
#dog p.pic1{
	display:block;
	background:url(images/news.gif) 0 0 no-repeat;
	width:372px;
	height:18px;
	margin:0px 0 0 0;
	float:left;
}
#dog p.boxTxt1{
	
	padding:0 0 0 5px;
	font:normal 11px/16px  Arial, Helvetica, sans-serif;
	width:367px;
	height: 298px;
}
#dog p.boxTxt1 span{
	font:normal 19px/17px Arial, Helvetica, sans-serif;
	color:#D76E08;
	background-color:inherit;
	padding:0 0 0 25px;
	margin:0 0 5px 0;
	background:url(images/one.gif) 0 0 no-repeat;
	height:17px;
	display:block;
}

/*------------------------------------------------DOG--------------------*/
img.floatLeft { 
    float: left; 
    margin: 4px; 
}

img.floatLeftBullet { 
    float: left; 
}

/*--------------------------------------------About US----------------------*/
#aboutUs{
	float:left;
	background-color: #FFF;
        margin-bottom: 10px;
        width:975px;
        border: #CBCBBA solid 1px
}

#aboutUs img.floatLeft { 
    float: left; 
    margin: 4px; 
}


#aboutUs h2{
	font:bold 30px/22px Arial, Helvetica, sans-serif;
	color:#222222;
	background-color:inherit;
	margin:5px 0 5px 0;
	padding:0 0 0 13px;
	display:block;
	height: 18px;
}

#aboutUs p.rightTxt1{
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#62625C;
	background-color:inherit;
	margin-top: 8px;
	height: 302px;
	width: 99%;
        padding-left: 4px;

}

#aboutUs p.rightTxt1 span{
	font:bold 13px/18px Arial, Helvetica, sans-serif;
	color:#5F860B;
	background-color:inherit;
}

/*---------------------------------------------Welcome----------------------*/
#welcome{
	float:left;
	background-color: #FFF;
        margin-bottom: 10px;
        width: 550px;
        border: #CBCBBA solid 1px
}

#welcome img.floatLeft { 
    float: left; 
    margin: 4px; 
}

#welcome p.rightTop{
	display:block;
	background:url(images/right_top.gif) 0 0 no-repeat;
	width:560px;
	height:14px;
}
#welcome h2{
	font:bold 30px/22px Arial, Helvetica, sans-serif;
	color:#222222;
	background-color:inherit;
	margin:5px 0 5px 0;
	padding:0 0 0 13px;
	display:block;
	height: 18px;
}

#welcome p.rightTxt1{
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#62625C;
	background-color:inherit;
	margin-top: 8px;
	height: 302px;
	width: 100%;
}
#welcome p.rightTxt1 span{
	font:bold 13px/18px Arial, Helvetica, sans-serif;
	color:#5F860B;
	background-color:inherit;
}
#welcome p.rightTxt2{
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#62625C;
	background-color:inherit;
	padding:0 0 5px 5px;
	float:left;
	width:98%;
	height: 104px;
}
#welcome p.rightTxt2 span{
	font:bold 17px/18px Arial, Helvetica, sans-serif;
	color:#D76E08;
	background-color:inherit;
	border-bottom:#BCBCB5 dashed 1px;
	width:340px;
	display:block;
	margin:0 0 15px 0;
}
#welcome p.rightPic{
	display:block;
	background:url(images/output.jpg) 0 0 no-repeat;
	width:205px;
	height:167px;
	float:left;
	margin: 0 10px 0px 0;
}

#welcome p.rightBottom{
	display:block;
	background:url(images/right_bottom.gif) 0 0 no-repeat;
	width:560px;
	height:28px;
	float:left;
}

/*------------------------------------------------right--------------------*/
#right{
	float:left;
	background-color: #fdfdf7;
     margin-bottom: 10px;
}

#right img.floatLeft { 
    float: left; 
    margin: 4px; 
    width:205px;
	height:167px;
}


#rightDog{
	width:52%;
	float:left;
	background-color: #fdfdf7;
	border:#d7d7c7 solid 2px;
	/*background:url(images/right_panel_bg.gif) 0 0 repeat-y;*/
	height: 330px;
}

#right p.rightTop{
	display:block;
	background:url(images/right_top.gif) 0 0 no-repeat;
	width:560px;
	height:14px;
}
#right h2{
	font:bold 30px/22px Arial, Helvetica, sans-serif;
	color:#222222;
	background-color:inherit;
	margin:5px 0 5px 0;
	padding:0 0 0 13px;
	display:block;
	height: 18px;
}
#rightDog h2{
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#222222;
	background-color:inherit;
	margin:0px 0 0px 0;
	padding:0 0 0 13px;
	display:block;
	height: 18px;
}

#right p.rightTxt1{
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#62625C;
	background-color:inherit;
	margin-top: 8px;
	height: 302px;
	width: 100%;
}
#right p.rightTxt1 span{
	font:bold 13px/18px Arial, Helvetica, sans-serif;
	color:#5F860B;
	background-color:inherit;
}
#right p.rightTxt2{
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#62625C;
	background-color:inherit;
	padding:0 0 5px 5px;
	float:left;
	width:98%;
	height: 104px;
}
#right p.rightTxt2 span{
	font:bold 17px/18px Arial, Helvetica, sans-serif;
	color:#D76E08;
	background-color:inherit;
	border-bottom:#BCBCB5 dashed 1px;
	width:340px;
	display:block;
	margin:0 0 15px 0;
}
#right p.rightPic{
	display:block;
	background:url(images/output.jpg) 0 0 no-repeat;
	width:205px;
	height:167px;
	float:left;
	margin: 0 10px 0px 0;
}

#rightDog2 p.rightDogPic{
	display:block;
	width:30%;
	height:80%;
	float:right;
	padding: 5px 0 0 0;
}

#right p.rightBottom{
	display:block;
	background:url(images/right_bottom.gif) 0 0 no-repeat;
	width:560px;
	height:28px;
	float:left;
}
/*------------------------------------------------right--------------------*/

/*------------------------------------------------body--------------------*/

#categories
{
	background:url(images/links_bottom.gif) 0 0 no-repeat;
	width: 981px;
	height: 100%;
	}

/*------------------------------------------------bodyBottom--------------------*/
#bodyBottom{
	width:977px;
	background:url(images/body_bottom_bg.gif) 0px 0 #B9B99D;
	color:#fff;
	height: 39px;
	
}

#bodyBottom p span.ListBox
{
	margin-bottom:90px;
}

#bodyBottomFiller
{
	width:977px;
	background:url(images/body_bottom_bg.gif) 0px 0 #B9B99D;
	color:#fff;
	height: 29px
}

#news{
	width:341px;
	float:left;
	margin:0 28px 0 0;
}
#news h2{
	display:block;
	background:url(images/arrow_red.gif) 0 0 no-repeat;
	padding:0 0 0 25px;
	font:bold 22px/16px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	margin:0 0 17px 0;
}
#news h3{
	display:block;
	background:url(images/date_bg.gif) 0 0 no-repeat;
	width:331px;
	height:17px;
	padding:0 0 0 7px;
	margin:0 0 10px 0;
	font:bold 11px/17px Arial, Helvetica, sans-serif;
	color:#974D04;
	background-color:inherit;
	text-transform:uppercase;
}
#news p{
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#F7F7EA;
	background-color:inherit;
	padding:0 0 13px 0;
}
#news p span{
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#2C2C1B;
	background-color:inherit;
	text-decoration:underline;
	display:block;
}
#service{
	width:338px;
	float:left;
}
#service h2{
	display:block;
	background:url(images/arrow_red.gif) 0 0 no-repeat;
	padding:0 0 0 24px;
	font:bold 22px/16px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	margin:0 0 17px 0;
}
#service h3{
	display:block;
	background:url(images/date_bg.gif) 0 0 no-repeat;
	width:327px;
	height:17px;
	padding:0 0 0 11px;
	margin:0 0 14px 0;
	font:bold 11px/17px Arial, Helvetica, sans-serif;
	color:#974D04;
	background-color:inherit;
	text-transform:uppercase;
}
#service ul{
	padding:0;
	margin:0;
	display:block;
}
#service ul li{
	display:block;
	height:20px;
	line-height:0;
}
#service ul li a{
	display:block;
	background:url(images/arrow_white.gif) 0 7px no-repeat;
	padding:0 0 0 10px;
	font:normal 11px/20px  Arial, Helvetica, sans-serif;
	color:#47472D;
	background-color:inherit;
	text-decoration:underline;
	height:20px;
}
#service ul li a:hover{
	color:#974D04;
	background:url(images/arrow_white_hover.gif) 0 7px no-repeat #DDDDCB;
	text-decoration:none;
}
#member{
	width:225px;
	float:right;
}
#member h2{
	display:block;
	background:url(images/member_login_bg.gif) 0 0 no-repeat;
	width:205px;
	height:31px;
	padding:0 0 0 20px;
	font:bold 16px/31px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#member form{
	width:191px;
	background:url(images/member_form_bg.gif) 0 0 repeat-x #353535;
	padding:9px 17px 24px 17px;
	color:#fff;
}
#member form label{
	font:normal 11px/22px  Arial, Helvetica, sans-serif;
	float:left; 
	display:block;
}
#member form input.txtBox{
	width:185px;
	height:19px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	color:#000;
	background-color:#fff;
	margin:0;
	padding:0;
	float:left;
}
#member form a{
	background:url(images/register_member_icon.gif) 0 0 no-repeat;
	padding:0 0 0 20px;
	font:bold 11px/14px  Arial, Helvetica, sans-serif;
	color:#9CCC37;
	background-color:#353535;
	text-decoration:underline;
	float:left;
	margin:15px 0 0 0;
	width:120px;
}
#member form a:hover{
	text-decoration:none;
}
#member form input.go{
	background:url(images/btn_go.gif) 0 0 no-repeat;
	width:36px;
	height:15px;
	border:none;
	cursor:pointer;
	float:right;
	margin:15px 0 0 0;
}
/*------------------------------------------------bodyBottom--------------------*/

/*------------------------------------------------footer--------------------*/
#footer{
	width:979px;
	height:52px;
	margin:0 auto;
	background:url(images/footer_bg.gif) 0 0 repeat-x #323232;
	color:#fff;
	position:relative;
	top: -6px;
	left: 0px;
}
#footer ul{
	width:587px;
	position:absolute;
	left:10px;
	top:10px;
	height: 23px;
}
#footer ul li{
	float:left;
	color:#D4D4C6;
	background-color:inherit;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
}
#footer ul li a{
	color:#D4D4C6;
	background-color:inherit;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	padding:0 7px;
	text-decoration:none;
}
#footer ul li a:hover{
	color:#D4D4C6;
	background-color:#D76E08;
}
#footer p.copyright{
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	color:#D76E08;
	background-color:inherit;
	position:absolute;
	left:19px;
	top:49px;
}
#footer a.subscribe{
	background:url(images/subscribe_icon.gif) 0 2px no-repeat;
	font:normal 11px/12px Arial, Helvetica, sans-serif;
	color:#B9B99D;
	background-color:inherit;
	position:absolute;
	left:19px;
	top:68px;
	text-decoration:underline;
	width:50px;
	padding:0 0 0 18px;
}
#footer a.subscribe:hover{
	color:#9CCC37;
	background-color:inherit;
	text-decoration:none;
}
#footer a.xht{
	width:98px;
	height:20px;
	background:url(images/xhtml_bg.gif) 0 0 no-repeat;
	position:absolute;
	left:757px;
	top:23px;
}
#footer a.xht:hover{
	background:url(images/xhtml_bg_hover.gif) 0 0 no-repeat;
}
#footer a.cs{
	width:98px;
	height:20px;
	background:url(images/css_bg.gif) 0 0 no-repeat;
	position:absolute;
	left:866px;
	top:23px;
}
#footer a.cs:hover{
	background:url(images/css_bg_hover.gif) 0 0 no-repeat;
}
#footer img{
	position:absolute;
	left:863px;
	top:11px;
	width:107px;
	height:26px;
}
#footer p.design{
	font:bold 12px/19px Arial, Helvetica, sans-serif;
	color:#C5BE25;
	background-color:inherit;
	position:absolute;
	left:19px;
	top:85px;
}
#footer p.design a{
	color:#FFFFFF; background-color:inherit; text-decoration:none;
	}
#footer p.design a:hover{
	color:#C5BE25; background-color:inherit;
	}
/*------------------------------------------------footer--------------------*/


/* Accordion */
.accordionHeader
{
   /* border: 1px solid #2F4F4F;*/
    color: white;
    background:url(images/body_bottom_bg.gif) 0px 0 #B9B99D;
   /* background-color: #2E4d7B;*/
      font-family: Arial, Sans-Serif;
      font-size: 12px;
      font-weight: bold;
    /*padding: 5px;*/
    /*margin-top: 5px;*/
    cursor: pointer;
    border-top: solid 1px #B9B99D;
}
 
#master_content .accordionHeader a
{
      color: #FFFFFF;
      background: none;
      text-decoration: none;
}
 
#master_content .accordionHeader a:hover
{
	font-size: 20px;
      background: none;
      text-decoration: underline;
}
 
.accordionHeaderSelected
{
    /*border: 1px solid #2F4F4F;*/
    color: white;
    background-color: #5078B3;
      font-family: Arial, Sans-Serif;
      font-size: 12px;
      font-weight: bold;
    padding: 1px;
    margin-top: 1px;
    cursor: pointer;
}
 
#master_content .accordionHeaderSelected a
{
      color: #FFFFFF;
      background: none;
      text-decoration: none;
}
 
#master_content .accordionHeaderSelected a:hover
{
      background: none;
      text-decoration: underline;
}
 
.accordionContent
{
    border-right: 1px solid #2F4F4F;
    border-left: 1px solid #2F4F4F;
    border-bottom: 1px solid #2F4F4F;
    padding: 1px;
    padding-top: 0px;
    background: #FFF;

}

.gradient3
{
	background: url(images/backPaneTop2.png) repeat-x;
    margin-left: -1px;
    margin-right: -1px;
	height: 10px;
}

.gradient4
{
	background: url(images/backPaneTop3.png) repeat-x;
    margin-left: -1px;
    margin-right: -1px;
	height: 10px;
}

/* gradient 2 */
.gradient2 h1 {
	/*font: bold 30%/30% "Lucida Grande", Arial, sans-serif;*/
	font-family: "Arial";
	font-size: 18px;
	position: relative;
	/*margin: 30px 0 50px;*/
	color: #464646;
	padding-bottom : 3px;
	text-shadow: 0px 1px 0px #e5e5ee;
	/*filter: dropshadow(color=#e5e5ee,offX=0,offY=1);*/
	text-transform: uppercase;
	/*letter-spacing: 2px;*/
}
.gradient2 h1 span {
	background: url(images/litters_gloss.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
}
.gradient2 a {
	color: #000;
	text-decoration: none;
}
.gradient2 a:visited {
	color: #000;
}
.gradient2 a:hover {
	color: #555;
}

/*------------------------------------------------QuickFlip--------------------*/
/**** image panels ****/

.quickFlip {
    height: 216px;
    width: 322px;
}

.quickFlip2 {
    height: 150px;
    width: 40%;
    float: left;
    margin-right: 9%;
}

/* the rest of this is irrelevent 

H1, H2 {
    float: left;
    padding-right: 15px;
    line-height: 32px;
}

.clear {
    clear: both;
    magin: 0;
    padding: 0;
}*/

.redPanel, .blackPanel {
    text-align: center;
}

/**** image panels ****/

.quickFlip {
    font-family:  Verdana, Sans-serif, sans;
    /*color: #4F352C;*/
    font-size: 13px;
    position: relative;
}

.quickFlip .blackPanel {
    background: url('images/flip-panel-brown.png') no-repeat 0 0 #FFF;
    position: absolute;
}

.quickFlip .redPanel {
    background: url('images/flip-panel.png') no-repeat 0 0 #FFF;
    position: absolute;
}

.quickFlip P {
    padding: 5px;
    margin:0 30px 10px 30px;
}

.quickFlip p.panel-content {
    text-align: left;
    margin-top: 10px;
}

.quickFlip H3, .quickFlip H4 {
    padding: 0;
    margin: 0 35px;
}

.quickFlip h3 {
    text-align: left;
    font-size:24px;
    line-height:24px;
}

.quickFlip .redPanel h3 {
    text-align: center;
    margin-bottom: 10px;
}

.quickFlip .first {
    margin-top: 30px;
}

.quickFlip EM {
    display: block;
    padding: 0;
}

.quickFlip A.quickFlipCta {
    position: absolute;
    bottom: 30px;
    left: 65px;
    width: 210px;
    font-size: 15px;
    outline: none;
}
/*------------------------------------------------QuickFlip--------------------*/

/**** image panels ****/

.quickFlip2 {
    font-family:  Verdana, Sans-serif, sans;
    /*color: #4F352C;*/
    font-size: 13px;
    position: relative;
}

.quickFlip2 .blackPanel {
    background: url('images/flip-panel-brown.png') no-repeat 0 0 #FFF;
    position: absolute;
}

.quickFlip2 .redPanel {
    background: url('images/flip-panel.png') no-repeat 0 0 #FFF;
    position: absolute;
}

.quickFlip2 P {
    padding: 5px;
    margin:0 30px 10px 30px;
}

.quickFlip2 p.panel-content {
    text-align: left;
    margin-top: 10px;
}

.quickFlip2 H3, .quickFlip H4 {
    padding: 0;
    margin: 0 35px;
}

.quickFlip2 h3 {
    text-align: left;
    font-size:24px;
    line-height:24px;
}

.quickFlip2 .redPanel h3 {
    text-align: center;
    margin-bottom: 10px;
}

.quickFlip2 .first {
    margin-top: 30px;
}

.quickFlip2 EM {
    display: block;
    padding: 0;
}

.quickFlip2 A.quickFlipCta {
    position: absolute;
    bottom: 30px;
    left: 65px;
    width: 210px;
    font-size: 15px;
    outline: none;
}
/*------------------------------------------------QuickFlip--------------------*/

/*------------------------------------------------HoverTooltips--------------------*/
.menu {
	padding: 0;
	list-style: none;
    margin-top: 0px;
    margin-left : -4px;
}
.menu li {
	padding-top: 1px;
	float: left;
	position: relative;
	text-align: center;
}
/*
.menu a {
    border: #000 solid 1px;
    height: 25px;
	display: block;
	color: #000000;
	width: 220px;
	text-decoration: none;
	font-weight: bold;
	background: url(images/button.gif) no-repeat center center;
}*/

.menu img{
border: 0px;
}

/*
.menu li em {
	width: 180px;
	height: 45px;
	position: absolute;
	top: -85px;
	left: 20px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
	padding: 20px 12px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
}
*/



/*------------------------------------------------HoverTooltips--------------------*/

#content {
	margin-left: 240px;
	margin-top: 30px;
	margin-right: 50px;
}
.twitthis {
	position: absolute;
	top: 250px;
	left: 20px;
}
pre {
	background: #e8e8e8;
	border-left: 10px solid #777;
	font-size: 0.85em;
	padding: 1em;
	color: black !important;
	overflow-x: auto;
}
.important {
	border: 1px solid #666;
	background: #ddd;
	padding: 0 1em;
	color: #C30;
}
h3 {
	font-size: 1.45em;
	line-height: 1.05em;
	border-bottom: 1px solid #333;
}
.galleryview {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 0.5em;
}
.code_wrapper {
	border: 1px solid #888;
	background: #f0f0f0;
	padding: 10px;
}
code, .code {

}
.options {
	border: 1px solid #777;
	border-right: none;
	font-size: 0.8em;
	font-family: Verdana, Geneva, sans-serif;
}
.options th {
	text-align: left;
	background: #777;
	color: white;
	font-weight: bold;
}
.options th, .options td {
	padding: 4px 10px;
}
.options td {
	border-right: 1px solid #777;
}
#parts-img {
	border: 1px solid black;
}
img.nav {
	border: 1px solid black;
	margin-bottom: 5px;
}
a:link, a:visited {
	color: #3671A8;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #CC5914;
}
.panel-overlay h2,
.panel-overlay p{
	margin: .3em 0;
}
.panel-overlay p {
	line-height: 1.2em;
}