/*-----------------------------------------------------------------------------

Global Style Sheet (for Stage Struck Online http://www.stagestruckonline.co.uk)



version:   1.0

author:    Infotex

email:     enqs@infotex.co.uk

website:   http://www.infotex.co.uk/



/* Contents--------------------------------------------------------------



1.	General 

2.	Typography

3. 	Headings

4.  Links

5.  Images

6.  Bullets and Quotes

7.  Form Elements

8.  Layout and Branding

9.  Subnav

10. Content

11. Product Displays

12.	Footer

13.	Tables

14. Miscellaneous



-----------------------------------------------------------------------------*/



/* =General

-----------------------------------------------------------------------------*/





/* Remove padding and margin */

* {

	margin: 0;

	padding: 0;

}



/* Put it back on certain elements */

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {

 	margin: 1em 0;

}



/* Class for clearing floats */

.clear {

	clear:both;

}



/* Remove border around linked images */

img a {

	border: 0;

}



/* =Typography

-----------------------------------------------------------------------------*/



body {
	font: normal 62.5%/1.6 "Trebuchet MS", Verdana, Georgia, Arial, Tahoma, "Times New Roman";
	color: #000;
	background-color: #ffffff;

}



/* =Headings

-----------------------------------------------------------------------------*/



h1, h2, h3, h4 {

	font-weight: Bold; 		

}

h1 {

	margin: 0 0 5px 0;

	position: relative;

	top: 0px;

	width: 407px;

	height: 73px;

	background: url(../img/logo.gif) no-repeat;

	text-indent: -9000px;

}

h1 a {

	margin: 0px;display: block;

	height: 73px;

	background: url(../img/logo.gif) no-repeat;

}

h2 {

	font-size: 110%;



	color: #3e76cd;

}

h3 {

	font-size: 110%;

	color: #666666; 

}

h4 {

	font-size: 130%;

	color: #000; 

}



/* =Links

-----------------------------------------------------------------------------*/



a {

	color: #000; 

	background: inherit;

}

a:hover {

	color: #D04E8A;

	background: inherit;

}





/* =Show Current Page

-----------------------------------------------------------------------------*/

body.homepage #homepage, body.homepage #homepage a{background:#CC2666; color:#fff;}

body.about #about, body.about #about a{background:#CC2666; color:#fff;}

body.delivery #delivery, body.delivery #delivery a{background:#CC2666; color:#fff;}

body.faqs #faqs, body.faqs #faqs a{background:#CC2666; color:#fff;}

body.contact #contact, body.contact #contact a{background:#CC2666; color:#fff;}

body.links #links, body.links #links a{background:#CC2666; color:#fff;}



body.homepage #homepage span, body.homepage #homepage span a {background-position:0 150px; color: #fff;}

body.about #about span, body.about #about span a {background-position:0 150px; color: #fff;}

body.costumes #costumes span, body.costumes #costumes span a {background-position:0 150px; color: #fff;}

body.offers #offers span, body.offers #offers span a {background-position:0 150px; color: #fff;}

body.contact #contact span, body.contact #contact span a {background-position:0 150px; color: #fff;}



/* =Images

-----------------------------------------------------------------------------*/



img.float-right {

  margin: 5px 0px 10px 10px;  

  border: solid 1px #000;

  padding: 3px;

}

img.float-left {

  margin: 5px 10px 10px 0px;

   border: solid 1px #000;

  padding: 3px;

}



h2, h3, h4, p {

	padding: 10px;		

	margin: 0;

}

ul, ol {

	margin: 5px 20px;

	padding: 0 20px;

	color: #000;	

}

ul span, ol span {

	color: #000;

}

li {

	margin: 1em 0;

}





/* =Bullets and Quotes

-----------------------------------------------------------------------------*/

code {

	margin: 5px 0;

	padding: 10px;

	text-align: left;

	display: block;

	overflow: auto;  

	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;

	/* white-space: pre; */

	background: #FAFAFA;

	border: 1px solid #f2f2f2;  

}

acronym {

 	cursor: help;

 	border-bottom: 1px solid #777;

}

