@import /* */"scratch.css";

div#header{
	width: 990px;
	height: 125px;
	background: url(../img/header_bg.png) no-repeat;
}

/* ==YUI RESET (see: http://developer.yahoo.com/yui/reset/)*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
} */
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	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;
}



/* ==GENERAL SETTINGS */

body{
	background: #000;
	color: #666;
	/*font:11px/18px Helvetica, Arial, sans-serif; /* precentages on fonts so that IE can resize them */
	/* font: 70%/150% Verdana, Lucida, "Lucida Grande", sans-serif; */
	font: 80%/150% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}




/*
Global Linking
-------------------------------------------------*/
a {
	outline: none;
}
a:link {
	color: #000;
}
a:visited {
}
a:hover {
	text-decoration: underline;
}





/* ==DIVS */


/* layout divs */
div#wrapper{
	width:990px;
	margin-right: auto;
	margin-top: 10px;
	margin-left: auto;
}

div#wrapper2{
    background:#fff;
	/* clear:both; */
	float:left;
	/* border: 1px solid green; */
}





/* ------- header section - incl. top navigation ---------- */



/* ------ PRINCIPAL logo  ----------------------------- */

div#principalLogo h1 a{
	width: 229px;
	height: 74px;
	background: url(../img/Principal_greyscale_logo.png) no-repeat;
	display:block;
	text-indent:-999em;
	/*paranoid tricks for older browsers*/
	text-decoration:none;
	overflow:hidden;
	position: absolute;
	margin-left: 16px;
	margin-top: 13px;
}

.printLogo{
	display: none;
}





/* ----------- SEARCH panel -------- */


div#searchBox{
	width: 237px;
	height: 20px;
	font-size: 11px;
	position: relative;
	left: 734px;
	top: 17px;
	margin: 0;
	/* border: 1px solid red; */
}

.search{
	height: 20px;
	width: 167px;
	background: url(../img/search_box_bg.png) no-repeat;
	color: #999;
	padding-left: 2px;
	font-size: 11px;
	border: none;
	line-height:15px;
	padding-top: 2px;
}

.chrome .search, .opera .search{
	padding-top: 0;
}


div#searchButton{
	width: 70px;
	height: 20px;
	background: url(../img/search_button.png) no-repeat;
	position: relative;
	left: 167px;
	bottom: 22px;
}

.chrome div#searchButton{
	bottom: 21px;
}

.opera div#searchButton{
	bottom: 20px;
}


div#searchButton a{
	color: #fff;
	text-decoration: none;
	padding-left: 9px;
	display: block;
}

div#searchButton a:hover{
	color: #82cbd9;
}









/* ----------- BASKET panel -------- */

div#basketPanel{
	width: 580px;
	height: 28px;
	line-height: 20px;
	background: url(../img/basket_bg.png) no-repeat 165px 0;
	position: relative;
	left: 392px;
	top: 30px;
	vertical-align: middle;
	padding-top: 9px;
	margin: 0;
}

div#basketPanel a{
	color: #007B91;
	text-decoration: none;
	font-weight: bold;
}

div#basketPanel a:hover{
	color: #666;
}


div#telNumber{
	position: relative;
	right: 45px;
	line-height: 110%;
	bottom: 5px;
}
div#telNumber strong{
	color: #000;
}
div#telNumber a{
	color: #000;
}



div#myAccount{
	position: relative;
	/* bottom: 20px; */
	bottom: 29px;
	left: 174px;
	/* needs a width specifying - or extends outside wrappers */
	width: 75px;
}

div#myAccount a{
	color: #666;
	font-weight: normal;
	font-style: normal;
}

div#myAccount a:hover{
	color: #007B91;
}


div#basketInfo{
	/* bottom: 38px; */
	bottom: 47px;
	font-size: 12px;
	line-height: 16px;
	float: left;
	position: relative;
	left: 304px;
}

div#basketInfo a{
	color: #666;
	font-weight: normal;
	font-style: normal;
}

div#basketInfo a:hover{
	color: #007B91;
}

.basketValue{
	color: #007B91;	
}










/* ----------- top navigation -------- */

div#topNav{
	font-size: 12px;
	position: relative;
	float: left;
	font-weight: bold;
	/* top: 16px; */
	top: 9px;
	/* width: 970px;  ...too wide & the whole page gets a horizontal scroll-bar */
	width: 900px;
	padding-left: 20px;
	z-index: 1;
	margin-top: 3px;
}


/* display block - for both ul li & ul li a - to run horizontally */
div#topNav ul li{
	display: block;
	float: left;
	margin-right: -20px;
}

div#topNav ul li a{
	color: #fff;
	text-decoration: none;
	display: block;
}

div#topNav a:hover{
	text-decoration: none;
	color: #93D1DD;
}



/* ---- top navigation HOME icon -------- */
.homeIcon a{
	width: 20px;
	height: 24px;
	background: url(../img/home_icon.png) no-repeat -18px -2px;
	display:block;
	text-indent:-999em;
	/*paranoid tricks for older browsers*/
	text-decoration:none;
	overflow:hidden;
	margin-top: -3px;
	position: absolute;
}

.homeIcon a:hover {background-position: 3px -2px; }



/* ---- DROP-DOWN NAV -------- */


#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	/* line-height: 120%; */
	line-height: 1.3em;  /* improves stability of the drop-down - esp in MSIE */
	position: relative;
	left: 52px;
}

#nav a {
	display: block;
}

#nav li { /* all list items */
	float: left;
	padding-right: 52px;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #fff;
	width: 202px;
	left: -999em;
	/* display: none; */
	padding: 8px 0 8px 8px;
	border: 1px solid #999;
}


#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	/* display: block; */
}

.navDrop {
}

.navDrop ul li{
	padding-bottom: 5px;
	padding-top: 2px;
}

.navDrop ul li a{
	color: #999 !important;
}

.navDrop ul li a:hover{
	color: #666 !important;
}



.selected a{
	color: #93D1DD !important;
}





/* ----------- BREADCRUMBS -------- */

div#breadcrumbs{
	width: 970px;
	text-align: right;
	padding-top: 14px;
	padding-right: 20px;
	color: #999;
}

div#breadcrumbs a{
	text-decoration: none;
	color: #666;
	padding-right: 5px;
	padding-left: 5px;
}

div#breadcrumbs a:hover{
	color: #007B91;
	text-decoration: underline;
}

