/*
-----------------------------------------------
Client:Jameco Electronics
Project:Public Web Site

File Name: layout.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:#00608d url(../images/Dspring/bg.jpg) repeat-y 50% 100%;
	color:#000;
	}
div#page {
	background-color:#fff;
	margin:0 auto;
	padding:0;
	width:980px;
	}

/* Default layout
----------------------------------------------- */
div#content {
	margin-bottom:15px;
	padding:0 10px;
	}
div#main {
	float:right;
	position:relative;
	width:760px;
	}
div#pcon {
	float:left;
	position:relative;
	width:500px;
	}
div#tcon {
	float:right;
	position:relative;
	width:250px;
	}
div#scon {
	float:left;
	position:relative;
	width:190px;
	}

/* Layout 2 Product Detail
----------------------------------------------- */
#layout2 div#main {
	float:none;
	width:auto;
	}
#layout2 div#pcon {
	width:700px;
	}
#layout2 div#tcon {
	background-color:#d1d1d1;
	margin-top:2.05em;
	min-height:420px; /* To emulate equal height with the tab divs. */
	width:250px;
	}
#layout2 div#scon {
	display:none;
	}
#layout2 div#prod-main {
	border:1px solid #ccc;
	margin-bottom:20px;
	}
#layout2 div#prod-info {
	float:left;
	width:608px;
	}
#layout2 div#prod-price {
	float:right;
	width:350px;
	}

/* Layout 3 Search Results
----------------------------------------------- */
#layout3 div#pcon {
	float:none;
	width:auto;
	}
#layout3 div#tcon {
	display:none;
	}
div.result {
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	padding-bottom:5px;
	padding-top:5px;
	}
div.result-info {
	margin-left:85px;
	position:relative;
	width:500px;
	}
.result-info table.data {
	width:250px;
	}

/* Widget boxes
----------------------------------------------- */
div.boxgray { /* Gray border. */
	border:1px solid #ccc;
	margin-bottom:10px;
	padding:15px 15px 5px;
	position:relative;
	}
div#tabs div.boxgray {
	border:1px solid #aaa;
	min-height:398px; /* To emulate equal height with the right column. */
	}
.badge { /* Prevents the title from overlapping the badge icon. */
	margin-right:135px;
	}
img.badge-img { /* Positions the ribbon. */
	position:absolute;
	right:10px;
	top:10px;
	z-index:10;
	}

div.boxwhite { /* White border. */
	border:1px solid #fff;
	margin-bottom:10px;
	padding:15px 15px 5px;
	position:relative;
	}
#prod-main div.boxwhite {
	margin-bottom:0;
	}

div.boxblack { /* Black border. */
	border:1px solid #000;
	margin-bottom:10px;
	padding:15px 15px 0px;
	position:relative;
	}
#prod-main div.boxblack {
	margin-bottom:0;
	}
.boxblack h3.boxtitle {
	background:#222 url(../images/Dspring/bg-hdbr-bk.gif) no-repeat 100% 0;
	margin:-15px -15px 0px;
	padding:6px 5px 5px 0;
	}
.boxblack h3.boxtitle span {
	background:#222 url(../images/Dspring/bg-hdbr-bk.gif) no-repeat 0 0;
	color:#fff;
	padding:6px 0 5px 5px;
	}
h3 select { /* Sort by filter. */
	display:inline;
  font-size:77%;
	font-weight:normal;
  margin-left:3px;
  padding:0;
  width:auto;
	}
.boxblack h3#nextproduct { /* Styles the next product numbers. */
	position:absolute;
	right:20px;
	top:6px;
	}
div.boxtitle-btm { /* Positioned at the bottom of results page. */
	bottom:0;
	left:0;
	margin:0 -15px -5px;
	position:relative;
	width:758px;
	}
.boxblack .boxtitle-btm h3.boxtitle { 
	margin:0;
	}
.boxblack h3#nextproduct a {
	color:#a3d6e9;
	padding:0 0 0 10px;
	}
.boxblack h3#nextproduct a:hover, .boxblack h3#nextproduct a.here {
	color:#fff;
	}
.boxblack h5.boxtitle {
	background:#222 url(../images/Dspring/bg-hdbr-bk.gif) no-repeat 100% 0;
	margin:-15px -15px 10px;
	padding:5px 5px 4px 0;
	}
.boxblack h5.boxtitle span {
	background:#222 url(../images/Dspring/bg-hdbr-bk.gif) no-repeat 0 0;
	color:#fff;
	padding:5px 0 4px 5px;
	}
div#best.boxblack {
	padding:0;
	}
#best.boxblack h5.boxtitle {
	margin:0;
	padding-top:4px;
	}
div.quickadd { /* Add to cart widget. */
	background-color:#e8f4f9;
	margin-bottom:5px;
	padding:5px 5px 1px;
	width:115px;
	}
div.quickadd.detail { 
	width:auto;
	}
div.quickadd.left { /* Floated to the left. */
	float:left;
	margin-right:10px;
	}
div.quickadd.right { /* Floated to the right. */
	float:right;
	margin-left:10px;
	}
.quickadd h3 {
	margin-bottom:5px;
	}
div#featured {
	height:200px;
	}
div.product {
	position:absolute;
	width:480px;
	}
div.off {
	display:none;
	}

/**additional*/
.headerBar {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	background-color: #DEF0F7;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
}	

.right {text-align:right;}
#tt {position:absolute; display:block; }
#tttop {display:block; height:5px; margin-left:5px;  overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#DEF0F7; color:#000}
#ttbot {display:block; height:5px; margin-left:5px;  overflow:hidden}