blockquote {

	margin: 10px;

 	padding: 0 0 0 28px;  

	border: 1px solid #f2f2f2; 

  	background: #FAFAFA url(../images/quote.gif) no-repeat 5px 5px;    

}



/* =Form Elements

-----------------------------------------------------------------------------*/



form {

	padding: 0px;

}



label {

	display:block;

	margin:5px 0;

	color: #000;



}



#search label {

	margin:5px 0;

	color: #CC2666;

}

input {

	padding:1px;

	font: normal 1em Verdana, sans-serif;

	color:#000;

}

textarea {

	width:400px;

	padding:2px;

	font: normal 1em Verdana, sans-serif;

	display:block;

	color:#000;

	margin: 0 0 10px 0;

}

.searchtextarea {

	width: 140px;

	height: 18px;

}

.updatefield {

	padding: 3px;

	margin: 0;

}

input.button {

	margin: 0;

	padding: 0;

	background: #8BB936;

	color: #fff;

	border-top-width: 1px;border-top-style: solid;border-top-color: #a4cdeb;

	border-right-width: 1px;border-right-style: solid;border-right-color: #375f7c;

	border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #375f7c;

	border-left-width: 1px;border-left-style: solid;border-left-color: #a4cdeb;

	font-family: "Trebuchet MS", Arial, Tahoma, "Times New Roman";

	font-weight: bold;

	font-size: 1.2em;

}

input.button:hover {

	background: #CC2666;

	cursor:pointer;

}



input.smallbutton {

	margin: 0 3px;

	padding: 2px;

	background: #000;

	color: #fff;

	border-top-width: 1px;border-top-style: solid;border-top-color: #a4cdeb;

	border-right-width: 1px;border-right-style: solid;border-right-color: #375f7c;

	border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #375f7c;

	border-left-width: 1px;border-left-style: solid;border-left-color: #a4cdeb;

	font-family: "Trebuchet MS", Arial, Tahoma, "Times New Roman";

	font-weight: bold;

	font-size: 1.0em;

}

input.smallbutton:hover {

	background: #CC2666;

	cursor:pointer;

}



/* =Layout and Branding

-----------------------------------------------------------------------------*/

#container {

	width: 900px;

	margin: 10px auto;

	text-align: left;

	background-color: #fff;

}



#header {

	height: 106px;

	z-index: 1000;

	border-bottom: solid 1px #666666;

}

#headerleft {

	float: left;

	width: 540px;

}

#headerright {

	float: right;

	width: 330px;

}



#headerright #phonenumber {

	background: #fff url(../img/phone.gif) no-repeat left 6px;

	padding: 0 0 0 50px;

	text-align: left;

	color: #8BB936;

	margin: 30px 0 0 80px;

	font-size: 1.3em;

	line-height: 1.4em;



}



#headerright .number{

	color: #D04E8A;

	font-size: 1.5em;

}

#searchbar {

	clear: both;

	height: 49px;

	margin-right: 0px;

	background: #D04E8A url(../img/headerbar-bg.jpg) repeat-x;

}

#searchbarleft {

	width: 200px;float: left;

	text-align: left;

	color: #fff;

	font: bold 1.3em "Trebuchet MS", Arial, Tahoma, "Times New Roman";

	margin: 22px 0px 0px 10px;

}

#searchbarright {

	float: left;

	text-align: left;

	padding-top: 10px;

}

#searchbar h2{

	float: right;

	color: #fff;

	font-size: 2.3em;

	margin: 5px 10px 0 0;

	padding: 0px;

}

#logo {

	float: left;

}

#slogan {

	text-align:right;

	float: right;

	margin: 10px 11px 0px 0px;

}

#slogan h2 {

	font: normal 1.8em Georgia, "Times New Roman", Times, serif;

	color: #CC2666;

	margin: 0px;

	padding: 0px;

	text-transform: none;

	font-style:italic;

}

.highlight {

	background-color: #D04E8A;

	color: #fff;

	padding: 3px;

}

a.highlight {

	color: #fff;

}

a.highlight:hover {

	background-color: #000;

	color: #fff;

}



#shopbasket {

	font-size: 1.1em;

}



/* =Subnav

-----------------------------------------------------------------------------*/



