body{
	margin:0;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	background: #ffeb1d url(images/bg.gif) repeat-x top;
	text-align: center;
}

h1{
	font-family:Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	margin: 0 0 4px 0;
	color: #000066;
}

a:link, a:visited {
	text-decoration: none;
	color: #000;

}


a:hover {
	text-decoration: underline;
	color: #663300;

}


fieldset{
	width:90%;
	text-align:left;
	padding:6px;
	margin-top:30px;

}


fieldset legend{
	font-weight:bold;

}


#container {
	width: 994px;
	margin: 0 auto;

}


/* Header */
#header{
	width: 994px;
	margin: 0 auto;
	padding: 0;
	height: 82px;
}


#header h1#logo{
	margin: 0;
	padding: 0;
	line-height: 999em;
	height: 82px;
	width: 452px;
	background: url(images/aat_tradewinds_logo.gif) 0 0 no-repeat;
	overflow: hidden;
	float: left;
}


#header h1#strap{
	top: 0;
	margin: 0;
	padding: 0;
	line-height : 999em;
	height: 82px;
	width: 542px;
	background: url(images/strapline.gif) 0 0 no-repeat;
	overflow : hidden;
	float:left;
}

/* Horizontal Nav */

#nav {
	width: 994px;
	height: 28px;
	background: url(images/nav_bg2.gif) top left no-repeat;
	margin: 0;
	padding: 0;
}

.iconlist {
	margin: 0;
	padding: 0;
	list-style-type:  none;
	text-align: left;
}

.iconlist li {
	float: right;
}

.iconlist li .home {
	background: url(images/home_icon.gif) no-repeat;
	padding: 6px 10px 6px 28px;
	margin: 0;
	display: block;
}

.iconlist li .login {
	background: url(images/login_icon.gif) no-repeat;
	padding: 7px 10px 6px 28px;
	display: block;
}

.iconlist li .credit {
	background: url(images/credit_icon.gif) no-repeat;
	padding: 7px 10px 6px 28px;
	display: block;
}

.iconlist li .subscribe {
	background: url(images/subscribe_icon.gif) no-repeat;
	padding: 7px 10px 6px 28px;
	display: block;
}

.iconlist li .basket {
	background: url(images/basket_icon.gif) no-repeat;
	padding: 7px 10px 6px 28px;
	display: block;
}

.iconlist li .contact{
	background: url(images/contact_icon.gif) no-repeat;
	padding: 7px 10px 6px 28px;
	display:block;

}

.iconlist li .divider{
	background: url(images/divider.gif) no-repeat;
	width: 2px;
	height: 28px;
	display: block;
}

/* Image Area */

#img_area {
	width: 994px;
	height: 160px;
	margin: 0;
	padding: 0;
	/*float: left;*/
}

/* Main Content Area */

#main_content {
	width: 994px;
	background: url(images/main_bg.gif) repeat-y;
	overflow: hidden;
	/*float: left;*/

}

/* Vertical Menu --  see xlist.css*/



/* Content */

#content {
	width: 285px;
	padding: 23px 0 20px 18px;
	text-align: justify;
	color: #000066;
	/*float: left;*/
}

#panel_area {
	width: 298px;
	margin-top: 23px;
	/*float: left;*/
}

.panel {
	background: url(images/panel_bg.gif) no-repeat top left;
	width: 134px;
	height: 156px;
	margin: 0 0 8px 10px;
	float: left;
}

/* Footer */

#footer {
	width: 100%;
	/*background: url(images/footer_bg.gif) -2px repeat-x  ;*/
}

#base_content {

	width: 994px;
	height: 32px;
	margin: auto;
	/*background: url(images/footer_cont_bg.gif) -2px -2px repeat-x ;*/
	color: #000066;
}

#base_content .copyright {

	padding-left: 0;
	margin-top: 12px;
	float: left;
}
/*
#base_content .baselinks {
	padding-right: 10px;
	margin-top: 12px;
	font-size:11px;

}
*/

#base_content ul.baselinks{
	list-style: none;
}

#base_content ul.baselinks li{
	float:left;
	padding-right:5px;
	padding-left:4px;
	background:url(images/footer-div.gif) 0 2px no-repeat;
}

