/*
Name: Clean Green
Date: 2007-05-13
Description: Clean Green Template
Author: IR Design
URL: http://www.irdesign.com 

Feel free to use and modify template, but please provide credits.
*/

body {
margin: 0 auto;
background: #F2F2F2 url(images/back.gif) top center repeat-y;
height:100%;
}

#container {
width: 780px;
height:100%;
border-left: 0px solid #FFFFFF;
border-right: 0px solid #FFFFFF;
border-top: 0px solid #FFFFFF;
border-bottom: 0px solid #FFFFFF;
margin: 0 auto 0 auto;
font-family: Verdana;
font-size: 11px;
font-weight: normal;
color: #000000;
}

h1 {
font-size: 24px;
letter-spacing: 4px;
font-family: Verdana;
color: #ffffff;
font-weight: bold;
padding-top: 0px;
padding-left: 4px;
text-align: left;
}

h2 {
font-size: 14px;
font-family: Verdana;
color: #ffffff;
font-weight: bold;
padding-top: 0px;
padding-left: 4px;
text-align: left;
}

h3 {
font-size: 16px;
font-family: Verdana;
color: #000;
font-weight: bold;
}

.style00 {
text-align:center;
font-size: 12px;
color: #000;
font-weight:bold;
font-family: Verdana;
}

.style01 {
text-align:center;
font-size: 12px;
color: #000;
font-weight:bold;
font-family: Verdana;
}

.style02 {
font-size: 14px;
color: #000;
font-family: Verdana;
line-height:30px;
}
.style03 {
text-align:center;
font-size: 12px;
color: #000;
font-family: Verdana;
}


a:link {
color: #0D1FCF;
border-bottom: 0px solid #efefef;
font-family: Verdana;
text-decoration: underline;
}

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

#header {
float: center;
vertical-align: top;
padding-top: 10px;
padding-bottom: 0px;
padding-left: 20px;
padding-right: 0px;
font-family: Verdana;
font-size: 12px;
margin: 0 auto;
font-weight: lighter;
background-color: #7FB538;
border-bottom: 1px solid #000000;
}
#header h1 {
font-size: 24px;
letter-spacing: 4px;
font-family: Verdana;
color: #ffffff;
font-weight: bold;
padding-left: 4px;
text-align: left;
}

#header h2 {
font-size: 14px;
font-family: Verdana;
color: #ffffff;
padding-left: 4px;
text-align: left;
}
.header-h2 {
font-size: 16px;
font-family: Verdana;
color: #000000;
padding-left: 4px;
text-align: left;
}
#content {
float: center;
line-height: 18px;
text-align: left;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
border-left: 0px solid #efefef;
font-size: 11px;
font-family: Verdana;
color: #000000;
}

#content #store1{
float: right;
margin-top: 0px;
padding-top: 0px;
padding-bottom: 40px;
padding-left: 150px;
padding-right: 0px;
background: #FFFFFF url(images/onebay.gif) top right no-repeat;
}

#content #p2{
float: left;
margin-top: 0px;
margin-right: 0px;
padding-bottom: 198px;
padding-left: 291px;
padding-right: 10px;
background: #FFFFFF url(images/home2f.jpg) left no-repeat;
}

#content #p1{
float: right;
margin-top: 30px;
padding-top: 40px;
padding-bottom: 180px;
padding-left: 250px;
padding-right: 0px;
background: #FFFFFF url(images/home3.jpg ) top right no-repeat;
}

#content #p3{
float: right;
margin-top: 20px;
margin-left:10px;
padding-left: 185px;
padding-bottom: 170px;
padding-right: 10px;
}
#content #p3_text{
float:right;
padding-left:320px;
margin-top: 0px;
margin-right: 20px;
padding-bottom: 0px;
}

#table {
text-align:center;
margin-left:15px;
clear:none;
width:720px;
border-top:1px #000 solid;
}

#table ul {
clear:left;
margin:0px;
padding:0px;
width:720px;
list-style-type:none;
border-bottom:1px #000 solid;
border-left:1px #000 solid;
}

#table li {
float:left;
display:block;
margin:0px;
padding:0px;
border-right:1px #000 solid;
width:119.5px;
}

#content h1 {
font-size: 20px;
letter-spacing: 0px;
font-family: Verdana;
color: #000000;
font-weight: bold;
text-align: center;
}

#content #dog-in-wheelchair_a{
float: left;
margin: 0px;
padding-top: 0px;
padding-bottom: 188px;
padding-left: 253px;
}

