/* v1.0 | 20080212 TEST */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* End Reset */

body {margin:-10px 0 0 0;padding:0;font-family: Georgia, "Times New Roman", Times, serif;font-size:12px;background: #172b2f;}

#wrapper {background: url(images/pipe-labels-bg.jpg) no-repeat;background-position:50% 0; margin:0;padding:0;}
#wrap {width:980px;margin:0 auto;padding:0;}

.center {text-align:center;}
.clear {clear:both;}
a img {border:none;}

.left {float:left;}
.right {float:right;}

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

p {line-height:18px;padding:8px;font-size:12px;}
li {line-height:18px;font-size:12px;}
td {line-height:18px;font-size:12px;}

.logo {float:left;margin:0 0 0 81px;}
.phone-number {float:left;font-size:18px; text-shadow:0 -1px 0 #333;color:#fff;font-weight:bold;margin:16px 0 0 40px;line-height:20px;}
.phone-number small {position:relative;left:50px;color:#FFCC66;}

a {color:#FFCC66;}
a:hover {color:#99CCFF;}

.left-menu {clear:both;float:left;margin:20px 25px 10px 0;width:232px;}
.left-menu a {display:block;color:#fff;text-decoration:none;margin:2px 0;padding:8px 5px; text-transform:uppercase;font-size:12px;letter-spacing:1px;}
.left-menu a:hover {border-right:1px dotted #FFCC66;color:#FFCC66;}
.left-menu ul {list-style-image: url(images/square.gif);margin:0;padding:0 0 0 30px;}
.left-menu ul li {line-height:14px;}
.left-menu ul li:hover {list-style-image: url(images/arrow-2.gif);margin:0;}
.left-menu ul li a {font-size:10px;text-decoration:none;color:#fff;letter-spacing:0px;padding:5px;}
.left-menu ul li a:hover {border-right:1px dotted #FFCC66;color:#FFCC66;}
.left-menu a.selected {background:#000;}
.left-menu ul li a.selected {background:#000;}

h1 {text-shadow:0 -1px 0 #000;font-size:28px;margin:10px 0;}
h2 {text-shadow:0 -1px 0 #000;font-size:20px;margin:10px 0;}
h3 {text-shadow:0 -1px 0 #000;font-size:16px;border-bottom:1px solid #fff;margin:10px 0;}
h4 {text-shadow:0 -1px 0 #000;font-size:16px;margin:10px 0;line-height:20px;}
h5 {}
h6 {}

.content {float:right;width:710px;background: rgba(0, 0, 0, .0);padding:0 0 20px 0;color:#fff;}
.main-copy {float:left;width:470px;}
.right-side-content {float:right;width:220px;}

.main-copy img {padding:10px;background:#000;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
.main-copy img.enabled {padding:0;background:none;-moz-border-radius: 0;-webkit-border-radius: 0;}
img.bordered {padding:10px;background:#000;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
.main-copy ul {padding:0 0 0 25px;}
.main-copy ul li {list-style:circle;}
.main-copy ol {padding:0 0 0 25px;}
.main-copy ol li {list-style: decimal;}


.product {float:right;padding:15px ;margin:10px 0 15px 20px;width:300px;background:#000;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
.product h2 {margin-top:0;text-align:right;}
.order-phone {margin: 10px 0 0 0;}
.ordering {float:left; width:300px;margin:10px 0 0 0;}

.main-copy img.copy-phone-number {padding:5px 65px;background:#000;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
.main-copy p.email-us img {margin:-12px 0 0 0;padding:0;}

#foot-wrap {clear:both;background: url(images/footer-bg.jpg) no-repeat;background-position:50% 100%;padding:0; margin:0;height:235px;}
.footer {clear:both;width:980px;margin:-12px auto 0 auto;padding:20px 0 0 0;color:#fff;}

.footer p.links {width:175px;float:left;line-height:14px;}
.footer p.links a {font-size:10px;text-decoration:none;}
.footer p.links a:hover {border-bottom:1px dashed #99CCFF;}

.magnets {clear:both;margin:0px 0 0 30px;float:right;}
.magnets div {width:210px;height:150px;padding:0px;background: none;}
.magnets h3 {color: #fff;margin:0;text-shadow:0 -1px 0 #000 ;text-align:right;}
div.magnet-1 {margin: 0 0 10px 0;}
div.magnet-2 {margin: 0 0 10px 0;}
div.magnet-3 {}

.social-icons {float:right;}
.social-icons a {display:block;float:left;width:28px;height:28px;margin:0 0 0 5px;}
.social-icons a.blogger {background:url(images/blogger.jpg) top left no-repeat;}
.social-icons a.facebook {background:url(images/facebook.jpg) top left no-repeat;}
.social-icons a.twitter {background:url(images/twitter.jpg) top left no-repeat;}
.social-icons a.youtube {background:url(images/youtube.jpg) top left no-repeat;}
.social-icons a.blogger:hover {background:url(images/blogger.jpg) bottom left no-repeat;}
.social-icons a.facebook:hover {background:url(images/facebook.jpg) bottom left no-repeat;}
.social-icons a.twitter:hover {background:url(images/twitter.jpg) bottom left no-repeat;}
.social-icons a.youtube:hover {background:url(images/youtube.jpg) bottom left no-repeat;}
.gplogo {margin:18px 0 0 -2px;}



.inner-table td {text-align:center;border:1px solid #888;padding:4px; vertical-align:middle;}
tr.header td {color:#111;background:#ccc;}
tr.header td h3 {color:#000;background:#ccc;border:none;margin:0; padding:0; text-shadow:none;}
tr.alt-bg td {color:#bbb;background:#000;}



/* Navigation Faders */

/* BEGIN CSS */
.top-nav {margin:20px 0px 0 0;float:right;width:300px;}
	
	.fadeThis {
		position:relative;
		display:block;
		height: 70px;
		width: 62px;
		background:url(images/menu-sprite.png) 0 0 no-repeat;
		float:right;
		cursor:pointer;
		margin:0 0px 0 0;
	}
	
	.fadeThis * {
	  display: none;
	}
	
	.fadeThis span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 70px;
		width: 62px;
		background:url(images/menu-sprite.png) 0 -70px no-repeat;
	}
	
	.gifts {
		background:url(images/menu-sprite.png) -62px 0 no-repeat;
	}
	.contact {
		background:url(images/menu-sprite.png) -124px 0 no-repeat;
	}
	.home {
		background:url(images/menu-sprite.png) -186px 0 no-repeat;
	}
	
	.gifts span.hover {
		background:url(images/menu-sprite.png) -62px -70px no-repeat;
	}
	.contact span.hover {
		background:url(images/menu-sprite.png) -124px -70px no-repeat;
	}
	.home span.hover {
		background:url(images/menu-sprite.png) -186px -70px no-repeat;
	}



/*-- jShowOff module styles --*/


#features, #slidingFeatures, #labelFeatures, #basicFeatures, #thumbFeatures {
	background: none;
	position: relative;
	overflow: hidden;
	width: 710px;
	height: 360px;
	border: none;
	}
.jshowoff {
	width: 670px;
	margin: 20px 0 25px 0;
	}
.jshowoff div {	
	width: 710px;
	height: 360px;
		-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
.jshowoff div, .jshowoff img, .jshowoff {

	}
#basicFeatures, .jshowoff.basicFeatures, .jshowoff.basicFeatures img, .jshowoff.basicFeatures div {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	}
.jshowoff div p, .jshowoff div h2 {
	_background-color: #efefef;
	}
.jshowoff h2, .jshowoff p {
	font-size: 18px;
	margin: 0;
	}
.jshowoff p {
	font-size: 13px;
	line-height: 15px;
	}

.jshowoff p.jshowoff-slidelinks {
	position: absolute;
	bottom: -10px;
	left: 5px;
	margin: 0;
	padding: 0;
	}
.jshowoff-slidelinks a, .jshowoff-controls a {
	display: block;
	background-color: #000;
	color: #fff;
	padding: 5px 7px 5px;
	margin: 5px 0 0 5px;
	float: left;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	outline: none;
	font-size: 11px;
	line-height: 14px;
	}
.jshowoff-slidelinks a:hover, .jshowoff-controls a:hover {
	color: #fff;
	}
.jshowoff-slidelinks a.jshowoff-active, .jshowoff-slidelinks a.jshowoff-active:hover {
	background-color: #fff;
	color: #000;
	}
p.jshowoff-controls {
	background: #aaa;
	overflow: auto;
	height: 1%;
	padding: 0 0 5px 5px;
	margin: 0;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	}
.jshowoff-controls a {
	margin: 5px 5px 0 0;
	font-size: 12px;
	line-height: 15px;
	padding: 4px 8px 5px;
	}

.jshowoff-pausetext {
	color: #fff;
	}

div.home-slider-text {width:640px;-moz-border-radius: 5px;-webkit-border-radius: 5px;padding:10px;background-color: rgba(0,0,0,.7);height: auto;position:relative; top:240px;left:24px;}

div.home-sign-printer-slider-text {width:250px;-moz-border-radius: 5px;-webkit-border-radius: 5px;padding:10px;background-color: rgba(0,0,0,.7);height: auto;position:relative; top:70px;left:18px;}

div.home-sign-printer-toro-text {width:250px;-moz-border-radius: 5px;-webkit-border-radius: 5px;padding:10px;background-color: rgba(0,0,0,.7);height: auto;position:relative; top:100px;left:410px;}

div.home-slider-text h2 {padding:0 0 5px 8px;}

.intro-slide {background:url(images/intro-slide.jpg) top left no-repeat;}
.codes-slide {background:url(images/codes-slide.jpg) top left no-repeat;}
.sign-printer-slide {background:url(images/sign-printer-slide.jpg) top left no-repeat;}
.printers-slide {background:url(images/printer-slide.jpg) top left no-repeat;}
.guides-slide {background:url(images/guide-slide.jpg) top left no-repeat;}
.toro-slide {background:url(images/toro-rotator.jpg) top left no-repeat;}
.toro-slide 


/* slideview pro */

.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/ 
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/ 
.slideViewer { /*this is the gallery container*/ 
position: relative; 
overflow: hidden;  
margin: 0; 
padding: 0; 
background: #fff; 
} 
.slideViewer ul {  /*this is your list of images*/ 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
margin: 0;  
padding: 0; 
} 
.slideViewer ul li { /*each LI item is floated; the whole list is now displayed as if its in one row*/ 
float:left; 
} 
 
/*typographic info*/ 
.slideViewer span.typo{  
padding: 6px; /* do not modify padding (yet)*/ 
background: #fff; 
color: #000; 
font: normal 10px  Georgia, "Times New Roman", Times, serif; 
} 
 
.thumbSlider { /*the thumbnails slider contanier*/ 
overflow: hidden; 
width: 1%; 
background: #000; 
} 
.thumbSlider ul { /*the thumbnails list of images*/ 
list-style-type: none; 
margin: 0;  
padding: 0; 
} 
.thumbSlider ul li{  
float:left; 
margin: 0; 
} 
.thumbSlider a{ /*the link wrapped around each thumbnail. dynamically.*/ 
color: #fff; 
text-decoration: none; 
} 
.thumbSlider a img{ 
border: 0; 
display: block; 
padding: 0; 
} 
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */ 
/* width, height and top values are dynamically added by the script. Do not modify. */ 
position:relative;  
left: 0; 
font-size: 0.01em; 
left: 0; 
margin: 0; 
padding: 0; 
} 
 
a.left, a.right { /*the left and right buttons (links)*/ 
background: transparent; /* could be any color  */ 
color: #ff0000; 
font: bold 16px Arial; 
overflow: hidden; 
} 
a.left span, a.right span{ 
 
} 
a.left img, a.right img{ 
border: 0; 
} 
a.l_dis, a.r_dis { 
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */ 
cursor: default; 
} 
a.l_dis span, a.r_dis span { 
display: none; 
} 
a:focus {outline:none;}