#base_content ul.baselinks li:first-child{
	float:left;
	padding-right:5px;
	padding-left:4px;
	background:none;
}

#base_content ul.baselinks li a.current{
	font-weight:bold;

}
/************** START PRODUCT DISPLAY ***********************/


#dynamic_content{

	width: 772px;
	margin: 10px 11px 10px 10px;
	float: right;
	padding: 0;

}

form.productRow{
	width: 100%;
	margin: 5px 0;
}

/*#aatprodrow {*/
/*	width: 588px;*/
/*	border: solid 1px #e4ca7a;*/
/*	background: url(/images/cart_row_bg.gif) repeat-x top;*/
/*	background-color: #FFFBD7;*/
/*}*/



.prodimg {
	border: solid 1px #e4ca7a;
	margin: 6px;
}

.prodtitle {
	margin-top: 6px;
}

form#productMoreDetails {
	width: 99%;
	background-color: #fffcd7;
	margin: 10px 5px;

}

.productAttribs{
	background-color: #FFF596;
	margin-top: 5px;
	text-align:center;
	border-collapse: collapse;
	border-style: solid;
	border-color: #948DC5;
	border-width: 1px;
	width: 100%;
}

.productAttribs th{
	padding: 2px 5px;
	border-collapse: collapse;
	border-style: solid;
	border-color: #948DC5;
	border-width: 1px;
}

.productAttribs td{
	padding: 2px 2px;
	text-align:left;
	background-color: #FFFBD7;
	border-collapse: collapse;
	border-style: solid;
	border-color: #948DC5;
	border-width: 1px;
}


#productTableContainer{
	width: 770px;
	float: right;
	margin: 10px 12px;
}

#multiProductForm{
	width: 99%;
	background-color: #fffcd7;
	margin: 10px 5px;
}

#groupDescription{
	background-color: #fffcd7;

}

h1.titleName{
	text-align: left;
	padding: 10px 5px;
	margin-bottom:5px;
	border-style: solid;
	border-color: #948DC5;
	border-width: 1px;
	background-color:#fecd04;
}

#parentImage{
	margin: 4px;
	border-style: solid;
	border-color: #c9b92c;
	border-width: 1px;
	float: left;
}

#description{
	margin: 4px 4px;
	border-style: solid;
	border-color: #c9b92c;
	border-width: 1px;
	float: right;
	background-color:#fff;
	width: 420px;
	text-align: left;
	padding-left:4px;
	padding-right: 4px;
}

#productFilter{
	padding: 5px 5px;
	border-style: solid;
	border-color: #948DC5;
	border-width: 1px;
	background-color:#fecd04;
	margin: 5px 0;

}

#filterMenuLabel{
	float: left;
	margin: 4px 5px;
}
#filterMenuLabel strong{
	font-weight: bold;
	font-size: 14px;
}
#filterMenuLabel span{
	text-transform: capitalize;
}

#filterMenuLabel select{
	width: 300px;
}



#productTableContainer{
	width: 100%;
	margin:10px 0;
}

img.moreDetails{
	border: none;
}

/*<tr class="multiProductRow">*/
/*    <td class='productDescription'>*/
/*        <a href='%s' title='%s - %s - %s'><img src='productImages/50/%s' alt='%s - %s - %s'></a>*/
/*        <h1>%s</h1>*/
/*        <h3 class='brand'>%s</h3>*/
/*        %s<a href='%s' title='%s - %s - %s'>...&raquo;</a>*/
/*</td>*/


table#productTable th{
	font-size:12px;
}

tr.multiProductRow .productImage{
	float: left;
	margin: 8px;
}

tr.multiProductRow .productImage img{
	border:none;
}


tr.multiProductRow td.moreInfo{
	width:32px;
	text-align:center;
}

tr.multiProductRow td.price{
	text-align:center;
}

tr.multiProductRow td.qty{
	text-align:center;
}

tr.multiProductRow td.attrib{
	text-align:center;
}
/*


 Styles used for gridf like related product on cart page which
 is no good since the options have to be displayed

.relatedProductCart{
	text-align: center;
	float:left;
	width:100px;
	margin: 5px 5px 5px 5px;
}

.relatedProductCart p{
	margin: 0px;
	padding: 0px
}

.relatedProductCart h2{
	font-family:Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000066;
}

.relatedProductCart .productImage{
	height: 100px;
}
*/

