body 
{
text-align:center;
background-color:#fff;
background-image:url('images/bg.jpg');
background-repeat:repeat-x;
background-position:bottom;
background-attachment: fixed;
}

#wrap
{
width:952px;
margin: 15px auto 0px auto;
border: 1px solid #000;
overflow:hidden;
text-align:left;
background-color:#fff;
}

h1
{
font-weight:100;
font-family:Century Gothic, Verdana;
font-size:38px;
color:#f00;
margin:0;
}

h2
{
font-weight:100;
font-family:Century Gothic, Verdana;
font-size:26px;
color:#f00;
margin:0 0 15px 0;
position:relative;
left:-1px;
}

.blackText
{
color:#000;
}

h3
{
font-weight:100;
font-family:Century Gothic, Verdana;
font-size:22px;
color:#f00;
margin:0;
}

h4
{
font-weight:900;
font-family:Verdana;
font-size:17px;
color:#f00;
margin:10px 0 0 0;
padding:0;
text-decoration:none;
}

h5
{
font-weight:100;
color:#f00;
margin:0;
font-size:11px;
font-family:Century Gothic, Verdana;
position:relative;
top:4px;
}

table
{
font-family:"Arial";
font-size:11px;
}

a.noUnderline
{
text-decoration:none;
}

img
{
border:0;
}

/*welcome page header stuff*/

#welcomeHeader
{
width:932px;
margin:8px 8px 8px 8px;
border: 1px solid #777;
}

#welcomeHeaderNav
{
width:932px;
height:105px;
background-image: url("images/welcomeNavBG.jpg");
background-repeat:no-repeat;
font-family:"Arial", "helvetica", "sans-serif";
font-size:12px;
}

#welcomeHeaderNavLinks
{
float:left;
padding: 20px 0 0 29px;
}

#welcomeHeaderSearchBox
{
float:right;
padding: 18px 29px 0 0;
margin:0;
text-align:right; 
}

/*html version of search requires different version*/
#welcomeHeaderSearchBox2
{
float:right;
padding: 9px 29px 0 0;
margin:0;
text-align:right; 
}

#welcomeHeaderNav a
{
color:#111;
text-decoration:none;
}

#welcomeHeaderNav a:hover
{
text-decoration:underline;
}

#welcomeHeader img
{
display:block;
}

#welcomeArea
{
max-width:934px;
font-family:"Arial", "helvetica", "sans-serif";
background-image: url("images/welcomePageWelcomeBG.jpg");
background-repeat: no-repeat;
background-position: top right;
margin: 0 8px 8px 8px;
padding: 20px 350px 0 28px;
height:155px;
background-color:#000;
}

#welcomeArea p
{
font-size:11px;
font-weight:900;
color: #fff;
margin:0;
padding:0;
}



/*header stuff*/

#header
{
width:932px;
margin:8px;
border: 1px solid #777;
}

#headernav
{
width:932px;
height:53px;
background-image: url("images/navBG.jpg");
background-repeat:no-repeat;
font-family:"Arial", "helvetica", "sans-serif";
font-size:12px;
}

#headernav a
{
color:#111;
text-decoration:none;
}

#headernav a:hover
{
text-decoration:underline;
}

#header img
{
display:block;
}



/*photostrip stuff*/
#photostrip
{
height:87px;
margin: 0;
padding:0;
overflow:hidden;
}

#photoStripFrame
{
float:left;
width:149px;
height:79px;
margin-right:8px;
position:relative;
left: 8px;
background-color:#777;
}

#photoStripLibrary1 a
{
display:block;
width:147px;
height:77px;
position:relative;
left:1px;
top:1px;
background-image:url("images/photostrip_library1.jpg");
background-position: 0 0;
}

#photoStripLibrary1 a:hover
{
background-image:url("images/photostrip_library1.jpg");
background-position: 0 -77px;
}

#photoStripLibrary2 a
{
display:block;
width:147px;
height:77px;
position:relative;
left:1px;
top:1px;
background-image:url("images/photostrip_library2.jpg");
background-position: 0 0;
}

