/*
Theme Name: Thor Power Products
Theme URI: http://divstrong.com/
Author: Jim Doyle
Version: 1.0
Tags: web design, custom wordpress themes, thor power products, south florida
*/

* {margin:0; padding:0;}
a {cursor:pointer; outline:none;}
a img {border:0;}

body {background:url(images/bodybg.jpg) top center no-repeat; font-family:Tahoma, Arial, Helvetica, sans-serif;}

#about h1 {color:#059db4; font-size:30px; margin:0 0 5px 0; font-family:Arial, Helvetica, sans-serif; overflow:hidden;}

#bizinfo {text-align:center; margin:0 0 0 60px; font-size:18px;}
#bizinfo a {color:#e27806;}
#bizinfo a:hover {color:#222;}
#bizinfo span {font-size:20px; display:block; margin:6px 0;}
#main #bizinfo p {font-size:14px;}

/* #bodywrap {background:url(images/thorbg.jpg) no-repeat center bottom; height:100%; width:100%;} */

#botnav ul {float:right; margin:0 25px 0 0;}
#botnav ul li {display:inline; padding:0 8px 0 4px; border-right:1px solid #fff;}
#botnav ul li.last {border:0;}
#botnav ul li a {color:#fff; text-decoration:none;}
#botnav ul li a:hover {color:#059db4;}

#catlist {overflow:hidden; clear:both;}
#catlist ul {width:190px; float:left; margin:0 0 20px 10px;}
#catlist ul ul {margin:0 0 0 25px;}
#catlist ul li {list-style-type:none; font-weight:bold; text-transform:uppercase; padding:0 0 10px 0;}
#catlist ul li li {list-style-type:square; font-weight:normal; text-transform:none; padding:2px 0;}
#catlist a {color:#059db4;}
#catlist a:hover {color:#222;}

#contact ul {margin:0 0 15px 10px; padding-top:10px;}
#contact ul li {list-style-type:none; padding:0 0 14px 0;}
#contact ul label {position:absolute; width:150px; font-weight:bold; text-transform:uppercase; font-size:18px; padding:2px 0 0 0;}
#contact ul input.field {margin-left:135px; border:1px solid #999; padding:6px; width:250px; font-size:17px;}
#contact ul input.button {margin:5px 0 0 495px; cursor:pointer; padding:5px 15px; width:100px; color:#000; font-weight:bold;}
#contact ul textarea {margin-left:135px; border:1px solid #999; padding:3px; width:450px; height:150px;}

#content {overflow:hidden; width:960px; min-height:700px;}

#copyright {float:left; color:#fff;}

#error {background:#e33607; margin:10px auto; text-align:center; color:#fff; font-size:17px; padding:8px;}

#feature {margin-bottom:20px; background:#000 url(images/productsbg1.jpg) right bottom no-repeat}
#feature h1 {color:#059db4; font-size:30px; margin:0 0 5px 0; font-family:Arial, Helvetica, sans-serif; overflow:hidden;}
#main #feature h3 {font-size:28px; margin:0 0 2px 0; color:#fff;}
#main #feature h4 {font-size:17px; color:#059db4; margin:0 0 8px 0; text-transform:uppercase;}
#main #feature p {margin-bottom:10px; font-size:14px; color:#fff;}
#feature div { padding:15px; overflow:hidden; border:1px solid #d9d9d9;}
#feature div div {border:0;}
#feature div img {float:right; margin:15px 0 0 10px;}
#feature div div a {float:right; text-decoration:none; font-weight:bold; font-size:15px; margin:0 25px 0 0; cursor:pointer; color:#e27806; text-transform:uppercase;}
#feature div div a:hover {color:#fff;}

#footer {width:960px; margin:0 auto; background:url(images/footerbg.jpg) no-repeat; overflow:hidden; padding:14px 12px 30px 12px; text-transform:uppercase; font-size:13px;}

#footerwrap {clear:both; overflow:hidden;}

#header {padding:8px 0 0 0;}

#home {}
#main #home h2 {font-size:30px; margin:0 0 0 -4px; padding:0;}

#logo {position:absolute; margin-left:-100px;}

#main {width:610px; float:right; margin:15px 15px 20px 0; padding:15px; font-family:Arial, Helvetica, sans-serif; background:#fff; border-top:10px solid #059db4; min-height:500px; border:1px solid #d9d9d9;}
#main h1 {color:#059db4; font-size:30px; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; overflow:hidden; border-bottom:1px solid #d9d9d9; padding-bottom:6px;}
#main h2 {color:#e27806; font-size:24px; margin:0 0 5px 0;}
#main h3 {color:#222; font-size:20px; margin:0 0 5px 0;}
#main p {font-size:15px; line-height:1.4em; margin:0 0 15px 0;}

#outerwrap {background:url(images/headerbg.jpg) repeat-x;}

#pdfs ul li {padding:3px 0;}
#pdfs ul a {color:#045b68;}
#pdfs ul a:hover {color:#dc7200; text-decoration:none;}

