#frmSwimmingPool 
{
    height: 100%;
}

* 
{
	margin: 0px;
}

a 
{
    color: #606060;
}

a:focus
{
    outline: none;
}

html, body 
{
	height: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
    color: #606060;
}

body
{
    /*background-image: url(../images/bgBody.jpg);
	background-repeat: repeat-x;*/
	background-color: #fbdede;
	margin: 0px;
	padding: 0px;
}

#wrapper 
{
	/*background-image: url(../images/bgPhoto.png);
	background-repeat: no-repeat;
	background-position: center 24px;*/
	height: 100%;
	margin: 0px auto -104px;
	padding-top: 0px;	
}

#bgContent
{
	background-image: url(../images/bgContent.png);
	background-position: left 24px;
	background-repeat: repeat-y;	
	width: 960px;
	margin: 0px auto -104px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#contentWrapper
{
	width: 960px;
	margin: 0px auto;
}

.clearBoth
{
	clear: both;
}

#breadcrumb
{
	color: #606060;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#breadcrumb a
{
	color: #606060;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#breadcrumb a:hover
{
	text-decoration: none;
}

/* BEGIN HEADER ///////////////////////////
/////////////////////////////////////////// */

#header
{
	background-color: #da0202;
	height: 23px;
}

#languages
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#languages li
{
	float: left;	
	margin: 0px;
}

#languages a
{
	color: #FFFFFF;
	font-size: 11px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 2px 6px 2px 6px;
}

#languages a:hover
{
	background-color: #f58383;
	
}

#headerContentLeft
{
	float: left;
}

#headerContentRight
{
	float: right;
	color: #FFFFFF;
	font-size: 11px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 4px;
}

#headerContentRight a
{
	color: #FFFFFF;
}

#headerContentRight a:hover
{
	text-decoration: none;
}

/* BEGIN FOOTER ///////////////////////////
/////////////////////////////////////////// */

.footer, .push 
{
	height: 104px;
}

.footer
{
	background-image: url(../images/bgFooter.jpg);
	background-repeat: repeat-x;
}

#footerWrapper
{
	width: 960px;
	margin: 0px auto;
	padding: 15px 0px 0px 0px;
}

.footer ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.footer ul li
{
	float: left;
	font-size: 12px;
}

.footer a
{
	color: #f9eeee;
	text-decoration: none;
}

.footer a:hover
{
	color: #f68383;
	text-decoration: none;
}

#address
{
	color: #f9eeee;
	font-size: 12px;
	padding-top: 35px;
}

#copy
{
	font-size: 12px;
	color: #f9eeee;
}

#footerContentLeft
{
	float: left;
	width: 715px;
}

#footerContentRight
{
	float: right;
	width: 200px;
	color: #f9eeee;
	font-size: 12px;
}

#footerContentRight input
{
	margin-top: 5px;
}

#subscribe
{
	width: 200px;
}

#subscribe .newsletterInput
{
	width: 195px;
}

#subscribe .top
{
	margin-bottom: 10px;
}

#subscribe .bottomleft
{
	float: left;
	width: 130px;
}

#subscribe .bottomright
{
	float: right;
	text-align: right;
	width: 70px;
}

#subscribe .registerbutton
{
	padding: 3px 5px 3px 5px;
	background-color: #ff6666;
	border: 1px solid white;
}

#subscribe .registerbutton:hover
{
	color: #e34040;
}

/* BEGIN BODYCONTENT //////////////////////
/////////////////////////////////////////// */

#bodyContentLeft
{
	float: left;
	width: 232px; /*252px;*/
	padding: 10px;
}

#bodyContentRight
{
	float: right;
	width: 699px;
	padding: 40px 0px 20px 0px;
}

#bodyContentRight p
{
	color: #606060;
	font-size: 12px;
	padding-top: 10px;
	line-height: 18px;
}

#bodyContentRight h1
{
	color: #606060;
	font-weight: normal;
	font-size: 20px;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #606060;
}

#bodyContentRight h2
{
	color: #606060;
	font-weight: bold;
	font-size: 14px;
	padding: 10px 0px 5px 0px;
}

#bodyContentRight #bodyContentText
{
	padding: 0px 40px 0px 40px;
}

/* BEGIN MENU /////////////////////////////
/////////////////////////////////////////// */

/* menu */

#menu, #menu li ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;	
	text-align: right;
}

#menu li
{
	border-top: 1px solid #bdc6cd;
}

#menu li a, #menu li span
{
	display: block;
	color: #606060;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	padding: 6px 10px 6px 10px;
	margin: 0px 0px 0px 0px;
	cursor: pointer;
}

#menu li a:hover, #menu li span:hover, #menu li.selected a, #menu li.selected span
{	
	color: #FFFFFF;
	background-color: #e34141;	
}

/* submenu */

#menu .submenu li
{
	border-top: 1px solid #FFFFFF;
}

#menu .submenu li a, #menu .submenu li span, #menu .submenu li a:hover, #menu .submenu li span:hover, #menu .submenu li.selected a, #menu .submenu li.selected span
{
	background-color: #fbdede;
	padding-right: 35px;
	color: #606060;
}

#menu .submenu li a, #menu .submenu li span
{
	background-image: url(../images/bgSubmenu.jpg);
	background-repeat: no-repeat;
	background-position: 210px 10px;
}

#menu .submenu li a:hover, #menu .submenu li span:hover, #menu .submenu li.selected a, #menu .submenu li.selected span
{
	background-image: url(../images/bgSubmenuHover.jpg);
	background-repeat: no-repeat;
	background-position: 210px 10px;
}

.searchform
{
	position: relative;
}

.txtSearch
{
    width: 230px;
    height: 20px;
    padding: 0;
    margin: 6px 0px 0px 0px;
}

.search_btn
{
   padding: 0;
   margin: 0px 0px 0px 0px;
	position: absolute;
	right: 2px;
	top: 1px;
}

/* BEGIN CATEGORY VIEW ////////////////////
/////////////////////////////////////////// */

.productFrame
{
	width: 198px;
	height: 255px;
	background-color: #FFFFFF;
	border: 1px solid #606060;
	margin: 9px 9px 0px 0px;
	text-align: center;
	padding: 0px;
	float: left;
	position: relative;
}

.lastRowItem
{
	margin: 9px 0px 0px 0px;
}

.productLink
{
	position: absolute;
	display: block;
	height: 183px;
	width: 198px;
	cursor: pointer;
}

.productPhoto, .productPhoto img
{
	padding: 0px;
	margin: 0px;
}

.productPhoto img
{
    border-left: none;
    border-right: none;
	border-bottom: 1px solid #606060;
	border-top: 1px solid white;
}

.productTitle
{
    background-color: #e34141;
	font-size: 12px;
	color: #FFFFFF;
	padding: 7px;
    width: 184px; /*198 met padding*/
    height: 36px; /*50 met padding*/
}

.productPrice
{
	font-size: 14px;
	color: #4a4a4a;
	padding: 10px;
}

.addToCart a
{
	background-color: #ff6666;
	border: 1px solid #d75050;
	font-size: 12px;
	color: #FFFFFF;
	width: 170px;
	margin: 0px auto;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
}

.addToCart a:hover
{
	background-color: #da0202;
	border: 1px solid #e34141;
}

/* BEGIN PRODUCT VIEW /////////////////////
/////////////////////////////////////////// */

.pictureFrame
{
	width: 198px;
	background-color: #FFFFFF;
	border: 1px solid #606060;
	margin: 9px 9px 0px 0px;
	text-align: center;
	padding: 0px 0px 20px 0px;
	float: left;
}

/* BEGIN SITEMAP //////////////////////////
/////////////////////////////////////////// */

#sitemap ul
{
    list-style-type: square;
    color: #606060;
    font-size: 12px;
    line-height: 18px;
    margin-left: 0px;
}

#sitemap a
{
    color: #606060;
}

/* BEGIN CONTACTFORM //////////////////////
/////////////////////////////////////////// */

.formtable
{
    border: none;
}

.formtable_td1
{
    width: 125px;
    vertical-align: top;
}

.formtable_td2
{
    width: 500px;
    vertical-align: top;
}

.TextBoxLarge
{
    width: 350px;
    border: solid 1px #606060;
    padding: 2px 0px 2px 0px;
}

.TextBox
{
    width: 150px;
    border: solid 1px #606060;
    padding: 2px 0px 2px 0px;
}

.TextBoxSmall
{
    width: 75px;
    border: solid 1px #606060;
    padding: 2px 0px 2px 0px;
}

.TextBoxMulti
{
    width: 350px;
    height: 100px;
    border: solid 1px #606060;
    padding: 2px 0px 2px 0px;
}

.Dropdown
{
    width: 250px;
    border: solid 1px #606060;
}

.TextBoxLargeError
{
    width: 350px;
    background-color: #FFBFC3;
    border: solid 1px #606060;
    padding: 2px 0px 2px 0px;
}

.TextBoxError
{
    width: 150px;
    background-color: #FFBFC3;
    border: solid 1px #606060;
    padding: 2px 0px 2px 0px;
}

.TextBoxSmallError
{
    width: 75px;
    background-color: #FFBFC3;
    border: solid 1px #606060;
    padding: 2px 0px 2px 0px;
}

.TextBoxMultiError
{
    width: 350px;
    height: 100px;
    background-color: #FFBFC3;
    border: solid 1px #606060;
    padding: 2px 0px 2px 0px;
}

.DropdownError
{
    width: 250px;
    background-color: #FFBFC3;
    border: solid 1px #606060;
}

.formbutton
{
    background-color: #f7b7b7;
    border: 1px solid #0C4D95;
    color: #FFFFFF;
    font-size: 12px;
    padding: 3px 5px;
    text-decoration: none;
    width: 170px;
    cursor: pointer;
    text-align: center;
    display: block;
}

.formbutton:hover
{	
	background-color: #0c4d95;
	border: 1px solid #f7b7b7;
}

.messagesok
{
    width: 467px; /*467 met padding */
    padding: 5px;
    background-color: #C5FFBF;
    border: 1px solid #007700;
    color: #007700;
    text-align: center;
    font-weight: bold;
    margin: 10px 0px 10px 0px;
}

.messageserror
{
    width: 467px; /*467 met padding */
    padding: 5px;
    background-color: #FF8282;
    border: solid 1px #FF0000;
    color: #FF0000;
    text-align: center;
    font-weight: bold;
    margin: 10px 0px 10px 0px;
}

/* BEGIN CART /////////////////////////////
/////////////////////////////////////////// */

.cartitem
{
    background-color: #FFFFFF;
    border: 1px solid #606060;
    margin: 5px 0px 5px 0px;
    padding: 0px;
    width: 615px;
}

.cartitem_image
{
    width: 198px;
    height: 131px;
    float: left;
    border-right: 1px solid #606060;
}

.cartitem_text
{
    width: 416px;
    float: right;    
}

.cartitem_title 
{
    background-color: #e34141;
    color: #FFFFFF;
    font-size: 12px;
    height: 20px;
    padding: 8px 10px 5px 10px;
    border-bottom: 1px solid #FFFFFF;
}

.cartitem_title:hover
{
    background-color: #da0202;
}

.cartitem_title a
{
    color: #FFFFFF;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
}

.cartitem_priceline
{
    margin: 10px 5px 10px 0px;    
}

.cartitem_price 
{
    width: 80px;
    float: left;
    height: 18px;
    padding: 2px 0px 0px 10px;
}

.cartitem_spacer
{
    width: 15px;
    float: left;
    height: 18px;
    padding: 2px 0px 0px 0px;
}

.cartitem_number 
{
    width: 70px;
    float: left;
    height: 20px;
    padding: 0px 0px 0px 15px;
}

.cartitem_subtotal 
{
    float: right;
    height: 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: right;
    margin: 0px;
    width: 150px;
}

.cartitem_delete 
{
    text-align: right;    
    padding: 28px 5px 0px 0px;
}

.cartitem_textbox
{
    text-align: center;    
    width: 45px;
}

.carttotal
{
    width: 616px;
    height: 40px;
    font-size: 20px;
    color: #FFFFFF;
    margin: 5px 0px 0px 0px;
    background-color: #e34141;
    border: 1px solid #606060;
}

.carttotal_text
{
    width: 428px;
    float: left;
    padding: 6px 0px 0px 10px;
}

.carttotal_price
{
    width: 130px;
    float: right;
    padding: 6px 10px 0px 0px;
    text-align: right;
}

.button
{
    background-color: #f7bfbf;
    border: 1px solid #da0202;
    color: #FFFFFF;
    font-size: 12px;
    margin: 0 auto;
    padding: 3px 5px;
    text-decoration: none;
}

.button:hover
{
    background-color: #da0202;
	border: 1px solid #f7bfbf;
}

/* BEGIN SLIDESHOW ////////////////////////
/////////////////////////////////////////// */

#slideshow
{
    height: 194px;    
}

/* BEGIN ORDER OVERVIEW ///////////////////
/////////////////////////////////////////// */

#order_overview
{
     background-color: #FFFFFF;
     border: solid 1px #606060;
}

#order_overview tr
{
     height: 25px;
}

#order_overview .td1
{
     width: 350px; /* 350, maar 20 af voor padding op row links en rechts */
     padding-left: 10px;
}

#order_overview .td2
{
     width: 100px;
     text-align: right;
}

#order_overview .td3
{
     width: 25px;
     text-align: center;
}

#order_overview .td4
{
     width: 50px;
}

#order_overview .td5
{
     width: 100px;
     text-align: right;
     font-weight: bold;
     padding-right: 10px;
}

#order_overview .td_span5
{
     padding-left: 10px;
     padding-right: 10px;
}

#order_overview .row_product td, #order_overview .row_deliverycosts td
{
     border-bottom: solid 1px #606060;
}

#order_overview .row_total
{
     background-color: #4987C2;
     color: #FFFFFF;
     font-weight: bold;
}

/* bg */

#background {
    width: 100%; 
    height: 100%; 
    position: absolute; 
    left: 0px; 
    top: 0px; 
    z-index: -1;
}

.stretch {
    width:100%;
    height:100%;
}