#subnav {

	float:left;

	width: 221px;

	padding: 10px 0 10px 6px; 

}

#leftcontent {

	width: 194px;

}



#subnav h3 {

	font-size: 1.4em;

	background:  url(../img/categeries-bg.gif) no-repeat;

	height: 33px;

	width: 194px;

	color: #fff;

	margin: 0;

	padding: 5px 0px 0px 25px;;

}



#subnav h2 {

	margin: 0 0em;

	line-height: 1.4em;

	list-style:none;

	padding: 0;



}

#subnav h2 a{

	background-image: url(../img/subnav-bullet.gif);

	background-repeat: no-repeat;

	margin: 0 1em;

	padding: 0 0 0 25px;

	





}

#subnav li {

	margin: 0;

	line-height: 1.4em;

	list-style:none;

}



#subnav a {

	display: block;

	font-size: 1.2em;

	text-decoration:none;

}



/* =Content

-----------------------------------------------------------------------------*/

#contentcontainer {
	clear: both;
	background-color: #fff;
	background-repeat: repeat-y;

}

#content {

	position: relative;

	width: 670px;

	float: right;

}

#securecontent {

	position: relative;

	width: 100%;

	float: right;



}

#information {

	height: 20px;

	padding: 10px;

	margin: 0 10px;

	text-align: right;

	border-bottom: dashed 1px #CC2666;

}

#information a {

	font-size: 1.2em;

	text-decoration:none;

}

#breadcrumb {

	font-size: 1.2em;

	height: 20px;

	margin: 10px 10px;

	text-align: left;

}

#breadcrumb a {

	color: #CC2666;

	text-decoration:none;

}

#breadcrumb a:hover {

	color: #8BB936;

	text-decoration:none;

}

#featuretext {

	font: 1.3em/1.6 "Trebuchet MS", Verdana, Georgia, Arial, Tahoma, "Times New Roman";

	margin: 0 10px 0 10px;

	clear:both;

	background: #fdf9f8 url(../img/featurebox-top.jpg) repeat-x top;

	padding: 0px;	

}



#featuretext p {

	margin: 0 0 1em 0;

	padding: 0 10px;

}

#featuretext h2 {

	font: normal 1.8em/1.6em Georgia, "Times New Roman", Times, serif;

	margin: 0px;

	padding: 0 10px;

	color: #CC2666;

	text-transform: none;	

}



#featuretext h3 {

	color: #CC2666;

	text-align:left;



	background: #fdf9f8 url(../img/featurebox-bottom.jpg) repeat-x bottom;



	padding: 2px 10px;

}

#featuretextfooter {

	background: #fdf9f8 url(../img/featurebox-bottom.jpg) repeat-x bottom;

	padding: 0 10px;

	color: #CC2666;

	text-align: right;



}



/* =Product Displays

-----------------------------------------------------------------------------*/

#featuredproducts {

	clear: both;

	font: 1.2em/1.6 Georgia, "Times New Roman", Times, serif;

	margin: 30px 10px;

	padding: 10px;

}

#featuredproducts h3 {
	background-color: #D04E8A;
	padding: 4px;
	font-size: 1.3em;
	border: solid 1px #000;
	color: #fff;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;

}



.outerbox {

	float: left;

	position: relative;

	margin: 10px 15px 20px 0px;

	width: 138px;

	height: 290px;

}

.outerbox img {

	

}

.outerbox .smallimage {

	width: 136px;

	height: 125px;

	overflow: hidden;

	border: solid 1px #717171;

}

.outerbox .desc {

}

.outerbox .desc a{

	margin: 3px 0px 0px 0px;

	padding: 2px;

	float:left;

	clear: left;

	color: #000;

	font-family: "Trebuchet MS", Arial, Tahoma, "Times New Roman";

	font-size: 1em;



}

.outerbox .desc a:hover{

	background-color: #CC2666;

	color: #fff;

}

.outerbox .cat{

	margin: 0 0 6px 0;

	padding: 0px;



	float:left;

	clear: both;

	color: #000;

	text-transform:uppercase;

	text-decoration:none;

}

.outerbox .cat a{

	margin: 0px;

	padding: 0px;

	float:left;

	clear: both;

	color: #000;

	text-transform:uppercase;

	text-decoration:none;

}