#content #dog-in-wheelchair_b{
float: left;
margin: 0px;
padding-top: 0px;
padding-bottom: 146px;
padding-left: 190px;
}

#content #measuretip{
float: left;
margin: 0px;
margin-top: 35px;
padding-top: 0px;
padding-bottom: 250px;
padding-left: 0px;
padding-right: 400px;
border-left: 0px solid #efefef;
background: #FFFFFF url(measurement/measurement2.jpg) top left no-repeat;
}

#content#measure_table {
float: right;
clear:none;
width:340px;
margin-bottom: 35px;
border:1px  #000  solid;
}
#content#measure_table li{
text-align: left;
float:left;
display:block;
margin:0px;
padding:4px;
border-right:1px  #000  solid;
width:200px;
height:20px;
}

#content#measure_table ul{ 
clear:left;
margin:0px;
padding:0px;
width:340px;
height:20px;
list-style-type:none;
border-bottom:1px  #000  solid;
border-left:1px  #000  solid;
}

#content #measurement_a{
float: left;
margin: 0px;
padding-top: 0px;
padding-bottom: 262px;
padding-left: 0px;
padding-right: 410px;
}

#content #measurement_b{
float: right;
margin: 0px;
padding-bottom: 262px;
padding-top: 0px;
padding-right: 340px;
}

#content #cart_text{
padding-top: 10px;
margin-left: 0px;
text-align: left;
vertical-align: bottom;
}

#content#cart-wheelchairs_a{
float:left; 
height:270px;
width:360px;
margin: 20px 7px 0px 6px;
}

#content#cart-wheelchairs_b{
float:left; 
width:360px;
margin: 0px 7px 0px 6px;
text-align: center;
}

#content#ninja_a{
float:left; 
height:270px;
width:360px;
margin: 5px 7px 0px 6px;
}

#content#ninja_b{
float:left; 
width:360px;
margin: 0px 7px 0px 6px;
text-align: left;
}



#content#cart-wheelchairs_c{
float:left; 
height:202px;
width:250px;
margin: 0px 3px 0px 0px;
}

#content#cart-wheelchairs_d{
float:left; 
width:250px;
margin: 0px 3px 0px 0px;
text-align: center;
}

#content #storyframe{
width:730px;
height:200px;
float:left;
margin-left: 3px;
margin-right: 0px;
margin-top: 10px;
padding-bottom: 0px;
padding-top: 0px;
text-align: center;
vertical-align: bottom;
}


#content #storyframe#story1{
width:230px;
height:200px;
float:left;
margin-left: 0px;
margin-right: 13px;
margin-top: 10px;
padding-bottom: 0px;
padding-top: 0px;
text-align: center;
vertical-align: bottom;
}

#content #guide1{
float:left;
margin-left: 0px;
margin-right: 420px;
margin-top: 0px;
padding-bottom: 0px;
padding-top: 0px;
vertical-align: bottom;
}

#content #guide2{
float:right;
margin-left: 420px;
margin-top: 0px;
padding-bottom: 0px;
padding-top: 0px;
vertical-align: bottom;
}

#footer {
width: 100%;
margin: 0 auto;
bottom: 0px;
text-align: center;
padding-top: 6px;
font-family: Verdana;
font-size: 10px;
color: #000000;
border-top:2px dashed #cccccc;
}

#menu {
height: 1.4em;
line-height: 1.8em;
width: auto;
margin:5px 5px;
padding: 0px;
text-align: center;
background: #ffffff;
}

#menu ul {
margin: 0; 
padding: 0;
list-style-type: none;
text-align: center;
}

#menu li {
float: right;
list-style-type: none;
white-space: nowrap;
margin: 0px 0 0;
font-family:Verdana;
font-size: 11px;
margin-left:0px; 
margin-right: 0px; 
}

#menu a {
display: block;
width: 70px;
padding: 2px 4px 2px 4px;
text-align: center;
border: 1px solid #000000;
background: #C4D9A5;
text-decoration: none;
margin-left: 4px;
}

#menu a:link,  #menu a:visited, #menu a:active {
color: #000000;
}

#menu a:hover {
border: 1px solid #000000;
background: #718B4E;
color: #ffffff;
}


#sidenav {
float: left;
width: 140px;
height: 100%;
line-height: 14px;
text-align: left;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 12px;
padding-right: 16px;
border-right: 1px solid #989898;
font-size: 9px;
font-family: Verdana;
color: #000000;
}

#sidenav h1 {
font-size: 11px;
font-family: Verdana;
color: #989898;
font-weight: bold;
padding-top: 0px;
padding-left: 0px;
text-align: left;
}