#main #products h3 {margin-bottom:2px;}
#products div.product {overflow:hidden;}
#products div.product div.img {float:right;  width:200px;}
#products div.product div.img img {width:180px; display:block; margin:0 0 10px 0;}
#main #products div.product div.img h3 {font-size:14px;}
#products div.product div.img ul {margin:0 0 15px 20px;}
#products div.product div.img ul li {font-size:12px; padding:0 0 2px 0;}
#products div.product div.txt {overflow:hidden; width:400px;}
#products div.product div.txt div {margin-bottom:20px;}
#main #products div.product div.txt h3 {text-transform:uppercase; font-size:17px; margin:0 0 4px 5px;}
#products div.product div.txt p {font-size:13px;}
#products div.product div.txt ul  { margin:0 10px 0 35px;}
#products div.product div.txt ul li {font-size:15px; padding:0 0 7px 0; line-height:1.25em;}
#products div.product img.right {float:right; margin:0; width:170px;}
#products div.product p {margin:0 0 15px 10px;}
#products div.category {overflow:hidden; background:#f9f9f9; padding:12px; margin:0 0 20px 0; border:1px solid #d9d9d9;}
#products div.category div.img {float:right; text-align:center; display:block;}
#products div.category div.img a {display:block; text-transform:uppercase; font-size:12px; font-weight:bold; text-decoration:none; color:#059db4;}
#products div.category div.img a:hover {color:#000; text-decoration:none;}
#products div.category div.img img {display:block; margin-bottom:4px;}
#products div.category div.txt {float:left; width:425px;}
#products div.category ul {margin:0 0 10px 20px; font-size:13px;}
#products div.category ul li {padding:3px 0;}
#main #products div.category h3 {font-size:17px;}
#products div.category img {float:right; width:150px;}

#specs div {background:#d9d9d9; padding:10px; margin:0 0 5px 0; border:1px solid #999;}
#main #specs div h3 { margin:0 0 6px 0; padding:0;}

#respond {display:none;}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
#scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 590px;
	height:180px;
	padding:10px;
	margin-bottom:25px;

	/* custom decorations */
	background:#000 url(images/productsbg1.jpg) right bottom no-repeat;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
#scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

#scrollable strong a {display:block; color:#fff; text-decoration:none; font-size:24px;}
#scrollable ul {float:left; width:420px;}
#scrollable ul ul {margin:5px 0 0 35px; color:#fff; width:160px; }
#scrollable ul ul li {padding:0 0 7px 0;}
#scrollable ul ul a {color:#fe890c; text-transform:uppercase; font-size:12.5px; text-decoration:none;}
#scrollable ul ul a:hover {color:#fff;}

.items div {
	float:left;
	width:600px;
}

/* single scrollable item */
#scrollable img {
	float:left; margin:10px 15px 10px 10px; max-width:150px;
}

/* active item */
#scrollable .active {
	position:relative;
	cursor:default;
}


#sidebar {position:absolute; width:401px; margin:0 0 0 -100px; background:url(images/navbg1.png) no-repeat; text-align:right; min-height:500px;}

#sidenav {margin-bottom:25px;}
#sidenav ul {width:158px; margin:170px 0 0 100px;}
#sidenav ul a {display:block; width:158px; height:30px;}
#sidenav ul a#about {background:url(images/about.png) left no-repeat;}
#sidenav ul a#about:hover {background-position:-158px;}
#sidenav ul a#products {background:url(images/products.png) left no-repeat;}
#sidenav ul a#products:hover {background-position:-158px;}
#sidenav ul a#home {background:url(images/home.png) left no-repeat;}
#sidenav ul a#home:hover {background-position:-158px;}
#sidenav ul a#contact {background:url(images/contact.png) left no-repeat;}
#sidenav ul a#contact:hover {background-position:-158px;}
#sidenav ul li {list-style-type:none; padding:0 0 45px 0;}

#success {background:#360; margin:10px auto; text-align:center; color:#fff; font-size:17px; padding:8px;}

#topinfo {float:right; color:#fff; margin-right:10px;}
#topinfo span {padding:0 7px; font-size:13px;}
#topinfo a { color:#06d0ee; text-decoration:none;}
#topinfo a:hover { color:#fff;}

#topnav {overflow:hidden; margin:0 0 0 310px; float:left;}
#topnav ul li {display:inline; padding:0 8px 0 4px; color:#fff; border-right:1px solid #f1f1f1; font-size:12px;}
#topnav ul li.last {border:0;}
#topnav ul li a {color:#fff; text-decoration:none; text-transform:uppercase; font-size:14px;}
#topnav ul li a:hover {color:#06d0ee;}

#wrap {width:960px; margin:0 auto;}


#scrollnav {float:right;}
#scrollnav a {background:#059db4; text-transform:uppercase; color:#fff; font-weight:bold; padding:5px 12px; font-size:13px; margin:0 0 0 -3px;}
#scrollnav a:hover {background:#000;}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}