/*-------------------------------------------------*/
/* ================== BASIC STYLES ================*/
/*-------------------------------------------------*/
*{margin:0; padding:0;}
body{background-color:#ffffff; font-family:Arial, Verdana, sans-serif; color:#000000; font-size:75%; margin:0 0 10px;}
table{font-size:100%;}/*makes font size in tables the same as the rest of the site*/
a img{border:none;}/*removes borders from images that are links*/
a{text-decoration:none; color:#000000;}
a:hover{text-decoration:underline;}
a:active{outline:none;}
:focus{-moz-outline-style:none;}/* get rid of link focus borders in firefox '-moz-' only needed before Mozilla 1.8 / Firefox 1.5 */
h1{text-transform:uppercase; font-weight:normal; font-size:2em; font-family:Arial, Helvetica, sans-serif;}
h1 span, h1 a{background-color:#000000; padding:3px 7px 2px; color:#FFFFFF; letter-spacing:2px; font-family:Georgia, "Times New Roman", Times, serif;}
h1 span a, h1 a span{padding:0;} /* In case a heading has both span and link tags */
h2{font-weight:bold; text-transform:uppercase; font-size:160%; margin:0; padding:0;}
h3{font-weight:normal; margin:0; padding:0; font-size:130%;}
a.skiplink {position:absolute; left:-5000px;}
.clear{ clear:both;}

/* ---------------- PAGE CONTAINER ------------------*/
#main{width:950px; margin:0 auto;}/*main holder div - contains header, content, footer*/

/*-------------------- CONTENT --------------------*/
/*content - contains everything apart from the header and footer*/
#content{clear:both;}
#page-container{float:right; width:762px; margin-bottom:25px;} /*for list pages*/
/*Content debug mode - this is for when a dev wants to see the fields used for CMS content */
.content-debug{font-style:italic;font-size:10px;}
.content-debug .page-key{color:blue;}
.content-debug .field{color:red;}
.content-debug li{float:left;}

/*-------------------GENERIC STYLES----------------*/
#submit{text-align:right;}
.grey-table{background-color: #ECECEC; padding:20px; margin-bottom:20px; margin-top:5px;}
.greyfont {color:#666666;}
.strong{font-weight: bold;}
.section{display:block; float:left; width:100%;}
.halfsection{display:inline; float:left; width:50%;}
.silver{background-color:#ececec; width:920px; padding:15px;}
.silver input[type='text']{margin-left:5px; margin-right:5px;}
.silver input[type='radio']{margin-right:5px; vertical-align:middle; margin-top:-4px;}
/*top left and right are used together*/
#top_left{width:70%;}
#top_right{width:29.4%;}/*needs to be 34.4% because of left padding 5px in shopping_bag_top*/
.blockleft{display:block; float:left;}
.blockright{display:block; float:right;}
.inlineleft{display:inline; float:left;}
.inlineright{display:inline; float:right;}
.align_left{text-align:left !important;}
.align_right{text-align:right !important;}
.align_center{text-align:center !important;}
abbr{text-decoration: none; border-bottom: none;}
.error{color:#990000; font-weight:bold;}
#tell-a-friend-form span.error{color:#990000; font-weight:bold; display:block; font-size:90%; padding-bottom:20px;}
#command span.error{color:#990000; font-weight:bold; display:block; font-size:90%; padding-bottom:20px;}
ul.error{clear:both; list-style-position:inside; padding:0 0 5px 5px;}
form ul.error{clear:none;}
ul.error li{margin-bottom:5px;}
form span.errorAsterix{float:left; width:12px; height:10px; margin:3px; background:url(/nap/build/8.19/images/purchase_path/asterix.gif) no-repeat;}
.sign-in-error{clear:both;}
.margin_10{margin:10px;}
.margin_top_10{margin-top:10px;}
.margin_bottom_10{margin-bottom:10px;}
.margin_top_20{margin-top:20px;}
.padding_8{padding:8px;}
form .field_row{height:30px;}
form div.passwordcheck {height:50px;}
li.selected a, a.selected, li.selected li.selected a{font-weight:bold;}
.selected li a{font-weight:normal;}