/***********************************************************/
/***********************************************************/
/*
Template:we_hobby
Author:Joe@x5creative.com
For Use Exclusively By:Whiteselectronics.com
Copyright 2007 White's Electronics - All Rights Reserved
/*
/***********************************************************/
/***********************************************************/

/*Global Styles*****************************************************************/
/*******************************************************************************/

body {
margin:0;
font-family:arial, helvetica;
font-size:78%;
background-color:white;
background-image:url(/images/bg_treasure.jpg);
background-position:top center;
background-repeat:repeat-x;
}

.clear {clear:both}
.inside {}

.ltable {
width:10px;
float:left
}

.ltable2 {float:left}
.rtable {padding-top:30px}

.imgfix2_bak img {
position:relative;
right:1px;
}

/***Typography*/
a {color:#000}
a:hover {color:#f40204}

/***Layout*/
/*Full Site Container*/
#wrapper {
width:800px;
margin:auto;
background-color:white;
}

/*Header Container*/
/*Header Top Container*/
#head1 {
height:90px;
overflow:hidden;
}

/*Logo Module*/
#user2 {
float:left;
height:91px;
width:560px;
background-image:url(/joomla-hobby/templates/we_hobby/images/head1w.gif);
background-repeat:no-repeat;
}

#user2 div {
font-family:palatino,serif;
font-size:30pt;
color:red;
font-weight:bold;
text-align:center;
position:relative;
top:5px;
left:100px;
}

/*Shopping Cart and Logo Module*/
#user3 {
overflow:hidden;
float:right;
height:91px;
width:240px;
background-image:url(/joomla-hobby/templates/we_hobby/images/head2w.gif);
background-repeat:no-repeat;
background-position:180px 30px;
}

.user3a {
text-align:right;
font-family:Arial,Helvetica;
font-weight:bold;
font-size:9pt;
padding-top:3px;
padding-right:6px;
}

.user3b {
text-align:right;
font-family:Arial,Helvetica;
font-weight:bold;
font-size:11px;
font-style:italic;
padding-top:3px;
padding-right:60px;
}

/*Header Bottom Left Container*/
#head2 {
width:696px;
height:60px;
float:left;
background-color:#dadada;
}

/*Top Navigation - yui menu goes here*/
#top {
padding-left:10px;
/*width:670px;*/
width:590px;
}

#top .moduletable-nav {
position:relative;
top:-8px;
}

/*Inset Module*/
#inset {
display:block;
left:0px;
top:7px;
text-align:center;
font-size:10px;
font-weight:bold;
width:696px;
height:25px;
}

#inset .moduletable {padding-top:5px}
.yuimenubaritem span, .yuimenuitem span {font-size:16px}
.yuimenubar a {line-height:1.5}

/*Header Bottom Right Container*/
#head3 {
float:right;
width:104px;
height:60px;
background-color:#dadada;
}

/*Dealer Locator*/
#user4 {
overflow:hidden;
width:104px;
height:45px;
padding-top:5px;
}


#user4 form {
position:relative;
top:-3px;
}

.smaller, #ziplocator {font-size:9pt}

#submit1 {
position:relative;
top:4px;
border:0;
}

/*Bottom 3 Popup Mods*/
#bottommods {
z-index:0;
height:193px;
overflow:hidden;
}

#user6 {
float:left;
width:307px;
}

#user7 {
float:left;
width:182px
}

#user8 {
float:left;
width:311px;
}

/*Footer Navigation*/
#bottom {}

/*Disclaimer, Contact, etc.*/
#user9, #user10 {}

/*Functional Styles*****************************************************************/
/*******************************************************************************/

#modright {
float:right;
width:120px;
margin-top:24px;
margin-left:0;
}

#modright a {text-decoration:none}

#modleft {
background-color:#dadada;
float:left;
width:120px;
overflow:hidden;
margin-right:0;
}

#content {
text-align:left;
float:left;
width:520px;
}

