/* Prodigy Batteries Main Style Sheet */

* {
margin: 0; padding: 0; }

body {
font-size: 90%;
font-family: Verdana, Arial, Helvetica, sans-serif; }

a, a:link { color: #f60; }
a:visited { color: #c60; }
a:hover   { color: #c00; }

p {
text-align: left;
padding: 5px 0; }

fieldset {
text-align: left;
margin: 0 100px;
padding: 5px;
border: 0; }

td.alignright {
text-align: right; }

img.alignright {
float: right;
margin: 5px 0 10px 10px; }

img.alignleft {
float: left;
margin: 5px 20px 10px 0; }

.bordered {
padding: 2px;
border: 2px solid #777;
background: #f90; }

strong {
background: #ffe; }

input, textarea {
padding: 2px; }

table {
font-size: 90%;
width: 90%;
margin: 5px auto;
border-collapse: collapse; }
thead {
background: #ccc; }
tr.shade {
background: #eee; }
th, td {
padding: 2px 5px; }
td {
text-align: left;}

ol, ul {
margin-left: 25px;
text-align: left; }
ol li, ul li {
padding: 5px 0; }
#main ul li {
margin-left: 25px;
list-style: url(../imgs/li.gif); }
* html ul li { margin: 5px 0; padding: 0 5px; }

h2, h3 { margin: 0; }

/* Special classes
 * --------------------- */
.column {
font-size: 90%;
padding-bottom: 10px; }
.column h3 {
font-size: 110%;
text-align: left;
margin: 0 0 3px;
color: #555;
border-bottom: 1px solid #333; }
.column p { padding: 0; }
.column ul,
.column li { padding: 0; }

.leftcol {
width: 150px;
margin-right: 10px;
float: left; }

.clearboth { clear: both; }
.invisible { display: none; }
.centered { text-align: center; }
.required {
color: #444;
font-weight: bold }
.error {
color: #c00;
font-weight: normal;
padding-left: 10px; }
div.error {
border: 1px solid #c00;
padding: 10px;
font-size: 90%;
text-align: center;
margin: 5px 20px;
background: #fff6f6;
letter-spacing: 0.1em;
color: #000; }
.error ul, .error li {
list-style-image: url(../imgs/errorli.gif); }

p.note {
margin: 5px;
border: 1px solid #fc0;
padding: 10px;
font-size: 90%;
background: #fed;
color: #320; }
p.note:before {
content: 'NOTE: ';
font-weight: bold; }

.help {
margin: 10px; 
border: 1px solid #fca;
font-size: 80%; 
padding: 10px;
background: #ffe; }

.help p {
padding: 0 0 5px; }



* html #shipping, * html #shipping * {
z-index: 0; }

/* Layout
 * --------------------- */
#body {
width: 960px;
margin: 0 auto;
text-align: center; }

#head {
height: 103px;
width: 960px;
margin-top: 25px;
background: #fda url(../imgs/prodigyHead960.jpg) no-repeat;}

#head h1 a {
display: block;
height: 100px;
width: 960px;
background: url(../imgs/prodigyHead960.jpg) no-repeat;
text-indent: -2000px;
overflow: hidden; }

#content {
width: 960px; float: left;
border-top: 2px solid #444;
background: url(../imgs/prodigySidebar.jpg) top left repeat-y; }

#sidebar {
float: left;
width: 200px; }

#main {
padding: 10px 20px 0 220px; }

#foot {
margin: 0 auto;
padding: 110px 10px 10px;
clear: both;
background: url(../imgs/prodigySidebarBase960.jpg) top left no-repeat; }

#leftcol {
position: relative;
float: left; }

#rightcol {
float: right;
text-align: right; }

#userinfo {
text-align: right;
font-size: 80%; 
margin-bottom: -10px;}

/* Navigation
 * --------------------- */
