/* CSS Document */

/*  Formatting Page Layout - Background Images  */
body {
	margin:0;
	padding:0;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-color:#000;
/*	line-height: 140%; */
}

div.backgroundImage {
	margin:0 auto 0 auto;
	padding:0;
}

div.repeatBackground {
	text-align:left;
}
/* ======================================= */

/* Div Layout Menu and Content */	
#Content {
	top:100px;
 	margin:0;
	padding:0;
}

#SectionMenu {
	width:645px;
}

#SectionMenu #ScreenHeader {
	display:none;
}

#SectionSubMenu {
	display:none;
}

#SectionContent {
	width:645px;
/*	margin:13px 0 0 200px; */
	padding:0;
}
/* ======================================= */




/* APPLY FORMATTING BELOW FOR PRINT WHEN SITE COMPLETE */
/* ================================================================== */
/* Header */
#SectionMenu #PrintHeader {
	margin-bottom:10px;
	padding:0 0 15px 0;
	border-bottom:1px solid #a19dc2;
}

#TextHeader {
	font-size:90%;
	color:#48427e;
	margin-top:10px;
}
#TextDetails {
	font-size:90%;
/*	color:#1B4F9F; */
}


/* ============================================ */

/* General Content Formatting */	
/* Formatting for Links */
#SectionContent a:link {
	color: #1B4F9F;
	text-decoration:none;
}
#SectionContent a:visited {
	color: #1B4F9F;
	text-decoration:none;
}

#SectionContent a:hover {
	color:#302D4E;
}
#SectionContent a:active {
	color: #1B4F9F;
}
/* ----------------------- */
/* Formatting for Headings */
h1, h2 {
	font-size:140%;
	color:#1B4F9F;
	font-weight:bold;
}

h3 {
	font-size:130%;
	color:#1B4F9F;
	font-weight:bold;
}

h4 {
	font-size:95%;
	color:#616161;
	font-weight:bold;
}
/* ----------------------- */
/* Formatting Other tags */
p, td {
	font-size:95%;
}

#ContactDetails td {
	padding-right:18px;
}

img.displayLeft {
	margin-right:10px;
	vertical-align:middle;
}
/* --------------------------------- */
/* Back to Top - Text Deep Cleaning */
div.backText {
	display:none;
}
/* --------------------------------- */
/* SOLUTIONS */
#SectionContent #Solutions table {
	width:100%;
	border-top:1px solid #A5A4D4;
	border-left:1px solid #A5A4D4;
}

#SectionContent #Solutions td {
	width:50%;
	padding:6px 5px 12px 5px;
	border-right:1px solid #A5A4D4;
	border-bottom:1px solid #A5A4D4;
}

#SectionContent #Solutions li {
	margin-left:-10px;
	padding-bottom:2px;
}

#SectionContent #SolutionProblem td {
	padding:5px;
}

#SectionContent #SolutionProblem input.problemArea {
	width:255px;
}

#SectionContent #SolutionProblem textarea.problemtext {
	width:450px;
	height:130px;
}


/* --------------------------------- */
/* LIST PRODUCTS - YOUR INDUSTRY & PRODUCTS page formatting */
#Products table {
/*	width:465px; */
}	

#Products tr.tr2 {
	background-color: #EEE;
}

#Products tr.tr3 {
	background-color:transparent;
}

#Products td.ProductList {
	padding:18px 10px 5px 20px;
}

#Products td.ProductListPhoto {
	width:100px;
	height:100px;
	padding:5px 10px 5px 5px;
}

#Products img.largePhoto {
	border:1px solid #A5A4D4;
	padding:5px;
	background-color:#FFFFFF;
}

#SubCategories img.largePhoto {
	border:1px solid #A5A4D4;
	padding:2px;
	background-color:#FFFFFF;
}

#Products p.productName {
	margin:0;
	padding-bottom:3px;
}

#Products p.productShortDesc {
	margin:0;
	padding-bottom:6px;
}	

#Products p.btnMoreInfo {
	margin:0;
	padding-top:8px;
}

#Products td.backTop {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	text-align:right;
	font-weight:bold;
	padding-right:10px;
}

#Products td.backList {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	text-align:left;
	font-weight:bold;
	padding-right:10px;
}

#Products a.backTopLink:link, a.backTopLink:visited {
	background-color: transparent;
	cursor:hand;
	text-decoration:none; 
}
#Products a.backTopLink:hover, a.backTopLink:active {
	background-color: transparent;
	cursor:hand;
	text-decoration:none;
}