/* this is for the div that is generated on the cart paeg to contain the related products
this is required to stop them aligning left when the menu is collapsed
*/

#relatedProductsCart{
	float:right;
	margin: 0 10px 0 0;
}

#relatedProductsCart .productRow{
	margin: 0 0 10px 0 ;
	padding: 0;
}


/*************** bread crumb and cart summary ***************************/
div#summary{
	width:770px;
	float:right;
	margin: 10px 0;
}

p.cartSummary{
	color:#030166;
	font-weight:bold;
	font-size:11px;
	float:right;
	margin:0;
	padding:0;
	text-align:left;
	/*background:url(images/cart-bg.gif) -10px -10px no-repeat;*/
	width:147px;


}


p.cartSummary span{
	color: #f00;
}

h1.breadCrumb{
	color:#030166;
	font-size:12px;
	float:left;
	margin:0;
	padding:0;
}

h1.breadCrumb a{
	color:#030166;
}



.clearboth{
	line-height:0px;
	clear:both;
}



/************** END PRODUCT DISPLAY ***********************/


/******************	START cart display 	*******************************/
#dynamicCartTable{
	width: 774px;
	padding:0;
	margin:0;
	float:right;
}

table#cart{
	width: 100%;
	padding:0;
	background-color: #FFF596;
	text-align:center;
	border-collapse: collapse;
	border-style: solid;
	border-color: #948DC5;
	border-width: 1px;

}

table#delivery{
	width: 300px;
	margin: 0 20px 20px 0;
	float: left;
}

table#delivery b{
	color: #9C0138;
}

table#cart td, table#cart th, table#delivery td, table#delivery th{
	padding: 5px 10px;
}

table#cart th, table#delivery th{
	padding: 1px 2px;
	border-collapse: collapse;
	border-style: solid;
	border-color: #948DC5;
	border-width: 1px;
	background-color:#fff596;
}

table#cart td, table#delivery td{
	padding: 1px 2px;
	background-color: #FFFBD7;
	border-collapse: collapse;
	border-style: solid;
	border-color: #948DC5;
	border-width: 1px;
}


table#cart td.productCode{
	background: none;
}

table#cart td.cartPrice{
	text-align: right;
	padding-right: 18px;
}

table#cart td a{
	display: block;
	width: 100%;
	height: 100%;
	background: #FFFBD7;
	text-align:center;
}

p.totalcost, div#grand_total{
	text-align: right;
	padding: 5px 18px 5px 5px;
	border: 1px solid #948DC5;
	background-color:#fff596;
}

div#grand_total{
	font-weight: bold;
	margin-bottom: 10px;
}

div#discount_total, div#shipping_total{
	text-align: right;
	padding: 5px 18px 5px 5px;
}

#view_cart_buttons {
	width: 410px;
	margin: auto;
	text-align: center;
	font-family:Arial, sans-serif;
}

#view_cart_buttons input{
	float: left;
}

p#view_cart_buttons a.button {
	background: url(images/btnCheckout.gif) 0 0 no-repeat;
	/*line-height: 999em;*/
	width: 88px;
	height: 28px;
	font-size:11px;
	font-weight:bold;
	color:#000066;
	padding:8px 0 0 10px;
	margin-left: 2px;
	overflow: hidden;
	float: left;
	display: block;
	font-family:Arial, sans-serif;
}

p#view_cart_buttons a.button:hover{
	color:#000066;
	text-decoration:none;
}

.updatecartbutton {
	width: 150px;
	height: 28px;
	margin-left: 2px;
	padding: 0;
	border: none;
	background: url(images/blank_button.gif) 0 0 no-repeat;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	display: block;
	cursor: pointer;
	color: #000066;
	font-family:Arial, sans-serif;
}

#cartFootNotes {
	clear: both;
	padding-top: 10px;
}

/******************	END cart display 	*******************************/




/* --- order form styles --- */
/* span/label thing that aligns stuff for inputs on orderform,loginform and registration form */