#nav ul { margin: 0; padding: 2px 0 0;
background: url(../imgs/prodigyBtns960.jpg) top left no-repeat; }
#nav li { padding: 0; list-style: none; list-style-image: none; }
#nav li a, #nav li a:link, #nav li a:visited {
display: block;
height: 43px;
text-indent: -2000px;
overflow: hidden; }
#nav li a:hover {
background: #333; }
* html #nav li { margin: 0; padding: 0; }

#nav li a#home_nav     { background: url(../imgs/prodigyBtns960.jpg) 0 -2px no-repeat; }
#nav li a#about_nav    { background: url(../imgs/prodigyBtns960.jpg) 0 -45px no-repeat; }
#nav li a#products_nav { background: url(../imgs/prodigyBtns960.jpg) 0 -45px/*-88px*/ no-repeat; }
#nav li a#contact_nav  { background: url(../imgs/prodigyBtns960.jpg) 0 -88px/*-131px*/ no-repeat; }
#nav li a#info_nav     { background: url(../imgs/prodigyBtns960.jpg) 0 -131px/*-174px*/ no-repeat; }
#nav li a#dealer_nav   { background: url(../imgs/prodigyBtns960.jpg) 0 -174px no-repeat; }

#nav li a#home_nav:hover     { background: url(../imgs/prodigyBtns960.jpg) -200px -2px no-repeat; }
#nav li a#about_nav:hover    { background: url(../imgs/prodigyBtns960.jpg) -200px -45px no-repeat; }
#nav li a#products_nav:hover { background: url(../imgs/prodigyBtns960.jpg) -200px -45px/*-88px*/ no-repeat; }
#nav li a#contact_nav:hover  { background: url(../imgs/prodigyBtns960.jpg) -200px -88px/*-131px*/ no-repeat; }
#nav li a#info_nav:hover     { background: url(../imgs/prodigyBtns960.jpg) -200px -131px/*-174px*/ no-repeat; }
#nav li a#dealer_nav:hover   { background: url(../imgs/prodigyBtns960.jpg) -200px -174px no-repeat; }

/* Foot
 * --------------------- */
#foot {
font-size: 80%;
margin-bottom: 20px; }
#foot a, #foot a:link, #foot a:visited {
color: #444; }
#foot a:hover {
color: #777; }

/* Page Specifics
 * --------------------- */
#contact_form textarea {
width: 100%; }

#registration { padding: 5px; }
#registration fieldset {
margin: 0;
border-top: 1px solid #999; }
#registration label {

width: 40%;
display: block;
float: left;
margin: 0 5px;  }
#registration input {
margin: 3px 0 5px;
width: 25%; }
#registration input.submit {
width: auto; padding: 2px 5px; }

.userform { margin: 20px auto; padding: 0; }
.userform fieldset { 
margin: 10px 50px; text-align: right; }
.userform label {
padding-right: 20px;
font-weight: bold;
width: 40%; }
.userform>fieldset>input {
width: 40%; }
.userform input { 
margin: 2px;
padding: 1px 5px; }
.userform a, .userform a:link, .userform a:visited {
font-size: 80%; 
text-decoration: none; }
.userform a:hover { text-decoration: underline; }

.info {
border: 1px dashed #fc9;
padding: 10px;
margin: 5px;
background: #ffe;
font-size: 90%;
color: #000;
z-index: 10; }

#cart h3 {
margin: 10px 0 5px; }

#cart ul, #shipping ul { margin: 0; }

* html #cart ul { margin: 0 10px; }

#cart li, #shipping li {
display: block;
list-style: none;
list-style-image: none; }

#cart li.cartitem {
background: #fcfcfc;
margin: 2px 0;
padding: 5px;
border: 1px solid #eee;
float: left; }

#cart li.shade {
background: #ececec;
border: 1px solid #ddd; }

#cart .image {
float: left;
display: block;
font-size: 70%;
text-align: center; }

#cart .image a,
#cart .image a:link,
#cart .image a:visited {
display: block;
text-decoration: none;
padding: 0 0 5px; }
#cart .image a:hover {
text-decoration: underline; }

