/********************************************************************************************/
/*                        ALLIED ELECTRONICS ECOMMERCE DEPARTMENT
/* Name:                                 AlliedElecNet.css
/* Date Created:                         2008.02.25
/* Developed by:                         
/* Purpose:                              This is the new css file to use for any new changes.
/*										 The alliedelec.css will become deprecated once this has
/*										 been fully adapted.
/* ___________________________________________________________________________________________
/* History:                       
/*      [date]      [name]				 [description]
/*      2008.02.25  Samantha Javorka	 Set up file for new look & feel
/*      
/********************************************************************************************/


/* newly added for catalog */
.leftPadding{
    padding:10px 0px 10px 14px;
    text-align:left;
}
.requiredFieldsMessage
{
	text-align:left;
	padding-left:14px;
}
.left{
    position:relative; 
    left:1px;
    width:745px;
	background-color:#ccc;
}
.dotted_line{
    padding-left:14px;
    width:746px;
}
.viewCatalog{
    width:758px;
    margin-bottom:10px;
    height:300px;
}

.instructions{
    height:30px;
    float:left
}
.rightInstruct{
    width:323px;
    margin-left:1px
}
.leftInstruct{
    width:406px;
}
.rightCol{
    float:left;
    width:323px;
    height:190px;
    padding-top:10px;
    padding-left:10px;
}
.ordering{
   padding-bottom:14px;
}
.forms{
    height:300px;
    float:left;
    line-height:20px; 
}

/** catalog specific **/
.leftCorner{
    background: url(../../images/tablehead_420x24.png) no-repeat; 
    height:20px;
    float:left;
    width:407px;
    padding-top:4px;
    padding-bottom:0px;
}
.rightCorner{
    background: url(../../images/tablehead_337x24.png) no-repeat; 
    padding-left: 14px;
    height:20px;
    float:left;
    width:322px;
    padding-top:4px;
    padding-bottom:0px;
}
.closedCatalog{
    background-image: url(../../images/bk_catalog.png); 
    padding-top: 14px; 
    line-height: 25px;
    vertical-align:top;
    float:left;
    width:406px;
    height:190px;
}
.leftCornerFull{
    background: url(../../images/tablehead_999.png) no-repeat; 
    height:21px;
    padding-top:4px;
    padding-bottom:0px;
}
.acrobatLink
{
	padding:14px; 
	float:left; 
	width:550px;
	text-align:left;
}
div .submitButtons
{
	padding:14px; 
	width:150px; 
	float:left;
	padding-top:25px;
}

/** end catalog specific **/

/* -- error handling -- */

.attention
{
	font:10px verdana;
    color: #ff6600;
}
.validationError
{
	color:#cc0000;
	font-weight:bold
}
.pageerror 
{
	width:738px; 
	height: 20px; 
	background-color:#FDFBE7; 
	text-align: left; 
	padding-left:14px; 
	padding-top:14px; 
	padding-bottom:14px;
	padding-right:14px;
	color: #cc0000;	
	font:bold 11px Verdana;
}
.rederror
{
	font:bold 10px verdana;
    color: #cc0000;
}
/* -- end Error Handling -- */
/** Default **/
.alertPanels{
    background-color:#FDFBE7; 
    text-align:center;
    padding: 10px;
    width:758px;
    margin:auto;
}
.pipeDivider{
    width: 1px; 
    color: #fff;
}

.MasterHeaderNavigation
{
	border:0px;
	width:758px;
	background-image: url(/images/header.png); 
	background-repeat: no-repeat; 
	margin: 0 auto;
}
.standardWidthAlignment
{
	width:758px; 
	margin:auto;
}

/** default specific **/
.resourceNavigation
{
	padding-left: 14px;
	height:35px;
}
.redArrow
{
	padding-right:6px;
	vertical-align:middle;
}
.catalogMenu
{
	width:198px; 
	background-image: url(images/catalog.png); 
	background-repeat: no-repeat; 
	padding:12px 0px 110px 14px;
}
.more
{
	padding-left:8px;
	vertical-align:middle;
}
.categoryTitle
{
	width:102px; 
	vertical-align:top;
}
.subCategories
{
	width:163px; 
	vertical-align:top;
}