.bcSelect{
	color: #666;
	font-weight: bold;
	padding-left: 4px;
}

.bcSelect_highlight{
	color: #cc0000;
	font-weight: bold;
	padding-left: 4px;
}



/* ----------- MAIN CONTENT ------------------------------

 -------- */

body.home div#mainContent{
	width: 990px;
	height: 485px;
	 /*  expands/controls height all of the page below - needs a fix for home page? */
}



/* ----------- TOP IMAGE PANEL -------- */

div#topImagePanel{
	width: 990px;
	height: 349px;
	position: relative;
}

div#topImage{
/*	width: 681px; */
	width: 600px;
	height: 349px;
	float: left;
}
div#topImageTitle, div#topImageTitleAltCol{
/*	width: 661px; */
	width: 580px;
	height: 31px;
	position: relative;
	bottom: 53px;
	padding-top: 15px;
	padding-left: 18px;
}
div#topImageTitle h2{
	font-size: 32px;
	color: #007B91;
	font-weight: lighter;
}
 /* to allow for a darker text colour overlay on lighter coloured images */
div#topImageTitleAltCol h2{ 
	font-size: 32px;
	color: #007B91;
	font-weight: lighter;
}

/* div#topImageTransp{
	width: 269px;
	position: relative;
	float: right;
	padding-right: 18px;
	padding-left: 22px;
	height: 349px;
	/* use for transparent background panel for the text that overlays the main image panel on the home page
	opacity: 0.3; 
	background: url(../img/grad-text-panel-309x349.png) no-repeat;
}  
*/

div#topImageTxt{
/*	width: 269px; */
	width: 354px;
	height: 349px;
	padding-right: 18px;
	padding-left: 18px;
	position: relative;
	/* color: #fff; */
	color: #000;
	float: left;
	/* background: url(../img/grad-text-panel-pricematch.png) 2px 0 no-repeat; */
	background-color: #fff;
	margin: 0;
}

div#topImageTxt h2{
	font-size: 15px;
	margin-bottom: 10px;
	/* padding-top: 20px; */
	padding-top: 20px;
	font-weight: bold;
}

div#topImageTxt h3{
	font-size: 13px;
	margin-bottom: 0;
	font-weight: bold;
}

div#topImageTxt p{
	/* padding-bottom: 18px; */
	font-size: 13px;
	line-height: 130%;
/*	width: 265px; */
	width: 345px;
	margin-bottom: 15px;
}
div#topImageTxt a{
	color:#000;
	font-weight: bold;
}
div#topImageTxt a:hover{
	text-decoration: underline;
	color: #666;
}

.lightLink a{
	color: #999 !important;
	font-weight: normal !important;
	font-style: normal !important;
}



.h2Big{
	font-size: 20px;
	font-weight: bold;
}


div#homeHighlight{
	font-weight: bold;
	/* color: #FF9900; */
	color: #fff;
	font-size: 22px;
	line-height: 130%;
	width: 254px;
	height: 110px;
	padding: 23px 0 0 15px;
	margin: 0;
}

div#homeHighlight a{
	font-weight: bold;
	/* color: #FF9900; */
	color: #fff;
	text-decoration: none;
}

div#homeHighlight a:hover{
	/* color: #fb6710; */
	text-decoration: underline;
}






/* ----------- Catalogue panel -------- */

div#cataloguePanel{
	position: relative;
	background: url(../img/catalogue_panel_bg.png) no-repeat;
	width: 179px;
	height: 390px;
	margin-left: 17px;
	margin-top: 26px;
	color: #fff;
	float: left;
	clear: both;
}


div#cataloguePanel h4{
	color: #000;
	font-size: 18px;
	padding-top: 7px;
	padding-left: 11px;
	font-weight: bold;
}

div#cataloguePanelLink{
	position: relative;
	top: 159px;
	padding-left: 11px;
	padding-right: 11px;
	padding-top: 10px;
}

div#cataloguePanelLink a{
	text-decoration: underline;
	color: #000;
	font-size: 12px;
	line-height: 15px;
}

div#cataloguePanelLink a:hover{
	color: #666;
	text-decoration: none;
}



div#quickLinx{
	position: relative;
	top: 190px;
}


div#quickLinx ul li a{
	background: url(../img/arrow_button.png) no-repeat 0 1px;
	padding-left: 18px;
	line-height: 23px;
	color: #999;
	text-decoration: none;
}


div#quickLinx ul li a:hover{
	color: #007B91;
}






/* ----------- Col 1 panels -------- */


div#col1{
	width: 372px;
	height: 405px;
	float: left;
	margin-top: 26px;
	margin-left: 15px;
	margin-bottom: 20px;
	/* border: 1px solid yellow; */
}


body.fabric div#col1{
	width: 230px;
	height: 289px;
	float: left;
	border: 1px solid silver;
	padding: 15px;
	margin: 26px 0 20px 100px;
}

body.fabric div#col1 p{
	text-align: left !important;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}




div#HlinkPanel1 a, div#HlinkPanel2 a{
	width: 179px;
	height: 195px;
	float: left;
	background: url(../img/HlinkPanel1_bg.jpg) no-repeat;
	display:block;
	text-indent:-999em;
	/*paranoid tricks for older browsers*/
	overflow:hidden;
}

div#HlinkPanel2 a{
	background: url(../img/HlinkPanel2_bg.jpg) no-repeat;
	float: right;
}


div#HlinkPanel5 a, div#HlinkPanel6 a{
	width: 179px;
	height: 195px;
	float: left;
	background: url(../img/HlinkPanel5_bg.jpg) no-repeat;
	display:block;
	text-indent:-999em;
	/*paranoid tricks for older browsers*/
	overflow:hidden;
	margin-top: 13px;
}

div#HlinkPanel6 a{
	background: url(../img/HlinkPanel6_bg.jpg) no-repeat;
	float: right;
}




/* HOME page New Products -------------------------------*/




div#newProductsPanel{
	width: 373px;
	/* height: 196px; */
	float: left;
	margin-top: 34px;
	/* background: url(../img/home_panel_tab_base.png) no-repeat 0 100%; */
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;

}

div#newProductsTop{
	width: 375px;
	background: url(../img/home_panel_tab_top.png) no-repeat 0px;
	height: 25px;
	position: relative;
	bottom: 20px;
	right: 1px;
}


div#newProductsBase{
	background: url(../img/home_panel_tab_base.png) no-repeat;
	width: 373px;
	height: 25px;
	position: relative;
	clear: both;
	top: 25px;
}

