/***********************************************/
/* pieces.com                              */
/* Copyright Weidemann 2008                    */
/***********************************************/

/***********************************************/
/* Layout and Contextual Classes               */
/***********************************************/
html{
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	/*overflow:auto;*/
}
body{
/*position:relative;*/
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	font-family:  Helvetica Neue,Helvetica, Arial, sans-serif;
	color:#000000;
	background-color:#000000;
	overflow:auto;
}
div#pageFlash{
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:1;
	margin: 0;
	padding: 0;
	height:100%;
	width:100%;
	min-width:900px;
	min-height:100%;
	font-family:  Helvetica Neue,Helvetica, Arial, sans-serif;
	color:#000000;
	overflow:hidden;
}
div.tx-rbflashobject-pi1-swf_altcontent{
	height:100%;
	width:100%;
	clear:both;
	overflow:hidden;
}
div#pageHTML{
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	margin: 0;
	padding: 0;
	height:100%;
	width:100%;
	min-width:900px;
	font-family:  Helvetica Neue,Helvetica, Arial, sans-serif;
	color:#000000;
	overflow:auto;
}
div#logoBox{
	display:block;
	z-index:2;
	float:none;
	clear:both;
	position:absolute;
	margin:0 0 0 -125px;
	border:0;
	padding:0;
	width:250px;
	height:48px;
	top:50px;
	left:50%;
	overflow:hidden;
}
div#navigationBox {
	display:block;
	position:absolute;
	z-index:4;
	top:30px;
	right:0;
	padding:0 0 0 0;
	margin:0 0 0 0;
	border:0;
	width:auto;
	float:none;
	height:auto;
	clear:both;
	min-width:200px;
	overflow:hidden;
	background-image:url(../images/transparent-bg-tile-black-25.png);
	background-repeat:repeat;/**/
}
div#contentMainBox{
	display:block;
	z-index:3;
	margin:0 0 250px -275px;
	padding:10px 10px 10px 10px;
	border:0;
	height:auto;
	/*clear:right;
	float:left;*/
	width:530px;
	overflow:auto;
	position:relative;
	left:50%;
	top:145px;
	background-image:url(../images/transparent-bg-tile-black-25.png);
	background-repeat:repeat;/**/

}
div#bannerBox{
	display:block;
	z-index:5;
	margin:0 0 0 0;
	padding:10px 0 0 10px;
	border:0;
	height:auto;
	clear:both;
	float:none;
	width:150px;
	overflow:hidden;
	background-image:url(../images/transparent-bg-tile-black-25.png);
	background-repeat:repeat;/**/
	position:absolute;
	left:0;
	bottom: 130px;
}
div#bannerBox div.banner {
	margin:0 0 0 0;
	padding:0 0 10px 0;
}

div#contentFooterBox {
	position:absolute;
	z-index:6;
	overflow:hidden;
	display:block;
	width:100%;
	height:100px;
	margin:0;
	padding:0 0 0 0;
	border:0;
	background-image:url(../images/transparent-bg-tile-black-25.png);
	background-repeat:repeat;/**/
	bottom:0;
}
/*   FCE  twocolumn  */
div.FCEcolumnsHolder{
	position:relative;
	display:block;
	width:530px;
	height:auto;
	margin:0;
	padding:0;
	border:0;
	float:none;
	clear:both;
}
div.FCEcolumnOne{
	display:block;
	width:255px;
	height:auto;
	margin:0;
	padding:0;
	border:0;
	float:left;
	clear:left;
}
div.FCEcolumnTwo{
	display:block;
	width:255px;
	height:auto;
	margin:0;
	padding:0;
	border:0;
	float:right;
	clear:right;
}
/*/////////////////////////////////////*/
/*             Standard Styling        */
/*/////////////////////////////////////*/
h1, h2, h3, h4, h5, p, td, th, blockquote, input, textarea, select, ul, li, legend, label{ 
	margin:0;
	padding:0;
	font-family:  Helvetica Neue,Arial, Helvetica,  sans-serif; 
	color: #ffffff; 
}
pre { 
	font-family: monospace; 
}
form {
	 margin: 0;
}
ul, ol {
	font-size: 12px;
	font-family:  Helvetica Neue, Arial,Helvetica,  sans-serif; 
}
input, textarea, select { 
	padding: 0 ; 
	font-size: 11px; 
	color:#000000;
}
a { 
	font-weight: bold; 
	text-decoration: none;
	color:#ffffff;
}
a:link, a:visited{
	font-weight: bold; 
	text-decoration: none;
	color:#ffffff;
}
a:hover{ 	
	text-decoration: underline;
	color:#ffffff;
}
a:active{ 
}
h1 {
	color:#ffffff;
	padding:0 0 0 0;
	font-size: 20px;
	font-weight:normal;
	text-transform:uppercase;
}
h2{
	padding:10px 0 0 0;
	font-size: 16px;
	font-weight: normal;
	color:#ffffff;
	text-transform:uppercase;

}

