
/* GENERAL CSS RESET STYLES */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; 	padding: 0; border: 0; 	outline: 0; }
/* remember to define focus styles! */
/* fix for ff3 outline */
a { outline: none }
/* end fix for ff3 outline */
:focus { outline: 0; }
body { line-height: 12px; color: black; background-color: white; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
ol, ul { 	list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
blockquote { margin: 1em 40px 1em 40px !important; }
/* LINK CSS */

 a { outline: 0px none;}
 a:link { outline: 0px none; }  
 a:visited{  outline: 0px none; }  
 a:active  { outline: 0px none; }
 a:hover { outline: 0px none;  }  

/* H1 -> H2 Tags */
 h1 { font-size: 30px; font-weight: normal; }  
 h2 { font-size: 24px; font-weight: normal; }  
 h3 { font-size: 18px; font-weight: normal; }  
 h4 { font-size: 12px;  font-weight: normal; }  
 h5 { font-size: 11px; font-weight: normal; }  
/* end of header styles */
/* INPUT ITEMS TEXT, IE7 HAS Border: 2px all around and PADDING 1px ALL AROUND. FIREFOX DOES NOT HAVE THE LEFT ADN RIGHT PADDING */
input { padding: 0px; margin: 0px; border: 0px; }
textarea { padding: 0px; margin: 0px; border: 0px; }
/* iwiImages MUST HAVE DISPLAY BLOCK TO PREVENT IE6 FROM DISPLAYING A 2-3 PX BUG */
img { display: block; }
/* end of other weird bugs discovered category */
/* END OF RESET STYLES CSS */

/* USEFULL GENERAL CSS CLASSES ALWAYS USED */
.floatLeft { float: left; }
.floatRight { float: right; }
.clearfix:after { content: " ";  clear: both;  height: 0px; padding: 0px; margin: 0px; display: block; visibility: hidden; }
.clearfix { zoom: 1;}
.clear, #pageWrap .clear { float: none; clear: both; overflow: hidden; height: 0px; padding: 0px; margin: 0px; }
.noMargins { margin: 0px 0px 0px 0px; }
.noPadding { padding: 0px 0px 0px 0px; }
.noMarginsOrPadding { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
/* CLASSES EDITED AT EACH PAGE CREATION  == ACTUAL CSS FILE HERE */

/* smallest size at the top, largest at the bottom */
.size1 {}
.size2 {}
.size3 {}
.size4 {}
.size5 {}
.size6 {}
.size7 {}
.size8 {}
.size9 {}
/* end custom size classes*/

body { background-image: url("./../iwiImages/pageBgTop.jpg"); background-repeat: repeat-x; background-attachment: center top; background-color: #667D45;}
#pageWrap { width: 962px; margin: 0px auto; padding-bottom: 20px;}
.headerTop { background-image: url("./../iwiImages/headerBg.jpg"); background-repeat: no-repeat; background-position: left top; padding-top: 15px; height: 289px;}
.headerTop h1 { text-align: right; font-family: Georgia, Arial, Helvetica; color: #fff; font-weight: bold; font-size: 24px; line-height: 30px;}
.headerTop p { text-align: right; font-family: Georgia, Arial, Helvetica; color: #fff; font-size: 13px; line-height: 17px;}
.headerImage { width: 962px; height: 280px; position: relative;}
.headerImage .lightBg { position:absolute; background-image: url("./../iwiImages/whiteShade.png"); background-repeat: no-repeat; background-position: left top; height: 60px; width: 962px; z-index: 9999; bottom: 0px;}
.headerImage .lightBg ul { padding-top: 20px; padding-left: 20px; }
.headerImage .lightBg ul li {  float: left; }
.headerImage .lightBg ul li a { float: left; background-image: url("./../iwiImages/emptySkid.png"); width: 20px; background-repeat: no-repeat; background-position: center top; height: 24px;}
.headerImage .lightBg ul li a.active { background-image: url("./../iwiImages/fillSkid.png"); background-repeat: no-repeat; background-position: center top;}
.headerImage .lightBg img { float: right; margin-top: 6px; margin-right: 10px; display: inline;}
.content { background-image: url("./../iwiImages/bgContent.jpg"); background-repeat: repeat-y; background-position: left top;}
.content .bgTop { background-image: url("./../iwiImages/bgTop.jpg"); background-repeat: no-repeat; background-position: left top; width: 962px; padding-bottom: 20px;}

.leftSideContent { width: 618px; background-repeat: no-repeat; background-position: right center; background-image: url("./../iwiImages/sideBar.png"); padding-top: 5px;}
.leftSideContent .sepBar { width: 578px; margin: 0px auto; background-image: url("./../iwiImages/applePie.jpg"); background-repeat: no-repeat; background-position: right top;}
.leftSideContent h1 { font-size: 32px; line-height: 40px; font-family: Georgia, Arial, Helvetica; padding-bottom: 15px; background-image: url("./../iwiImages/smallSep.png"); background-repeat: no-repeat; background-position: center bottom; margin-bottom: 15px; padding-top: 5px;}
.leftSideContent p.b { font-size: 17px; line-height: 23px; font-family: Georgia, Arial, Helvetica; margin-bottom: 15px;}
.leftSideContent ul { }
.leftSideContent ul li { padding-left: 20px; background-image: url("./../iwiImages/redStuff.png"); background-repeat: no-repeat; background-position: left 5px; font-size: 13px; line-height: 17px; margin-bottom: 10px;}
.leftSideContent p { font-size: 13px; line-height: 15px;}
.bottomArea {margin-top: 15px;  padding-top: 15px; background-image: url("./../iwiImages/largeNub.png"); background-repeat: no-repeat; background-position: center top;}
.pictures {  float: left; width: 348px;}
.cert { float: right; display: inline; margin-right: 30px; background-image: url("./../iwiImages/sep2.png"); background-repeat: no-repeat; background-position: left center; padding-left: 40px;}
.cert img { margin: 0px auto;}
.cert h2 { font-size: 27px; line-height: 40px; font-family: Georgia, Arial, Helvetica; margin-bottom: 10px;}
.leftSideContent .pictures li { padding-left: 0px; background-image: none; float: left; margin-bottom: 7px; margin-right: 7px; display: inline;}
.leftSideContent .pictures h2 { font-size: 27px; line-height: 40px; font-family: Georgia, Arial, Helvetica; margin-bottom: 10px;}

.rightSide { width: 325px; padding-top: 5px; padding-right: 15px;}
.rightSide .news { width: 325px; background-image: url("./../iwiImages/news.jpg"); background-repeat: no-repeat; background-position: 230px 5px; margin-bottom: 15px;}
.rightSide .news h1 {  font-size: 32px; line-height: 40px; font-family: Georgia, Arial, Helvetica; padding-bottom: 15px; background-image: url("./../iwiImages/smallSep.png"); background-repeat: no-repeat; background-position: center bottom; margin-bottom: 15px; padding-top: 5px;}
.rightSide .news div.clearfix { padding-bottom: 20px; background-image: url("./../iwiImages/newsSectionDivider.png"); background-repeat: no-repeat; background-position: center bottom; margin-bottom: 10px; }
.rightSide .news div.clearfix img { float: left;}
.rightSide .news div.clearfix div.floatLeft { width: 232px;}
.rightSide .news div.clearfix div.floatLeft p { padding-left: 0px;}
.rightSide .news h3 { font-size: 12px; font-weight: bold; color: #527f17; line-height: 14px;}
.rightSide .news .news-content { line-height: 14px;}
.rightSide .news .news-content a { color: #bd523d; font-weight: bold; text-decoration: none;}
.rightSide .contact { width: 325px; background-image: url("./../iwiImages/telephone.jpg"); background-repeat: no-repeat; background-position:  230px 0px;}
.rightSide .contact h1 { font-size: 32px; line-height: 40px; font-family: Georgia, Arial, Helvetica; padding-bottom: 10px; margin-bottom: 0px; padding-top: 15px;}
.rightSide .contact  p { font-family: Georgia, Arial, Helvetica; font-size: 15px; line-height: 17px; font-weight: bold; color: #ba4e3a; margin-bottom: 15px;}

.footer { padding: 10px; background-color: #516832; }
.footer p { line-height: 18px; color: #fff;}
.footer p.floatLeft a { color: #fff; text-decoration: none; font-size: 11px; margin: 0px 10px;}
.footer p.floatLeft a:hover, .footer p.floatLeft a:focus { color: #f1c362;}
.footer p.floatLeft a:first-child { margin-left: 0px;}
.footer p.floatRight a { color: #fff; font-weight: bold; text-decoration: none;}
.subpage .headerImage { height: 125px;}
.subpage .headerImage h1 { position: absolute; margin-top: 10px; line-height: 40px; font-size: 32px; font-family: Georgia, Arial, Helvetica; color: #ffffff; padding-left: 30px; }
.subpage .headerImage p { float: left; padding-top: 23px; font-size: 11px; line-height: 15px; padding-left: 26px; }
.subpage .headerImage p a.prev { color: #527f17; text-decoration: none; font-weight: bold;}
.subpage .headerImage p a.this { color: #000; font-weight: bold; text-decoration: none;}
.subpage .leftSideContent { width: 668px;}
.subpage .leftSideContent .sepBar { width: 628px;}
.subpage .leftSideContent h1 { background-image: url("./../iwiImages/largeNub.png"); background-repeat: no-repeat; background-position: left bottom; padding-top: 5px; padding-bottom: 20px;}
.subpage .leftSideContent ol { list-style-type: decimal; list-style-position: outside; padding-left: 15px; margin-top: 15px; font-weight: bold;}
.subpage .leftSideContent ol li { margin-top: 5px;}
.subpage .leftSideContent ol li span { font-weight: normal;}
.subpage .leftSideContent table tr td { border: 0px;}
.subpage .leftSideContent .sepBar p { margin-top: 16px;}
.subpage .rightSide { width: 275px;}
.subpage .rightSide .contact h1 { background-image: url("./../iwiImages/newsSectionDivider.png"); background-repeat: no-repeat; background-position: center bottom;}
.subpage .rightSide .contact p { color: #000; font-size: 16px; font-weight: normal;}
.subpage .rightSide .otherLinks { background-image: url("./../iwiImages/tomato.jpg"); background-repeat: no-repeat; background-position: right top; margin-bottom: 10px;}
.subpage .rightSide .otherLinks h1 {   font-size: 32px; line-height: 40px; font-family: Georgia, Arial, Helvetica; padding-bottom: 20px; padding-top: 5px; background-image: url("./../iwiImages/newsSectionDivider.png"); background-repeat: no-repeat; background-position: center bottom; margin-bottom: 15px;  }
.subpage .rightSide .otherLinks ul { }
.subpage .rightSide .otherLinks ul li { padding: 10px 0px; background-image: url("./../iwiImages/smallSep.png"); background-repeat: no-repeat; background-position: center bottom;}
.subpage .rightSide .otherLinks ul li a{ background-image: url("./../iwiImages/redStuff.png"); background-repeat: no-repeat; background-position: left 4px; color: #000; font-size: 13px; 	text-decoration: none; padding-left: 20px;}
.subpage .rightSide .otherLinks ul li a:focus, .subpage .rightSide .otherLinks ul li a:hover { color: #c74a30;}
.subpage .rightSide .contact { width: 275px; background-position: 200px 10px;}

.alternateSub { }
.alternateSub .leftSideContent { width: 962px; background-image: none;}
.alternateSub .leftSideContent .sepBar { width: 926px; margin: 0px auto;}
.alternateSub .leftSideContent .sepBar h1 { background-image: url("./../iwiImages/hugeLarge.png"); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 30px; padding-top: 20px;}

/* Chart */
.calendar { background-image: url("./../iwiImages/calendar/calendarBg.jpg"); background-repeat: no-repeat; background-position: right top; height: 264px; margin-bottom: 25px;}
.calendar ul { padding-top: 25px;}
.calendar ul li { background-image: none;  text-align: right; font-weight: bold; margin-bottom: 1px;}
.calendar ul li a { display: block;  padding-top: 6px; padding-bottom: 6px; color: #000; text-decoration: none;}
.calendar ul li a span { display: block; width: 125px;}

.wholesale { }
.wholesale div { border: 1px solid #c7c9bf; border-top: 0px; width: 76px; float: left;}
.wholesale h3 { font-size: 14px; line-height: 18px; font-weight: bold; font-family: "Arial Narrow", Arial, Helvetica; height: 46px; padding: 0px 7px; border-bottom: 2px solid #bfbeb8;}
.wholesale div ul { padding: 7px;}
.wholesale div ul li { padding: 0px; background-image: none; font-size: 11px;}


.wholesale2 {  padding-left: 150px; }
.wholesale2 div { border: 1px solid #c7c9bf; border-top: 0px; width: 76px; float: left;}
.wholesale2 h3 { font-size: 14px; line-height: 18px; font-weight: bold; font-family: "Arial Narrow", Arial, Helvetica; height: 46px; padding: 0px 7px; border-bottom: 2px solid #bfbeb8;}
.wholesale2 div ul { padding: 7px;}
.wholesale2 div ul li { padding: 0px; background-image: none; font-size: 11px;}

.lightBg a.absPos { height: 60px;  position: absolute; z-index: 100000; background-image: url("./../IWIimages/blank.gif");}
.lightBg a.a1 { width: 66px; right: 465px;}
.lightBg a.a2 { width: 60px; right: 405px;}
.lightBg a.a3 { width: 40px; right: 360px;}
.lightBg a.a4 { width: 40px; right: 310px;}
.lightBg a.a5 { width: 60px; right: 240px;}
.lightBg a.a6 { width: 40px; right: 195px;}
.lightBg a.a7 { width: 190px; right: 0px;}
