﻿/* STANDARD NUCLEUS STYLES */
body {font-family: verdana, arial, 
    helvetica; 
    font-size: 10px; 
    color: #000000; 
    height:100%;}
    
th {font-size: 10px; padding: 3px 3px 3px 3px;}
td {font-size: 10px;}
span {margin-top: 0px;margin-left: 0px;margin-right: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal;
	color: #000000;}
span.salesPrice {font-weight: bold;color: #C0013A;}
a img{border: none;}
form {margin: 0px; padding: 0px; display: inline;}

INPUT.textbox{ font-size: 11px; color: black; background-color: #F4EFDB; border-color: #414A6D;  border-style: inset;  border-width: 1px; }
input.submitButton{border:#a0a0a0 1px solid; height: 18px;  color: #000000;  background-color: #F0F0F0;  font-weight: bold; font-family: vernada, Arial, Helvetica; font-size: 10px;	 padding:0px;  padding-left:2px;  padding-right:2px;}

.text {text-align:left;}
.text a {color: #999999; border-bottom:1px dotted #999999; text-decoration: none;}
.text a:hover {color: #aa0000; border-bottom:1px solid #aa0000;}

a {color:#000;}

a.standardlink {font-size:10px; font-weight: normal; text-decoration: none; border-bottom: 1px dotted  #999999; color: #999999;}
a.standardlink:hover {border-bottom: 1px solid #aa0000; color: #aa0000}

.navsearch {}
.leftsubnav {}

/* IDs */
#container  {background-image: url(images/fakeback.gif); background-repeat: repeat-y;}
	#header  {}
	#body  {}
	/*  */
	#main  {padding: 0px 0px 0px 0px;}
	#inmain  {padding: 0px 20px 20px 20px;}
	#footer {}

	
a.level1 {
	text-decoration: none; color: black; display: block; width: 175px; height: 20px; padding: 0px 0px 0px 10px; border-bottom: 1px solid #d0d0d0; border-top: 1px solid white;
	}
a.level1:hover {background-color: #f15923;}

a.level2, a.level2:link, a.level2:visited{
	font-family: verdana,arial,helvetica; font-size: 10px; color: #000000; text-decoration: none; width: 172px; border-top: 1px solid white; display: block;
	padding: 2px 0px 2px 0px;
	background-color: #eeeeee;
	}
a.level2:hover {background-color: #9e9a97;}

a.level3, a.level3:link, a.level3:visited{
	font-family: verdana,arial,helvetica; font-size: 10px; color: #000000; text-decoration: none; width: 172px; border-top: 1px solid white; display: block;
	padding: 2px 0px 2px 0px;
	background-color: #f15923; color: white;

	}
a.level3:hover {background-color: #bebebe;}

#endtoplevel {border-bottom: 0px solid #4f6ca3}
#starttoplevel {border-top: 0px solid #595857}
#startsublevel {border-top: 0px solid #4f6ca3}
#startendtoplevel {border-bottom: 1px solid #990000;}

/* top navigation classes & IDs */
.topnav {color: white;}
.topnav a  {}
.topnav a:hover {}
.topnavon {}
.topnavon a {}

#topnav {width: 100%; color: white;}
#topnav a {font-family: verdana,arial,helvetica; font-weight: bold; text-decoration: none; color: white; margin: 0px 10px 0px 10px; font-size: 10px; padding: 4px;}
#topnav a:hover {text-decoration: underline; color: #f15923;}

/* misc */
.featureImages {float: right;}
.promo {margin-top: 38px; margin-bottom: 15px;}
.feature {
	width: 560px;
	float: left;
	text-align: left;
	border: 0px dotted #D2BD73;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 100px 0px;
	}
	/* position: relative; top:0px; */
.banners {
	width: 175px;
	float: right;
	padding: 0px 0px 0px 15px;
}
.notice {
	background-color: #ffd96e; 
	border-left: 1px solid #000000;	border-right: 1px solid #000000; border-top: 1px solid #000000;
	height: 21px;
	padding: 3px 0px 2px 0px;
	color: #990000;
}


.legal {
	color: #1F2657; 
	font-size: 11px; 
	margin: 8px 0px 0px 0px; 
	font-weight: bold;
	}



.skuqotitle {
	color: #000000; text-decoration: none; font-weight: bold; 
	width: 160px; padding: 2px 0px 2px 6px; text-align: left;
	background-color: #f15923; margin-left: 6px;
	}
.skuqosearch {
	color: #000000; text-decoration: none; font-weight: bold; 
	width: 154px; padding: 2px 2px 2px 2px; margin: 0px 3px 0px 8px;
	background-color: #a7a7a7; 
	}
.skuqofoot {
	color: #000000; text-decoration: none; font-weight: normal; font-size:7px;
	width: 160px; padding: 1px 1px 0px 1px; text-align: right;
	background-color: #BDBCBC; 
	}
.hidden {display: none;}
.visible {display: block;}


/* top of content window */
.fav a {font-size: 9px; line-height: 16px; font-weight:bold; color: #CD5A0F;}

.welcome {font-size: 9px; line-height: 16px; text-align: left; float: left; font-weight:bold; padding-right: 6px;}
.welcome a {color: #000000; border-bottom:1px dotted #000000; text-decoration: none;}
.welcome a:hover {color: #212958; border-bottom:1px solid #6f77a9;}

.tinycart {font-size: 9px; line-height: 16px; text-align: left; float: right; font-weight:bold;}
.tinycart a {color: #000000; border-bottom:1px dotted #000000; text-decoration: none;}
.tinycart a:hover {color: #6f77a9; border-bottom:1px solid #6f77a9;}

/* main content window */
.pagehead {font-size: 14px; line-height: 16px; text-align: right; font-weight:bold; padding: 20px 10px 0px 0px; width: 100%; border-bottom: 1px solid #000000;}

.productFeatureTitleBox {padding: 0px 0px 3px 0px;}
.productFeatureDesc {border-top:1px dotted #A8B8CC; padding-top: 10px;font-size: 9px; line-height: 16px; text-align: left; margin-top: 0px;}

.indlinks {text-align:left; padding: 0px 10px 10px 10px;}

.productFeatureTitle {font-size: 12px; line-height: 16px; text-align: left; font-weight:bold;}
.productFeatureTitle a {color: #393423; text-decoration: none;}
.productFeatureTitle a:hover {color: #393423; border-bottom:1px solid #aa0000;}

.welcome {font-size: 9px; line-height: 16px; text-align: left; float: left; font-weight:bold; padding:8px;}

a.basicLink {font-size: 9px; line-height: 16px; font-weight:bold;color: #1F2657; border-bottom:1px dotted #1F2657; text-decoration: none;}
a.basicLink:hover {font-size: 9px; line-height: 16px; font-weight:bold;color: #aa0000; border-bottom:1px solid #aa0000;}

a.extrasLink {font-size: 11px; line-height: 16px; font-weight:bold;color: #1F2657; border-bottom:1px dotted #1F2657; text-decoration: none;}
a.extrasLink:hover {font-size: 11px; line-height: 16px; font-weight:bold;color: #aa0000; border-bottom:1px solid #aa0000;}

a.imageLink {text-decoration: none;}
a.imageLink:hover {text-decoration: none;}

tr.altRowEven
{
	background-color: #DEDEDE;
}
tr.altRowOdd
{
	background-color: white;
}
td.tableheader
{
	background-color: #DEDEDE;
	font-weight: bold;
}
a.cataloggroup {
	text-align: center;
	color: #999999; text-decoration: none;
	padding: 10px 10px 10px 10px; margin: 2px; 
	border: 1px solid #000000; float: left;
	width: 150px; height: 170px;
	}
a.cataloggroup:hover {color: #000000; background-color: #cecece; border:1px solid #999999; margin: 2px;}

td.productgroup, td.productgroupON {border-color: #999999;}
td.productgroupON {background-color: #cecece;}
td.productgroup a {color: #999999;}
td.productgroupON a:hover {color: #000000;}
	

#bannerside {float: right; width: 258px; padding-top: 10px; position: relative; left: 10px;
background-image: url(images/ban_questions.jpg); background-position: bottom right; background-repeat: no-repeat;}

/* BPM Added */
.error
{
    line-height: 20px;
    padding: 10px;
    color: red;
}

.success
{
    line-height: 20px;
    color: red;
    font-size: 14px;
    border: 1px red dashed;
    display:block;
    padding: 10px;
    margin: 10px;
}
h1 
{
    font-size: 18px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    margin-top: 30px;
}

h3 
{
	color: #f15923;
	text-align: left;
	border-bottom: 1px dotted #D2BD73;
	margin-bottom: 20px;  
	margin-top: 40px; 
}


a.gridlink {font-size:10px; 
    font-weight: normal; 
    text-decoration: none; 
    border-bottom: 1px dotted  #999999; 
    color: #000;}
a.gridlink:hover 
{
    border-bottom: 1px solid #aa0000; 
    color: #aa0000}

.productgrid
{   
    padding: 4px;
    min-width: 480px;
        
}

td.productgrid
{   
    padding: 8px;
        
}
#pagewrapper {height: 100%;}
#topwrapper {width: 770px;}
#contentwrapper {width: 770px; text-align: left; margin-left: auto; 
margin-right: auto; background-color:#ffffff; display:table; min-height:350px;}
#leftnav{float:left; background-color:#ffffff; min-height:350px;}
#rightcol{width: 530px; float:right; background-color:#ffffff; min-height:350px;}
#rightcontent{padding:20px; background-color:#ffffff;}

.gridPager td, td.gridPager, .gridPager a, a.gridPager
{
     padding: 2px; 
    font-size: 14px;    
}

.gridPager span, span.gridPager
{
    padding: 2px; 
    font-size: 14px;
    font-weight: bold;
    color: #f15923;   
}

.catTitle
{
    font-size: 16px;
    font-weight: bold;
   width:90%; margin-top:50px; 
   margin-bottom: 20px; 
   clear:both; border-bottom: 1px solid #ccc;
}
.catTitleNav
{
    color:  #f15923;
    font-size: 12px;
	text-align: left;
	text-decoration: none;
    margin-top:50px; 
    margin-bottom: 20px; 
    clear:both;
}

a.catTitleNav, catTitleNav a
{
    text-decoration: none; 	
    border-bottom: 1px dotted #f15923;   
}

a.catTitleNav:hover, catTitleNav a:hover
{
    text-decoration: none; 	
    color: #000;   
}