h3{	
	padding:10px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	color:#ffffff;
}
h4,h5,h6{	
	padding:10px 0 0 0;
	font-size: 12px;
	font-weight: bold;
	color:#ffffff;
}
p {
	color: #ffffff;
	padding:0;
	margin:0;
	font-size: 11px;
	line-height:1.3;
}
ul, ol { 
	margin:5px 0 0 15px;
	padding:0 0 0 10px;
}
ul li, ol li { 
	padding:0;
	margin: 0;
	list-style:none;
	list-style-image:url(../images/bullet.gif);
}
caption{
	visibility:hidden;
}
table{
	/*border-spacing:1px;*/
}
td, th{
	border:0;
}
th {
	/*background-color:#ececec;
	font-weight:bold;*/
}
img {
	border:0;
}
b {
	font-weight:bold;
}
fieldset{
	border:none;
	padding:0;
	margin:0;
}
fieldset legend{
	font-weight:bold;
	font-size:11px;
}
label{
	font-size:11px;
	font-weight:bold;
	width:265px;
	padding:4px 6px 4px 0;
	display:block;
	float:left;
	clear:left;
	text-align:left;
}
div.csc-mailform-field{
	clear:both;
	display:block;
	padding:5px 0 5px 0;
}
div.csc-mailform-field input, div.tipafriend input{
	position:relative;
	width:250px;
	clear:both;
	top:3px;
	color:#FFA013;
}
div.csc-mailform-field input.csc-mailform-submit{
color:#999999;	
}
div.csc-mailform-field textarea, div.tipafriend textarea{
	width:250px;
	clear:both;
}
div.csc-mailform-field input.csc-mailform-check{
	width:auto;
	clear:right;
	float:left;
	top:6px;
}
hr{
	width:100%;
	height:1px;
	border:0;
	padding:0;
	margin:7px 0 5px 0;
	background-color:#CCCCCC;
}
.smallPrint{
font-size:10px;
}
.smallerPrint{
font-size:8px;
}

/***********************************************/
/*  Navigation                           */
/***********************************************/
#navigationBox ul {
	margin: 10px 0 10px 0;
	padding: 0 0 0 0;
	font-size: 11px;

}
#navigationBox ul li {
	font-size: 11px;
	padding: 0;
	margin: 0 0 0 0;
	list-style: none;
}
#navigationBox ul li ul  {
	padding: 0;
	margin:0

}
#navigationBox ul li ul li {
	font-size: 11px;
	padding: 0 0 0 0;
	font-weight:normal;
	

}
#navigationBox ul li.normal {
	/*list-style-image:url(../images/navi-bullet-normal.gif);*/
}
#navigationBox ul li a{
	display:block;
	padding: 1px 15px 1px 15px;
}
#navigationBox ul li ul li a{
	display:block;
	padding: 1px 15px 1px 30px;
}
#navigationBox  a.current{
	background-image:url(../images/transparent-bg-tile-black-25.png);
	background-repeat:repeat;
}
#navigation ul li.active {
}

#navigationBox a {
	display:block;
	font-weight:bold;
	font-size:11px;
	color:#ffffff;
	text-transform:uppercase;
}
#navigationBox a.normal {
	color:#ffffff;

}
#navigationBox a.normal:hover,#navigationBox a.active:hover ,#navigationBox a.current:hover {
	color:#ffffff;

}
#navigationBox a.active {
	color:#ffffff;

}
#navigationBox a.current {
	color:#ffffff;
}
/********************************/
/* CSC    Frames, spacing        */
/********************************/
DIV.csc-frame { border: 0px; }
DIV.csc-frame-invisible {}
DIV.csc-frame-rulerBefore { border-top: 1px solid #cccccc; }
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #cccccc; }
DIV.csc-frame-indent { padding-left: 100px; }
DIV.csc-frame-indent3366 { padding-left: 33%; }
DIV.csc-frame-indent6633 { padding-right: 33%; }
DIV.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #cccccc; }
DIV.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #cccccc; }

DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { margin-top: 2px; }
DIV.csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 { margin-top: 2px; }

/********************************/
/* CSC    Frames, spacing        */
/********************************/
dl.csc-textpic-intext-right dt {
	padding: 0 0 0 5px;
}


div.csc-sitemap, div.csc-menu-1{
}
div.csc-sitemap ul, ul.csc-menu-1{
	display:block;
	margin:0 0 0 0;
	padding:0;
	border:0;
}
div.csc-sitemap ul li, ul.csc-menu-1 li {
	margin:0 0 0 0;
	padding:0;
	border:0;
}
div.csc-sitemap ul li a, ul.csc-menu-1 li a {
	margin:0 0 0 0;
	padding:0;
	border:0;
	font-size:11px;
}
div.csc-sitemap ul li ul, ul.csc-menu-1{
	
}
div.csc-sitemap ul li ul li, ul.csc-menu-1 li ul li{
	margin:0;
	padding:0;
	border:0;
}
div.csc-sitemap ul li ul li a, ul.csc-menu-1 li a{
	margin:0 0 0 0;
	padding:0;
	border:0;
}
div.csc-sitemap ul li ul ul, ul.csc-menu-1 li ul ul{
	margin:0 0 0 40px;
	padding:0;
	border:0;
}
div.csc-sitemap ul li ul li ul li a, ul.csc-menu-1 li ul li ul li a{
	margin:0 0 0 0;
	padding:0;
	border:0;
}
/********************************/
/* Products ext                  */
/********************************/

div.tx-piecescomext-pi3-productlist div.iimage{
	margin: 0;
	padding: 0;
	position:relative;
	float:right;
}
div.tx-piecescomext-pi3-productlist h2{
	font-size:18px;
	font-weight:normal;
	margin: 0;
	padding: 0;
}
div.tx-piecescomext-pi3-productlist div.idescription{
	margin: 0;
	padding: 0;
}
div.tx-piecescomext-pi3-productlist div.idescription{
	padding: 0;
}
div.tx-piecescomext-pi3-productlist p.icolour{
	margin: 10px 0 0 0;
	padding: 0;
}
div.tx-piecescomext-pi3-productlist p span{
	font-size:10px;
	font-weight:normal;
	color:#ffffff;
}
div.tx-piecescomext-pi3-productlist p.isize{
	margin: 10px 0 0 0;
	padding: 0;
}
div#giftvoucherOutput{
display:block;
position:relative;
clear:both;
float:none;
margin:10px 0 10px 0;
}

