/*******************************************************
TITLE: Party Point BV
DATE: 20091012
AUTHOR: Mike Fortgens - http://www.likemike.nl
*******************************************************/

body {
margin:.5em;
padding:0;
height:100%;
background-color:#FFCC33;
color:#ffffff;  
text-align:center;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:.9em;
}

a {
color:#FFFFFF;
font-weight: bold;
text-decoration:underline;
}

a:hover {
color:#FFCC33;
text-decoration:none;
}

img {
border:none;
}

.formField{
border: 1px solid #6E6E6E;
background-color: #FFFFFF;
font-size: 1.2em;
height: 1.2em;
padding-bottom: 5px;
color:#6E6E6E;
}

.submitButton{
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #DD0E7B;
border-bottom: 1px solid #DD0E7B;
background-color: #DD0E7B;
font-weight: bold;
font-size: 1.2em;
height: 1.7em;
color:#ffffff;
cursor: hand ;
}

label {
width: 120px;
float: left;
text-align: left;
white-space: nowrap;
}

.contactField {
width: 25em;
border: 1px solid #6E6E6E;
background-color: #FFFFFF;
font-size: 1.2em;
padding-bottom: 5px;
color:#6E6E6E;	
}

/*Placeholders*/

#centerColumn { 	
margin:0 auto;
padding:0;
width:50em;
text-align:left;
vertical-align: middle;	
}

#logoBar	{
background-color:transparent;
}

#navBar	{
background-color:transparent;
position:absolute;
margin-top:0px;
margin-left:60px;
z-index: 2;
}

#content	{
background-color:transparent;
position:absolute;
margin-top:29px;
width:50em;
clear:both;
}

#products	{
background-color:#0a51a1; 
margin-left:50px; 
margin-right:20px; 
margin-top: 10px; 
padding: 20px; 
position: relative;
}

#searchBox{
margin:.0em 0 0 0em;
padding:0.4em 0em 0em 0em;
}

#breadcrumb	{
float:left;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif; 
font-size:1.1em;
}

#breadcrumb	a{
text-decoration: none;
}

#search	{
float:right;
}

.productItem{
float:left;
color:#ffffff;  
text-align:center;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:1.0em;
padding:2px;
display:block;
min-width:123px;
max-width:123px;
min-height:220px;
max-height:220px;
}

.paddingImage
{
	padding-left: 12px;
	padding-right: 12px;
}

.productItem a, .productItem a:visited{
	color: #FFFFFF;
	text-decoration: none;
}

.productItem a:hover, .productItem a:visited:hover{
	color: #FFCC33;
	text-decoration: none;	
}

/*Borders around Product Images*/

.productItem ul{
	background-image: url("../img/productBackground2.gif"); 
	background-repeat: no-repeat;
	background-position: center top;
	padding-left: 8px;
	padding-top: 7px;
	padding-right: 8px;
	padding-bottom: 8px;			
	list-style: none;	
	float:left;
	margin: 5px;
}


#footer {
position:relative;
bottom:0;
margin:1em 0 0 0;
padding:0;
height:4em;
line-height:4em;
text-align:center;
font-size:.9em;
font-weight: bold;
color: #0a51a1;
background-color:transparant;
}


/*Rounded Corners*/


.fluidroundblack {
border:1px solid white;
background-color: #dd0e7b;
width: 100%;
color: #fff;
}

.topfiller, .bottomfiller, .roundtop, .roundtopright,.roundbottom, .roundbottomright {
height:7px;
font-size:1px;
line-height:1px;
}

.bottomfiller, .topfiller {
width: 100%;
clear:both;
position:relative;
}

.roundtop { 
background: url(../img/circle.gif) no-repeat top left; 
width:7px;
float:left;
position:relative;
top:-1px;
left:-1px;    
}

.roundtopright { 
background: url(../img/circle.gif) no-repeat top right; 
float:right;
width:7px;
position:relative;
top:-1px;
left:1px;    
}

.roundbottom {
background: url(../img/circle.gif) no-repeat top left; 
background-position: 0 -7px ;
width:7px;
float:left;
position:relative; 
top:1px;
left:-1px;
}

.roundbottomright {
background: url(../img/circle.gif) no-repeat top right; 
background-position: -7px -7px ;
width:7px;
float:right;
position:relative; 
top:1px;
left:1px;
}