#photoStripLibrary2 a:hover
{
background-image:url("images/photostrip_library2.jpg");
background-position: 0 -77px;
}

#photoStripPublicSector1 a
{
display:block;
width:147px;
height:77px;
position:relative;
left:1px;
top:1px;
background-image:url("images/photostrip_publicSector1.jpg");
background-position: 0 0;
}

#photoStripPublicSector1 a:hover
{
background-image:url("images/photostrip_publicSector1.jpg");
background-position: 0 -77px;
}

#photoStripPublicSector2 a
{
display:block;
width:147px;
height:77px;
position:relative;
left:1px;
top:1px;
background-image:url("images/photostrip_publicSector2.jpg");
background-position: 0 0;
}

#photoStripPublicSector2 a:hover
{
background-image:url("images/photostrip_publicSector2.jpg");
background-position: 0 -77px;
}

#photoStripArchitects1 a
{
display:block;
width:147px;
height:77px;
position:relative;
left:1px;
top:1px;
background-image:url("images/photostrip_architects1.jpg");
background-position: 0 0;
}

#photoStripArchitects1 a:hover
{
background-image:url("images/photostrip_architects1.jpg");
background-position: 0 -77px;
}

#photoStripArchitects2 a
{
display:block;
width:147px;
height:77px;
position:relative;
left:1px;
top:1px;
background-image:url("images/photostrip_architects2.jpg");
background-position: 0 0;
}

#photoStripArchitects2 a:hover
{
background-image:url("images/photostrip_architects2.jpg");
background-position: 0 -77px;
}

#photoStripArchitects3 a
{
display:block;
width:147px;
height:77px;
position:relative;
left:1px;
top:1px;
background-image:url("images/photostrip_architects3.jpg");
background-position: 0 0;
}

#photoStripArchitects3 a:hover
{
background-image:url("images/photostrip_architects3.jpg");
background-position: 0 -77px;
}

#photoStripMuseums1 a
{
display:block;
width:147px;
height:77px;
position:relative;
left:1px;
top:1px;
background-image:url("images/photostrip_museums1.jpg");
background-position: 0 0;
}

#photoStripMuseums1 a:hover
{
background-image:url("images/photostrip_museums1.jpg");
background-position: 0 -77px;
}

#photoStripMuseums2 a
{
display:block;
width:147px;
height:77px;
position:relative;
left:1px;
top:1px;
background-image:url("images/photostrip_museums2.jpg");
background-position: 0 0;
}

#photoStripMuseums2 a:hover
{
background-image:url("images/photostrip_museums2.jpg");
background-position: 0 -77px;
}

#photoStripMuseums3 a
{
display:block;
width:147px;
height:77px;
position:relative;
left:1px;
top:1px;
background-image:url("images/photostrip_museums3.jpg");
background-position: 0 0;
}

#photoStripMuseums3 a:hover
{
background-image:url("images/photostrip_museums3.jpg");
background-position: 0 -77px;
}

#photoStripEducation1 a
{
display:block;
width:147px;
height:77px;
position:relative;
left:1px;
top:1px;
background-image:url("images/photostrip_education1.jpg");
background-position: 0 0;
}

#photoStripEducation1 a:hover
{
background-image:url("images/photostrip_education1.jpg");
background-position: 0 -77px;
}

#photoStripEducation2 a
{
display:block;
width:147px;
height:77px;
position:relative;
left:1px;
top:1px;
background-image:url("images/photostrip_education2.jpg");
background-position: 0 0;
}

#photoStripEducation2 a:hover
{
background-image:url("images/photostrip_education2.jpg");
background-position: 0 -77px;
}

#photoStripEducation3 a
{
display:block;
width:147px;
height:77px;
position:relative;
left:1px;
top:1px;
background-image:url("images/photostrip_education3.jpg");
background-position: 0 0;
}

#photoStripEducation3 a:hover
{
background-image:url("images/photostrip_education3.jpg");
background-position: 0 -77px;
}

#photoStripArchival1 a
{
display:block;
width:147px;
height:77px;
position:relative;
left:1px;
top:1px;
background-image:url("images/photostrip_archival1.jpg");
background-position: 0 0;
}

