/* to skip the navigation */	
.skippytheskipper {display:none;}

img {border:0}

form {margin:0;padding:0}

label {cursor:pointer; }

body {
	background:#FFF;
	padding:0;
	margin:0 0 30px 0;
	color:#333333;
	font:11px/18px Verdana, Arial, sans-serif;
}

#logo {float:left}


p {margin-top:6px}


/* default links */

a {
	color:#217788;
	font-weight:bold;
	font-family: Verdana, Arial, sans-serif;
	text-decoration:none;
	outline:none;
	-moz-outline-style: none;
}

a:visited {color:#217788}
a:hover {color:#217788; text-decoration:underline}
a:active {color:#217788}   



/* layout */

#shell { 
	background-color: #ffffff;
	width:814px;
	margin: 0 auto;
	padding:20px 0 0 20px;
}


body#homepage #leftcolumn {
	float:left;width:410px;
	margin:36px 0 0 20px;
	_margin:36px 0 0 10px;
}


body#homepage #rightcolumn {
	float:right;
	width:267px;
	margin:36px 60px 30px 0;
	_margin:36px 30px 30px 0;
}

body#homeuses #leftcolumn {
	float:left;
	width:267px;
	margin:36px 0 0 20px;
	_margin:36px 0 0 10px;
}

body#homeuses #rightcolumn {
	float:right;
	width:417px;
	margin:36px 60px 30px 0;
	_margin:36px 30px 30px 0;
}

body#industrialuses #leftcolumn {
	float:left;width:347px;
	margin:0 0 0 20px;
	_margin:0 0 0 10px
}

body#industrialuses #rightcolumn {
	float:right;
	width:340px;
	margin:0 60px 30px 0;
	_margin:0 30px 30px 0
}

/* mainnavigation */


#mainnavigationmodule {height:28px; }

#bignavi {float:left; width:429px; }

#bignavi ul {
	list-style: none;
	margin: 9px 10px 0 14px;
	padding:0;
	overflow:hidden;
	height:28px;
}
	
#bignavi li {
	margin: 0; 
	padding: 0;
	_display:inline;
	list-style-type: none
}

#bignavi a {
	float: left;
	padding: 28px 0 0 0;
	margin: 0 0 0 0
}
	
#bignavi a:hover {background-position: 0 -30px}

#bignavi a:active {background-position: 0 -30px}

#nav-home a  {
	width: 116px;margin-right:14px;
	background: url(../images/navigation/nav_homeuses.gif) top left no-repeat
}

#nav-industrial a  {
	width: 153px;margin-right:14px;
	background: url(../images/navigation/nav_industrialuses.gif) top left no-repeat
}
	
#nav-purchase a  {
	width: 108px;
	background: url(../images/navigation/nav_purchase.gif) top left no-repeat
}	


#smallnavi {float:left}

#smallnavi ul {
	list-style: none;
	margin: 16px 0 0 0;
	padding: 0;
	overflow: hidden;
	height:15px
}
	
#smallnavi li {
	margin: 0; 
	padding: 0;
	_display:inline;
	list-style-type: none;
	float:left
}

#smallnavi a {
	float: left;
	padding: 15px 0 0 0;
	margin: 0 0 0 0
}
	
#smallnavi a:hover {background-position: 0 -17px}

#smallnavi a:active {background-position: 0 -17px}

#nav-blog a  {
	width: 27px;
	background: url(../images/navigation/nav_blog.gif) top left no-repeat
}

#nav-blog a.off  {
	width: 27px;
	background: url(../images/navigation/blog_on.gif) top left no-repeat
}

#nav-about a  {
	width: 37px;
	background: url(../images/navigation/nav_about.gif) top left no-repeat
}

#nav-about a.off  {
	width: 37px;
	background: url(../images/navigation/about_on.gif) top left no-repeat
}
	
#nav-press a  {
	width: 33px;
	background: url(../images/navigation/nav_press.gif) top left no-repeat
}	