form#orderform label, form#contactform label, form#loginform label, form#registrationform label{
	display:block;
	padding:8px 8px 8px 174px;
	font: 12px Arial, sans-serif;
	color:#000;

}


form#orderform span, form#contactform span, form#loginform span, form#registrationform span{
	position: relative;
	left: -155px; /* this pushes the left edge of the span over to the left edge of the space created by the padding set above */
	float: left;
	margin-right: -200px; /*reduce the values of this and the above commented elements to make a narrower label*/
	padding-top: 3px;

}

/* end of span/label thing */


form#loginform, form#registrationform {
	text-align:left;

}

form#registrationform span.required{
	font-weight:bold;
}


form#loginform a.alast{
	margin-left:174px;
	text-decoration:none;
	color:#6666cc;

}


form#loginform a:hover.alast{
	text-decoration:underline;
	color:#6666cc;
}




form#orderform h3, form#loginform h3, form#registrationform h3, fieldset#completedOrderSummaryPage h3{
	background:#fff596;
	border: 1px solid #948dc5;
	font-size: 13px;
	color:#000;
	margin:50px 0 14px 0;
	text-align:left;
	padding: 6px 0 6px 20px;

}


form#orderform fieldset#summaryPage .summary h3, form#orderform fieldset#telephonesummaryPage .summary h3 {
	margin-top:4px;

}


/* --- remove left/right sides from horizontally aligned h3's in 'grid' layout pages --- */
form#orderform fieldset#summaryPage h3.noleftborder, form#orderform fieldset#telephonesummaryPage h3.noleftborder, fieldset#completedOrderSummaryPage h3.noleftborder {
	border-left:none;
	margin-top:0;

}


form#orderform fieldset#billingAddress h3.noleftborder {
	border-left:none;
	margin-top:12px;

}


form#orderform fieldset#summaryPage h3.norightborder, form#orderform fieldset#telephonesummaryPage h3.norightborder, form#orderform fieldset#personalDetails h3.norightborder, fieldset#completedOrderSummaryPage h3.norightborder {
	border-right:none;
	margin-top:0;

}


form#orderform fieldset#personalDetails h3.norightborder {
	border-right:none;
	margin-top:12px;

}


form#orderform fieldset#storedDeliveryAddresses h3, form#orderform fieldset#paymentMethod h3, form#orderform fieldset#personalDetails h3, form#orderform fieldset#billingAddress h3 {
	margin-top:2em;

}


div#welcomeSummaryFlex h3, div#welcomeSummaryFlexTimes h3{
	width:755px;
	margin:25px 0 14px 0;

}
/*form#orderform h3#paymentMethodHeading, fieldset#storedDeliveryAddresses h3, fieldset#telephonesummaryPage div#welcomeSummary h3,*/


div#welcomeSummaryFlex p, div#welcomeSummaryFlexTimes p{
	margin:4px 20px 0 20px;
	font-size:1.1em;
	width:43%;
	display:inline;
	float:left;

}


div#welcomeSummaryFlex p.note, div#welcomeSummaryFlexTimes p.note{
	margin:4px 0 0 0;
	font-size:1.1em;
	float:left;
	display:inline;
	width:47%;

}


form#orderform fieldset#summaryPage div#welcomeSummaryFlex {
	width:100%;
	height:17em;

}


form#orderform fieldset#summaryPage div#welcomeSummaryFlexTimes{
	width:100%;
	height:12.9em;

}


/* --- various form element styles --- */
form#orderform input, form#orderform textarea, form#orderform option , form#contactform input, form#contactform textarea, form#loginform input, form#registrationform input, form#registrationform option{
	font: 12px Arial, Helvetica, sans-serif;
	width: 200px;
	border:solid 1px #ccc;
	margin: 0;

}


form#orderform select, form#registrationform select{
	font: 12px Arial, Helvetica, sans-serif;
	width: 200px;

}


form#orderform option{
	border:none;
	width:170px;

}


form#orderform label.radio{
	padding: 5px;
	margin-top:0;

}


form#orderform input.chckbx{
	border:none;
	margin-left:-220px;
	width:0px;

}


