@import url("tripoli/reset.css");
@import url("tripoli/generic.css");

/* Tripoli Overrides*/
p+ul { margin-top: -0.8em }

fieldset { border:none; }

ul li { margin-left:3em; }

/*end*/

/*Overrides for non-text lists*/
.linksmain li,
.sitemap li,
#menu li,
#foot li {
	text-indent: 0;
	margin-left: 0;
}
.linksmain li:before,
.sitemap li:before,
#menu li:before,
#foot li:before{ content:''; }



/*end*/


body {
	color: black;
	font-family:Arial, Helvetica, sans-serif;
	background:#525051 url(../img/bg_fade.jpg) top left repeat-x;
}



/*--------------Site Text formating----------*/

p {
color:#231f20;
padding:0px;		
}

#columnleft p,
#columnright p {
padding:0px 15px;		
}

p strong{
color:#000;
font-size: 1.1em;		
}

p.post{
color:#383838;
font-size: 0.75em
}

p.prodlarge{
font-size: 1.2em;
}

div#content p.large {
font-size:1.2em;
color:#323232;
font-weight:bold;
}

div#content p span.emphasis {
color:#Ff6e18;
}

/*headers*/

h1 {
color:#FF6E18;
font-weight: 900;

margin: 1em 0 1.5em;	
}

h2 {
color:#FF6E18;
padding-left: 15px;	
font-weight: 900;

}

h2		{
font-size:1.6em;
margin: 1em 0 1em;
font-weight: 900; 
}

h2.tophead{
margin: 0em 0 1em;
font-weight: 900;
}

div#content h2.large {
font-size:1.9em;
font-weight:900;
}

div#content h2 {
padding-left:0px;
}

.animalleft h2,
#product-center h2,
#product-right h2 {
font-size: 2.4em;
margin-top: .5em;
}

h3 {
color:#FF6E18;
font-size: 1em;
font-weight: 600;
padding:0px;
	
}

#sidebar_content h3 {
padding: 0px 15px;
}

/*links styles*/

h3.nlink a:link,
h3.nlink a:visited,
h3.nlink a:active {
color:#FF6E18;
text-decoration: none;
}

h3.nlink a:hover {
color:#818181;
text-decoration: none;
}

span.reado a:link,
span.reado a:visited,
span.reado a:active {
color:#FF6E18;
background: url(../img/arrow_white.jpg) right no-repeat;
padding: 0px 10px 0px 15px;
text-decoration: none;
font-weight: 600;
}

span.reado a:hover {
color:#818181;
background: url(../img/arrow_gwhite.jpg) right no-repeat;
}

.newsleft span.reado a{
padding-left: 0px;
}

span.readb a:link,
span.readb a:visited,
span.readb a:active {
color:#FF6E18;
background: url(../img/arrow_blk.jpg) right no-repeat;
padding: 0px 10px 0px 15px;
text-decoration: none;
font-weight: 600;
}

span.readb a:hover {
color:#818181;
background: url(../img/arrow_gblk.jpg) right no-repeat;
}

/*misc styles*/

.animalleft p,
.animalleft a.reado {
padding-left: 60px;
}

.animalleft span.reado{
padding-left: 45px;
}

.headb{
color:#000;
}

.icon{
overflow: hidden;
float: left;
padding-right: 10px;
}

span.otext{
color:#FF6E18;
}

.clear {
clear:both;
}

#columnleft img,
#columnright img {
padding-left: 15px;
margin-bottom:20px;
margin-top:20px;	
}


/*Lists*/

ul.linksmain{
margin-top:20px;
}

.linksmain li{
display: inline; 
font-weight:900;
}



/*-----------main divs structure------------*/

#wrap {
background:url(../img/bg.gif) top left no-repeat;
	width: 800px;
	margin:0 auto;
	padding-top: 30px;	
	padding-left:60px;
	padding-right:60px;
	height:300px;
}

	
#container {
	background:#fff url(../img/bg-sidebar-left.gif) -42px -21px no-repeat;
/*	overflow:auto;*/
	float:left;
	text-align:left;
	width: 800px;
	margin:0 auto;
}

#flash {
	width:580px;
	background: #000;
	float: right;
}

#flashmedium {
	width:580px;
	background: #000;
	float: right;
}

#flashsmall {
	width:580px;
	background: #000;
	float: right;
}

#columnleft {
	width:196px;
	float: left;	
	padding-left: 15px;
	margin-bottom: 30px;
}
						
