* html {
/*cancel out browser's default style*/
font-style:normal;
font-weight:400;
text-decoration:none;
margin:0;
padding:0
}

.contentbackground{
 background-color:black;
}

body {
color:#ceebeb;
text-align:left;
font-weight:400;
font:90% Arial,Helvetica,sans-serif;
line-height:1.3;
letter-spacing:normal;
vertical-align:top;
background:url(images/backgrounds/bk_gray.jpg) no-repeat #cccccc;

margin:0;
padding:0
}

p {
font-size:1em
}

table tr {
vertical-align:top
}

.imgNoBorder {
border:0
}

.title {
width:400px;
height:25px;
padding-left:10px;
background-color:#669999;
vertical-align:middle;
color:#000;
font-weight:700;
font-size:14px;
line-height:1.6
/*filter:alpha(opacity=75);*/   /* Internet Explorer       */
/* -moz-opacity:0.75;*/           /* Mozilla 1.6 and below   */
/*opacity: 0.75; */              /* newer Mozilla and CSS-3 */
}

.right {
float:right;
padding:5px
}

.left {
padding-right:10px;
padding-bottom:10px;
float:left
}

.leftprocess {
padding-right:10px;
padding-top:10px;
float:left
}


.red{
color:#cc0000;
}

.redBold {
color:#cc0000;
font-weight:700
}

.lightblue {
color:#99CCFF;
color:#3399CC;
}

.lightblueBold {
color:#99CCFF;
color:#3399CC;
font-weight:700
}


.generaltextcolor{color:#ceebeb;}


.subTitle {
color:#cccc99;
font-weight:700;
font-size:16px
}

/* left navigation menu */

ul.sidemenu {
list-style:none;
font-size:13px;
border-bottom:1px solid gray;
width:170px;
margin:0;
padding:0
}

ul.sidemenu li {
border-top:1px solid gray;
border-left:1px solid gray
}

ul.sidemenu li a {
text-decoration:none;
display:block;
height:100%;
color:#FFF;
font-weight:700;
padding-top:8px;
padding-bottom:8px;
padding-left:10px
}

ul.sidemenu li a:hover {
background-color:#000;
color:#ccc
}

#sidecurrent {
background-color:#e9eae5; /* not web safe color */
}

#sidecurrent a {
color:#000066;
}

#sidecurrent a:hover {
background-color:#000;
color:#FFF
}


/* horizontal menu */

.topmenu ul {
padding-left:3px;
white-space:nowrap;
font-size:14px;
font-weight:700;
margin:0
}

.topmenu ul li {
display:inline;
border-right:2px solid gray
}

.topmenu ul li a {
color:#ccc;
text-decoration:none;
padding:2px 1em
}

#topcurrent a {
font-weight:700;
font-size:14px;
color:#FFF
}

.showsub {
font-weight:700;
font-size:14px;
color:#FFF;
padding-left:20px;
}

.editableAreaOuterTable{
width:100%; /* 770px */
padding-bottom:30px;
vertical-align:top
}

.outerTable {
width:100%
}

.editableArea {
width:700px;
vertical-align:top
}

.editableHArea {
width:1200px;
vertical-align:top
}

.col1LeftMenuTd {
width:170px;
vertical-align:middle;
padding-left:10px
}


.col1LeftMenu {
width:170px
}

.col2VerticalLine {
width:38px
}

.col2CornerTop {
/*width:38px;
background:url(images/elements/cornerTop.gif) no-repeat top center*/
width:828px;vertical-align:bottom;background:url(images/elements/topBarL.gif) no-repeat top left;
}

.col2CornerTopH {
/*width:38px;
background:url(images/elements/cornerTop.gif) no-repeat top center*/
width:1300px;vertical-align:bottom;background:url(images/elements/topBarLH.gif) no-repeat top left;
}

.col2VerticalDoubleLine {
width:38px;
background:url(images/elements/doublelineV.jpg) repeat-y top center
}

.col2CornerBottom {
width:38px;
background:url(images/elements/cornerBottom.gif) no-repeat top center
}

.col3Year {
width:790px;
vertical-align:bottom;
text-align:right;
background:url(images/elements/doublelineTop.jpg) repeat-x top center
}

.col3Contents {
width:790px;
padding:10px
}

.col3ContentsWithBK {
width:100%;
background-color:#000
}

.col3LineBottom {
width:790px;
text-align:center;
padding-top:10px;
padding-bottom:10px;
background:url(images/elements/doublelineBottom.jpg) repeat-x top center
}



.colMain {
width:998px
}

.colMainH {
width:1300px
}

.row1Logo {
height:90px
}

.rowLine {
height:38px
}

