/* donaldson resources web design */
/* 109-competitionswimming.com */
/* 1-28-08 drg */


* {
margin: 0px;
padding: 0px;
}

body {
background: #429ad0 url(/client/images/bg.jpg) top center no-repeat;
background-attachment: fixed;
}

h1 {
font: bold 16px/18px Arial, Helvetica, sans-serif;
color: #04347d;
padding: 10px 10px 3px 10px;
}

h2 {
font: bold 14px/18px Arial, Helvetica, sans-serif;
color: #04347d;
padding: 10px 10px 3px 10px;
}

h3 {
font: bold 13px/18px Arial, Helvetica, sans-serif;
color: #04347d;
padding: 10px 10px 3px 10px;
}

p {
font: normal 13px/18px arial, verdana, sans-serif;
color: #000000;
padding: 5px 10px 3px 10px;
}

ul {
list-style-position: outside;
padding: 10px 30px 0px 25px;
}

li {
font: normal 13px/18px arial, sans-serif;
color: #000000;
}

a {
font: normal 13px/18px arial, sans-serif;
color: #04347d;
text-decoration: none;
}
a:hover {
font: normal 13px/18px arial, sans-serif;
color: #cc0000;
text-decoration: underline;
cursor:hand;
}

.MainBody {
width: 800px;
margin: 0px auto;
}

.TopOfPage {
width: 800px;

background: transparent url(/client/images/bigfinish1.jpg) 
}
.TopOfPage:hover {
width: 800px;

background: transparent url(/client/images/bigfinish1.jpg) 10px 10px no-repeat
}

.TopOfPage a {
width: 265px;
height: 76px;
display: block;
float: left;
}

.TopOfPage a span {
display: none;
}

.TopOfPage .buttons {
width: 355px;
height: 45px;
padding: 31px 0px 0px 180px;
display: block;
float: right;
vertical-align: middle;
}

.TopOfPage .buttons a {
width: 45px;
height: 45px;
float: left;
}

.TopOfPage .buttons img, .TopOfPage .buttons input {
float: left;
border: 0px;
}

.TopOfPage .buttons input.search {
padding: 2px 5px;
margin: 10px 0px;
height: 21px;
width: 163px;
border: 1px solid #0f80c3;
background: #ffffff;
color: #333333;
}
.TopOfPage .buttons input.submit {
height: 45px;
width: 45px;
}


/* ::::::: Modified Suckerfish CSS Dropdown ::::::: */

.ToolBar {
background: #ffffff url(/client/images/nav-rpt.gif) top left repeat-x; 
width:800px;
height: 24px;
text-align: center;
}

ul#nav, ul#nav li ul { /* all lists */
list-style: none;
text-align: center;
padding: 0;
margin: 0;
}

ul#nav li a { /*main links*/
font: bold 12px arial, sans-serif;
color: #cc0000;
height: 24px;
line-height: 24px;
display: block;
text-decoration: none;
}

ul#nav li a:hover {
font: bold 12px arial, sans-serif;
background: #2a6285;
color: #ffffff;	
height: 24px;
line-height: 24px;
display: block;
text-decoration: none;
}

ul#nav li { /* all list items */
float: left;
position: relative;
width: 160px;
}

ul#nav li ul { /* second-level lists */
background: #ffffff url(/client/images/dropdown-bg.gif) bottom left repeat-x;
border-right: 1px solid #439ad0;
border-bottom: 1px solid #439ad0;
border-left: 1px solid #439ad0;
display: none;
position: absolute;
width: 158px;
}

ul#nav li ul li {
width: 158px;
float: left;
position: relative;
}

ul#nav li ul li a { /*sub links */
color: #00225a;
width: 158px;
}

ul#nav li ul li a:hover {
background: #439ad0;
color: #00225a;
width: 158px;
}

ul#nav li>ul#nav ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

ul#nav li:hover ul, ul#nav li.over ul { /* lists nested under hovered list items */
display: block;
}
/*----------------------------------------------------------------*/

