@media print{
.hide_when_printed{
display: none !important;
}
.show_when_printed{
display: block !important;
}
}

@charset 'utf-8';
/* Site: Rescue Pet Supply
Updated: 09/01/2010
Author: Laurence Johnston
----------------------------------------------------*/

/* SECTION INDEX
-------------
=ZEROING ALL ELEMENTS
=GLOBAL ELEMENTS
=GLOBAL CLASSES
=GLOBAL FORMS RULES
=WRAPPER
=HEADER
=NAVBAR
=MAIN
=COLUMN-LEFT
=COLUMN-RIGHT
=BOTTOM WRAP AND FOOTER
=DISCLAIMERS
=SFNT PAGE
=CTGY PAGE
=PROD PAGE
=SRCH PAGE
=ACAD, ACED, AFAD, AFED AND OCST PAGES
=LOGN AND ORDL PAGES
=ACLN PAGES
=BASK AND CHECKOUT PAGES
*/

/* =ZEROING ALL ELEMENTS
----------------------------------------------------*/

body, div, form, label, fieldset, legend, img, p, h1, h2, h3, h4, h5, ul, li, a{
border:0 solid transparent;
margin:0;
padding:0;
}
body{
font:normal 0.75em 'Trebuchet MS', Arial, Helvetica, sans-serif;
margin: 0 auto;
background-color:#BFBFBF;
}
a{
position:relative;
z-index:1;
}
input, select, option, textarea{
font:normal 1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
position:relative;
z-index:1;
}
ul, ol{
list-style:none;
}
.clearfix:after{
visibility:hidden;
display:block;
font-size:0;
content:' ';
clear:both;
height:0;
}
.hidden{
display:none;
}


/* =GENERIC
----------------------------------------------------*/
h1{
font:bold 20px 'Trebuchet MS', Arial, Helvetica, sans-serif;
color:#3e3e3e;
padding:5px 10px;
}
h2{
font:bold 18px 'Trebuchet MS', Arial, Helvetica, sans-serif;
padding-bottom:5px;
}
h3{
font:bold 13px 'Trebuchet MS', Arial, Helvetica, sans-serif;
color:#00729F;
padding-bottom:5px;
}
h4{
font:normal 12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
color:#9F9F9F;
}
h5{
font:bold 13px 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
p{
margin:0.75em auto;
font:normal 13px 'Trebuchet MS', Arial, Helvetica, sans-serif;
line-height:1.2em;
}
a{
color:#00729F;
text-decoration:none;
cursor:pointer;
}
a:hover{
color:#bbbbbb;
cursor:pointer;
}


/* from framework*/
fieldset{
border:1px solid #ccc;
padding:10px;
margin:10px 0;
}
legend{
margin:0 0 0 20px;
padding:3px 10px;
font:normal normal bold 14px/14px Arial, sans-serif;
color:#3583ac;
}
form{}
form br{line-height:0; height:0; font-size:0;} /* defaults vertical spacing between fields */
input, textarea, select{
color:#676767;
padding:2px;
vertical-align:middle;
font:12px Verdana, Geneva, sans-serif;
border:1px solid #828282;
margin:0;
}
input:focus{
border:1px solid #00167f;
}
input.submit, label{
cursor:pointer;
width:auto;
padding:2px;
}
input.input_btn{
cursor:pointer;
}
input.submit{
background:#828282;
color:#fff;
font-weight:bold;
}
label{
display:block;
float:left;
width:150px;
text-align:right;
margin-right:.5em;
padding:3px 0;
cursor:pointer;
}
label.error{
color:#d90000;
}
input{
width:150px;
overflow:visible;
}
select{
width:auto;
}
textarea{
height:90px; 
overflow:auto; 
margin:0 0 4px 0; 
width:200px; 
}
* html .clearfix {zoom:1;} /* IE6 */
*:first-child+html .clearfix{zoom:1;} /* IE7 */
html{
/*height:100%;*/
overflow-y:scroll;
}
.clear{
clear:both;
}
blockquote{
margin:0 10px 10px; 
background:#EFEFEF; 
padding:10px;
font-family:Verdana, Geneva, sans-serif;
color:#3F3F3F;
}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
.button, a.button, a.button:hover{
background:#828282;
padding:3px 15px;
border:1px solid #828282;
text-decoration:none;
color:#fff;
font-weight:bold;
cursor:pointer;
}


.info-message, .warning-message, .error-message, .success-message{
font-weight:bold;
padding:10px 10px 10px 50px;
color:#333;
position:relative;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}
.info-message{
background:#9dd7f9 url(../images/icons/info.png) no-repeat 10px center;
border:1px solid #64a6cc;
}
.warning-message{
background:#f9e29d url(../images/icons/warning.png) no-repeat 10px center;
border:1px solid #d0bc81;
}
.error-message{
background:#f9a89d url(../images/icons/error.png) no-repeat 10px center;
border:1px solid #d3847a;
}
.success-message{
background:#c5f99e url(../images/icons/check.png) no-repeat 10px center;
border:1px solid #98cf70;
}
div.info-message, div.warning-message, div.error-message, div.success-message{
margin-bottom:10px;
}
.info-message p, .warning-message p, .error-message p, .success-message p{
margin:0.5em 0;
}
.info-message ul, .warning-message ul, .error-message ul, .success-message ul{
margin-bottom:0;
}
.info-message ul li, .warning-message ul li, .error-message ul li, .success-message ul li{
list-style:none;
}


/* _-_-_ CONTACT FORM ELEMENTS _-_-_ */
#contact-form{}
#contact-form p{clear:both;}
#contact-form textarea{width:400px;}
#contact-form .btn-container{text-align:center;}
#contact-form .btn-container input{margin:0 25px;}

/* _-_-_ TELL A FRIEND FORM ELEMENTS _-_-_ */
#taf-form{width:450px; margin:0 auto; background:#fff; padding:10px 20px;}
#taf-form p{clear:both;}
#taf-form .btn-container{text-align:center;}
#taf-form .btn-container input{margin:0 25px;}
#taf-form .disclaimer{font-size:10px; text-align:center;}


.corners{
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.shadows{
box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;
}


/* =CONTAINER
----------------------------------------------------*/
#advertisement{
margin:0 auto;
width:780px;
height:10px;
background-color:#CECECE;
padding-bottom:10px;
}
#container{
margin:0 auto;
width:960px;
height:auto;
padding:10px 0px;
}


