/* CSS Document */

body {
	background:url(../images/background1.jpg) repeat-x #000000;
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#727272;
}

div#container {
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

.clear {
	float:none;
	clear:both;
	height:0px;
	font-size:1px;
}

form {
	margin:0px;
	padding:0px;
}


div#banner-upper {
	height:79px;
}

div#banner-lower {
	height:51px;
}

.logo {
	margin:30px 0px 0px 0px;
	width:320px;
	float:left;
}

.strapline {
	font-size:18px;
	font-family:'Times New Roman', Times, serif;
	margin-top:20px;
}

div#search-box {
	float:right;
	width:195px;
	margin:15px 0px 0px 0px;	
}

div#search-box input {
	color:#FFFFFF;
	font-size:12px;
	background:#000;
	border:0px;
	width:170px;
}

#search-btn {
	height:16px;
	width:16px;
}

div#search-box-holder {
	border:1px solid #333333;
	padding:2px;
	background:#000;
}

div#banner-menu {
	margin:0px;
	height:14px;
	width:650px;
	float:left;
}

div#banner-menu ul {
	margin-top:25px;
	padding:0px;
	list-style-type:none;
}

div#banner-menu li {
	display:block;
	padding:0px 20px 0px 20px;
	float:left;
	border-right:1px solid #343434;
	height:12px;
}

div#main-area {
	margin:30px 0px 0px 0px;
}

div#box-1 {
	margin:30px 0px 0px 0px;
	float:left;
}

div#box-2 {
	float:left;
	margin:30px 0px 0px 12px;
}

div#box-3 {
	float:left;
	margin:30px 0px 0px 12px;
}

div#footer {
	margin:25px 0px 0px 0px;
	border-top:2px solid #222222;
	padding:10px 0px 20px 0px;
	font-size:12px;
}

div#footer-left ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

div#footer-left li {
	display:block;
	padding:0px 20px 0px 20px;
	float:left;
	border-right:1px solid #222222;
	height:12px;
}

div#footer-right {
	float:right;
	margin:0px 0px 0px 0px;
}


div#center-column {
	float:left;
	width:570px;
	margin:0px 30px 0px 20px;
}

.product-box-left {
	float:left;
	width:135px;
	height:auto;
	text-align:center;
	margin-left:40px;
}

.product-box-middle {
	float:left;
	width:135px;
	height:auto;
	text-align:center;
	margin-left:40px;
	margin-right:40px;
}


.product-box-right {
	float:left;
	width:135px;
	height:auto;
	text-align:center;
	margin-right:40px;
}

div.row {
	float:none;
	clear:both;
	height:auto;
	margin-bottom:20px;
}

div.row-clear {
	float:none;
	clear:both;
	height:20px;
}

.watch-link {
	text-align:center;
	width:135px;
	margin-top:20px;
	font-weight:bold;
}

div#no-results {
	width:550px;
	background:#000;
	padding:10px;
	text-align:center;
	color:#9e9e9e;
	font-weight:bold;
	margin-top:20px;
	font-size:13px;
}

/* SLIDESHOW */

div#slideshow {
    position:relative;
    height:270px;
}

div#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

div#slideshow IMG.active {
    z-index:10;
}

div#slideshow IMG.last-active {
    z-index:9;
}



/* PRODUCTS SECTION */

div#left-column {
	float:left;
	width:180px;
}

div#left-column li {
	list-style-type:none;
	margin-top:5px;
}


div#product-box {
	width:570px;
	margin-top:15px;
	border:1px solid #222222;
	background-color:#000000;
	height:auto;
	padding-bottom:20px;
}

.watch-area {
	float:left;
	width:220px;
	margin:30px 20px 0px 5px;
}

div#description-area {
	float:right;
	width:300px;
	margin:20px 15px 0px 0px;
}

.quick-overview {
	border-top:1px dotted #323232;
}

.availability {
	border-top:1px dotted #323232;
	padding:10px 0px 0px 0px;
	margin:10px 0px 0px 0px;
}

.data-table { border:1px solid #222; width:540px;border-bottom:0px; }
.data-table tr { }
.data-table tr.odd  { background:#0a0a0a; }
.data-table tr.even { background:#111 !important; }
.data-table .label {padding:5px 0px 5px 5px;font-weight:bold;color:#636363;border-right:1px solid #222;border-bottom:1px solid #222;}
.data-table .data {padding:5px 0px 5px 5px;border-bottom:1px solid #222;}


/* NEWS LISTINGS */

div#news-listings {
	float:left;
	width:745px;
	margin:0px 20px 0px 0px;
}

div#right-column {
	float:left;
	width:140px;
}

div#right-column ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
}


div#right-column li {	
	padding:0px;
	margin:0px;
}



/* CONTACT FORM */

#contactForm {
	margin-top:25px;
	background-color:#000000;
	border:1px solid #222222;
	width:660px;
	height:300px;
	padding:30px 0px 0px 30px;
}

