/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center; /* ie5 workaround to centre content; #wrapper then aligns text left and adds 'auto' margins l and r */
	background-color:#000000;
	color: #ffffff;
}

a {
color: #CCCCCC;
}

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

/* hidden screen reader links */
.hidden {
display: none;
}

#wrapper {
	position: relative;
	text-align: left;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 0;
	background-color: transparent;
	padding: 0;
}

#header {
min-height:100px;
height:auto !important; /*fixes IE6 and 7 */
height:100px; /*fixes IE6 and 7 */
background-image: url(media/images/grad-header.jpg);
background-repeat:repeat-x;
background-position:bottom;
margin: 0 0 20px 0;
padding: 0;
}

#logo {
background-image: url(media/images/cablegripdotcom.gif);
background-repeat:no-repeat;
background-position: 0 0;
width: 209px;
height:51px; 
margin: 34px 0 20px 15px;
text-indent:-9999px;
}

#slingco {
background-image: url(media/images/slingcologo.gif);
background-repeat:no-repeat;
background-position: right top;
width: 126px;
height:41px; 
margin: 0 15px 0 0;
text-indent:-9999px;
float: right;
}

#logo a {
display:block;
height:51px; 
}

#slingco a {
display:block;
height:41px; 
}


/* horizontal menu */

ul#nav {
margin: 0;
padding: 0 0 0 90px;
list-style: none;
float:left;
width: 820px;
background-color:transparent;
border-bottom: 1px solid #ffffff;
position: relative;
top: 3px;
}

ul#nav li {
float:left;
display:inline; 
margin: 0;
padding: 0;
}

ul#nav a {
display:block;
padding: 5px 10px;
background-image:url(media/images/grad-horiznav.gif);
background-repeat:repeat-x;
background-position:0 0;
background-color: #000000;
text-decoration: none;
color: #b2b2b2;
font: bold 80% Arial, Helvetica, Verdana, sans-serif;
margin: 0 10px 0 0;
border: 1px solid #000000;
border-bottom: 0;
}

ul#nav a:hover {
border: 1px solid #b2b2b2;
border-bottom: 0;
color: #ffffff;
background-image: none;
}

/* highlight selected section */
body.home ul#nav li a#home, body.about ul#nav li a#about, body.design ul#nav li a#design, body.products ul#nav li a#products, body.brochure ul#nav li a#brochure, body.contact ul#nav li a#contact {
color: #ffffff;
position: relative;
top: 1px;
background-image: none;
border: 1px solid #ffffff;
border-bottom: none;
}

/* main page content - left and right columns */

#content, #content2 {
	display: inline; /* fixes IE double margin bug for floated elements */
	margin: 0 10px 0 0;
	background-color: transparent;
	padding: 0;
	border: none;
	}
	
#content, #content2 {
float: right;
}

#content2 {
float: left;
font-size:80%; /*remove me when menu in place*/
}
	
#content {
	width: 640px;
	}
	
#content2 {
	width: 245px;
	}
	
h1 {
color: #b2b2b2;
font-size: 160%;
margin: 10px 0;
padding: 0;
}

h2 {
font-size: 120%;
}

/* #content h2 {
background-image: url(media/images/hprangeheader.gif);
background-repeat:no-repeat;
background-position:0 0;
background-color:#000000;
text-indent:-9999px;
height: 27px;
margin: 0;
padding: 0;
}
*/

#content p, #content li  {
	font-size: 80%;
	line-height: 130%;
	margin: 0;
	margin-bottom: 6px;
	padding: 0;
	font-weight: normal;
}
	
	/* main panel */
#mainpanel, #mainpanel2 {
border-bottom: 1px solid #ffffff;
padding: 0 10px 0 20px;
position: relative;
margin-bottom: 10px;
}

#mainpanel {
min-height:250px;
height:auto !important; /*fixes IE6 and 7 */
height:250px; /*fixes IE6 and 7 */
}

#mainpanel2 {
min-height:396px;
height:auto !important; /*fixes IE6 and 7 */
height:396px; /*fixes IE6 and 7 */
}

#mainpanel.margin p, #mainpanel2.margin p {
margin-right: 264px;
font-weight: bold;
}


/*#mainpanel2.gripname {
background-image:url(media/images/prodpics/09/test3.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}
*/

#mainpanel2.atype {
background-image:url(media/images/prodpics/watermarked/atype.jpg);
}

#mainpanel2.custom {
background-image:url(media/images/prodpics/watermarked/custom.jpg);
}

#mainpanel2.dtype {
background-image:url(media/images/prodpics/watermarked/dtype.jpg);
}

