/*
Theme Name: SwitchGear 
Description: The custom WordPress theme for the SwitchGear Genomics web site.
Author: Rhaya Shilts
Author URI: http://rhaya.com/

*/


/* ------------- UNIVERSAL ------------- */

* {margin:0; padding:0; }

* html ul li a {height:1em;}

html { height:100%; overflow-y:scroll; }

body {
text-align:center;
background-image:url(images/template/page_bg.gif);
height:100%;
font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
font-size: 12px;
color : #3D4464;
}



/* ------------- LAYOUT ------------- */


#frame {
width:1072px;
margin-right:auto;
margin-left:auto;
background-image:url(images/template/frame_bg.jpg);
background-repeat:repeat-y;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
position:relative; /* needed for footer positioning */
}

#centercontainer {
padding:0px;
margin-right:61px;
margin-left:61px;
text-align:left;
}

#leftcol {
width:210px;
float:left;
}

#rightcol {
width:740px;
float:left;
}



/* ------------- HEADER ------------- */

#header {
background:url(images/template/header.jpg) no-repeat;
height:111px;
width:950px;
text-indent:-9999px;
}

#header a {
height: 35px;
width: 385px;
left: 32px;
top:45px;
display: block;
text-indent: -9999px;
position:relative;
overflow:hidden;
}

	
/* -------------  MAIN NAVIGATION ------------- */

#navbar {
background:url(images/template/nav_bg.jpg) no-repeat;
height:26px;
width:950px;
}

#topnavlinks {
height:22px;
width:940px;
float: left;
padding:2px 0 0 4px;
display:inline;
}

#topnavlinks ul {
list-style-type:none;
font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
font-size: 12px;
color: #2e3192;
font-weight:bold;
text-transform:uppercase;
}

#topnavlinks ul li {
display:inline;
}

#topnavlinks ul li a {
color: #2e3192;
text-decoration: none;
border-right: 1px solid #c8d9f2;
float: left;
padding: 3px 10px 3px 10px;
}

#topnavlinks ul li a:hover {
color: #2e3192;
background-color:#f3b26c;
}

#topnavlinks #shoppingnav {
  float: right;
}

#topnavlinks #shoppingnav ul li a {
border-left: 1px solid #c8d9f2;
border-right: none;
}

#shoppingnav ul {
list-style-type:none;
font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
font-size: 10px;
color: #2e3192;
text-transform:uppercase;
font-weight:normal;
}


#shoppingnav ul li a {
padding: 4px 6px 4px 6px;
}



/* ------------- SIDE NAVIGATION ------------- */
	
#sidenavlinks {
margin:11px 6px 11px 14px;
border:solid 1px #b5cded;
background:#ffffff;
}

#sidenavlinks ul {
list-style-type:none;
font-size : 11px;
color:#3f67a6;
display: block;
line-height:28px;
}

#sidenavlinks ul a {
color:#3f67a6;
text-decoration:none;
display: block;
}

#sidenavlinks ul a:hover {
background:#dde8f7;
text-decoration:none;
}

#sidenavlinks li {
text-indent:9px;
}

/*
.page-item-98, .page-item-100, .page-item-102, .page-item-106 {
font-size:10px;
background:#e8eff7;
line-height:200%;
}
*/

/* ------------- SPECIAL SIDE NAVIGATION ------------- */
	
#sidenavlinksspecial {
margin:11px 6px 0 14px;
border:solid 1px #b5cded;
background:#ffffff;
}

#sidenavlinksspecial ul {
list-style-type:none;
font-size : 11px;
color:#3D4464;
display: block;
}

#sidenavlinksspecial ul a {
color:#3f67a6;
text-decoration:none;
display: block;
}

#sidenavlinksspecial ul a:hover {
background:#dde8f7;
text-decoration:none;
}

#sidenavlinksspecial li {
text-indent:9px;
line-height:20px;
}




/* ------------- CONTENT AREA ------------- */

#cart-count {
	float: right;
	padding:0 0 0 23px;
	margin:0 0 -18px 0;
	position: relative;
	line-height: 16px;
	top: -18px;
	background:url(http://switchgeargenomics.com/cart/sites/all/themes/switchgear/images/smallcart.png) no-repeat left center;
}

	
#content {
line-height: 165%;
margin:28px 22px;
}

