@charset "utf-8";
/* CSS Document */

body, html { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333;  }
img a:link { border:none;}

/* Font Styles */

p { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; }
	.Text-yellow { color:#ffff33; }
	.Text-yellow a:link, .Text-yellow a:visited { color:#ffff33;!important }
	.Text-yellow a:hover { color:#FFFFFF; }
h1 { font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#333333; padding-bottom:0; }
h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#333333; }
	.h2-sub { font-style:italic; color:#3366cc; padding:0; } 
h3 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#333333; }

/* Links */

a:link, a:visited { color: #0A3299; text-decoration: none;}
a:hover { color: #2D9AFF;}

/* HR */

hr { size:1px; background-color:#0066FF; border:thin;}

/* Image Padding */
.padding-right { padding-right:15px; }
.padding-left { padding-left:15px; }
.padding { padding:10px; }

/* Main Layout */
#main { width:900px; margin:10px auto 0 auto;  }
#mastHead { width:900px; height:171px; background-image:url(../_images-site/site-masthead_upper.jpg); background-repeat:no-repeat; }
#navigation { width:900px; height:31px; background-image:url(../_images-site/site-masthead_lower.jpg); background-repeat:no-repeat;float:left; padding-top:8px; }
	#col1 { width:180px; margin:10px 5px 0 0; float:left; display:inline; }
	#col2Outter { width:715px; background-image:url(../_images-site/site-body_MID.jpg); background-repeat:repeat-y; float:right; margin:10px 0 0 0; clear:none;  } 
	#col2Inner { width:690px; margin:0 auto 0 auto;}
#footer { float:left; clear:both; margin-top:10px; background-image:url(../_images-site/site-footer.jpg); width:900px; height:52px; }
#legal-footer { width:890px; font-size:9px; margin:10px auto; text-align:center; padding-right:10px; float:left; clear:both; }

/* Mast Head */
#shipshape-logo { margin:20px 0 0 590px;  }

/* Col 1 Layout */
.col1Box { width:180px; background-image:url(../_images-site/site-sidenav_MID.jpg); background-repeat:repeat-y; z-index:0; margin-bottom:5px; }
.col1Box-tl { width:10px; height:10px; position:relative; background-image:url(../_images-site/site-sidenav_TL.jpg); background-repeat:no-repeat; left:0; top:0; z-index:100; }
.col1Box-tr { width:10px; height:10px; position:relative; background-image:url(../_images-site/site-sidenav_TR.jpg); background-repeat:no-repeat; top:-10px; left:170px; z-index:100; }
	* html .col1Box-tr { top:-16px; }
.col1Box-bl { width:10px; height:10px; position:relative; background-image:url(../_images-site/site-sidenav_BL.jpg); background-repeat:no-repeat; left:0; top:10px; z-index:100;}
	* html .col1Box-bl { top:22px; }
.col1Box-br { width:10px; height:10px; position:relative; background-image:url(../_images-site/site-sidenav_BR.jpg); background-repeat:no-repeat; top:0; left:170px; z-index:100;  }
	* html .col1Box-br { top:6px; }

/* Col 2 Outer Layout */
#col2Box-tl { width:10px; height:10px; position:relative; background-image:url(../_images-site/site-body_TL.jpg); background-repeat:no-repeat; left:0; top:0; z-index:100; }
#col2Box-tr { width:10px; height:10px; position:relative; background-image:url(../_images-site/site-body_TR.jpg); background-repeat:no-repeat; top:-10px; left:705px; z-index:100; }
	* html #col2Box-tr { top:-16px; }
#col2Box-bl { width:10px; height:10px; position:relative; background-image:url(../_images-site/site-body_BL.jpg); background-repeat:no-repeat; top:10px; left:0; z-index:100;  }
	* html #col2Box-bl { top:22px; }
#col2Box-br { width:10px; height:10px; position:relative; background-image:url(../_images-site/site-body_BR.jpg); background-repeat:no-repeat; top:0; left:705px; z-index:100; }
	* html #col2Box-br{ top:6px; }

/* Navigation */
#navigation h2 { font-size:18px; letter-spacing:-1px; color:#FFFFFF; display:inline; margin:0; padding:0 60px 0 20px; text-decoration:none;}
	#navigation h2 a:link, #navigation h2 a:visited, #navigation h2 a:hover  { text-decoration:none; color:#FFFFFF;}
#navigation ul { margin:8px 0 0 10px; padding:0; display:inline; }
#navigation ul li { list-style:none; font-size:18px; color:#FFFFFF; letter-spacing:-1px; display:inline;}
#navigation ul li a:link,  #navigation ul li a:visited { color:#FFFFFF; text-decoration:none; margin:0 30px 0 10px; }
#navigation ul li a:hover { color:#FFFFFF; text-decoration:underline; margin:0 30px 0 10px;}


/* Side Navigation */
#sNav { width:180px;  }
#sNav ul { margin:0 0 0 20px; padding:0; font-family:Arial, Helvetica, sans-serif;}
#sNav ul li { list-style:none; font-size:18px; color:#FFFFFF; letter-spacing:-1px; padding:2px 0; }
#sNav ul li a:link, #sNav ul li a:visited { text-decoration:none; color:#FFFFFF;}
#sNav ul li a:hover { text-decoration:underline; }

/* Col 1 Boxes */
.col1Contain { width:180px; }
.col1Contain img { border:none; }
.breaker { padding:3px 0; }

/* Legal Footer */
#legal-footer p { font-size:9px; text-align:center; }
#legal-footer p a:link, #legal-footer p a:visited { text-decoration:none; color:#333333; }
#legal-footer p a:hover { text-decoration:underline; color:#333333; }
#legal-footer ul { margin:0; padding:0; }
#legal-footer ul li {  display:inline; list-style:none;}
#legal-footer ul li a:link, #legal-footer ul li a:visited { text-decoration:none; color:#333333; }
#legal-footer ul li a:hover { text-decoration:underline; color:#333333; }

/* Index Page Boxes */
.indexBox { width:685px; min-height:162px; height:auto; overflow:auto; background-image:url(../_images-pages/_index/idx-cat-bg.jpg); background-repeat:no-repeat; margin-bottom:10px; background-color:#3d67b6; }
.indexBoxTitle { width:300px; height:30px; float:left;}
	.indexBoxTitle>h1 { text-transform:uppercase; font-size:20px; margin:0; padding:3px 15px; color:#FFFFFF; }
.indexBoxC1 { width:430px; float:left; padding:10px; height:auto; overflow:visible;}
	.indexBoxC1>p { color:#FFFFFF; font-size:13px;}
.indexBoxC2 { width:235px; height:142px; float:right; overflow:hidden; padding-top:20px;}
	.indexBoxC2 img { border:1px solid #000000;  }
.indexBoxButton { width:300px; height:36px; float:left; clear:left; margin-left:10px; padding-bottom:10px; }

/* Supplier Page */
#supBox { width:625px; margin:10px auto; height:auto; overflow:auto; border:#0A3299 2px solid; background-color:#eaeaea; }
#supBoxL { width:215px; padding:10px; float:left;}
#supBoxR { width:375px; float:left; padding:10px 15px 10px 0; }

/* ECT */
table.products { width:90%; margin:0 auto; }