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



#errorWrapper
{
background:#dfdfd7;
color:#a00;
padding:20px;
}
#errorWrapper p
{
margin:0 0 10px 0;
padding:0;
text-transform:capitalize;
}




*
{
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:#333;

}


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

.clearLeft
{
clear:left;
}

.clearRight
{
clear:right;
}

.floatLeft
{
float:left;
}

.floatRight
{
float:right;
}



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




dl
{

}

dt
{
font-weight:bold;
}

dd
{
margin:0 0 20px 0;
}



#contentWrap ul
{
margin:0;
}

#contentWrap ul li 
{
list-style-type:disc;
padding:0 0 0 5px;
margin:0 0 5px 30px;
/* background:url('/img/bulletArrow.gif') no-repeat left 6px;*/
}




.mini
{
font-size:0.85em;
}

.price
{
font-size:1.7em;
font-weight:bold;
margin:0 !important;
}

.priceBlock
{
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
line-height:150%;
margin-bottom:00px;
}




a img
{
border:0;
}


h2
{
font-size:2em;
margin:15px 0 15px 0;
color:#670001;
}


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


h3.lineover
{
color:#670001;
}



h4
{
margin:15px 0;
}



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




#googleMap
{
width:702px;
height:500px;
border:1px solid #333;
}




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

}







/* header */
#headerWrap
{
background:#7d112f;
color:#fff;
padding:15px 0 15px 0;
}
#header
{
width:950px;
margin:0 auto;
text-align:left;
}

#header img
{
vertical-align:middle;
}

#header #timpsonLogo
{
display:block;
margin:0 0 0 0;
float:left;
border:0;
font-family:Times, serif;
}

#header #timpsonLogo
{
}

#header #timpsonLogo h1
{
margin:0;
padding:0;
font-size:42px;
letter-spacing:3px;
text-align:center;
line-height:100%;
}
#header #timpsonLogo span#great
{
display:block;
font-size:17px;
width:214px;
height:30px;
text-align:center;
}
#header #timpsonLogo span#locksmiths
{
display:block;
width:214px;
height:25px;
line-height:24px;
background:url('/img/locksmiths.gif') no-repeat center center;
text-align:center;
font-family:"Trebuchet MS", sans-serif;
font-size:16px;
color:#7d112f;
font-weight:bold;
}

#header p
{
float:right;
margin:0 0 5px 0;
}
#header p strong
{
display:block;
margin:14px 0 0 0;
}


#header a:link,
#header a:visited
{
color:#fff;
text-decoration:none;
}














/* navigation */
#navigationWrap
{
background:#7d112f;
color:#fff;
margin:0 auto;
text-align:center;
position:relative;
z-index:999999;
} 

#navigation
{
width:950px;
margin:0 auto;
text-align:left;
list-style-type:none;
position:relative;
z-index:99999;
background:#eaeaea;
height:40px;
}


#navigation li
{
list-style-type:none;
display:block;
float:left;
position:relative;
background:#eaeaea url('/img/common/navigation/topNavBack.gif') repeat-x left top;
}
#navigation li a:link,
#navigation li a:visited
{
color:#333;
text-decoration:none;
padding:0 13px;
line-height:40px;
font-size:1.1em;
font-weight:bold;
border-left:1px solid #7d112f;
display:block;
float:left;
}
#navigation li a:hover, 
#navigation li a.current:link,
#navigation li a.current:visited
{
background:#fff;
}

#navigation ul.nav_submenu
{
display:none;
position:absolute;
background:rgba(71,10,27,0.92);
top:40px;
left:0;
width:705px;
padding:0 10px 3px 10px;
z-index:10000;
border-top:1px solid #fff;
}

#navigation ul.nav_submenu li
{
float:left;
border-bottom: 1px dotted #784d59;
background:transparent !important;
}

#navigation ul.nav_submenu li a:link,
#navigation ul.nav_submenu li a:visited{
width:210px;
padding: 7px 0 8px 25px;
color:#fff;
border:0;
font-weight:normal;
line-height:20px;
background:transparent url('/img/common/navigation/sideNavBullet3.png') no-repeat 5px center;
}
#navigation ul.nav_submenu li a:hover{
background:#fff url('/img/common/navigation/sideNavBullet.png') no-repeat 5px center;
color:#470a1b;
}










/* breadcrumb */
#breadWrap
{
background:#fff; 
color:#555;
display:block;
border-top:1px solid #fff;
}
#bread
{
width:950px;
padding:0;
margin:0 auto 1px auto;
line-height:40px;
text-align:left;
}
#bread a:link,
#bread a:visited
{
color:#555;
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;
}




#theNavigationWrap
{
width:226px;
float:left;
}
#theNavigation
{
margin:15px 15px 0 0;
}
#theNavigation h3
{
margin:0;
padding:0;
font-size:1.3em;
font-weight:normal;
color:#670001;
}

