/* layout styles for timpson.co.uk - stuart sillitoe / pulse8 2009 */




#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.75em !important;
line-height:1.5em;
font-family:"Trebuchet MS", verdana, helvetica, sans-serif !important;
background:#fff;
background:#e4e4e4;
color:#444;
}


table
{
font-size:0.95em;
}



/*
h1, h2, h3, h4, h5, h6, #headerWrap *, #productNavigation *
{
font-family:Georgia, serif !important;
}
*/



h2
{
font-size:2.1em;
font-weight:bold;
margin:5px 0 15px 0;
color:#7d112f;
}


h3
{
margin:15px 0 15px 0;
color:#7d112f;
}


h3.lineover
{
padding-bottom:10px;
border-bottom:1px solid #7d112f;
border-bottom:1px solid #ddd;
}




h4
{
margin:10px 0 15px 0;
color:#7d112f;
}



#builderRight
{
margin-top:20px !important;
}











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

.clearLeft
{
clear:left;
}

.clearRight
{
clear:right;
}



a:link,
a:visited
{
color:#7d112f;
text-decoration:none;
}
a:hover
{
color:#333;
text-decoration:underline;
}






.mini
{
font-size:0.85em;
opacity:0.7;
}

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

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




a img
{
border:0;
}






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





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

#header img
{
vertical-align:middle;
}

#header #timpsonLogo
{
display:block;
margin:10px 0 0 0;
float:left;
border:0;
}


#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 0 20px 0;*/
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;
}


#navigation li
{
display:block;
float:left;
position:relative;
background:#ccc 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 22px 0 23px;
line-height:40px;
font-size:1.1em;
font-weight:bold;
border-right: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; 
background:#fff url('/img/common/navigation/breadBack2.gif') repeat-x left top;
color:#888;
display:block;
border-top:1px solid #fff;
}
#bread
{
width:950px;
padding:0;
margin:0 auto;
line-height:40px;
text-align:left;
}
#bread a:link,
#bread a:visited
{
color:#470a1b;
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;
margin-top:0px;
text-align:left;
}


/* product navigation bar - left hand side permanently */
#productNavigation
{
width:200px;
padding:0 20px 0 0;
text-align:left;
float:left;
}
#productNavigation ul
{
list-style-type:none;
margin:0;
padding:0;
}
#productNavigation ul li
{
line-height:1.5em;
margin:0 0 5px 0;
background:url('/img/common/navigation/sideNavBullet.png') no-repeat left 4px;
}
#productNavigation ul li a:link,
#productNavigation ul li a:visited
{
text-decoration:none;
color:#7d112f;
display:block;
margin:0 0 0 15px;
}
#productNavigation ul li a:hover
{
color:#333;
}




#content
{
float:left;
width:730px;
padding:0px;
margin:25px 0;
margin:0;
}


#contentShort
{
float:left;
width:685px;
width:488px;
padding:0px;
margin:0 22px 0 0;
}






#rightSide
{
width:220px;
float:left;
padding:25px 0 0 0;
}

.panelBox
{
margin:0 0 25px 0;
padding:10px;
background:#ea9000 url('/img/sbg.gif') repeat-x left bottom;
color:#fff;
}
.panelBox h3
{
margin:0;
}


#rightSide ul
{
margin-top:5px;
margin-left:15px;
}

#rightSide a:link,
#rightSide a:visited
{
color:#fff;
font-weight:bold;
}

#rightSide p.panelButton
{
background:url('/img/common/navigation/sideNavBullet3.png') no-repeat left center;
padding-left:15px;
}






#content ul,
#contentShort ul
{
list-style-position:inside;
}




ul.listBoxes
{

}

ul.listBoxes li
{
display:block;
float:left;
width:200px;
margin:0 20px 20px 0;
background:#ddd;
padding:10px;
}



