/*

Theme Name: Spectra Symbol WP Template

Theme URI: 

Description: Wordpress theme created for Dmar Electronics

Version: 1.0

Author: Vincent Rafols

Author URI: http://oxzenmedia.com

Tags: 

*/ 



* {

    margin: 0;

    padding: 0;

}

img {

    border: 0;

    margin: 0;

    padding: 0;

}

p {

    font-size:12px;

    line-height: 14px;

	margin-bottom: 10px;

}

.float-left{

    float: left;

}

.float-right{

    float: right;

}

.clear{

    clear:both;

}

.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}

strong {

	font-weight: bold;

}

body {

    text-align: left;

    color: #3e2816;

    font-family: Arial;

    font-size: 12px;

    line-height: 20px;

    background: #c4c4c4 url(images/body_bg.jpg) repeat-y top center fixed;

}

#wrap {

    margin: 0 auto;

    width: 910px;

    background: transparent url(images/wrap_bg.jpg) repeat-y center top;

}

/* --------------- header and menu --------------- */



#header {

    padding-top: 5px;

    width: 910px;

    height: 70px;

    background: transparent url(images/top_bg.png) no-repeat right top;

}

#logo {

    float:left;

    margin: 0 20px;

}

#tagline {

  float: left;

  margin-top: 25px;

     /*position:relative;

    top:30px;

    left:20px;*/

    /*width: 220px;*/
  
    width: 350px;

}

#phones {

  float: right;

  margin: 20px 0 0 0;

  width: 400px;

  line-height: 20px;

}

#phones p{

  text-align: right;

  line-height: 15px;

}

#language {

    color: #00CC00;

}

#menu {

    /*background:url(images/nav_bg.jpg) repeat-x;*/

    background:url(images/nav_bg.png) no-repeat top;

    line-height:0;

    height:35px;

    margin:0;

    width: 910px;                                           /* ----- added ----- */

}

#menu li.first {

    float: left;

    display: inline;

}

#menuu li.last {

    float: left;

    display: inline;

}

#menu li {

    display: inline;

    background:url(images/divider.png) no-repeat right;

    background-size: 3px 100%;

    list-style: none;

}



#menu li a {

    margin: 0 14px;

    padding: 5px 5px;

    height: 35px;

    font-family:  Trebuchet MS, Arial, Verdana, Tahoma, Helvetica, sans-serif;

    font-size: 12px;

    line-height: 40px;

    font-weight: bold;

    color: #FFFFFF;

    text-decoration: none;

}

#menu li a.current, #menu li a:hover {

    color:#FF9900;

}

/* --------------- content area --------------- */



#content_wrap {

    background: url(images/wrap_mid.jpg) repeat-y;

    height:100%;

    /*margin-bottom:30px; */

    margin-left:1px;

}

#rotator h1 {

    position: absolute;

    top:100px;

    left:30px;

    width:350px;

    line-height:30px;

    color:#FFFFFF;

}

#rotator ul {

    list-style:none;

}

#content p{

    text-align: left;

}

#content {

    padding:20px;

}

#welcome {

    width:270px;

    float:left;

}

#features {

    padding:0 0 0 25px;

    width:270px;

    float:left;

}

#contact {

    width:270px;

    float:right;

}

#contact h4 {

	color: #000000;

    text-align: center;

    font-size: 16px;

    font-weight: bold;

    margin-bottom: 5px;
	
}

.a h1 {

    font-size:16px;

    margin-bottom:10px;

    color:#259acb;

    background:url(images/arrow.gif) #FFFFFF no-repeat left;

    padding-left:12px;

}

.a h1, img {

    /*padding-bottom:1px;*/

}

.a h2 {

    background: url("images/arrow.gif") no-repeat scroll left center #FFFFFF;

    color: #259ACB;

    font-size: 16px;

    margin-bottom: 10px;

    padding-left: 12px;

}

#address p {

    font-size:11px;

}

#bottom {

    /*position:relative; */

    /*margin-top:-35px;*/

    /*clear:both;*/

    height:12px;

    margin-left:1px;

    background:url(images/wrap_bott.jpg) no-repeat;

}



