/* CSS Document */

body {
  font-family: Verdana, Arial, helvetica, sans-serif;
  color:#4D4D4D;
  font-size: 70%;
  line-height: 130%;
  padding:0;
  margin:0;
  background: #fff /*  url('/images/bgstripe.gif') repeat*/;
}

/* General throughout site (defaults) */
a:link, a:visited {color: #666666; text-decoration: underline; }
a:hover {color: #900A0A; text-decoration: underline; }
h1 {font-size: 12px; font-weight: bold;  margin-top: 18px; padding: 0px; }
h2 {font-size: 12px; font-weight: bold; margin-top: 8px; padding: 0px; color: black;}
.bolder {font-weight: bold;}
.lighter {font-weight: lighter;}    
.small {font-size: 10px; font-weight: normal;}
.clear {clear: both;}
.maroon {color: #900A0A;}
.leftmar {margin-left: 16px}
.hr { width: 50%; margin: 0 0 20px 175px; padding: 0; border-bottom:1px solid #CDCDCD;}

/* Page container */
#container {width: 750px; margin: 0 auto; background: #fff;}

/* Header */
#header {clear:both; float: left; width:100%; margin: 0px; padding: 0px; height: 60px; border-bottom:6px solid #CDCDCD;}
#header p.tollfree {width: 400px; float: right; margin:11px 0 0 0; padding: 0; font-size:13px; color:#900A0A; font-family:Arial, Helvetica, sans-serif; text-align:right; font-weight:bold; }
#header #chat {width: 295px; float: right; margin:0; padding: 0; }
#intro {float: left; width: 374px;}
#flasher {float: right; clear: none; width: 374px;}
/* Cart Links */
#cart {float: right; width:400px; margin: 0px; padding: 16px 0 0 0; text-align: right;}
#cart a:link, #cart a:link, #cart a:visited {color: #670001; text-decoration: underline; }
#cart2 {float: right; width:500px; margin: 0px; padding: 0 0 0 0; text-align: right;}
#cart2 a:link, #cart2 a:link, #cart2 a:visited {color: #670001; text-decoration: underline; }
/* Subheader */
#subheader {clear:both; float: left;width: 750px; margin: 0px; padding: 0px; height: 197px; border-top:2px solid #fff; border-bottom:2px solid #fff; background: #900A0A; color: #fff;}
#subheader h1 {font-size: 16px; margin: 14px 0 8px 8px; padding: 0px;}
#subheader p{ margin: 0px 10px 0px 8px; padding: 0px; }
#subheader2 {clear:both; float: left; width: 750px; margin: 0px; padding: 0px; height: 252px; background: #000;}
/* Inside Subheader */
#subheadin {clear:both; float: left; width:100%; margin: 0px; padding: 0px; height: 65px; border-top:2px solid #fff; border-bottom:2px solid #fff; background: #900A0A;}

/* Top Nav */
#nav {float: left; margin: 0; padding: 0; width: 750px; height: 30px; border-bottom:1px solid #fff; background: #6A6A6A; clear: both;}

#search {margin: 0; padding: 0; width: 750px; height: 22px; border-bottom:1px solid #ccc; clear: both; text-align: right;}
#search form { margin: 0; padding: 0;}
.submit-button {color: #fff;background: #900A0A; border: 2px #C35554 outset; cursor: pointer;}

/* Product Detail Header */
#productdetail {float: left; background: #E7E7E7; margin: 0px 0px 8px 0px; padding: 2px; display: inline; width: 450px;}
#productdetail p {font-size: 10px; font-weight: bold;}

/* Content - Left Column */
#leftcol {float: left; margin: 0px; padding: 0px; width: 249px; height: 140px; border-top:1px solid #ccc; display: inline;}
#leftcol p{margin: 2px 8px 0px 8px; margin-bottom: 5px; font-size: 10px; line-height:12px;}
#leftcol a.invis:link, #leftcol a.invis:visited {color: #717171; text-decoration: none;}
#leftcol a.invis:hover {color: #173B8D; text-decoration: none;}
#leftcol h1 {font-size: 12px; font-weight: bold;  margin: 9px 0 6px 8px; padding: 0px; color: #900A0A;}

/* Content - Right Column */
#rightcol {float: left; margin: 0px; display: inline; width: 499px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
#rightcol p {margin: 0px 6px 5px 16px;}
#rightcol h1 {color: #173B8D; margin: 18px 6px 5px 16px;}

/* 1 col body */
#insidebody {float: left; margin: 0px; display: inline; width: 749px; border-left:1px solid #ccc; border-right:1px solid #ccc; }
#insidebody p {margin: 10px 16px 16px 16px;}
#insidebody h1 {margin: 18px 16px 5px 16px; color: #900A0A;border-bottom:1px solid #DDDDDD; width: 95%;}

/* 2 col body */
#insideleft {float: left; margin: 0px; display: inline; width: 515px; border-left:1px solid #ccc; border-right:1px solid #ccc; }
#insideleft p {
	margin: 10px 16px 16px 16px;
	text-align: left;
}
#insideleft p.cent {
	text-align: center;
}
#insideleft h1 {margin: 18px 16px 5px 16px; color: #900A0A;border-bottom:1px solid #DDDDDD; width: 95%;}
#insiderite {float: left; margin: 0px; display: inline; width: 220px; }
#insiderite p {margin: 10px 16px 16px 16px;}
#insiderite p.details {margin: 7px 16px; padding: 0;}
#insiderite h1 {margin: 18px 16px 5px 16px; color: #900A0A;border-bottom:1px solid #DDDDDD; width: 95%;}
#insiderite ul.cats {
list-style: none;
padding-left: 10px;
}
#insiderite ul.cats li {

}
#insiderite ul.cats li ul {
list-style: none;
padding-left: 8px;
}
#insiderite ul.cats li ul li {
margin-left: 5px;
}