#content p {
margin:0 0 18px 0;
}

#content a {
color : #F1590D;
text-decoration:underline;
}

#content a:hover {
color : #F1590D;
text-decoration:underline;
background-color:#FFDEB1;
}

#content img a, a img {background:none; vertical-align: bottom;}
#content img a:hover, a:hover img {background:none;}
#content a.imagelink:hover { background-color: transparent;}



#content h1 {
font-size:18px;
margin:0 0 16px 0;
padding:0 0 0 0;
}

#content h1.clearboth {
clear:both;
margin:-16px 0 16px 0;
}

#content h2 {
font-size:14px;
margin:0 0 12px 0;
color:#6889BD;
}



#content h3 {
font-size:12px;
margin:0 0 4px 0;
color:#6889BD;
}

#content h4 {
font-size:14px;
margin:18px 0 0 0;
}


#content ol {
margin: 15px 0 18px 24px;
}

#content ul {
margin: 15px 0 18px 24px;
}

#content li {
margin: 0 0 8px 0;
}


hr {
border:none 0;
border-top:1px solid #B5CDED;
height:1px;
margin:12px 0 12px 0;
clear:both;
}

hr.thick {
border:none 0;
border-top:3px solid #B5CDED;
height:3px;
margin:12px 0 12px 0;
}

blockquote {
margin:0 45px 0 30px;
font-size:11px;
}

img.alignright {margin: 0 0 10px 20px}

img.alignleft {margin: 0 20px 10px 0}


.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}


.alignright {float: right; margin: 0 0 10px 20px}

.alignleft {float: left}

.prevnext {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}

.meta {
font-size:10px;
color:#6889bd;
}

#content h1.newstitle {
margin:0 0 4px 0;
}

.smalltext {
font-size:11px;
}

.highlight {
background:#ffff00;
}

.red {
color:#FF0000;
font-weight:bold;
}

.thirteenbold {
font-size:13px;
font-weight:bold;
}

.tabletext {
padding: 1px 3px;
}

.tabletextextra {
padding: 1px 20px 1px 3px;
}

.tabletextborder {
padding: 1px 3px;
border-top:1px solid #3D4464;
}

table {
margin:0 0 18px 0;
}

#events ul {
margin: 0 0 18px 0;
list-style-type:none;
}

#events li {
margin: 0;
}

.border {
border:solid 1px #B5CDED;
}


#hyproll {
width:695px;
height:156px;
background: url(images/promos/070709workflow_web.gif) no-repeat;
margin:0 0 18px 0;
}

#hyproll a {
display:block;
width:695px;
height:156px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

#hyproll a:hover{
background: url(images/promos/070709workflow_webhover.gif) no-repeat;
}

.highlight {
padding:15px;
background:#FFDEB1;
}

.wp-caption {
font-size:10px;
font-style:italic;
line-height:135%;
}

.wp-caption-text {
padding:10px 0 0 0;
}

#arrowlist ul {
list-style-type:none;
margin:0 0 9px 0;
}

ul#arrowlist {
margin:0 8px 0 8px;
background-color:#e2ecf8;
}

/* ul#arrowlist {
background-color:#f0f5fb;
margin:0 8px 0 8px;
} */


#arrowlist li {
list-style-type:none;
padding: 0 0 0 16px;
background-image: url(images/home/arrowbluer.gif);
background-repeat:no-repeat;
background-position:2px 3px;
}


#pathwaydouble {
width:330px;
border:double 3px #b5cded;
}

#pathwaydouble p {
padding:0 15px 0 15px;
}


#prod-title {
font-size:14px;
margin:0 0 8px 0;
color:#6889BD;
border-bottom:3px double #B5CDED;
font-weight:bold;
}


#prod-title a {
color:#6889BD;
text-decoration:none;
}

#prod-title a:hover {
color : #F1590D;
text-decoration:none;
background-color:#FFFFFF;
}

#prod-image {
border:1px solid #B5CDED;
}