/* =CONTENT
----------------------------------------------------*/
#content{
width:960px;
background-image:url(../images/container_bg.jpg);
background-repeat:repeat-y;
min-height:200px;
clear:both;
margin:0 auto;
border-top:solid 10px #F1F1F1;
border-bottom:solid 10px #F1F1F1;
}
#content_checkout{
width:940px;
background-color:#FFFFFF;
border-bottom:10px solid #F1F1F1;
min-height:200px;
clear:both;
margin:0 auto;
padding:10px;
}
#sfnt{
width:960px;
margin:0 auto;
}


/* =HEADER
----------------------------------------------------*/
#header{
margin:0 auto;
width:960px;
height:75px;
background-color:#ffffff;
clear:both;
}


/* =LOGO
----------------------------------------------------*/
#logo{
float:left;
width:300px;
height:auto;
padding: 10px 5px 0px 10px;
text-align: left;
}


/* =CART
----------------------------------------------------*/
#cart{
width:520px;
padding:5px 0px 0px 0px;
height:auto;
text-align:right;
float:right;
}
.cart{
color:#4F4F4F;
letter-spacing:.01em;
}
.cart a{
font:bold 11px  Verdana, Arial, Helvetica, sans-serif;
color:#3e3e3e;
cursor:pointer;
}
.cart a:hover{
text-decoration:underline;
cursor:pointer;
}
.cart_on{
color:#3e3e3e;
font:bold 11px  Verdana, Arial, Helvetica, sans-serif;
}


/* =SEARCH
----------------------------------------------------*/
#search{
float:right;
height:auto;
width:600px;
padding:5px 5px 0px 0px;
}
#search form input[type=submit] {
background: url(../images/b_search.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height: 24px;
width: 59px;
display:inline;
}
#search form input[type=submit]:hover {
}


/* =BANNER
----------------------------------------------------*/
#banner{
width:960px;
height:340px;;
margin:0 auto;
position:relative;
}


/* =NAVBAR
----------------------------------------------------*/
#navBar{
width: 960px;
height:37px;
z-index:9000;
margin: 0 auto;
float: left;
text-align:left;
}
ul#navBar{
width: 960px;
height:37px;
background-image:url(../images/navBar.jpg);
background-repeat:no-repeat;
list-style: none;
z-index:3000;
float: left;
text-align:left;
padding:0px;
}
ul#navBar li{
display: inline;
float: left;
text-align:left;
}
ul#navBar li a{
height: 37px;
float: left;
text-indent: -9999px;
}

ul#navBar li#navBarHomeCurrent a{
width: 120px;
background: url(../images/navBar.jpg) no-repeat 0px -74px;
}
ul#navBar li#navBarHome a{
width: 120px;
background: url(../images/navBar.jpg) no-repeat 0px 0px;
}
ul#navBar li#navBarHome a:hover{
background-position: 0 -37px;
}
ul#navBar li#navBarHome a:active{
background-position: 0px -74px;
}


ul#navBar li#navBarDogsCurrent a{
width: 120px;
background: url(../images/navBar.jpg) no-repeat -120px -74px;
}
ul#navBar li#navBarDogs a{
width: 120px;
background: url(../images/navBar.jpg) no-repeat -120px 0px;
}
ul#navBar li#navBarDogs a:hover{
background-position: -120px -37px;
}
ul#navBar li#navBarDogs a:active{
background-position: -120px -74px;
}



ul#navBar li#navBarCatsCurrent a{
width: 120px;
background: url(../images/navBar.jpg) no-repeat -240px -74px;
}
ul#navBar li#navBarCats a{
width: 120px;
background: url(../images/navBar.jpg) no-repeat -240px 0px;
}
ul#navBar li#navBarCats a:hover{
background-position: -240px -37px;
}
ul#navBar li#navBarCats a:active{
background-position: -240px -74px;
}



