/* 
******************************************************************* 
 
Title:			iball.css 
Browser(s):		Safari, Firefox, IE7 
 
Author:			Andy Davis (adavis@raddsigns.com) 
Version:		v1.0
Last modified:	02.20.2009 
 
******************************************************************* 
*/ 

html, body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #b7b7b7;
}

body {
	background: url(../images/main-bg.jpg) no-repeat top center #000;
}

a {
	color: #ed1c24;
	text-decoration: none;
}

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

a.visited {
	color: #ed1c24;
	text-decoration: none;
}

/*  HEADER  */

h1.logo {
	display: block;
	width: 245px;
	height: 130px;
	background: url(../images/logo.png) no-repeat;
	text-indent: -9999px;
	color: #000;
	float: left;
	margin: 12px 0 0 0;
	padding: 0px;
}

h1.logo a {
	border: none;
	display:block;
}

.newsletter {
	text-align: right;
	width: 655px;
	height: 25px;
	position: relative;
	top: 22px;
	float: right;
	display: block;
	margin-right: 0px;
}

.newsletter a {
	background: url(../images/envelope-icon.png) no-repeat;
	padding: 4px 0 0 25px;
	font: bold 10px Verdana, Arial, sans-serif;
	color: #e9c103;
	text-decoration: none;
}

.newsletter a:hover {
	color: #FFF;
	text-decoration: underline;
}

/*  HOMEPAGE MAIN BANNER  */

.main-banner {
	background: url(../images/main-banner.jpg) no-repeat #293843;
	position: relative;
}

.pics {
	position: relative;
	left: 405px;
	margin: 0;
	padding: 0;
	width: 535px;
	height: 319px;
}

.pics img {
	width: 535px;
	height: 319px;
	border: none;
	padding: none;
	top: 0;
	left: 0;
}

.video-box {
	position: relative;
	top: -307px;
	left: 372px;
	display: block;
	width: 555px;
	height: 268px;
}

.view-full-video a {
	position: relative;
	top: -28px;
	left: 58px;
	width: 257px!important;
	height: 26px!important;
	display: block;
	background: url(../images/watchvideo-btn.jpg) no-repeat;
	text-indent: -9999px;
}

.view-full-video a:hover {
	background-position: -256px 0;
}


/*  HOMEPAGE SUB BOXES  */

#sub-boxes {
	margin: 13px 0 0 0;
	padding: 0;
	font: normal 14px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #b9b8b8;
	height: 385px;
	width: 940px;
	display: block;
}

.sub-sub-body {
	padding: 15px;
	margin-top: -30px;
}

#sub-boxes li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 305px;
}


ul.box-list {
	width: 305px;
	position: relative;
	top: 220px;
	left: 20px;
	margin: 0;
	padding: 0;

}

ul.box-list li {
	font: normal 14px "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #aeadad;
	background: url(../images/list-arrow.png) no-repeat;
	padding-left: 15px!important;
	margin: 15px 0 0 0!important;
	width: 258px!important;
	line-height: 20px;
}

p.moreinfo-btn a {
	width: 266px;
	height: 29px;
	position: relative;
	top: 330px;
	left: 20px;
	text-indent: -9999px;
	background: url(../images/moreinfo-btn.gif) no-repeat #d5740a;
	display: block;
}

p.moreinfo-btn a:hover {
	background-position: -266px 0;
}

.sub-text1 {
	font: normal 11px "Arial, Helvetica, sans-serif";
	color: #7c7a7a;
	line-height: 18px;
	border-top: 1px solid #424242;
	padding-top: 15px;
	margin: 205px 15px 15px 15px!important;
}

.see-larger a {
	width: 109px;
	height: 18px;
	background: url(../images/view-larger.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 150px;
	left: 175px;
}

.box1  {
	position: relative;
	background: url(../images/sub-box-1.jpg) no-repeat #272727;
	height: 385px;
	width: 305px;
	display: block;
}

.box2 {
	background: url(../images/sub-box-2.jpg) no-repeat #272727;
	height: 385px;
	width: 305px;
	position: relative;
	left: 13px;
	display: block;
}

.box3 {
	background: url(../images/sub-box-3.jpg) no-repeat #272727;
	height: 385px;
	width: 305px;
	position: relative;
	left: 25px;
	display: block;
}


/*  PRODUCTS PAGES  */

#sub-body {
	width: 940px;
	background-color: #262626;
	margin-top: 30px;
}

#tab-box {
	width: 600px;
	float: left;
}

.contact {
	height: 400px;
}

#product-info {
	width: 265px;
	margin: 15px 15px 0px 0;
	float: right;
}

img.product-image {
	width: 259px;
	height: 231px;
	border: 2px solid #666;
	margin-bottom: 20px;
}

p.product-price {
	width: 259px;
	font: normal 36px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #e8ad3e;
	text-align: right;
}

#fragment-1, #fragment-2, #fragment-3, #fragment-4 {
	color: #CCC;
	padding: 15px;
	width: 550px;
}

#fragment-1 p, #fragment-2 p, #fragment-3 p, #fragment-4 p {
	margin-bottom: 15px;
	line-height: 20px;
}

#fragment-1 ul, #fragment-2 ul, #fragment-3 ul, #fragment-4 ul {
	margin-left: 10px;
}

#fragment-1 li, #fragment-2 li, #fragment-3 li, #fragment-4 li {
	margin-left: 10px;
	margin-bottom: 6px;
	list-style-type: square;
}

ul.tabs {
	margin-top: -30px;
}

.feature-title {
	font-weight: bold
	margin-bottom: 4px;
}