.padbrdrimg {
padding:2px;
border:1px solid #b5cded;
}


/* ------------- FOOTER ------------- */


#footer {
border-top:solid 1px #b5cded;
width:942px;
position:absolute;
bottom:0; /* stick to bottom */
font-size:10px;
text-align:center;
margin:0 4px 0 4px;
padding:5px 0 5px 0;
color:#6889bd;
background:#ffffff;
}

#footer a {
color:#3f67a6;
text-decoration:none;
}

#footer a:hover {
color:#3f67a6;
text-decoration:underline;
}


/* ------------- HOME SPECIFIC LINKS ------------- */

#leftcolhome {
width:740px;
float:left;
}

#rightcolhome {
width:210px;
float:left;
}

#leftcolhome img{
border:1px solid #b5cded;
margin:0 0 20px 0;
}

#rightlinkshome {
margin:11px 22px 18px 0;
}

#rightcolhome h2 {
font-size:14px;
margin:0 0 6px 0;
color:#2e3192;
}

#rightcolhome h2.products {
width:188px;
height:27px;
background:url(images/home/rightheaders/products.gif) no-repeat;
text-indent:-9999px;
overflow:hidden;
margin:0;
}

#rightcolhome h2.news {
width:188px;
height:27px;
background:url(images/home/rightheaders/news.gif) no-repeat;
text-indent:-9999px;
overflow:hidden;
margin:0;
}

#rightcolhome h2.events {
width:188px;
height:27px;
background:url(images/home/rightheaders/events.gif) no-repeat;
text-indent:-9999px;
overflow:hidden;
margin:0;
}

#rightlinkshome ul {
list-style-type:none;
font-size : 11px;
color:#3f67a6;
display: block;
line-height:23px;
border-top:1px solid #b5cded;
}

#rightlinkshome ul a {
color:#3f67a6;
text-decoration:none;
display: block;
}

#rightlinkshome ul a:hover {
background:#dde8f7;
text-decoration:none;
}

#rightlinkshome li {
text-indent:3px;
border-bottom:1px solid #b5cded;
}

#secondaryhomelinks ul {
margin: 0 0 18px 0;
}

#secondaryhomelinks li {
line-height:16px;
font-size : 10px;
}

#secondaryhomelinks li a {
padding:4px;
text-indent:0;
}

#homesectionleft {
width:344px;
height:auto !important;
border:solid 1px #b5cded;
float:left;
margin:0 3px 3px 0;
display:inline;
line-height:165%;
background:#FFFFFF;
}

#homesectionright {
width:344px;
height:auto !important;
border:solid 1px #b5cded;
float:left;
margin:0 0 3px 0;
display:inline;
line-height:165%;
background:#FFFFFF;
}

#homesectionleft p, #homesectionright p {
margin:0 10px 5px 15px;
}

#homesectionleft h2.products {
width:344px;
height:41px;
background:url(images/home/headers/products.gif) no-repeat;
text-indent:-9999px;
margin:0 0 7px 0;
}

#homesectionleft h2.products a:hover {background:url(images/home/headers/products.gif) no-repeat;}


#homesectionleft h2.research {
width:344px;
height:41px;
background:url(images/home/headers/research.gif) no-repeat;
text-indent:-9999px;
margin:0 0 7px 0;
}

#homesectionleft h2.research a:hover {background:url(images/home/headers/research.gif) no-repeat;}


#homesectionleft h2.applications {
width:344px;
height:41px;
background:url(images/home/headers/applications.gif) no-repeat;
text-indent:-9999px;
margin:0 0 7px 0;
}

#homesectionleft h2.applications a:hover {background:url(images/home/headers/applications.gif) no-repeat;}


#homesectionright h2.resources {
width:344px;
height:41px;
background:url(images/home/headers/resources.gif) no-repeat;
text-indent:-9999px;
margin:0 0 7px 0;
}

#homesectionright h2.resources a:hover {background:url(images/home/headers/resources.gif) no-repeat;}

#homesectionright h2.science {
width:344px;
height:41px;
background:url(images/home/headers/science.gif) no-repeat;
text-indent:-9999px;
margin:0 0 7px 0;
}