form#orderform input.radiobtn{
	border:none;
	width:15px;

}


form#orderform fieldset#summaryPage table td .radiobtn{
	border:none;
	width:15px;
	margin-left:65px;

}


/*---                                                    ---*/


form#orderform p.info{
	padding: 10px 25px;
	font-style: italic;
	font-size:12px;

}


form#orderform p#completeform, form#contactform p.emailError{
	padding: 4px 47px;
	border-left:0;
	border-right:0;
	background: #fff url(images/info.gif) 18px 6px no-repeat;
	font-weight: bold;
	color:#000;
	width:500px;
	text-align:left;

}


form#orderform p#reg_email_notice{
	background:#FFF596;
	border: 1px solid #948DC5;
	font-size: 13px;
	font-weight:bold;
	color:#000;
	width: 754px;
	margin-left:0;
	text-align:left;
	padding: 6px 0 6px 16px;

}


form#orderform #welcomeSummary p#completeform, form#orderform #fl_welcomeSummary p#completeform{
	width:200px;
	background: #fff url(images/info.gif) 18px 1px no-repeat;

}


form#orderform #welcomeSummaryPhone p#completeform{
	width:600px;
	background: #fff url(images/info.gif) 18px 1px no-repeat;

}


form#orderform div#deliveryShippingOptions p, fieldset#telephonesummaryPage div#welcomeSummaryPhone p{
	font-size:1.1em;
	margin:0 20px 0 20px;

}


form#orderform div#deliveryShippingOptions table {
	margin:0 auto;
	vertical-align:top;

}


fieldset#summaryPage div#deliveryShippingOptions table tr td .btnform{
	margin:18px 0 0  0;

}


form#orderform p#completeform a{
	color: #000;

}


form#orderform input.isRequired{
	background: #FFFBD7;

}


/* --- various fieldset styles --- */
form#orderform fieldset {
	border:none;
	padding:0;
	margin:0;
	text-align:left;
	width:100%;

}


/* --- generic class style for 'grid' type layouts, modified for specific tweaks with the id style for each --- */
form#orderform .summary {
	float:left;
	width:50%;
	height:18.5em;

}

fieldset#completedOrderSummaryPage .summary{
	float:left;
	width:50%;
	height:20em;

}

fieldset#completedOrderSummaryPage p{
	font-size:12px;
	padding-left:16px;
	margin-top:0;
	padding-top:0;

}

#dynamic_content form#orderform input#shipping_choice_order_form_button{
	margin-top:60px;
}

#dynamic_content form#orderform table#declareDeliveryRestrictionsStepButtons input#shipping_choice_order_form_button{
	margin-top:30px;
}



/* --- overriding summary class height with id on this pages/items, to tighten up general layout and shorten forms as much as possible --- */
form#orderform div#fl_invoiceAddressSummary, form#orderform #fl_deliveryAddressSummary, form#orderform #deliveryAddressSummary{
	height:27em;

}


form#orderform div#fl_welcomeSummary, form#orderform div#fl_deliveryShippingOptions{
	height:12em;

}


form#orderform div#welcomeSummary, form#orderform div#deliveryShippingOptions{
	height:16em;

}

form#orderform fieldset#summaryPage {
	padding-top:27px;

}

form#orderform #declareDeliveryRestrictionsStepButtons{
	margin:  0 auto;
}

form#orderform fieldset#personalDetails, form#orderform fieldset#billingAddress{
	display:inline;
	float:left;
	width:50%;

}


fieldset#paymentMethod{
	display:inline;

}


form#orderform fieldset#summaryPage #paymentMethodSummary strong, form#orderform fieldset#summaryPage #deliveryRestrictionsSummary p, form#orderform fieldset#summaryPage #deliveryRestrictionsSummary table , form#orderform fieldset#telephonesummaryPage #paymentMethodSummary strong, form#orderform fieldset#telephonesummaryPage #deliveryRestrictionsSummary p, form#orderform fieldset#telephonesummaryPage #deliveryRestrictionsSummary table  {
	margin-left:20px;
	font-size:1.1em;

}


fieldset#telephonesummaryPage div#welcomeSummaryPhone{
	width:100%;
	height:17em;

}