.productCategories
{
	background-color:#f8f8f8;
	width:550px;
	margin-top:6px;
}
.productCategoriesInner
{
	padding-left:10px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	vertical-align:top;width:550px;
}
/** punchout default.aspx **/
.punchoutAcctMgr
{
	padding-left:14px;
	height:25px;
	font-weight: bold; 
	padding-left: 10px; 
	font-size: 11px; 
	background-color:#eee
}
.punchoutSalesInfo
{
	padding-left:14px;
	height:25px;
	line-height: 20px; 
	padding-left: 25px; 
	padding-top: 10px; 
	font-size: 11px;
	padding-bottom: 14px;
	vertical-align:top;
}
.punchoutWelcome
{
	padding-left:14px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 15px; 
	padding: 14px;
	width:740px;
	margin:auto;
	text-align:left;
}
/** end punchout default.aspx **/


/** TABS **/

.inactiveTab{
	background-image: url(images/tab_off.png);
	height:36px;
	width:148px;
	text-align:center;
	FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
	
}
.v_tab_off{
	background-image: url(images/v_tab_off.png);
	height:67px;
	width:222px;
	padding-right: 0px;
	FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	
}
.v_tab_on{
	background-image: url(images/v_tab_on.png);
	height:67px;
	width:222px;
	padding-right: 0px;
	FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #cc0000;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	
}

.v_tab_on a {
	COLOR: #c00;
	TEXT-DECORATION: none;
	}

.v_tab_off  a {
	COLOR: #333;
	TEXT-DECORATION: none;
	}


.pc_tab_on a {
	COLOR: #c00;
	TEXT-DECORATION: none;
	}

.pc_tab_off  a {
	COLOR: #333;
	TEXT-DECORATION: none;
	}