#nav-press a.off  {
	width: 33px;
	background: url(../images/navigation/press_on.gif) top left no-repeat
}	

#nav-contact a  {
	width: 47px;
	background: url(../images/navigation/nav_contact.gif) top left no-repeat
}

#nav-contact a.off  {
	width: 47px;
	background: url(../images/navigation/contact_on.gif) top left no-repeat
}


/* main nav locator */
body#homeuses #nav-home a {background-position: 0 -30px}
body#industrialuses #nav-industrial a {background-position: 0 -30px}
body#purchase #nav-purchase a {background-position: 0 -30px}



/* subnavigation */


body#homeuses #subnavi {
	clear:both;
	background-image:url(../images/navigation/subnav_bkrd.gif);
	width:207px;height:29px;
	margin:-7px 0 0 156px;
	border:#FFF 1px solid;
}


body#homeuses #subnavi ul {
	list-style: none;
	margin: 6px 0 0 0;
	padding: 6px 0 0 10px;
	overflow: hidden;
	height:10px;clear:both
}
	
body#homeuses #subnavi li {
	margin: 0; 
	padding: 0;
	_display:inline;
	list-style-type: none;
	float:left
}

body#homeuses #subnavi li img {display:block}

body#homeuses #subnavi a {
	float: left;
	padding: 10px 0 0 0;
	margin: 0 0 0 0;
	height:8px;
}
	
body#homeuses #subnavi a:hover {background-position: 0 -12px}

body#homeuses #subnavi a:active {background-position: 0 -12px}

#nav-sizeguide a.off  {
	width: 56px;
	background: url(../images/navigation/nav_sizeguide.gif) 0 -12px no-repeat
}

#nav-sizeguide a  {
	width: 56px;
	background: url(../images/navigation/nav_sizeguide.gif) top left no-repeat
}

#nav-custcomments a.off  {
	width: 111px;
	background: url(../images/navigation/nav_custcomments.gif) 0 -12px no-repeat
}

#nav-custcomments a  {
	width: 111px;
	background: url(../images/navigation/nav_custcomments.gif) top left no-repeat
}




/* industrial subnav */

body#industrialuses #subnavi {
	clear:both;
	background-image:url(../images/navigation/subnav_bkrd_industrial.gif);
	width:417px;height:29px;
	margin:-7px 0 0 288px;
	border:#FFF 1px solid;
}


body#industrialuses #subnavi ul {
	list-style: none;
	margin: 6px 0 0 0;
	padding: 6px 0 0 10px;
	overflow: hidden;
	height:12px;
	clear:both;
}
	
body#industrialuses #subnavi li {
	margin: 0; 
	padding: 0;
	_display:inline;
	list-style-type: none;
	float:left
}

body#industrialuses #subnavi li img {display:block}

body#industrialuses #subnavi a {
	float:left;
	padding: 12px 0 0 0;
	margin: 0 0 0 0;
	height:8px;
}
	
body#industrialuses #subnavi a:hover {background-position: 0 -14px}

body#industrialuses #subnavi a:active {background-position: 0 -14px}

#nav-techspecs a.off  {
	width:82px;
	background: url(../images/navigation/nav_techspecs.gif) 0 -14px no-repeat
}

#nav-techspecs a  {
	width:82px;
	background: url(../images/navigation/nav_techspecs.gif) top left no-repeat
}

#nav-standardsizes a.off  {
	width:77px;
	background: url(../images/navigation/nav_standardsizes.gif) 0 -14px no-repeat
}

#nav-standardsizes a  {
	width:77px;
	background: url(../images/navigation/nav_standardsizes.gif) top left no-repeat
}

#nav-customseals a.off  {
	width:71px;
	background: url(../images/navigation/nav_customseals.gif) 0 -14px no-repeat
}

#nav-customseals a  {
	width:71px;
	background: url(../images/navigation/nav_customseals.gif) top left no-repeat
}