#cart img {
border: 1px solid #999;
display: block;
height: 75px;
width: 75px;
background: url(../imgs/no-image-thumb.jpg) no-repeat top left;
text-indent: -99999px;
overflow: hidden; }

#cart .description {
float: left;
width: 375px;
margin-left: 10px; }

* html #cart .description {
margin-left: 7px; }

#cart .voltage, #cart .size {
display: block;
float: left;}

#cart .mAh, #cart .weight {
display: block;
text-align: right; }

#cart .performance {
border: 1px solid #edc;
background: #fff;
display: block; 
padding: 5px; 
margin: 5px 0; }

#cart .dimensions {
padding: 0 6px; }

#cart h4 {
letter-spacing: 2px;
padding-left: 6px; }

#cart .qty_inp {
width: 30px;
text-align: right;
padding-right: 2px; }

.pricedata {
border: 1px solid #eee; 
width: 150px;
float: right; 
padding: 5px;
background: #fff; }

* html .pricedata {
float: left;
margin-left: 10px; }

.pricedata li {
padding: 5px;
vertical-align: middle; }

.pricedata .total {
border: 1px solid #ccc;
background: #eee; }

.pricedata .remove {
border: 0;
background: none;
font-size: 80%;
color: #c00; 
padding: 2px 5px; }

.pricedata .remove:hover {
background: #ffc; }

.pricedata .label {
font-weight: bold; 
font-size: 90%; 
margin: 5px 0; }

#shipping li {
display: block;
float: left;
width: 500px; }

#shipping label span {
display: block;
width: 125px;
float: left; }
#shipping .type { font-weight: bold; }
#shipping .time { font-style: italic; }

input.action {
margin: 10px 0; 
padding: 5px 10px; }

.ordercontrol {
font-size: 80%;
text-align: right;
padding: 10px 30px 0;
color: #777;
}
.ordercontrol strong {
float: left; }

.ordercontrol a,
.ordercontrol a:link,
.ordercontrol a:visited {
color: #999; }
.ordercontrol a:hover {
color: #f00; }

.ordercontrol a.curroption {
color: #000;
text-decoration: none;
cursor: text; }

.newitem {
margin: 20px 50px 10px;
padding: 5px;
border: 1px solid #f90; }

.newitem h3 {
padding: 5px 0;
background: #fff9c0;
border: 1px solid #fd0; }

.newitem h3 span {
color: #c00;}

.newitem .input {
padding: 5px; }

.newitem label {
font-weight: bold; }

.cartmini {
border: 1px solid #fec; 
background: #ffe;
text-align: right; 
margin: 5px 25px; 
padding: 5px;
font-size: 90%; }

.cartmini span {
font-weight: bold;}

.cartmini span.cost {
font-weight: normal;
font-size: 85%;
color: #555;
padding: 0 0 0 5px; }

.cartmini a {
font-size: 85%;
padding: 5px; }

.inline { display: inline; }

#productList input.text {
width: 50px; }

a.help {
color: #f60; 
font-weight: normal; 
font-size: 80%; 
text-decoration: none; }
a.help:hover {
color: #c00;
text-decoration: underline; }

input.link {
padding: 0;
border: 0;
margin: 0;
background: none; 
color: #f60;
cursor: pointer; }
input.link:hover {
color: #c00; }

.pointer { cursor: pointer; }

#shipping .link {
font-size: 87%; }

#cart {
border: 1px solid #999; 
padding: 0;
margin: 5px 20px; }

#cart h3 {
text-align: left;
margin: 5px 10px 0;
padding: 0 0 2px;  }

#cart h3 a.help {
padding: 0;
margin: 0;
border: 0;
padding-left: 10px;
background: transparent; }

#cart table .total {
border-top: 1px solid #555;  }

#cart .alignright {
text-align: right; 
font-weight: bold;
color: #ccc; }

#cart table {
margin: 0; width: 100%; }
* html #cart table { width: 95%; }
#cart td {
text-align: center; }
#cart tr {
border-top: 1px solid #888; }

.active, .hilight {
background: #fffefc;
border: 1px solid #f93;
/*
background: #fffff0; 
border: 1px solid #ccc;
*/ }