#theNavigation ul
{
margin:10px 0 20px 0;
}

#theNavigation ul li
{
list-style-type:none;
padding:0 0 0 15px;
background:url('/img/bulletArrow.gif') no-repeat left 8px;
line-height:24px;
margin:0 0 5px 0;
font-weight:bold;
}

#theNavigation ul li ul
{
}

#theNavigation ul li ul li
{
font-size:0.85em;
padding:0 0 0 15px;
background:url('/img/bulletArrowSmall.gif') no-repeat left 5px;
line-height:16px;
margin:0 0 5px 0;
font-weight:normal;
}

#theNavigation ul li a:link,
#theNavigation ul li a:visited
{
color:#333;

}









#theContentWrap
{
width:723px;
margin-left:1px;
float:left;
}















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

#footerBar
{
width:950px;
margin:0 auto;
border-top:1px  solid #ccc;
text-align:left;
padding:15px 0 15px 0;
color:#666;
}

.footerBarPanel
{
width:33%;
float:left;
line-height:150%;
}
.footerBarPanel img
{
width:46px;
float:left;
margin:5px 10px 0 0;
display:block;
}


#footerCopyrightWrap
{
background:#000;
color:#666;
font-size:0.8em;
text-align:left;
padding:10px 0 0 0;
}
#footerCopyright
{
width:950px;
padding:0 25px;
margin:0 auto;
}









#storeLocatorForm
{
}

#storeLocatorForm input, 
#storeLocatorForm select
{
border:0;
font-size:1.1em;
padding:3px;
}






/* 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;
background:none;
padding:0;
}

#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
{
width:225px;
height:225px;
margin:0 21px 22px 0;
float:left;
color:#333;
text-align:center;
border:1px solid #ccc;
}

.categoryBlock img
{
}

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




.indexBlock
{
width:220px;
margin:0 22px 0px 0;
float:left;
color:#fff;
text-align:center;
}
.indexBlock h4
{
text-align:left;
font-size:1.3em;
font-weight:normal;
}
.indexBlock h4 a img
{
margin-right:10px;
}






#categoryTopWrap
{
height:240px;
position:relative;
margin:0 0 15px 0;
}

#categoryTopWrapText
{
border-top:1px solid #fff;
width:693px;
background:#222;
opacity:0.85;
position:absolute;
bottom:0;
left:0;
padding:15px;
}

#categoryTopWrap h3
{
margin:0;
padding:0;
color:#fff;
font-size:2em;
}

#categoryTopWrap p
{
margin:0;
padding:0;
color:#fff;
opacity:0.7;
font-size:1.5em;
}




/* 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;
}













/* products */


.layoutItemBlock
{
float:left;
width:216px !important;
padding:0 5px;
height:236px;
height:300px;
margin:0 19px 22px 0;
border:1px solid #ccc;
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;
padding:0 20px;
}

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


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














#productThumbs
{
margin:10px 0;
float:right;
clear:right;
}

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

}













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














/* page nav */
.pageWrap
{
}


.pageNav
{
margin:20px 0 10px 0;
}

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

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

.pageLinkControl
{
background:#ccc;
}













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;
}



/* mproduct layout blocks */
.productChoiceBlock
{
background:#ccc;
color:#333;
width:226px;
float:left;
margin:0 15px 15px 0;
padding:15px 10px 15px 10px;
text-align:center;
position:relative;
}

.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;
}










/* 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 1em 0 0;
margin:0 0.5em 1em 0;
text-align:right;
}
form.normalForm label.required
{
background:url('/img/required.gif') no-repeat right top;
}
form.normalForm input, 
form.normalForm textarea, 
form.normalForm select
{
border:1px solid #999;
float:left;
margin:0 0 1em 0;
width:290px;
padding:1px;
}
form.normalForm input.autowidth, 
form.normalForm textarea.autowidth, 
form.normalForm select.autowidth
{
width:auto;
}


input.errorInput, 
select.errorInput,
textarea.errorInput
{
border:1px solid #a00 !important;
}








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

.error
{
background:#a26053;
}

.success
{
background:#a6b096;
}





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 1em 0 0;
margin:0 0.5em 1em 0;
text-align:right;
}
form.normalForm label.required
{
background:url('/images/required.gif') no-repeat right top;
}
form.normalForm input, 
form.normalForm textarea, 
form.normalForm select
{
float:left;
margin:0 0 1em 0;
width:290px;
}
form.normalForm input.autowidth, 
form.normalForm textarea.autowidth, 
form.normalForm select.autowidth
{
width:auto;
}







table.niceTable
{
width:99%;
}

table.niceTable th,
table.niceTable td
{
background:#fff;
padding:4px 0;
}
table.niceTable td
{
background:#fff !important;
}






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

.error
{
background:#a26053;
}

.success
{
background:#a6b096;
}




form.niceForm
{
border-bottom:1px solid #7d112f;
padding:0 0 10px 0;
margin:0;
}

form.niceForm label
{
float:left;
clear:left;
display:block;
width:120px;
margin:0 0 10px 0;
}


form.niceForm input.nice,
form.niceForm select.nice
{
float:left;
border:1px solid #333;
padding:3px;
}



.locatorResult
{
border-top:1px solid #ccc;
padding:10px 0;
}








/* faq */
dl.faq
{
}

