body {
    background-color: #ECEFF3;
    font-family: arial, helvetica, sans-serif;
    font-size: 10pt;
    margin: 0 auto;
    padding: 0;
	width: 100%;
    }

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

a:link {
    color: #990000;
    text-decoration: none;
    }

a:visited {
    color: #990000;
    text-decoration: none;
    }

a:hover {
    color: #FF0000;
    text-decoration: none;
    }

a:active {
    color: #FF0000;
    text-decoration: none;
    }

h1 {
    font-size: 14pt;
    font-weight: bold;
    }

h4 {
    font-size: 12pt;
    font-weight: bold;
    margin: 0px;
    }


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0;
}

img { max-width: 100%; }

#page { width: 100%; margin: 0 auto; }

#siteheader {
    background-color: #FFFFFF;
    text-decoration: none;
	width: 100%;
	margin: 8px 0;
    }
#siteheader a { vertical-align: middle; }
#siteheader img { vertical-align: middle; }

#inhead { 
	width: 100%;
	margin: auto; 
	text-align: center;
}

#topleft { float: left; display: inline-block; padding-left: 6px; }
#topright { float: right; display: inline-block; }


#inhead h1 { text-align: center; margin: 0px 0px 0px 16px; padding: 0px 0px 0px 16px; font-family: Verdana; font-style: italic; }

#pagecontainer { width: 100%;  margin: 0 auto; }

.homesearch h1{text-align:center; font-size:18pt;}
.homesearchform {display:block; width:450px; height:200px; background-image:url(search-background.png); background-repeat:no-repeat;}
.homesearchform div {padding:100px 10px 10px 10px;}
.homesearchtxt {height:22px; color:#666; text-align:center; margin-right:2px;}



.wrap{
    max-width: 1400px;
    margin: 0 auto;
    padding: 1em;
}

.wrap:after {
    content: "";
    display: table;
    clear: both;
}

#pagetext { 
	border: 1px solid #000000;
	color: #000;
	background-color: #fff;
	padding: 4px;
}

#rightcol{
		text-align: center;
}

.boxsechead { margin-left: 16px; margin-right: 16px; padding: 2px 8px 2px 8px; background-color: #000 !important; color: #fff  !important; text-align: center; border-radius: 8px 8px 0px 0px; font-weight: bold; }
.secbox { margin-left: 16px; margin-right: 16px; border: 1px solid #000; background-color: #fff; text-align: left; }

.recent-table img { max-width: none; }

#nav
		{
			padding: 0px 18px 0px 8px;
			margin: 0;
			vertical-align: top;

		}

			#nav > a
			{
				display: none;
			}

			.nlineb { border-bottom: 1px solid #000; padding-left: 16px; padding-bottom: 4px; }
			.nsechead { padding: 2px 8px 2px 8px; background-color: #000 !important; color: #fff  !important; text-align: left; border-radius: 8px 8px 0px 0px; font-weight: bold; }
			.nsechead2 { margin-top: 8px; padding: 2px 8px 2px 8px; background-color: #000 !important; color: #fff  !important; text-align: left; border-radius: 8px 8px 0px 0px; font-weight: bold; }
			.hr2 { border-bottom: 1px solid #000; }
			#nav li:nth-of-type(2) { padding-top: 6px; }
			#nav li:last-of-type { padding-bottom: 6px; }



			#nav li
			{
				position: relative;
				background-color: #fff;
				border-right: 1px solid #000;
				border-left: 1px solid #000;
				list-style: none;

			}
				#nav li a
				{
					color: #333;
					display: block;
					text-decoration: none;
				}
				#nav li a:active
				{
					background-color: #fff;
				}

			#nav span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #ccc;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

			/* first level */

			#nav > ul
			{
				list-style:none;
				vertical-align: bottom;
				padding-left: 0px;
				border-bottom: 1px solid #000;
			}
				#nav > ul > li
				{
					height: 100%;
				}

				#nav > ul > li > a
				{
					font-family: sans-serif;
					font-size: .9em;
					padding-left: 12px;
					margin-left: 8px;
					padding-bottom: 2px;
					font-weight: bold;

				}

				#nav > ul > li:hover > a,
				#nav > ul:not( :hover ) > li.active > a {
					color: #0033cc;
				}



@media only screen and ( max-width: 900px ) {

	#topleft { float: none; display: block; text-align: center; padding-left: 40px; }
	#topright { float: none; display: block; text-align: center; margin-top: 8px;}

	.shippingrow select { max-width: 200px; }

	.nlineb { padding: 0px 0px 0px 16px; border: 0; margin: 0; }
	.tinytxt { display: none; }
	.nsechead { padding: 8px; }
	.nsechead2 { padding: 8px; }

	#nav
	{
		position: absolute;
		top: 0;
		left: 0;
		width:100%;
	}
		#nav > a
		{
			width: 2.5em; /* 50 */
			height: 2.5em; /* 50 */
		}

		#nav:not( :target ) > a:first-of-type,
		#nav:target > a:last-of-type
		{
			display: block;
		}


	/* first level */

	#nav > ul
	{
		list-style:none;
		height: auto;
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		background-color: #333;
		width: 100%;
		margin: 0; padding: 0;

	}
		#nav:target > ul
		{
			display: block;
			background-color: #333;
		}
		#nav > ul > li
		{
			float: none;
			background-color: #333;

		}
			#nav > ul > li > a
			{
				height: auto;
				text-align: left;
				font-size: 1.25em;
				color: #fff;

			}
			#nav > ul > li:not( :last-child ) > a
			{
				border-right: none;
				border-bottom: 1px solid #999;
			}

			#nav > ul > li:hover > a,
			#nav > ul:not( :hover ) > li.active > a {
				color: #0066ff;
			}


		/* second level */

		#nav li ul
		{
			position: static;
			list-style:none;
			padding: 1.25em; /* 20 */
			padding-top: 0;
		}
		#nav li ul a
		{
			padding: 4px;
		}


	.wrap{
		padding: 1px;
	}

	img { max-width: 100%; }

	.homesearchform { width:317px; background-image:url(search-background-m.png); }
	.homesearch h1{font-size:16pt; margin-bottom: 2px; }

	#inhead { padding-bottom: 4px; }
	#inhead h1 { margin-left: 24px; }

	#pagetext{
		max-width: 720px;
		margin: 0 auto;
		padding: 2px;
	}

	#leftcol,
	#rightcol{
		max-width: 400px;
		margin: 0 auto;
		text-align: center;
	}
}

@media screen and (min-width : 900px) {
    #pagetext{
        float: right;
        width: 80%;
        padding-right: 1em;
    }

    #leftcol,
    #rightcol{
        float: left;
        clear: left;
        width: 20%;
    }
}

