/* 
	IMPORTANT!!!!!
	!!!===== All css must begin with .Site with the exception of BODY and #mainTable =====!!!
	!!!===== This ensures no styling is applied to the AdminSystem =====!!!
*/

BODY
{
	margin:0;
}

.Site TABLE
{
	WIDTH: 100%;
}
.Site TABLE TD
{
    PADDING: 0;
    VERTICAL-ALIGN: top;
}
.Site TABLE TH
{
    TEXT-ALIGN: left
}
.Site FORM
{
	margin:0;
}
.Site .list
{
    MARGIN-BOTTOM: 5px;
    margin-left:1px;
    PADDING: 5px 0;
}
.Site .list H3
{
    MARGIN-TOP: 0;
    MARGIN-BOTTOM: 5px
}
.Site .list H4
{
    MARGIN: 0px
}
.Site .list IMG.thumbnail
{
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 10px
}
.Site .list P
{
	MARGIN: 3px 0;

}
.Site .detail IMG.picture
{
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 15px
}

.Site .tl
{
	padding:0;
    margin:0;
    width:auto !important;
}
.Site .tr
{
	padding:0;
    margin:0;
    width:auto !important;
}
.Site .tr h2
{
    padding:0;
    margin:0;
    width:auto;
}
.Site .box .content
{
    width:auto !important;
}
.Site .box table.content
{
    width:100% !important;
}

.Site .content img
{
	margin:5px;
}

.Site .content table td
{
	padding:3px;
	text-align:center;
}
.Site .content form table td
{
	text-align:left;
}
.Site #footer, #header
{
    padding: 5px 0;
}
.Site #footer
{
	clear:both;
}
.Site .morelink
{
    TEXT-ALIGN: right
}
.Site .backlink
{
    TEXT-ALIGN: right
}
.Site .stepper
{
    PADDING:3px 5px;
    width:auto !important;
}
.Site .stepper P
{
    MARGIN: 0px;
    TEXT-ALIGN: right;
}
.Site TABLE.documentTable TD.cell
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
}
.Site TABLE.documentTable TH.heading
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
}
.Site .template
{
	padding-left:1px;
}
.Site #template_Sub_Page_Listing #footer
{
    padding: 24px 0;
}
.Site .subPageList
{
	margin:0;
	padding:0;
}
.Site .subPageList a
{
	display:block;
}
.Site .subPageTitle a
{
	display:block;
}
.Site .subPageTitleThumb img
{
	display:block;
}
.Site .SubPages img.thumbnail
{
	float:right;
}
.Site .SubPages ul,
.Site .SubPages li
{
	width:160px;
	float:left;
}
.Site .SubPages div.logo
{
	float:left;
	width:40px;
}
.Site .SubPages .details
{
	margin-left:40px
}
.Site .SubPages h3.subPageTitle
{
	margin-bottom:5px;
}
/* ################################### Site IDs ################################# */

#mainTable
{
    line-height:1.2;
	margin:auto !important;
	background:#fff;
}
.Site #mainHeader,
.Site #mainMenuContainer,
.Site #mainLayoutContainer,
.Site #mainFooterInner
{
	width:960px;
	margin:auto;
}
.Site #mainLayoutContainer
{
	padding-top:12px;
}
.Site #mainFooterInner
{
	padding-top:28px;
}
.Site #featureImage
{
	width:984px;
	margin:auto;
	margin-top:-6px;
	margin-bottom:8px;
}
.Site #mainHeader
{
	position:relative;
}
.Site #location
{
	width:760px;
}