#insideleft #gallerytitle, #insideleft #glasstitle, #insideleft #cabletitle, #insideleft #tubetitle {width: 478px; height:33px; margin-left: 10px;}
#insideleft #gallerytitle {background:url(/images/gallery_title.jpg) 0 0 no-repeat;}
#insideleft #glasstitle {background:url(/images/glass_systems_title.jpg) 0 0 no-repeat;}
#insideleft #cabletitle {background:url(/images/cable_cable_systems.jpg) 0 0 no-repeat;}
#insideleft #tubetitle {background:url(/images/tube_systems_title.jpg) 0 0 no-repeat;}

#insideleft #gallerytitle h2, #insideleft #glasstitle h2, #insideleft #cabletitle h2, #insideleft #tubetitle h2 {float: right; padding: 8px 10px 0 0; margin: 0; color: #900A0A;}
#insideleft #gallerypic {width: 470px; padding: 3px; border: 1px solid #DDDDDD; margin: 10px; }
#insideleft #gallery p {width: 478px; text-align: center;  margin-left: 10px;}

#insideleft .systems {
	margin: 5px 0 0 10px; width: 474px; height: 68px; padding: 2px; background: url(/images/rt-arrow.gif) 96% 50% no-repeat #e8e8e8; border: 1px solid #bababa;
}
#insideleft .systems img {float: left;}
#insideleft .systems h3 {float: left; font-size: 12px; padding: 6px 0 0 12px; color: #900A0A;}
/* Logo */
#logo {float: left; padding: 0px; margin-left: 0px; width: 343px; height: 100%;}

/* Cant Find What You're Looking For */
#help {float: left; margin-left: 27px; height: 100%;}

/* TopSection on Homepage */
#top {float: left; margin: 0px; padding: 0px; height: 215px; width: 100%;}

/* TopSection on Inside Pages */
#topin {float: left; margin: 0px; padding: 0px; height: 60px;  width: 100%;}

/* TopSection (Right) on Homepage */
#topright {float: left; margin: 0px; padding: 0px; height: 215px; width: 529px; border-left:1px solid #fff; background: #9296C5 url(/images/rightside_bk.gif);}