ul#navBar li#navBarHorsesCurrent a{
width: 120px;
background: url(../images/navBar.jpg) no-repeat -360px -74px;
}
ul#navBar li#navBarHorses a{
width: 120px;
background: url(../images/navBar.jpg) no-repeat -360px 0px;
}
ul#navBar li#navBarHorses a:hover{
background-position: -360px -37px;
}
ul#navBar li#navBarHorses a:active{
background-position: -360px -74px;
}



ul#navBar li#navBarBrandsCurrent a{
width: 120px;
background: url(../images/navBar.jpg) no-repeat -480px -74px;
}
ul#navBar li#navBarBrands a{
width: 120px;
background: url(../images/navBar.jpg) no-repeat -480px 0px;
}
ul#navBar li#navBarBrands a:hover{
background-position: -480px -37px;
}
ul#navBar li#navBarBrands a:active{
background-position: -480px -74px;
}



ul#navBar li#navBarHelpCurrent a{
width: 120px;
background: url(../images/navBar.jpg) no-repeat -600px -74px;
}
ul#navBar li#navBarHelp a{
width: 120px;
background: url(../images/navBar.jpg) no-repeat -600px 0px;
}
ul#navBar li#navBarHelp a:hover{
background-position: -600px -37px;
}
ul#navBar li#navBarHelp a:active{
background-position: -600px -74px;
}


ul#navBar li#navBarAboutCurrent a{
width: 120px;
background: url(../images/navBar.jpg) no-repeat -720px -74px;
}
ul#navBar li#navBarAbout a{
width: 120px;
background: url(../images/navBar.jpg) no-repeat -720px 0px;
}
ul#navBar li#navBarAbout a:hover{
background-position: -720px -37px;
}
ul#navBar li#navBarAbout a:active{
background-position: -720px -74px;
}


ul#navBar li#navBarContactCurrent a{
width: 120px;
background: url(../images/navBar.jpg) no-repeat -840px -74px;
}
ul#navBar li#navBarContact a{
width: 120px;
background: url(../images/navBar.jpg) no-repeat -840px 0px;
}
ul#navBar li#navBarContact a:hover{
background-position: -840px -37px;
}
ul#navBar li#navBarContact a:active{
background-position: -840px -74px;
}



/* =middle
----------------------------------------------------*/
#middle {width:580px;height:auto;float: left;padding: 0 0 0 10px;}
html>body #middle {} 
* html #middle {} /* IE6 */


.welcome{
padding:1px 10px 1px 10px;
color:#494949;
font:normal 1.2em 'Trebuchet MS', Arial, Helvetica, sans-serif;
line-height:1.1em;
text-align: left;
}


/* =FOOTER
----------------------------------------------------*/
#footer{
margin:0 auto;
width:960px;
height:100px;
color: #999;
clear:both;
border-bottom:solid 12px #F1F1F1;
background-color:#ffffff;
}
#footer li{
padding:5px;
display:inline;
}
.footer{
padding:10px 5px 0px 5px;
}
.footer a{
text-decoration:none;
cursor:pointer;
color:#494949;
font:normal 10px 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
.footer a:hover{
cursor:pointer;
text-decoration:underline;
}


/* =NEWSLETTER
----------------------------------------------------*/
#newsletter{
width:176px;
padding:2px;
height:auto;
float: left;
}
#newsletter form input[type=submit] {
background: url(../images/b_newsletter.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height: 21px;
width: 51px;
display:block;
float:right;
}
#newsletter form input[type=submit]:hover {
background-position: 0 -21px;
}


/* =COPYRIGHT
----------------------------------------------------*/
#copyright{
float:right;
height:auto;
width:400px;
vertical-align:top;
padding:15px 15px 0 0;
}
.copyright {
text-decoration:none;
color:#989898;
font:normal 11px 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
.copyright a{
text-decoration:none;
cursor:pointer;
color:#3e3e3e;
font:bold 11px 'Trebuchet MS', Arial, Helvetica, sans-serif;
line-height:24px;
}
.copyright a:hover{
cursor:pointer;
text-decoration:underline;
}


/* =CATTREE
----------------------------------------------------*/
#cattree{
width:180px;
float:left;
text-align:left;
}
ul#first{
margin: 0;
width: 180px; 
padding: 0;
}
#cattree h5 { 
display:block; 
color:#ffffff; 
font:bold 14px Arial, Helvetica, sans-serif;
background-color:#0094CF;
padding:5px 0 5px 10px;
}
#cattree li { 
margin: 0; 
padding: 0; 
list-style:none; 
width: 180px; 
font:bold 16px Arial, Helvetica, sans-serif;
height:auto;
}	
#cattree li a { 
border-top:1px solid #E3E2E2;
color:#2F2F2F;
display:block;
padding:5px 0 5px 10px;
text-decoration:none;
width:auto;
}
#cattree li a:hover {
background-color:#DFDFDF;
}
#cattree li ul { 
margin: 0; 
padding: 0; 
font:bold 12px Arial, Helvetica, sans-serif; 
}
#cattree li.subcategory { 
padding: 0px 0; 
font:bold 12px Arial, Helvetica, sans-serif;
margin: 0; 
list-style:none; 
border:none; 
}	
#cattree li.subcategory a { 
color: #4F4F4F; 
font:normal 12px Arial, Helvetica, sans-serif;
padding:5px 0 5px 16px; 
}		
#cattree li.subcategory a:hover { 
}	
#cattree li.subcategory a:visited:hover { 
color: #4F4F4F; 
}
#cattree li.subcategory h5 { 
color:#ffffff; 
font:bold 14px Arial, Helvetica, sans-serif;
background-color:#0094CF;
padding:5px 0 5px 10px;
}	
.subcategory{
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
color:#131313;
padding:1px 0px 1px 6px;
background-color:#fafafa;
}


