/********************************************/
/* start styles to centre content (remove   */
/* import for these styles and delete this  */
/* document if the site should be           */
/* left-aligned)                            */
/********************************************/
	
body {text-align: center; /* centres content in ie4/5 */}
#wrapper {margin:0 auto; padding-top:0; text-align: left; font-size:12px !important}
#col-two-three {text-align: left; /* ie4 fix needed due to float:right; */}
#storelocatorresults h1 {margin:0 0 6px 0;}

/***************************************/
/*         STRUCTURAL ELEMENTS         */
/***************************************/

/***************************************/
/* if no right column required, remove */
/* #col-three and #col-two then put    */
/* content in #col-two-three           */
/***************************************/


/***********************************************/
/* #wrapper = #col-one + 10px + #col-two-three */
/***********************************************/
#wrapper {width: 956px; margin:0; padding:0;}

#col-one,
#myacc-col-one {width: 180px; float: left; margin: 0; padding: 0;}

/*************************************************/
/* #col-two-three = #col-two + 10px + #col-three */
/*************************************************/
#col-two-three {width: 765px; float: right; }

#col-two {width: 570px; padding-left: 5px; float: left;}

#col-three {width: 178px; float: right;}

/*#col-two-no-three {width: 734px; float: right; margin-right:3px;}*/

#col-two-no-three {width: 734px; float: right;}
html > body #col-two-no-three { /* IE7 - Moz */
	margin: 0 5px 0 0; /*End box model hack*/}

#footer {width: 100%; clear: both; margin: 0; padding: 0;}

/* previous/continue buttons floated left/right within #buttons div */
#buttons {padding: 5px;}

/**********/
/* HEADER */
/**********/
#header {height:108px;}

#content-nocolone #col-two-three{width: 100%; float: right; }
#content-nocolone #col-two{width: 765px; float: left; padding:0; margin:0;}

/****************/
/* GLOBAL FONTS */
/****************/
#mbs-portal-page-container,#popups {font-size:76%;font-family: Arial, Helvetica, Verdana, sans-serif; font-style: normal; font-weight: normal;}

/*************/
/* FONT SIZE */
/*************/
h1 {font-size: 1.5em;}
h2 {font-size: 1.3em;}
h3, h4, #home p.intro2 {font-size: 1.1em;}
#home p.intro,
#productdetail .price,
#package .price {font-size: 1.2em;}
p,
#categorylist .featprods .moreinfo,
#categorylist ul.categories h2,
#collate h3 {font-size: 1em;}

/* IE IE 5 - 6 - see "html > body table.wizrtable th" below */
table.wizrtable th {font-size: 90%;}
table.wizrtable td {font-size: 80%;}
/* END IE 5 - 6 */

.featcats ul p, 
.featprods ul h2, 
.featprods ul h3, 
.featprods ul p.invtdesc2, 
.featprods ul p.was, 
.featprods ul p.moreinfo,
.prods ul p.invtdesc2,
#categorylist ul.categories .moreinfo,
#productlist .nostock, 
#productlist .release, 
#productdetail ol,
#package ol,
#collate,
#term  {font-size: 0.9em;}

input,
select,
textarea {font-size: 1em;}
 /* IE7 - Moz */
html > body table.wizrtable th,
html > body table.wizrtable td {font-size: 1.1em;}

/***************/
/* FONT WEIGHT */
/***************/
.bold,
#home p.intro2,
.featcats ul p,
.featprods ul p.price,
#categorylist .price,
#productlist .price,
#productlist .moreinfo,
#productdetail .price,
#productdetail ol .em,
#package .price,
#package ol .em,
#collate .viewall,
table.wizrtable th,
#searchresults h4 span.primarysearchtext,
#searchresults h4 span.totalresults,
#searchresults h4 span.correctedquery {font-weight: bold;}

label,
table.wizrtable td,
.deliveryrate h3, 
#searchresults h4 {font-weight: normal;}

/**************/
/* FONT STYLE */
/**************/
#collate .viewall {font-style: italic;}