#mainpanel2.feed {
background-image:url(media/images/prodpics/watermarked/feed.jpg);
}

#mainpanel2.fiber {
background-image:url(media/images/prodpics/watermarked/fiber.jpg);
}

#mainpanel2.griprecovery {
background-image:url(media/images/prodpics/watermarked/griprecovery.jpg);
}

#mainpanel2.ltype {
background-image:url(media/images/prodpics/watermarked/ltype.jpg);
}

#mainpanel2.mutype {
background-image:url(media/images/prodpics/watermarked/mutype.jpg);
}

#mainpanel2.noncon {
background-image:url(media/images/prodpics/watermarked/noncon.jpg);
}

#mainpanel2.nonconsingle {
background-image:url(media/images/prodpics/watermarked/nonconsingle.jpg);
}

#mainpanel2.otype {
background-image:url(media/images/prodpics/watermarked/otype.jpg);
}

#mainpanel2.ostype {
background-image:url(media/images/prodpics/watermarked/ostype.jpg);
}

#mainpanel2.rtype {
background-image:url(media/images/prodpics/watermarked/rtype.jpg);
}

#mainpanel2.stype {
background-image:url(media/images/prodpics/watermarked/stype.jpg);
}

#mainpanel2.support {
background-image:url(media/images/prodpics/watermarked/support.jpg);
}

#mainpanel2.supportwind {
background-image:url(media/images/prodpics/watermarked/supportwind.jpg);
}

#mainpanel2.supportsinglelace {
background-image:url(media/images/prodpics/watermarked/support-single-lace.jpg);
}

#mainpanel2.supportdouble {
background-image:url(media/images/prodpics/watermarked/support-double.jpg);
}

#mainpanel2.supportoffset {
background-image:url(media/images/prodpics/watermarked/support-offset.jpg);
}

#mainpanel2.swivels {
background-image:url(media/images/prodpics/watermarked/swivels.jpg);
}

#mainpanel2.twinpull {
background-image:url(media/images/prodpics/watermarked/twinpull.jpg);
}

/* new products added feb 2010 */
#mainpanel2.hardeyedouble {
background-image:url(media/images/prodpics/watermarked/hardeyedouble.jpg);
}

#mainpanel2.griprecovernonBT {
background-image:url(media/images/prodpics/watermarked/griprecovernonBT.jpg);
}

#mainpanel2.flexibleeyesingle {
background-image:url(media/images/prodpics/watermarked/flexibleeyesingle.jpg);
}

#mainpanel2.conduit {
background-image:url(media/images/prodpics/watermarked/conduit.jpg);
}

/* new products added july 2010 */
#mainpanel2.sttype {
background-image:url(media/images/prodpics/watermarked/sttype.jpg);
}

#mainpanel2.rttype {
background-image:url(media/images/prodpics/watermarked/sttype.jpg);
}

#mainpanel2.ueclosed {
background-image:url(media/images/prodpics/watermarked/ueclosed.jpg);
}

#mainpanel2.wind {
background-image:url(media/images/prodpics/watermarked/wind.jpg);
}

#mainpanel2.cablelaying {
background-image:url(media/images/prodpics/watermarked/cablelaying.jpg);
}

#mainpanel2.notype {
background-image:url(media/images/prodpics/watermarked/notype.jpg);
}



#mainpanel2.atype, #mainpanel2.custom, #mainpanel2.dtype, #mainpanel2.feed, #mainpanel2.fiber, #mainpanel2.griprecovery, #mainpanel2.ltype, #mainpanel2.mutype, #mainpanel2.noncon, #mainpanel2.otype, #mainpanel2.ostype, #mainpanel2.rtype #mainpanel2.stype, #mainpanel2.support, #mainpanel2.supportwind, #mainpanel2.supportsinglelace, #mainpanel2.supportdouble, #mainpanel2.supportoffset, #mainpanel2.swivels, #mainpanel2.twinpull, #mainpanel2.hardeyedouble, #mainpanel2.griprecovernonBT, #mainpanel2.flexibleeyesingle, #mainpanel2.conduit, #mainpanel2.sttype, #mainpanel2.rttype, #mainpanel2.ueclosed, #mainpanel2.wind, #mainpanel2.cablelaying {
background-repeat: no-repeat;
background-position: right bottom;
}

.inset {
	position: absolute;
	/* left:378px;
	top:42px;
	*/
	left:478px;
	top:222px;
	border: 1px solid #ffffff;
}

.prodimage {
position: absolute;
right: 0;
bottom: 0; 
}

.producttable {
background-color:#eff1f0;
background-image:url(media/images/grad-table.jpg);
background-repeat: repeat-x;
background-position: left bottom;
}

