/* CSS Document */
/*  ---- Floating Div Fix ----  */
.divFix {
/*	display: inline-table; */
	display:inline-block;
}
.divFix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;		
}
*html .divFix {
	height: 1%;
	display:block;
}


/*  Formatting Page Layout - Background Images  */
body {
	color:#616161;
	background-color:#FFFFFF;
	background-image:url(../jpg/body-background.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	margin:0;
	padding:0;
	text-align:center;
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 140%;
}

div.backgroundImage {
	text-align:center;
	margin:0 auto 0 auto;
	padding:0;
	height:100%;
}

div.repeatBackground {
	background-image:url(../jpg/background-repeat.jpg);
	background-repeat:repeat-y;
	background-position:left top;
	text-align:left;
	min-height:825px;
/*	min-height:768px; */
/*	height:100%; */
}
* html div.repeatBackground {
	height:768px;
	height:100%;
}
/* firefox */
div.repeatBackground, x:-moz-any-link {
	min-height:845px; 
}



div.topBackground {
	background-image:url(../jpg/background-top.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	min-height:229px;
}
* html div.topBackground {
	height:229px;
}
/* ======================================= */

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

#SectionMenu {
	width:743px;
}

#SectionMenu #PrintHeader {
	display:none;
}

#SectionSubMenu {
	width: 180px;
	margin:0 0 0 60px;
	padding:0;
	float:left;
}
* html #SectionSubMenu {
	margin: 0 0 0 30px;
}
/* ======================================= */

/* Formatting for LOGIN form within Main-Menu */
div.headerBackground {
	width: 743px;
	height:95px;
	background-image:url(../fireworks/main-menu_2005-10-26_r1_c1.jpg);
	background-repeat:no-repeat;
	background-position:top;
	text-align: right;
	margin:0;
	padding:0;
}

div.txtEmail {
	margin-right: 15px;
	padding-top: 30px;
}
* html div.txtEmail {
	margin-top: 30px;
	margin-right: 15px;	
	padding: 0;
}

div.txtPassword {
	padding-top: 1px;
	margin-right: 15px;
}
* html div.txtPassword {
	margin-right: 15px;
	padding:0;
}

div.btnLogin {
	margin-right: 15px;
	padding-top: 2px;
}
*html div.btnLogin {
	margin-right: 15px;
	padding:0;
}

/*
input.txtEmail, input.txtPassword {
	width:83px;
	height: 18px;
	font-size:90%;
}

*html input.txtEmail, * html input.txtPassword {
	width: 83px;
	height:12px;
} */

input.txtEmail, input.txtPassword {
	width:83px;
	height: 18px;
	font-size:90%;
}
/* Explorer */
*html input.txtEmail, * html input.txtPassword {
	width: 83px;
	height:12px;
}
/* firefox */
input.txtEmail, x:-moz-any-link {
	width: 83px;
	height:12px;
}
input.txtPassword, x:-moz-any-link {
	width: 83px;
	height:12px;
}

input.btnLogin {
	width: 43px;
	height:15px;
}
/* ================================================================== */

/* Formatting for Sub-Menu */
div.subMenuList {
	width: 180px;
	border: 1px solid #565184;
	background-color:#D3D8E1;
}	
	
div.subMenuItem {
	text-align:right;
	text-decoration:none;
	width:96%;
	border-bottom:1px solid #AFB3BA;
	padding:0px auto 0px auto;
	margin: 0px auto 0px auto;
}

a.subMenuItemText {
 	color:#48437A;
	font-size:85%;
	font-weight:bold;
	padding:8px 0 3px 0;
}

div.subMenuHeader {
	background-image:url(../jpg/submenuheader-background.jpg);
	background-position:center top;
	background-repeat:repeat-no;
	width:174px;
	height:34px;
	margin: 2px auto 2px auto;
	border:1px solid #E6E9EF;
}

div.subMenuHeaderText {
	text-decoration:none; 
	text-align:right;
	color:#302D4E;
	font-size:125%;
	font-weight:bold;
	background-image:url(../jpg/submenuheader-background.jpg);
	background-position:center top;
	background-repeat:repeat-no;
	width:164px;
	height:24px;
	margin: 2px auto 2px auto;
	border:1px solid #E6E9EF;
	padding-top: 10px;
	padding-right:10px;
}