div#newProductsPanel h3 a{
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 13px;
	line-height: 24px;
	display: block;
}

div#newProductsPanel h3 a:hover{
	color: #999;
}


div#newProductNo1{
	width: 169px;
	/* height: 171px; */
	float: left;
	text-align: center;
	margin-bottom: -15px;
	padding-right: 8px;
	padding-left: 8px;
}

div#newProductNo1 img{
	margin-top: -10px;
}


div#newProductNo2{
	width: 169px;
	/* height: 171px; */
	float: right;
	text-align: center;
	margin-bottom: -15px;
	padding-right: 8px;
	padding-left: 8px;
}

div#newProductNo2 img{
	margin-top: -10px;
}

.newProductInfo a{
	color: #666;
	text-decoration: none;
}

.newProductInfo a:hover{
	text-decoration: underline;
}

.newProductPrice a{
	color: #80C9D6;
	text-decoration: none;
}

.newProductPrice a:hover{
	text-decoration: underline;
}




/* ----------- Col 2 panels -------- */

div#col2{
	width: 372px;
	height: 405px;
	float: right;
	margin-top: 26px;
	margin-right: 18px;
	/* border: 1px solid aqua; */
}


body.fabric div#col2{
	width: 230px;
	float: right;
	margin-top: 26px;
	margin-right: 160px;
	border: 1px solid silver;
	padding: 15px;
	margin-left: 20px;
	height: auto;
}


body.fabric div#col2 p{
	text-align: left !important;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}





div#HlinkPanel3 a, div#HlinkPanel4 a{
	width: 179px;
	height: 195px;
	float: left;
	display:block;
	text-indent:-999em;
	/*paranoid tricks for older browsers*/
	overflow:hidden;
	background: url(../img/HlinkPanel3_bg.jpg) no-repeat;
}

div#HlinkPanel4 a{
	background: url(../img/HlinkPanel4_bg.jpg) no-repeat;
	float: right;
}


div#specialOffersPanel{
	width: 373px;
	/* height: 196px; */
	float: left;
	margin-top: 34px;
	/* background: url(../img/home_panel_tab_base.png) no-repeat 0 100%; */
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}


div#specialOffersTop{
	width: 375px;
	background: url(../img/home_panel_tab_top.png) no-repeat 0px;
	height: 25px;
	position: relative;
	bottom: 20px;
	right: 1px;
}


div#specialOffersBase{
	background: url(../img/home_panel_tab_base.png) no-repeat;
	width: 373px;
	height: 25px;
	position: relative;
	clear: both;
	top: 25px;
}



div#specialOffersPanel h3 a{
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 13px;
	line-height: 24px;
	display: block;
}



div#specialOffersPanel h3 a:hover{
	color: #999;
}


div#specialOfferNo1{
	width: 169px;
	/* height: 171px; */
	float: left;
	text-align: center;
	margin-bottom: -15px;
	padding-right: 8px;
	padding-left: 8px;
}

div#specialOfferNo1 img{
	margin-top: -10px;
}

div#specialOfferNo2{
	width: 169px;
	/* height: 171px; */
	float: right;
	text-align: center;
	margin-bottom: -15px;
	padding-right: 8px;
	padding-left: 8px;
}

div#specialOfferNo2 img{
	margin-top: -10px;
}

.specialOfferInfo a{
	color: #666;
	text-decoration: none;
}

.specialOfferInfo a:hover{
	text-decoration: underline;
}

.specialOfferPrice a{
	color: #80C9D6;
	text-decoration: none;
}

.specialOfferPrice a:hover{
	text-decoration: underline;
}










/* -----   CATEGORY page specific -----------
------- */


body.category div#mainContent{
	width: 990px;
	margin-top: 40px;
}

body.category1 div#mainContent{
	width: 990px;
}

body.category div#featurePanel, body.category1 div#featurePanel{
	width: 957px;
	height: 200px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 17px;
	background: url(../img/feature_panel_bg.png) no-repeat;
	position: relative;
}

body.category div#featurePanel h2, body.category1 div#featurePanel h2{
	font-size: 18px;
	padding-left: 15px;
	font-weight: bold;
	padding-top: 10px;
	margin-bottom: 10px;
}

body.category div#featurePanel p, body.category1 div#featurePanel p{
	font-size: 12px;
	padding-left: 15px;
	width: 454px;
	float: left;
}

body.category div#featurePanel img, body.category1 div#featurePanel img{
	margin: 0;
	padding: 0;
}


body.category div#featurePanelPic, body.category1 div#featurePanelPic{
	width: 473px;
	height: 196px;
	float: right;
	position: relative;
	bottom: 38px;
	right: 10px;
}


body.category1 div#catGallery{
	width: 957px;
	margin-right: auto;
	/* margin-left: 30px; */
	margin-left: 36px;
	clear: both;
	position: relative;
	bottom: 30px;
	float: left;
	margin-bottom: 50px;
}

body.category div#catGallery{
	width: 945px;
	clear: both;
	position: relative;
	bottom: 30px;
	padding-bottom: 50px;
	float: left;
	border-top: 2px solid gray;
	/* margin: 8px auto 30px 26px; */
	margin: 8px 30px auto 36px;
	right: 11px;
}

body.category .catSummary, body.category1 .catSummary{
	float:left;
	/* margin: 16px 23px 30px 0; */
	margin: 16px 20px 30px 0;
	width: 135px;
	text-align: center;
	/* height: 130px; */
	height: 150px;
}


body.category p.catThumb img, body.category1 p.catThumb img{
	margin-top: 10px;
	margin-bottom: 10px;
}

body.category .catSummary h3 a, body.category1 .catSummary h3 a{
	text-decoration: none;
	color: #333;
}

body.category .catSummary h3 a:hover, body.category1 .catSummary h3 a:hover{
	color: #80C9D6;
}






/* -----   PRODUCT page specific -----------
------- */


body.product div#breadcrumbs, body.basket div#breadcrumbs{
	margin-bottom: 18px;
	padding-top: 0px;
	margin-top: -5px;
}


body.product div#mainContent{
	width: 990px;
}


body.basket div#mainContent{
	width: 895px;
	border-top: 2px solid gray;
	margin-left: 25px;
	margin-bottom: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 50px;
	margin-right: 0;
	float: left;
}


	
	