/* =CATTREE INQUERY SUBMIT
----------------------------------------------------*/
#inquiry{
margin: 0;
border: solid 1px #bdbdbd;
width: 165px;
height:auto;
min-height:93px;
background-color:#FFFFFF;
padding: 0;
background-image:url(../images/inquery_repeat.jpg);
background-repeat:repeat-x;
background-position:bottom;
}
.b_inquiry{
background: url(../images/b_inquiry.jpg) 0 0 no-repeat;
border: 0;
cursor: pointer;
height: 18px;
width: 74px;
display:block;
}
.b_inquiry:hover{
background-position: 0 -18px;
}


/* =MAIN
----------------------------------------------------*/
#main{
width:750px;
padding:10px;
vertical-align:top;
float:right;
}
#wrap{
margin:10px 0px 0px 0px;
width:960px;
background-image:url(../images/wrap_bg.jpg);
background-repeat:repeat-y;
height:auto;
}


/* =BREADCRUMBS
----------------------------------------------------*/
#breadcrumbs{
width:560px;
height:auto;
text-align:left; 
margin-bottom:10px;
}


.breadcrumbs{
font:normal 12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
color:#ffffff;
padding-top:3px;
}
.breadcrumbs a{
font:normal 12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
color:#ffffff;
padding:0 1px;
text-decoration:none;
}
.breadcrumbs a:hover{
text-decoration:underline;
color:#999999;
}
.breadcrumbs_on{
color:#999999;
padding:0 1px;
font-weight:bold;
}
.b_on{
color:#999999;
padding:0 1px;
font-weight:bold;
text-decoration:underline;
}


.breadcrumbs_footer{
font:normal 12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
color:#4F4F4F;
padding-top:3px;
}
.breadcrumbs_footer a{
font:normal 12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
color:#4F4F4F;
padding:0 1px;
text-decoration:none;
}
.breadcrumbs_footer a:hover{
text-decoration:underline;
color:#999999;
}
.breadcrumbs_footer_on{
color:#999999;
padding:0 1px;
font-weight:bold;
}
.b_on_footer{
color:#999999;
padding:0 1px;
font-weight:bold;
text-decoration:underline;
}


/* =CTGY PAGE
----------------------------------------------------*/
.info{
background: url(../images/b_info.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height:21px;
width: 70px;
display:block;
float:left;
padding-right:3px;
}
.info:hover{
background-position: 0 0px;
padding-right:3px;
} 

#ctgy_addtocart {
height:21px;
margin:0 auto;
text-align:center;
width:165px;
}
#ctgy_addtocart form input[type=submit] {
background: url(../images/b_add.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height: 21px;
float:left;
width: 79px;
display:block;
}
#ctgy_addtocart form input[type=submit]:hover {
background-position: 0 -21px;
}

.addtocart{
background: url(../images/b_add.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height: 21px;
float:left;
width: 79px;
display:block;
}
.addtocart:hover{
background-position: 0 -21px;
} 

.product{
float: left;
text-align:center;
width: 33%;
height:220px;
}
.product.new-row {
clear: both;
}
.product_box {
width: 180px;
text-align:center;
height:100px;
float: left;
padding: 5px;
}
#product_main {
width: 100%;
height:68px;
float: left;
text-align:center;
}
#product_text {
width: 100%;
height:45px;
float: left;
text-align:center;
}
.product_name a {
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #3e3e3e;
text-align:center;
}
.product_name a:hover {
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #4F4F4F;
text-align:center;
}

.prod_text_main{
color: #4F4F4F;
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
}

.product_featured{
float: left;
text-align:center;
width: 33%;
height:180px;
}

.product_featured a {
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #3e3e3e;
text-align:center;
}
.product_featured a:hover {
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #4F4F4F;
text-align:center;
}


.product_featured_box {
width: 180px;
text-align:center;
height:100px;
float: left;
padding: 5px;
}
#product_featured_main {
width: 100%;
height:auto;
text-align:center;
}
#product_featured_text {
width: 100%;
height:auto;
padding: 5px;
text-align:center;
}
.product_featured_name a {
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #3e3e3e;
text-align:center;
}
.product_featured_name a:hover {
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #4F4F4F;
text-align:center;
}
.product_featured_name_main a {
color: #000;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
}
.product_featured_name_main a:hover{
color: #4F4F4F;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
}


