/* CSS Document */
body {color:#000; background:  url(green/bgMain.gif) center repeat-y ; font: 75% arial,verdana, helvetica,sans-serif; margin: 0; padding:0}

a {color: #336633; text-decoration: none; font-weight:bold}
a:hover {color:#000000; text-decoration:underline}

.linkLarge {font-weight:bold}
.linkSmall {}

#nonSellContent {width: 762px; margin: auto; padding:0; overflow:hidden; }
#nonSellCopy {text-align:left; padding:0 10px; font-size: 1em; }
#nonSellCopy h1 {font-weight:normal; line-height:normal; font-size: 1.6em; font-family:"Times New Roman", Times, serif; margin:0 }
#nonSellCopy h2 {font-weight:normal; font-size:1.2em; font-family:"Times New Roman", Times, serif;margin:0}
#nonSellCopy h3 {line-height:normal; font-size: 1em; font-family:"Times New Roman", Times, serif;margin:0}
#nonSellCopy h4 {line-height:normal; font-size: 1.1em; font-weight:normal; font-family:"Times New Roman", Times, serif;margin:10px 0}

#mission {background:#cbdfa9; border: 1px solid #717b60; padding:0 0.5em; margin:2em 0}
#mission h1 {font-size:1.4em; margin-top:0.4em}

.heroesCopy {font-size:1.2em; font-family:"Times New Roman", Times, serif; line-height:1.3em; padding:0 10px; }

#jumpLinks {width: 3em; padding-top:0; margin-top:10px}
#jumpLinks ul {list-style:none; margin:0; padding:0 }
#jumpLinks li {display:inline; line-height:2em; }

hr {border:0; height:1px; margin: 20px 0; background-color:#717b60; color:#717b60}
..tcsText {width: 570px; margin-top:30px; font-size:0.8em}

table.nonSell {background-color:#e3f7c1; text-align:left; font-size: 1em}
tr.nonSell {background:#FFFFFF; }
tr.nonSell a {color:#717b60; text-decoration:none}
tr.nonSell a:hover {color:#000; text-decoration:underline}


/* Content  */
#container {float:left; width: 100%; text-align:center; margin-top: 115px; }
#content {width: 765px; margin: auto; padding:0; overflow:hidden; }

#homeCopy h1 {font-weight:normal; line-height:normal; font-size: 1.6em; }
#homeCopy h2 {font-weight:normal; line-height:normal; font-size: 1.2em}
#homeCopy {display:block; float:left; padding:0 10px 10px 10px; text-align:left; font-family:"Times New Roman", Times, serif;}

#tcsCopy {clear:both; display:block; margin:auto; text-align:center; width:500px; font-size:0.9em; padding-top:20px;}

/* Content Selling  */
#contentSelling {width: 770px; margin:auto; overflow:auto; height:500px; padding: 15px 0; background:#FFFFFF; border-top: 1px solid #ccdeae; border-bottom: 1px solid #ccdeae;  }

#sellingShot {float:left; width:296px; height:500px; padding:0; margin:0 20px 0 5px; text-align:left; }
html>body #sellingShot {padding:0 10px 0 8px; margin: 0 5px }	

#sellingCopy {float:left; width: 400px; text-align:left; font-size: 1em}
#sellingCopy h1 {display:block; font-weight:normal; margin: 0 0 3px 0; line-height:normal; font-size: 2em; font-family:"Times New Roman", Times, serif; }
#sellingCopy h3 {font-size:1em; margin: 0 0 10px 0; }

.cut {text-decoration:line-through; }
.sale {font-weight:bold; color:#cc0000; }
.normalprice{font-weight:bold; }

#sellingCol {display:block; width:400px; float:left; padding:0 ; margin-bottom:5px; font-size:1em; font-weight:bold ; text-align:left }
.sellingLight {font-weight:normal}

#productBullets ul {list-style-position: outside; list-style-type: square; margin-left:18px}
html>body #productBullets ul {padding-left: 15px; margin:0   }
#productBullets li {line-height:1.5em}


/* Alternate views  */
#altView {display:block; width: 296px; float:left; text-align:left }
#altView ul {list-style: none; padding: 2px 0; margin: 0; white-space: nowrap; }
#altView li {display: block; float:left; margin: 0 1px; width:70px; height:70px; }
html>body #altView li {display: block; float:left; margin: 0 2px; width:70px; height:70px; }

#altView a {display: block; width:70px; height:70px; border: 1px solid #CCCCCC }
#altView li.end {margin: 0 1px 0 0; }
html>body #altView li.end {margin: 0 2px 0 0; }


/* Swatches  */
#swatch {display:block; width: 400px; margin-top:20px; float:left; text-align:left; }
#swatch ul {list-style: none; padding: 2px 0; margin: 0; white-space: nowrap; }
#swatch li {display: block; float:left; margin:  0 2px; padding:0; width:20px; height:20px; }
#swatch a {display: block; width:20px; height:20px; border: 1px solid #CCCCCC}
#swatch li.end {margin: 0 2px 0 0; }


/* shopping bag list */
table.shoppingBag {border:#000; background:#e3f7c1; text-align:left; padding:2px; font-size: 1em}
tr.titleShoppingBag {background:#cbdfa9; text-transform:uppercase; font-weight:bold; padding:2px;}
tr.ShoppingBag {background:#FFFFFF; }
tr.ShoppingBag a {color:#717b60; text-decoration:none}
tr.ShoppingBag a:hover {color:#000; text-decoration:underline}
tr.ShoppingBagTotal {background:#FFFFFF; text-transform:uppercase; font-weight:bold; height: 40px}
table.shoppingBag td {padding:2px}

.shoppingTitle h1 {padding:12px; margin:0; font-size: 1.6em; font-weight: normal; font-family:"Times New Roman", Times, serif; text-align:left }


/* Add to basket form */
#formBuy {width:400px; margin-top:20px; float:left; text-align:left }

#formNonsell {width:400px; margin-top:30px; margin-left:200px}

form ul {list-style: none; margin: 0; padding: 0}
form li {margin: 5px 0}

label {width: 6em; text-align: right; margin-right: 0.5em; float: left; font-weight:bold; display: block; line-height:1.5em}

input, select, textarea {font: 0.8em verdana,arial,helvetica,sans-serif; padding:0.2em; background:#cbdfa9; border: 1px solid #717b60}

form li.check label {width: auto; text-align: left; margin: 0; float: none; display: inline}
form li.check span {display:block; padding-left: 6em}
form li.check span.name {padding-left: 0; width: 6em; text-align: right}

form li.submit input {background: #000 ; color:#FFF; border: 1px solid; border-color: #ddf #003 #003 #ddf; text-transform: uppercase; font-weight: bold}




/* ---------------------------------------- headers, footers, nav, below ---------------------------------------- */





/* topnav1 */
#topNav {display:block; float:right; padding:0.5em; margin: 30px 10px 0 0; background:#cbdfa9; border: 1px solid #717b60 }
html>body #topNav {display:block; float:right; padding:0.5em; margin: 30px 20px 0 0; background:#cbdfa9; border: 1px solid #717b60 }

#topNav ul {list-style: none; padding: 0; margin: 0; white-space: nowrap; text-align: center; font-size:1em }
#topNav li {display: inline; padding: 0 0.8em 0 0.8em; border-right: 1px solid #000}
html>body #topNav li {border-right: double #00445c}

#topNav a {color:#000; text-decoration: none; }
#topNav a:hover {text-decoration: underline; color: #336633}
#topNav li.left {border: 0; padding: 0.2em }
#topNav li.right {border: 0; padding-right: 0.2em }


/* topnav2 */
#topNav2 {display:block; float:right; margin: 10px 20px 0 0; white-space: nowrap; }
html>body #topNav2 {display:block; float:right; margin: 10px 30px 0 0; white-space: nowrap; }

#topNav2 ul {list-style: none; padding: 0; margin: 0; white-space: nowrap; text-align: center; }
#topNav2 li {display: inline; padding: 0 0.8em 0 0.8em; border-right: 1px solid #000}
html>body #topNav2 li {border-right: double #000}

#topNav2 a {color:#000; text-decoration: none; }
#topNav2 a:hover {text-decoration: underline; color: #799647}
#topNav2 li.right {border: 0; padding-right: 0.2em }


/* Header  */
#header {width: 100%; height:115px; position:absolute; top:0; text-align:center; }
#headerContent {height: 115px; width: 780px; margin:auto; background:url(green/bgnav.jpg) 5px 0 repeat-y  }
html>body #headerContent {height: 115px; width: 780px; margin:auto; background:url(green/bgnav.jpg) 4px 0 repeat-y  }

#logoFloat {float:left}


/* footer */
#footer {clear: both; padding-top: 5px; }
#footer ul {list-style: none; padding: 0; margin: 25px 0 0; white-space: nowrap; text-align: center; padding-bottom:10px; font-size: 0.8em }
#footer li {display: inline; }
#footer a {color:#000; text-decoration: none}
#footer a:hover {text-decoration: underline; color: #000}