#photoStripArchival1 a:hover
{
background-image:url("images/photostrip_archival1.jpg");
background-position: 0 -77px;
}

#photoStripArchival2 a
{
display:block;
width:147px;
height:77px;
position:relative;
left:1px;
top:1px;
background-image:url("images/photostrip_archival2.jpg");
background-position: 0 0;
}

#photoStripArchival2 a:hover
{
background-image:url("images/photostrip_archival2.jpg");
background-position: 0 -77px;
}







/*three column layout*/

#leftColumn
{
position:relative;
left:8px;
float:left;
width:216px;
margin: 8px 8px 8px 0;
}

#leftcolumn h3
{
position:relative;
top: 4px;
}

#leftColumn a
{
font-family:"Arial", "helvetica", "sans-serif";
font-size:11px;
font-weight:900;
color:#f00;
/*text-decoration:none;*/
}

#leftColumn a:hover
{
text-decoration:underline;
}

#leftColumn p
{
font-family:"Arial", "helvetica", "sans-serif";
font-size:11px;
color:#000;
margin: 8px 0 0 0;
}

#childPageLinks
{
margin-bottom:20px;
}

#childPageLinks a
{
color:#000;
font-weight:100;
font-size: 16px;
font-family:"Century Gothic", "Verdana", "Sans-Serif";
text-decoration:none;
text-transform: lowercase;
}


#childPageLinks a:hover
{
color:#f00;
text-decoration:none;
}







.download h4
{
font-size:12px;
font-weight:900;
margin:4px 0;
color:#000;
}




/*mid column stuff*/

#midColumn
{
overflow:hidden;
position:relative;
left:8px;
float:left;
width:470px;
font-family:"Arial", "helvetica", "sans-serif";
font-size:12px;
margin: 8px 16px 8px 8px;
}

#midColumn p
{
color:#000;
margin: 5px 0 15px 0;
}

#midcolumn img
{
/*display:block;*/
/*margin: 0 0 16px 0;
}

#midColumn a
{
font-weight:900;
/*text-decoration:none;*/
color:#f00;
}

#midColumn a:hover
{
text-decoration:underline;
}

#midColumn a.siteMapSecondary
{
text-decoration:none;
font-weight:100;
}








/*login / shopping basket box*/
#basketBox
{
width:216px;
background-color:#fbfbfb;
border:1px solid #777;
padding-bottom:10px;
overflow:hidden;
}

#basketBoxInner
{
padding: 0 8px 0 0;
position:relative;
top: 4px;
left:8px;
}

#basketBoxInner a
{
font-weight:900;
color:#f00;
text-decoration:none;
font-size:12px;
font-family:arial, helvetica, sans-serif;
}

.basketBoxInnerLogin
{
font-size:12px;
font-weight:900;
color:#f00;
/*position:relative;
left:60px;*/
}

#basketBoxInner a:hover
{ 
text-decoration:underline;
}

#basketBoxInner p.normalText
{
margin:0 0 2px 0;
font-size:12px;
color:#000;
font-family:"Arial", "helvetica", "sans-serif";
}

#basketBoxInner p.errorText
{
margin:0 0 2px 0;
font-size:12px;
color:#f00;
font-weight:900;
font-family:"Arial", "helvetica", "sans-serif";
}

#basketBoxInner p.shoppingBoxLabels
{
font-size:13px;
margin:0 0 4px 0;
color:#f00;
font-family:"Century Gothic", "Verdana";
}

input.userNameEnter
{
width:198px;
margin-bottom:4px;
}



input.passwordEnter
{
width:198px;
margin-bottom:8px;
}

input.loginSubmit
{
/*position:relative;
left:138px;*/
font-family:"Century Gothic", "Verdana", "Sans-Serif";
top:-1px;
background-color:#f00;
border:1px solid #777;
color:#fff;
margin-bottom:20px;
}

input.viewBasket
{
position:relative;

font-family:"Century Gothic", "Verdana", "Sans-Serif";
margin: 4px 8px 20px 0;
background-color:#f00;
border:1px solid #777;
color:#fff;
}