.product_suggested{
float: left;
text-align:center;
width:25%;
height:220px;
}
.product_suggested.new-row {
clear: both;
}  

.product_side.new-row {
clear: both;
float: left;
text-align:center;
width: 170px;
height:auto;
}
.product_side_box {
width: 160px;
text-align:center;
height:auto;
float: left;
padding: 10px;
}
#product_side_main {
width: 100%;
height:auto;
text-align:center;
margin:0 auto;
padding-bottom:10px;
}
#product_side_text {
width: 100%;
height:auto;
padding: 0px;
text-align:center;
}
.product_side_name a {
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #3e3e3e;
text-align:center;
}


.ctgy_code{
color: #989898;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
}
.ctgy_price{
color: #006894;
margin-top: 5px;
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
}
.cart_red{
color: #A20025;
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
}


#ctgy{
float:left;
width:160px;
height:30px;
padding-left:50px;
}
#ctgy select{
width:150px; 
height:20px;
}


#ctgy_Cats{
float:left;
width:160px;
height:30px;
padding-left:40px;
position:absolute; 
margin:-30px 0px 0px 0px;
}
#ctgy_Cats select{
width:129px; 
height:20px;
}

#Cats_container{
width:751px; 
height:520px; 
background-color:#ffffff;
border:solid 1px #bdbdbd;
}
#Cats_content{
width:195px; 
height:auto; 
display:inline; 
position:relative; 
float:left; 
background-color:#ffffff;
}

#m_image{
width:188px; 
height:153px;
background-color:#ffffff;
padding-top:20px;
}
#m_image img{
margin-top:20px;
}

 

/* =PROD PAGE
----------------------------------------------------*/
#prod_addtocart form input[type=submit] {
background: url(../images/b_addtocart.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height: 38px;
width: 142px;
display:block;
margin-top:10px;}
#prod_addtocart form input[type=submit]:hover {
background-position: 0 -38px;
}
#prod_addtocart form input{
width: 30px;
}
.prod_name{
color:#494949;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
}
.prod_price{
color: #006894;
margin-top: 5px;
font:bold 20px Verdana, Arial, Helvetica, sans-serif;
}

#prod_alternate_border{
border:1px solid #4F4F4F;
display:block;
float:left;
height:65px;
padding:2px;
width:65px;
}

#prod_alternate_container {
display:block;
float:left;
height:65px;
padding:3px;
width:68px;
}

 
/* =CATEGORY TITLE IMAGES
----------------------------------------------------*/
#cat_title_images{
width:580px;
height:80px;
position:absolute;
}
.cat_titles{
position:relative;
padding:50px 0px 0px 20px;
color: #ffffff;
font:normal 22px Arial, Helvetica, sans-serif;
width: 400px;
}


#cat_title_images_tall{
width:560px;
height:160px;
position:absolute;
}
.cat_titles_tall{
position:relative;
padding:40px 0px 0px 10px;
color: #ffffff;
width:300px;
height:110px;
font:normal 28px Arial, Helvetica, sans-serif;
}



/* =TABS
----------------------------------------------------*/
UL.tabNavigation {
list-style: none;
margin: 0;
padding: 0;
background-image: url(../images/product_tab_repeat.jpg);
background-repeat: repeat-x;
height: 37px;
border-right: 1px solid #bdbdbd;

}

UL.tabNavigation LI {
display: inline;
}

UL.tabNavigation LI A {
background-color: #ccc;
color: #000;
text-decoration: none;
}

UL.tabNavigation LI A.selected,
UL.tabNavigation LI A:hover {

}

UL.tabNavigation LI A:focus {
outline: 0;
}

div.tabs > div {
padding: 5px;
border: 1px solid #bdbdbd;
}

div.tabs > div h2 {
margin-top: 0;
}

#first {
background-color: #fff;
display: block;
padding:10px;
}

#second {
background-color: #fff;
display: none;
padding:10px;
}

#third {
background-color: #fff;
display: none;
padding:10px;
}
.prod_descrip{
font: normal 14px Arial, Helvetica, sans-serif; 
color:#494949;
}

.details{
background: url(../images/details.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height:36px;
width: 89px;
display:block;
float:left;
}
.details:hover{
background-position: 0 -36px;
} 
.details:active{
background-position: 0 -36px;
} 

.reviews{
background: url(../images/reviews.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height:36px;
width: 186px;
display:block;
float:left;
}
.reviews:hover{
background-position: 0 -36px;
} 
.reviews:active{
background-position: 0 -36px;
} 

.shipping{
background: url(../images/shipping.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height:36px;
width: 148px;
display:block;
float:left;
}
.shipping:hover{
background-position: 0 -36px;
} 
.shipping:active{
background-position: 0 -36px;
} 

#subheader{
width:560px;
height:auto;
border:1px solid #c1c1c1;
}
#subheader_bar{
background-image:url(../images/headers_bg_repeat.jpg);
background-repeat:repeat-x;
height:30px;
width:450px;
}
#subheader_text{
padding:7px; 
font: 16px Arial, Helvetica, sans-serif; 
color:#aa2611;
}
#subheader img{
border:0px;
margin:0 auto;
float:left;
}