#nav-satisfiedcustomers a.off  {
	width: 105px;
	background: url(../images/navigation/nav_satisfiedcust.gif) 0 -14px  no-repeat
}

#nav-satisfiedcustomers a  {
	width: 105px;
	background: url(../images/navigation/nav_satisfiedcust.gif) top left no-repeat
}



body#purchase #subnavi {
	clear:both;
	background-image:url(../images/navigation/subnav_bkrd_purchase.gif);
	width:310px; height:29px;
	margin:-7px 0 0 252px;
	border:#FFF 1px solid;
}


body#purchase #subnavi ul {
	list-style: none;
	margin:6px 0 0 0;
	padding:6px 0 0 10px;
	overflow:hidden;
	height:12px;
	clear:both;
}
	
body#purchase #subnavi li {
	margin:0; 
	padding:0;
	_display:inline;
	list-style-type:none;
	float:left;
	height:13px;
	}

body#purchase #subnavi li img {display:block; float:left}

body#purchase #subnavi a {
	float:left;
	padding:12px 0 0 0;
	margin:0 0 0 0;
	height:8px;
	}
	
body#purchase #subnavi a:hover {background-position: 0 -14px}

body#purchase #subnavi a:active {background-position: 0 -14px}

#nav-buyindustrial a {
	width:48px;
	padding:0;
	float:left;
	background: url(../images/navigation/nav_buyindustrial.gif) top left no-repeat
}

#nav-buyindustrial a.off {
	width:48px;
	padding:0;
	float:left;
	background: url(../images/navigation/nav_buyindustrial.gif) 0 -14px no-repeat
}

#nav-satisfaction a  {
	width:126px;
	float:left;
	background: url(../images/navigation/nav_satisfaction.gif) top left no-repeat
}

#nav-satisfaction a.off  {
	width:126px;
	float:left;
	background: url(../images/navigation/nav_satisfaction.gif) 0 -14px no-repeat
}

#nav-checkout a  {
	width:75px;
	float:left;
	background: url(../images/navigation/nav_checkout.gif) top left no-repeat
}

li.nav-sep {
	width:20px;
	float:left;
	background: url(../images/navigation/smallnavsep12.gif) top left no-repeat	
}


/* NO-sIFR styles */

h1 {
	font-family:Arial, sans-serif;
	color:#8e3d1e;
	margin:0 0 -12px 0; 
	padding:0;
	text-align:center;
	font-size:22px;
}

h2 {
	font-family: Arial, sans-serif;
	color:#8e3d1e;
	margin:0 0 -10px 0; 
	padding:0;
	text-align:center;
	font-size:14px;
}

h3 {
	font-family: Arial, sans-serif;
	color:#666;
	margin:0 0 -23px 0; 
	padding:0;
	text-align:left;
	font-size:13px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	color:#8e3d1e;
	margin:0 0 -1px 0; 
	padding:0;
	text-align:left;
	font-size: 25px;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	color:#8e3d1e;
	margin:0 0 -1px 0; 
	padding:0;
	text-align:left;
	font-size:18px;
}


body#industrialuses #headline h4 {text-align:center;}
body#purchase #headline h4 {text-align:center;}


/* index styles */

body#homepage #triptych {clear:both;text-align:center;width:774px;padding:36px 0 0 0}

body#homepage #headline {text-align:center;width:774px;margin:36px 0 0 0}
             
.toutmodule {margin-bottom:40px;}

.toutmodulewithpic {margin-bottom:34px}

#toutpic101 {float:left; padding:0 10px 0 0; margin:0}

#specialbuybutton {width:267px;height:85px;overflow:hidden;margin-bottom:10px}

#specialbuybutton a {background-image:url(../images/common/button_buyit.gif);
               width:267px;height:85px;
               padding: 85px 0 0 0;
               overflow: hidden;
               display:block
               }

#specialbuybutton a:hover {
	background-position: 0 -88px
	}