.outerbox .cat a:hover{

	color: #CC2666;

}

.outerbox .price {

	margin: 0px;

	padding: 0px;

	float:left;

	color: #000;

	font-size: 1em;

}

.offer {

	clear: both;

	color: #cc0000;

	font-size: 1.0em;

	font-weight: bold;

	

}

.outerbox .extra {

	clear: both;

}



.outerbox .buy a{

	margin: 5px 0px 0px 0px;

	padding: 0 2px;

	font-size: 0.9em;

	clear:both;

	float:left;

	background-color: #CC2666;

	color: #fff;

	text-decoration:none;

}



.outerbox .buy a:hover{

	background-color: #000;

	color: #fff;

}



#detailimage {

	width: 215px;

	margin: 5px 20px 10px 10px;

	float: left;

}

#detailimage img {

	border: solid 1px #717171;

}

#detailimage p {

	color: #CC2666; float:right;

}

#detailimage #enlarge a {

	background-color: #CC2666;

	float:right;color: #fff;

	font: 12px "Trebuchet MS", Arial, Tahoma, "Times New Roman";

	padding: 2px;

	margin: 6px 0px 0px 0px;

	text-decoration:none;

}

#detailimage #enlarge a:hover {

	background-color: #000;

}

#detaildesc {

	font: normal 1.1em/1.6 "Trebuchet MS", Arial, Tahoma, "Times New Roman";

	

}

#detailright {

	float: right;

}

#detailinfo {

	margin: 0px 0px 0px 240px;

}

#detaildesc h2 {

	font: 1.3em/1.6 "Trebuchet MS", Arial, Tahoma, "Times New Roman";

	color: #fff;

	background-color: #CC2666;

	border-top: dashed 1px #CC2666;

	border-bottom: dashed 1px #CC2666;

	margin: 2px 10px;

	padding: 2px 10px;

}

#detailsize {

	clear:both;

	float: right;

	margin: 0px 0px 20px 0px;

}

#detailsize a:link, #detailsize a:visited {

	display: block;

	width: 215px;

	height: 62px;

	line-height: 62px;

	color: #000;

	text-decoration: none;

	background: #000 url(../img/button-size-chart.gif) no-repeat left top;

	text-indent: 50px;

}

#detailsize a:hover {

	background-position: right top;

}



#detailoptions {

	clear:both;

	float:right;

	margin: 0 0 20px 0;

}

#detailaddbasket {

	clear:both;

	float:right;

}



#detailprint {

	clear: both;

	font-size: 1.2em;

	padding: 0px 12px 0px 0px;

	margin: 10px 0px;

}

#detailprint a {

	color: #fff;

	padding: 2px;

	background-color: #CC2666;

}

#detailprint a:hover {

	background-color: #CC2666

}

#divider {

	clear: both;

	height: 14px;

	background: #fff url(../img/divider.gif) repeat-x;

	margin: 20px 0px;

}

.price{

	clear: both;

	float: right;

	margin: 0 0 0 0px;

	font-size: 1.8em;

	font: bold 1.8em "Trebuchet MS", Arial, Tahoma, "Times New Roman";

	color: #CC2666;

}



#prodinfo {

	font: 1.2em/1.6 "Trebuchet MS", Verdana, Georgia, Arial, Tahoma, "Times New Roman";

	margin: 0 10px 0 10px;

	clear:both;

	padding: 0px;	

}



#prodinfo p {

	margin: 0 0 1em 0;

	padding: 0 10px;

	

}

#prodinfo h2 {

	font: normal 1.8em/1.6em Georgia, "Times New Roman", Times, serif;

	margin: 0px 0px 20px 0px;

	padding: 0 10px;

	color: #CC2666;

	text-transform: none;	

}



#prodinfo h3 {

	font: 1.3em/1.6 "Trebuchet MS", Arial, Tahoma, "Times New Roman";

	color: #fff;

	background-color: #CC2666;

	border-top: dashed 1px #CC2666;

	border-bottom: dashed 1px #CC2666;

	padding: 2px 10px;

}



/* =Footer

-----------------------------------------------------------------------------*/