/* top curve of the panel */
body.product div#featurePanelTop{
	width: 957px;
	height: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 17px;
	background: url(../img/feature_panel_bg.png) no-repeat 0 0;
	position: relative;
}
body.product div#featurePanel{
	width: 955px;
	margin-right: auto;
	margin-left: 16px;
	position: relative;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	/* height: 100%; */
	float: left;
}
/* product info text panel */
body.product div#c1{
	width: 340px;
	float: left;
	position: relative;
	padding: 15px 10px 15px 20px;
}

body.product div#c1 h2{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 0 !important;
	line-height: 110%;
}

body.product div#c1 p{
	/* margin-bottom: 8px; */
	margin-bottom: 4px;
}

body.product div#c1 a{
	color: #007B91;
	text-decoration: none;
	font-weight: bold;
}

body.product div#c1 a:hover{
	color: #999;
	text-decoration: underline;
}


body.product div#c1IconPanel{
	width: 340px;
	text-align: center;
	padding-top: 30px;
}

/* main product image */
body.product div#c2{
	width: 570px;
	float: right;
	position: relative;
	padding: 0 0 0 15px;
}


/* bottom curve of the panel */
body.product div#featurePanelBase{
	width: 957px;
	height: 30px;
	margin-right: auto;
	margin-left: 16px;
	margin-bottom: 17px;
	background: url(../img/feature_panel_bg_base.png) no-repeat 0 0;
	float: left;
}



/* highlight for NEW LOWER PRICES */
.orangeHighlight{
	font-weight: bold;
	color: #cc0000;
	font-size: 110%;
}





/* ------ PRODUCT Order Form ---- */


div#c3{
	width: 957px;
	position: relative;
	float: left;
	margin-right: auto;
	margin-left: 16px;
	margin-bottom: 30px;
}




/* ==TABLES */
table.formPresentation{
	width:957px;
}
table.formPresentation td{
	background:#ccc;
	border:3px solid #fff;
	padding: 0 10px 0 5px;
	text-align:right;
}


table.formPresentation td.textInput{
	background:#fff;
	border-color:#fff;
	width:280px;
}


table.orderFormTable{
	width:957px;
	font-size: 100%;
}

table.orderFormTable a{
	color: #007B91;
	text-decoration: none;
	font-weight: bold;
}

table.orderFormTable a:hover{
	color: #999;
	text-decoration: underline;
}

table.orderFormTable thead{
	/* background: url(../img/cell-grad-957x45.png) no-repeat; */
	/* background: url(../img/cell-grad-blue-957x70.png) no-repeat; */
	background-color: #333;
}

table.orderFormTable thead th{
	/* color: #666; */
	color: #fff;
	font-size:13px;
	padding-bottom: 0px;
	padding-right: 5px;
	padding-left: 5px;
}


#tcTitle{
	/* background:#ccc;
	color:#fff; */
	font-size:13px;
	font-weight:bold !important;
	text-align:left;
	text-transform:capitalize;
	padding: 3px 5px;
}

.prodTitle{
	font-size:13px;
	font-weight:bold !important;
	text-align:left;
	text-transform:capitalize;
	padding: 3px 5px;
}

.centreTitle{
	text-align: center;
}


.buttonATO{
	text-align: center;
}


.textField{
	font-size: 13px;
	text-align: center;
	margin-bottom: 3px;
}




.basketTitleCenter{
	font-size:12px;
	font-weight:bold;
	text-align: center;
	padding: 3px;
}

.basketTitlePeNt{
	font-size:12px;
	font-weight:bold;
	text-align: center;
	padding: 3px;
	width: 80px;
}


.basketTitleLeft{
	font-size:12px;
	font-weight:bold;
	text-align: left;
	padding: 3px 3px 3px 10px;
}


table.orderFormTable tbody th{
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	text-transform:capitalize;
	padding: 3px 5px;
}

table.orderFormTable tbody tr{
	background:#e5e5e5;
}
table.orderFormTable tbody tr.even{
	background:#fff;
}


.sectionTitle{
	/* background: url(../img/cell-grad-957x45.png) no-repeat; */
	background-color: #333;
	/* color: #666 !important; */
	color: #fff !important;
}



/* -------  Associated Products ----------------------- */

body.product div#assocProducts, body.basket div#assocProducts{
	float: left;
	position: relative;
	width: 943px;
	/* border: 1px solid silver; */
	margin: 10px 10px 0 27px;
}
body.product table.apTable{
	width: 943px;
}

body.basket table.apTable{
	width: 850px;
}

table.apTable thead{
	/* background: url(../img/cell-grad-957x45.png) no-repeat; */
	/* background: url(../img/cell-grad-blue-957x70.png) no-repeat; */
	background-color: #333;
}
table.apTable thead th{
	/* color: #666; */
	color: #fff;
	font-size:13px;
	padding-bottom: 0px;
	padding-right: 5px;
	padding-left: 5px;
}
table.apTable #tcTitle{
	/* background:#ccc;
	color:#fff; */
	font-size:13px;
	font-weight:bold;
	text-align:left;
	text-transform:capitalize;
	padding: 3px 5px 3px 7px;
}
table.apTable tbody tr.evenAP{
	text-align: center;
}
table.apTable tbody tr.evenAP td{
	background:#fff;
	padding: 20px 10px 5px;
}
table.apTable tbody tr.evenAPinfo{
	text-align: center;
}
table.apTable tbody tr.evenAPinfo a{
	color: #007B91;
	text-decoration: none;
	font-weight: bold;
}
table.apTable tbody tr.evenAPinfo a:hover{
	color: #333;
}
table.apTable tbody tr.evenAPinfo td{
	background:#fff;
	padding: 0 10px;
	margin-top: -10px;
}






table.orderFormTable tbody tr.odd td{
	text-align: center;
}


table.orderFormTable tbody tr.evenCenter{
	background:#fff;
	text-align: center;
}

.evenCenter{
	background:#fff !important;
	text-align: center;
}

table.orderFormTable td{
	border-bottom:5px solid #fff;
	padding:3px 5px 2px 5px;
}
table.orderFormTable td.blank{
	background:#fff;
}

table.orderFormTable td.update{
	background:#fff;
	text-align: center;
	line-height: 110%;
	font-weight: bold;
	padding: 10px 5px 5px;
}


table.orderFormTable td.divider{
	background:#fff;
	height: 1px;
}

tr#selectFinish{
	background:#fff;
}