#trim{
width:750px;
height:150px;
}

#cat-links{
padding: 0px 10px;
width:560px;
height:auto;
}

.cat-links ul{ 
margin: 10px 0 0 0; 
color: #454545; 
}
.cat-links li	{ 
display: block;
float: left;
padding-bottom:3px;
width: 25%; 
height: auto;
font: bold 13px Arial, Helvetica, sans-serif;
}
.cat-links li a:hover	{
text-decoration: underline; 
}



/* =BUTTONS
----------------------------------------------------*/

.b_zoom{
background: url(../images/b_zoom.jpg) 0 0 no-repeat;
border: 0;
cursor: pointer;
height: 18px;
width: 45px;
display:block;
}
.b_zoom:hover{
background-position: 0 -18px;
}
.b_view{
background: url(../images/b_view.png) 0 0 no-repeat;
border: 0;
cursor: pointer;
height: 21px;
width: 46px;
display:block;
}
.b_view:hover{
background-position: 0 -21px;
}
.b_reset{
background: url(../images/b_reset.png) top left no-repeat;
border: 0;
cursor: pointer;
height: 21px;
width: 67px;
display:block;
float:right;
}
.b_reset:hover{
background-position: 0 -21px;
} 
.b_send{
background: url(../images/b_send.png) top left no-repeat;
border: 0;
cursor: pointer;
height: 21px;
width: 52px;
display:block;
float:left;
}
.b_send:hover{
background-position: 0 -21px;
} 



/* LOGIN SCREENS
----------------------------------------------------*/
.b_create{
background: url(../images/b_create.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height: 23px;
width: 121px;
display:block;
}
.b_create:hover {
background-position: 0 -23px;
}
.b_express{
background: url(../images/b_express.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height: 23px;
width: 144px;
display:block;
}
.b_express:hover {
background-position: 0 -23px;
}
.b_login {
background: url(../images/b_login.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height: 23px;
width: 52px;
display:block;
}
.b_login:hover {
background-position: 0 -23px;
}
.b_continue_shopping {
background: url(../images/b_continue.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height: 23px;
width: 150px;
display:block;
}
.b_continue_shopping:hover {
background-position: 0 -23px;
}

#login form input[type=submit] {
background: url(../images/b_login.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height: 23px;
width: 52px;
display:block;
}
#login form input[type=submit]:hover {
background-position: 0 -23px;
}

#password form input[type=submit] {
background: url(../images/b_password.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height: 23px;
width: 125px;
display:block;
float:right;
}
#password form input[type=submit]:hover {
background-position: 0 -23px;
}

 
a.tab1, a.tab1:link, a.tab1:visited{
display:block;
float:left;
background:#4F4F4F;
font-size:1.1em;
text-decoration:none;
margin:0 3px 0 0;
padding:4px 7px 5px 7px;
color:#fff;
}

a.tab1:hover, a.tab1:active{
background:#0072A2;
}

a.tab2, a.tab2:link, a.tab2:visited{
display:block;
float:left;
background:#4F4F4F;
font-size:1.1em;
text-decoration:none;
margin:0 3px 0 0;
padding:4px 7px 5px 7px;
color:#fff;
}

a.tab2:hover, a.tab2:active{
background:#0072A2;
}

a.tab3, a.tab3:link, a.tab3:visited{
display:block;
float:left;
background:#4F4F4F;
font-size:1.1em;
text-decoration:none;
margin:0 3px 0 0;
padding:4px 7px 5px 7px;
color:#fff;
}

a.tab3:hover, a.tab3:active{
background:#0072A2;
}

a.tab4, a.tab4:link, a.tab4:visited{
display:block;
float:left;
background:#4F4F4F;
font-size:1.1em;
text-decoration:none;
margin:0 3px 0 0;
padding:4px 7px 5px 7px;
color:#fff;
}

a.tab4:hover, a.tab4:active{
background:#0072A2;
}


div.specs a.on, div.specs a.on:link, div.specs a.on:visited{
background:#999999;
}


#pad{
padding:10px;
}


  
/* ------------------------ BASK, OCST, OSEL AND OPAY PAGES ------------------------ */
.basket{
width:100%;
border:none;
clear:both;
}
.basket td{
padding:5px;
}
.basket img{
display:block;
margin:0 auto;
max-width:100px;
max-height:100px;
}
* html .basket img{ 
width:expression( this.scrollWidth > 99 ? "100px" : "auto" ); /* sets max-width for IE */
max-width:100px; /* sets max-width value for all standards-compliant browsers */
height:expression( this.scrollHeight > 99 ? "100px" : "auto" ); /* sets max-height for IE */
max-height:100px; /* sets max-width value for all standards-compliant browsers */
}
.basket input.remove{
width:16px;
height:16px;
border:none;
outline:none;
}
.input_btn.checkout, .input_btn.continue, .input_btn.place-order{
background:#0089BF;
color:#fff;
font-size:16px;
font-weight:bold;
}

#suggested-prod{
overflow:hidden;
display:inline-block;
display:block;
clear:both;
}
#suggested-prod h2{
color:#828282;
border-bottom:1px solid #ccc;
margin:0;
padding-bottom:5px;
}
.suggested-products{
width:188px;
height:250px;
margin:10px 0 5px;
padding:0 2px;
text-align:center;
font:bold 11px Verdana, Geneva, sans-serif;
float:left;
}
.suggested-products img{
display:block;
margin:0 auto 0.3em;
width:120px;
height:170px;
}
.suggested-products h3{
font:normal 11px Verdana, Geneva, sans-serif;
margin:0;
}
.suggested-products h3 span{
width:165px;
margin:0 auto;
display:block;
}
.suggested-products a{
display:block;
margin:0 auto 2px;
color:#828282;
text-decoration:none;
}
.suggested-products a:hover{
color:#ccc;
}