.invisible { display: none; }
.tiny { font-size: 75%; }
.alignright { text-align: right; }

#shipping, #checkout {
margin: 0 20px; 
padding: 10px; }

#shipping form {
margin: 0 20px; }

.carttotal {
float: right;
text-align: right;
font-weight: bold; }
.carttotal span {
padding: 0 100px 0 10px;
font-weight: normal; }

.active .info, .hilight .info {
margin: 0;
background: #fff; 
border: 1px solid #fca;
margin-bottom: 10px;
color: #000;
z-index: 20; }

#cart form > ul {
margin: 0 10px; }

#cart div.alignright {
margin: 0 10px; }

.cartaction {
border: 1px solid #ccc; 
margin: 10px; 
padding: 10px;
background: #fcfcfc; }

.cartaction form {
display: inline;
margin: 0 20px; }

.cartaction input {
padding: 5px 10px; }

#imgbody img {
padding: 2px;
background: #333;
border: 1px solid #777;
margin: 3px auto 20px; }

#imgbody h1 {
text-align: left; 
font-size: 160%;
float: left;
color: #f60; }

#imgbody .cost {
text-align: right;
color: #999;
font-weight: bold;
padding-right: 10px; }

#imgbody {
width: 360px;
margin: 0 auto; }

#imgbody .label {
font-weight: bold; }

.alert {
position: absolute;
top: 0; 
left: 0;
border-bottom: 2px solid #f99; 
display: block;
padding: 0; 
background: #fa6;
width: 100%; }

.alert p {
padding: 5px 20px;
font-weight: bold; }

.panel #cart {
border: 0; margin: 0;}

.panel div.qty {
border: 1px solid #ddd; 
padding: 5px 10px;
margin: 0 0 10px;
background: #f9f9f9;
font-size: 90%; }

.panel div.qty p {
text-align: center; }

.panel #cart form > ul {
display: block;
max-height: 300px;
width: auto;
overflow: auto; }

* html #cart form > ul {
height: 300px; }

#shipping {
border: 1px solid #999; }

#checkout {
float: left; width: 658px; }
#checkout form {
float: left; 
padding: 0 30px;
text-align: center;
vertical-align: middle; }

* html #checkout { 
float: left; margin-left: 10px; }
* html #checkout form {
display: block; width: 200px; float: left; }

#imgbody div img {
display: block;
padding: 0;
text-indent: -99999px;
overflow: hidden;
background: url(/imgs/no-image.jpg) no-repeat top left; }


#shipping li {
width: 70%; }

#shipping form input.action {
clear: both;
margin: 10px 20px 0; }

#curItemQty input {
margin: 0 5px; }

#curItemQty .cost {
font-weight: bold;
padding: 0 10px;
color: #333; }


#cartDialog .description {
width: 260px; }

.carttotal {
display: block;
clear: both;
position: relative;
margin-top: 29px; }

#checkout .carttotal {
margin-top: 5px; }

p.descr {
background: #ffe;
padding: 5px; 
font-size: 90%; }

#main-page-header {
display: block;
width: 700px;
margin: 0 auto 10px;
height: 250px;
background: url(/imgs/glamor/mainhead.jpg) no-repeat;
text-indent: -99999px;
overflow: hidden; }

#contact_form fieldset { margin: 0; }

#unitsform {
display: block;
text-align: right;
font-size: 80%;
margin-bottom: 10px;
color: #777; }

#unitsform * {
font-size: 100%; }

#unitsform em {
font-style: normal;
text-decoration: underline; }

#unitsform input {
background: #ffe; }

th.pointer {
text-decoration: underline;
background: url(/imgs/arrow.gif) 10px center no-repeat; }

th.pointer:hover {
background: #ffe url(/imgs/arrowRed.gif) 10px center no-repeat;
color: #f60; }

#main .alert {
border: 2px solid #633;
margin: 10px auto;
position: relative;
display: block;
width: 640px;
padding: 18px;
line-height: 18px; }