h1 { font-size:16px; line-height:26px; }
h2 { font-size:14px; font-weight:bold; line-height:22px; }
h3 { font-size:12px; line-height:22px; }
h4 { font-size:10px; line-height:15px; margin:0; }

fieldset { margin:0; padding:0; border:none; }
input[type="radio"], input[type="checkbox"] { border:none!important; }

.submitCursor { cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */}
.validationBorder { border:1px solid red;}
.validationError { float:left; background:transparent url(../Images/validationError.gif) no-repeat left; min-height:20px; min-width:20px; margin: 0.5em 0; text-indent:30px; position:relative; color:Red; line-height:20px; }
.normalBorder { border:1px solid #7f9db9;}
.relative { position:relative; }
.minus { display:none; }
.plus { display:none; }
.noItems { text-align:center; }
.centerButton { display:inline-block; margin:0 auto; }
.magnify { background: transparent url(../images/magnify.png) no-repeat 0 0; display:block; width:32px; height:32px; position:absolute; bottom: 10px; right:10px; z-index:2001;}

/* Header Section*/

.bannerAdvert  {float:none;left:50%;margin: 0 auto 0 -364px;position:absolute;top:0;width:745px;}
.bannerAdvertText { background-image:url(../images/advertText.jpg); float:left; margin: 0 5px 0 0; width:12px; height:75px; }
.bannerAdvertImage { background-color:Gray; float:left; height:90px; width:728px; }
.headerLogoStrap { position:relative; width:818px; float:left; margin:80px 0 0 0; }
.headerLogo { float:left; width:320px; height:100px; margin: 20px 0 0 10px; }
.headerLogoSmall { height:62px; width:180px; }
.headerLogoStrapOptions { color:#818287; height:59px; margin: 32px 0 0 0; padding: 0 20px 0 0; }
.headerLogoStrapOptions a { color:#818287; }
.headerLogoStrapOptions a:hover { color:#999; }

.headerLogoStrapText { font-size:9px; float:right; height:20px; line-height:20px; overflow:hidden; }
.headerLogoStrapText ul { padding:0; margin:0 4px 0 0; width:100%; display:inline-block; list-style-type:none;}
.headerLogoStrapText ul li { display:inline-block; float:left; padding-left:10px; }
.headerLogoStrapText ul li .headerHelpIcon { margin-left:4px; } /* Aligns the help icon away from the text */
.headerHelpIcon { background: transparent url(Images/helpIcon.jpg) no-repeat 0 0; padding:0; margin:0; display:block; float:right; height:18px; width:18px; }
.headerLogoStrapSearch { width:410px; float:right; clear:right; height:32px; margin:0 0 0 0; }
.headerLogoStrapSearch input, .headerLogoStrapSearch select { margin: 6px 5px 0 0; }

.headerLogoStrapUser { position:absolute; bottom:0; right:20px; height:29px; line-height:29px; font-size:14px; font-weight:bold; float:right; }
.headerBreadcrumbStrap { background: transparent url(../images/HeaderBreadCrumbBG.jpg) repeat-x 0 0; color:#818287; height:33px; line-height:33px; padding: 0 10px 0 10px; }
.headerBreadcrumbStrap a { color:#818287; }
.headerBreadcrumbStrap img { vertical-align:middle; margin: 0 10px 0 0; }

#BreadCrumbs { margin:0; padding:0; float:left; list-style:none; }
#BreadCrumbs li { float:left; margin: 0 10px 0 0; padding: 0 17px 0 0; background: transparent url(../images/crumbSep.gif) no-repeat right 13px; }
#BreadCrumbs li.last { background:none; }

/* Footer Section */
#footerMenuBG { height:42px; line-height:42px; text-align:center; }
#footerMenuBG a { margin: 0 4px 0 2px; }
#footerSearchStrap { background:transparent url(../images/footerSearchBG.jpg) repeat-x scroll 0 0; text-align:right; height:42px; margin: 0; padding:0 5px 0 5px; }
#footerSearchStrap input, #footerSearchStrap select { margin: 6px 5px 0 0; }

/* Homepage Specific */
.button.join { margin: 10px 20px 0 10px; }

/* The following styles are all applicable to the advert that will appear on the right */
.advert300 { margin:10px 0 0 6px; }
.advert300Text { background: transparent url(../images/advertTextH.jpg) no-repeat center center; height:12px; width:306px; }
.advert300Box { background-color:Gray; height:250px; width:300px; margin: 0 0 10px 0; }

/* The following styles are applicable to the displayRatingControl */
.ratingPanel { height:14px; }
.moderatorCommentBody { margin:0 14px; }

/*The below is css for the idisplay templates*/
/*IDisplayRated*/
.idisplayRatedTemplate { display:block; padding-left:10px; min-height:85px; }
.IDisplayRatedTemplate img { padding-top:5px; }


/*Helpers*/
.noflash300 { height:300px; width:300px; background-image:url(Images/noflash.jpg); }


/*Title on idetail control*/
.detailControlHeader H1 { padding:0; margin:0; padding-left:10px;}
.detailControlMiddleBody { margin:0px 0 5px 0 }
.detailControlMiddleBody h4 { margin-left:10px; }
.detailControlMiddleBody p { margin-left:10px; }

/* wideBackground rounded*/
#backgroundWide { position:relative; background:transparent url(../images/xlargeBoxBg.jpg) repeat-y top left; width:808px; margin: 5px 5px 5px 5px; padding:0 0px 0 0px; } 
#backgroundWide #backgroundWideHeader{ background: transparent url(../images/xlargeBoxHeader.jpg) no-repeat top left; height:15px ; width:818px; }
#backgroundWide #backgroundWideFooter{ background: transparent url(../images/xlargeBoxFooter.jpg) no-repeat top left; height:20px ; width:818px; }
#backgroundWide h1 { margin: 0 14px 5px 14px; }
#innerBlueBoxContent { padding:10px;}
#backgroundWide .padContents { padding: 0 14px 0 14px;}

/* Small Box */
.controlWrapper { background: transparent url(../images/smallBoxHeaderBg.jpg) repeat-y 0 0; width:247px; float:left; margin: 5px 0 0 5px; }
.controlHeader { background: transparent url(../images/smallBoxHeader.jpg) no-repeat 0 0; }
.controlFooter { background: transparent url(../images/smallBoxFooter.jpg) no-repeat 0 0; height:20px; }

/* Medium Box */
.control300Wrapper { background: transparent url(../images/mediumBoxBg.jpg) repeat-y 0 0; width:304px; margin: 5px 5px 0 5px; }
.control300Header { background: transparent url(../images/mediumBoxHeader.jpg) no-repeat 0 0; }
.control300Footer { background: transparent url(../images/mediumBoxFooter.jpg) no-repeat 0 0; height:20px; }
.control300Content { width:304px; }
.control300ContentFixedHeight { width:304px; height:180px; }

/* Medium Box Grey */
.control300ContentGrey { background: transparent url(../images/mediumBoxBg-Grey.jpg) repeat-y 0 0; color:#6d6e72; padding: 10px 10px 0 10px; width:284px; }
.control300FooterGrey { background: transparent url(../images/mediumBoxFooter-Grey.jpg) no-repeat; height:20px; width:306px; }

.idisplay, .controlContent { margin: 0 4px 0 4px;}
.idisplay h3 { padding:0 0 0 10px; background-color:#DCDDDF; }
.controlWrapper h2, .control300Wrapper h2 { padding:5px 0 5px 0; margin: 0 0 0 35px; text-transform:capitalize; }
.controlHeading { font-size:14px; font-weight:bold; padding:5px 0 5px 0; margin: 0 0 0 35px; text-transform:capitalize; }
#login300 h3, #login300 h4 { font-size:12px; line-height:22px; margin: 0px 4px 0px 4px; padding: 2px 10px 2px 10px; }

/* New Base Box Styles */
.largeBoxBody { width:499px; margin:5px 0 0 5px; padding:0 0 19px 0; background:transparent url(../images/largeBoxBody.png) no-repeat left bottom; }
.largeBoxBody .largeBoxTop { background:transparent url(../images/largeBoxHeader.jpg) no-repeat left bottom; height:15px; }

.backgroundLarge { position:relative; background:transparent url(../images/largeBoxBg.jpg) repeat-y top left; width:499px; margin: 5px 0 0 5px; padding:0 0 0 0; } 
.backgroundLarge .backgroundLargeHeader{ background: transparent url(../images/largeBoxHeader.jpg) no-repeat top left; min-height:15px ; width:499px; }
.backgroundLarge .backgroundLargeFooter{ background: transparent url(../images/largeBoxFooter.jpg) no-repeat top left; height:20px ; width:499px; }
.backgroundLarge .backgroundLargeHeader h2 { margin:0; line-height:34px; padding: 0 14px 0 35px; min-height:34px; }
.backgroundLarge h1 { margin: 0 14px 5px 14px; }
.backgroundLargeHeader .controlRight { float:right; margin: 8px 14px 0 0; }

/*Login page*/
.validationError {display:block; width:100%; }/* invades the space of the privacy statement*/

/*Migration page*/
#screenName .validationError { float:right!important; }/*override the floating so its going to the right rather than left*/
/* Customise */
.btnCustomise { outline: 0; background: transparent url(../images/btnBannerCap-Up.jpg) no-repeat left top; color:#666 !important; display: block; float:right; height:24px; line-height:24px; margin: 4px 0 0 0; padding: 0 0 0 24px; }
.btnCustomise span { background: transparent url(../images/btnBannerBg.jpg) no-repeat right top; display:block; height:24px; padding: 0px 6px 0px 6px; }
.btnCustomise.selected { background: transparent url(../images/btnBannerCap.jpg) no-repeat left top; }
#customisePanel { display:none; background-color:#57585A; color:#FFF; padding:20px; }
#customisePanel p span.intro { font-weight:bold; font-size:1.8em; padding:0 5px 0 0; }
#customisePanel a { color:#FFF; text-decoration:underline }
#customisePanel .badgeRow { min-height:32px; background: transparent url(../images/greyBadge.png) no-repeat left top; padding: 8px 0 0 42px;}
#customisePanel .badgeRow .number { float:left; display:block; width:32px; height:32px; line-height:32px; margin: -8px 0 0 -42px; text-align:center; color:#333; font-weight:bold; font-size:1.4em; text-indent:-1px; }
#customisePanel ul.swatches { margin: 1em 0 0 0; padding:0;}
#customisePanel ul.swatches li { cursor:pointer; float:left; margin: 0 10px 0 0; height: 34px; }
#customisePanel ul.swatches li.selected { background: transparent url(../images/selectedSwatch.jpg) no-repeat center bottom; }
#customisePanel h2 { margin:0 0 1em 0;}
#changeColour { float:left; width:359px; }
#changeBoxOrder { float:right; width:359px; }
#changeColour ul, #changeBoxOrder ul { height:100px; }

div.solidhr { height: 3px; background: #fff url(../images/solidGreyLine.jpg) repeat-x scroll center; margin: 1em 0; }
/* Craftbox Summary */
#craftboxSummary .header { height:70px; padding: 0 0 0 8px; width:79px;  }
#craftboxSummary .header h2 { color:White; line-height: 20px; padding:3px 0 0 0 }
#craftboxSummary .header a { display:block; float:right; height:14px; width:14px; position:relative; right:15px; top:46px; }
#craftboxSummary .body { height:50px; padding: 4px 8px 8px 4px; width:79px; }
#craftboxSummary .footer { height:14px; width:79px; }
#craftboxSummary .footerAdded { color:White; font-style:italic; height:32px; padding:7px 0 0 10px; width:69px; }

/* Profile */
#memberIntro .photo { margin: 0 14px 0 14px; float:left; }
#memberIntro p#memberinfo { margin: 0 14px 0 14px;}

/* Product Page */
/* Product Pages
----------------*/
.ProductLeft { width:300px; float:left; }
.ProductRight { width:189px; float:right; clear:right; position:relative; }

.basketAddWrapper { min-height:32px; padding: 20px 10px 20px 0; }
.basketAddWrapper  input { margin: 6px 0 0 5px; width:30px; }

.CreativityClubAttract { margin: 0 5px 0 0; }
.CreativityClubEnforce { margin: 0 5px 0 0; }
.detailControlImagePanelTextBoxesLight { margin: 5px 0 0 0; padding:10px; text-decoration:underline; }
.detailControlImagePanelTextBoxesDark { background-color:#D1D2D4; margin: 5px 0 8px 0; padding:10px; }
.ProductLeft .infoIconWhiteBG { margin: 0 5px 0 5px;}
.ProductDetailsView { padding: 10px 10px 0 10px;}

.productBrandLink { position:absolute; top:10px; left:9px; max-width:90px; }

/* Projects */
#projectItems { width:100%; border-collapse:collapse; margin: 0 0 1em 0; }
#projectItems .date { width:80px; }
#projectItems .live { width:14px; }
#projectItems th { padding:6px; border-bottom:solid 1px #CCC; }
#projectItems td { padding:6px; border-bottom:solid 1px #EEE; }
#projectItems .title { overflow:hidden; max-width:200px;}
#projectItems .actions { width:205px; }
#projectItems .actions .button { margin: 0 0 0 10px;}

/*Inner Blue boxes*/
.InnerBackground { margin:0 auto; width:780px; background:transparent url(../images/innerBoxBg.jpg) repeat-y top left; }
.InnerBackgroundTop { position:relative; top:0; left:0; padding: 0 20px 0 20px; height:32px; background:transparent url(../images/innerBoxHeader.jpg) no-repeat top left;}
.InnerBackgroundBottom { position:relative; bottom:0; left:0; width:780px; height:32px; background:transparent url(../images/innerBoxFooter.jpg) no-repeat top left;}
.InnerBackgroundBottomPanel { position:relative; width:780px; height:80px; background:transparent url(../images/innerBoxFooterPanel.jpg) no-repeat top left; }
.InnerBackgroundBottomPanel .buttons { position:absolute; bottom:10px; right:30px; }
.InnerBackgroundTop h2 { float:left; color:#FFF; line-height:30px; margin:0; }
.InnerBackgroundTop a { margin: 5px 0 0 0; }

.InnerBackgroundMedium { margin:0 auto; width:471px; background:transparent url(../images/innerBoxBgMedium.jpg) repeat-y top left; }
.InnerBackgroundMediumTop { position:relative; top:0; left:0; padding: 0 20px 0 20px; height:32px; background:transparent url(../images/innerBoxHeaderMedium.jpg) no-repeat top left;}
.InnerBackgroundMediumBottom { position:relative; bottom:0; left:0; width:471px; height:32px; background:transparent url(../images/innerBoxFooterMedium.jpg) no-repeat top left;}
.InnerBackgroundMediumTop h2 { float:left; color:#FFF; line-height:30px; margin:0; }
.InnerBackgroundMediumTop a { margin: 5px 0 0 0; }
.InnerBackground-Content { margin:0 14px;}

/* Registration Complete */
.storeLeft { float:left; width:200px; }
.storeRight { float:right; width:241px; }
#registrationComplete a { text-decoration:underline; }

/* Password Recover */
.password-Recover fieldset { margin: 30px 0 0 0; }
.password-Recover fieldset label { float:left; width:120px; text-align:right; margin-right: 5px; }
.password-Recover fieldset input { float:left; margin-right: 5px; }
.password-Recover fieldset .validationError { margin-left: 125px; }
.password-Recover .InnerBackground p { margin: 1em 14px 0 14px; text-align:center; }

/* Article */
#articleContainer #prizeDraw p { margin: 0 0 10px 0; }
#Article { margin:0 auto;}
.prizeDrawInfo { background-color:#eee; text-align:center; padding:10px; }

/* 300 Search Box */
#searchElements p { margin:0; }
#searchElements input, #searchElements select { margin: 6px 0 0 0; float:left; }

/*Email confirmation page*/

.welcomeNewSiteHeader{ background: transparent url(../Images/welcomeNewSiteHeader.jpg) no-repeat 0 0; min-height:194px; width:780px; margin:0 0 0 15px;}
.welcomeNewSiteHeader h1 { margin: 0 0 0 14px!important; padding: 70px 0 0 0; }
.welcomeNewSiteHeader h3 { margin: 0 0 0 14px!important; }
.welcomeNewSiteHeader ol { margin: 1em 0 0 0; }
.welcomeNewSiteHeader ol li { margin: 0.5em 0 0.5em 0; }
.welcomeNewSiteHeader a { text-decoration:underline; }


/* Event Search */
#eventSearch.lightSearchContainer { min-height:146px; }

/* yafContainer */
#yafContainer { margin: 0 14px; }

.validationError { width:auto; float:left; margin:0 0 0 10px; }

/* Prize Draw */
#prizeDraw { margin: 0 14px; padding: 0 0 0 195px; min-height:145px; background: transparent url(../images/youcouldwin.jpg) no-repeat 20px 0; }
#prizeDraw #address .AddressFinder { margin: 0 0 10px 0;}

/* yaf */
.yafnet * { font-size:11px; }
.yafnet .forumheading a { font-size:13px!important; }
.yafnet div.postdiv * { font-size:12px; }
.yafnet div.postdiv img { position:relative!important; left:inherit!important; top:inherit!important; right:inherit!important; bottom:inherit!important; }