#contactForm p {
	margin-top:5px;
	margin-left:0px;
	height:13px;
}


#contactForm input {
	width:200px;
	font-size:12px;
	margin:0px;
	float:left;
	background-color:#cccccc;
	border:1px solid #969696;
}

#contactForm button {
	background-color:#ffffff;
	border:none;
}

#contactForm textarea {
	font-family:Arial, Helvetica, sans-serif;
	width:280px;
	height:100px;
	border:1px solid #969696;
	background-color:#CCCCCC;
	font-size:12px;
	float:left;
}

#contactForm label {	
	width:120px;
	text-align:left;
	margin-right:5px;
	float:left;
}

#contactForm label.error {
	float:left;
	font-size:11px;
	color:#FFFFFF;
	padding-left:20px;
	background-image:url(../images/field-error.png);
	background-repeat:no-repeat;
	background-position:left center;
	margin-left:4px;
	font-style:italic;	
	height:20px;
	font-weight:normal;
	text-align:left;	
	width:150px;
	padding-top:3px;
	
}

#contactForm label.success {
	font-size:11px;
	color:#999999;
	padding-left:20px;
	background-image:url(../images/field-ok.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-top:0px;
	margin-left:4px;	
	height:20px;
	text-align:left;
	width:40px;
	float:left;

}

#contactForm .submit {
	width:80px;
	height:26px;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:1.9em;
	border:1px solid #222222;
	background-color:#4d4d4d;
}



#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #CCC;	
	padding: 5px;
	opacity: 0.85;
	font-size:11px;
	font-weight:normal;
	background-color:#656565;
	color:#FFF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 0.4em;
	width:200px;
}
#tooltip h3, #tooltip div { 
	margin: 0;
	font-size:11px; 
	font-weight:normal;
	}
	
#tooltip.regtip {
	width:300px;
	background-color:#CCC;
	color:#444;
}


/* PAGINATION */

div#pagination {
	padding:5px;
	height:16px;
	font-size:12px;
	width:560px;
	margin:0px;
	border-bottom:1px solid #333333;
	margin-bottom:30px;
}

#pagination ul {
	float:right;
	list-style-type:none;
	margin:0px;
	padding:0;	
}

#pagination li {
	display:inline;
	
}

#pagination li a {
	cursor:pointer;
	color:#636363;
	font-weight:normal;
	font-size:12px;
	text-decoration:none;
	border:0px;	
	outline: none;
    	-moz-outline-style: none;
    	margin-left:4px;
}


#pagination li a:hover {
	color:#ffffff;
}

#pagination li a.current {
	color:#ffffff;
	text-decoration:none;
}

#pagination .summary {
	float:left;
	color:#636363;
	font-size:12px;
	width:250px;
}

input#subscribe {
	color:#636363;
	border:1px solid #333333;
	padding:2px;
	font-size:12px;
	background:#111;
	width:150px;
	margin-top:4px;
}
input#subscribe-btn {
	color:#FFF;
	border:1px solid #333333;
	padding:2px;
	font-size:12px;
	background-color:#2f2f2f;
	margin:4px 0px;
	cursor:pointer;
}
input#subscribe-btn:hover {
	background-color: #656565;
}

/* IMPROMPTU */

.jgfade{
	position: absolute;
	background-color: #999;
}
div.jg{
	width: 300px;
	font-family:Arial, Helvetica, sans-serif;
	position: absolute;
	background-color: #000000;
	font-size: 12px;
	text-align: left;
	border: solid 1px #636363;
	border-radius: 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 2px;
}
div.jg .jgcontainer{
	font-weight: bold;
}
div.jg .jgtitle { 
      padding: 5px; 
      line-height: 20px; 
      color: #bbbbbb; 
      background: #636363;;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
}
div.jg .jgclose{
	position: absolute;
	top: 11px; right: 5px;
	width: 18px;
	cursor: default;
	color: #bbbbbb;
	font-weight: bold;
}
div.jg .jgmessage{
	padding: 2px;
	line-height: 20px;
	color: #ccc;
}
div.jg .jgbuttons{
	text-align: right;
	padding: 5px 0 5px 0;
	background-color: #000;
}
div.jg button{
	padding: 3px 10px;
	margin: 0 10px;
	color:#FFF;
	border:1px solid #333333;
	padding:2px;
	font-size:12px;
	background:#2f2f2f;
	cursor:pointer;
}
div.jg button:hover{
	background-color: #656565;
}
div.jg button.jgdefaultbutton{
	background-color: #BF5E26;
}
.jgwarning .jg .jgbuttons{
	background-color: #BF5E26;
}