.blogareabody {
	background:#efefef;
	width:257px;
	padding:6px 0 0 10px
}

.blogentry {padding-bottom:12px}

.title {color: #1D7F94;
	   font:12px/14px Arial, sans-serif}

.info {color: #707070;
	   font:10px/18px Arial, sans-serif}

.comment {color: #707070;text-align:right;margin-right:6px;
	   font:10px/18px Arial, verdana, sans-serif}

#readmoreblogbutton {width:174px;height:20px;overflow:hidden;margin: 0 0 0 34px}

#readmoreblogbutton a {background-image:url(../images/indexpage/button_readmoreblog.gif);
               width:174px;height:20px;
               padding: 20px 0 0 0;
               overflow: hidden;
               display:block
               }

#readmoreblogbutton a:hover {
	background-position: 0 -22px
	}



/* home use styles */


body#homeuses #specialbuybutton {margin-top:20px}

.quotebox {margin-bottom:50px}

#toutpicfishbag {float:left;margin: 10px 10px 0 0}

body#homeuses .toutmodulewithpic {margin-bottom:14px}

body#homeuses #beyondfreshness {margin:20px 0 0 0; padding:0 0 0 0}

body#homeuses #beyondfreshness img {
	margin:0 0 0 0;
	padding:0 0 0 0; 
	border:0;
	_margin:0 0 -2px 0}

#bf_mid {margin:0; padding:0; background:url(../images/homeuses/beyond_mid.gif) repeat-y 0 0}

#bf_mid p {margin:0 0 0 0; padding:5px 0 8px 22px; width:220px;}


/* industrial use styles */

body#industrialuses #triptych {text-align:center;width:774px;padding:22px 0 0 0}

body#industrialuses #headline {
	clear:both;
	text-align:center;
	width:774px; 
	padding:36px 0 0 0}

#tag p {font-weight:bold;width:734px;padding: 0 20px 0 20px}


.industrialuses {
	list-style: none;
	margin: 0;
	padding: 0
}

.industrialuses li {
	margin:0 0 10px 0;
	background-image:url(../images/common/list_item_dot.gif);
	background-repeat:no-repeat;
	background-position:left 4px;
	padding-left:8px
}

#sizepricerow {clear:both}

#sizecolumn {float:left;width:347px;
             margin:0 0 0 20px;
             _margin:0 0 0 10px
             }

#pricecolumn {float:right;
              width:340px;
              margin:0 60px 30px 0;
              _margin:0 20px 30px 0
              }


#sizecolumn p, #pricecolumn p {margin-left:10px}



/* purchase styles */

body#purchase #headline {
	clear:both;
	text-align:center;
	width:774px;
	padding:36px 0 0 0;
}

body#purchase #buyinfo p {
	margin:12px 0 22px 0; 
	width:734px; 
	padding:0 20px 0 20px; 
	clear:both;
}

body#purchase #leftcolumn {
	margin:0 0 0 20px;
	_margin:0 0 0 10px;
	float:left;
	width:508px;
}

body#purchase #rightcolumn {
	float:right;
	width:226px;
	margin:0 57px 0 0;
	_margin:0 30px 0 0;
}

body#purchase #order_headers {float:left; margin:0; padding:0;}

body#purchase #order_headers img {float:left; margin:0; padding:0 25px 22px 0;}

body#purchase #order_details {float:left; margin:0 0 12px 0;}

div#three {
	float:left;
	width:208px;
	margin:0;
	padding:0 0 0 10px; 
}

div#ten {
	float:right;
	width:208px;
	margin:0;
	padding:0 36px 0 0; 
}