/* footer */
#footerWrap
{
clear:both;
border-top:1px solid #ccc;
margin:25px 0 0 0;
background:#e4e4e4;
}
#footerWrapInside
{
border-top:1px solid #fff;
}
#footerContent
{
font-size:0.9em;
width:950px;
margin:0 auto;
padding:15px;
text-align:left;
}

#footerContent p
{
padding:0;
margin:0 0 5px 0;
}

#footerContent p a:link,
#footerContent p a:visited
{
margin:0 10px 0 0;
}





/* individual layout areas */








.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 */

#categoryTopWrap
{
background:#7d112f url('/img/common/categoryTopWrapBG.gif') repeat-x right top;
width:950px;
height:255px;
margin:0 auto;
position:relative;
overflow:hidden;
/*border-bottom:5px solid #7d112f;*/
}

#categoryIntro
{
float:left;
width:325px;
width:260px;
padding:40px 25px 0 90px;
color:#fff;
text-align:left;
position:relative;
z-index:9999;
}

#categoryIntro h1, 
#indexBanner h1
{
font-weight:normal;
font-size:1.8em;
line-height:1.3em;
margin:0 0 15px 0;
color:#fc3 !important;
}

.myh1
{
	font-weight:normal;
font-size:1.8em !important;;
line-height:1.3em !important;;
margin:0 0 15px 0;
color:#fc3 !important;
}


.mycust
{
	font-weight:bold;
font-size:1.3em !important;;
line-height:1.3em !important;;
color:#fff !important;
}

#categoryBanner
{
float:left;
width:575px;
overflow:hidden;
}
#categoryBanner img
{
height:260px;
position:relative;
z-index:1;
}










.subcatBlock
{
float:left;
width:250px;
height:230px;
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:218px !important;
padding:0 5px;
height:236px;
height:300px;
margin:22px 19px 0 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;
}







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



.productThumb
{
width:82px;
height:82px;
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 1px 0;
}
.productThumb img
{
width:82px;
height:82px;
}







/* page nav */
.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,
.pageLinkControl:hover
{
background:#333 !important;
color:#fff !important;
}

.pageLinkControl
{
background:#ccc;
}









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








a.button_subcat:link,
a.button_subcat:visited, 
.button_subcat, 
.nextStep
{
color:#fff;
background:#333 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:#7d112f url('/img/buttonLeft.gif') no-repeat right center !important;
padding:5px 20px 5px 10px;
text-decoration:none;
}
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;
}





a.navFour:link,
a.navFour:visited
{
background:#333;
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:375px;
}

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



.productChoiceBlock, 
.emblemChoiceBlock, 
.bsChoiceBlock
{
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, 
.bsChoiceBlock
{
background:#c4614a;
width:80px;
height:55px;
padding:15px 0 15px 0;
margin:0 10px 10px 0;
}
.emblemChoiceBlock img, 
.bsChoiceBlock img
{
display:block;
height:80%;
margin:0 auto 5px auto;
cursor:pointer;
}





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

















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

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

#basketTable thead th
{
background:#fff;
color:#333;
border-top:0;
border-right:0;
border-left:0;
}




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






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




/* 3 colum layout - divs */
.threeColumn
{
width:250px;
margin:0 20px 20px 0;
float:left;
}


.threeColumnDouble
{
width:500px;
margin:0 20px 20px 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
{
background:url('/img/common/navigation/sideNavBulletLeft.png') no-repeat left center;
padding:0 0 0 15px;
}
a.directional:hover
{
background:url('/img/common/navigation/sideNavBulletLeft2.png') no-repeat left center;
}







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






/* related products */
.relatedProductBlock
{
position:relative;
float:left;
width:180px;
margin:10px 10px 0 0;
border:1px solid #ddd;
padding:0 0 10px 0;
}
.relatedProductBlock h5
{
height:40px;
text-align:center;
}
.relatedProductBlock img
{
text-align:center;
margin:0 auto;
width:165px;
height:165px;
}






/* ****** */

.info_table
{
float:left;
}

.info_table td
{
height:40px;
}

.info_table td img
{
margin-left:20px;
}




#content ul li, 
#contentShort ul li, 
table.info_table td.bullet
{
list-style-type:none;
background:url('/img/common/navigation/sideNavBullet.png') no-repeat left 50%;
padding:0 0 0 20px;
}














/* try to sort out the mess they create after pasting in from word docs... */
p, span, div, ul, ol, li
{
font-size:inherit !important;
}








table.optionsTable
{
border:0;
margin:0 0 10px 0;
}
table.optionsTable td
{
padding:5px 5px 5px 0;
}


#store_orders {
	margin-bottom: 20px;
}

#store_orders  label, #store_orders  input, #store_orders  select {
	display: block;
}