.producttable th {
background-image: url(media/images/tableheader.gif);
background-repeat:no-repeat;
background-position:center top;
padding: 3px;
color: #ffffff;
font-size: 75%;
text-align: left;
background-color: #000000;
}

.producttable th.l {
background-position:left top;
}
.producttable th.r {
background-position:right top;
}

.producttable td {
border-bottom: 1px solid #000000;
padding: 6px 3px;
font-size: 75%;
}

/* thumbnail navigation menu */
#thumbnav {
background-image:url(media/images/grad-menu.gif);
background-repeat:repeat-x;
background-position: 0 0;
background-color:#67686B;
border: 1px solid #ffffff;
border-top: none;
/* height: 533px; */
/* overflow:auto; */
margin-bottom: 10px;
}

/* 
#content2 h2 {
background-image:url(media/images/menuthumbs/menuhead.gif);
background-repeat:no-repeat;
background-position:0 0;
text-indent:-9999px;
height: 27px;
margin: 0;
padding: 0;
}
*/

#thumbnav ul {
margin: 0;
padding: 6px;
list-style: none;
}

#thumbnav li {
margin: 0;
padding: 0;
display: inline;
}

#thumbnav li a {
margin: 8px;
padding: 0;
padding-left: 70px;
display: block;
color: #000000;
text-decoration: none;
}

a.atype {
background-image:url(media/images/menuthumbs/atype.gif);
}

a.custom {
background-image:url(media/images/menuthumbs/sample.gif);
}

a.dtype {
background-image:url(media/images/menuthumbs/dtype.gif);
}

a.feed {
background-image:url(media/images/menuthumbs/feed.gif);
}

a.fiber {
background-image:url(media/images/menuthumbs/fiber.gif);
}

a.griprecovery {
background-image:url(media/images/menuthumbs/sample.gif);
}

a.ltype {
background-image:url(media/images/menuthumbs/ltype.gif);
}

a.mutype {
background-image:url(media/images/menuthumbs/mutype.gif);
}

a.noncon {
background-image:url(media/images/menuthumbs/noncon.gif);
}

a.otype {
background-image:url(media/images/menuthumbs/otype.gif);
}

a.ostype {
background-image:url(media/images/menuthumbs/ostype.gif);
}

a.rtype {
background-image:url(media/images/menuthumbs/rtype.gif);
}

a.stype {
background-image:url(media/images/menuthumbs/stype.gif);
}

a.swivels {
background-image:url(media/images/menuthumbs/swivels.gif);
}

a.support {
background-image:url(media/images/menuthumbs/support.gif);
}

a.supportwind {
background-image:url(media/images/menuthumbs/sample.gif);
}

a.twinpull {
background-image:url(media/images/menuthumbs/sample.gif);
}

a.atype, a.dtype, a.feed, a.fiber, a.ltype, a.mutype, a.noncon, a.otype, a.ostype, a.rtype, a.stype, a.support, a.swivels, a.custom, a.griprecovery, a.supportwind, a.twinpull {
background-repeat: no-repeat;
background-position: 0 0;
min-height:70px;
height:auto !important; /*fixes IE6 and 7 */
height:70px; /*fixes IE6 and 7 */
border-bottom: 1px solid #ffffff;
}

#thumbnav li {
font-size: 90%;
font-weight: bold;
}

#thumbnav .small {
font-size: 85% !important;
font-weight: normal !important;
}


/* footer links */
#footer {
	padding: 3px;
	margin: 0;
	margin-top:10px;
	font-size: 60%;
	color: #b2b2b2;
	background-color: transparent;
	text-align: left;
	clear: both;
	}
	
	#footer a:link, #footer a {
	color: #b2b2b2;
	text-decoration: none;
	}
	
	#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}
	
/* generic stuff */
form {
margin: 0px;
}

.left {
float: left;
margin-right: 10px;
}

.right {
float: right;
margin-left: 10px;
}

.margintop {
margin-top: 20px;
}

.clear {
clear: both;
}

.center {
text-align: center;
}

input.btn {
  color: #FFFFFF;
  font-weight: bold;
  background-color: #154896;
  border: 1px solid #cccccc;
}
form p {
  clear: left;
  margin: 0;
  padding: 0;
  padding-top: 5px;
}
form p label {
  float: left;
  width: 30%;
}

li ul li {
font-size: 130% !important;
}

.landingpage {
background-color: #ffffff;
color: #000000;
padding: 10px;
}

.landingpage a {
color:#333333;
text-decoration:underline;
}

.landingpage a:hover {
color:#000000;
text-decoration:none;
}