.ovalPicture {
width:192px
}

.lineTopBK {
background:url(images/elements/doublelineTop.jpg) repeat-x top center
}

.lineBottomBK {
background:url(images/elements/doublelineBottom.jpg) repeat-x top center
}

.mainBKBlack {

background:url(images/elements/mainBKBlack.jpg) repeat-x top center
}


.carBluePrintBK {
width:790px;
padding:10px;
text-align:left;
background:url(images/backgrounds/bk_car_bp.jpg) no-repeat top center #000
}

.homeBluePrintBK {
width:770px;
padding:10px;
text-align:left;
background:url(images/backgrounds/bk_home_bp.jpg) no-repeat top center #000
}

.robotBluePrintBK {
width:770px;
padding:10px;
text-align:left;
background:url(images/backgrounds/bk_robot_bp.jpg) no-repeat top center #000
}

.dormBluePrintBK {
width:770px;
padding:10px;
text-align:left;
background:url(images/backgrounds/bk_dorm_bp.jpg) no-repeat top center #000
}

.speakerBluePrintBK,.speakerBluePrintBKTop {
width:770px;
padding:10px;
text-align:left;
background:url(images/backgrounds/bk_speaker_bp.jpg) no-repeat top center #000
} 

.blackBK{
width:770px;
padding:10px;
text-align:left;
background-color:black;
}

.contentsMinHeight {
min-height:370px;
height:auto !important
}

.clear {
clear:both
}

.footer {
text-align:center;
width:790px;
color:#333333;
padding-top:15px;
padding-bottom:20px
}

.terms{
color:#333333;
font-size:11px
}


/****** top pages ***********/


.slogans{
font-size:18px;
/*color:#96A472;*/ /* not web safe color */
/*color:#669966;*/ /* green like color */
color:#999966;
font-weight:700
}

.addressArea {
width:580px
}

.addresstitle {
font-weight:700;
font-size:14px
}

.addressLeft {
float:left;
width:520px;
margin-right:5px;
vertical-align:top
}

.addressRight {
float:right;
width:280px;
vertical-align:top
}

.address {
font-size:12px;
display:block;
line-height:1.2
}

.addressStoreName {
color:#99CCFF;
font-weight:700;
padding-right:5px
}

.contentsTopMinHeight {
min-height:300px;
height:auto !important
}

.pictureRight {
width:165px;
padding-left:15px;
}

.topOvalImg{
width:165px; 
height:118px
}

.slideshow{
float:left;
padding-right:10px
}

.animLogo{
width:750px; 
height:58px;
position:absolute;
top:20px;
left:250px
}

.animYear{
width:830px;  
height:20px;
position:absolute;
top:105px;
left:202px;
left:172px;
}

.kitsspec li{
 padding-bottom:5px;
}

/**** top page layer hover ****/
a.imgPop {
	
}

a.imgPop span {
display:none;
}

a.imgPop:hover {
display:inline;	
}

a.imgPop:hover span {
display:block;	
position: absolute;
top:204px;
left:218px;
width:585px;
height:219px;
background-color:#999;
text-align:left;
vertical-align:top;
text-decoration:none;
}

.tblimgPop{
color:#111;
font-size:14px
}

.topImgSize{
width:372px; 
height:219px
}

.topLayerContents{
padding-right:7px;
padding-left:7px
}



#idstaticlogo{
 display:none;
}

#idlogo{
display:block;
}


#idstaticyear{
display:none;
}

#idyear{
display:block;
}




/****** other pages ***********/
.col3TopMenu {
text-align:left;
vertical-align:bottom;
background:url(images/elements/doublelineTop.jpg) repeat-x top center;
width:790px
}

.imgRight{
width:165px;
padding-left:25px;
} 

.topmenu ul li a:hover,#topcurrent a:hover {
color:#99CCFF;

}

.lightblueLink a{
color:#3399CC;
}

.col3LogoAnimated,.col3Logo {
width:790px;
text-align:right;
vertical-align:middle
}

/**** other page layers hover ****/
a.imgPopO {
	
}

a.imgPopO span {
display:none;
}

a.imgPopO:hover {
display:inline;	
}

a.imgPopO:hover span {
display:block;	
position: absolute;
top:204px;
left:318px;
width: 380px;
height: 360px;
background-color:#999;
text-align:left;
vertical-align:top;
text-decoration:none;
}

.tblimgPopO{
color:#111;
font-size:14px
}

.layerTitleO{
padding-left:14px;
padding-top:2px;
padding-bottom:2px
}

.layerContentsO{
padding-left:14px;
padding-right:14px;
padding-top:2px
}