.ordertable tr td {
	padding: 5px;
}

#bannerWrap h1 {
	line-height: 1.2em;
}

#feedbackForm {
	position:relative;
}

#feedbackForm #feedback-stage-2 {
	background:white;
	border: 6px solid #ffcc33;
	box-shadow:0 0 20px #AAA;
	-moz-box-shadow:0 0 20px #AAA;
	-webkit-box-shadow:0 0 20px #AAA;
	-ms-box-shadow:0 0 20px #AAA;
	padding:40px 40px 40px 280px;
	position:absolute;
	top:25px;
	left:67px;
	height:387px;
	width:480px;
}

#feedback-stage-2 h2 {
	font-size:27px;
	color:#7d112f;
	width:500px;
	line-height:36px;
	margin:-15px 0 5px;
}

#feedback-stage-2 h2.darker {
	color:black;
}

#feedbackForm #big-manager {
	background:url('/img/feedback/bigmrtimpson.png') no-repeat;
	height:442px;
	width:191px;
	position:absolute;
	left:30px;
	top:25px;
}

.numbering {
	background:#7d112f;
	color:white;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	-ms-border-radius:12px;
	width:10px;
	height:10px;
	line-height:1;
	padding:7px;
	text-align:center;
}

#feedbackForm #question-2 {
	padding:25px 0 18px;	
	margin:25px 0;
	border-top:1px solid #d4d3d8;
	border-bottom:1px solid #d4d3d8;
}

#feedbackForm #question-3 {
	margin-top:25px;
}

#feedbackForm p.question {
	font-family:Trebuchet MS,sans-serif;
	color:#7d112f;
	font-size:18px !important;
	font-weight:bold;
	margin-left:10px;
	margin-top:3px;
}

#feedbackForm .rate a {
	padding-top:50px;
	display:block;
	width:41px;
	
}

#feedbackForm .rate {
	float:left;
	background:url('/img/feedback/rating_off.png') top left no-repeat;
	height:66px;
	margin-right:30px;
	color:#7d112f;
	text-align:center;
	font-size:18px;
	font-weight:bold;
}

#feedbackForm #mrtimpson {
	position:absolute;
	top:0;
	right:0;
	background:url('/img/feedback/mrtimpson.png') no-repeat;
	width:129px;
	height:256px;
}

#feedbackForm #rate-1 {
	margin-left:65px;
}

#feedbackForm #rate-10 {
	margin-right:0;
}

#feedbackForm .rate.selected {
	background-image:url('/img/feedback/rating_on.png');
}

#feedbackForm p.question,
#feedbackForm .numbering {
	float:left;
}

#feedbackForm #feedback-stage-2 {
	display:none;
	z-index:12;
}

#feedback-overlay {
	display:none;
	background:url('/img/feedback/popup-opacity.png') repeat;
	position:absolute;
	top:-5px;
	left:0;
	width:100%;
	height:109%;
	z-index:8;
}

#feedback-stage-1 {
	position:relative;
}

#feedbackForm #next-step {
	padding:0;
	margin:0;
	border:0;
	background:url('/img/feedback/send.png') top left no-repeat;
	width:314px;
	height:53px;
	float:right;
	margin:12px 0;
	cursor:pointer;
}