.Site #logo
{
	width:200px;
	margin-left:11px;
	margin-top:10px;
	margin-bottom:11px;
}
.Site #topNav  
{   
    padding:0;
    text-align:left; 
    margin-top:0;
    margin-bottom:4px;
    padding-top:0;
    position:absolute;
    right:0;
    bottom:4px;
    padding-right:16px;
}
.Site #topNav a 
{ 
     padding: 0 0 0 12px;
     margin: 0;
     white-space:nowrap;
}
.Site #topNav ul 
{
     margin:0;
}
.Site #topNav ul li
{ 
    display:inline;
    margin: 0; 
    padding-right:4px;
    padding-left:1px;
}
.Site #topNav ul li.last
{ 
    display:inline;
    margin: 0; 
    padding-right:0;
    padding-left:1px;
}
.Site #featureImage
{
	position:relative;
	z-index:1;
}
.Site #featureImageText
{
	position:absolute;
	right:0;
	top:116px;
	z-index:999 !important;
	padding-left:27px;
	padding-top:9px;
	padding-bottom:7px;
	padding-right:54px;
	width:404px;
}
.Site #featureImageText p
{
	padding-left:4px;
	padding-top:2px;
}
.Site #featureImageText a
{
	padding-left:16px !important;
	margin-left:3px;
}

.Site .FeatureList h2
{
	margin-bottom:13px !important;
}
.Site .FeatureList .cols2 .listItem
{
	width: 128px !important;
}
.Site .FeatureList .featureTitle
{
	padding-left:28px;
	margin-bottom:6px;
}
.Site .FeatureList .listItem
{
	padding:13px 7px 4px 10px;
}
.Site .cols2 .listItem
{
	WIDTH: 460px;
}
.Site .cols3 .listItem
{
	WIDTH: 304px;
}
/* ################################## Menu setup ################################### */

.Site #mainMenuContainer
{
	padding-left:0;
	width:960px;
}
.Site #mainMenuInner
{
	height:6px;
	position:relative;
}
.Site #mainMenu
{
	display:block;
	z-index:99;
}
.Site #mainMenu ul 
{	
	border-left:none;
	border-right:none;
	width:960px;
	margin: 0;
	padding:0;
	padding-top:3px;
}
.Site #mainMenu ul ul
{
	padding-top:2px;
}
* html .Site #mainMenu ul /*this hack fixes the broken box model*/
{
	width:760px;
}
.Site #mainMenu li
{
	position: relative;
	float:left;
	z-index:99;
	padding-right:7px;
	margin-top:4px;
	margin-bottom:-1px;
}
.Site #mainMenu ul a
{
	margin:0;
	float:left;
	line-height:160%;
	white-space:nowrap;
	padding-top:5px;
	padding-bottom:9px;
	margin-left:8px;
	padding-right:9px;
}

.Site #mainMenu li .dropDown
{
	margin-top:0;
	padding:0;
	position: absolute; 
	top:22px !important;
    left:-3px !important;
    display:none;
    z-index:100;
    width:386px;
    padding-top:14px;
}
.Site #mainMenu li ul
{
	width:197px;
	float:left;
}
/*.Site #mainMenu li:hover .dropDown
{
	display: block;
}*/
.Site #mainMenu li ul ul,
.Site #mainMenu li:hover ul ul
{
  position: absolute; 
  top: 26px !important;
  left: 203px !important;
  display: none;
}
.Site #mainMenu li ul a
{
	display:block;
	position:relative;
	text-align:left;
	width:197px;
	padding:0 3px 0 12px;
	line-height:normal;
	height:1%;
}
.Site #mainMenu li ul span
{
	display:block;
}
.Site #mainMenu li li
{
	padding-left:6px;
	padding-right:7px;
	margin:0;
	height:1%;
	display:block;
	width:197px;
	padding-bottom:9px;
}
.Site #mainMenu li li.first
{
	padding-left:4px;
}
.Site #mainMenu li ul li.first a
{
	padding-top:5px;
}
.Site #mainMenu li li.last
{
	padding-bottom:6px;
}
.Site #mainMenu .shortDescription
{
	color:#656565;
	font-size:80%;
}
.Site #mainMenu .menuItemImage
{
	float:right;
	margin-top:37px;
	margin-right:3px;
}
.Site #mainMenu h4
{
	display:block;
}
.Site #mainMenu .dropDownBottom
{
	height:20px;
	width:386px;
}
.Site #mainMenu .dropDownInner
{
	position:relative;
	padding-left:12px;
	padding-right:25px;
	padding-top:7px;
	z-index:102;
}
.Site #mainMenu .dropDownInner a
{
	border-bottom:solid 1px #d2d2d2;
	color:#383838;
	padding-top:0;
	padding-bottom:10px;
}
.Site #mainMenu .dropDownInner .first a
{
	padding-left:0;
	border-bottom:none;
}
.Site #mainMenu .dropDownTop
{
	height:3px;
	margin-left:3px;
	margin-right:3px;
	z-index:102;
}
.Site #mainMenu ul a span.navTab-tl
{
	top:0;
	height:36px;
	left:0;
	position:absolute;
	width:8px;
}
/* ################################## Sub Menu setup ################################### */