form#orderform fieldset#summaryPage .summary ul li, form#orderform fieldset#telephonesummaryPage .summary ul li, fieldset#completedOrderSummaryPage .summary ul li{
	list-style: none;
	margin-left:-20px;
	padding: 2px 0 2px 0;
	font-size:1.1em;

}


/* --- orderformSubtable is the table used to display the address choices on the delivery_address_order_form.html page --- */
form#orderform table#orderformSubtable {
	width:730px;
	margin-left:18px;

}


form#orderform table#orderformSubtable td.useaddress{
	width:120px;
	padding-right:20px;

}


form#orderform table#orderformSubtable tr {
	background:#fff;
	padding:0 20px 0 0;

}


form#orderform table#orderformSubtable td.subheading{
	font-size:13px;
	padding:10px 0 7px 8px;
	font-weight:bold;
	text-align:left;
	background:#eee;

}


form#orderform table#orderformSubtable tr.rowtype_one{
	background:#eee;
	padding:0 20px 0 0;

}


/* --- row type 2 is a crap name for this, its just the yellow background on the 2 elements for billing / enter new address --- */
form#orderform table#orderformSubtable tr.rowtype_two{
	background:#fdf7c0;
	padding:0 20px 0 0;

}


form#orderform table#orderformSubtable td{
	font-size:12px;
	text-align:left;
	padding:6px 4px 6px 8px;
	vertical-align: top;

}

form#orderform ul{
	line-height:1.5;

}

/* --- button styles --- */
form#orderform .btnform {
	width: 138px;
	height: 28px;
	padding: 0;
	border: none;
	background: url(images/btn_prodContinue.gif) 0 0 no-repeat;
	font-size: 11px;
	font-weight: bold;
	display: block;
	cursor: pointer;
	color: #000066;
	margin:auto;
	margin-top:30px;
	margin-bottom:20px;

}


form#loginform  .btnformlogreg, form#registrationform  .btnformlogreg{
	width: 138px;
	height: 28px;
	padding: 0;
	border: none;
	background: url(images/btn_prodContinue.gif) 0 0 no-repeat;
	font-size: 11px;
	font-weight: bold;
	display: block;
	cursor: pointer;
	color: #000066;
	margin: 10px 0 10px 174px;

}


fieldset#telephonesummaryPage div#welcomeSummaryPhone table td .btnform{
	margin-top:5px;

}


/* --- for accessrestrictions summary page --- */
table#accessRestrictions td img{
	padding:0 0 0 60px;

}


table#accessRestrictions th#checkapp{
	padding-left:20px;

}


div#welcomeSummaryPhone table{
	margin: 0 auto;
	vertical-align:top;

}


/* --- styles for tables on flexible shipping order type pages --- */
table#flexibleShippingDays, table#flexibleShippingTimes{
	background:#eee;
	border-collapse:collapse;
	width:100%;
	float:left; /* --- to fix safari problem --- */

}


table#flexibleShippingDays .spacerRow, table#flexibleShippingTimes .spacerRow{
	background:#fff;
	height:25px;

}


table#flexibleShippingDays .tableHeader, table#flexibleShippingTimes .tableHeader{
	font-size:1em;
	font-weight: 900;
	padding:8px 10px;
	background:#FFF596;
	border:none;
	border-bottom:1px solid #fff;

}


table#flexibleShippingDays tr.tableHeading td, table#flexibleShippingTimes tr.tableHeading td{
	font-size:1em;
	font-weight: 900;
	padding:4px 10px;
	margin:0 0 4px 0;
	border:none;
	background:#ddd;
	text-align:left;

}


table#flexibleShippingDays  td, table#flexibleShippingTimes td{
	font-size:1em;
	padding:6px 10px;
	margin:0 0 4px 0;
	border: #fff solid 1px;
	vertical-align: middle;

}


table#flexibleShippingTimes td.tableHeaderTotalOrder{
	font-size: 1.3em;
	font-weight:900;
	text-align:right;
	padding-right:180px;
	background:#fff;
	border-bottom:solid 1px #666;
	padding-bottom:2px;
	margin: 0 0 15px 0;

}