#feedbackForm #final-step {
	padding:0;
	margin:0;
	border:0;
	background:url('/img/feedback/submit.png') top left no-repeat;
	width:125px;
	height:40px;
	margin:5px 0;
	float:right;
	cursor:pointer;
}

#feedbackForm textarea {
	background:url('/img/feedback/jagged-textarea.png') top left no-repeat;
	border:0;
	padding:3px;
	font-family:Trebuchet MS,sans-serif;
	width:900px;
	padding:30px;
	height:140px;
	font-size:18px;
	font-weight:bold;
	
}

#feedbackForm #rating-selector {
	padding-top:42px;
	float:left;
	margin-top:10px;
	position:relative;
	width:805px;
}

#feedback-stage-1 #errorMessage {
	margin-top:20px;
}

#rating-selector #rating-pants {
	position:absolute;
	top:0;
	left:0;
	width:48px;
	height:23px;
	background:url('/img/feedback/pants.png') no-repeat;
}

#rating-selector #rating-amazing {
	position:absolute;
	top:0;
	width:69px;
	height:23px;
	right:0;
	background:url('/img/feedback/amazing.png') no-repeat;
}

#rating-selector #pants-img {
	position:absolute;
	top:47px;
	left:0;
	width:51px;
	height:34px;
	background:url('/img/feedback/pants-img.png') no-repeat;
}

#rating-selector #thumbs-img {
	position:absolute;
	top:43px;
	right:0;
	width:38px;
	height:44px;
	background:url('/img/feedback/thumbs-img.png') no-repeat;
}

#rating-selector #rating-relevant {
	font-family:Trebuchet MS,sans-serif;
	font-size:14px;
	color:#666;
	text-align:center;
	font-weight:bold;
	font-style:italic;
	position:absolute;
	top:0;
	left:340px;
}

#feedbackForm input.long-input {
	border:0;
	padding:0;
	float:left;
	background:url('/img/feedback/jagged-input.png') top left no-repeat;
	width:312px;
	height:37px;
	padding:0 8px;
	font-family:Trebuchet MS,sans-serif;
	color:#333333;
	font-weight:bold;
	font-size:18px;
}

#feedbackForm .small-print {
	color:#666;
	font-family:Trebuchet MS,sans-serif;
	font-weight:bold;
	font-style:italic;
	margin:8px 0;
}

#feedbackForm input.longer-input {
	border:0;
	padding:0;
	float:left;
	background:url('/img/feedback/long-jagged-input.png') top left no-repeat;
	width:477px;
	height:38px;
	padding:0 8px;
	font-family:Trebuchet MS,sans-serif;
	color:#333333;
	font-weight:bold;
	font-size:18px;
}

#feedbackForm #autoResult {
	position:absolute;
	top:34px;
	width:290px;
	padding:0 6px 15px;
	overflow-y:scroll;
	border:2px solid #E1E0E3;
	border-top:none;
	left:1px;
	max-height:150px;
	background:white;
	display:none;
}

#feedbackForm #autoResult a {
	color:#333;
	font-size:110%;
}

#feedbackForm .autowrap {
	float:left;
	width:400px;
	margin-left:10px;
	margin-top:-5px;
	position:relative;
}

#feedbackVoucher {
	border:12px solid #ffcc33;
	background:url('/img/feedback/voucher-people.png') bottom right no-repeat #7d112f;
	height:298px;
	width:888px;
	padding:20px;
}

#feedbackVoucher h1 {
	color:white;
	font-size:30px;
	line-height:38px;
	font-family:Trebuchet MS,sans-serif;
}

#feedbackVoucher p.alternate {
	color:#ffcc33;
	font-size:18px !important;
	margin:28px 0;
}

#feedbackVoucher p.voucher-details {
	font-family:Trebuchet MS,sans-serif;
	text-transform:uppercase;
	color:#e7a3b6;
}