.productnav {
background: url(/client/images/productnav.gif) top left no-repeat;
padding: 0px 0px 0px 335px;
height: 43px;
}

.productnav a {
background: #FFFFFF;
width: 109px;
height: 34px;
color: #000000;
display: block;
padding: 3px;
float: left;
margin: 0px 1px 0px 0px;
}
.productnav a:hover {
background: #dcedf7;
width: 109px;
height: 34px;
color: #000000;
display: block;
padding: 3px;
float: left;
margin: 0px 1px 0px 0px;
}
.Quest
{
	font-weight:700;
}
.InnerBody {
xfloat: right;
width: 800px;
padding-top: 10px;
background-color:white;
}

.LeftMargin {
float: left;
width: 240px;
margin: 20px 10px 10px 10px;
padding: 0px;
}

.LeftMargin p {
color: #ffffff;
}

.LeftMargin img {
border: 0px;
margin: 5px 0px;
}


.flash {
background: url(/client/images/flash.jpg) top left no-repeat;
width: 400px;
height: 297px;
float: left;
padding: 0px 0px 10px 400px;
margin: 10px 0px 0px 0px;
border: #0f80c3 solid;
border-width: 0px 0px 1px 0px;
}

.productbox {
border: 2px solid #cc0000;
background: url(/client/images/white-trans.png) repeat;
width: 100px;
height: 125px;
display: block;
float: left;
padding: 5px;
margin: 5px;
}

.productbox p {
font: italic 12px/16px Arial, Helvetica, sans-serif;
color: #000000;
padding: 10px 0px;
}

.content {
width: 240px;
padding: 10px 0px 20px 20px;
float: left;
}
.HomeHeadline {
padding: 330px 25px 5px 22px;
}
.SiteFooter {
clear: both;
padding: 5px 0px 0px 0px;
border: #0f80c3 solid;
border-width: 1px 0px 0px 0px;
}

.SiteFooter p {
text-align: center;
}

.SiteFooter p a, .SiteFooter p a:hover {
padding: 0px 20px;
font-style: normal;
}

.Footer {
text-align: center;
width: 800px;
margin: 0px auto;
padding: 20px 0px 0px 0px;
}

.Footer p {
font-size: 11px;
color: #666666;
}
.Footer a {
font-size: 11px;
}

/*****Product Catalog Styles*****/

.ProductWrap {
width: 520px;
margin: 10px 0px 10px 0px;
display: block;
clear:both;
}
.ProductName {
width: 500px;
padding-bottom: 0px;
clear: both;
}

a.ProductNameButton {
font: bold 14px/18px Arial, Helvetica, sans-serif;
color: #04347d;
}
a.ProductNameButton hover {
font: bold 14px/18px Arial, Helvetica, sans-serif;
color: #04347d;
}


a.ProductCodeButton {
font: bold;
}

a.ProductCodeButton hover{
font: bold;
}

.ProductWrap img {
border: 1px solid #000099;
}
.ProductImage { /*leftside content*/
width: 200px;
margin: 40px 10px 50px 0px;
text-align:center;
display: block;
float: left;
}
.ProductDetail { /*rightside content*/
width: 300px;
margin: 0px 10px 50px 0px;
text-align: left;
display: block;
float: left;
}
.BuyButtonWrap { /*productlisting page*/
margin: 10px 0px 0px 10px;
}
/*Put in by Jim davis For shipping Table*/
.ShipTable
{
	width:500px
}
.ShipTable TH
{
	text-align:left;
}

.FitTable {
width: 600px;
background: #fff;
border: 1px solid #04347d;
margin: 30px;
font: normal 11px/15px verdana, sans-serif;
}
.FitTable th {
background: #ddd;
text-align: left;
padding: 2px 5px 2px 5px;
color: #04347d;
}
.FitTable td {
border: 1px solid #ccc;
background: #fff;
text-align: center;
}

.FitChart {
padding: 0px 30px;
}