/* TopSection (Right) on Inside Pages */
#toprightin {float: left; margin: 0px; padding: 0px; height: 55px; width: 578px; border-left:1px solid #fff;}

/* Product Finder */
#productfind {float: left; margin: 46px 0px 0px 19px; padding: 0px; width: 277px; display: inline;}

/* Footer Bar */
#footer {clear: both; float: left; width: 100%; background: #10206B; border-top:3px solid #DDDDDD; height: 27px;}
#footer p{margin: 4px 0px 0px 16px; padding: 0px;}
#footer a:link, #footer a:visited {color: white; text-decoration: underline;}
#footer a:hover {color: white; text-decoration: underline;}

/* Bottom Links */
#bottom {clear: both; float: left; width: 750px; margin: 0px; padding: 0px;border-top:6px solid #CFCFCD}
#bottom p{text-align: center; color:#333333; margin-top: 8px;}
#bottom a:link, #bottom a:visited {color:#333333; text-decoration: underline;}
#bottom a:hover {color:#333333; text-decoration: underline;}

/* Products Page */
/* Content - Left Column */
#proleftcol {float: left; margin: 0px 18px 0px 18px; padding: 0px; width: 340px; display: inline;}
#proleftcol p{line-height: 150%; margin: 0px 20px 0px 8px; margin-bottom: 5px;}
#proritecol {float: left; margin: 0px 18px 0px 18px; padding: 0px; width: 340px; display: inline;}
#proritecol p{line-height: 150%; margin: 0px 20px 0px 8px; margin-bottom: 5px;}
#prodetail {float: left; background: #E7E7E7; margin: 0px 0px 8px 0px; padding: 2px; display: inline; width: 334px;}
#prodetail p {font-size: 10px; font-weight: bold;}
/* Creates a link that looks like regular header  */
#proleftcol a.invis:link, #proleftcol a.invis:visited, #proritecol a.invis:link, #proritecol a.invis:visited {color: #717171; text-decoration: none;}
#proleftcol a.invis:hover, #proritecol a.invis:hover {color: #173B8D; text-decoration: none;}