#checkout-headers{
border:1px solid #e9e9e9;
background:#f6f6f6;
margin:0 0 20px;
padding:5px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#ccc;
}
#checkout-headers .secure, #checkout-headers .ocst, #checkout-headers .osel, #checkout-headers .opay{
float:left;
display:inline;
padding:5px 10px;
margin:0 5px;
}
#checkout-headers .secure{
padding:5px 10px 5px 30px;
background:url(../images/icons/lock.png) no-repeat 5px center;
color:#828282;
}
#checkout-headers .id-page{
background:#828282;
color:#fff;
margin:0 0 0 5px;
}
#checkout-headers .id-arrow{
float:left;
display:inline;
font-size:0px;
line-height:0%;
width:0px;
border-top:13px solid #f6f6f6;
border-left:20px solid #828282;
border-bottom:13px solid #f6f6f6;
margin-right:5px;
}
#OSEL #shipping .form_row, #OSEL #payment .form_row, #OPAY #payment-fields .form_row{
margin:0 0 20px;
}
#OSEL #shipping label, #OSEL #payment label{
float:left;
width:65px;
white-space:nowrap;
text-align:left;
padding:3px 5px 3px 0;
clear:both;
margin:2px 0 0 0; 
font:bold 14px Arial, Helvetica, sans-serif;
}
#OSEL #shipping, #OSEL #payment{
float:left;
}
#OSEL #shipping{
padding-right:25px;
}
.payment-icons, shipping-icons{
text-align:left;
}
.payment-icons img, .shipping-icons img{
margin:0 2px;
border:1px solid #ddd;
}
#osel-form{
}
#osel-form h2, #opay-form h2{
font:bold 16px Arial, Helvetica, sans-serif;
border-bottom:1px solid #ccc;
padding-bottom:3px;
}
#OPAY #payment-fields label{
float:left;
width:auto;
white-space:nowrap;
text-align:left;
padding:3px 5px 3px 0;
clear:both;
margin:2px 0 0 0; 
font:bold 12px Arial, Helvetica, sans-serif;
}
#OPAY #payment-fields input{
width:225px;
}



/* ------------------------ LOGN AND ORDL PAGES ------------------------ */
#logn-left, #logn-right{
margin:10px 0 25px;
padding:0 5px;
width:400px;
}
#logn-left{
float:left;
}
#logn-right{
float:right;
}
#logn-left h2, #logn-right h2{
font:bold 18px Arial, Helvetica, sans-serif;
}
#ordl-left, #ordl-center, #ordl-right{
margin:10px 0 25px;
padding:0 15px;
text-align:center;
}
#ordl-left{
width:220px;
float:left;
}
#ordl-center{
width:400px;
float:left;
}
#ordl-center .ordl-wrappers{
border:solid #828282;
border-width:0 1px;
}
#ordl-right{
width:220px;
float:right;
}
#ordl-left h2, #ordl-center h2, #ordl-right h2{
font:bold 18px Arial, Helvetica, sans-serif;
}
.logn-wrappers{
width:350px;
height:250px;
border:1px solid #828282;
background:#ccc;
padding:20px;
margin-top:5px;
font:normal 14px Arial, Helvetica, sans-serif;
line-height:1.5em;
color:#333;
}
.ordl-wrappers{
padding:20px;
margin-top:5px;
font:normal 14px Arial, Helvetica, sans-serif;
line-height:1.5em;
}
.logn-wrappers ul{
margin:10px 20px;
}
.logn-wrappers h3{
font:bold 16px Arial, Helvetica, sans-serif;
color:#333;
}
.logn-wrappers label, .ordl-wrappers label{
width:80px;
font-weight:bold;
}
.logn-wrappers .input_btn{
font-weight:bold;
float:right;
}
.logn-wrappers .input_btn.login, .ordl-wrappers .input_btn.login{
font-weight:bold;
background:#a46591;
color:#fff;
float:right;
}
.logn-wrappers p, .ordl-wrappers p{
font:normal 10px Arial, Helvetica, sans-serif;
text-align:left;
padding-top:0.75em;
margin:0;
clear:both;
}
.logn-wrappers a, .ordl-wrappers a{
text-decoration:underline;
}
.panelUN, .panelPW{
clear:both;
width:75%;
margin:10px auto;
}
.panelUN h3, .panelPW h3{
font:bold 16px Arial, Helvetica, sans-serif;
color:#333;
}
.panelUN label, .panelPW label, .panelUN .input_btn, .panelPW .input_btn{
font-weight:bold;
}





