﻿* {
margin: 0;
}

html {
height: 100%;
}

body {
margin: 0px;
padding: 0px;
font-family: Helvetica, sans-serif;
height: 100%;
background: #354e66;
}

h1 {
color: #000;
font-size: 1.2em;
clear: both;
}

h2 {
margin: 10px 0 5px 0;
padding: 0;
}

h3 {
color: #000;
font-size: 1.1em;
}

p {
margin: 10px 0 5px 0;
font-size: 13px;
}

a:link, a:visited {
text-decoration: none;
color: #6699cc;
}

a:hover {
text-decoration: underline
}

.clear {
clear: both;
float: none;
}

.red {
text-align: right;
color: red;
font-size: .8em;
margin: 0 0 5px 0;
}

.error {
clear: both;
margin: 10px 0 0 0;
display: block;
border-top: 1px solid red;
border-bottom: 1px solid red;
padding: 5px;
text-align: center;
}

.errorlabel {
font-size: .8em;
color: red;
}

.required {
height: 20px;
padding: 10px 0 0 0;
font-size: .85em;
text-align: left;
color: red;
}

.small {
font-size: .7em;
}

.hidden {
display: none;
}

.right {
float: right;
}

.left {
float: left
}

.divider {
height: 1px;
clear: both;
background: #ccc;
margin: 3px 0 10px 0;
}



#wrapper {
width: 884px;
padding: 0;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -100px auto;
background: url(http://pet-padz.com/PetPadzTemplates/images/fade.jpg);
}

#wrapperpad {
width: 864px;
margin: 0 auto;
}

#content {
padding: 20px 25px 25px 25px;
clear: both;
}

#header {
width: 864px;
height: 200px;
display: block;
background: url(http://pet-padz.com/PetPadzTemplates/images/masthead.jpg) no-repeat;
}

#header .cart {
float: right;
font-size: .75em;
width: 95px;
height: 19px;
margin: 1px 4px 0 0;
background: url(http://pet-padz.com/PetPadzTemplates/images/addToCart.gif) no-repeat center right;
}


#footer {
clear: both;
margin: 0 auto;
width: 864px;
padding: 0 0 0 0;
height: 80px;
text-align: left;
font-size: .8em;
line-height: 1.3em;
color: #6699cc;
text-transform: lowercase;
font-weight: bold;
}

#footer .copyright {
clear: both;
margin: 10px 0 0 20px;
padding: 15px 0 0 45px;
background: url(http://pet-padz.com/PetPadzTemplates/images/dorel.jpg) 0 10px no-repeat;
height: 2em;
text-transform: none;
font-weight: normal;
border-top: 2px solid #999;
}

#footer .copyright a {
font-size: .9em;
}

#footer a {
color: #6699cc;
text-transform: capitalize;
border-left: 2px solid #999;
padding: 0 0 0 10px;
}
#footer li.first a {
background: none;
border-left: none;
}

.push {
height: 100px;
}

.breadcrumbs {
font-size: 11px;
font-weight: normal;
color: #666;
padding: 0;
margin: 0 0 10px 0;
}

.breadcrumbs a, .breadcrumbs a:link, .breadcrumbs a:visited, .breadcrumbs a:hover {
color: #666;
text-decoration: none;
}


#searchBlock {
float: right;
width: 509px;
height: 81px;
padding: 94px 20px 2px 0;
overflow: hidden;
}

#loginNav {
height: 25px;
margin: -50px -200px 0 0;
float: right;
}


#loginNav ul {
float: right;
list-style: none;
font-size: .70em;
text-transform: uppercase;
}

#loginNav li{
float: left;
width: auto;
font-weight: normal;
}

#loginNav li a:link, #loginNav li a:visited {
color: #666;
display: block;
padding: 5px;
border-right: 1px solid #ccc;
text-decoration: none;
}

#navigation {
float: right;
width: 509px;
height: 60px;
overflow: hidden;
margin: 0;
padding: 0;
text-indent: -9999px;
}

#navigation ul {
list-style-type: none;
margin: 0;
padding: 0;
height: 63px;
}

#navigation a {
display: block;
width: 100%;
height: 50px;
font-size: 2em;
}

#navigation li {
float: left;
margin: 0;
display: block;
background: url(http://pet-padz.com/PetPadzTemplates/images/navbar.gif) no-repeat;
height: 50px;
position: relative;
}