input.checkout
{
position:relative;
margin: 4px 0 20px 0;
font-family:"Century Gothic", "Verdana", "Sans-Serif";

background-color:#f00;
border:1px solid #777;
color:#fff;
}


/*reg page stuff*/
.regError
{
font-weight:900;
color:#f00;
}




/*right column stuff*/
#rightColumn
{
position:relative;
left:8px;
float:left;
width:216px;
margin: 8px 0 8px 0;
}

#rightColumn p
{
font-family:"Arial", "helvetica", "sans-serif";
font-size:11px;
color:#000;
margin: 8px 0 0 0;
}

#rightColumn a
{
font-weight:900;
color:#f00;
font-family:"Arial", "helvetica", "sans-serif";
font-size:11px;
}

#rightColumn img
{
display:block;
}



/*enclosure for each element, so we can pad it a bit*/
.element
{
overflow:hidden;
padding: 0 0 30px 0;
}

.newsStory
{
margin-bottom:30px;
}








/*bottom nav bar on all pages*/

#bottomNav
{
clear:both;
margin: 0 8px 8px 8px;
border: 1px solid #777;
padding: 3px 27px;
font-family:"Arial", "helvetica", "sans-serif";
font-size:10px;
}

#bottomNav a
{
text-decoration:none;
color:#777;
}

/*footer stuff*/

#footer
{
clear:both;
margin: 4px auto 0 auto;
padding: 0;
font-size:10px;
font-family:"Arial", "helvetica", "sans-serif";
width:952px;
}

#copyrightBox
{
padding: 0 0 0 8px;
text-align:left;
float:left;
width:400px;
}

#addressBox
{
padding: 0 8px 0 0;
text-align:right;
float:right;
width:400px;
}


/*product page stuff*/

#productNav a
{
position:relative;
top:2px;
color:#000;
font-weight:100;
font-size: 16px;
font-family:"Century Gothic", "Verdana", "Sans-Serif";
text-decoration:none;
text-transform: lowercase;
}

#productNav .subLink
{
font-size: 13px;
position:relative;
left:8px;
}

#productNav .activeLink
{
font-size: 13px;
position:relative;
left:8px;
color:#f00;
}

#productNav .catSubLink
{

}

#productNav .catActiveLink
{
color:#f00;
}

#productNav img
{
margin-top:20px;
}


#productNav a:hover
{
text-decoration:none;
}

/*required as IE7 won't ignore above block display/margin on mid col img when in its own div*/
#productMidColumn
{
width:470px;
position:relative;
left:0px;
float:left;
font-family:"Arial", "helvetica", "sans-serif";
font-size:12px;
margin: 8px 16px 8px 8px;
}

#singleProductMidColumn
{
position:relative;
left:0px;
float:left;
font-family:"Arial", "helvetica", "sans-serif";
font-size:12px;
margin: 8px 0px 8px 8px;
}

#singleProductMidColumn a
{
text-decoration:none;
color:#f00;
}

#productMidColumn a
{
text-decoration:none;
color:#f00;
}

#productMidColumn a:hover
{
text-decoration:underline;
}
 
.productBox
{
width:450px;
overflow:hidden;
background-color:#fff;
padding-bottom:40px;
}

.productBox p
{
margin-top: 8px;
margin-bottom:0;
}

.productHeader
{
float:left;
width:330px;
margin-bottom:8px;
}

.prodCopy
{
float:left;
width:330px;
}

.prodImage
{
width:100px;
text-align:center;
position:relative;
top:13px;
float:right;
overflow:hidden;
}

.prodClick
{
font-size:9px;
color:#f00;
width:300px;
text-align:center;
margin-top:5px;
}

.prodClick a
{
color:#f00;
text-decoration:none;
}

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

.pricesAndOptions
{
font-weight:900;
margin:0;
font-size:10px;
color:#f00;
position:relative;
top:-10px;
text-decoration:underline;
}
 
.pricesAndOptions a
{
text-decoration:underline;
}

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

.tableContainer
{
clear:both;
width:665px;
text-align:center;

}