.layerTop {
	
display:block;	
position: absolute;
top:204px;
left:218px;
width:585px;
height:219px;
background-color:#999;
text-align:left;
vertical-align:top;
text-decoration:none;
text-decoration:none;
}






.news{
display:none;	
position: absolute;
top:60px;
left:5px;
text-align:left;
vertical-align:top;
text-decoration:none;
}

.newstext{
text-decoration:none;
color:#FF9900;
}

.newnav{
color:#CC0000;
font-size:11px;
font-weight:bold;
/*display:none;*/
}

.newnavCable{
color:#CC0000;
font-size:11px;
font-weight:bold;
display:none;
}

.onlinestorenav{
/*color:#FF9900;*/ /*orange*/
/*color:#99CC99;*/
color:#00FF33; /*green*/
/*color:#33CC99;*/
color:#86E090;
font-size:15px;

}

.specialsimage{
	
position: absolute;
top:620px;
left:5px;
text-align:left;
vertical-align:top;
text-decoration:none;
display:none;
}

.whatsnewsimage{
	
position: absolute;
top:17px;
left:10px;
text-align:left;
vertical-align:top;
text-decoration:none;

}

.whatsnewsimage2{
	
position: absolute;
top:10px;
left:85px;
text-align:left;
vertical-align:top;
text-decoration:none;

}

.wooferthedogimage{
	
position: absolute;
top:530px;
left:810px;
text-align:left;
vertical-align:top;
text-decoration:none;

}

.footeremail{
color:#333333;
}

/*Tweeter*/
#tweet{


}

#tweet li{
padding-top:10px;
/*list-style:none;*/

}
/*#tweet ul{
padding:0px;


}*/

.cableindex{
 color:blue;
color:#3399CC;
color:silver;
}
.cableindexseparator{
color:#3399CC;
padding-right:7px;
padding-left:7px;
}

.cableindexspace{
 padding-top:10px;
}


.kitsindex{
 color:blue;
color:#3399CC;
color:silver;
color:#999999
}

.kitsindexseparator{
color:#3399CC;
color:#999999;
padding-right:3px;
padding-left:3px;
}



.kitscurrentproduct{ font-size:16px; color:#6699CC; color:#999999}

.selectedkits{ color:white}

.newsline{
  padding-bottom:15px;

}


/* online store */

.storeIndex
{
 /*color:silver;*/
color:#FF9900;
 font-size:14px;
}


.ppform{
margin: 0px; padding: 0px;}

.FAQkitsBottom{
  padding-bottom:20px;
}

.FAQQ{
  font-weight:bold;
  color:#6699CC;
  font-size:16px;

}


/* zoom in */

#easy_zoom{
	width:600px;
	height:400px;	
	border:5px solid #eee;
	background:#fff;
	color:#333;
	position:absolute;
	top:60px;
	left:400px;
	overflow:hidden;
	-moz-box-shadow:0 0 10px #777;
	-webkit-box-shadow:0 0 10px #777;
	box-shadow:0 0 10px #777;
	/* vertical and horizontal alignment used for preloader text */
	line-height:400px;
	text-align:center;
	}

/*iPhone & iPod touch:*/
@media screen and (max-device-width: 480px){
    /* All iPhone only CSS goes here */
    .interior{
        visibility:hidden;
    }
}

/*iPhone 4 & iPod touch 4G:*/
@media="only screen and (-webkit-min-device-pixel-ratio: 2)
{
    /* All iPhone only CSS goes here */
    .interior{
         visibility:hidden;
    }
}



/* best of western wa contest */
.smallbadge{
  border:1px solid #000033;
}

.strikeout
{
/*text-decoration:line-through;*/
}

.bold
{
 font-weight:bold;
}

.borderleft{

 border-left:1px dotted white;
}

.borderbottom{

 border-bottom:1px solid white;
}

.bordertop{

 border-top:1px solid white;
}

.pointlineproduct{
 border: 5px groove gray;
 padding: 7px;
}

.plborderright{
 border-right:3px solid #333399;
}

.plborderleft{
 border-left:3px solid #333399; 
}

.plbordertop{
 border-top:3px solid #333399;
}

.plborderbottom{
 border-bottom:3px solid #333399; 
}

.plinborderright{
 border-right:2px dotted gray; 
}

.plinborderleft{
 border-left:2px dotted gray; 
}

.plinbordertop{
 border-top:2px dotted gray;
}

.plinderbottom{
 border-bottom:2px dotted gray; 
}

div#preload { display: none; }

.facebook-share-button{vertical-align:bottom;float:left;}

.twitter-share-button{vertical-align:bottom;float:left;}

.linkedin-share-button{vertical-align:bottom;float:left;}