/* ------------------------ ALCN PAGE ------------------------ */
#ACLN #hdft_header h1.page_heading{
float:left;
}
#ACLN #hdft_header a.button{
display:block;
float:right;
}
#ACLN .account-links{
clear:both;
}






/* ------------------------ ACAD, ACED, AFAD, AFED AND OCST PAGES ------------------------ */
.logout-link{
margin:12px 0;
float:right;
}
#customer-fields label, #affiliate-fields label{
float:left;
white-space:nowrap;
text-align:right;
padding:2px 5px 3px 0;
display:inline;
clear:both;
}
#affiliate-commissions label, .OSEL .non-editable label{
float:left;
width:120px;
font-weight:bold;
text-align:right;
padding:0 6px 0 0;
display:inline;
}
#customer-fields input.textfield, #affiliate-fields input.textfield, #tax-fields input, #affiliate-commissions div.form_row div, .non-editable div.form_row div{
width:170px;
margin:0 0 4px 0;
}
#affiliate-commissions div.form_row div{
float:left;
}
#customer-fields select, #affiliate-fields select{
width:176px;
margin:0 0 4px 0;
}
#fields-key .italic, #customer-fields .form_row label.italic{
font-style:italic;
}
#fields-key .red{
color:#d90000;
}
#login-details, #affiliate-information{
margin:16px 0;
}
#affiliate-commissions .form_row{
margin:0 0 8px 0;
}
#AFAD #affiliate-fields{
width:50%;
margin:0 auto;
}
#AFED #affiliate-fields #affiliate-contact, #AFED #affiliate-fields #affiliate-commissions{
float:left;
width:50%;
}
#affiliate-fields .form_row div.non-editable{
margin:0 0 8px 0;
padding:2px 0 0 0;
}
.save-button, .continue-button{
clear:both;
text-align:right;
padding:24px 0 0 0;
}
.required{
font-weight:bold;
}
h2.fields-heading{
background:#ccc;
color:#333;
margin:0 0 12px 0;
padding:4px 4px 4px 12px;
}
.address2-label{
margin:0 0 14px 0;
}
.controls{ 
font:normal .75em Arial, Helvetica, sans-serif;
visibility:hidden;
}
#customer-fields .controls label{
float:none;
}
#ship-to, #bill-to{
width:50%;
float:left;
}
#ship-to h2 input.checkbox, #bill-to h2 input.checkbox{
margin:0;
padding:0;
width:13px;
height:13px;
overflow:hidden;
cursor:pointer;
}
div.invalid input.textfield, div.invalid select, #tax-fields div.invalid input{
border-color:#d90000;
}
div.invalid label{
color:#d90000;
}
#customer-fields.editable .form_row, #affiliate-fields.editable .form_row{
margin:0 0 6px 0;
text-align:left;
}
#customer-fields.non-editable .form_row{
margin:0 0 4px 0; 
text-align:left;
}
#customer-fields.non-editable label, #affiliate-fields.non-editable label{
margin:0 0 0 30px;
padding:0 4px 0 0;
font-weight:bold;
width:110px;
text-align:right;
float:left;
clear:both;
white-space:nowrap;
}
#customer-fields.non-editable .form_row div, #affiliate-fields.non-editable .form_row div{
float:left;
}
.update-record{
clear:both;
margin:24px 0 0 24px;
}
.tax-fields label{
font-weight:bold;
}







.info-message, .warning-message, .error-message, .success-message{
font-weight:bold;
padding:15px 15px 15px 48px;
color:#333;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}
.info-message{
background:#9dd7f9 url(../images/icons/info.png) no-repeat 10px center;
border:1px solid #64a6cc;
}
.warning-message{
background:#f9e29d url(../images/icons/warning.png) no-repeat 10px center;
border:1px solid #d0bc81;
}
.error-message{
background:#f9a89d url(../images/icons/error.png) no-repeat 10px center;
border:1px solid #d3847a;
}
.success-message{
background:#c5f99e url(../images/icons/check.png) no-repeat 10px center;
border:1px solid #98cf70;
}
div.info-message, div.warning-message, div.error-message, div.success-message{
margin-bottom:10px;
}
.info-message p, .warning-message p, .error-message p, .success-message p{
margin:0.5em 0;
}



#slideshow_player{
width:580px; 
height:170px; 
overflow:hidden; 
border-bottom:10px solid #F1F1F1; 
float:left;
}



.padding-left{margin-left:20px;}