#magnetopot {

    /*color:#666666;*/

    /*text-decoration:none;*/

    float: left;

    margin: 20px 0 20px 0;

}



#magnetopot h1{

    /*color:#666666;*/

    /*text-decoration:none;*/

    font-size:18px;

    text-align: center;

}



#softpot a{ color:#666666; text-decoration:none; font-size:12px; }



#content-bot {                                            /* ----- added ----- */

    clear: both;

    height: 100px;

}



#logos {

    padding:10px;

    width:260px;

    float:right;

}

#logos-home {

    padding:10px 20px 0 0;

    width:260px;

    float:right;

}

#slogan {

    color:#666666;

    float:left;

    font-size:16px;

    font-weight:bolder;

    padding:10px;

    text-align:center;

    width:340px;

}

#banner_contact {

    float:right;

    /* height:65px; */

    /* margin-right:15px; */

    /* padding:10px; */

    width:270px;

    color: #666666;

    font-size:10px;

    font-weight:bold;

    background: transparent url('images/contact.jpg') no-repeat;

}

#banner_contact h4{

    color: #44a9d2;

    text-align: center;

    font-size: 16px;

    font-weight: bold;

    margin-bottom: 5px;

}

#banner_contact span{

    display:block;

    float:left;

    margin-left:10px;

    margin-right:10px;

    width:20px;

}

.wpcf7 p {

	margin-bottom: 5px;

}

.wpcf7-form-control-wrap input {

	border: 1px solid #CCCCCC;

	height: 20px;

}

.wpcf7-form-control-wrap your-mess textbox {

	border: 1px solid #CCCCCC;

}

.wpcf7-list-item-label {

	float: left;

	margin: 0 0 0 10px;

}

.wpcf7-list-item {

	display: block;

	margin: 0 0 0 10px;

	float: left;

}

.wpcf7-list-item input {

	float: left;

}

/* --------------- footer area --------------- */





#footer {

    padding:10px;

    color: #999;

    text-align: center;

}

#footer_menu {

	font-size: 11px

}

#footer_menu a {

    margin: 0 5px;

    font-size:11px;

    text-decoration: none;

    color: #999;

}

#footer_menu a:hover {

    color: #3e2816;

}

#footer_menu a:first-child {

    margin-left: 0;

}

#footer_menu p {

    margin: 0;

    line-height: 12px;

}



/* --------------- rotating banner --------------- */

#banner{

    position: relative;

    background-image:url(images/wrap_mid.jpg);

    margin-left: 1px;

    padding:0 4px;

    width:900px;

    height:260px;

    overflow: hidden;

}

.jFlowControl{

    color:#0169A9;

    cursor:pointer;

    font-size:10px;

    font-weight:bold;

    padding:1px 10px 5px 4px;

    background: transparent url('images/control-bg.png') no-repeat ;

}

#controller{

    bottom:0;

    right:25px;

    margin-bottom:10px;

    margin-left:390px;

    position:absolute;

}

.jFlowPrev{

    margin-right:5px;

}

.jFlowPrev, .jFlowNext{

    cursor: pointer;

}

.banner-text{

    left:0;

    margin-left:245px;

    margin-top:25px;

    position:absolute;

    top:0;

    width:350px;

}

.banner-text ul li{

    margin-left: 20px;

    color: #54c3fe;

    font-size:18px;

}

.banner-text ul{

    margin-top: 15px;

    list-style-image: url('images/bullet.png');

}

.banner-text h3{

    font-weight: bold;

}

.banner-text h4{

    color:#FFFFFF;

    font-size:20px;

    font-weight:bold;

}

.banner-text a:link, .banner-text a:visited{

    color:#FFFFFF;

    text-decoration: none;

    /* float:left; */

    font-size:20px;

    font-weight:bold;

    /* margin-left:20px; */

    /* margin-top:15px; */

}

.banner_video {

    top:-10px;

    /*right:-300px;*/

    margin-left:600px;

    margin-top:25px;

    position:absolute;

}





/* --------------- inside pages --------------- */ 