#SectionSubMenu a.subMenuHeaderTextLink:link, #SectionSubMenu a.subMenuHeaderTextLink:visited {
	color:#302D4E;
	background-color: transparent;
	cursor:hand;
	text-decoration:none; 
}
#SectionSubMenu a.subMenuHeaderTextLink:hover, #SectionSubMenu a.subMenuHeaderTextLink:active {
	color:#635F82;
	background-color: transparent;
	cursor:hand;
	text-decoration:none; 
}

#SectionSubMenu a:link, #SectionSubMenu a:visited {
	background-color: transparent;
	cursor:hand;
	text-decoration:none; 
	display:block;
}
#SectionSubMenu a:hover, #SectionSubMenu a:active {
	background-color: #E6E9EF;
	cursor:hand;
	text-decoration:none; 
	display:block;
}

#MenuGap {
	padding-bottom:10px;
}

/* Products displayed within Sub-Menu */
div.productDetails {
	height:70px;
	padding:10px;
}

div.productName {
	color:#48437A;
	font-size:90%;
	font-weight:bold;
	height:27px;	
}

div.productSize {
	color:#48437A;
	font-size:90%;
	font-weight:bold;
	height:27px;
}

div.productImage {
	border:1px solid #A5A4D4;
	width: 69px;
	float:right;
}

div.btnMoreInfo {
	width:75px;
	height:16px;
	border:0;
}

img.smallPhoto {
	padding:3px;
	background-color:#fff;
}

/* Recently Viewed Products */
#LastViewed {
	width: 180px;
	border: 1px solid #565184;
	background-color:#D3D8E1;
	margin-top:8px;
	margin-bottom:15px;
}	

#subMenuHeaderSmall {
	text-decoration:none; 
	text-align:right;
	color:#302D4E;
	font-size:111%;
	font-weight:bold;
	background-image:url(../jpg/submenuheader-background.jpg);
	background-position:center top;
	background-repeat:repeat-no;
	width:164px;
	height:24px;
	margin: 2px auto 2px auto;
	border:1px solid #E6E9EF;
	padding-top: 10px;
	padding-right:10px;
}

p.lastViewedText {
 	color:#48437A;
	font-size:85%;
	font-weight:bold;
	padding:8px 0 3px 0;
}

#LastViewed p {
	margin:0;
	padding:2px auto 2px auto;
}

a.lastViewedLink {
 	color:#48437A; 
 	font-size:85%;
	font-weight:bold;
	padding:5px 5px 5px 4px;
	margin:0px;
	text-align:left;
}

a.lastViewedLink:link, a.lastViewedLink:visited {
	background-color: transparent;
	cursor:hand;
	text-decoration:none; 
	display:block;
}
a.lastViewedLink:hover, a.lastViewedLink:active {
	background-color: #E6E9EF;
	cursor:hand;
	text-decoration:none; 
	display:block;
}
/* ============================================ */

/* 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 {
	float:right;
	margin: 0 0 0 0;
	font-size:85%;
	font-weight:normal;
}
# html div.backText {
	margin: 0 0 0 0;
}


/* --------------------------------- */
/* 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:8px 10px 8px 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;
	padding-bottom:8px;
}

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

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

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

#SizeInfo td.smallImage {
	width:70px;
	margin:0;
	padding:6px 5px 6px 5px;	
	width:80px;
	text-align:center;
}

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

#SizeInfo td.sizeColourInfo {
	margin:0;
	padding:4px 5px 4px 5px;
	page-break-inside:avoid;
}

#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;
	width:110px;
} 

#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%;
	margin:0;
	padding:0;
}

#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 {
	height:50px;
}

#OrderList td.price {
	margin:0;
	padding-right:8px;
	text-align:right;
}

#OrderList td.quantityUpdate {
	margin:0;
	text-align:center;
} 

#OrderList input.quantity {
	text-align:right;
	width:21px;
	margin:0;
	padding:0;
}

#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, #DeliveryAddress 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;
}


#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;
}

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

/* --------------------------------- */
/* 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 {
	margin:15px auto 15px auto; 
	padding:0;
}
#FooterTextHeader {
	font-size:80%;
	color:#616161;
}
#FooterTextDetails {
	font-size:80%;
	color:#1B4F9F;
}
#FooterTextDetails a:link, #FooterTextDetails a:visited {
	cursor:hand;
	text-decoration:none; 
}
#FooterTextDetails a:hover, #FooterTextDetails a:active {
	cursor:hand;
	text-decoration:none; 
}