table.finishPicker{
	border-bottom:1px solid #ccc;
	margin-left:80px;
}
table.finishPicker caption{
	border-top:1px solid #ccc;
	font-size:13px;
	font-weight:bold;
	margin-left:80px;
	padding:10px 0;
}

table.orderFormTable tr td table.finishPicker td{
	background:#fff;
	border:0;
	padding:0 0 5px 0;
	vertical-align:top;
	width:40px;
}

table.orderFormTable tr td table.finishPicker td.radioButton{
	padding-right:30px;
	width:auto;
}






/* -------  BASKET ----------------------- */


body.product div#mainContent h2{
	font-size: 22px;
	margin-top: 10px;
	margin-left: 27px;
}

body.basket div#mainContent h2{
	font-size: 22px;
	margin-top: 10px;
	margin-left: 0;
	margin-bottom: 30px;
}

body.basket div#mainContent p{
	margin-left: 20px;
	margin-top: 20px;
}


body.product div#col2{
	float: left;
	margin-left: 27px;
	width: 943px;
	margin-right: 20px;
	height: auto;
}

body.basket div#col2{
	float: left;
	margin-left: 27px;
	/* width: 943px; */
	width: 800px;
	margin-right: 20px;
	height: auto;
	margin-top: 0;
}

body.basket div#col2ol{
	float: left;
	margin-left: 27px;
	width: 485px;
	margin-right: 20px;
	height: auto;
	margin-top: 0;
}



body.basket div#col2 p{
	margin-left: 27px;
}

body.product div#col2 a, body.basket div#col2 a{
	color: #007B91;
	text-decoration: none;
	font-weight: bold;
}

body.product div#col2 a, body.basket div#col2 a:hover{
	color: #333;
}




/* -------  Associated Products - Basket ----------------------- */


body.product div#apBasket{
	float: left;
	position: relative;
	width: 943px;
	/* border: 1px solid silver; */
	margin: 30px 20px 0 27px;
}

body.basket div#apBasket{
	float: left;
	position: relative;
	width: 800px;
	/* border: 1px solid silver; */
	margin: 30px 20px 0 27px;
}





body.product div#col3{
	float: left;
	position: relative;
	width: 903px;
	border: 1px solid silver;
	/* margin: 0 20px 30px 27px; */
	margin: 30px 20px 30px 27px;
	padding: 20px;
}

body.basket div#col3{
	float: left;
	position: relative;
	width: 810px;
	border: 1px solid silver;
	/* margin: 0 20px 30px 27px; */
	margin: 30px 0 30px 27px;
	padding: 20px;
	text-align: center;
}


body.basket div#paymentSelection{
	float: left;
	position: relative;
	width: 450px;
	border: 1px solid silver;
	padding: 20px 20px 30px;
	text-align: center;
	margin: 30px auto 30px 190px;
}





body.product div#col3 a, body.basket div#col3 a{
	color: #007B91;
	text-decoration: none;
	font-weight: bold;
}

body.product div#col3 a:hover, body.basket div#col3 a:hover{
	color: #333;
}

body.product div#formElement{
	text-align: center;
}

body.product div#formElement p{
	margin-bottom: 15px;
	text-align: center;
}

body.basket div#formElement{
	text-align: center;
	margin: 0;
}

body.basket div#formElement p{
	margin-bottom: 15px;
	text-align: center;
}





/* ------  BASKET Table --------------------- */

table.basketTable{
	/* width:943px; */
	width:850px;
	margin: 15px 0 0;
	/* for MSIE */
	border: 1px solid #ccc;
}

table.basketTable thead{
	/* background: url(../img/cell-grad-957x45.png) no-repeat; */
	/* background: url(../img/cell-grad-blue-957x70.png) no-repeat; */
	background-color: #333;
}

table.basketTable thead th{
	font-size:13px;
	padding-bottom: 5px;
	color: #fff;
}

table.basketTable tbody{
	border: 1px solid silver;
}

table.basketTable tr{
	border: 1px solid silver;
}

table.basketTable td.update{
	text-align: center;
	line-height: 110%;
	font-weight: bold;
	padding: 10px 5px 5px;
}

table.basketTable input.textField{
	color:#666;
	border:1px solid #666;
	text-align:center;
	width:25px;
}


table.basketTable tbody tr.evenCenter{
	text-align: center;
}


.productLink{
	padding-top: 15px;
	padding-bottom: 15px;
}






/* ------  ORDER INFO/ACCOUNT INFO/SPECIAL/PAYMENT/ORDER HISTORY/MARKETING Tables --------------------- */

table.orderInfoTable, table.accountInfoTable, table.specialTable{
	/* width:943px; */
	width:850px;
	margin: 0 0 30px;
	/* for MSIE */
	border: 1px solid #ccc;
}

table.orderInfoTable{
	margin: 10px 0 30px;
}

table.accountMini{
	width:300px;
	margin: -20px 0 30px;
	/* for MSIE */
	border: 1px solid #ccc;
}

table.accountEdit{
	/* width:275px; */
	width:375px;
	margin: 20px 0 30px 30px;
	/* for MSIE */
	border: 1px solid #ccc;
}

table.accountEdit400{
	width:375px;
	margin: 20px 0 30px 30px;
	/* for MSIE */
	border: 1px solid #ccc;
}

table.accountEdit500{
	width:375px;
	margin: 20px 0 30px 30px;
	/* for MSIE */
	border: 1px solid #ccc;
}

table.accountInfoTable{
	margin: 30px 0;
		/* for MSIE */
	border: 1px solid #ccc;
}

table.specialTable{
	margin: 0;
		/* for MSIE */
	border: 1px solid #ccc;
}

table.paymentTable{
	width:380px;
	margin: 15px 0 30px 50px;
		/* for MSIE */
	border: 1px solid #ccc;
}

table.historyTable{
	width:780px;
	margin: 10px 0 30px 20px;
		/* for MSIE */
	border: 1px solid #ccc;
}

table.marketingInfoTable{
	width:700px;
	margin: 20px 0 30px 20px;
		/* for MSIE */
	border: 1px solid #ccc;
}



table.orderInfoTable thead, table.accountInfoTable thead, table.specialTable thead, table.accountMini thead, table.accountEdit thead, table.accountEdit400 thead, table.accountEdit500 thead, table.paymentTable thead{
	/* background: url(../img/cell-grad-957x45.png) no-repeat; */
	/* background: url(../img/cell-grad-blue-957x70.png) no-repeat; */
	background-color: #333;
}

