/***********************/
/*    General          */
/***********************/
 
.clear {clear: both;}
.red {color: #CC0000;}
.hidden {display:none;}
img {border: 0; margin: 0; padding: 0;}
h1 {font-size: 18px;}
h2 {font-size: 14px;margin-bottom:0}
body {text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; margin-top: 0;background-color: #000000;padding:0}
#container {width: 1015px; margin: 0 auto; background-image: url('/images/jf98.jpg'); background-color: #000000;background-repeat: no-repeat;padding:0}
#mainBody {width: 815px; margin: 0  auto; padding-top: 30px;}
#header {height: 180px; }
#mainContent {margin-top: 10px;}
#contentLeft {float: left; width: 568px; margin-right: 15px; text-align: left;}
#prop {float:right;width:1px;height:410px}
#contentRight {float: left; width: 232px;}


/*******************/
#navTop {height: 40px; overflow: hidden; margin-bottom: 10px;}
#navTop ul {list-style-type: none; padding: 0;margin:0;height: 40px; }
#navTop li {float:left;list-style-image:none;padding:0;margin:0 }
#navTop a {padding-top:40px;display: block; font-size: 13px; width: 142px; margin: 0; overflow: hidden; text-decoration: none; background-position: left top;}

#navTop #item1 {background: url('/system/modules/au.com.justfishin/resources/images/home-button.jpg') no-repeat;}
#navTop #item2 {background: url('/system/modules/au.com.justfishin/resources/images/products-button.jpg') no-repeat;}
#navTop #item3 {background: url('/system/modules/au.com.justfishin/resources/images/brands-button.jpg') no-repeat;}
#navTop #item4 {background: url('/system/modules/au.com.justfishin/resources/images/contact-button.jpg') no-repeat;}

#navTop a#item1:hover,#navTop a#item2:hover,#navTop a#item3:hover,#navTop a#item4:hover {background-position:0 -40px} 
#navTop li.active a#item1,#navTop li.active a#item2,#navTop li.active a#item3,#navTop li.active a#item4 {background-position:0 -40px}


/***********************/
/*    Footer 	       */
/***********************/
#footer {padding-top:20px;padding-bottom:30px;clear:both }
#footer p {margin:0;font-size:11px}
#footer a {color:#ffffff;font-size:11px}

#catCol { float: left;margin-bottom:20px;width:232px;margin-right:0}
#catCol h3 {text-transform:capitalize;cursor: pointer; display: block; padding: 8px 0 10px 0 ; font-weight:normal;margin: 0; font-size: 18px; color: white; background-image: url('/system/modules/au.com.justfishin/resources/images/navright.gif'); }
#catCol ul {border-width: 0; margin: 0; padding: 0;background-color:#E7B24C}
#catCol li {list-style: none outside; display: inline; padding:0;text-transform:capitalize;text-align:left}
#catCol li {color: #002775; display: block; text-decoration: none; padding: 6px 0 2px 15px;font-weight:normal;font-size:14px;font-weight:bold;text-align:left}
#catCol li li a {color: #ffffff;padding: 2px 0 2px 0px;font-size:12px;font-weight:normal;text-decoration: none;}
#catCol li a:hover {text-decoration: underline;}
#catCol li.head {}

/***********************/
/*    Catalogue	       */
/***********************/
#catalogue {overflow:visible; border:none; text-align:center}
#catalogue .tileCell {float:left;margin:5px;width: 163px;height:220px; text-align: center; padding: 4px;border:none;background-color:#FFFFFF ;}
#catalogue .tileCell a {color:#333333;font-size:12px} 
#catalogue .tileCell .name {height: 45px; clear: both;overflow:hidden;font-size:11px;color:#666666}
#catalogue .tileCell .price {padding-top: 5px; padding-bottom: 5px; color: #666666;}
#catalogue .tileCell .add {padding-top: 4px; text-align: center;color: #002775;}
#catalogue .tileCell .add a {color: #002775;text-decoration:underline}
#catalogue .tileCell .qohWarning {color: #FF0000;}

#catalogue img {border:3px solid #FFFFFF;}
#catalogue .description {color:#FFFFFF;margin:20px 0;}
#catalogue table {width:100%;text-align:left}
/***********************/
/*    Content 	       */
/***********************/

#contentWrapper {background-image: url('/images/bg-trans.jpg');background-repeat: no-repeat;background-color: #002775;}
#content {float:left;width:548px;padding: 10px 9px 10px 10px;overflow:hidden}
#content a {font-size: 14px; color: #FFFFFF;text-decoration:none}  

div.quickLink {margin-bottom:10px }

#tails img {border: 3px solid #FFFFFF;margin:5px;}

/***********************/
/*    NEWS	       */
/***********************/
div.news {margin-bottom:30px}
div.news div.image {float:left;width:175px;margin-right:10px;}
div.news div.message {float:left;width:363px}
div.news div.message h2 {margin-top:0}
/********************/
/* Form             */
/********************/
div.diaform, .diaform form {text-align: left; clear: both; width: 100%; margin-bottom: 10px;}
.diaform fieldset {border: none; margin: 0 0 20px 0; padding: 0; }
.diaform .legend {font-family: "Times New Roman", Times, serif; min-width: 0; position: relative; margin: 1px; padding: 4px 10px; color: #3A7BAC; font-size: 18px; font-weight: bold;}
.diaform .label {clear: left; width: 150px; padding-left: 50px; color: #0681bb; float: left; vertical-align: top; text-align: left;}
.diaform .inner {float: left; width: 568px; clear: right; display: block; vertical-align: top;}
.diaform ol, .diaform table {margin: 0; padding: 0;}
.diaform li {list-style: none; margin: 0; padding: 3px 10px 3px 10px; line-height: 1.6em;}
.diaform em {font-weight: bold; font-style: normal; color: #f00;}
.diaform .validation {background: #FFFFCC;}
.diaform .mandatory {font-weight: bold; color: #333333; margin-left: 3px;}
.diaform .mandatoryNotice {font-size: 11px; font-style: italic; text-align: right;}
.diaform li.error {color: #ff0000; margin-top: -5px; padding-top: 0; font-size: 11px; line-height: 1em;}
.diaform .clear {clear: both; height: 1px; overflow: hidden;}
.diaform li.heading {border-bottom: 1px solid #C1DAD7; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #6D929B; letter-spacing: 2px; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 10px; }



/***********************/
/*    Button Bar       */
/***********************/
.buttonBar {text-align:center;clear:both;margin: 10px 0}
.buttonBar input {margin: 0 10px;background-color:#E7B24C;color:#FFFFFF;}


#newFeatures {text-align: center;}

#featureScroll, #featureItems {position: relative; overflow: hidden;}
div.items div.page {float: left;}
#featureScroll div.items, div#featureStrip div.items {width: 20000em; position: absolute;}

#newFeatures h2 {padding:8px 0 4px 0;margin:0;font-size:16px;}

#featureScroll {width: 550px; height: 460px; margin-top: 10px;}
#featureScroll div.items div.page {width: 550px; height: 460px;}

#featureStrip {border: 0; margin: 10px 0 10px 0;padding-left:8px }
#featureItems {width: 520px; height: 120px; float:left;	}
#featureItems .page {width: 130px; padding: 0; border: 0; margin:0}
#featureItems img {height: 100px; width: 100px; margin: 0 13px 0 13px; padding: 1px; border: 1px solid #ffffff;background-color:#cccccc}
#featureItems img.active {border: 1px solid #000;}