#inside-page{

    padding-top:20px;

}

#main-content h3{

    font-size:14px;

    font-weight:bold;

    margin:10px 0;    

    text-align: left;

}

#main-content h1{

	font-size:18px;

	font-weight:bold;

	margin-bottom:10px;

}

#main-content{

    margin:0 20px;

    text-align:left;

    width:575px;

    line-height:12px;

}

#side-nav #banner_contact{

    margin-right: 0px;

	font-size: 12px;

}

#side-nav #slogan{

    width:255px;

}

#side-nav{

    width:270px;

    margin:10px;

}

#content-1 img{

    margin-right: 20px;

}

#content-1 h3{

    color:#000;

    font-size:16px;

    line-height:18px;

    margin-bottom:10px;

    width:265px;

    text-align:left;

}

#content-1 p{

    width:265px;

	color: #FFF;

}

#content-1{

    background: transparent url('images/content-div-bg.jpg') no-repeat;

    height:160px;

    padding:20px;

    width:540px;

    text-align: left;

}



#links {

  margin: 10px 0 -10px 0;

  width: 580px;

}

#links ul li{

  display:block;

  float: left;

  width: 183px;

  height: 35px;

  margin: 0 5px 10px 5px;

  text-decoration: none;

}

#links li a.link {

  width: 183px;

  height: 35px;

  padding: 0 10px;

  display: table-cell;

  vertical-align: middle;

  text-align: center;

  text-decoration: none;

  color: #ffffff;

  font-weight: bold;

  /*font-family:  Trebuchet MS, Arial, Verdana, Tahoma, Helvetica, sans-serif; */

  background: transparent url('images/links_bg.jpg') no-repeat;

}

#links li a.link:hover {

  color: #f90;

}

#links li a.buylink {

  width: 183px;

  height: 35px;

  padding: 0 10px;

  display: table-cell;

  vertical-align: middle;

  text-align: center;

  text-decoration: none;

  color: #ffffff;

  font-weight: bold;

  /*font-family:  Calibri,Trebuchet MS, Arial, Verdana, Tahoma, Helvetica, sans-serif; */

  background: transparent url('images/links_bg.jpg') no-repeat;

}

#content-2 p.bot2{

    width:410px;

}



#content-2 p.float-left{

    float: left;

}



#content-2 p.bodytext{

    width: 310px;

    margin-top: 10px;

}

#content-2 p.bodytext2{                   /* additionals */

    width: 310px;

    margin-top: 10px;

    margin-left: 170px;

}

#content-2 .bodytext2{

    float:left;                            /* additionals */

    width: 310px;

    margin-top:10px;

    margin-left: 170px;

}

#content-2 .bodytext2 li{                  /* additionals */

    width: 290px;

    margin-top: 5px;

    margin-left: 20px;

    line-height: 16px;

}

#content-2 li{                                 /* additionals */

    margin-top: 5px;

    line-height: 16px;

}

#content-2 p{

    text-align: left;

}



#content-2 p.a{

    text-decoration: none;

    color:#FF9900;

}



#content-2 a{

    text-decoration: none;

    color:#FF9900;

}

#content-2 a:hover{

    text-decoration: underline;

}

#content-2 h4{

    color: #ff6600;

    font-weight: bold;

}

#content-2 h2{

    font-size: 16px;    

    color: #000000;

    font-weight: bold;

}

#content-2 hr{

    border: none;

    border-top: solid 1px #cbcbcb;

    padding: 10px 0;

}

#content-2 b{

    margin-top:5px;

    text-align:left;

    width:305px;

}

#content-2 img{

    margin-right: 20px;

}

#content-2 ul{

    margin-left: 20px;

    list-style: disc;

    text-align: left;

	margin-bottom: 10px;

}

#content-2{

    padding:20px;

    width:538px;

    border: solid 1px #cbcbcb;

    margin-top: 15px;

    text-align:center;

    margin-bottom:10px;

}

#main-content .three-image img{

    margin-top: 10px;

}

#main-content .three-image{

    padding:15px;

    width:150px;

    min-height:90px;

}