#homesectionright h2.science a:hover {background:url(images/home/headers/science.gif) no-repeat;}

#homesectionleft h2 a, #homesectionright h2 a {
width:344px;
height:41px;
left: 0;
top:0;
display: block;
text-indent: -9999px;
position:relative;
overflow:hidden;
}

#homesectionleft h2 a:hover, #homesectionright h2 a:hover {
color: none;
text-decoration:none;
background-color:none;
}

#lightswitchfeat {
width:346px; 
height:242px;
float:right; 
margin:0 0 0 20px;
}

#lightswitchfeat a {
width:346px; 
height:242px;
left: 0;
display: block;
overflow:hidden;
}

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


/* ------------- PRODUCT PAGES ------------- */

#productnav {
color:#3f67a6;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
margin:0 0 3px 0;
}

#productnav a {
padding:5px 8px ;
border-top:solid 1px #b5cded;
border-bottom:solid 1px #b5cded;
border-right:solid 1px #b5cded;
border-left:solid 1px #b5cded;
background:#dde8f7;
color:#3f67a6;
}

#productnav a:hover {
background:#e9f0f9;
color:#3f67a6;
}

a#active {
padding:6px 8px;
border-top:solid 1px #b5cded;
border-bottom:solid 1px #ffffff;
border-right:solid 1px #b5cded;
border-left:solid 1px #b5cded;
background:#ffffff;
color:#3f67a6;
text-decoration:none;
position:relative;
z-index:-1px;
}

a#active:hover {
background:#ffffff;
color:#3f67a6;
text-decoration:underline;
border-bottom:solid 1px #ffffff;
}

#productcontent {
border:solid 1px #b5cded;
padding:18px 22px 0 22px;
}

.hide {display:none;}

#switchdb {
background: #fff;
border: none;
margin: 0px;
padding: 0px;
width: 100%;
height: 340px;
}
#switchdb-wrapper {
position: relative;
}
#switchdb-loading {
text-align: center;
position: absolute;
top:50px;
width: 100%;
padding-bottom: 50px;
background: url(/cart/sites/all/themes/switchgear/images/loading.gif) no-repeat 50% 100%;
}

#login-to-search {
 background: url(images/template/logingraphic.gif) no-repeat;
 text-indent: -9999px;
 display: block;
 width: 585px;
 height: 230px;
}

/* ------------- NEW HOW TO ORDER SIDEBAR ------------- */

#howtoorderinstruct {
margin:11px 0 0 14px;
font-size:10px;
color:#3f67a6;
}

#howtoorder {
margin:11px 6px 32px 14px;
}

#howtoorder h1 {
width:190px;
height:23px;
margin:0 0 9px 0;
background:url(images/productsteps/howtoorder.gif) no-repeat;
text-indent:-9999px;
}

#howtoorder h2, #howtoorder-home h2 {
width:190px;
height:29px;
margin:0;
padding:0;
text-indent:-9999px;
}

h2.step1 {background:url(images/productsteps/step1.gif) no-repeat;}
h2.step1active {background:url(images/productsteps/step1active.gif) no-repeat;}
h2.step2 {background:url(images/productsteps/step2.gif) no-repeat;}
h2.step2active {background:url(images/productsteps/step2active.gif) no-repeat;}
h2.step3 {background:url(images/productsteps/step3.gif) no-repeat;}
h2.step3active {background:url(images/productsteps/step3active.gif) no-repeat;}
h2.step4 {background:url(images/productsteps/step4.gif) no-repeat;}
h2.step4active {background:url(images/productsteps/step4active.gif) no-repeat;}
h2.step5 {background:url(images/productsteps/step5.gif) no-repeat;}
h2.step5active {background:url(images/productsteps/step5active.gif) no-repeat;}


#stepsdropdrown {
width:188px;
border-bottom:1px solid #cddff6;
border-right:1px solid #cddff6;
border-left:1px solid #cddff6;
margin:0 0 7px 0;
background:#ffffff;
}

#stepsdropdrown ul {
list-style-type:none;
font-size : 11px;
color:#000066;
display: block;
line-height:18px;
padding:8px 4px 8px 10px;
}