#main-body {
background-image:url(/joomla-hobby/templates/we_hobby/images/body_bg.png);
background-repeat:repeat-y;
background-position:-20px 0px;
float:left;
width:800px;
}

#main-body-right {
background-image:url(/joomla-hobby/templates/we_hobby/images/body_bg.png);
background-repeat:repeat-y;
background-position:-20px 0px;
float:left;
width:800px;
}

#content-right {
text-align:left;
float:left;
width:660px;
}

#main-body-left {
background-image:url(/joomla-hobby/templates/we_hobby/images/body_bg.png);
background-repeat:repeat-y;
background-position:-20px 0px;
float:left;
width:800px;
}

#content-left {
text-align:left;
float:left;
width:660px;
overflow:hidden;
}

#main-body-full {
float:left;
width:800px;
}

#content-full {
padding:0px;
text-align:left;
width:800px;
}

/***Content Styles*/
/*General Styles*/
.contentpaneopen > tbody > tr > td {padding-left:5px}

.contentpaneopen .contentheading {
font-size:18px;
color:#fff;
font-weight:bold;
background-image:url(/joomla-hobby/templates/we_hobby/images/ch_bg.png);
background-position:right;
background-repeat:repeat-y;
background-color:#ac2337;
}

.back_button {text-align:center}

/*Dealers*/
.contentfix2 {padding:10px 0 0 10px}

/*Distributor Map*/
.contentfix3 {height:1900px;overflow:hidden}


/*Full Width*/
#content-full .contentpaneopen, #content-full .contentpaneopen .contentheading {width:800px}


/*Three column specific*/
.contentpaneopen {
width:560px;
position:relative;left:-2px;
top:-2px;
}

/*Whites Treasure Hunting*/

#tvl {
background:#808080;
position:relative;
top:-5px;
left:-5px;
width:560px;
}

#tvi {
width:240px;
float:left;
padding:10px;
color:#fff;
}

#tvr{
background:#000;
width:300px;
float:right;
padding-bottom:10px;
}

/*Contact Page Styles*/
#cwrapper hr {
width:96%;
margin-top:15px;
}
#cwrapper .headline7 {text-align:center}
#cleft .headline7, #cright .headline7 {margin-bottom:20px}
#cdistlink {
position:relative;
bottom:20px;
text-align:center;
margin-bottom:-15px;
}


/***Component Styles*/

/***Menu Styles*/
/*Suckerfish*/
/*Bottom Menu*/
#bottom .moduletable {
margin-top:15px;
text-align:center;
}

#bottom .moduletable a {padding:0 10px}

/***Module Styles*/

/*Shopping Cart*/

#viewcarticon {
position:relative;
right:-35px;
}

#viewcarticon img{border:none}

#viewcart {
position:relative;
left:38px;
bottom:8px;
}

#myaccount{
display:block;
position:relative;
right:-154px;
bottom:21px;
}

/*Left Module Styles*/
#modleft .moduletable td, #modleft .moduletable h3, #modleft {text-align:center}

#modleft .moduletable h3 {
display:table;
color:#a03030;
margin:0 auto;
font-size:15px;
Display:block;
width:100px;
text-align:center;
}

#modleft .moduletable {margin-bottom:15px}
#modright .moduletable h3 {margin:0}

/*Front Page Popup Modules*/
#user6 .moduletable h3, #user7 .moduletable h3 {
font-style:italic;
text-align:center;
font-size:12px;
color:#fff;
margin-bottom:0;
font-family:arial, helvetica;
}

/*Prizm Coupon*/
#user7 .moduletable {
font-family:serif;
font-size:16px;
text-decoration:underline;
}

#user7 .coupon {margin-left:10px}


/*Left modules general*/
#modleft .moduletable {
font-size:10px;
line-height:18px;
background-image:url("/images/stories/legacy/dotsleft.gif");
background-repeat:no-repeat;
background-position:50% 99%;
padding-bottom:15px;
}

/*Right Module Image Styles*/
#modleft .moduletable-image {
margin-top:37px;
padding:0;
}