/*******************/
/* TEXT DECORATION */
/*******************/
a, 
.featcats ul h2 a,
.featcats ul h2 a:hover,
.featcats ul p a, 
.featcats ul p a:hover,  
.featprods ul h2 a,
#categorylist ul.categories h2 a, 
#categorylist ul h2 a:hover,
.prods ul h2 a {text-decoration: none;}
a:hover, 
.featprods ul h2 a:hover,
.prods ul h2 a:hover {text-decoration: underline;}
.was, .attr_was {text-decoration:line-through;}

/**************/
/* TEXT ALIGN */
/**************/
.psel {text-align: left;}
#checkoutwrapper,
table.wizrtable th {text-align: left; font-size:12px !important}

/********/
/* TEXT */
/********/
body,
a:hover {color:#363636;}
#wrapper {color:#363636;}
h1{color:#000;}
#admin,
#admin a {color:#fff;}
a, #wrapper a {color:#363636;}
.error, #atbmsg, .required, .itemsLoaded, .totalLoaded {color: #f00;}

/***************/
/* BACKGROUNDS */
/***************/
body,
.error,
#atbmsg,
#footer,
#checkout,
.featprods ul li,
#categorylist .icatldesc,
#categorylist ul.categories,
#categorylist ul.categories .image,
#iacc ul.featprods li,
.prods ul li {background-color:#fff;}
#admin, #admin a {background-color:#f00;}

body {margin:0; padding:0;}
h1 {margin:0; padding:5px 0 5px 4px;}
h2, h3 {margin:0; padding:5px 0 5px 5px;}
p {margin:0; padding:0;}
img {border:none;}

/***********/
/*  LISTS  */
/***********/
ul {margin: 0; padding: 0; list-style: none;}

/***********/
/*  FORMS  */
/***********/
form {display: inline; margin: 0;}
input, select {vertical-align: middle;}
radio, checkbox {vertical-align: middle; float: left; width: 10%;}
legend {display: none;}
fieldset {margin: 0; border:none; margin-bottom: 1em; clear: both; padding: 6px 6px 6px 10px;}
fieldset label {float: left; width: 33%;}
fieldset div div {clear: none; float: left; width: 33%;}
fieldset div {clear: both;}

/********************/
/*  COMMON CLASSES  */
/********************/
.first {border-left: 0;}
.hide {display: none;}
.left {float: left;}
.right {float: right;}
.clear-all {clear: both; height: 0; line-height: 0; font-size: 0;}
.re-waiHide {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}

/*****************************************************/
/* The styles below deal with the DHTML popup window */
/* ***************************************************/

iframe#contentframe {margin:0; padding:0; width:100%; height: 100%}
.dhtmlwindow{position: absolute;visibility: hidden;background-color: #fff;}

/*CSS for Drag Handle*/
.drag-handle{border: 1px solid #666;padding: 1px;text-indent: 3px;font-weight: bold;font-size: 1.2em;background-color: #ccc;color: #fff;cursor: move;overflow: hidden;width: auto;position: relative;z-index:2;}

* html .drag-handle { /* for IE/Win - lines up divs, only IE because seeing this causes overlaps when fonts scaled in non IE */
/*width:442px;*/
}

/* needed to sit in between header of dhtmlwindow and background - because IE shows select fields always on top */
/* you may want to increase the height value if the drag-handle height increases */
iframe#headerframe{z-index:1;width:100%;height:30px;position:absolute;top:0px;left:0px;}

/*CSS for controls (min, close etc) within Drag Handle*/
.drag-handle .drag-controls{position: absolute;right: 1px;top: 2px;cursor: hand;cursor: pointer;z-index:2;}

/*CSS for Content Display Area div*/
.drag-contentarea{border-left: 1px solid #666;border-right: 1px solid #666;border-bottom: 1px solid #666;color: black;height: 150px;padding: 0;overflow: auto;position: relative;z-index:2;background: #fff url(../images/dataloading.gif) no-repeat center center;}
.drag-statusarea, .drag-resizearea{display:none;}

/****************************************/
/* ADDED TO BASKET PARENT POPUP MESSAGE */
/* **************************************/

#tabaddedmsg {display:none; position:absolute; top:126px; left:543px; border:1px solid #999; background-color:#ccc; color:black; width:200px; padding:0 5px; z-index:1;}
#tabaddedmsg .text {float:left;width:175px;}
#tabaddedmsg img {padding-top:5px;}