#menu {
	width: 195px;
	background: #231f20 url(../img/menu_top.jpg) top no-repeat;
	margin-top:10px;
	
}

		
#menuclose {
	width: 195px;
	float:left;
	background: #fff url(../img/menu_bot.jpg) bottom no-repeat;
	height: 5px;
	margin-bottom: 38px;
	margin-top: 0px;
	line-height: 1px;
	font-size: 1px;
}
		
#sidebar_content{
width:185px;
float: left;
border-right: 1px solid #eee;
padding-bottom: 20px;
padding-right: 10px;
}



/*main content divs*/

#content{
margin-top: 20px;
margin-bottom: 30px;
padding-left:30px;
width:549px;
float:left;
}

#columncenter{
margin-top: 40px;
margin-bottom: 30px;
padding-left:30px;
padding-right:20px;
width:340px;
float:left;
}

#columnright{
border-left: 1px solid #eee;
margin-top: 40px;
margin-bottom: 30px;
width:196px;
float:left;
}

/*homepage divs*/

#homeleft{
float:left;
width:230px;
margin-right:30px;
}

#homeright{
float:left;
width:275px;
}

/*Product page divs*/

#product-center{
width: 250px;
float: left;
border-right: #eee 1px solid;
padding-right: 15px;
}

#product-right{
width: 230px;
float: left;
padding: 0px 0px 0px 20px;
}


/*animal types divs*/

body#animaltypes #content{
padding-left: 8px;
margin-top: 0px;
}

.animal{
width: 569px;
float: left;
padding: 20px 0px;
border-bottom:#8c8c8c 1px solid;
}

.animalleft{
width: 325px;
float: left;
}

.animalright{
width: 230px;
float: right;
}

/*-------------Animal detail styles------------------*/

#content .intro {
padding-left:20px;
padding-top:25px;
overflow:auto;
}

#content .intro span{
display:block;
margin-bottom:10px;
}

#content .intro img{
float:right;
}

#content .intro p {
display:block;
width:230px;
font-size:1.2em;
}

#content .detail {
border-top:1px solid #E9E9E9;
margin-left:20px;
margin-top:25px;
display:block;
}

#content .detail p.large {
font-weight:normal;
font-size:1.2em;
}


#content .detail h2 {
font-size:2.3em;
font-weight:bold;
}

#content .detail h3 {
color:#231f20;
font-size:1.1em;
font-weight:bold;
}

#content a
{
    color:#ff6e18;
    text-decoration:none;
}

#content a:hover
{
    color:#ff6e18;
    text-decoration:underline;
}

#content .detail img.floatleft {
float:left;
margin-right:20px;
margin-bottom:1.6em;
}

#content .detail img.floatright {
float:right;
margin-left:20px;
margin-bottom:1.6em;
}

/*newspage divs*/

.newslist{
width: 539px;
float: left;
padding: 20px 0px;
border-bottom:#8c8c8c 1px solid;
}

.newsleft{
width: 320px;
float: left;
}

.newsleft a.reado {
padding-left: 0;
}

.newsright{
width: 200px;
float: right;
padding-top:20px;
}

.newsdetail{
width: 539px;
float: left;
padding: 20px 0px;
border-bottom:#8c8c8c 1px solid;
}

/*-------------Menu styles-----------------*/

#menu ul {
	padding-top: 2px;
	padding-left:3px;
	margin:0;
	font-weight:bold;
	font-size: 1.1em;
	margin-bottom:-2px;
	
}

#menu ul li {
	margin: 2px 3px 2px 0px;
	padding:0px;
	background:#383838;
	background-image:url(../img/nav-item-top.gif);
	background-repeat:no-repeat;
	width:189px;
}

#menu ul li a {
	list-style:none;
	text-decoration: none;
	display:block;
	padding:0px;
	padding-left:7px;
	background:url(../img/nav-item-bot.gif) bottom left no-repeat;
	width:182px;
}

#menu ul li a:link,
#menu ul li a:visited,
#menu ul li a:active { color: #fff; }
#menu ul li a:hover { color: #ff6e18; }
#menu ul li.live a:link,
#menu ul li.live a:visited { color:#ff6e18; }

/*-------------Footer styles------------------*/

#foot p{
color:#FFF;
float:right;
margin-bottom:7px;
}

#foot address{
margin-bottom:7px;
float:left;
}

