/* CSS Document */

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

Title:			allspec.css
Browser(s): 	All
Author: 		Kevin deLeon (www.all-spec.com)
Created: 		10.29.2008
Last modified: 	10.29.2008

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

/* ---------------------------------------------------------------------------------------*/
/* -------------------------------------->>> NOTES <<<------------------------------------*/
/* ---------------------------------------------------------------------------------------*/

/* 
	- Print style sheet for Product Pages
*/	 
/* ---------------------------------------------------------------------------------------*/


/* ---------------------------------------------------------------------------------------*/
/* -------------------------------------->>> GLOBAL <<<-----------------------------------*/
/* ---------------------------------------------------------------------------------------*/

/* Re-setting some global junk...taken from Elliot Jay Stocks */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; overflow: visible; }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
/*h1, h2, h3, h5, h5, h6 { font-size:100% } */
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong, b { font-weight: bold }
em { font-style: italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */

body {background: #fff url(/images/mainBG.gif) repeat-x top left; text-align: center; /* centers content for wacky browsers */}

/* ---------------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> GLOBAL TEXT STYLES <<<-----------------------------------*/
/* ---------------------------------------------------------------------------------------------------*/

body {font-family: "Times New Roman", Times, serif; font-size: 100%; color: #000;}

p {font-size: 1em; line-height: 1.8em; margin: 1.2em 0em 1.2em 0em;}

h1 {font-size: 2.0em; font-weight: bold; font-family: "Times New Roman", Times, serif;}
h2 {font-size: 1.7em; font-weight: bold; font-family: "Times New Roman", Times, serif;}
h3 {font-size: 1.4em; font-weight: bold; font-family: "Times New Roman", Times, serif; color: #990000;}
h4 {font-size: 1.2em; font-weight: bold; font-family: "Times New Roman", Times, serif;}

ol, ul, li { font-size: 1.0em; margin-top: 0.2em; margin-bottom: 0.1em; }

a {color: #21428F; text-decoration: underline;}

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

/* -----------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> PAGE STRUCTURE <<<-----------------------------------*/
/* -----------------------------------------------------------------------------------------------*/

/* main container that centers page */
#container { 
	position: relative;
	margin: 0 auto;
	padding: 15px 0 0 0;
	width: 940px;
	height: 100%;
	text-align: left; /* uncenters text that was unfortunately centered above for wacky browsers */
	overflow: hidden;
}
/* page structure styles used on most pages */
#leftContent {display:none;}
#rightContent160{display: none;}
#centerContentProd {position: relative; margin: 5px 10px 0 0; padding: 0; float: left; overflow: hidden;}
#footDivider {display: none;}
#footer {display: none;}


/* -------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> NAVIGATION <<<-----------------------------------*/
/* -------------------------------------------------------------------------------------------*/

/* topNav -- contains links for MyAccount, Shpping Cart, etc... */
#topNav {display: none;}


/* Horizontal Menu and Search Styles */
#hrzNavigation {display: none;}

/* McAfee */
#security {display: none;}


/* ----------------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> PRODUCT PAGE STYLES <<<-----------------------------------*/
/* ----------------------------------------------------------------------------------------------------*/

/* #crumbs {} */
#prodManuLogo {margin: 15px 0 15px 0;}

#prodPicture {position: relative; float: left; text-align: center; width: 160px;}
#prodPicture img {display: block; margin: 0 auto;}
img.enlarge {visibility: hidden;}

#prodInfoContainer {position: relative; float: left; overflow: hidden; background: url(/images/gradBox.gif) repeat-x; margin: 0 0 0 10px; padding: 0 0 10px 0;}
#infoContainerLeft {position: relative; float: left; padding: 10px 0 10px 10px; width: 259px; margin: 0; overflow: hidden;}
#infoContainerRight {position: relative; float: left; padding: 10px 0 10px 0; width: 159px; margin: 0; overflow: hidden;}

h3.prodTitle {color: #333; margin: 0 0 15px 0; font-size: 1.5em;}
.ourPriceBlock {margin: 0; padding: 0;}
.ourPrice {font-family: "Times New Roman", Times, serif; font-size: 1.5em; font-weight: bold;}
.price {font-family: "Times New Roman", Times, serif; font-size: 1.5em; font-weight: bold;}
.listPriceBlock {margin: 0 0 0 5px;}
.listPrice {text-decoration: line-through;}

#partNumBlock {margin: 0 5px 0 5px;}
#partNumBlock p {margin: 0; padding: 0; font-size: .9em; line-height: 1.2em;}

#qtyInfoBlock {margin: 10px 0 0 5px;}
#qtyInfoBlock p {margin: 0; padding: 0; font-size: .9em; line-height: 1.2em;}

#prodIconBlock {display: none;}
#prodIconBlock p {margin: 0 0 0 0; padding: 0; font-size: .9em; height: 20px;}
.prodPageIcons {margin: 0 2px 0 0; vertical-align: middle;}

#addToCartBlock {display: none;}
.prodQTY {width: 40px; margin: 0 5px 0 0;}
#prodCartBtn {vertical-align: middle; width: 147px; height: 28px; text-indent: -9999px; margin: 8px 0 0 0; padding:0; border:0; background: transparent url('/images/addCartRedS.gif') no-repeat; cursor: pointer;}
#prodCartBtn:hover {background-position: -147px;}

#priceBrkTbl {width: 406px; margin: 5px 10px 0 10px; border: 1px solid #ccc; font-size: .9em; clear: both;}
#priceBrkTbl td {padding: 3px;}
.brkRow1 {background: #003366; color: #fff;}
.brkRow2 {background: #eee; color: #333;}
.rowTitle {text-align: left;}
.brkCell {text-align: center;}

.drpShpStatmnt {color: #21428F; margin: 10px 10px 0 10px; font-size: 1.1em; clear: both;}

/*shaded Tabs */
/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs {padding: 3px 0; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: bold 12px "Times New Roman", Times, serif; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ }
.shadetabs li {display: none;}
.shadetabs li a {text-decoration: none; position: relative; z-index: 1; padding: 3px 7px; margin: 0 0 0 0; border: 1px solid #ccc; color: #2d2b2b; background: #fcf1bb;}
.shadetabs li a:visited {color: #2d2b2b;}
.shadetabs li a:hover {text-decoration: underline; color: #2d2b2b;}
.shadetabs li a.selected {position: relative;top: 1px;}
.shadetabs li a.selected {background: #fff url(/images/tabActive.gif) repeat-x;border-bottom-color: #fff;}
.shadetabs li a.selected:hover {text-decoration: none;}
.tabcontent {display:block !important;}
#tabbedContainer {padding: 40px 0 0 0; overflow: hidden; width: 600px; clear: both;}
#tabDivCont {margin: 0 0 10px 0; padding: 10px 10px 20px 10px;}

#tabDivCont p {line-height: 1.2em;}
#tabDivCont ul {margin: 0 0 0 10px;}
#tabDivCont ul li {margin: 0 0 0 10px; list-style-type: disc;}

/* All Stuff for Carousel Containter */
#prodCarouselHead {
	position: relative;
	width: 160px;
	height: 22px;
	background: url(/images/colHeader.gif) repeat-x;
	margin: 0;
	padding: 3px 0 0 7px;
	float: left;
}
.prodh2Head {font-size: 1.2em; color: #fff;}
#prodCaroScroll {margin: 0; padding: 0; width: 158px; height: 20px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; overflow: hidden; clear: both;}
.scrollLabel {margin: 3px 3px 0 7px; display: block; float: left; font-size: .85em;}
.prodCenterBoxHead {margin: 0; padding: 0; float: left;}    
.prodCarousel  {padding: 0; margin: 5px 0 0 0; position: relative; width: 160px; height: 100%; }    
.prodPrev {margin: 4px; padding: 0; height: 10px; width: 10px; border: 0; float: right;}
.prodNext {margin: 4px; padding: 0; height: 10px; width: 10px; border: 0; float: right;}                             
.jCarouselLiteP {
	background-color: #fff;
	border: 1px solid #CCCCCC;
	padding: 0 0 0 0;
	text-align: center;
	/* Needed for rendering without flicker */
	position: relative;
	visibility: hidden;
	left: -5000px;
	margin: 0;
}
.prodCarousel ul {margin: 0; padding: 0; width: 158px;}
.prodCarousel ul li {margin: 0 auto; width: 148px; height: 200px; border-bottom: 1px solid #ccc;}
.prodCarousel li img {background-color: #fff; margin: 20px 0 0 0; margin-bottom: 3px; width: 74px; height: 74px;}
.prodCarousel li p {background-color: #fff;  margin: 0 0 0 0; width: 145px; line-height: 1.3em;}


/* -----------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> UTILITY STYLES <<<-----------------------------------*/
/* -----------------------------------------------------------------------------------------------*/

.clear { clear: both; }

/* Tracking pop-up styling for print */
.trackingPopupHeader {width: 450px; text-align: left; font-size:12px; font-weight: bold; background: none; margin: 0 auto; padding: 0; overflow: hidden;}
.trackingPopupHeader img {margin: 5px 20px 5px 0; display: block;}
.trackingPopupHeaderSm {margin: 0 auto; padding: 0; width: 450px;}
.trackingPopupHeaderLg {text-align: left; font-size: 12pt; font-weight: bold; background: none; margin: 5px 0 0 0;}
.trackingHeaderPrint {display: none;}
.trackingPopupHeaderLg .trackingHeaderPrint img {display: none;}
.trackingPopupDetail {width: 450px; text-align: left; font-size: 11px; margin: 10px auto; padding: 0;}
.trackingPopupDetail td {border: 1px solid #ccc; padding: 8px;}


/* ---------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> CheckOut Order Form <<<------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------*/

.CheckOut {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%; 
  overflow: hidden;
}
.CheckOut label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0px; 
	margin: 5px 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
.CheckOut fieldset {
  border-color: #aaa;
  border-width: 1px;
  border-style: solid;
  padding: 5px 5px 20px 5px;        /* padding in fieldset support spotty in IE */
  margin: 0 0 0 0;
  color: #000000;
}
.CheckOut fieldset legend {
 font-size: 14px;
 padding: 4px;
 background: #214D7A; 
 font-weight: bold;
 color: #ffffff;
}

.CheckOut table { 
 height: 400px;
}

.CheckOut td {
 border-color: #666;
 border-width: 0px;
 border-style: solid;
 padding: 5px;
}

.CheckOutCart {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%; 
  overflow: hidden;
}
.CheckOutCart label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0px; 
	margin: 5px 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
.CheckOutCart fieldset {
  border-color: #aaa;
  border-width: 1px;
  border-style: solid;
  padding: 5px 5px 20px 5px;        /* padding in fieldset support spotty in IE */
  margin: 0 0 0 0;
  color: #000000;
}
.CheckOutCart fieldset legend {
 font-size: 14px;
 padding: 4px;
 background: #214D7A; 
 font-weight: bold;
 color: #ffffff;
}

.CheckOutCart table { 
 width: 100%;
 margin: 10px 0 0 0;
}

.CheckOutCart td {
 border-color: #ddd;
 border-width: 1px;
 border-style: solid;
 padding: 5px;
}


.CheckOutContactInfo {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%; 
  overflow: hidden;
}
.CheckOutContactInfo label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0px; 
	margin: 5px 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
.CheckOutContactInfo fieldset {
  border-color: #aaa;
  border-width: 1px;
  border-style: solid;
  padding: 5px 5px 20px 5px;        /* padding in fieldset support spotty in IE */
  margin: 0 0 0 0;
  color: #000000;
}
.CheckOutContactInfo fieldset legend {
 font-size: 14px;
 padding: 4px;
 background: #214D7A; 
 font-weight: bold;
 color: #ffffff;
}
.CheckOutContactInfo table { 
 height: 155px;
}

.CheckOutTHead {
 text-align: left;
 font-weight: bold;
 background: #FDFF80
}
.CheckOutRight {
 text-align: right;
}

#CheckOutContactInfo {
  width: 50%;
  float: left;
}
#CheckOutContactInfo div {
  overflow: hidden;
}
#CheckOutPersonalInfo {
  width: 50%;
  float: right;
}
#CheckOutPersonalInfo div {
  overflow: hidden;
}


#CheckOutBillingShippingContainer {
}
#CheckOutBillingInfo {
  width: 50%;
  float: left;
}
#CheckOutBillingInfo div {
  overflow: hidden;
}
#CheckOutShippingInfo {
  width: 50%;
  float: right;
}
#CheckOutShippingInfo div {
  overflow: hidden;
}
#CheckOutShippingInfo a {
 font-size: 10pt;
 font-weight: bold;
 text-align: center;
}

.thanks {background: url(/images/interface/ok.png) no-repeat; padding: 0 0 0 40px; margin-top: 10px; color: #090;}
.confirmContinue {float: left; padding: 4px; border: 1px solid #ccc; background: #eee; color: #333; margin: 0 10px 15px 0;}
.confirmPrint {float: left; padding: 4px; border: 1px solid #ccc; background: #eee; color: #333; margin: 0 10px 15px 0;}

/* ---------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Compare Products <<<------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------*/
* {
overflow: visible !important;
}

div#ComparisonTable {
display: inline;
}