/*
-----------------------------------------------
Client:Jameco Electronics
Project:Public Web Site

File Name: robt.css
Version: 1.0
Notes: Rules for the different column layouts in the div#main block. These are contextual selectors based on the class value in the body element.

Author: Dayspring Technologies, Inc.
Email: info@dayspring-tech.com
Web: http://www.dayspring-tech.com/
----------------------------------------------- */

/* Body and wrapper
----------------------------------------------- */
body {
background:url("../img/robotstore/bg-robot.jpg") repeat-y scroll 50% 100% #DDDDDD;
color:#000000;
}
div#main {
  float:left;
  width:700px;
  }
div#pcon {
  width:671px;
  margin-left:15px;
  }
div#scon {
  float:right;
  width:245px;
  }
div#hd #crumb, div#hd a.robot {
  display:none;
  }
div#hd {
  background:url("../img/robotstore/bg-header-robt.jpg") no-repeat;
  }
#hd h1 {
  height:107px;
  width:274px;
  }
#hd h1 a {
  display:block;
  height:100%;
  width:100%;
  }
body#layout8 div.img-left {
  margin: 0 25px 0 0;
  }
div#featured div.product {
  width:640px
  }
div#featured h2 {
  font-size:167%;
  }
ul#pnav {
  height:40px;
  }
div#hd-search {
  }
#layout8 h1 {
  color:#002358;
}
#layout8 .splitL {
  float:left;
  width:66%;
}
#layout8 .splitR {
  float:right;
  margin-top:10px;
  width:34%;
}

/*Best Product Listing*/
div#best {
  clear:both;
  }
table.best {
  border:1px solid #a5d7df;
  }
table.best td {
  border-color:#a5d7df;
  }
table.best h4, table.best img {
  text-align:center;
  margin:auto;
  }
div.boxblue {
  border:none;
  }
.best td, .best td.first {
  width:25%;
  }
form.quick li.left {
  float:left;
  }
form.quick li.right {
  float:right;
  }
.btn-sm a.add {
  }
form.quick .btn-sm {
  background:url(../img/robotstore/btn-cart.gif) no-repeat;
  width:27px;
  float:right;
  }
form.quick .btn-sm:hover {
  background:url(../img/robotstore/btn-cart.gif) no-repeat;
  }
form.quick p.sm {
  clear:both;
  }
#layout8 #best h3 {
  display:inline;
  margin-right:5px;
  }
.featuredLogo {
  position:absolute;
  bottom:10px;
  right:15px;
  }
.boxfeat div.featNav {
  position:absolute;
  top:-20px;
  left:5px;
  }
.boxfeat div.featNav ul li {
  background-color:#a3d6e9;
  display:inline;
  float:left;
  margin:0;
  padding:0;
  width:20px;
  height:20px;
  }
.boxfeat div.featNav a {
  color:#fff;
  display:block;
  font-weight:bold;
  height:100%;
  padding-top:.1em;
  text-align:center;
  width:100%;
  }
.boxfeat div.featNav a.here,
.boxfeat div.featNav a:hover {
  color:#000;
  text-decoration:none;
  }
.featuredBadge {
  position:absolute;
  top:-8px;
  right:-15px;
  }
h6.more {
  text-align:right;
  margin-bottom:10px;
  }

/*boxfeat*/
.boxfeat {
  clear:both;
  position:relative;
  margin-bottom:10px;
  }
.hasNav {
  margin-top:30px;
  }
.boxfeat .top {
  background:url(../img/robotstore/bg-feat-frame-top.gif) no-repeat;
  height:5px;
}
.boxfeat .body {
  background:url(../img/robotstore/bg-feat-frame-bot.gif) no-repeat 0 100%;
  padding:15px;
}

/*Robot Sections*/
div.robtSections ul {
  margin:0 0 10px 0;
  }
div.robtSections ul li {
  display:inline;
  float:left;
  margin:0 53px 0 0;
  overflow:hidden;
  }
div.robtSections ul li.last,
div.robtSections ul li.lef {
  margin-right:0;
  }
div.robtSections a.heading {
  display:block;
  height:80px;
  text-indent:-1000px;
  width:176px;
  }
div.robtSections a.robotKits {
  background: url(../img/robotstore/bg-robot-kits.png) 50% 100% no-repeat;
  }
div.robtSections a.chassisMech {
  background: url(../img/robotstore/bg-chassis-mech.png) 50% 100% no-repeat;
  }
div.robtSections a.otherRobotics {
  background: url(../img/robotstore/bg-other-robotics.png) 50% 100% no-repeat;
  }
div.robtSections ul li.leftArm {
  width:18px;
  margin:17px 0 0 0;
  }
div.robtSections ul li.rightArm {
  width:18px;
  margin:43px 0 0 0;
  }
div.robtSections .thumb {
  display:block;
  width:176px;
  }
div.robtSections .thumb img {
  display:block;
  margin:auto;
  }
div.robtSections h4 {
  text-align:center;
  padding:5px;
  width:166px;
  }

/*Robot Parts Section*/
.robtParts {
  margin-bottom:10px;
  }
.robtParts h2 img {
  display:block;
  margin:auto;
  }
.robtParts table td {
  text-align:center;
  }
.robtParts table td img {
  height:70px;
  width:70px;
  margin:0 auto 5px auto;
  }
.robtParts h4 {
  text-align:center;
  }

/*Scon boxfeat*/
div#scon {
  width:228px;
  margin-right:15px;
  }
#scon .boxfeat {
  width:228px;
  }
#scon .boxfeat .top {
  background:url(../img/robotstore/bg-rcol-frame-top.gif) no-repeat;
  height:5px;
}
#scon .boxfeat .body {
  background:url(../img/robotstore/bg-rcol-frame-bot.gif) no-repeat 0 100%;
  padding:10px 15px;
}
#scon h3 {
  margin-bottom:10px;
  }
  
/*Scon items*/
img.connector {
  margin:-9px auto 1px auto;
  }
#layout8 .noMargin {
  margin:0;
  }

/*Email Alert Pop-Up*/
div#emailAlertContainer {
  position:relative;
  }
div#emailAlert {
  background-color:#fff;
  border:3px solid #A5D7DF;
  padding:10px;
  display:none;
  }
a.emailAlertLink img {
  width:228px;
  height:175px;
  }
ul.customerTypes {
  margin-bottom:10px;
  }
ul.customerTypes input {
  width:auto;
  }
ul.customerTypes li input {
  line-height:1em;
  }
div#emailAlert .hd {
  position:relative;
  }
div#emailAlert img.robtImg {
  position:absolute;
  top:-57px;
  left:60px;
  height:84px;
  width:285px;
  }
div#emailAlert .hd h5 {
  background-color:#A5D7DF;
  display:block;
  margin:70px 0 10px;
  padding:5px 0;
  text-align:center;
  }
div#emailAlert p.error {
  color:red;
  display:none;
  font-weight:bold;
  margin-bottom:10px;
  }
div#emailAlert a.closeBtn {
  background:url(../img/robotstore/ic-close.gif) no-repeat;
  height:21px;
  width:21px;
  position:absolute;
  top:3px;
  right:3px;
  }
div#emailAlert a.closeBtn:hover {
  text-decoration:none;
  }
div#emailAlert .body {
  padding-bottom:10px;
  }
div#emailAlert div.ft {
  clear:both;
  border-top:1px solid #666666;
  padding:10px;
  }

/*Twitter*/
a.twtr-join-conv {
  display:none !important;
  }
  
  
#simplemodal-overlay {background-color:#000;}
#simplemodal-container {}