#navigation li.id39 {
width: 103px;
background-position: 0 0;
}
#navigation li.id39:hover, #navigation li.id39.sel {
background-position: 0 -50px;
z-index: 100;
}

#navigation li.id40 {
width: 122px;
background-position: -103px 0;
}
#navigation li.id40:hover, #navigation li.id40.sel {
background-position: -103px -50px;
}

#navigation li.id41 {
width: 116px;
background-position: -225px 0;
}
#navigation li.id41:hover, #navigation li.id41.sel {
background-position: -225px -50px;
}

#navigation li.id42 {
width: 146px;
background-position: -341px 0;
}
#navigation li.id42:hover, #navigation li.id42.sel {
background-position: -341px -50px;
}


#subNavigation ul {
padding: 0 20px 0 70px;
list-style: none;
clear: both;
}

#subNavigation li {
font-size: .8em;
line-height: 1.5em;
margin: 0 2px 0 3px;
padding: 5px 0 0 3px;
float: left;
}

#subNavigation li a {
color: #073159;
}

#subNavigation li a:hover {
color: #d80468;
text-decoration: none;
}

.seperator  {
margin: 0 0 0 8px;
}

#footerNav {
margin: -30px 0 0 0;
}

#footerNav ul {
padding: 0 20px 0 70px;
list-style: none;
float: right;
}

#footerNav li {
font-size: .8em;
line-height: 1.5em;
margin: 0 2px 0 3px;
padding: 5px 0 0 3px;
float: left;
}

#footerNav li a {
color: #073159;
}

#footerNav li a:hover {
color: #d80468;
text-decoration: none;
}


#logo {
background: url(http://pet-padz.com/PetPadzTemplates/images/masthead.jpg) no-repeat;
width: 335px;
height: 175px;
float: left;
text-indent: -9999px;
margin: 0;
padding: 0;
}


#search {
width: 94px;
height: 23px;
float: right;
margin: 0;
padding: 0 0 0 10px;
background: url(http://pet-padz.com/PetPadzTemplates/images/searchbox.gif) top right no-repeat;
}

#search input {
border: none;
height: 11px;
}

input#Search {
width: 55px;
border: 1px solid #fff;
margin: 3px 0 0 0;
color: #666;
font-size: 10px;
}

#search .searchButton {
width: 23px;
background: none;
}

#leftNav {
width: 150px;
float: left;
padding: 8px 0 0 0;
}

#leftNav a {
color: #666;
display: block;
padding: 7px;
}

#leftNav h3 {
margin: 10px 0 10px 10px;
}

#leftNav ul {
margin: 0 0 0 12px;
padding: 0;
list-style: none;
}

#leftNav li {
font-size: .9em;
}

#leftNav .sel {
color: #a61d43;
background-color: #eee;
border-top: 1px solid #ccc;
}

#rightContent {
width: 650px;
padding: 10px 0 0 0;
float: right;
}

.homeMain {
width: 400px;
float: left;
margin: 0 0 0 10px;
}
.homeLinks {
width: 380px;
margin: 0 10px 0 0;
float: right;
color: #666;
line-height: 2em;
font-size: 14px;
}
.homeLinks img {
border: none;
}
.homeText {
width: 800px;
margin: 0 0 0 20px;
padding: 30px 0 0 0;
clear: both;
color: #666;
line-height: 2em;
font-size: 14px;
}
.homeText strong {
font-size: 18px;
text-transform: uppercase;
color: #6699cc;
}

.cmsImage {
width: 400px;
float: left;
}
.cmsText {
width: 370px;
padding: 10px 20px 40px 0;
float: right;
color: #666;
line-height: 2em;
font-size: 14px;
}
.cmsText strong {
font-size: 18px;
text-transform: uppercase;
color: #6699cc;
}

.oneColumnCms {
width: 780px;
padding: 10px 20px 40px 0;
color: #666;
line-height: 2em;
font-size: 14px;
}

.oneColumnCms h1 {
border-bottom: 1px solid #CCCCCC;
}

.oneColumnCms p {
font-size:0.8em;
line-height:1.3em;
margin:5px 0 20px;
}


.homeItem {
font-family: Arial, sans-serif;
width: 200px;
margin: 10px 0 10px 0;
float: right;
border: 1px solid #ccc;
}


.productList ul {
margin: 0;
padding: 0;
list-style: none;
}

.productList li {
width: 210px;
height: 200px;
text-align: center;
float: left;
margin: 0 0 0 50px;
font-size: 11px;
text-align: left;
color: #000;
line-height: 1.5em;
padding-top: 50px;
}