.Site #prodSubMenu li
{
	width:148px;
	height:42px;
	display:block;
	float:left;
	margin-left:10px;
}
.Site #prodSubMenu li.firstmenu
{
	margin-left:0;
}
.Site #prodSubMenu a
{
	display:block;
	padding-top:11px;
	padding-left:12px;
	padding-bottom:13px;
}
.Site #productTabs #prodSubMenu a
{
	padding-top:8px;
	font-size:115%;
}
.Site #productTabs #prodSubMenu li
{
	margin-left:16px;
}
/* ======================== */

.Site #mainLayout
{
	line-height:1.6;
}

.Site .template
{
	padding-left:11px;
}
.Site .template ul
{
	margin:0;
}
.Site #mainFooter
{
    MARGIN:0 !important;
    padding:0 !important;
}
.Site #mainFooter .column1,
.Site #mainFooter .column2,
.Site #mainFooter .column3,
.Site #mainFooter .column4
{
	padding-right:22px;
	float:left;
}
.Site #mainFooter .column1
{
	width:140px;
}
.Site #mainFooter .column2
{
	width:287px;
}
.Site #mainFooter .column3
{
	width:138px;
}
.Site #mainFooter .column4
{
	padding-right:0;
	width:307px;
}
.Site #mainFooter .column4 td
{
	width:170px;
}
.Site #mainFooter ul li
{
	padding-bottom:8px;
}
/* ======================== */


.Site TABLE#subPageTable .col1
{
    WIDTH: 30%;
}
.Site TABLE#subPageTable .col2
{
    WIDTH: 40%;
}
.Site TABLE#subPageTable .col3
{
    WIDTH: 30%;
}
.Site TABLE#subPageTable TH.heading
{
    PADDING: 5px;
}
.Site TABLE#subPageTable TD.cell
{
    PADDING:5px;
    VERTICAL-ALIGN: middle;
}
.Site #template_Products_Grouped .backlink
{
    clear:right;
    PADDING-RIGHT: 2%;
    PADDING-LEFT: 2%;
    PADDING-BOTTOM: 2%;
    WIDTH: 96%;
    PADDING-TOP: 2%;
    TEXT-ALIGN: right;
}

.Site #template_sitemap
{
	margin-left:10px;
}
.Site #template_sitemap ul
{
	margin:0;
	padding:0;
	line-height:1.8;
}
.Site #template_sitemap li
{
	padding-bottom:1em;
}
.Site #template_sitemap ul a
{
	padding-left:10px;
}
.Site #template_sitemap ul ul 
{
	line-height:1.5;
}
.Site #template_sitemap ul ul li
{
	padding:0;
}
.Site #template_sitemap ul ul a
{
	padding-left:20px;
}
.Site #template_sitemap ul ul ul a
{
	padding-left:20px;
}
.Site #template_sitemap ul ul ul ul a
{
	padding-left:20px;
}

.Site TABLE#productList
{
    MARGIN-TOP: 10px;
    MARGIN-BOTTOM: 10px
}
.Site TABLE#productList td img
{
    float:none;
    text-align:center !important;
}
.Site TABLE#productList TD.list
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
}

.Site .dropdown, 
.Site .textarea, 
.Site .textbox,
.Site .textBox,
.Site .required
{
    WIDTH:380px !important;
    font-size:1em;
}