#foot{
padding-top:30px;
border-bottom: 1px solid #8c8c8c;
background:url(../img/container-bot.jpg) top no-repeat;
float: left;
width: 800px;
clear: both;
font-size:0.9em;
color:#FFF;
}

#footsub{
width: 800px;
}

#foot span.telephone{
padding-right:25px;
}
#foot a:link,
#foot a:visited,
#foot a:active{
text-decoration:none;
color:#FF9934;
}

#foot a:hover{
color:#FFF;
}

#footsub span{
color:#FFF;
font-size:0.9em;
padding-top:10px;
padding-bottom:15px;
}

#footsub span.credit{
float:left;
}

#footsub span.sitemap{
float:right;
}

#footsub a:link,
#footsub a:visited,
#footsub a:active {
text-decoration:none;
color:#FF9934;
}

#footsub a:hover{
color:#FFF;
}

/*-------------Where to Buy styles------------------*/




#googlemap {
	padding-top:15px;
	padding-right:10px;
	float:right;
	clear:right;
}

form#contact fieldset#product {
	padding-left:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}

form#contact fieldset#product label {
	display:block;
	clear:both;
	margin-bottom:15px;
}

form#contact fieldset#product select {
	float:left;
	padding:0px;
	margin-bottom:15px;
}

form#contact fieldset#product span {
	float:left;
	width:230px;
	;
	font-size:1.2em;
	color:#323232;
	margin-bottom:15px;
	font-weight: bold;
}

form#contact fieldset#product span.additional {
	float:right;
	font-size:1em;
	text-align:left;
	display:block;
	width: 240px;
	font-weight: normal;
}

form#contact fieldset#postal-address {
	width:260px;
	padding-right:20px;
	float:right;
}

form#contact fieldset#postal-address textarea { 
height:180px;
width:260px; }

form#contact fieldset#postal-address span {
	display:block;
	color:#323232;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:5px;
}

form#contact fieldset#personal-details { clear:both; }


/*-------------Contact styles------------------*/


p.emphasis {
	color:#FF6e18;
	font-size:1.1em;
	font-weight:bold;
	padding-right:20px;
}

h1.emphasis {
	border-top:1px solid #E1E1E1;
	border-bottom:1px solid #E1E1E1;
	padding-top:15px;
	padding-bottom:15px;
	font-size:1.8em;
	margin-right:20px;
	text-align:center;
	color:#323232;
}

h1.emphasis a:link,
 h1.emphasis a:visited,
 h1.emphasis a:active {
	color:#Ff6e18;
	text-decoration:none;
}

h1.emphasis a:hover {
	text-decoration:underline;
	color:#818181;
}

form#contact fieldset span { color:#323232; }

form#contact fieldset#personal-details {
	display:block;
	width:220px;
	padding-left:0px;
	padding-right:0px;
	float:left;
}

form#contact fieldset#personal-details label span {
	font-size:1.2em;
	font-weight:bold;
	display:block;
	padding-bottom:5px;
}

form#contact fieldset#personal-details input,
 form#contact fieldset#types-of-animals input#others-text {
	width:100%;
	border:1px solid black;
	margin-bottom:10px;
}

form#contact fieldset input,
 form#contact fieldset textarea { border:1px solid black; }

form#contact fieldset#signup input,
 form#contact fieldset#types-of-animals input { border:none; }

form#contact fieldset#types-of-animals {
	width:220px;
	padding-right:30px;
	float:right;
}

form#contact fieldset#types-of-animals input#others-text { margin-top:10px; }

form#contact fieldset#types-of-animals span {
	padding-left:10px;
	font-size:1.1em;
}

form#contact fieldset#types-of-animals span.minor {
	padding-left:10px;
	font-size:0.9em;
}

form#contact fieldset#types-of-animals p {
	font-size:1.1em;
	font-weight:bold;
	color:#323232;
	margin-bottom:10px;
}

form#contact fieldset#types-of-animals label {
	display:block;
	margin-bottom:4px;
}

form#contact p { clear:both; }

form#contact fieldset#signup {
	border-top:1px solid #E1E1E1;
	border-bottom:1px solid #E1E1E1;
	padding-top:10px;
	padding-bottom:10px;
	clear:both;
	margin-right:20px;
	padding-left: 0px;
}

form#contact fieldset#signup p {
	color:#323232;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:20px;
}

form#contact fieldset#signup span {
	color:#323232;
	font-size:1.1em;
	padding-left:5px;
	padding-right:20px;
	padding-bottom:10px;
}

form#contact fieldset#signup span.emphasis {
	color:#Ff6e18;
	padding:0;
}