.productListImg {
width: 100%;
height: 100px;
text-align: center;
}

.productListImg table {
width: 100%;
height: 150px;
vertical-align: middle;
text-align: center;
}

.productList h3, .productList h3 a:link, .productList h3 a:visited {
margin: 2px 0;
padding: padding: 2px 0 2px 0;
font-size: 15px;
color: #000;
text-align: left;
float: left;
width: 180px;
}

.productList h3 {
border-bottom: 2px solid #6699cc;
}

.productList a:link, .productList a:visited {
text-decoration: none;
color: #333;
}

.productList a:hover {
text-decoration: none;
}

p.productListPrice {
float: right;
padding: 5px 2px 0 0;
margin: 0 15px 0 0 ;
font-size: 13px;
font-weight: bold;
color: #000;
}

.paging {
width: 100%;
clear: both;
text-align: right;
font-size: 13px;
color: #333;
}




#product {
width: 730px;
float: left;
margin: 0 0 100px 30px;
color: #6c6c6f;
}

#product h1 {
font-size: 1.2em;
margin: 15px 0 10px 0;
padding: 0 0 0 0;
float: left;
width: 100%;
border-bottom: 2px solid #6699cc;
}

#product h1 span {
text-transform: none;
}

#product p {
font-size: .85em;
line-height: 1.1em;
}

#product .productImages {
float: left;
width: 400px;
text-align: left;
margin: 0;
position: relative;
padding-top: 50px;
}

.zoom_box_mousedown {
border:1px solid #aaa; 
background: #ffffff; 
position:absolute; 
opacity: .5;
filter: alpha(opacity=50);
margin: 40px 0 0 -50px;
}

.zoomed_view {
overflow:hidden; 
width: 380px; 
height: 320px;
visibility: hidden;
position: absolute;
z-index: 999;
top: 10px;
left: 400px;
background: #fff;
border:1px solid #aaa; 
}

#product .imageMain {
}

#product .imageMain table {
}


#product .imageMain a {
border: 0;
display: block;
}

#product .imageMain img {
border: none;
}

#product .imageExtras {
width: 290px;
float: right;
padding: 0;
margin: 0 20px 0 0;
background: url(http://pet-padz.com/PetPadzTemplates/images/changeview.gif) bottom right no-repeat;
}

#sizeWrapper: {
	float: left;
	width: 100px;
}

#product .checkout {
color: #666;
float: left;
margin: 0;
text-transform: uppercase;
width: 130px;
position: relative;
z-index: 900;
line-height: 30px;
font-size: .8em;
}

#product .checkout em {
font-size: 1.5em;
color: #a9aaae;
line-height: 30px;
font-style: italic;
font-weight: bold;
}

#product .imageExtras img {
border: none;
}

#product .imageExtras a {
width: 95px;
height: 85px;
display: block;
float: left;
text-align: center;
}

#product .productInfo {
float: right;
width: 280px;
margin: 0;
}

#product .addToCart {
width: 130px;
height: 32px;
float: right;
display: block;
margin: 10px 0 0 0;
cursor: default;
}

#product ul {
margin: 0 0 10px 15px;
padding: 0;
}

#product li {
margin: 5px;
font-size: 13px;
color: #666;
}

#add {
	width: 100px;
	float: right;
}

#sizeHolder {
	float: left;
	margin: 0 0 0 20px;
}

#article {
padding: 0 50px 50px 20px;
font-size: .80em;
line-height: 1.3em;
}

#article h1 {
font-size: 1.4em;
padding: 0 0 5px 0;
margin: 10px 0 20px 0;
border-bottom: 2px solid #ccc;
}

#standardForm {
width: 700px;
clear: both;
margin: 0 auto 0 auto;
padding: 0;
font-size: .85em;
}

#login {
width: 400px;
clear: both;
margin: 0 auto 0 auto;
padding: 0;
font-size: .85em;
}

#loginLeft {
width: 360px;
margin: 0 0 0 30px;
padding: 0;
float: left;
font-size: .85em;
}

#loginRight {
width: 310px;
float: right;
margin: 0 50px 0 0;
padding: 0;
font-size: .85em;
}

#standardForm p, #login p, #loginLeft p, #loginRight p {
margin: 3px;
padding: 3px;
}

#login input, #loginLeft input {
float: left;
width: 210px;
margin: 3px;
}