.Site .formMainTable td,
.Site .formMainTable th
{
   padding: 5px;     
}
.Site .form TD
{
	padding:2px 0px;
}
.Site DD
{
	PADDING-LEFT: 0px;
	MARGIN-LEFT: 0px
}
.Site #mainTitle
{
    MARGIN-top:13px;
}
.Site #mainTitle H1
{
	MARGIN: 0;
    font-size:150%;
    padding:30px 10px 10px 20px;
}
.Site a#eonicLink
{
	margin-top:5px;
	margin-bottom:10px;
}
.Site .SubPages .terminus
{
	clear:right;
}
.Site .terminus
{
	line-height:0;
	font-size:0;
}
.Site #productHeader
{
	margin-top:-8px;
}
.Site #productHeaderInner
{
	position:relative;
	width:960px;
	margin:auto;
	padding-top:30px;
	height:424px;
}
.Site #productHeader .col2wrapper
{
	position:absolute;
	bottom:67px;
	left:0
}
.Site #productHeaderInner .column1
{
	width:300px;
	float:left;
}
.Site #productHeaderInner .column2
{
	margin-left:327px;
	width:468px;
}
.Site #productHeader #prodSubMenu
{
	margin-left:317px;
	padding-top:21px;
}
.Site .col2wrapper h1 
{
	margin-bottom:5px;
}
.Site #template_2_Columns div#column1,
.Site #template_2_Columns div#bottomColumn1
{
	width:450px;
	float:left;
}
.Site #template_2_Columns div#bottomColumn1
{
	padding-right:20px;
}
.Site #template_2_Columns div#column2
{
	margin-left:480px;
}
.Site #template_2_Columns div#bottomColumn2
{
	margin-left:490px;
}
.Site #template_2_Columns_66_33 div#column1 
{
	width:609px;
}
.Site #template_2_Columns_66_33 div#column2
{
	margin-left:639px;
}
.Site #template_3_Columns #column1,
.Site #template_3_Columns #column2
{
	float:left;
	width:281px;
}
.Site #template_3_Columns #column2
{
	margin-left:52px;
}
.Site #kobayashiProduct #template_3_Columns #column2
{
	margin-left:16px;
	padding-left:16px;
}
.Site #kobayashiProduct #template_3_Columns #column3
{
	margin-left:617px;
	padding-left:16px;
}
.Site #kobayashiProduct #middle h2
{
	margin-bottom:13px;
	font-size:140%;
}
.Site #template_3_Columns #column3
{
	margin-left:647px;
}
.Site #template_3_Columns_50_25_25 #column1
{
	width:460px;
}
.Site #template_3_Columns_50_25_25 #column2
{
	width:230px;
}
.Site #template_3_Columns_50_25_25 #column3
{
	margin-left:730px;
}
.Site #template_3_Columns_25_25_50 #column1
{
	width:230px;
}
.Site #template_3_Columns_25_25_50 #column2
{
	width:230px;
}
.Site #template_3_Columns_25_25_50 #column3
{
	margin-left:500px;
}
.Site #header div.module
{
	margin-bottom:4px;
}
.Site .nopadding
{
	padding:0 !important;
	line-height:0;
	font-size:0;
	background-color:transparent !important;
	background-image:none !important;
}


/*Product Tab Styling */

.Site #productMenu ul
{
	display:block;
	width:956px;
	margin-left:2px;
	padding-left:0 !important;
}
.Site #productMenu li
{
	height:53px;
}
.Site #productMenu li a,
.Site #productMenu li
{
	display:block;
	float:left;
	cursor:pointer;
}
.Site #productMenu li a
{
	padding-right:26px;
	padding-bottom:11px;
	padding-left:16px;
	padding-top:13px;
}
.Site #productMenu li a.tabCurrent
{
	padding-bottom:13px;
}
.Site #productTabs .content
{
	margin-left:3px;
	padding-right:20px;
}
.Site .contentClose
{
	display:none
}
.Site .contentOpen
{
	display: block;
	min-height: 170px;	
}
.Site #productTabs .content td
{
	text-align:left;
	width:50%;
	padding-left:10px;
}
.Site #productTabs .content .tabbedThumb
{
	width:272px;
	float:left;
	text-align:center;
	padding-top:20px;
	margin-left:20px;
}
.Site #productTabs .content .tabbedDetail
{
	margin-left:292px;
	padding-top:26px;
}
.Site #kobayashiProduct #middle
{
	padding-bottom:30px;
}
.Site #productHeaderInner .column1
{
	text-align:center;
}