.pc_tab_off{
	background-image: url(images/pc_tab_off.png);
	height:27px;
	width:225;
	padding-top: 10px;
	padding-left: 10px;
	FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-repeat:no-repeat;
	
}
.pc_tab_on{
	background-image: url(images/pc_tab_on.png);
	height:27px;
	width:225px;
	padding-top: 200px;
	padding-left: 10px;
	FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #cc0000;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
	border-bottom: 1px solid #ccc;
	background-repeat:no-repeat;
	
}
.activeTab{
	background-image: url(images/tab_on.png);
	height:36px;
	width:148px;
	text-align:center;
	FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #cc0000;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.inactiveTab2{
	background-image: url(images/tab_100_off.png);
	height:20px;
	width:100px;
	text-align:center;
	FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
	
}
.activeTab2{
	background-image: url(images/tab_100_on.png);
	height:20px;
	width:100px;
	text-align:center;
	FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #cc0000;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
A.tabs
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #333;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
A.tabs:active
{
    FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
    COLOR: #333;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
A.tabs:link
{
    FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
    COLOR: #333;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
A.tabs:visited
{
    FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
    COLOR: #333;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
A.tabs:hover
{
    FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
    COLOR: #333;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline
}

.noTab{
	background-image: url(/search/images/tab_no.png);
	width:126px;
	height:20px;
	text-align:center;
	border-bottom:1px solid #ccc;
}
.hiddenDiv
{
	display:none;
}
.shownDiv
{
	border:1px solid #ccc; 
	border-top:0px;
	width:728px; 
	padding:14px;
}

.rank
{
	width:100px;
	border:1px solid black;
	background-color:#fff;
}

.TabDisplays
{
	width:725px;
	vertical-align:middle;
	padding-top:20px;
}


.reviewsDisplay
{
	background-image: url(/search/images/review_back.png); 
	width:200px; 
	padding:10px 0px 10px 10px; 
	background-repeat: no-repeat;
	line-height:14px; 
	height:218px; 
	vertical-align:top
}
.reviewsDisplayExtended
{
	background-image: url(/search/images/review_back.png); 
	width:758px; 
	padding:10px 0px 10px 10px; 
	background-repeat: no-repeat;
	line-height:14px; 
	height:800px; 
	vertical-align:top
}
/** end tabs **/



/** GENERAL CLASSES **/

/* Causes a yellow bg similar to that of the "dev.alliedelec.com" notification */
.YellowBG
{
   background-color:#FDFBE7;
   padding-top:14px;
   padding-bottom:14px;
} 
/* Sets the alternating row color to white */
.altRow
{
	background-color:#eee;
}

/** Reviews **/
.ProductInformationTable{
    width:740px;
    text-align:left;
    margin:5px 0px 0px 5px;
}
.TableCell{
    padding:14px;
}
.TableCellImage{
    vertical-align:top;
}

.PanginationLink{
    text-align:center; 
    width:728px
}
.ReviewForm{
    float:left;
    width:708px;
    line-height:25px;
}


/** PRICE CLASSES **/
.discountedPrice
{
	color:#696;
}

/** Product Detail Specific **/
.stockNumbers
{
	background-color:#eee;
	line-height:25px;
	height:20px;
	padding-left:14px;
}
.mainPrice
{
	font:bolder 22px verdana;
    color: #cc0000;
}
.accessories
{
	font:bold 17px verdana;
    color: #cc0000;
}

.vendorName
{
	font-size:18px;
	font-weight:bold;
}

.footerPipe
{
	padding:0px 10px;
}

.header
{
	font:bold 12px Verdana, Arial;
    text-decoration: none;
}
.header_333
{
	font:bold 12px Verdana, Arial;
	color: #333;
    text-decoration: none;
}
A.header
{
    font:bold 12px Verdana, Arial;
    border:medium none;
    color: #fff;
    text-decoration: underline
}
A.header:active
{
    font:bold 12px Verdana;
    border:medium none;
    color: #fff;
    text-decoration: underline
}
A.header:link
{
    font:bold 12px Verdana;
    border:medium none;
    color: #fff;
    text-decoration: underline
}
A.header:visited
{
    font:bold 12px Verdana;
    color: #fff;
    text-decoration: underline
}

A.header:hover
{
    font:bold 12px Verdana;
    border: medium none;
    color: #cc0000;
    text-decoration: underline
}
.rightNavHeader
{
	background-color:#999;
	background-image: url(/search/images/header2_200.png);
	background-repeat: no-repeat;
}
.header_245
{
	
	background-image: url(images/header_245.png);
	background-repeat: no-repeat;
}
.header_758
{
	
	background-image: url(images/header_758.png);
	background-repeat: no-repeat;
}

.rightHeader
{
	padding-left: 10px;
    height:30px; 
    width:200px;
	font:bold 11px Verdana;
	color: #333;
}

.highlight
{
	text-decoration: line-through;
	background-color:#999;
}

.categoryDisplay
{
	background-color:#ccc;
	color:#000;
	width:710px;
	padding:5px 0px 5px 14px;
	font-weight:bold;
}

.subTitleBar
{
	width:200px; 
	height:30px;
	padding-left: 14px;
}
.subTitleRow
{
	background-image: url(images/header_200.png); 
	background-repeat: no-repeat;
}
.leftNavBar
{
	border:1px solid #ccc;
	border-top:0px; 
	background-color:#f2f2f2;
	width:200px;
}
.topSeller
{
	border:1px solid #ccc; 
	border-top:0px;
	width:540px;
}
.mainBorderRight
{
	border-right:1px solid #ccc;
}

.mainBorderLeft
{
	border-left:1px solid #ccc;
}
.promo
{
	width:198px;
	padding-left: 10px; 
	padding-top: 14px;
}
.advertTable
{
	border:1px solid #ccc; 
	background-color:#f7f7f7;
	margin-top:10px;
	width:200px;
}
.pricingRow
{
	padding-left:5px;
	border:1px solid #ccc;
}
.pricingTitle
{
	border:1px solid #ccc;
	height:30px;
	padding-left:10px;
	vertical-align:middle;
}

/** CART **/
.buttonarrowLarge 
{
	font:10px  verdana, Helvetica, sans-serif;
	color: #333;
	background: #fff url(images/btn_back_arrowlarge.gif) ;
	border-color: #aaa;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	width: 108px;
	height: 18px;
	cursor: hand;
} 
white
{
    FONT-SIZE: 11px;
    COLOR: #fff;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
A.white:link
{
    FONT-SIZE: 11px;
    COLOR: #fff;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
A.white:visited
{
    FONT-SIZE: 11px;
    COLOR: #fff;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
A.white:hover
{
    FONT-SIZE: 11px;
    COLOR: #fff;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline
}
A.white:active
{
    FONT-SIZE: 11px;
    COLOR: #fff;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline
}