/* Homepage - boxes at bottom */
#homeboxes {float:left; width:100%; padding-bottom:0;}
#homeboxes h1 {font-family:Arial, Helvetica, sans-serif; padding: 10px 0 0 0; font-size:13px; color:#666666; text-align:center; background-image:url(/images/btmbxbg2.gif); background-repeat: repeat-x; margin:0; height:20px; }
#homeboxes h2 {font-family:Arial, Helvetica, sans-serif; padding: 10px 0 0 0; font-size:13px; color:#666666; text-align:center; background-image:url(/images/btmbxbg2.gif); background-repeat: repeat-x; margin:0; height:20px;}
#homeboxes h3 {font-family:Arial, Helvetica, sans-serif; padding: 10px 0 0 0; font-size:13px; color:#524e4e; background-image:url(/images/btmbxbg.gif); background-repeat: no-repeat; margin:0; height:20px; width:145px;}
#homeboxes p {line-height:12px; color:#333333; margin:8px 8px 0px 8px;}
#homeboxes p.location {margin:-2px 0 0 0; padding:0;}
#homeboxes h4 {font-size: 12px; font-weight: bold;  margin: 0 0 2px 4px; padding: 0px; color: #900A0A;}
.btmcol1 {float:left; width:204px; height:190px; padding-bottom:0; border-right:1px solid #ccc; background-image:url(../images/boxbk.gif); background-repeat: repeat-x; background-position:top; }
.btmcol2 {float:left; width:216px; height:190px; padding:0; margin: 0; border-left:1px solid #ccc;border-right:1px solid #ccc; background-image:url(../images/boxbk.gif); background-repeat: repeat-x; background-position:top;}
.btmcol3 {float:left; width:325px; height:190px; padding-bottom:0; border-left:1px solid #ccc;border-right:1px solid #ccc; background-image:url(../images/btmbxbg2.gif); background-repeat: repeat-x; background-position:top; background-color: #fdf8e7;}
.btmcol3v {float:left; width:370px; height:190px; padding-bottom:0; border-left:1px solid #ccc;border-right:1px solid #ccc; background-image:url(../images/btmbxbg2.gif); background-repeat: repeat-x; background-position:top; background-color: #fdf8e7;}

/* Homepage - boxes at bottom */
#homestore {float:left; width:100%; padding:0; margin: 0;}
#homestore h2 {font-family:Arial, Helvetica, sans-serif; padding: 10px 0 0 0px; font-size:13px; color:#524e4e; background-image:url(/images/btmbxbg2.gif); background-repeat: repeat-x; margin:0; height:20px;}

#homeboxes2 {float:left; width:100%; padding:0; margin: 0;}
#homeboxes2 h1 {font-family:Arial, Helvetica, sans-serif; padding: 10px 0 0 0; font-size:13px; color:#666666; text-align:center; background-image:url(/images/btmbxbg2.gif); background-repeat: repeat-x; margin:0; height:20px; }
#homeboxes2 h2 {font-family:Arial, Helvetica, sans-serif; padding: 10px 0 0 0; font-size:13px; color:#666666; text-align:center; background-image:url(/images/btmbxbg2.gif); background-repeat: repeat-x; margin:0; height:20px;}
#homeboxes2 h3 {font-family:Arial, Helvetica, sans-serif; padding: 10px 0 0 0; font-size:13px; color:#524e4e; background-image:url(/images/btmbxbg.gif); background-repeat: no-repeat; margin:0; height:20px; width:145px;}
#homeboxes2 p {line-height:12px; color:#333333; margin:8px 8px 0px 8px;}
#homeboxes2 p.location {margin:-2px 0 0 0; padding:0;}
#homeboxes2 h4 {font-size: 12px; font-weight: bold;  margin: 0 0 2px 4px; padding: 0px; color: #900A0A;}

.btmcol1b {float:left; width:148px; height:170px; padding:0; margin: 0; border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc; background-image:url(/images/boxbk.gif); background-repeat: repeat-x; background-position:top; }
.readmore {float:left; width:146px; height:20px; padding-bottom:0; }


a.pdf {font-weight: bold; font-size: 11px; text-decoration: underline;}
.copyleft {float:left; width:373px; height:180px; padding-bottom:0; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; background-image:url(../images/btmbxbg2.gif); background-repeat: repeat-x; background-position:top; }
.copyright {float:left; width:373px; height:180px; padding:0; margin: 0;  border-bottom:1px solid #ccc; border-left:1px solid #ccc;border-right:1px solid #ccc; background-image:url(../images/btmbxbg2.gif); background-repeat: repeat-x; background-position:top; }
.copyrightv {float:left; width:325px; height:180px; padding:0; margin: 0;  border-bottom:1px solid #ccc; border-left:1px solid #ccc;border-right:1px solid #ccc; background-image:url(../images/btmbxbg2.gif); background-repeat: repeat-x; background-position:top; }

.contact
{
  background-color:#EEEEEE;
  color:#666666;
  font-size: 12px;
  font-weight: bold;
  width:210px;
  height:25px;
  border-bottom:#999999 dashed 1px;
  padding-left:10px;
  padding-top:4px;
  text-align:left;
  margin:2px;
}
.contact h2
{
  color:#900A0A;
  font-size: 12px;
  font-weight: bold;
  text-align:left;
}
/* Gallery */
#ga {
	width: 488px;
	margin: 0 0 0 16px;
	padding-bottom: 12px;
}
.thumb {
	float: left;
	width: 58px;
	height: 68px;
	padding: 2px;
	margin: 2px;
	border: #CCC 1px solid;
	text-align: center;	
	font-size: 9px;
}
.first {
	margin-left: 10px;
}
.thumb a {
	clear: both;
}
.text_12_bold {font-weight: bold;}