/*Right Module Phone Styles*/
#modleft .moduletable-phone {margin-top:18px}

/*Right Module Styles*/
#dealer_infobox_main {
font-size:11px;
text-align:center;
}

#dealer_infobox_title {color:#3366ff}

#dealer_infobox_line {
color:#ab2034;
margin-bottom:10px;
}

#dealer_infobox_border {border:2px outset}

#dealer_infobox_post {
font-size:10px;
font-style:italic;
}

#order_by_part {
font-size:11px;
text-align:center;
margin-top:10px;
margin-bottom:10px;
}

/* newsletter subscribe module */
.nl-darkblue {
background-color:#000044;
width:172px;
height:60px;
padding-top:5px;
margin-top:15px;
}

.nl-yellow {
font-size:13pt;
font-style:italic;
color:yellow;
height:30px;
float:left;
padding-right:5px;
text-align:left;
}

.nl-white {
font-family:Helvetica,Arial,sans-serif;
font-size:10pt;
font-weight:bold;
color:white;
height:30px;
text-align:left;
}

.nl-input {font-size:7pt}
.nl-submit {font-size:5pt}

/*five ways to buy module*/
#fways {
border:3px outset #000;
width:311px;
height:189px;
overflow:hidden;
}

#fhead {
padding-top:3px;
background-color:#a03030;
height:50px;
text-align:center;
font-size:20px;
color:#fff;
font-weight:bold;
}

#fone, #ftwo {
float:left;
width:145px;
padding:5px 0px 5px 0px;
}

/*Recommended Accessories*/
.ra {
position:relative;
width:100px;
height:380px;
margin-top:3px;
padding:72px 10px 0 10px;
text-align:center;
background-image:url(/joomla-hobby/templates/we_hobby/images/ri_bg.png);
background-repeat:no-repeat;
}

/*Original Styles***/

FORM, INPUT {
margin:0;
margin-left:0;
margin-top:0;
margin-right:0;
margin-bottom:0;
}

.bodytext {
font:11px arial, helvetica;
color:#000000;
padding-left:10px;
}

.bodytexttimes {
font:11px times;
color:#000000;
padding-left:10px;
}

.bodytextcloth {
font:11px arial, helvetica;
color:#000000;
padding-left:10px;
padding-top:10px;
}

.bodytextunderline {
font:11px arial, helvetica;
color:#000000;
padding-left:10px;
text-decoration:underline;
}

.bodytextbuy {
font:11px arial, helvetica;
color:#000000;
padding-left:15px;
padding-right:10px;
}

.bodytextsetprice {
font:9px arial, helvetica;
color:#000000;
font-style:italic;
}

.bodytextnopad {
font:11px arial, helvetica;
color:#000000;
}

.bodytext2 {
font:10px arial, helvetica;
color:#000000;
font-style:italic;
}

.bodytext2a {
font:10px arial, helvetica;
color:#000000;
padding-left:15px;
padding-right:15px;
font-style:italic;
}

.bodytext2b {
font:11px arial, helvetica;
color:#ffffff;
font-style:italic;
font-weight:bold;
}

.bodytext2c {
font:10px arial, helvetica;
color:#000000;
padding-left:15px;
padding-right:15px;
}

.bodytextprod {
font:11px arial, helvetica;
color:#000000;
font-weight:bold;
padding-left:40px;
padding-right:10px;
}

.bodytextprod2 {
font:11px arial, helvetica;
color:#000000;
padding-left:40px;
padding-right:5px;
}

.bodytextprod2a {
font:12px arial, helvetica;
color:#ab2034;
font-weight:bold;
padding-left:40px;
padding-right:5px;
}

.bodytextprod3 {
font:12px arial, helvetica;
color:#ab2034;
font-weight:bold;
padding-left:40px;
}

.bodytexttwobuy {
font:13px times, serif;
color:#000000;
font-style:italic;
padding-left:30px;
}

.bodytextemail {
font:10px arial, helvetica;
color:#000000;
}