form#contact fieldset#message {
	padding-left:0px;
	margin-bottom:0px;
}

form#contact fieldset#message span {
	display: block;
	margin-top: 15px;
	float:left;
	margin-bottom: 10px;
	width:40%;
}

form#contact fieldset#message label span {
	margin-top: 0px;
	display:block;
	color:#323232;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:10px;
}

form#contact fieldset#message textarea { width:520px; }

div#send {
	margin:0px;
	padding-right:20px;
	text-align:right;
	clear:both;
	height:3em;
}

div#send span {
float:left;
padding-top:15px;
}

div#send input {
	background:white;
	float:right;
	text-align: right;
	border:none;
	color:#ff6e18;
	font-size:1.8em;
	font-weight:bold;
	padding-right:10px;
	background:url(../img/arrow_white.jpg) 100% 60% no-repeat;
	margin-bottom:10px;
	width: auto;
}

div#send input:link div#send input:visited div#send input:active {
	color:#ff6e18;
	text-decoration: none;
}

div#send input:hover {
	color:#818181;
	background:url(../img/arrow_gwhite.jpg) 100% 60% no-repeat;
	text-decoration: underline;
}

div#content div#contact-block {
	clear:both;
	border-top:1px solid #E1E1E1;
	margin-right:20px;
}

div#content address {
	float:left;
	font-size:1.2em;
	font-weight:bold;
}

div#content div#contact-block address { padding-top:15px; }

div#content address span.emphasis { color:#Ff6e18; }

div#content div#contact-block span.contact-details {
	float:right;
	clear:right;
	font-size:1.2em;
	font-weight:bold;
	width:240px;
	text-align:left;
	margin-bottom:0px;
	padding-top:15px;
}

div#content span.contact-details a:link,
 div#content span.contact-details a:visited,
 div#content span.contact-details a:active {
	color: #Ff6e18;
	text-decoration:none;
}

div#content span.contact-details a:hover { text-decoration:underline; }


/*-----------Box styles-----------------*/

.dbox, .dboxtop {
background:#231f20 url(../img/dbox-top.jpg) top left no-repeat;
padding-top: 9px;
width:150px;
margin: 20px 5px 0px 15px;
}

.dboxtop {
margin-top:0;
}

div#columnleft .dbox img,
div#columnright .dbox img,
div#columnleft .dboxtop img,
div#columnright .dboxtop img {
margin-top:0px;
margin-bottom: 0px;
}

.dboxclose {
	background: url(../img/dbox-bot.jpg) bottom left no-repeat;
	height: 9px;
	margin:0;
	padding:0;
	width:150px;
	margin:0px 0px 20px 15px;
	line-height:1px;
	font-size:1px;
}


#boxmain{
background:#231f20 url(../img/dbox-top.jpg) top left no-repeat;
padding-top: 9px;
padding-left: 10px;
margin-left:20px;
float:left;
width:140px;
}

#boxmain p,
.dbox p,
.dboxtop p {
color: #eee;
margin: 0.5em 0em;
}

#boxmain span.readb a{
padding-left: 0px;
}



#boxmainleft{
width:94px;
float:left;
background:#231f20;
padding-left: 10px;
border-right: 1px solid #585555;
}

#boxmainright{
width:146;
float:left;

/*border-left: 1px solid #585555;*/
padding-left: 5px;
padding-bottom: 1px;
}

#boxmainclose {
	background: url(../img/dbox-bot.jpg) top left no-repeat;
	height: 9px;
	margin:0;
	padding:0;
	float:left;
	width:150px;
	margin-left:20px;
}

/*----------------------sitemap list-----------*/

ul.sitemap{
font-size: 1.5em;
}

ul.sitemap li{
padding-top: 10px;
}

ul.sitemap li.full{
text-indent: 15px;
font-size: 0.75em;
padding-top: 5px;
}

ul.sitemap li a:link,
ul.sitemap li a:visited,
ul.sitemap li a:active {
background: url(../img/arrow_white.jpg) left no-repeat;
padding-left: 20px;
list-style: none;
text-decoration:none;
color:#ff6e18;
}
		
ul.sitemap li a:hover {
text-decoration:none;
color:#818181;
background: url(../img/arrow_gwhite.jpg) left no-repeat;
}

#shreddymap
{
    float:right;
    margin-top:15px; 
    margin-right:10px; 
    width: 554px; 
    height: 450px;
    border:solid 6px #000000;
}