.tableContainer table
{
border-collapse: collapse;
border-bottom: 1px solid #ddd;
position:relative;
left:-8px;
margin-bottom:10px;
}

td.topRow
{
height:30px;
color:#f00;
background-color:#f8f8f8;
font-weight:900;
border-bottom: 1px solid #ddd;
}

.tableContainer td
{
height:30px;
width:120px;
text-align:center;
}

.productParagraphRight
{
margin-top:24px;
width:655px;
margin-right:8px;
}

.productParagraphRight img
{
float:left;
}

.productParagraphRight p
{
margin: 0 0 16px 0;
}

.productParagraphLeft
{
margin-top:24px;
width:655px;
margin-right:8px;
}

.productParagraphLeft img
{
float:right;
}

.productParagraphLeft p
{
margin: 0 0 16px 0;
}

.underProductPadding
{
height:100px;
}

/*some prod detail stuff*/
.productDetailBox
{
width:700px;
overflow:hidden;
background-color:#fff;
padding-bottom:40px;
}

.prodDetailImage
{
width:300px;
text-align:center;
position:relative;
top:13px;
float:right;
overflow:hidden;
}

.prodDetailCopy
{
float:left;
width:400px;
}

/*news page*/

#newsBox
{
overflow:hidden;
position:relative;
left:8px;
float:left;
width:470px;
font-family:"Arial", "helvetica", "sans-serif";
font-size:12px;
margin: 16px 16px 60px 8px;
}

#newsPictureBox
{
position:relative;
left:8px;
float:left;
width:216px;
margin: 16px 8px 8px 0;
}

#adBox
{
position:relative;
left:8px;
float:left;
width:216px;
margin: 16px 0 8px 0;
}

#adbox img
{
display:block;
}

#newsBox h4
{
margin:0;
padding:0;
}

.newsBoxDate
{
font-size:10px;
font-weight:900;
color:#f00;
margin:0;
padding:0;  
}

#newsArchivePage p
{
margin: 0 0 40px 0;
}



/*shopping basket listing*/
.basketProduct
{

position:relative;
left:-8px;
overflow:hidden;
width:460px;
border-top: 1px solid #d3d3d3;
background-color:#f2f2f2;
margin-top:30px;
margin-bottom:30px;
}

.basketDetails
{

width:330px;
float:left;
padding:8px 8px 8px 8px;
}

.basketImage
{
width:100px;
float:right;
padding:8px 8px 8px 0;
}

.basketImage img
{
display:block;
}

.basketDetails h4
{
font-size:14px;
margin:0 0 8px 0;
}

.basketQuantity
{ 
position:relative;
left:10px;
}

.basketQuantity input
{
width:30px;
}

.basketOptions
{
clear:left;
margin:0;
padding:4px 8px 8px 8px;
}

.basketOptions a
{
font-size:11px;
font-color:#f00;
}

.basketButtons
{
clear:both;
width:451px;
text-align:right;
}

.enquiryPriceTotals
{
clear:right;
line-height:19px;
position:relative;
left:147px;
top:-5px;
text-align:right;
float:left;
width:150px;
}

.enquiryPriceLabels
{

line-height:19px;
position:relative;
left:147px;
top:-5px;
text-align:right;
float:left;
width:150px;
}



/*confirmation mock stuff*/
#deliveryAddress
{
margin-bottom:25px;
}

input.confirmOrder 
{
position:relative;
left:-7px;
border:1px solid #777;
color:#fff;
background-color:#f00;
font-family:century gothic, verdana, sans-serif;
margin-bottom:100px;
}

input.confirmOrder:hover
{
color:#f00;
background-color:#fff;
}

textarea.CommentsBox
{
position:relative;
left:-10px;
top:8px;
}



/*register mock stuff*/

.registerContainer
{
clear:both;
height:30px;
}

.registerContainer select, input
{
position:relative;
top:-3px;
}

.registerPad
{
height:30px;
}

.registerLabel
{
width:120px;
float:left;
}

.registerInput
{
width:350px;
float:left;
}