.workbody {
font:10pt arial, helvetica, sans-serif;
color:#000000;
padding-left:15px;
}

.linktext3 {
font:10px arial, helvetica;
color:#000000;
font-weight:bold;
padding-bottom:5px;
}

.bodytextrect {
font:11px arial, helvetica;
color:#000000;
padding-left:5px;
padding-right:5px;
}

.bodytextproduct {
font:11px arial, helvetica;
color:#000000;
padding-right:10px;
}

.bodytextphone {
font:12px arial, helvetica;
color:#000000;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
}

.headlinerect {
font:11px arial, helvetica;
color:#000000;
font-weight:bold;
}

.bodytextaccess1 {
font:11px arial, helvetica;
color:#000000;
font-weight:bold;
padding-bottom:2px;
}

.bodytextaccess2 {
font:12px arial, helvetica;
color:#ab2034;
font-weight:bold;
padding-top:2px;
}

.chartbody {
font:14px arial, helvetica;
color:#000000;
font-weight:bold;
}

.chartbody2 {
font:24px arial, helvetica;
color:#000000;
font-weight:bold;
}

.chartbody3 {
font:24px arial, helvetica;
color:#000000;
font-weight:bold;
}

.charttitle {
font:14px arial, helvetica;
color:#ffffff;
font-weight:bold;
}

.batterybody {
font:10px arial, helvetica;
color:#000000;
padding-top:0px;
padding-bottom:10px;
}

.batteryhead {
font:11px arial, helvetica;
color:#000000;
padding-right:10px;
padding-top:0px;
font-weight:bold;
}

.prodachead {
font:11px arial, helvetica;
color:#000000;
padding-right:10px;
padding-top:0px;
padding-bottom:10px;
padding-left:10px;
font-weight:bold;
}

.prodaccbody {
font:10px arial, helvetica;
color:#000000;
padding-top:0px;
padding-bottom:10px;
padding-left:10px;
}

.prodbodyindnt {
font:11px arial, helvetica;
color:#000000;
padding-left:30px;
padding-right:10px;
}

.prodbody2 {
font:12px arial, helvetica;
color:#000000;
font-weight:bold;
padding-left:10px;
padding-right:5px;
}

.bodytextnewsflash {
font:11px arial, helvetica;
color:#ffffff;
font-weight:bold;
padding-left:20px;
}

.bodytextnews2 {
font:11px arial, helvetica;
color:#000000;
padding-left:20px;
}

.bodytextred {
font:12px arial, helvetica;
color:#ab2034;
font-weight:bold;
padding-left:10px;
padding-right:10px;
}

.bodytextwht {
font:11px arial, helvetica;
color:#ffffff;
font-weight:bold;
padding-left:10px;
padding-right:5px;
}

.bodytextwht2 {
font:12px arial, helvetica;
color:#ffffff;
font-weight:bold;
}

.bodytextblk {
font:11px arial, helvetica;
color:#000000;
padding-left:10px;
}

.bodytextsubmit {
font:11px arial, helvetica;
color:#000000;
padding-left:10px;
}

.storiesindent {padding-left:5px}

.storieshead {
font:12px arial, helvetica;
color:#000000;
font-weight:bold;
padding-left:10px;
padding-right:20px;
width:100px;
float:left;
}

.storiesname {
font:12px arial, helvetica;
color:#000000;
font-style:italic;
padding-left:10px;
padding-right:20px;
float:left;
}

.storiesbody {
font:11px arial, helvetica;
color:#000000;
padding-left:10px;
padding-right:20px;
}

.storiesbody3 {
font:12px arial, helvetica;
color:#000000;
padding-left:30px;
padding-top:5px;
padding-right:20px;
}

.bodytextv {
font:11px arial, helvetica;
color:#000000;
padding-left:10px;
}

.enginheader {
font:18px arial, helvetica;
color:#000000;
font-weight:bold;
padding-left:10px;
}