table#flexibleShippingDays td.totalDescription, table#flexibleShippingTimes td.totalDescription {
	font-weight:bold;
	font-size:1.1em;
	text-align:right;
	background:#fff;
	border:none;
	padding:4px 6px 4px 0;
	vertical-align:bottom;
	line-height:1.5;

}


table#flexibleShippingDays td.totalValue, table#flexibleShippingTimes td.totalValue{
	background:#fff;
	font-size:1em;
	text-align:left;
	border:none;
	padding:4px 0 4px 0;
	vertical-align:bottom;
	line-height:1.5;

}


/* --- cleaning up outside edges of table, removing white borders from tds --- */
table#flexibleShippingDays td.productShippingDays, table#flexibleShippingTimes td.productShippingDays{
	border-right:none;

}


table#flexibleShippingDays td.productId, table#flexibleShippingTimes td.productId {
	border-left:none;

}


table#flexibleShippingDays select, table#flexibleShippingDays option {
	width:100px;

}


table#flexibleShippingTimes select, table#flexibleShippingTimes option{
	width:170px;

}


form#orderform fieldset#summaryPage table#flexibleShippingDays td.productName, form#orderform fieldset#summaryPage table#flexibleShippingTimes td.productName{
	width:150px;

}


table#flexibleShippingDays td.productQty, table#flexibleShippingDays td.productLeadTime, table#flexibleShippingDays  td.productShippingDays, table#flexibleShippingTimes td.productQty, table#flexibleShippingTimes td.productLeadTime, table#flexibleShippingTimes  td.productShippingDays{
	text-align:center;

}


/* --- added temp? styles for page content -> added div into table records for page content called #page_content, used for various stylings on pages for there on--- */
#dynamic_content #page_content{
	text-align:left;
	padding-bottom:20px;

}


#dynamic_content #page_content p:first-child{
	font-size:1.1em;
	text-align:left;
	width:480px;
	margin:0 0 0 3px;
	line-height:1.6;
	text-indent:0;

}


#dynamic_content #page_content p{
	font-size:1.1em;
	text-align:left;
	width:480px;
	margin:14px 0 0 3px;
	line-height:1.6;

}


#dynamic_content #page_content table{
	text-align:left;
	margin:20px 0 20px 0;
	font-size:1.1em;
	width:480px;
	line-height:1.3em;

}


#dynamic_content #page_content table thead{
	font-weight:bold;
	margin-bottom:3px;
	font-size:1.1em;

}


#dynamic_content #page_content table td{
	padding:8px;
	vertical-align:top;

}


#dynamic_content #page_content table td.code{
	vertical-align:top;
	font-weight:bold;
	font-size:0.9em;

}


#dynamic_content #page_content table tr.ltgrey{
	background:#eee;

}


#dynamic_content #page_content ul{
	text-align:left;
	font-size:1.1em;
	list-style-type: disc;


}


#dynamic_content #page_content ul li:first-child{
	padding:0 0 4px 0;

}


#dynamic_content #page_content ul li{
	padding:4px 0;

}


/* potentially very bad, could have knock on effects */
#dynamic_content div#summary{
	width:770px;
	float:right;
	margin: 10px 0 0 0;


}


/*--------------------------------------------------------------------------------*/
/* --- don't know what this is for ---*/
#welcomeReview p#reg_email_notice{
	background:#FFF596;
	border: 1px solid #948DC5;
	font-size: 13px;
	font-weight:bold;
	color:#000;
	margin-left:0;
	width:300px;
	text-align:left;
	padding: 6px 0 6px 16px;

}


/* --- more contact form stuff maybe not needed --- */
form#contactform p.emailError{
	border-bottom: none;
	margin: 0;

}


form#contactform ul{
	margin: 0;
	padding: 10px 45px;
	width:467px;
	background: #fff;
	border: none;
	border-top:solid 1px #ddd;
	width:394px;

}


form#contactform ul li{
	padding-left: 18px;
	color: #000;
	list-style:none;
	font-weight: bold;
	margin-bottom: 5px;


}

/* --- additional styles for completed order summary page snippet --- */

fieldset#completedOrderSummaryPage{
	border:none;
	width:755px;
}