input.register
{
position:relative;
left:-8px;
border:1px solid #777;
color:#fff;
background-color:#f00;
font-family:century gothic, verdana, sans-serif;
}



/*mock confirm address stuff*/


.addressBox
{
position:relative;
left:-8px;
overflow:hidden;
width:460px;
border-top: 1px solid #d3d3d3;
background-color:#f2f2f2;
margin-top:30px;
margin-bottom:30px;
}

.addressButton
{
float:left;
width:24px;
position:relative;
left:3px;
top:5px;
}

.addressText
{
padding:8px 0;
width:380px;
overflow:hidden;
}

h4.withBottomMargin
{
margin-bottom:20px;
}




/*previous order boxes*/
.previousOrder
{
border-top: 1px solid #d3d3d3;
background-color:#f2f2f2;
padding:8px;
overflow:hidden;
width:430px;
margin-bottom:30px;
}

.previousOrderDetails
{
float:left;
width:300px;
}

.previousOrderDetails h4
{
font-size:14px;
margin:0 0 8px 0;
}

.previousOrderImage
{
width:100px;
float:right;
}

.orderComment
{
position:relative;
top:-30px;
width:430px;
clear:both;
}

.previousOrderEnquiryPricesBox
{
overflow:hidden;
width:430px;
position:relative;
top:-10px;
}

.previousOrderEnquiryPriceLabels
{
width:150px;
float:right;
}

.previousOrderEnquiryPriceTotals
{
float:right;
text-align:right;
}


/*buttons*/

input
{
position:relative;
top:1px;
}

/*this only affects the asp version of the search box*/
input.searchTextBox
{
border:1px solid #777;
height:20px;
margin:0;
padding:0;
}

input.searchGo
{
background-color:#f00;
color:#fff;
font-family:century gothic, verdana, sans-serif;
height:20px;
border:1px solid #777;
}
/*end*/

/*this only affects the html version of the search box*/
input.searchTextBox2
{
border:1px solid #777;
width:200px;
height:20px;
margin:0;
padding:0;
position:relative;
top:10px;
}

input.searchGo2
{
background-color:#f00;
color:#fff;
font-family:century gothic, verdana, sans-serif;
width:30px;
height:20px;
border:1px solid #777;
position:relative;
top:10px;
}
/*end of html search form styling*/



input.searchGo:hover
{
background-color:#fff;
color:#f00;
}

input.addToBasket
{
margin-top:20px;
border:1px solid #777;
color:#fff;
background-color:#f00;
font-family:century gothic, verdana, sans-serif;
position:relative;
left:5px;
}

input.addToBasket:hover
{
color:#f00;
background-color:#fff;
}


input.contactSubmit
{
border:1px solid #777;
color:#fff;
background-color:#f00;
font-family:century gothic, verdana, sans-serif;
}

input.contactSubmit:hover
{
color:#f00;
background-color:#fff;
}

input.quantity
{
width:40px;
position:relative;
top:0px;
}

input.checkOutOnBasketPage
{
position:relative;
left:-8px; 
top:-10px;
border:1px solid #777;
color:#fff;
background-color:#f00;
font-family:century gothic, verdana, sans-serif;
}

input.productDetailSend
{
position:relative;
left:590px; 
top:10px;
border:1px solid #777;
color:#fff;
background-color:#f00;
font-family:century gothic, verdana, sans-serif;
}

input.yourBasketUpdateEnquiry
{
margin-bottom:4px;
margin-right:4px;
border:1px solid #777;
color:#fff;
background-color:#f00;
font-family:century gothic, verdana, sans-serif;
}


input.yourBasketCheckout
{
margin:4px;
border:1px solid #777;
color:#fff;
background-color:#f00;
font-family:century gothic, verdana, sans-serif;
}

#ecommLinksDiv
{
padding-right:10px;
}

.paraLeft
{
    clear:both;
    overflow:hidden;
}

.paraLeft img
{
    float:right;
    margin: 0 0 10px 10px;
    padding:0;
}

.paraRight
{
    clear:both;
    overflow:hidden;
}

.paraRight img
{
    float:left;
    margin: 0 10px 10px 0;
    padding:0;
}