.enginheader2 {
font:16px arial, helvetica;
color:#000000;
font-weight:bold;
padding-left:10px;
}

.enginheader3 {
font:14px arial, helvetica;
color:#000000;
font-weight:bold;
padding-left:10px;
}

.enginheader3a {
font:14px arial, helvetica;
color:#000000;
padding-left:10px;
}

.enginheader4 {
font:13px arial, helvetica;
color:#000000;
font-weight:bold;
padding-left:15px;
}

.enginheader5 {
font:13px arial, helvetica;
color:#000000;
font-weight:bold;
padding-left:15px;
}

.headline1 {
font:18px arial, helvetica;
color:#999999;
font-weight:bold;
padding-left:20px;
}

.headline2 {
font:16px arial, helvetica;
color:#ffff33;
font-weight:bold;
padding-left:10px;
}

.headline3 {
font:12px arial, helvetica;
color:#000000;
font-weight:bold;
padding-left:10px;
padding-bottom:10px;
}

.headline3a {
font:12px arial, helvetica;
color:#000000;
font-weight:bold;
padding-left:10px;
}

.headline4 {
font:18px arial, helvetica;
color:#ab2034;
font-weight:bold;
padding-left:7px;
}

.headline4bb {
font:26px arial, helvetica;
color:#ab2034;
font-weight:bold;
padding-left:7px;
}

.headline4b {
font:14px arial, helvetica;
color:#ab2034;
font-weight:bold;
padding-left:10px;
}

.headline4wh {
font:18px arial, helvetica;
color:#0033FF;
font-weight:bold;
padding-top:2px;
}

.headline4wh2 {
font:13px arial, helvetica;
color:#ab2034;
font-weight:bold;
padding-left:40px;
}

.headline4wh3 {
font:16px arial, helvetica;
color:#ab2034;
font-weight:bold;
padding-top:2px;
}

.headline7 {
font:18px arial, helvetica;
color:#000000;
font-weight:bold;
padding-left:10px;
}

.headline7a {
font:18px arial, helvetica;
color:#ffffff;
font-weight:bold;
padding-left:10px;
}

.headline7b {
font:18px arial, helvetica;
font-weight:bold;
padding-left:10px;
}

.headlineblue {
font:14px arial, helvetica;
color:#0033ff;
font-weight:bold;
padding-left:10px;
}

.headline4a {
font:14px arial, helvetica;
color:#3333cc;
font-weight:bold;
padding-left:7px;
}

.headline5 {
font:14px arial, helvetica;
color:#ab2034;
font-weight:bold;
padding-bottom:3px;
padding-top:3px;
text-indent:7px;
}

.headline5a {
font:18px arial, helvetica;
color:#000000;
font-weight:bold;
padding-left:10px;
padding-top:10px;
}

.headline5b {
font:14px arial, helvetica;
color:#ab2034;
font-weight:bold;
}

.headline6 {
font:24px arial, helvetica;
color:#ab2034;
font-weight:bold;
padding-left:10px;
}

.bodytextdealertop {
font:11px arial, helvetica;
color:#3366ff;
padding-left:10px;
padding-right:10px;
font-weight:bold;
}

.bodytextdealer {
font:11px arial, helvetica;
color:#ab2034;
padding-left:10px;
padding-right:10px;
}

.headline8 {
font:14px arial, helvetica;
color:#ab2034;
font-weight:bold;
padding-left:10px;
}

.headline9 {
font:16px arial, helvetica;
color:#000000;
font-weight:bold;
padding-left:10px;
}

.bodytextacc {
width:510px;
padding:0 5px
}

.storysum {
width:520px;
border-top:20px solid #3287fe;
border-bottom:2px solid #3287fe;
}

#storysum1 {
width:235px;
padding-top:5px;
padding-left:10px;
border-right:2px solid #3287fe;
}

#storysum2 {
width:235px;
padding-top:15px;
padding-left:10px;
}

#storysum1 .contentpaneopen {width:235px}