#footer {

	clear: both;

	height: 88px;

	background: #CC2666 url(../img/footer-bg.jpg) repeat-x;

	margin: 15px 0 0 0;

	color: #fff;

}

#footer .phone {

	padding: 10px;

	color: #fff;

	font-size: 1.4em;

	font-weight: bold;

}

#footer a {

	color: #fff;

	font-size: 1.1em;

	line-height: 1.6em;

}

#footer a:hover {

	background-color: #CC2666;

}

#footerleft {

	float: left;

}

#footerright {

	float: right;

	font-size: 1.2em;

	width: 400px;

	padding: 10px;

	margin: 10px;



}



#footerright p {

	margin: 0px;

	padding: 0px;

	color: #fff;

	font-size: 1.4em;

}

#footerright input.smallbutton {

	margin: 0 3px;

	padding: 2px;

	background: #cc0000;

	color: #fff;

	border-top-width: 1px;border-top-style: solid;border-top-color: #a4cdeb;

	border-right-width: 1px;border-right-style: solid;border-right-color: #375f7c;

	border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #375f7c;

	border-left-width: 1px;border-left-style: solid;border-left-color: #a4cdeb;

	font-family: "Trebuchet MS", Arial, Tahoma, "Times New Roman";

	font-weight: bold;

	font-size: 1.0em;

	float: right;

}

#footerright input.smallbutton:hover {

	background: #CC2666;

	cursor:pointer;

}





#footerright input {

	padding:1px;

	font: normal 1em Verdana, sans-serif;

	color:#000;

	float: left;

	margin: 0 0 0 10px;

	

}

#footerright label {

	clear: left;

	width: 130px;

	text-align: right;

	float: left;

	color: #fff;

	padding: 2px;

	margin: 0;



}



/* =Tables

-----------------------------------------------------------------------------*/



table {

	width: 100%;

	margin: 10px 0px;

	font-size: 1.2em;

	padding: 0px;

}

td {

	margin: 0px;

	padding: 3px;

	font-family: "Trebuchet MS", Arial, Tahoma, "Times New Roman";

	border: solid 1px #000;

}

td.headings {

	background-color: #CC2666;

	color: #fff;

	font-weight: bold;

}

td.subheadings {

	font-weight: bold;

}

td.right {

	text-align: right;

}



/* =Miscellaneous

-----------------------------------------------------------------------------*/

#edit {

	display: none;

}

#edit a {

	background-color: #000;

	padding: 0 4px;

	color: #fff;

	font-size: 11px;

	display: none;

}

#edit a:hover {

	background-color: #CC2666;



}

#sizechart {

	font: normal 12px/1.6 "Trebuchet MS", Verdana, Georgia, Arial, Tahoma, "Times New Roman";

	margin: 1em;

	background-color: #fff;

	padding: 10px;

}

#sizechart h2 {

	font: 1.3em/1.6 "Trebuchet MS", Arial, Tahoma, "Times New Roman";

	color: #fff;

	background-color: #CC2666;

	border-top: dashed 1px #CC2666;

	border-bottom: dashed 1px #CC2666;

	margin: 2px 0px;

	padding: 2px 10px;

}

#sizechart a {

	color: #000;

}

.required {

	color: #CC0000;

}

.padlock {

	padding: 2px 4px 0 0;

}



/* fitted doors menu */



.menu {clear: both;padding:0; margin:0px 0 0 20px;}



.menu li {float:left; padding:0; margin:0; text-align:center; list-style: none;}



.menu li span.aa {display:block; width:13px; height:1.5em; height:auto; background:url(../img/taglft.gif); float:left; padding:5px 0;}



.menu li span.bb {height:1.5em; height:auto; color: #fff; font-weight: bold;background:url(../img/tagmid.gif); float:left; padding:5px 10px;}



.menu li span.cc {display:block; width:13px; height:1.5em; height:auto; background:url(../img/tagrgt.gif); float:left; padding:5px 0;}









.menu a, .menu a:visited {color:#fff; text-decoration:none; font-size:1.2em; cursor:pointer;}



.menu a:hover {color:#fff}



.menu a:hover span {background-position:0 150px;}