table.historyTable thead{
	/* background: url(../img/cell-grad-957x45.png) no-repeat; */
	/* background: url(../img/cell-grad-blue-957x70.png) no-repeat; */
	background-color: #333;
	text-align: center;
}

table.orderInfoTable thead th, table.accountInfoTable thead th, table.specialTable thead th, table.accountMini thead th, table.accountEdit thead th, table.accountEdit400 thead th, table.accountEdit500 thead th, table.paymentTable thead th{
	font-size: 13px;
	font-weight: bold;
	padding: 10px;
	color: #fff;
	background-color: #333;
}

table.historyTable thead th{
	font-size: 13px;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	color: #fff;
	background-color: #333;
}


table.orderInfoTable tr, table.accountInfoTable tr, table.specialTable tr, table.accountMini tr, table.accountEdit tr, table.accountEdit400 tr, table.accountEdit500 tr, table.paymentTable tr{
	border: 1px solid silver;
}


table.orderInfoTable tr.evenLeft, table.accountInfoTable tr.evenLeft, table.specialTable tr.evenLeft, table.accountMini tr.evenLeft, table.accountEdit tr.evenLeft, table.accountEdit400 tr.evenLeft{
	padding: 5px;
	text-indent: 5px;
}

table.accountEdit500 tr.evenLeft{
	padding: 5px;
	text-indent: 0;
}

table.accountEdit tr.evenRight, table.accountEdit400 tr.evenRight, table.accountEdit500 tr.evenRight{
	text-align: right;
	/* padding: 0; */
	padding-left: 10px;
}


table.accountEdit tr.evenRight td, table.accountEdit400 tr.evenRight td, table.accountEdit500 tr.evenRight td{
	padding: 10px 7px 10px 10px;
	width: 100%;
}

table.accountEdit400 tr.evenRight td, table.accountEdit500 tr.evenRight td{
	padding: 10px 7px 10px 10px;
	width: 100%;
}

table.accountEdit400 tr.evenRight td.InputNote, table.accountEdit500 tr.evenRight td.InputNote{
	width: 100%;
	padding-right: 10px;
	padding-left: 5px;
}

table.paymentTable tr.evenRight{
	text-align: right;
}

table.paymentTable tr.evenRight td{
	padding: 10px 10px 10px 5px;
}


table.marketingInfoTable tr.evenRight td{
	padding: 10px 10px 10px 5px;
	text-align: right;
}

table.marketingInfoTable tr.evenCenter td{
	padding: 20px 10px 10px;
	text-align: center;
}


table.accountEdit tr.evenCenter, table.accountEdit500 tr.evenCenter{
	text-align: center;
}

table.paymentTable tr.evenCenter{
	text-align: center;
	padding: 10px;
}

table.paymentTable tr.evenCenter td{
	padding: 10px;
}

table.paymentTable a{
	padding-left: 5px;
}

table.accountEdit tr.evenCenter td, table.accountEdit500 tr.evenCenter td{
	padding: 10px;
}


table.accountEdit500 tr.evenLeft td{
	padding: 10px;
}

table.orderInfoTable tr.evenLeft td, table.accountInfoTable tr.evenLeft td, table.specialTable tr.evenLeft td, table.accountMini tr.evenLeft td, table.accountEdit tr.evenLeft td, table.paymentTable tr.evenLeft td{
	padding: 10px;
}


table.historyTable tr.evenCenter td{
	padding: 10px;
	text-align: center;
}

table.historyTable tr.oddCenter td{
	padding: 10px;
	background-color: #e5e5e5;
	text-align: center;
}

table.orderInfoTable tr.evenLeft td.inputLabel, table.accountInfoTable tr.evenLeft td.inputLabel, table.specialTable tr.evenLeft td.inputLabel, table.accountMini tr.evenLeft td.inputLabel, table.accountEdit tr.evenLeft td.inputLabel{
	padding: 0 !important;
	padding-left: 10px !important;
}


table.orderInfoTable tr.evenLeft td.textInput, table.accountInfoTable tr.evenLeft td.textInput, table.specialTable tr.evenLeft td.textInput, table.accountMini tr.evenLeft td.textInput, table.accountEdit tr.evenLeft td.textInput{
	padding: 0 !important;
}






/* ------------   SIGNIN -----------------
--------------------- */


body.signin div#breadcrumbs{
	margin-bottom: 18px;
}


body.signin div#mainContent{
	border-top: 2px solid gray;
	width: 895px;
	margin-left: 25px;
	margin-bottom: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 50px;
}


body.signin div#mainContent h2{
	font-size: 22px;
	margin-top: 10px;
	margin-bottom: 15px;
}


body.signin div#label1 h3, body.signin div#label2 h3{
	height: 32px;
	/* background: url(../img/cell-grad-blue-957x70.png) 0 20%; */
	background-color: #333;
	color: #fff;
	margin-bottom: 10px;
	padding-top: 8px;
}

body.signin div#mainContent h3{
	font-size: 16px;
	margin-bottom: 25px;
	text-align: center;
	margin-top: 25px;
}

body.signin div#mainContent h4{
	color: #007B91;
	margin-left: 40px;
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 12px;
}


body.signin div#TwoCPanel{
	width: 700px;
	float: left;
	margin-left: 80px;
	margin-bottom: 80px;
	/* border-top: 1px solid silver; */
	margin-top: -20px;
}

body.signin div#TwoCPanel a{
	color: #007B91;
	text-decoration: none;
}

body.signin div#TwoCPanel a:hover{
	color: #333;
}


body.signin div#TwoCPc1{
	float: left;
	width: 300px;
	text-align: center;
}


body.signin div#TwoCPc2{
	width: 300px;
	float: right;
	height: 250px;
	text-align: center;
}



.signinButton{
	margin-bottom: 15px;
	margin-top: 15px;
	padding-bottom: 20px;
}


.buttonInput{
	margin-bottom: 15px;
	margin-top: 15px;
	padding-bottom: 20px;
}






/* ------------   ACCOUNT pages -----------------
--------------------- */


body.basket div#TwoCPanel,body.basket div#TwoCPanelacc{
	width: 850px;
	float: left;
	margin-bottom: 80px;
	margin-top: 20px;
}

body.basket div#TwoCPanelacc{
	margin-top: 0;
}


body.basket div#TwoCPanel a, body.basket div#TwoCPanelacc a{
	color: #007B91;
	text-decoration: none;
}

