/* This is a cascading style sheet. It gives the layout information for all the web pages in the site.*/
body {font-size:76%; font-family:"trebuchet MS", verdana, arial, sans-serif; background:#f0f0f0; word-wrap:break-word; direction:ltr; min-width:780px;}
#header {background:#009900; text-align:center; height:280px; padding:12px;}
#topbarcol1 {position:absolute; left:10px; top:265px; width:22%; background:#009900; padding:8px;}
#topbarcol2 {position:absolute; left:22%; top:265px; width:22%; background:#009900; padding:8px;}
#topbarcol3 {position:absolute; left:44%; top:265px; width:22%; background:#009900; padding:8px;}
#topbarcol4 {position:absolute; left:66%; top:265px; width:22%; background:#009900; padding:8px;}
#leftnavbar {float:left; width:180px; padding:10px; background:#99ff99;}
#rightnavbar {float:right; width:180px; padding:10px; background:#99ff99;}
#content {background:#e0e0e0; margin:10px 210px;}
#leftnavbar, #rightnavbar, #content {padding-bottom:32767px; margin-bottom:-32767px;}
#wrapper {overflow:hidden; background:#e0e0e0;}
#footer {clear:both; background:#009900; text-align:center;}
#fabindxcol1 {position:left:10px; top:10px; width:9%; padding:8px;}
#fabindxcol2 {position:left:10%; top:10px; width:9%; padding:8px;}
#fabindxcol3 {position:left:20%; top:10px; width:9%; padding:8px;}
#fabindxcol4 {position:left:30%; top:10px; width:9%; padding:8px;}
#fabindxcol5 {position:left:40%; top:10px; width:9%; padding:8px;}
#fabindxcol6 {position:left:50%; top:10px; width:9%; padding:8px;}
#fabindxcol7 {position:left:60%; top:10px; width:9%; padding:8px;}
#fabindxcol8 {position:left:70%; top:10px; width:9%; padding:8px;}
#fabindxcol9 {position:left:80%; top:10px; width:9%; padding:8px;}
#fabindxcol10 {position:left:90%; top:10px; width:9%; padding:8px;}
#newsletter {padding:8px;}
#section {float:left; padding:15px;}
#productpic {float:left; width:216px; padding:3px; text-align:center;}
#productdesc {margin:3px 10px 10px 220px; text-align:left;}
#tocentreimage {text-align:center;}
#swatch {width:160px; float:left; text-align:center; margin:10px; height:180px;}
h1 {font-size:28px; margin:0; padding:10px 0; color:#009900; font-style:italic; text-align:center;}
h2 {font-size:20px; margin:0; padding:10px 0; color:#009900; font-style:italic; text-align=left;}
h3 {font-size:18px; margin:0; padding:8px; color:#009900; font-style:italic; text-align=left;}
h4 {font-size:16px; margin:0; padding:8px 0; color:#009900; font-style:italic; text-align=left;}
h5 {font-size:10px; line-height:1em; margin:0; padding:5px 0; color:#000; font-weight:normal; text-align=left;}
p {font-size:14px; line-height:1.5em; margin:0; padding:5px 0; color:#000; text-align=left;}
a.white:link {color:#fff; background:#009900; font-weight:bold;}
a.white:active {color:#fff; background:#009900; font-weight:bold;}
a.white:visited {color: #ffff00; background: #009900; font-weight:bold;}
a.white:hover {color:#000; background:#009900; font-weight:bolder;}
ul {list-style-type:disc; padding:5px; margin:10px 20px; font-size:14px; line-height:1.5em;}
li {padding-left:14px; padding:0px; margin:10px 20px; text-align:left;}
img.floatLeft {float:left; margin:4px;}
img.floatRight {float:right; margin:4px;}
img.leftlist {float:left; width:180px; margin:4px; padding:5px;}