fieldset#completedOrderSummaryPage p.orderNo, fieldset#summaryPage p.orderNo{
	font-weight:bold;
	font-size:12px;
	padding:0 0 0 18px;
	clear:both;
	line-height:1.6;
	margin:0;


}

p.cartOrderHeading{
	font-weight:bold;
	font-size:14px;

}

/* styles for contact form*/
#contactform label{
	display:block;
	padding:8px 8px 8px 160px;
	border-bottom: 1px solid #ddd;
	font:  12px Arial, sans-serif;
	color:#000;
}

#contactform span{
	position: relative;
	left: -135px; /* this pushes the left edge of the span over to the left edge of the space created by the padding set above */
	float: left;
	margin-right: -140px; /*reduce the values of this and the above commented elements to make a narrower label*/
	padding-top: 3px;
}

#contactform input, #contactform textarea{
	font: 12px Arial, Helvetica, sans-serif;
	width: 250px;
}


#contactform p.emailError{
	padding: 10px 45px;
	border:	1px solid #030166;
	background: #030166 url(images/info.gif) 25px 10px no-repeat;
	font-weight: bold;
	color:#030166;
}

#contactform p.emailError{
	border-bottom: none;
	margin: 0;
}

#contactform ul{
	margin: 0;
	padding: 10px 45px;
	border:	1px solid #ACD25E;
	background: #030166;
	border-top: none;
}

#contactform ul li{
	padding-left: 16px;
	background: url(images/dot.gif) 0 50% no-repeat;
	color: #030166;
	font-weight: bold;
	margin-bottom: 5px;
}

#contactform .btnform {
	width: 138px;
	height: 28px;
	padding: 0;
	border: none;
	background: url(images/btn_prodContinue.gif) 0 0 no-repeat;
	font-size: 11px;
	font-weight: bold;
	display: inline;
	cursor: pointer;
	color: #000066;
	margin:auto;
	margin-top:30px;
	margin-bottom:20px;

}

#contactform h3{
	padding-left:20px;
	font-size:1.3em;
	padding-top:18px;
	margin-top:36px;
	border-top:solid 1px #ddd;
	width:467px;
}

#contactform h3 + p > label, #contactform ul + p > label {
	padding-left:18px;
	margin-bottom:9px;
}

#container #dynamic_content #contactform p > input{
	margin-left:128px;
}

#container #dynamic_content #contactform p > input + input{
	margin-left:0;
}

#dynamic_content #page_content #contactform  p{
	width:467px;
	padding-bottom:0;
	margin:5px 0;
	border:none;
}
/*    */

/* --- search box styles added 14/09/09 --- */
form#keywordsearch{
	padding:6px 0 6px 9px;
	border-bottom:solid 1px #948dc5;
}

form#keywordsearch input{
	width:105px;
	border:solid 1px #948dc5;
}

form#keywordsearch input#searchButton{
	width:30px;
	margin-left:6px;
	font-size:11px;
	font-weight:bold;
	color:#006;
	background:#ccc url(images/blank_button.gif) no-repeat  0 0;
	cursor:pointer;
}


/*--- search box styles end --- */

/*   page linking styles */
p.ProductPageIndex{
	text-align : right;
	color : #030180;
	background : url() top left repeat-x;
	padding : 10px;
	position : relative;
}

p.ProductPageIndex{
	height : 1%;
}

p.ProductPageIndex span.pageCount{
	position : absolute;
	left : 10px;
}

p.ProductPageIndex a{
	color : #030180;
	padding : 4px;
	margin : 2px;
	font-weight : bold;
}

p.ProductPageIndex a:hover{
	color : #030180;
}

p.ProductPageIndex a.resultLink{
	text-decoration : none;
	color : #030180;
	border : 1px solid #FECD04;
	background : #fff;
}

p.ProductPageIndex a.resultLink:hover{
	border : 1px solid #FECD04;
	background : #FECD04;
	color : #030180;
}

p.ProductPageIndex a.activePageNav{
	color : #030180;
	text-decoration : none;
	border : 1px solid #030180;
	background : #FECD04;
}

p.ProductPageIndex a.firstPage, p.ProductPageIndex a.lastPage{
	font-weight : bold;
}