body.basket div#TwoCPanel a:hover, body.basket div#TwoCPanelacc a:hover{
	color: #333;
}

body.basket div#TwoCPc1{
	float: left;
	width: 400px;
	margin-right: 20px;
	margin-top: 20px;
	margin-left: 15px;
}

body.basket div#TwoCPc1a{
	float: left;
	position: relative;
	border-top: 2px solid #666;
	margin-top: 30px;
	padding-top: 20px;
}

body.basket div#TwoCPc1acc{
	float: left;
	width: 400px;
	margin-right: 20px;
	/* margin-top: 20px; */
	margin-left: 15px;
	padding-left: 0;
}

body.basket div#TwoCPc2, body.basket div#TwoCPc2acc{
	float: right;
	width: 350px;
	margin-top: 20px;
	padding-top: 20px;
	height: auto;
	border-style: none;
}

body.basket div#TwoCPc2acc{
	margin-left: 60px;
}


body.basket div#mainContent ul li a:hover{
	color: #007B91;
}

body.basket div#mainContent ul li a{
	font-weight: bold;
	text-decoration: none;
	color: #333;
	background: url(../img/arrow_button.png) no-repeat 0 3px;
	padding-left: 18px;
	margin-left: 18px;
}

body.basket div#mainContent ul li a:hover{
	color: #007B91;
}






/* ------------   NON E-COMMERCE pages -----------------
--------------------- */


body.static div#breadcrumbs, body.static-bg div#breadcrumbs, body.fabric div#breadcrumbs{
	margin-bottom: 18px;
}

body.static div#mainContent, body.static-bg div#mainContent, body.fabric div#mainContent{
	border-top: 2px solid gray;
	width: 895px;
	margin-left: 25px;
	margin-bottom: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 50px;
}

body.fabric div#mainContent{
	margin-bottom: 50px;
	float: left;
}

body.fabric div#mainContent img{
	padding-bottom: 10px;
}

body.fabric div#mainContent h3{
	font-size: 16px;
	margin-bottom: 10px;
}



/* ------------   FABRICS table  --------------------- */


body.fabric div#mainContent p{
	margin-top: 40px;
	margin-bottom: 20px;
	text-align: center;
}

body.fabric table.fabricsTable{
	border: 1px solid #ccc;
	margin-left: auto;
	margin-right: auto;
}

body.fabric table.fabricsTable td{
	border: 1px solid silver;
}

body.fabric table.fabricsTable p{
	text-align: center;
	padding-top: 0;
	padding-bottom: 20px;
	margin-top: 0;
	font-weight: bold;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	line-height: 60%;
}

body.fabric table.fabricsTable img{
	margin: 0;
}




body.static div#mainContent h2, body.fabric div#mainContent h2{
	font-size: 22px;
	margin-top: 10px;
	margin-bottom: 15px;
}

body.static div#mainContent h3{
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 15px;
}

body.static div#mainContent h4, body.static-bg div#mainContent h4{
	font-size: 14px;
	margin-bottom: 5px;
}

body.static div#mainContent p, body.static-bg div#mainContent p{
	margin-bottom: 10px;
	padding-right: 40px;
}

body.static div#fPassword{
	margin-bottom: 60px;
	margin-top: 50px;
	margin-left: 200px;
}

body.static div#mainContent p a, body.static-bg div#mainContent p a{
	color: #007B91;
	text-decoration: none;
}

body.static div#mainContent p a:hover, body.static-bg div#mainContent p a:hover{
	color: #333;
}

body.static div#mainContent ul{
	margin-bottom: 30px;
	/* text-indent: 10px; */
	margin-top: 20px;
	margin-left: 10px;
}

body.static div#mainContent ul li a{
	font-weight: bold;
	text-decoration: none;
	color: #333;
	background: url(../img/arrow_button.png) no-repeat 0 3px;
	padding-left: 18px;
}

body.static div#mainContent ul li a:hover{
	color: #007B91;
	text-decoration: none;
}


.backToTop{
	background: url(../img/arrow_button_up.png) no-repeat 0 1px;
	padding-left: 17px;
}

body.static div#mainContent table{
	border-color: silver;
	margin-top: 10px;
	margin-left: 15px;
}

body.static div#mainContent table td{
	padding: 5px;
}

.title{
	font-weight: bold;
	font-size: 14px;
}


/* ---------  Site Map page --------- */

.sitemap{
	padding: 10px 10px 10px 30px;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
	background: url(../img/copy.gif) no-repeat 0 50%;
}
a.sitemap{
	color: #007B91;
}
a:hover.sitemap {
	color: #999;
 }
 


/* ---------  Contact Us page --------- */


div#TwoCPanel{
	width: 840px;
	float: left;
	margin-left: 20px;
	margin-bottom: 40px;
}
div#TwoCPc1{
	float: left;
	width: 230px;
	margin-right: 20px;
	margin-top: 20px;
}
div#TwoCPc2{
	float: right;
	width: 541px;
	/* border-left: 1px solid silver; */
	padding-left: 40px;
	height: 570px;
	padding-top: 20px;
}

.note{
	font-size: 10px;
	line-height: 70%;
}


/*
PDF downloads
-------------------------------------------------*/

.pdf-download{
	margin-left: 10px;
	text-align: left;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 20px;
	background: url(../img/pdf.jpg) no-repeat 0 50%;
	padding-left: 42px;
}

.pdf-download a{
	display: block;
}

.pdf-download a:hover{
	color: #666;
}


/*
Google Maps link
-------------------------------------------------*/

.googleMap {
	background-image: url(../img/blue-dot.white.png);
	background-repeat: no-repeat;
	background-position: 5px 50%;
	padding: 10px 10px 10px 42px;
	margin-left: 8px;
	text-align: left;
}

.googleMap a{
	color: #537cb6;
	text-decoration: none;
	display: block;
}

.googleMap a:hover{
	color: #666;
}


/* ---------  About Us page --------- */


div#TwoCPc1AU{
	float: left;
	width: 460px;
	margin-right: 20px;
	margin-top: 20px;
}
div#TwoCPc2AU{
	float: right;
	width: 350px;
	height: 300px;
}




/*
--------- Catalogue Request page  ---------------------------------------*/

div#catalogueForm{
	float: left;
	width: 500px;
	margin-top: 10px;
	margin-bottom: 40px;
	border-right: 1px solid silver;
	padding-right: 20px;
}