dl.faq dt
{
font-weight:bold;
border-top:1px solid #ccc;
padding:15px 0 5px 0;
}

dl.faq dd
{
margin:0 0 15px 0;
}




/* 4 colum layout - divs */
.fourColumn
{
width:226px;
margin:0 20px 20px 0;
float:left;
}


.fourColumnDouble
{
width:452px;
margin:0 0 20px 0;
float:left;
}

.fourColumnTriple
{
width:704px;
margin:0 0 0 0;
float:left;
}










.storeStaffWrap
{
float:left;
margin:0 20px 20px 0;
width:253px;
}


.storeStaffWrap img
{
width:100px;
float:left;
margin:0 20px 10px 0 !important;
display:block;
border:1px solid #7d112f;
padding:1px;
}



.storeStaffWrap h4
{
margin-top:0;
padding-top:0;
}






a.directional:link,
a.directional:visited
{
font-size:1.3em;
background:url('/img/backArrow.gif') no-repeat left center;
padding:0 0 0 25px;
}
a.directional:hover
{
background:url('/img/backArrow.gif') no-repeat left center;
}







#copyright
{
opacity:0.6 !important;
font-size:8px !important;
}













/* 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;
}





/* emergency panel */
#panelEmergencyWrap
{
background:#333 url('/img/stripebg.png') repeat left top;
color:#fff;
}

#panelEmergency
{
padding:30px 30px 0 20px;
}
#panelEmergency h2
{
font-size:2.6em;
font-weight:normal;
margin:0;
color:#fff !important;
}
#panelEmergency h2 img
{
float:right;
display:block;
}
#panelEmergency p
{
font-size:1.2em;
}

.panelEmergencyIcon
{
display:block;
float:right;
margin:0 0 0 20px;
}





/* site map */
.siteMapBlock
{
}
.siteMapBlock h2
{
font-size:1.6em;
}

.siteMapBlock a:link,
.siteMapBlock a:visited
{
color:#333;
}







/* product detail page - variations table */
#variationsTable, 
#optionalExtras
{
width:560px;
margin:7px 0 5px 0;
border:1px solid #fff;
border-collapse:collapse;
}
#variationsTable td,
#optionalExtras td
{
padding:10px;
vertical-align:top;
background:#eee;
border:1px solid #fff;
line-height:100%;
}
#variationsTable td strong, 
#optionalExtras td strong
{
display:block;
margin:0 0 5px 0;
}


#variationsTable td.variationPrice, 
#optionalExtras td.variationPrice
{
width:50px;
color:#670001;
font-size:1.5em;
}














#storeLocatorWrap
{
background:#333;
color:#fff;
padding:10px;
margin:0 0 20px 0;
}


div.services_block{
	/*background:#7D112F url(/img/CatBackHighlight.png) repeat-x top left;*/
	font-size:1.4em;
	height: auto;
	border:0;
	margin:0 20px 20px 0;
	width: 600px;
}
div.services_block div {
	float: left;
	text-align:left;
}

div.services_block h4 {
	margin: 0;
}
div.services_block h4 a {
	color: #670001 !important;
}

div.services_block img {
	float: left;
	width: 200px;
	margin-right: 20px;
}

div.services_block p {
	font-size: 0.8em;
}

div.services_block a:link,
div.services_block a:visited{
	color:#333333;
}
div.services_block a:hover {
	text-decoration: underline;
}




#left_col {
	width: 230px; 
	float: left;
}

#right_col {
	width: 700px;  
	float: right;
}

.box {
	margin-bottom: 20px;
	padding-bottom: 10px;
	background-color: #7D112F; 
	color:#fff; 
}

.box h3 {
	margin: 0; border-bottom: 1px solid #fff; background-color: #000; color: #fff; font-size: 1.2em; text-align: center; padding: 5px; font-weight: bold;
}

.box div {
	text-align: center; padding: 5px;
}



#right_col h3 {
	margin: 0 0 20px 0;
	font-size: 1.4em;
	color: #000;
	font-weight: bold;
	
}

#right_col h4
{
font-size:1em;
margin:15px 0 0 0;
color:#670001;
}