/*  ======================== Browser Normalization ======================== */

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
	table{border-collapse:collapse;border-spacing:0;}
	fieldset,img{border:0;}
	address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
	ul,li{list-style:none;}
	caption,th{text-align:left;}
	h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
	q:before,q:after{content:'';}
	abbr,acronym {border:0;font-variant:normal;}
	sup {vertical-align:text-top;}
	sub {vertical-align:text-bottom;}
	input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
	legend{color:#000;} 


/*  ======================== GLOBAL ======================== */

	body
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333;
		background-color:#313847;
		text-align:center; /* to center the container in ie5.5 and below */
	}
	
	/* used for the "page used for" text */
	h2
	{
		font-size:12px;
		font-weight:bold;
		margin:20px 0px;
		font-style:italic;
		color:#45526e;
		line-height:18px;
	}
	
	/* used on login page */
	h3
	{
		font-size:14px;
		font-weight:bold;
		margin-bottom:10px;
	}
	
	p
	{
		line-height:18px;
	}
	em
	{
		font-style:normal;
		color:#6894c0;
		font-weight:bold;
		font-family:Tahoma;
	}


	#container
	{
		width:980px;
		margin:10px auto;
		text-align:left; /* to cancel the text-align:center of the body rule used for ie5.5 */
	}
	
	.normal-link
	{
		color:#4866bb;
	}
	
	.normal-link:hover { color:#2f60eb; }

	.normal-text-box, .normal-drop-down, .ExcludeMe
	{
		width:250px; 
		padding:4px 1px 2px 6px;
		height:18px;
		line-height:17px;
		color:#666;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		background-color:#FAFAFA; 
		border:1px solid #DDD; 
	}	

	.normal-text-area
	{
		font-family: Arial, Helvetica, sans-serif;
		display:block;
		width:98%; 
		padding:4px 1px 1px 6px;
		color:#669 ! important; 
		font-weight:bold ! important;
		font-size:12px ! important; 
		margin:0px 0px 5px 0px; 
		background-color:#FAFAFA ! important; 
		border:1px solid #DDD ! important; 
	}

	.normal-drop-down
	{
		height:23px ! important;
		width:257px ! important;
	}
	
	.normal-button
	{
		font-size: 12px;	
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		padding: 2px;
	}
	
	.table-section-header
	{
		height:30px ! important;
	}
	.table-section-header td
	{
		padding-left:10px;
		background-color:#f3f3f3;
		border:2px solid #eee;
		color:#888;
		font-family:'Arial Black', Gadget, sans-serif;
	}
	
	.normal-input-label, .normal-input-label-required
	{
		padding-left:10px;
		font-weight:bold;
		font-family:'Century Gothic', Arial, sans-serif;
		font-size:11px;
	}
	
	.normal-input-label
	{
		color:#888;
	}
	
	.normal-input-label-required
	{
		color:#45526e;
	}
	
	.normal-input-height
	{
		height:34px;
		line-height:34px;
		vertical-align:middle;
	}
	
	.error-text
	{
		color:#E00;
		font-weight:bold;
		font-style:italic;
	}
	.call-out-text
	{
		color:#B00;
		font-weight:bold;
		font-size:11px;
	}

	.call-out-text-big
	{
		color:#B00;
		font-weight:bold;
		font-size:14px;
	}

	
	.selectedRow
	{
		background-color:#87abcf ! important;
		color:#FFF ! important;
	}

/*  ======================== TABLES ======================== */

	.repeater-like-table
	{
		background-color:#e6e6e6;
		width:740px;
		border:1px solid #ccc; 
	}
	
	.repeater-like-table th
	{
		font-size:10px;
		color:#fff;
		width:100%;
		padding:8px; 
		font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
		background-color:#6a7285;
	}

	.repeater-like-table td
	{
		padding-left:20px;
	}

	.normal-table
	{
		font-size:10px;
		width:100%;
		font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	}
	.normal-table tr
	{
	}
	.normal-table td, .normal-table th
	{
		border-bottom:1px solid #ccc;
		padding:8px;
	}
	
	.normal-table th
	{
		border-right:1px solid #ddd;
		background-repeat:no-repeat;
		background-position:90%;
		background-image:url(../images/bg.gif);
		cursor:pointer;
		color:#FFF;
	}
	
	.normal-table th:hover { background-color:#45526e; }
	
	.normal-table thead
	{
		background-color:#6a7285;
		color:#FFF;
	}
	
	.normal-table-alt-row
	{
		background-color:#eee;
	}

	.headerSortDown { background-image:url(../images/asc.gif) ! important; background-color:#45526e; }
	.headerSortUp { background-image:url(../images/desc.gif) ! important; background-color:#45526e; }

/*  ======================== HEADER ======================== */

#header
{
	width:980px;
}

	#header-logo
	{
		float:left;
	}

	#header-topnav
	{
		margin-top:23px;
		float:right;
	}

		#header-topnav li
		{
			float:left;
			margin-left:7px;
		}
		
	#header-bottomnav
	{
		clear:both;
		margin-top:12px;
	}

		#header-bottomnav li
		{
			border-bottom:1px solid #81816b;
			float:left;
		}

/*  ======================== CONTENT-CONTAINER ======================== */
	
	#content-container
	{
		clear:both;
		background-color:#FFF;
		width:980px;
	}
	html>body #content-container { width:980px; /* for Opera 5 */ } 

	#content-container h1
	{
		margin-top:-2px;
		text-transform:uppercase;
		font-family:'Arial Black', Gadget, sans-serif;
		font-size:18px;
		background-color:#45526e;
		color:#FFF;
		padding:7px 10px;
		margin-bottom:10px;
		border:2px solid #eee;
	}

	.content-container-spacer-top { clear:both; height:15px; }

	.content-container-spacer-bottom { clear:both; height:15px; }

	/* --- styles for the rounded corners --- */
    #content-container { position:relative; }
    #content-container em b { position:absolute; font-size:150px; font-family:arial; color:#FFF; line-height:40px; font-weight:normal; }
    #inner-content { position:relative; z-index:100; padding:20px 20px 40px 20px; }

    /*
    #ctl, #cbl, #ctr, #cbr 
    { position:absolute; width:20px; height:20px; background-color:#313847; overflow:hidden; font-style:normal; z-index:1; }

	#ctl {top:0; left:0;}
    #cbl {bottom:0; left:0;}
    #ctr {top:0; right:0;}
    #cbr {bottom:0; right:0;}

    #ctl b {left:-8px;}
    #ctr b {left:-26px;}
    #cbl b {left:-8px; top:-17px;}
    #cbr b {left:-26px; top:-17px;}
	*/
	/* --- styles for the rounded corners --- */

/*  ======================== NAV ======================== */
			
	#nav
	{
		width:180px;
		margin-right:20px;
		float:left;
		background-color:#fafafa;
		font-size:11px;
	}
	
		.nav-header
		{
			font-weight:bold;
			background-color: #45526e;
			border-bottom:1px solid #fff;
		}
	
			.nav-header a
			{
				font-weight:bold;
				display:block; 
				padding:6px 0px 6px 10px;
				text-decoration:none;
				color:#FFF;
				background: url('../Images/ArrowCollapsed.gif') no-repeat 95% center;
			}
			.nav-header a:hover
			{
			}

		.nav-menu
		{
			background-color:#fafafa;
			border:1px solid #ddd;
			border-width:0px 1px;
		}
		
			.nav-menu a
			{
				padding:5px 0px 5px 10px;
				border-bottom:1px solid #eee;
				display:block;
				font-weight:bold;
				color:#45526e;
				text-decoration:none;
			}
			
			.nav-menu a:hover { text-decoration:none; }
		
/*  ======================== CONTENT ======================== */
	
	#content
	{
		width:740px;
		float:left;
	}

/*  ======================== FOOTER ======================== */


	#footer
	{
		clear:both;
	}
	
	#footer a:hover { text-decoration:underline; }
		
	.Footer, .Footer2 {
		color: #999;
		text-decoration: none;
		line-height: 30px;
	}
	.Footer3 {
		font-size: 10px;
		color: #999;
		line-height: 18px;
		text-decoration: none;
	}



/*  ================================================ INDIVIDUAL PAGE STYLE ================================================ */


	
	
/*  ======================== Login.aspx ======================== */

    #signup-points { margin-top: 15px; font-style:italic; font-size:11px; color:#415379; }
    #signup-points li { margin-bottom:3px; }
    #privacy-statement { text-align:center; margin-top:20px; }
	
/*  ======================== NewCustomer.aspx ======================== */

	#new-customer-table tr
	{
		height:35px;
	}

	.check-box-text-single, .check-box-text-double
	{
		font-size:11px;
	}

	.check-box-text-single
	{
		height:34px ! important;
	}

	.check-box-text-double
	{
		height:44px ! important;
	}

/*  ======================== Activities.aspx ======================== */


	.ActivityContainer-even, .ActivityContainer-odd  { float:left; width: 740px; border-bottom:1px solid #ccc; color:#777; }
	
	.ActivityContainer-even * , .ActivityContainer-odd *  { margin: 0px; padding: 0px; }
	
	.ActivityContainer-even  { background-color:#fff; }
	
	.ActivityContainer-odd  { background-color:#f0f0f0; }
	
	.div-container { float:left; width:737px; padding-top:3px; padding-left:3px; }
	
	.div-container div { float: left; width: 225px; padding: 10px; }

	.div-container ul, .div-container li { list-style:none; }

	.div-container li { margin-bottom: 6px;	}

	.div-container a { color:#44c; }
		
	.list-header { font-size: 13px; font-weight: bold; color: #F93; margin-bottom:12px ! important; }
    
	.list-header-blgry { font-size: 13px; font-weight: bold; color: #45526E; margin-bottom:12px ! important; }
	
/* --------------------------------------------/ PAGINATION \-------------------------------------------- */

	#TopPaginationMargin
	{
		height:20px;
	}

	#PaginationContainer-Activities
	{
		clear:left;
		width:100%;
		margin:auto;
		text-align:center;
		height:25px;
		font-family:Verdana;
		padding:15px 0px;
	}

	#PaginationContainer-Activities div
	{
		float:left;
	}
	#PaginationContainer-Activities a
	{
		font-weight: bold;	
		font-size: 10px;	
		font-family:Verdana;
		color:#66D;
	}
	#PaginationContainer-Activities .PaginationButtons
	{
		width:45px;
	}
	#PaginationContainer-Activities .PaginationButtons a
	{
		display:block;
		vertical-align:middle;
		padding:5px 0px;
		text-decoration:none;
	}
	#PaginationContainer-Activities .PaginationButtons a:hover
	{
		text-decoration:underline;
	}

	#PaginationContainer-Activities .PaginationButtonEnabled, #PaginationContainer-Activities .PaginationButtonEnabled:hover
	{
		text-decoration:underline;
	}

	#PaginationContainer-Activities .PaginationButtonDisabled
	{
		color:#aca8af;
		text-decoration:none ! important;
	}
	#PaginationContainer-Activities .PaginationButtonDisabled:hover
	{
		color:#aca8af ! important;
		text-decoration:none ! important;
	}
	#PaginationContainer-Activities .PaginationNumbers
	{
		vertical-align:middle;
		width:30px;
		margin:0px 2px;
		border:1px solid #abb;
	}
	#PaginationContainer-Activities .PaginationButtonDisabled, 
	#PaginationContainer-Activities .PaginationButtonEnabled, 
	#PaginationContainer-Activities .PaginationNumbersLink
	{
		vertical-align:middle;
		display:block;
		padding:5px;
	}

	#PaginationContainer-Activities .PaginationNumbersLink
	{
		text-decoration:none ! important;
	}
	#PaginationContainer-Activities .PaginationNumbersLink:hover
	{
		background-color:#cdd;
		text-decoration:none ! important;
	}

/*  ======================== SalesOrderInvoices.aspx ======================== */

	#SalesOrderInvoices h3
	{
		font-style:italic;
		color:#44A;
	}


/*  ======================== SalesDetails.aspx ======================== */

	#SalesDetails h3
	{
		font-style:italic;
		color:#44A;
	}
	
	.ViewCart 
	{
		margin-bottom:30px;	
		font-size: 10px;
		font-family: Arial, Verdana, sans-serif;	
	}
	
	.ViewCart td
	{
		padding:5px 0px 5px 10px;
	}

	.tableInfo
	{
		margin-bottom:30px;
		border:1px solid #ccc;
		font-size: 10px;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;	
	}
	.tableInfo td
	{
		padding:5px 0px 5px 10px;
	}
	
	.odd-row { background-color:#f6f6f6; }
	
	.info-label
	{
		Font-weight:bold;
		border-bottom:1px solid #ccc;
		border-right:1px solid #ccc;
	}
	
	.info-value
	{
		border-bottom:1px solid #ccc;
	}

/*  ======================== QuoteDetails.aspx ======================== */

	#QuoteDetails h3
	{
		font-style:italic;
		color:#44A;
	}
	
	#QuoteDetailsTable
	{
		margin-bottom:30px;
	}
	#QuoteDetailsTable span
	{
		line-height:18px ! important;
	}

/*  ======================== MakeQuotePayment.aspx ======================== */

	#UploadTable .highlight, h3#UploadHeader
	{
		color:#66B;
		font-weight:bold;
		font-size:13px;
	}
	
	#UploadSpeeds
	{
		margin-top:20px;
		width:100%;
		background-color:#f6f6f6;
		border:#ccc;
	}

/*  ======================== MakeQuotePayment.aspx ======================== */

	#QuotePayment td
	{
		height:25px;
		padding-left:10px;
	}
	
	#QuotePayment .list-header
	{
		background-color:#f1f1f1;
		padding:5px 10px;
	}
	
	#SalesPayment td
	{
		height:25px;
		padding-left:10px;
	}
	
	#SalesPayment .list-header, .list-header-blgry
	{
		background-color:#f1f1f1;
		padding:5px 10px;
	}
	
	#SalesPayment .list-header-blgry .span-in-list-header
	{
	    font-weight: normal;
	    margin-left: 10px;
	}
	
	.cvv { width:40px ! important; margin-right:10px; vertical-align:middle; }
	
	.payment { width:100px ! important; vertical-align:middle; margin-right:10px; }

/*  ======================== ProjectDetails.aspx ======================== */

	.ProjectDetailsContainer  { float:left; width: 740px; border-bottom:1px solid #ccc; }
	
	.ProjectDetailsContainer * { margin: 0px; padding: 0px; }
	
	.ProjectDetailsContainer ul, .ActivityContainer li { list-style:none; }

	.ProjectDetailsContainer li { margin-bottom: 6px;	}
	
	.ProjectDetailsdiv-container{float:left;width:740px; padding: 10px;}
	
	.ProjectDetailsdiv-container div	{float: left;	width: 339px; padding: 10px;}
	
	.ProjectDetailsdiv-container .list-header
	{
		background-color:#f1f1f1;
		padding:5px 10px;
	}
	
	.ProjectSummary
	{
		 list-style:disc;
		 font-style: italic;
	}

/*  ======================== Productions.aspx ======================== */

	#Productions h3
	{
		color:#66B;
		font-weight:bold;
		font-size:13px;
	}







.warehouse-call-out-text
	{
		color:#333;
		font-weight:bold;
		font-size:12px;
	}







.QuoteDetailsDescTable
{
	padding: 20px;
	font-family: helvetica,Microsoft Sans Serif, Arial;	
	font-size: 9pt;
	color: Black;	
}
	
	
	.DataGridHeader
	{
		padding: 5px;
		font-family: helvetica,Microsoft Sans Serif, Arial;	
		font-size: 9pt;
		color: White;
		background-color: Black;
		font-weight:bold;	
		
	}
	
		

	.DataGridItems
	{
		padding-top: 5px;
		padding-left: 5px;
		padding-bottom: 5px;
		padding-right: 5px;	
		font-family: helvetica,Microsoft Sans Serif, Arial;	
		font-size: 9pt;
		color: black;
		
		
	}
	
	.warehouseitem-text-box
	{
		width:100px; 
		padding:4px 1px 2px 6px;
		height:18px;
		line-height:17px;
		color:#666;
		font-weight:bold;
		font-family:Arial;
		font-size:11px;
		background-color:#FAFAFA; 
		border:1px solid #DDD; 
	}
	
	.InstructionText
	{
		color: #45526E;
	}	
	
#divoverlay
{
vertical-align:middle; width: 250px; height: 150px; line-height: 18px; border: solid 2px #FF9933; background: #FFF; padding: 50px 20px 20px 20px;
}

#content a
{
    color: #00712C;
}

#content a:hover
{
    color: #ED8707;
}

#contact-details
{
    float: left;
}

#quotation-links
{
    float: right;
    margin-bottom: 10px;
}

#quotation-links a
{
    float: right;
    line-height: 21px;
    clear: both;
}

#quotation-links a.return-link
{
    color: #0000FF !important;
}

.payment-button-container
{
    width: 134px;
    height: 26px;
    float: right;
    margin-bottom: 20px;
    clear: both;
    overflow: hidden;
}

.buy-button-container
{
    width: 95px;
    height: 26px;
    float: right;
    margin-bottom: 20px;
    clear: both;
    overflow: hidden;
}

#quotation-container
{
    float: left;
    width: 740px;
}

#quotation-container table
{
    width: 740px;
}

#quotation-container tr
{
    text-align: center;
    vertical-align: top;
}

#quotation-container th
{
    font-weight: bold;
    text-align: center;
    border-bottom: solid 1px #DADADA;
    padding: 10px;
}

#quotation-container td
{
    padding: 7px;
    line-height: 21px;
    border-bottom: solid 1px #DADADA;
}

#quotation-container .set-left 
{
    text-align: left;
}

#quotation-container .set-right 
{
    text-align: right;
}

#shipping-info
{
    width: 440px;
    float: left;
    line-height:20px;
	padding-top:20px;
}

#delivery-time
{
    float: left;
    margin-top: 20px;
}

#shipping-details
{
    width: 30%;
    height: 56px;    
    float: right;
    margin-right: 10px;
}

#steps-container
{
    float: left;
    width: 740px;
}
#all-totals{
	width:300px;
	float:right;	
}
#subtotal-info
{
    width: 300px;
    float: right;
    text-align: right;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-right: 10px;
}

#sub-label
{
    width: 200px;
    color: #45526E;
    font-weight: bold;
    float: left;
}

#sub-price
{
    width: 100px;
    float: left;
}

#tax-info
{
    width: 290px;
    float: right;
    text-align: right;
    border-bottom: solid 1px #DADADA;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    clear: both;
}

#tax-label
{
    width: 200px;
    color: #45526E;
    font-weight: bold;
    float: left;
}

#tax-price
{
    width: 90px;
    float: left;
}

#total-info
{
    width: 300px;
    float: right;
    text-align: right;
    font-weight: bold;
    font-size: 14px;
    color: #000;
    clear: both;
    margin-bottom: 20px;
}

#total-label
{
    width: 200px;
    float: left;
}

#total-price
{
    width: 90px;
    float: left;
}

#steps-container
{
    float: left;
    width: 720px;
    line-height: 21px;
    border: solid 1px #DADADA;
    background-color: #FFFFD9;
    padding: 10px;
}

#steps-container h3
{
    color: #000;
    font-size: 14px;
    font-weight: bold;
}

#steps-container p
{
    margin-top: 10px;
}

ul.item-attributes li
{
    margin-left: 30px;
    padding-left: 0px;
    color: #565656;
    list-style: disc;
    font-weight: normal;
}

ul.item-attributes-email li
{
    padding-left: 0px;
    color: #565656;
    list-style: disc;
    font-weight: normal;
}

ul.steps li
{
    margin-left: 20px;
    padding-left: 0px;
    list-style: disc;
    font-weight: normal;
}

.item-label
{
    color: #45526E;
    font-weight: bold;
}

.primary-row td
{
    background-color: #FFF;
}

.alt-row td
{
    background-color: #F2F2F2;
}

.make-payment
{
    background-image: url("../Includes/Images/btn-makePayment.gif");
    background-repeat: no-repeat;
    height: 26px;
    width: 134px;
    overflow: hidden;
    display: block;
    text-indent: -9999px;
}

.make-payment:hover
{
    background-position: bottom;
}

.buy-now
{
    background-image: url("../Includes/Images/buyNow-orderDetails.gif");
    background-repeat: no-repeat;
    height: 26px;
    width: 95px;
    overflow: hidden;
    display: block;
    text-indent: -9999px;
}

.buy-now:hover
{
    background-position: bottom;
}

.border-dashed td{
	border-bottom:1px dashed #DADADA !important;
}