/* Product Search */
#Search table {
	border: 1px solid #565184;
	background-color:#D3D8E1;
	width:465px;
}

#Search td {
 	color:#48437A;
	font-size:85%;
	font-weight:bold;
}

#Search td.moreTopPad {
	padding:8px 15px 3px 8px;
}
#Search td.moreBottomPad {
	padding:2px 15px 8px 8px;
}

#Search input.productname {
	width:180px;
}
/* -------------------- */
/* DETAILS PRODUCTS - YOUR INDUSTRY & PRODUCTS page formatting */
#SubCategories table {
	width:100%;
}

#SubCategories td {
	padding:0 6px 10px 6px;
	text-align:center;
}

#ProductDetails {
	margin-bottom:10px;
/*	padding-right:10px; */
}

#SizeInfo {
	margin:0;
	padding:0;
}

#SizeInfo table {
	width:465px; 
	font-size:100%;
}

#SizeInfo tr.tr2 {
	background-color: #EEE;
}

#SizeInfo tr.tr3 {
	background-color:transparent;
}

#SizeInfo td.smallImage {
	width:80px;
	margin:0;
	padding:4px 5px 4px 5px;	
}

#SizeInfo img.smallPhoto {
	border:1px solid #A5A4D4;
	padding:5px;
	background-color:#FFFFFF;
}


#SizeInfo td.sizeColourInfo {
	margin:0;
	padding:4px 5px 4px 5px;
}

#SizeInfo p.stockCode {
	margin:0;
	padding:0;
}

#SizeInfo p.productExtraInfo {
	margin:0;
	padding-top:6px;
}

#SizeInfo p.red {
	color:#FF0000;
}

#SizeInfo td.price {
	margin:0;
	padding:0px 5px 0px 5px; 
}

#SizeInfo td.quantityAddBtn {
	margin:0;
	padding:16px 5px 0px 5px;
} 


#SizeInfo input.quantity {
	width:23px;
	text-align:right;
}


#LinkedProducts {
	padding-bottom:8px;
}

/* -------------------- */
/* ORDER INFORMATION*/
#OrderList {
	margin:0;
	padding:0;
}

#OrderList table {
	width:465px; 
	font-size:100%;
}

#OrderList tr.tr2 {
	background-color: #EEE;
}

#OrderList tr.tr3 {
	background-color:transparent;
}

#OrderList td {
	margin:0;
	padding:5px 3px 5px 8px; 
}

#OrderList td p {
	margin:0;
	padding:0;
} 

#OrderList td.productDetails {
	width:60%;
}

#OrderList td.price {
	margin:0;
	padding:0px 5px 0px 5px; 
	width:14%;
}

#OrderList td.quantityUpdate {
	margin:0;
	padding:16px 5px 0px 5px;
	width:26%;
} 

#OrderList input.quantity {
	width:23px;
	text-align:right;
}

#OrderList td.orderTotal {
	text-align:right;
}

#OrderList td.btnUpdateOrder {
	padding-top:10px;
	padding-right:8px;
	text-align:right;
}
/* -------------------- */
/* Formatting for FORMS within Section Content (Main Body) */
#EnquiryForm td, #PasswordForm td, #PersonalDetailsForm td, #EmailForm td, #DeliveryAddress td {
	padding: 0 11px 4px 0;
}

#EnquiryForm td.textRed, #PersonalDetailsForm td.textRed {
	color: #FF0000;
}

#EnquiryForm td td {
	font-size:100%;
}

#EnquiryForm input.title, #PersonalDetailsForm input.title {
	width:50px;
}

#EnquiryForm input.forename, #EnquiryForm input.surname, #PersonalDetailsForm input.forename, #DeliveryAddress input.name {
	width:120px;
}

#EnquiryForm input.organisation, #PersonalDetailsForm input.organisation, #DeliveryAddress input.organisation {
	width:200px;
}

#EnquiryForm input.address1, #PersonalDetailsForm input.address1, #DeliveryAddress input.address1 {
	width:250px;
}

#EnquiryForm input.address2, #PersonalDetailsForm input.address2, #DeliveryAddress input.address2 {
	width:220px;
}

#EnquiryForm input.address3, #PersonalDetailsForm input.address3, #DeliveryAddress input.address3 {
	width:190px;
}

#EnquiryForm input.address4, #PersonalDetailsForm input.address4, #DeliveryAddress input.address4 {
	width:155px;
}

#EnquiryForm input.address5, #PersonalDetailsForm input.address5 {
	width:125px;
}

#EnquiryForm input.postcode, #PersonalDetailsForm input.postcode {
	width:85px;
}