#sub-title-products {
	background: url(../images/sub-title-bg.png) repeat-x;
}

#sub-title-products h2 {
	font: bold 20px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #ce6302;
	padding: 15px 0 16px 18px;
	text-shadow: #000 1px 1px 1px;
}

.product-grid {
	padding: 15px;
	background-color: #262626;
	text-align: center;
}

.product-grid ul {
	margin:0 0 0 10px;
	padding:0;
	text-align: center;
	width: 600px;
}

.product-grid ul li {
	list-style-type: none;
	float: left;
	text-align: center;
}

.product-grid ul li a {
	color: #CCC;
	font: normal 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

.product-grid ul li a p {
	margin-bottom: 15px;
	padding-bottom: 15px;
	margin-right: 30px;
}

.product-grid ul li a img {
	margin-bottom: 10px;
	margin-right: 30px;
	border: 8px solid #333;
}

.product-grid ul li a img:hover {
	border: 8px solid #CCC;
}

.support-list {
	margin: 0 0 8px 25px;
	padding: 0 0 0 20px;
	background: url(../images/support-list-arrow.gif) no-repeat;
	font-weight: normal;
	list-style-type: none;
}

/*  PRODUCT PAGE VIDEOS  */

#sub-banner {
	position: relative;
}

.play-btn-1 a {
	position: absolute;
	top: 75px;
	left: 95px;
	z-index: 10;
	width: 40px;
	height: 40px;
	display: block;
	background: url(../images/video-arrow.png) no-repeat;
	text-indent: -9999px;
}

.play-btn-1 a:hover {
	background-position: -40px 0;
}

.play-btn-2 a {
	position: absolute;
	top: 75px;
	left: 295px;
	z-index: 10;
	width: 40px;
	height: 40px;
	display: block;
	background: url(../images/video-arrow.png) no-repeat;
	text-indent: -9999px;
}

.play-btn-2 a:hover {
	background-position: -40px 0;
}

/*  ABOUT PAGES  */

#sub-title-about {
	background: url(../images/sub-title-bg.png) repeat-x!important;
}

#sub-title-about h2 {
	font: bold 20px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #ce6302;
	padding: 15px 0 16px 18px;
	text-shadow: #000 1px 1px 1px;
	border-bottom: 1px solid #464646;
}

.about-text {
	padding: 15px;
	background-color: #262626;
	line-height: 20px;
}

.about-text p {
	margin-bottom: 15px;
	line-height: 18px;
}

.about-text strong {
	font-size: 15px;
	color: #FFF;
}

.about-text blockquote {
	font-size: 16px;
	padding-left: 20px;
	border-left: 8px solid #0076a3;
	margin-left: 10px;
	margin-bottom: 15px;
	line-height: 24px;
	color: #EFEFEF;
	
}

.side-form form {
	padding: 15px;
}

.side-form p {
	margin: 15px;
	font-weight: normal;
	font-size: 12px;
}


.side-form form {
	margin-bottom: 0px;
}

form input {
	margin-top: 8px;
	margin-bottom: 12px;
	padding-left: 4px;
}

form select {
	margin-top: 8px;
}

form textarea {
	margin-top: 8px;
}

.side-bar-form {
	width:250px;
	height: 20px;
	font: bold 13px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #333;
	background-color: #CCC;
	border: 1px solid #666;
}

.side-bar-form2 {
	width:255px;
	height: 20px;
	font: bold 13px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #333;
	background-color: #CCC;
	border: 1px solid #666;
}

.side-bar-form3 {
	width:255px;
	height: 80px;
	font: bold 13px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #333;
	background-color: #CCC;
	border: 1px solid #666;
}

.side-bar-form-btn {
	background-color: #CCC;
	border: 1px solid #666;
	padding: 4px 6px 4px 6px;
	font: bold 13px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #333;
}


.side-bar-form-btn:hover {
	background-color: #e5a230;
	border: 1px solid #666;
	padding: 4px 6px 4px 6px;
	font: bold 13px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #000;
}

.hr-or-line {
	width: 275px;
	height: 25px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/hr-or.png) no-repeat scroll center;
}

.hr-or-line hr {
	display: none;
}

p.side-note {
	font-size: 10px;
}

/*  VIDEOS PAGE  */

#video-page {
	background: url(../images/video-page-content-bg.png) repeat-x #272727;
	padding-left: 68px;
	padding-bottom: 20px;
	padding-top: 25px;
}

#video-page h2 {
	font: bold 20px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #ed1c24;
	padding: 15px 0 40px 0px;
	text-shadow: #000 1px 1px 1px;
}

#video-page h3.sub-title-video {
	font: normal 11px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #5a5959;
	padding-bottom: 6px;
	border-bottom: 1px solid #3e3d3d;
	width: 480px;
	margin-bottom: 10px;
}

.video-playback {
	border: 5px solid #000;
	width: 480px;
}

.video-thumb {
	float: left;
	margin: 0 20px 20px 0;
}

.video-thumb a {
	width: 130px;
	height: 90px;
	border: 4px solid #000;
	display: block;
}

.video-thumb a:hover {
	border: 4px solid #666;
}

.video-thumb p {
	text-align: center;
	margin-top: 10px;
	font: normal 10px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #666;
}

table.dealers {
	border: 1px solid #000;
}

table.dealers th {
	font-weight: bold;
	padding: 5px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #403c40;
}

table.dealers td {
	padding: 6px;
	text-align: center;
	font-weight: normal;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;	
}

table.dealers tr.alt {
	background-color: #000000;
}

#product-review dt {
    padding-top: 12px;
    font-weight: bold;
    font-size: 0.9em;
}