.contentstory2 {
position:relative;
left:5px;
width:520px;
border:2px solid #3287fe;
}

.storiesbody,.story {max-width:490px}

.storysep {
width:520px;
border-top:2px solid #3287fe;
}

.yearbox {
width:200px;
float:left;
margin:10px 0px;
}

img {border:0}

.contentgeneric {
width:520px;
padding-left:10px;
}

.content-dealerlookup {
width:790px;
padding-left:10px;
}

#dealerlookup-map {padding-top:10px}

#dealerlookup-left {
float:right;
width:395px;
}

#dealerlookup-right {float:right}
#dealerlookup-right .contentpaneopen {width:395px}
.moduletable-google-analytics {display:none}
.moduletable-google-dealerlookup1 {text-align:center}

.storycrumb {
float:left;
padding:2px 20px 2px 20px;
list-style:none;
border-left:2px solid black;
}

/* CSS for gold price on home page */
#user1 {
position:relative;
width:800px;
height:378px;
}

.imgMain {
position:absolute;
top:0px;
left:0px;
}

.homeGoldClose, .homeGoldOpen {
position:absolute;
top:0px;
left:618px;
}

.homeGoldClose {z-index:-1}
.homeGoldOpen {z-index:none}

.techspec {
border-collapse:collapse;
width:100%;
}

.techspec, .techspec>tbody>tr>td {border:1px solid black}

.dpform a {
text-decoration:none;
color:black;
}

.dphead, .dphead a {
background-color:black;
color:silver;
}

.dphead {overflow:hidden}

.dpheadleft {
float:left;
width:400px;
}

.dpheadright {
background-color:black;
color:silver;
float:left;
font-size:16pt;
font-weight:bold;
padding-top:10px;
text-align:center;
width:400px;
}

.dpform {font-size:14pt}

.dpform ul, .dpform p {
margin:0px;
padding-top:10px;
}

.dpbody {
background-color:white;
color:black;
}

.dpimg-black, .dpmenubar {background-color:black}
.dpbuttons {float:left}

.dptitle {
background-color:black;
color:white;
float:right;
text-align:right;
}

.dealerbody {
background-color:#dcdcd4;
font-size:12pt;
}

.dealerrow1 {padding:20px 0px 10px 0px}

#dealerb1 {
left:25px;
position:relative;
width:750px;
}

#dealerb2 {
background-color:white;
left:25px;
padding:10px;
position:relative;
width:730px;
}

#dealerb2 .contentpaneopen {width:355px}

.dealerimg {
float:left;
width:250px;
}

.dealercontact {
float:left;
padding-left:20px;
width:240px;
overflow:hidden;
}

.dealerdirections {
float:left;
width:240px;
}

.dealerb2left {
float:left;
width:375px;
}

.dealerb2right {
float:left;
width:355px;
}

.dpoutline1 {border:1px solid black}

.dpoutline2 {border:none}

#dpadv table {border-collapse:collapse}

#dpadv tbody > tr > td {
padding-left:0px;
padding-right:0px;
}

#dpadv .contentpaneopen {
position:static;
left:0px;
top:0px;
}

ul#rotator {
list-style:none;
margin:0px;
padding:0px;
width:799px;
height:378px;
overflow:hidden;
}

ul#rotator li, ul#rotator li a, ul#rotator li img.home-main, ul#rotator li a img.home-main {
width:799px;
height:378px;
margin:0px;
padding:0px;
border:none;
}

#detectordata {display:none}

.dsBody, .dsTitle {
font-family:arial, helvetica;
font-size:12px;
padding-left:10px;
text-align:left;
}

.dsCollapsed .dsTitle {
background-image:url(/joomla-hobby/templates/we_hobby/images/collapsed.gif);
background-position:center left;
background-repeat:no-repeat;
}

.dsExpanded .dsTitle {
background-image:url(/joomla-hobby/templates/we_hobby/images/expanded.gif);
background-position:center left;
background-repeat:no-repeat;
}

.dsCollapsed .dsBody {display:none}