/*START----- General Rules -----START*/

/*---ELEMENTS---*/
body{
    padding:0;
    margin:0;
    background:#FFF;
}
.bold {
	font-weight: bold;
    background-color: #CCC;
}
img{
	border: none;
}

td {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

.nowrap td
{
	white-space:nowrap;
}

/*---CLASSES---*/
.clear {
	float: none !important;
	width: 100% !important;
	height: 1px !important;
	clear: both !important;
	line-height: 1px !important;
	font-size: 1px !important;
}

.dollars
	{
		text-align:right;
	}
	
.odd
	{
		background:#ccc;
	}
	
.total
	{
		text-align:right;
		font-weight:bold;
	}

/*END----- General Rules -----END*/

/*START----- Global Message -----START*/

.globalmessage{
    position:relative;
    top:0;
    left:0;
    width:100%;
    height:auto;
    padding:10px;
    background:#CCC;
    border-bottom:2px solid #333;
    margin:0;
}

.globalmessage h4{
    text-align:center;
    padding:0;
    margin:0;
}

/*END----- Global Message -----END*/

/*--------- Inventory Replacement Styles ------------ */
.ActiveTab{
    position:absolute;
    left:0;
    top:0;
    text-align:center;
    border:1px outset #eee;
    border-bottom:none;
    background:#7e92ba;
    cursor:hand;
}
.InactiveTab{
    position:absolute;
    left:0;
    top:0;
    text-align:center;
    border:1px outset #eee;
    border-bottom:none;
    background:#ea6;
    cursor:hand;
}
.Panel{
    position:absolute;
    left:0;
    top:0;
    border:1px outset #eee;
    border-top:none;
    background:#7e92ba;
}
.body.productlistcart-ai .Panel
{
	position: static;
	border: 1px outset #eee;
        border-top: none;
	background-color: #7e92ba;
}
.ActivePanel{
    position:absolute;
    left:0;
    top:0;
    border:1px outset #eee;
    border-top:none;
    background:#7e92ba;
	visibility:visible;
}
.InactivePanel{
    position:absolute;
    left:0;
    top:0;
    border:1px outset #eee;
    border-top:none;
    background:#7e92ba;
	visibility:hidden;
}
.accessibleinvisible{
    position:absolute;
    left:-20000em;
}

/*--------- Monogramming & Personalization Verification Styles ------------ */
.aiPersonalizationProofingItem {} /*wrapping div*/
.aiPersonalizationProofingItem table {width: 100%;}
.aiPersonalizationProofingItem ul {padding: 0; margin: 0; margin-bottom: 5px;}
.aiPersonalizationProofingItem li {list-style: none; padding: 0; margin: 0;}
.aiPersonalizationProofingItem td {width: 50%; text-align: left;}
.aiPersonalizationProofingItem span {font-weight: bold;} /*The label for each monogramming line list*/

/*-------------SpecialOrder.aspx-----------*/

/*-------Bodystyles-----------*/

.specialorder-ai body{
	background: white;
}

.specialorder-ai .headlineTop {
	padding: 0;
	margin: 0 0 10px 0;
	font-family: Arial, Helvetica;
	font-weight: bold;
	font-size: 16px;
	color: black;
	text-align: left;
}
.specialorder-ai .copyright {
	padding: 0;
	margin: 0 0 0 15px;
	font-family: Arial, Helvetica;
	font-size: 9px;
	color: black;
	float: left;
}
.specialorder-ai .logoBottom {
	float: right;
	margin-right: 25px;
	border: 1px none purple;
}

/*--------noflash images--------*/

.specialorder-ai .outsidenoflashwrapper { /*holds the entire non-flash special order piece*/
	border: 1px none red;
	width: 920px;
	height: auto;
	z-index:0;
	position: relative;
	margin: 0;
	padding: 0;
	background:#FFFFFF;
}

.specialorder-ai .noflashwrapper { /*holds the non-flash background with the images and the rep info*/
	border: 1px none blue;
	width: 900px;
	height: auto;
	z-index:0;
	position: relative;
	top: 0;
	left: 20px;
	padding: 0 0 0 0;
	background:#FFFFFF;
}

.specialorder-ai .pngWrapper_creativity {
	position: absolute;
	display:block;
	width: 396px;
	height: 396px;
	margin: 0;
	padding: 0;
	top: -5px;
	left: -10px;
}
.specialorder-ai .pngWrapper_creativity:link,
.specialorder-ai .pngWrapper_creativity:visited{
	z-index: 100;
	}
.specialorder-ai .pngWrapper_creativity:hover,
.specialorder-ai .pngWrapper_creativity:active{
	z-index: 500;
}
	
.specialorder-ai .pngWrapper_products {
	position: absolute;
	display:block;
	width: 358px;
	height: 358px;
	margin: 0;
	padding: 0;
	top: 218px;
	left: 260px;
}
.specialorder-ai .pngWrapper_products:link,
.specialorder-ai .pngWrapper_products:visited{
	z-index: 100;
	}
.specialorder-ai .pngWrapper_products:hover,
.specialorder-ai .pngWrapper_products:active{
	z-index: 500;
}

.specialorder-ai .pngWrapper_ontarget {
	position: absolute;
	display:block;
	width: 317px;
	height: 317px;
	margin: 0;
	padding: 0;
	top: -25px;
	left: 370px;
}
.specialorder-ai .pngWrapper_ontarget:link,
.specialorder-ai .pngWrapper_ontarget:visited{
	z-index: 100;
	}
.specialorder-ai .pngWrapper_ontarget:hover,
.specialorder-ai .pngWrapper_ontarget:active{
	z-index: 500;
}

.specialorder-ai .pngWrapper_ontime {
	position: absolute;
	display:block;
	width: 256px;
	height: 256px;
	margin: 0;
	padding: 0;
	top: 283px;
	left: 10px;
}
.specialorder-ai .pngWrapper_ontime:link,
.specialorder-ai .pngWrapper_ontime:visited{
	z-index: 100;
	}
.specialorder-ai .pngWrapper_ontime:hover,
.specialorder-ai .pngWrapper_ontime:active{
	z-index: 500;
}

/*--------Footer holding copyright and logo------*/
.specialorder-ai .footerwrapper{
	float: left;
	width: 868px;
	border:1px none black;
	margin:0 0 15px 10px;
}


/*--------rep info styles---------*/
.specialorder-ai .repInfo {
	height: 495px;
	width: 160px;
	border: 1px none red;
	position: absolute;
	margin: 0;
	padding: 0 5px 0 0;
	top: 45px;
	left: 695px;
}

.specialorder-ai .repInfo p {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica;
	font-size: 12px;
	color: black;
	text-align: left;	
}
.specialorder-ai .webLinks {
	margin: 15px 0 0 0px;
	}
	
.specialorder-ai .repInfo h5 {
	font-family: Arial, Helvetica;
	font-size: 16px;
	font-weight: bold;
	color: black;
	padding: 0;
	margin:0;
	text-align: left;
	}
	
.specialorder-ai .repInfo .repheadshot {
 	margin: 12px 0 0 0;
	}
.specialorder-ai .repInfo .repemailbutton {
 	margin: 15px 0 0 0px;
	}
	
/*-------text styles----------*/
.specialorder-ai h2 {
	padding-left: 20px;	
	background:#FFFFFF;
}
.specialorder-ai .textWrapper {
	clear: both;
	width: 650px;
	margin: 0;
	padding: 0;
	background:#FFFFFF;
}

.specialorder-ai .textWrapper p,
.specialorder-ai .textWrapper ul,
.specialorder-ai .textWrapper ul li {
	font-family: Arial, Helvetica;
	font-size: 12px;
	color: black;
	text-align: left;	
	background:#FFFFFF;
	}
	
.specialorder-ai .textWrapper h5 {
	font-family: Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
	color: black;
	padding: 0;
	margin:0;
	text-align: left;
	background:#FFFFFF;
	}
	
.specialorder-ai .textWrapper2 {
	clear: both;
	width: 650px;
	margin: 0;
	padding: 0 250px 0 0;
	_padding: 0 0 0 0;
	background:#FFFFFF;
}

.specialorder-ai .textWrapper2 p,
.specialorder-ai .textWrapper2 ul,
.specialorder-ai .textWrapper2 ul li {
	font-family: Arial, Helvetica;
	font-size: 12px;
	color: black;
	text-align: left;	
	background:#FFFFFF;
	}
	
.specialorder-ai .textWrapper2 h5 {
	font-family: Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
	color: black;
	padding: 0;
	margin:0;
	text-align: left;
	background:#FFFFFF;
	}

/*------FLASH specialorder.aspx------------*/
.specialorder-ai .outsideflashwrapper { /*holds the entire flash special order piece*/
	border: 1px none red;
	width: 920px;
	height: 100%;
	z-index:0;
	position: relative;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;

}

.specialorder-ai .flashWrapper{
	border: 1px none blue;
	width: 900px;
	height: 100%;
	z-index:0;
	position: relative;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
}

.specialorder-ai .flashWrapperinside {
	position: relative;
	border: 1px none green;
	margin: 0;
	width: 880px;
	height: 570px;
	background: transparent url(/images/specialorder/6004bgr_bw.jpg) top left no-repeat;
	z-index:0;
}

/*--------end specialorder.aspx styles----------*/

/*----- table styles: added for Special Order Quote table -----*/
.SPOTable
	{
	
	}
	
.SPOTable h3,
.SPOTable h4
{
	margin:5px 0;
	font-size:90%;
}

.SPOTable h4
{
	font-size:80%;
}

.SODetailsHeader {
border:#00CC99 0px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
padding:10px 10px 0px 10px;

}

.SODetailCell{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;

}
	
/*END----- table styles: added for Special Order Quote table -----END*/

/*START----- Style Group Control -----START*/

.styleGroupControl {
	width: 100%;
	height: auto;
	position: relative;
}

.styleGroupControl h3 {
	width: 100%;
	position: relative;
	margin: 10px 0 5px 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 100%;
}

.styleGroupControl ul,
.scrollLogos {
	width: 300px;
	height: auto;
	position: relative;
	margin: 0;
	padding: 0;
}

.styleGroupControl a,
.styleGroupControl a:link,
.styleGroupControl a:hover
	{
	display: block;
	position: relative;
	text-decoration: none;
}

.scrollLogos {
	overflow-x: scroll;
	overflow-y: hidden;
}

.styleGroupControl ul.logos {
	width: 4200px;
	height: 45px;
}
.styleGroupControl ul.logos li {
	width: auto;
	height: 45px;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	display: block;
	_display: inline;
}

.styleGroupControl ul li {
	width: 15px;
	height: 15px;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	_display: inline;
}

.styleGroupControl ul.logos li {
	width: auto;
	height: 45px;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	display: block;
	_display: inline;
}

.styleGroupControl ul li div {
	position: relative;
}

.styleGroupControl ul li input {
	position: absolute;
	display: block;
	opacity: 0;
	filter: alpha(opacity=0);
	top: 0;
	left: 0;
	z-index: 10;
}

.styleGroupControl ul li .frame {
	border: 1px solid #ddd;
}

.styleGroupControl ul li a.frame:hover {
	border-color: purple;
}

.styleGroupControl ul img {
	width: 13px;
	height: 13px;
	display: block;
	border: none;
}

.styleGroupControl ul.logos img,
.styleGroupControl ul.logos input {
	width: auto;
	height: 35px;
	display: block;
	padding: 4px;
}

.styleGroupControl ul li.selected .frame {
	border: 2px solid #000;
}

.styleGroupControl ul li.selected a.frame:hover {
	border-color: purple;
}

.styleGroupControl ul li.selected .frame img {
	width: 11px;
	height: 11px;
	display: block;
}

.styleGroupControl ul.logos li.selected .frame img {
	width: auto;
	height: 35px;
	display: block;
	padding: 4px;
}

.styleGroupControl ul.logos li.selected .frame img {
	width: auto;
	height: 33px;
	display: block;
}

/*END----- Style Group Control -----END*/

/* START---- Gift List-Tax Reporting ----START */

.aiCreateEditGiftOrderGift-ai select,
.aiReviewGiftOrderGifts-ai select
{
    width: 200px;
    height: 150px;
    margin: 5px;
}
	
.aiReviewGiftOrderGifts-ai select
{
    height: 75px;
}
 
.aiCreateEditGiftOrderGift-ai table.wrapper,
.aiReviewGiftOrderGifts-ai table.wrapper
{
    height:auto;
	width: auto;
}
 
.aiCreateEditGiftOrderGift-ai .wrapper td,
.aiReviewGiftOrderGifts-ai .wrapper td
{
    vertical-align: bottom;
}
 
.aiCreateEditGiftOrderGift-ai .wrapper td.addRemoveCol2, 
.aiReviewGiftOrderGifts-ai .wrapper td.giftListCol3, 
.aiReviewGiftOrderGifts-ai .wrapper td.giftListCol4
{
    padding: 5px;
    vertical-align: middle;
}
 
.aiCreateEditGiftOrderGift-ai .addRemoveCol2 input
{
    display: block;    
    width: 45px;
    margin: 5px 0;
}
/* END---- Gift List-Tax Reporting ----END */