div#giftvoucherOutput dl{
display:block;
position:relative;
clear:both;
float:none;
margin:10px 0 10px 0;
}
div#giftvoucherOutput dl dt{
	float:left;
	clear:left;
	font-weight:bold;
	width:25%;
}
div#giftvoucherOutput dl dd{
	padding:0 0 0 20px;
	float:none;
	clear:right;
}
div#giftvoucherOutput table th{
	text-align:left;
	
}
div#giftvoucherOutput table td{
	text-align:left;
	
}


/********************************/
/* store locator ext            */
/********************************/
div.tx-piecescomext-pi2-storelocator{
	margin: 0;
	padding: 0;
}
div.tx-piecescomext-pi2-storelocator div.searchform{
	margin: 0;
	padding: 0;
	width:180px;
	float:left;
}
div.tx-piecescomext-pi2-storelocator div.select-country-container{
	margin: 0;
	padding: 0;
}
div.tx-piecescomext-pi2-storelocator select#tx-piecescomext-pi2-selectcountry, div.tx-piecescomext-pi2-storelocator select#tx-piecescomext-pi2-selecttown{
	margin: 10px 0 0 0;
	padding: 0;
	width:180px;
}
div.tx-piecescomext-pi2-storelocator div.select-country-container{
	margin: 0;
	padding: 0;
}

div.tx-piecescomext-pi2-storelocator div.results{
	margin: 0;
	padding: 0;
	width:280px;
	float:right;
}
div.tx-piecescomext-pi2-storelocator div.results ul{
	margin: 0;
	padding: 0;
}
div.tx-piecescomext-pi2-storelocator div.results ul li{
	margin: 10px 0 0 0;
	padding: 0;
}
div.tx-piecescomext-pi2-storelocator h2{
	margin: 0;
	padding: 0;
}
div.tx-piecescomext-pi2-storelocator h2 span{
	font-size:16px;
}
div.tx-piecescomext-pi2-storelocator p{
	margin: 0;
	padding: 0;
}
/***********************************************/
/* �pieces giftwoucer                        */
/***********************************************/
div.tx-piecescomext-pi1-giftvoucherform {}
div.tx-piecescomext-pi1-giftvoucherform form#giftvoucherform {}
div.tx-piecescomext-pi1-giftvoucherform input.cardnum {width:276px}
div.tx-piecescomext-pi1-giftvoucherform input.submit {width:276px}
div.tx-piecescomext-pi1-giftvoucherform p {
	margin:0 0 0 0;
}
/***********************************************/
/* loginbox macmade                           */
/***********************************************/

.tx-loginboxmacmade-pi1 .tx-loginboxmacmade-pi1-error {
}
.tx-loginboxmacmade-pi1 TABLE.tx-loginboxmacmade-pi1-loginTable {
	border-collapse: collapse;
}
.tx-loginboxmacmade-pi1 TABLE.tx-loginboxmacmade-pi1-loginTable TD {
}
.tx-loginboxmacmade-pi1 TABLE.tx-loginboxmacmade-pi1-loginTable TD.tx-loginboxmacmade-pi1-labelCell {
}
div.tx-loginboxmacmade-pi1{}
h2.tx-loginboxmacmade-pi1-header{
	font-size:14px;
}
div.tx-loginboxmacmade-pi1-logout, div.tx-loginboxmacmade-pi1-welcome,div.tx-loginboxmacmade-pi1-login,div.tx-loginboxmacmade-pi1-status,div.tx-loginboxmacmade-pi1-error,div.tx-loginboxmacmade-pi1-logout{
font-size:11px;
}
table.tx-loginboxmacmade-pi1-loginTable{}
td.tx-loginboxmacmade-pi1-fieldCell{font-size:11px;
}
td.tx-loginboxmacmade-pi1-labelCell{font-size:11px;
}
input.password{}
input.input{}
input.submit{}
/***********************************************/
/* pieces.com css                          */
/***********************************************/