/* ---------------------------------------------------------
/* ---------------------------------------------------------
				CSS Copyright Mectronic.net
				version 1.0
----------------------------------------------------------*/

/*---------------------- Global --------------------------*/
body 
{
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	color: #333;
}

.block:after
{
	content:".";
	display:block;
	width:100%;
	height:0;
	visibility:hidden;
	clear:both;
}

body, table, tr, td, thead
{
	margin: 0;
	padding: 0;
	border: 0;
}

a, a:visited, a:hover
{
	color: #036994;
}

h1, h2, h3, h4, h5, h6
{
	margin: 0;
}

h1
{
	color: #4bc416;
	font-size: 24px;
	padding: 0;
	position:relative;
	z-index: 1;
}

h2
{

}

h3
{
	color: #035585;
	font-size: 18px;
	font-weight: bold;
}

h1 span
{
	color: #888;
	font-weight: normal;
}

fieldset
{
	border: none;
}

textarea, input[type=text],  input[type=password]
{
	border: 1px solid #bbb;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}


/*--------------------- Button Styles --------------------*/

input.buttons, a.buttons, button.buttons
{
	display: block;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	background: url(../sprites/elements.png) no-repeat;
	text-decoration: none;
	outline: none;
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
	text-transform: none;
}

input.buttonx, a.buttonx, button.buttonx
{
	display:inline-block;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	background: url(../sprites/elements.png) no-repeat;
	text-decoration: none;
	outline: none;
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
	text-transform: none;
}
/* define general widths of buttons */
.orange-btn-120, .gray-btn-120
{
	width: 120px;
}
.orange-btn-100, .gray-btn-100
{
	width: 100px;
}

.orange-btn-70
{
	width: 70px;
}

/* orange button background pos */
a.orange-btn-70, a.orange-btn-70:visited,
button.orange-btn-70
{
	background-position: -255px -50px;
}

a.orange-btn-70:hover, button.orange-btn-70:hover
{
	background: url(../sprites/elements.png) no-repeat -255px -80px;
}

a.orange-btn-100, a.orange-btn-100:visited,
button.orange-btn-100
{
	background-position: -150px -50px;
}

a.orange-btn-100:hover, button.orange-btn-100:hover
{
	background: url(../sprites/elements.png) no-repeat -150px -80px;
}

a.orange-btn-120, a.orange-btn-120:visited
{
	background-position: -20px -50px;
}

a.orange-btn-120:hover
{
	background: url(../sprites/elements.png) no-repeat -20px -80px;
}

/* gray button background pos */
a.gray-btn-120, a.gray-btn-120:
{
	background-position: -20px -110px;
}

a.gray-btn-120:hover
{
	background-position: -20px -140px;
}

a.expand, a.expand:visited
{
	background: url(../sprites/elements.png) no-repeat -20px -170px;
	display: block;
	position: absolute;
	width: 82px;
	height: 13px;
	line-height: 13px;
	top: 4px;
	left: 127px;
	font-size: 10px;
	color: #fff;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}

/*-------------------- Table List Items ------------------*/
table.listed-results
{
	width: 100%;
}

table.listed-results tr td
{
	padding: 1px 8px;
}

table.listed-results tbody tr:hover
{
	background-color: #fcfba1;
}

table.listed-results tbody tr td
{
	font-size: 11px;
	text-transform: uppercase;
}

table.listed-results thead tr td.sort
{
	background: url(../sprites/elements.png) top right no-repeat;
	padding-right: 20px;
}

table.listed-results thead tr td.sort-up
{
	background: url(../sprites/elements.png) no-repeat right -220px;
	padding-right: 20px;
}

table.listed-results thead tr
{
	background: url(../sprites/gradients.png) repeat-x 0 0;
	color: #fff;
	height: 23px;
	font-size: 12px;
}

table.listed-results thead tr a, table.listed-results thead tr td a
{
	color: #fff;
}

.listed-results-header-link
{
    color: #fff !important;
}

table.listed-results thead tr td
{
	padding: 0px 8px;
	white-space: nowrap; 
}

table.listed-results thead tr td.first
{
	background: url(../sprites/elements.png) no-repeat 0 0;
}

table.listed-results thead tr td.last
{
	background: url(../sprites/elements.png) no-repeat -155px 0;
	background-repeat:no-repeat;
}

table.listed-results thead tr td.last,
table.listed-results tr td.empty
{
	padding: 0;
}

table.listed-results tfoot tr td.pagination
{
	border-top: 1px dotted #ccc;
}

span.description
{
	padding: 0 6px;
	background: url(../sprites/elements.png) no-repeat 0 -30px;
}

span.short-sell
{
	padding: 0 6px;
	background: url(../sprites/elements.png) no-repeat -18px -30px;
}

.help-popup
{
    position: relative;
    cursor: help;
}

.help-popup-tip
{
    width: 200px;
    position: absolute;
    left: 0px;
    top: 15px;
    padding: 5px;
    border: 1px solid black;
    background-color: #eee;
    display: none;
    visibility: hidden;
    text-align: left;
    font-size: 10px;
    color: #000;
    line-height: normal;
    font-weight: normal;
}

span.star-rating
{
	display:block;
	float:left;
	width: 18px;
	height: 18px;
	background: url(../sprites/elements.png) no-repeat -60px -30px;
}

table.listed-results tr td a.pref
{
	display:block;
	width: 13px;
	height: 13px;
	background: url(../sprites/elements.png) no-repeat -101px -30px;
}

table.listed-results tr td a.pref-checked
{
	display:block;
	width: 13px;
	height: 13px;
	background: url(../sprites/elements.png) no-repeat -84px -30px;
}

table.listed-results tr td.edit-icon
{
	width: 32px;
	height: 32px;
	background: url(../sprites/elements.png) no-repeat -245px -0px;
}

div.tab-slider
{
	position:absolute;
	top:-25px;
	margin:0 0 0 32px;
	width: 1000px;
	overflow:hidden;
	padding: 0;
	z-index: 500;
}

ul.tabbed-results
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 3000px;
}

ul.tabbed-results li
{
	float: left;
	position: relative;
	height: 20px;
	padding: 2px;
	margin-right: 4px;
	border: 1px solid #959595;
	background-color: #d1d1d1;
}

ul.tabbed-results li a
{
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}

ul.tabbed-results li.selected
{
	border-bottom: 1px solid #fff;
	background-color: #fff;
}

ul.tabbed-results li.selected a
{
	color: #036994;
}

a.email, a.email:visited, a.email:hover
{
	background: url(../sprites/elements.png) no-repeat -34px -28px;
	padding: 0 0 0 18px;
	text-decoration: none;
	color: #333;
}

table.listed-results a.buttons
{
	float: left;
}

span#postMessage
{
	display:block; 
	margin: 0 0 0 130px; 
	padding: 3px;
	font-weight; bold;
}

/*----------------------- Containers ---------------------*/

div.tabbed-results-container
{
	position:relative;
}

body#mm-partSearch div.content-container
{
	margin-bottom: 20px;
}

div.content-container
{
	background: url(../sprites/gradients.png) repeat-x 0 -70px;
	width: 94%;
	padding: 15px;
	margin: 5px auto;
	border: 1px solid #959595;
	position: relative;
}
div.list-container
{
	background: #c0c0c0 url(../sprites/gradients_small.png) repeat-x 0 -70px;
	width: 98%;
	padding: 10px;
	margin: -3px auto 5px auto;
	border: 1px solid #959595;
	position: relative;
}

div.list-reg-container
{
	background: #B9B9B9 url(../sprites/gradients_small.png) repeat-x 0 -70px;
	width: 100%;
	padding: 15px;
	margin: 5px auto;
	border: 1px solid #959595;
	position: relative;
}

div.content-container
{
	background: none;
}

div.list-container h3
{
	margin: 0;
	padding: 6px 10px;
}

div.list-container p
{
	position: absolute;
	top: 15px;
	right: 20px;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

div.cart-container
{
	position: relative;
	width: 100%;
	border: 1px solid #959595;
	margin: 0 0 15px 0;
}

div.cart-container h4
{
	background: url(../sprites/gradients.png) repeat-x 0 -960px;
	padding: 0 0 0 8px;
	line-height: 20px;
	height: 20px;
}

div.cart-contents
{
	padding: 8px;
	background: url(../sprites/gradients.png) repeat-x 0 -985px;
}

span.top-corner-left
{
	background: url(../sprites/elements.png) no-repeat 0 -50px;
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	width: 6px;
	height: 5px;
}

span.top-corner-right
{
	background: url(../sprites/elements.png) no-repeat -10px -50px;
	display: block;
	position: absolute;
	top: -1px;
	right: -1px;
	width: 6px;
	height: 5px;
}

span.btm-corner-left
{
	background: url(../sprites/elements.png) no-repeat 0 -55px;
	display: block;
	position: absolute;
	bottom: -1px;
	left: -1px;
	width: 6px;
	height: 5px;
}

span.btm-corner-right
{
	background: url(../sprites/elements.png) no-repeat -10px -55px;
	display: block;
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 6px;
	height: 5px;
}

/*----------------------- Input Forms ---------------------*/

div.form-user-info
{
	border: 1px dashed #ccc; 
	background-color: #efefef; 
	margin: 10px 0;
	padding:10px;
width:300px;
}

div.form-user-info h2
{
	font-weight: normal;
}

div.form-user-info fieldset label
{
	display:block;
float: left;
width: 120px;
}

div.form-user-info fieldset input.disabled-field
{
border: 1px solid #ccc;
margin-bottom: 2px;
background-color: #fff;
color: #aaa;
}

span.special-checkbox
{
	background-color:#efefef;
	border:1px solid #999;
	padding: 3px 0 0 3px; 
	font-weight:bold;
	color:#999;
}
/*--------------------------------------------------------------------
                      LAYOUT DEFINITIONS
---------------------------------------------------------------------*/
div#siteContainer
{
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
}

div#branding
{
	background: url(../sprites/gradients.png) repeat-x 0 -730px;
	width: 100%;
	padding: 0;
	margin: 0;
}

div#branding h2
{
	float: left;
	padding: 5px 0 0 35px;
}

div#branding em
{
	display: block;
	width: 410px;
	margin: 0 0 10px 255px;
	padding: 16px 0 0 0px;
	font-size: 13px;
}

div#branding h2 a, div#branding h2 a:active, div#branding h2 a:hover
{
	display: block;
	width: 240px;
	height: 54px;
	background: url(../sprites/elements.png) no-repeat -760px -130px;
	text-indent: -1000px;
}

div#branding ul
{
	list-style-type: none;
	width: 96%;
	margin: 15px 0 0 0;
	padding: 0 30px;
}

div#branding ul li
{
	display: block;
	float: left;
	margin: 0 0 0 3px;
}

div#branding ul li.last
{
	float: right;
}

div#branding ul li.last a, div#branding ul li.last a:hover
{
	font-size: 14px;
	background: none;
	display: inline;
}

div#branding ul li.last a:hover
{
	text-decoration: underline;
}


div#branding ul li a, div#branding ul li a:active
{
	display: block;
	background: url(../sprites/elements.png) no-repeat -216px -210px;
	height: 25px;
	width: 106px;
	outline: none;
	border: none;
	font-size: 18px;
	line-height: 25px;
	text-align: center;
	text-decoration: none;
}

div#branding ul li a:hover
{
	background: url(../sprites/elements.png) no-repeat -216px -270px;
}

div#emailContainer
{
	width:750px;
	padding: 0;
	margin: 0;
	position: relative;
}

div.footer
{
	font-size: 12px;
	color: #888;
	Padding:10px 0 0 0;
	width:100%;
	text-align:center;
}

div.footer a
{
	text-decoration: none;
}

div.footer a:hover
{
	text-decoration: underline;
}

div#myMecNavigation
{
	position: relative;
	width: 98%;
	margin: 0 0 0 14px;
	padding: 12px 0 0 0;
	height: 50px;
	background: url(../sprites/gradients.png) repeat-x 0 -2003px;
}

div#myMecNavigation span.left-corner
{
	display:block;
	position: absolute;
	top: 0;
	left: 0;
	width: 7px;
	height: 58px;
	background: url(../sprites/elements.png) no-repeat 0 -70px;
}

div#myMecNavigation span.right-corner
{
	
	display:block;
	position: absolute;
	top: 0;
	right: 0;
	width: 7px;
	height: 58px;
	background: url(../sprites/elements.png) no-repeat -7px -70px;
}

div#myMecNavigation ul
{
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	width: 97%;
	height: 24px;
	background: url(../sprites/gradients.png) repeat-x 0 -2081px;
}

div#myMecNavigation ul li.left-side
{
	width: 19px;
	margin: 0 0 0 -5px;
	background: url(../sprites/elements.png) no-repeat  -170px 0;
}

div#myMecNavigation ul li.right-side
{
	float:none;
	margin:0 -5px 0 0;
	position:absolute;
	right:15px;
	width:19px;
	background: url(../sprites/elements.png) no-repeat -190px 0;
}

div#myMecNavigation ul li
{
	display: block;
	height: 24px;
	float: left;
	position: relative;
	margin: 0;
}

div#myMecNavigation a, div#myMecNavigation a:visited, div#myMecNavigation a:hover
{
	color: #fff;
	line-height: 24px;
	padding: 0 25px 0 10px;
	display: block;
	background: url(../sprites/elements.png) no-repeat bottom right;
	text-decoration: none;
}

div#myMecNavigation a.no-subnav, div#myMecNavigation a.no-subnav:visited, 
div#myMecNavigation a.no-subnav:hover
{
	padding: 0 12px 0 10px;
	background: url(../sprites/elements.png) no-repeat right -250px;
}

#dropmenudiv 
{
	position:absolute;
	padding: 0 5px;
	border:1px solid #035C90;
	border-top: 0;
	background: url(../sprites/gradients.png) repeat-x 0 -985px;
	color: #333;
	line-height:18px;
	margin-top: -5px;
	z-index:100;
}

#dropmenudiv a, #dropmenudiv a:visited 
{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px dotted #ccc;
	padding: 1px 0;
	text-decoration: none;
	font-size: 12px;
	color: #666;
}

#dropmenudiv a:hover 
{
	font-weight: bold;
	color: #666;
}

/*---------------------------------Calander--------------------------------*/
a.calendar-icon
{
background:url(../sprites/elements.png) no-repeat -215px 0;
line-height: 20px;
padding: 2px 10px;
}
 
 
.TESTcpYearNavigation,  .TESTcpMonthNavigation {
	background-color:#888;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}
.TESTcpDayColumnHeader,  .TESTcpYearNavigation,  .TESTcpMonthNavigation,  .TESTcpCurrentMonthDate,  .TESTcpCurrentMonthDateDisabled,  .TESTcpOtherMonthDate,  .TESTcpOtherMonthDateDisabled,  .TESTcpCurrentDate,  .TESTcpCurrentDateDisabled,  .TESTcpTodayText,  .TESTcpTodayTextDisabled,  .TESTcpText {
	font-family:arial;
	font-size:8pt;
}
TD.TESTcpDayColumnHeader {
	text-align:right;
	font-weight: bold;
	color: #333;
}
.TESTcpCurrentMonthDate,  .TESTcpOtherMonthDate,  .TESTcpCurrentDate {
	text-align:right;
	text-decoration:none;
}
.TESTcpCurrentMonthDateDisabled,  .TESTcpOtherMonthDateDisabled,  .TESTcpCurrentDateDisabled {
	color:#D0D0D0;
	text-align:right;
	text-decoration:line-through;
}
.TESTcpCurrentMonthDate {
	color:#036994;
	font-weight:bold;
}
.TESTcpCurrentDate {
	color: #FFFFFF;
	font-weight:bold;
}
.TESTcpOtherMonthDate {
	color:#f60;
	font-weight:bold;
}
TD.TESTcpCurrentDate {
	color:#FFFFFF;
	background-color: #4bc416;
	border-width:1px;
	border-color:#000000;
}
TD.TESTcpCurrentDateDisabled {
	border-width:1px;
	border-style:solid;
	border-color:#FFAAAA;
}
TD.TESTcpTodayText,  TD.TESTcpTodayTextDisabled {
	border: 1px solid #888;
	background-color: #ccc;
}
A.TESTcpTodayText,  SPAN.TESTcpTodayTextDisabled {
	height:20px;
}
A.TESTcpTodayText {
	color:#036994;
	font-weight:bold;
}
SPAN.TESTcpTodayTextDisabled {
	color:#D0D0D0;
}
table.TESTcpBorder {
	border: 1px solid #888;
	background: url(../sprites/gradients.png) repeat-x 0 -730px;
}

/*----------------------------------------------------------------------
                      SHORT SELL OVERRIDES
------------------------------------------------------------------------*/

body#mm-shortSellParts button.buttons,
body#mm-partSearch button.buttons
{
	margin: 10px 0 0 0;
}

/*----------------------------------------------------------------------
                           FORM OVERRIDES
------------------------------------------------------------------------*/

body#mm-login label
{
	display: block;
	padding-top: 5px;
}

body#mm-login form ul
{
 float: right;
 list-style-type: none;
}

body#mm-login form ul li
{
 text-align: right;
 Padding-bottom: 3px;
}

/*----------------------------------------------------------------------
            MYMECTRONIC LANDING PAGE
------------------------------------------------------------------------*/

/*---------- Overview Box Definition Lists -----------*/

div.overview-block
{
width: 960px;
margin: 0 auto;
}

div.overview-block div.content-container
{
height: 180px;
background: url(../sprites/gradients.png) repeat-x 0 -2300px;
}

div.overview-block dl
{
margin: 0;	
}

div.overview-block dl dt
{
font-weight: bold;	
}

div.overview-block dl dd
{
margin: 0;
/*height: 20px;*/
padding: 0 0 0 10px;
line-height: 20px;
}

div.overview-block dl dd span
{
color: #dd6f03;
}

/*-------------------------------------------------------------------------------
    RFQ/PO/EMAIL CHECKOUT OVERRIDES
--------------------------------------------------------------------------------*/

body#mm-rfqCheckout table.listed-results tbody tr td,
body#mm-poCheckout table.listed-results tbody tr td,
body#mm-sendEmail table.email tr td
{
	padding-top:4px;
}
.discountText {
	color:#F00;
	text-decoration:line-through;
}