@media screen and (min-width : 1140px) {

	#leftcol { 

		margin: 0 0 0 -85%;
		width: 15%;
		clear: none;

		vertical-align: top; 
		float: left;
	}

	#pagetext { 

		margin-left: 15%;
		width: 70%;
		padding: 0 1em;

		float: left;
	}

	#rightcol { 

		float: right;
		width: 15%;
		clear: none;
		margin: auto;

		vertical-align: top; 
		text-align: center; 
	}
}








.headercheckout {width:180px; background-color:#FFFFFF;}
.headercheckout div{width:180px; background-color:#FFFFFF; margin-right:5px;}
.topbar {
    background-color: #FF4000;
    text-decoration: none;
    line-height: 16px;
    padding: 0px;
    margin: 0px;
    }

.maintable {
    padding: 3px;
    margin: 0px;
    background-color: #CCCCCC;
    }
	
.leftside {
    background-color: #CCCCCC;
    }

.rightside {
    background-color: #CCCCCC;
    }

.content {
    background-color: #CCCCCC;
    margin: 10px;
    }

.contenttable {
    width: 95%;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    margin-top: 10px;
    }

.contenttable td {
    text-align: left;
    }

.content-title {
    font-size: 14pt;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    }
.home-page-section {text-align:center;}		
.home-feat-table {
    margin: 0px;
    padding: 0px;
    width: 100%;
    }

.home-feat-cell {
    text-align: center;
    vertical-align: top;
    padding: 10px;
    }

.home-feat-cell div {
    text-align: center;
    }		
.searchbox {
    width: 165px;
    }
.searchbox td{
    width: 165px;
	background-color:#FFFFFF;
	text-align:center;
	border-left: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    }
	
.smlogin-form {
    padding: 0px 5px 0px 10px;
    font-size: 10pt;
    }

.clear {
    clear: both;
    color: #ffffff;
    }

.viewcart {
    margin-top: 18px;
    text-align: center;
    }
	
.cartitems{
	font-size: 9pt;
	}

.logged-in-message {
    color: red;
    font-weight: bold;
    }

.feat-table {
    margin: 0px;
    padding: 0px;
    width: 100%;
    }

.feat-head {
    color: #FFFFFF;
    vertical-align: middle;
    text-align: left;
    font-weight: bold;
    font-size: 10pt;
    background-image: url(topprodhead.gif);
    margin: 0px;
    padding: 0px 0px 0px 15px;
    background-repeat: no-repeat;
    border-bottom: 2px solid #000000;
    }

.feat-cell {
    text-align: center;
    vertical-align: top;
    padding: 10px;
    }

.feat-cell div {
    text-align: center;
    }
	
.tinytxt {
    font-size: 7pt;
    line-height: 10px;
    margin: 0px;
    padding: 0px;
    }

.tinytxt input {
    font-size: 7pt;
    line-height: 10px;
    margin: 0px;
    padding: 0px;
    }

.tinytxt a:link {
    margin: 0px;
    padding: 0px;
    }

.tinytxt a:visited {
    margin: 0px;
    padding: 0px;
    }

.tinytxt a:hover {
    margin: 0px;
    padding: 0px;
    }
.footer {
    font-size: 10px;
    font-weight: bold;
    margin-top: 20px;
    }

.footer a:link {}

.footer a:hover {}

.footer a:visited {}	

.input-err { background-color: #ffff00; }