#stepsdropdrown ul a {
color:#000066; 
text-decoration:none;
display: block;
}

#stepsdropdrown ul a:hover {
color:#f1590d;
text-decoration:none;
}

#stepsdropdrown a {
color:#000066; 
text-decoration:none;
}

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

#stepsdropdrown p {
list-style-type:none;
font-size: 11px;
padding:8px 4px 8px 10px;
}


/* ------------- NEW HOW TO ORDER SIDEBAR - HOME ------------- */

#howtoorder-home {
margin:28px 0 0 0;
}

#howtoorder-home h1 {
width:190px;
height:23px;
margin:0 0 9px 0;
background:url(images/productsteps-home/howtoorder.gif) no-repeat;
text-indent:-9999px;
}

#howtoorder-home h2.step1 {background:url(images/productsteps-home/step1.gif) no-repeat;}
#howtoorder-home h2.step1active {background:url(images/productsteps-home/step1active.gif) no-repeat;}
#howtoorder-home h2.step2 {background:url(images/productsteps-home/step2.gif) no-repeat;}
#howtoorder-home h2.step2active {background:url(images/productsteps-home/step2active.gif) no-repeat;}
#howtoorder-home h2.step3 {background:url(images/productsteps-home/step3.gif) no-repeat;}
#howtoorder-home h2.step3active {background:url(images/productsteps-home/step3active.gif) no-repeat;}
#howtoorder-home h2.step4 {background:url(images/productsteps-home/step4.gif) no-repeat;}
#howtoorder-home h2.step4active {background:url(images/productsteps-home/step4active.gif) no-repeat;}
#howtoorder-home h2.step5 {background:url(images/productsteps-home/step5.gif) no-repeat;}
#howtoorder-home h2.step5active {background:url(images/productsteps-home/step5active.gif) no-repeat;}


/* ------------- NEW PRODUCTS PAGE ------------- */

#productpagecol {
width:341px;
float:left;
}

#productpagecont {
border:1px solid #e5edf7;
width:339px;
margin:0 14px 16px 0;
}

#productpagecont-right {
border:1px solid #e5edf7;
width:339px;
margin:0 0 16px 0;
}

#productpagecont h1, #productpagecont-right h1 {
height:30px;
font-size:18px;
font-weight:bold;
line-height:30px;
margin:0;
background:#e5edf7;
padding:0 0 0 15px;
}

#productpagecont p, #productpagecont-right p {
padding:0 0 0 15px;
margin:7px 0;
}

#productpagecont h1 a, #productpagecont-right h1 a {
color:#000066;
text-decoration:none;
}

#productpagecont h1 a:hover, #productpagecont-right h1 a:hover {
color:#F1590D;
text-decoration:none;
background:#e5edf7;
}

img.nobg {margin: 0 0 5px 0}
.nobg {float:left;}

/* ------------- MOUSE OVER POPUP ------------- */

a.boxpopup3{position:relative;
	z-index:24;
	color:#046;
	border-bottom:thin dotted #046;
	text-decoration:none}
a.boxpopup3:hover{z-index:25; background-color:#FF0}
a.boxpopup3 span{display: none}
a.boxpopup3:hover span{ /*DISPLAYS ONLY ON HOVER*/
	display:block;
	position:absolute;
	top:2em; left:0; width:12em;
	padding:.3em;
	border:2px outset #BBB;
	color:#000; background:#FF9;
	text-align:center;}
	
.boxpopup {
   font-family:Arial,sans-serif; /*TEXT FONT*/
   font-size:90%;		/*TEXT SIZE*/
   color:black; background:#FFFF99; /*COLOURS*/
   width:185px;			/*BOX WIDTH*/
   text-align:center; 		/*ALIGNMENT*/
   padding:4px 5px 4px 5px; 	/*SPACING*/
   font-weight:bold;	 	/*BOLD TEXT*/
   border:1px solid gray; 	/*BORDER STYLE*/
   }
#pdqbox {position:absolute; visibility:hidden; z-index:200;}

/* ------------- GRAVITY FORMS ------------- */

#user-register-frame { width: 100%; height: 530px; border: none; margin:0; padding:0; }