#main-content table.contenttable *{

    border: none;

}

#main-content table.contenttable{

    width: 100%;

}

#main-content th {

background-color:#1793C6;

border:1px solid #CBCBCB;

color:#FFFFFF;

font-weight:bold;

padding:5px;

}

#main-content td{

    border: solid 1px #cbcbcb;

    border-top: none;

    padding:5px;

}

#main-content hr{

    border: none;

    border-bottom: solid 1px #cbcbcb;

    margin-bottom:10px;

}

/*------------- Dropdown Navigation---------*/

#nav{

    /*float: left; */

    /*background: transparent url('images/navBG.png') repeat-x;*/

    position: relative;

    z-index: 11;

    height:35px;

}

#nav a:hover{

    color:#FF9900;

}

#nav li {

    display:block;

    float: left;

    position: relative;
	
	left: 2px;

    z-index: 10;

    background-repeat: no-repeat;

    background-position: right;

    text-transform: uppercase;

    height:35px;

}

#nav li.last{

    background: none;

}

#nav li ul {

    left:-999em;

    position:absolute;

    top:35px;

    /*width:150px;*/

    z-index:11;

}

#nav li ul li {

    background: #323232;

    border-top:1px solid #464646;

    font-size:11px;

    text-align:left;

    text-transform:capitalize;

    /*width:150px;*/

}

#nav li ul li.first {

	border-top: none;

}

#nav #subnav li.last a{

     background: #323232;

     height:30px;

    margin:0;

    padding-left:8px;

    width:188px;

}

#nav #subnav li.last{

    background: transparent url('images/dropdown-bottom.png') no-repeat;

    background-position: bottom;

}

#nav #subnav a {

    color: #ffffff;

    font-size:12px;

    font-weight:bold;

    width: 180px;

    height:18px;

    margin: 0 8px;

    text-decoration:none;

    display: block;

    padding: 0px;

}

#nav #subnav a:hover {

    color:#FF9900;

    font-size:12px;

    font-weight:bold;

    height:18px;

    text-decoration:none;

}

#IEroot7 #nav li:hover ul, #IEroot7 #nav li.sfhover ul{

    right: auto;

    left: 0;

}

#nav li:hover ul, #nav li.sfhover ul {

    left:auto;

}





/****************************************************/

/*********************** Accordion ******************/

/****************************************************/



.accordion{

    border-top: none;

	border-left: solid 1px #cbcbcb;

	border-right: solid 1px #cbcbcb;

	border-bottom: solid 1px #cbcbcb;

    padding: 0px !important;

}

.accordion h3{

    /*background: transparent url('images/acc-h3-bg.jpg') repeat-x;*/    

    border-top:1px solid #CBCBCB;

    font-size:18px;

    margin:0;

    margin-top: 0px !important;

    padding-left:10px;

    padding-top:8px;

    color: #a0a0a0;

    cursor: pointer;

}

.accordion div.float-left{

    height:170px;

    margin-left:35px;

    width:240px;

    background: #cbcbcb;

}

.accordion .hideMe{

    display:none;   

}

.accordion div p.bodytext{

    margin-top: 0px !important;

    width:375px !important;

}

.accordion div div{

    padding: 0 20px 20px; 

    margin-bottom:10px; 

}

.accordion div div ul li ul{

    display:block;

    float:left;

    height:30px;

    margin:1px;

    width:300px;

    line-height:12px; 

    padding-right: 10px; 

}

.accordion div div small{

    color:#717171;

    line-height:8px;

}

p.acc-content {

	width: 270px;

	float: left;	

}



.thickbox {

	color: #FF9900;

	text-decoration: none;

}

.thickbox:hover {

	text-decoration: underline;

}

#phones a{

	color:#FF9900;

	font-size:13px;

	font-weight:bold;

	text-decoration:none;

}

#phones a:hover, #address a:hover {

	text-decoration: underline;

}

#address a {

/*      color:#ff9900;*/

	text-decoration:none;

}

.home-left {
	float: left;
	width: 578px;
}

#potentiometer {
	float: left;
	width: 564px;
	margin-bottom: 10px;
}