#loginRight input {
float: left;
width: 150px;
margin: 3px;
}

#loginRight p {
text-align: center;
}

#login select, #loginLeft select, #loginRight select {
margin: 3px;
}

#checkbox {
width: 10px !important;
}

.label {
text-align: right;
width: 130px;
margin: 8px 3px 3px 3px;
float: left;
}

.field {
text-align: right;
width: 140px;
margin: 0 4px 5px 3px;
color: #333;
float: left;
}

.largeLabel {
font-weight: bold;
border-bottom: 1px solid #ccc;
margin: 20px 0 10px 0;
text-align: left;
font-size: 1.1em;
color: #333;
clear: both;
}

#checkbox2 {
padding: 0;
margin: 0 10px 0 0;
width: 30px;
}

input.checkbox {
padding: 0;
margin: 0 10px 0 0;
width: 30px;
}

#login input.checkbox {
padding: 0;
margin: 0 10px 0 0;
width: 30px;
}

.checkText {
line-height: 1.8em;
font-size: .9em;
}

.account {
width: 950px;
margin: 20px auto;
}






.button {
clear: both;
text-align: center;
}

a.button, button {
margin: 0 5px;
padding: 0px;
border: none;
background-color: transparent;
cursor: pointer;
overflow: visible;
}

*:first-child+html button[type]{width: 1;} /* IE7 */

a.button span, button span {
background: transparent url(http://pet-padz.com/PetPadzTemplates/images/buttonRight.gif) no-repeat scroll right top;
display: block;
float: left;
padding: 0px 8px 0px 0px; /* sliding doors padding */
margin: 0px;
}

a.button span span, button span span {
background: transparent url(http://pet-padz.com/PetPadzTemplates/images/buttonLeft.gif) no-repeat;
color: #FFF;
padding: 0px 6px 0px 12px;
margin: 0;
font-weight: bold;
font-size: 13px;
color: #000;
line-height: 36px;
text-transform: uppercase;
}

.input {
margin: 10px 0 0 0;
}



#standardForm .buttons input, #loginLeft .buttons input, #loginRight .buttons input, #login .buttons input {
width: 145px;
margin: 5px 10px 15px 5px;
padding: 0;
height: 31px;
font-size: 12px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
color: #FFF;
border: none;
cursor: pointer;
clear: both;
float: right;
background: transparent url(http://pet-padz.com/PetPadzTemplates/images/button145.gif) no-repeat;
}

.buttons a, .buttons a:link, .buttons a:visited {
color: #FFF;
display: block;
}


#checkoutProgress ul {

height: 40px;
margin: 0 auto;
padding: 0;
list-style: none;
background: url(http://pet-padz.com/PetPadzTemplates/images/checkoutBar.jpg) no-repeat;
}

#checkoutProgress li {
margin: 0;
font-size: .7em;
padding: 10px;
color: #666;
float: left;
height: 36px;
}

#checkoutProgress li.process {
width: 100px;
margin: 0 0 0 30px;
color: #000;
}

#checkoutProgress li.active {
background: url(http://pet-padz.com/PetPadzTemplates/images/checkoutBar.jpg) no-repeat;
background-position: -41px -91px;
color: #000;
}

#checkout {
clear: both;
width: 700px;
margin: 0 auto;
}

#checkout .productImage {
float: left;
width: 110px;
height: 110px;
text-align: center;
}

#checkout .productInfo {
width: 300px;
float: left;
font-size: .8em;
line-height: 1.2em;
}

#checkout .productInfo a:link, #checkout .productInfo a:visited {
font-size: 1.3em;
line-height: 1.5em;
}

#checkout .productPrice {
width: 200px;
margin: 20px 20px 0 0;
float: right;
text-align: right;
}

#checkout .productPrice input {
width: 30px;
text-align: center;
}

#checkout .productPrice a:link, #checkout .productPrice a:visited {
font-size: .75em;
}

#productTotals {
width: 370px;
clear: both;
padding: 10px 10px 20px 310px;
border-top: 1px solid #ccc;
font-size: .85em;
}




.orderItem {
margin: 10px;
border-bottom: 1px solid #ccc;
}

.orderItem ul {
margin: 10px 0 10px 10px;
padding: 0;
list-style: none;
}

.orderItem li {
margin: 3px;
}

#contactForm {
	margin-left: 50px;
}

#shadow_link {
	text-align: center;
	padding-top: 20px;
}

#features {
	padding-top: 30px;
}

