/* layout styles for housenameplate.co.uk */



*
{
margin:0;
padding:0;
}

p
{
margin:5px 0 15px 0;
}



body
{
margin:0;
padding:0;
font-size:0.8em;
font-family:"Trebuchet MS", sans-serif;
background:#fff;
color:#444;

}


.clear
{
clear:both;
height:1px;
overflow:hidden;
}

.clearLeft
{
clear:left;
}

.clearRight
{
clear:right;
}



a:link,
a:visited
{
color:#666;
text-decoration:none;
}
a:hover
{
color:#444;
text-decoration:underline;
}




dl
{

}

dt
{
font-weight:bold;
}

dd
{
margin:0 0 20px 0;
}



/*
#tabBlock 
{
margin:25px 0 25px 0;
}
#tabBlock a:link,
#tabBlock a:visited
{
background:blue;
float:left;
color:#fff;
text-decoration:none;
padding:2px 6px;
margin:0 1px 0 0;
}
*/





.mini
{
font-size:0.85em;
}

.price
{
font-size:1.4em;
font-weight:bold;
}

.priceBlock
{
border-top:1px solid #333;
border-bottom:1px solid #333;
}




a img
{
border:0;
}


h2
{
margin:25px 0 15px 0;
}


h3
{
margin:15px 0 15px 0;
}


h4
{
margin:15px 0;
}



p.subIntroText
{
font-weight:bold;
font-size:1.2em;
}




/* wrapper */
#wrapperWrap
{
text-align:center;
}
#wrapper
{
/*
width:970px;
margin:0 auto;
text-align:left;
*/

}





/* header */
#headerWrap
{
background:#fff url('/img/headerBack.png') repeat-x left top;
padding:15px 0;
border-bottom:1px solid #fff;
}
#header
{
padding:0 25px;
width:950px;
margin:0 auto;
text-align:left;
}

#header img
{
vertical-align:middle;
}

#header img.logo
{
border:0;
}

#header h1
{
float:left;
font-size:1.2em;
margin:0;
width:560px;
}
#header p
{
float:right;
clear:right;
margin:18px 0 0 0;
padding:0;
width:300px;
text-align:right;
}


#header p a:link,
#header p a:visited
{
color:#333;
text-decoration:none;
margin:0 0 0 10px;
}
#header p a:hover
{
text-decoration:none !important;
}