div#cataloguePic{
	float: right;
	width: 300px;
	/* border: 1px solid maroon; */
	margin-right: 20px;
	margin-top: 40px;
}


.fLabel{
	text-align: right;
	vertical-align: top;
	width: 300px;
}

.required{
	text-align: right;
	vertical-align: middle;
	background: url(../img/req-icon.png) no-repeat 101% 50%;
	padding-right: 50px;
}

.requiredNote{
	text-align: left;
	background: url(../img/req-icon.png) no-repeat 0 50%;
	padding-left: 8px;
}



/* 
-----------------   BUYING GUIDE (SEO) pages ----------------- */



body.static-bg div#mainContent h2{
	font-size: 22px;
	margin-top: 10px;
}

body.static-bg div#mainContent h3{
	color: #007B91;
	font-size: 16px;
	margin-bottom: 0px;
}


body.static-bg div#TwoCPanel{
	width: 850px;
	float: left;
	margin-left: 10px;
	margin-top: 30px;
}

body.static-bg div#TwoCPanel ul{
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 20px;
}

div#p1,div#p1a,div#p2,div#p3,div#p3a,div#p4,div#p5,div#p6,div#p7,div#p8,div#p9,div#p10,div#p11{
	width: 850px;
	height: 250px;
	float: left;
	margin-bottom: 20px;
	border: 1px solid silver;
	padding: 15px;
}

div#p1a{
	height: 300px;
}

div#p3a{
	height: 300px;
}


body.static-bg div#TwoCPc1{
	margin-top: 0px;
}

body.static-bg div#TwoCPc1, div#TwoCPc1a, div#TwoCPc1b, div#TwoCPc1c, div#TwoCPc1d, div#TwoCPc1e, div#TwoCPc1f, div#TwoCPc1g, div#TwoCPc1h, div#TwoCPc1i, div#TwoCPc1j{
	float: left;
	width: 420px;
	height: auto;
}

body.static-bg div#TwoCPc2, div#TwoCPc2a, div#TwoCPc2b, div#TwoCPc2c, div#TwoCPc2d, div#TwoCPc2e, div#TwoCPc2f, div#TwoCPc2g, div#TwoCPc2h, div#TwoCPc2i, div#TwoCPc2j{
	width: 345px;
	height: 194px;
	float: right;
	border-style: none;
}

body.static-bg div#TwoCPanel a{
	color: #007B91;
	text-decoration: none;
}

body.static-bg div#TwoCPanel a:hover{
	color: #333;
}






/* 
-----------------   POP-UP pages -----------------
--------------------- */

body.popup div#wrapper{
	width:450px;
	margin-right: auto;
	margin-top: 10px;
	margin-left: auto;
}

body.popup div#wrapper2{
    background:#fff;
	float:left;
}

body.popup div#mainContent{
	padding: 20px;
	margin-top: 20px;
}

body.popup div#mainContent a{
	color: #007B91;
	text-decoration: none;
	font-weight: bold;
}

body.popup div#mainContent a:hover{
	color: #333;
}

body.popup div#mainContent h2{
	font-size: 20px;
	font-weight: bold;
}

body.popup div#mainContent p{
	margin-top: 10px;
	margin-right: 10px;
}

body.popup div#imageLabel{
	text-align: center;
}

body.popup div#imageLabel h4{
	font-weight: bold;
	padding-top: 10px;
}

body.popup div#close{
	text-align: center;
	border-top: 2px solid silver;
	margin-top: 30px;
	padding-top: 20px;
	padding-bottom: 10px;
}

table.popdata{
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px;
	width: 410px;
		/* for MSIE */
	border: 1px solid #ccc;
}

table.popdata td{
	padding: 8px;
}

table.popdata td.title{
	font-weight: bold;
}









/* 
-----------------   FOOTER -----------------
--------------------- */


div#footerOne{
	width: 990px;
	border-top: 1px solid #ccc;
	position: relative;
	float: left;
	/*clear: both;*/
	color: #666;
	height: 50px;
}


div#footerOneMenu{
	width: 500px;
	position: relative;
	float: left;
	padding-top: 20px;
	font-size: 10px;
	color: #ccc;
	line-height: 140%;
	margin-left: 20px;
}



/* display block - for both ul li & ul li a - to run horizontally */
div#footerOneMenu ul li{
	display: block;
	float: left;
	position: relative;
	padding-right: 8px;
}

div#footerOneMenu ul li a{
	text-decoration: none;
	position: relative;
	/* spacing between each menu item */
	margin-right: 6px;
	color: #ccc;
}

div#footerOneMenu ul li a:hover{
	text-decoration: none;
	color: #93D1DD;
}




/* -----   THAWTE/CC panels ------- */

div#thawtePanel{
	width: 211px;
	height: 45px;
	float: right;
	margin-right: 18px;
	position: relative;
	margin-top: 20px;
}


div#ccCards{
	width: 165px;
	height: 30px;
	float: right;
	margin-right: 20px;
	position: relative;
	margin-top: 27px;
}





/* -----   Footer TWO - below the page ------- */

div#footerTwo{
	width: 990px;
	font-size: 10px;
	position: relative;
	top: 50px;
	height: 40px;
	float: left;
	color: #fff;
}

div#footerTwoMenu{
	width: 600px;
	position: relative;
	float: left;
	margin-left: 20px;
}

/* display block - for both ul li & ul li a - to run horizontally */
div#footerTwoMenu ul li{
	display: block;
	float: left;
	position: relative;
	padding-right: 8px;
}

div#footerTwoMenu ul li a{
	text-decoration: none;
	position: relative;
	/* spacing between each menu item */
	margin-right: 6px;
	color: #fff;
}

div#footerTwoMenu ul li a:hover{
	text-decoration: none;
	color: #999;
}


/* ---  MGX site link ---- */
div#credits{
	float: right;
	position: relative;
	right: 15px;
}
div#credits a{
	color: #fff;
	text-decoration: none;
}
div#credits a:hover{
	color: #999;
}


div#printInfo{
	display: none;
}





/* -----   FORM styling ------- */


input {
	/* height:20px; */
}

input:hover, input:focus, textarea:hover, textarea:focus {
}

textarea {
	/* overflow:visible; */
}

input, textarea {
    /* border: none; */
  /*  line-height:15px;
	padding-top: 2px; */
}

/* input{
	background-color: #fff;
}
 */