span.price {font-size:15px; color:#464646;}

div.buybtn {margin:10px 0 22px 0; border:0; clear:left}

img.amazon {
	float:left;
	margin:0 0 0 -10px; 
	padding:0;
}

p.amazon2 {
	float:left;
	width:208px;
	margin:5px 0 0 0; 
}

img.carty {margin-top:22px}

body#purchase #rightcolumn p {margin:0 0 0 5px; padding:0}

/* ========================
/*		BLOG STYLES
/* ======================== */

body#bloggy #leftcolumn {
	float:left;
	width:267px;
	margin:36px 0 0 0;
	_margin:36px 0 0 -10px;
	padding:0;
}

body#bloggy #rightcolumn {
	float:left;
	width:417px;
	margin:36px 0 30px 44px;
	_margin:36px 0 30px 34px;
}

body#bloggy #specialbuybutton {margin-top:20px}

#blogfeed {margin-bottom:10px;}

/* zebra stripe comments */
body#bloggy div.even {
background-color: #ebebeb;
padding: 5px 0 5px 5px;
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}

.blogareabody {
	background:#efefef;
	width:257px;
	padding:6px 0 0 10px
}

body#homepage .blogentry {
	width:245px;
	padding:5px 0 13px 0}

body#bloggy .blogentry {
	padding:0 0 12px 0}

.title { color: #1D7F94; font:12px/14px Arial, sans-serif }

.entry-title {color:#464646;
	   font:12px/14px Arial, sans-serif}

.info {color: #707070;
	   font:10px/18px Arial, sans-serif}

.comment {
   color: #707070;
   text-align:right;
   margin-right:6px;
   font:10px/18px Arial, verdana, sans-serif
}

.comment-word {
	color:#707070;
	font:10px/18px Arial, verdana, sans-serif;
}

span.comment-word a:link, span.comment-word a:visited {
	font:10px/18px Arial, verdana, sans-serif;
	color:#707070; text-decoration:none;
}

span.comment-word a:hover {
	font:10px/18px Arial, verdana, sans-serif;
	color:#707070; text-decoration:underline;
}

body#bloggy div.blog-bar {
	margin-top:20px;
	padding:10px 0 0 0;
}

img.book {margin:0; padding-top:5px;}

span.rp {font-style:italic; color:#959595;}


.sidebar {
	list-style: none;
	margin: 0;
	padding: 0
}

.sidebar li {
	margin:3px 0 3px 0;
	background-image:url(../images/common/list_item_dot.gif);
	background-repeat:no-repeat;
	background-position:left 4px;
	padding-left:8px
}

/* home uses subnav pages */

body#sg #subnavi {
	clear:both;
	background-image:url(../images/navigation/subnav_bkrd.gif);
	width:207px;height:29px;
	margin:-7px 0 0 156px;
	border:#FFF 1px solid;
}


body#sg #subnavi ul {
	list-style: none;
	margin: 6px 0 0 0;
	padding: 6px 0 0 10px;
	overflow: hidden;
	height:10px;clear:both
}
	
body#sg #subnavi li {
	margin: 0; 
	padding: 0;
	_display:inline;
	list-style-type: none;
	float:left
	}

body#sg #subnavi li img {display:block}

body#sg #subnavi a {
	float: left;
	padding: 10px 0 0 0;
	margin: 0 0 0 0;
	height:8px;
	}
	
body#sg #subnavi a:hover {
	background-position: 0 -12px
	}

body#sg #subnavi a:active{
	background-position: 0 -12px
	}


body#sg #leftcolumn {
	float:left;
	width:267px;
	margin:36px 0 0 20px;
	_margin:36px 0 0 10px;
}

body#sg #rightcolumn {
	float:right;
	width:417px;
	margin:36px 60px 30px 0;
	_margin:36px 30px 30px 0;
}


body#sg #specialbuybutton {margin-top:20px}

div.sg-text {margin:10px 0 10px 0}

div.sg-text p {margin:0; padding:10px 0 10px 0}


/* industrial subnav pages */

body#iu #subnavi {
	clear:both;
	background-image:url(../images/navigation/subnav_bkrd_industrial.gif);
	width:417px;height:29px;
	margin:-7px 0 0 288px;
	border:#FFF 1px solid;
}