/* navigation */
#navigationWrap
{
background:#111 url('/img/topNavHighlight.png') repeat-x left -12px;
color:#fff;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}
#navigation
{
width:950px;
margin:0 auto;
text-align:left;
padding:0 25px;
list-style-type:none;
}
#navigation li
{
display:inline;
}
#navigation li a:link,
#navigation li a:visited
{
color:#fff;
text-decoration:none;
padding:0 8px;
line-height:40px;
font-weight:bold;
display:block;
float:left;
}
#navigation li a:hover
{
text-decoration:underline;
background:#333;
color:#eee;
}









/* breadcrumb */
#breadWrap
{
background:#f00;
color:#fff;
border-bottom:1px solid #fff;
display:none;
}
#bread
{
width:950px;
margin:0 auto;
line-height:40px;
text-align:left;
}

#bread a:link,
#bread a:visited
{
color:#333;
text-decoration:none;
}
#bread a:hover
{
background:none;
}



h2 a:link,
h2 a:visited
{
text-decoration:none;
color:#333;
}






/* content */
#contentWrap
{
width:950px;
margin:0 auto;
text-align:left;
}
#content
{
padding:0px;
margin:0 0 25px 0;
margin:0;
}





/* footer */
#footerWrap
{
clear:both;
border-top:1px solid #ccc;
margin:25px 0 0 0;
background:#e4e4e4;
}
#footerWrapInside
{
border-top:1px solid #fff;
}
#footerContent
{
width:950px;
margin:0 auto;
padding:25px;
text-align:left;
}
#footerContent ul
{
list-style-type:none;
margin:15px 0 0 0;
}
#footerContent ul li
{
display:inline;
margin:0 15px 0 0;
}
#footerContent ul li a:link,
#footerContent ul li a:visited
{
font-weight:bold;
color:#444;
text-decoration:none;
}

#footerBar
{
height:102px;
background:url('../img/footerBar.jpg') repeat-x center center;
}
#footerCopyrightWrap
{
background:#000;
color:#666;
font-size:0.8em;
line-height:30px;
text-align:left;
padding:10px 0 0 0;
}
#footerCopyright
{
width:950px;
padding:0 25px;
margin:0 auto;
}











/* individual layout areas */

/* index, category pages */

#indexnavRight, 
#categoryRight
{
float:right;
background:#333;
background:#414141;
width:222px;
height:300px;
overflow:hidden;
}
#indexnavRight ul
{
list-style-type:none;
position:relative;
}
#indexnavRight ul li
{
position:relative;
}

#indexnavRight ul li a:link,
#indexnavRight ul li a:visited
{
display:block;
background:#333;
color:#fff;
border-bottom:1px solid #414141;
padding:7px 7px 6px 7px;
text-decoration:none;
font-size:1.1em;
line-height:100%;
position:relative;
}

#indexnavRight ul li a:hover
{
background:#fff;
color:#333;
padding:7px 7px 7px 7px;
border:0;
font-size:1.1em;
line-height:100%;
}

#indexnavRight ul li a img
{
margin-right:10px;
}






#indexMainImage,
#categoryLeft
{
float:left;
width:727px;
border-right:1px solid #fff;
position:relative;
}

#indexMainImage
{
height:300px;
width:727px;
background:#333;
}

#indexMainImage img
{
position:absolute;
}

#indexMainImage .indexAdBlock
{
position:absolute;
left:0;
bottom:0;
height:80px;
width:727px;
background:url('/img/blackOpaque.png') repeat left top;
color:#fff;
}


.indexAdBlock img
{
position:absolute;
left:20px;
top:15px;
}

.indexAdBlock h2
{
margin:0;
padding:0;
position:absolute;
left:80px;
top:15px;
}

.indexAdBlock p
{
margin:0;
padding:0;
position:absolute;
left:80px;
top:45px;
}


.adBlock
{
position:absolute !Important;
height:300px;
width:727px;
}

.adBlock h2
{
font-weight:normal;
font-size:1.8em;
}





.categoryBlock
{
margin:25px 25px 0 0;
float:left;
}

.categoryBlock img
{
width:210px;
height:181px;
border:4px solid #000;
}

.categoryBlock h4, 
.subcatBlock h4
{
font-size:1.2em;
margin:0 0 15px 0;
}
.categoryBlock h4 img
{
width:auto;
height:auto;
border:0;
margin:0 5px 0 0;
vertical-align:baseline;
}
.categoryBlock h4 a:link,
.categoryBlock h4 a:visited, 
.subcatBlock h4 a:link,
.subcatBlock h4 a:visited
{
text-decoration:none;
color:#333;
}





/* category page - shows subcats */
#categoryLeft
{
width:649px;
width:637px;
}

#categoryRight
{
width:262px;
height:244px;
padding:25px;
color:#fff;
}
#categoryRight h3
{
margin-top:0;
padding-top:0;
font-size:1.8em;
}
#categoryRight p
{
font-size:1.1em;
line-height:1.5em;
}


/*
.subcatBlock
{
float:left;
width:300px;
height:220px;
padding:0 12px 0 0;
margin:25px 12px 15px 0px;
border-right:1px solid #ccc;
position:relative;
}

.subcatBlock a.imageLink:link,
.subcatBlock a.imageLink:visited
{
text-align:center;
line-height:100px;
font-size:100px;
display:block;
width:100%;
height:100px;
text-decoration:none;
}
*/



.layoutItemBlock
{
float:left;
width:286px;
padding:0 10px;
height:260px;
margin:22px 22px 0 0;
border:1px solid #f00;
position:relative;
text-align:center;
}

.layoutItemBlock a.imageLink:link,
.layoutItemBlock a.imageLink:visited
{
text-align:center;
display:block;
width:100%;
text-decoration:none;
}

.layoutItemBlock h4
{
font-size:1em;
margin:15px 0 0 0;
}

.layoutItemBlock h4 a:link,
.layoutItemBlock h4 a:visited
{
text-decoration:none;
color:#333;
}


.centerCenter
{
width:200px;
height:200px;
text-align:center;
margin:0 auto;
}
















.pageWrap
{
}


.pageNav
{
margin-top:20px;
}

.pageNav a:link,
.pageNav a:visited
{
padding:2px 5px;
margin:0 5px 0 0;
color:#333;
text-decoration:none;
}

.pageNav a.activePageWrap:link,
.pageNav a.activePageWrap:visited
{
background:#333 !important;
color:#fff;
}













a.button_subcat:link,
a.button_subcat:visited, 
.button_subcat, 
.nextStep
{
color:#fff;
background:#c4614a url('/img/buttonLeft.gif') no-repeat right center;
padding:5px 20px 5px 10px;
text-decoration:none;
border:0;
}
a.button_subcat.more:link,
a.button_subcat.more:visited, 
.more
{
color:#fff;
background:#333 url('/img/buttonLeft.gif') no-repeat right center !important;
padding:5px 20px 5px 10px;
text-decoration:none;
/*
margin:0 0 0 25px;
*/
}
a.button_subcat.less:link,
a.button_subcat.less:visited, 
.less
{
color:#fff;
background:#333 url('/img/buttonRight.gif') no-repeat left center !important;
padding:5px 10px 5px 20px;
text-decoration:none;
/*
margin:0 25px 0 0;
*/
}





a.navFour:link,
a.navFour:visited
{
background:#c4614a;
color:#fff;
text-decoration:none;
margin:0 15px 0 0;
padding:2px 6px;
}
a.currentBlock:link,
a.currentBlock:visited
{
background:#a04a37 !important;
}





/* subcategory.php - product listing page */

#subcategoryLeft, 
#productContent
{
float:left;
width:480px;
}

#signBuilderCanvas_front,
#signBuilderCanvas_back
{
position:relative;
float:right;
clear:right;
width:330px;
height:330px;
border:1px solid #c4614a;
padding:25px;
margin:0;
text-align:center;
background:#fff;
}



.productChoiceBlock, 
.emblemChoiceBlock
{
border:1px solid #c4614a;
color:#333;
width:156px;
float:left;
margin:0 15px 15px 0;
padding:15px 10px 15px 10px;
text-align:center;
position:relative;
}
.productChoiceBlock
{
height:280px;
}


.productChoiceBlock img
{
display:block;
margin:0 auto 5px auto;
border:1px solid #fff;
}

.emblemChoiceBlock
{
cursor:pointer;
background:#c4614a;
width:80px;
height:55px;
padding:5px 0 10px 0;
margin:0 10px 10px 0;
border:1px solid #c4614a;
}
.emblemChoiceBlock img
{
display:block;
height:80%;
margin:0 auto;
cursor:pointer;
}

.emblemChecked
{
border:1px solid #333 !important;
}






.blockOfFour
{
margin:0 0 25px 0;
}



input.chunk
{
font-size:16px;
width:300px;
margin:0 0 8px 0;
text-align:center;
border:1px solid #c4614a;
}












/* subcat / product list pages - regular products */
.productBlock
{
background:#ddd;
float:left;
width:260px;
margin:0 15px 15px 0;
}



.productThumb
{
width:94px;
height:94px;
background:#fff;
color:#333;
text-align:center;
float:left;
margin:0 10px 10px 0;
cursor:pointer;
}
.productThumb span
{
background:#333;
color:#fff;
display:block;
margin:0 0 5px 0;
}
.productThumb img
{
width:90%;
}








/* basket table */
#basketTable
{
width:100%;
border-collapse:collapse;
}

#basketTable th, 
#basketTable td
{
background:#fff;
padding:15px;
border:1px solid #bbb;
}

#basketTable thead th
{
background:#333;
color:#fff;

text-align:left;
}




tr.rowEven td
{
background:#eee !important;
}
tr.rowOdd td
{
background:#ddd !important;
}






form.normalForm
{

}
form.normalForm label
{
clear:left;
float:left;
width:120px;
padding:0 1.5em 0 0;
margin:0 0.25em 1em 0;
text-align:right;
}
form.normalForm label.required
{
background: url('/img/bullet_red.png') no-repeat right top;
}
form.normalForm input, 
form.normalForm textarea, 
form.normalForm select
{
float:left;
margin:0 0 1em 0;
padding:3px;
width:290px;
border:1px solid #666;
}
form.normalForm input.autowidth, 
form.normalForm textarea.autowidth, 
form.normalForm select.autowidth
{
width:auto;
}

form.normalForm input.errorInput, 
form.normalForm textarea.errorInput, 
form.normalForm select.errorInput
{
border-color:#a00;
}




.message
{
border:1px dotted #fff;
padding:10px;
color:#fff;
}

.error
{
background:#a26053;
}

.success
{
background:#a6b096;
}












/* related products */
.relatedProductBlock
{
position:relative;
float:left;
width:170px;
padding-right:10px;
margin:0 10px 25px 0;
border-right:1px solid #ddd;
border-right:1px solid #ddd;
}
.relatedProductBlock h5
{
height:40px;
}
.relatedProductBlock img
{
height:80px;
}









/* cms pages wrapper */
.pageContent
{
width:720px;
}



.pageContent ol
{
margin-left:20px;
}