#EnquiryForm input.email, #PersonalDetailsForm input.email {
	width:260px;
}

#EnquiryForm input.telnum, #PersonalDetailsForm input.telnum {
	width:95px;
}

#EnquiryForm input.subject {
	width:230px;
}

#EnquiryForm textarea.enquiry {
	width:260px;
	height:110px;
}

#EnquiryForm input.btnEnquireSubmit, #PersonalDetailsForm input.btnEditDetails {
	text-align:center;
}


#EmailForm input.OldEmail, #EmailForm input.NewEmail1, #EmailForm input.NewEmail2 {
	width:260px;
}

#EnquiryForm input.names {
	width:220px;
}

#EnquiryForm input.RegNo {
	width:85px;
}

#EnquiryForm input.credit {
	width:50px;
}

div.personalDetails {
	padding-bottom:15px;
}

div.deliveryInformation {
	border-top:2px solid #EEE;
	border-bottom:2px solid #EEE;
	padding-bottom:15px;
}

div.cardInformation {
	padding-top:15px;
	padding-bottom:10px;
}

div.cardDetails td.rowName {
	width:28%;
} 

div.cardDetails td.dates {
	margin:0;
	padding:0;
}

div.cardDetails input.cardname {
	width:200px;
}

div.cardDetails input.cardnumber {
	width:160px;
}

div.cardDetails input.issuenumber {
	width:23px;
}

div.cardDetails input.cvcnumber {
	width:35px;
}

div.buttons {
	text-align:right;
	padding-right:10px;
	padding-top:10px;
}


#EnquiryForm td.areaHeading {
	padding-bottom:10px;	
}

#EnquiryForm td.bottomGap {
	padding-bottom:6px;
}

#EnquiryForm td.indent {
	padding-left:40px;
}

#EnquiryForm input.accountCode {
	width:80px;
}

#EnquiryForm input.password {
	width:130px;
}

/* --------------------------------- */
/* LOGIN PAGE */
#RepAccounts table {
	width:90%;
}

/* --------------------------------- */
/* PERSONAL-DETAILS page formatting */
div.recordInfo  {
	margin:8px 10px 10px 0;
	text-align:right;
}

div.recordInfo p {
	margin:0;
	padding:2px 0 1px 0;
}

#ListDelAddresses table, #PreviousOrdersList table {
	width:100%;
	border:1px solid #565184;
}

#ListDelAddresses tr.tr1, #PreviousOrdersList tr.tr1, #OrderGeneralInfo tr.tr1 {
	background-color:#DDD;
}

#ListDelAddresses tr.tr2, #PreviousOrdersList tr.tr2 {
	background-color: #EEE;
}

#ListDelAddresses tr.tr3, #PreviousOrdersList tr.tr3 {
	background-color:transparent;
}

/* Delivery Address List */
#ListDelAddresses td.heading {
	border-bottom:1px solid #565184;
}

#ListDelAddresses td {
	padding:6px 4px 10px 4px;
}

#ListDelAddresses td.number {
	width:3%;
	text-align:center;
}

#ListDelAddresses td.address {
	width:84%;
	padding:6px 8px 10px 6px;
	border-right:0;
}

#ListDelAddresses td.option {
	width:13%;
	text-align:center;
}

/* Previous Orders List */
#PreviousOrdersList td {
	margin:0;
	padding:4px 3px 4px 3px;
}

#PreviousOrdersList td.heading {
	padding:5px 3px 5px 3px;
	border-bottom:1px solid #565184;
}

#PreviousOrdersList td.centre {
	text-align:center;
}

#PreviousOrdersList td.reference {
	padding-left:0;
}

#PreviousOrdersList td.total {
	padding-right:0;
}

#PreviousOrdersList td.price {
	text-align:right;
	padding-right:8px;
}


/* Order Details */
#OrderGeneralInfo {
	padding-bottom:20px;
}

#OrderGeneralInfo table {
	width:100%;
	border-top:1px solid #565184;
	border-left:1px solid #565184; 
}

#OrderGeneralInfo td {
	margin:0;
	padding:4px 6px 4px 6px;
	border-right:1px solid #565184;
	border-bottom:1px solid #565184;
}

#OrderGeneralInfo td.noRight {
	border-right:0;
	padding:4px 0px 4px 6px;
}

#OrderList p.red {
	color:#FF0000;
} 

#RepeatButton {
	padding-right:15px;
	text-align:right;
	padding-bottom:5px;
}


/* ================================================================== */

/* General FOOTER formatting */
#FooterText {
	display:none;
}