body#iu #subnavi ul {
	list-style: none;
	margin: 6px 0 0 0;
	padding: 6px 0 0 10px;
	overflow: hidden;
	height:12px;
	clear:both;
}
	
body#iu #subnavi li {
	margin: 0; 
	padding: 0;
	_display:inline;
	list-style-type: none;
	float:left
}

body#iu #subnavi li img {display:block}

body#iu #subnavi a {
	float:left;
	padding: 12px 0 0 0;
	margin: 0 0 0 0;
	height:8px;
}
	
body#iu #subnavi a:hover {background-position: 0 -14px}

body#iu #subnavi a:active {background-position: 0 -14px}

body#iu #leftcolumn {
	float:left;
	width:267px;
	margin:36px 0 0 20px;
	_margin:36px 0 0 10px;
}

body#iu #rightcolumn {
	float:right;
	width:417px;
	margin:36px 60px 30px 0;
	_margin:36px 30px 30px 0;
}

body#iu #specialbuybutton {margin-top:20px}

p.about-text {margin:0; padding:15px 0 0 0;}

/* purchase subnav styles */

body#pu #subnavi {
	clear:both;
	background-image:url(../images/navigation/subnav_bkrd_purchase.gif);
	width:310px; height:29px;
	margin:-7px 0 0 252px;
	border:#FFF 1px solid;
}


body#pu #subnavi ul {
	list-style: none;
	margin:6px 0 0 0;
	padding:6px 0 0 10px;
	overflow:hidden;
	height:12px;
	clear:both;
}
	
body#pu #subnavi li {
	margin:0; 
	padding:0;
	_display:inline;
	list-style-type:none;
	float:left;
	height:13px;
	}

body#pu #subnavi li img {display:block; float:left}

body#pu #subnavi a {
	float:left;
	padding:12px 0 0 0;
	margin:0 0 0 0;
	height:8px;
	}
	
body#pu #subnavi a:hover {
	background-position: 0 -14px
	}

body#pu #subnavi a:active{
	background-position: 0 -14px
	}

body#pu #leftcolumn {
	float:left;
	width:267px;
	margin:36px 0 0 20px;
	_margin:36px 0 0 10px;
}

body#pu #rightcolumn {
	float:right;
	width:417px;
	margin:36px 60px 30px 0;
	_margin:36px 30px 30px 0;
}

body#pu #specialbuybutton {margin-top:20px}

/* footer */

#footer {
	background-image:url(../images/common/footer_bkrd.gif);
	width:764px;
	height:39px;
	padding: 23px 0 0 10px;
	clear:both;
	font:10px/18px verdana, arial, sans-serif;
	color:#999999;
}


#footer a {
color:#999999;
text-decoration:none;
font-weight:normal
}

#footer a#sg {
	margin:-40px 20px 0 0;
	padding:0;
	float:right;
	width:62px;
	height:60px;
}


#footer a:hover {text-decoration:underline}

/* IE Hack toolbox */
div.cleartool {clear:both;}

div.clear15 {clear:both; height:15px;}
div.clear36 {clear:both; height:36px;}
.errormessage {color: #cc0000}

/* sIFR / Lightbox Glitch Fix */
div#sg-h1 {
	background: url(http://made-electric.com/work/cns/images/popular.gif) no-repeat;
	margin:0; padding:0; width:206px; height:15px; clear:left}

div#sg-h2 {
	background: url(http://made-electric.com/work/cns/images/cut2size.gif) no-repeat;
	margin:0; padding:0; width:110px; height:15px; clear:left}

div#st-h1 {
	background: url(http://made-electric.com/work/cns/images/standard.gif) no-repeat;
	margin:0; padding:0; width:153px; height:15px; clear:left}
	
div#st-h2 {
	background: url(http://made-electric.com/work/cns/images/custom.gif) no-repeat;
	margin:0; padding:0; width:230px; height:15px; clear:left}