*
{
    padding: 0px;
    margin: 0px;
}

body 
{
	margin: 0px; 
	padding: 0px;
	text-align: center;
	font: 0.8em Verdana;
	background: #f9fbfe url(images/bg.jpg) center top repeat-x;	
}

a
{
    color: #004678;    
}

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




/*** PG ***/

#pg
{
	margin: 0px auto;
	width: 916px;	
}


/*** FOOTER ***/

#footer
{
    float: left;
    width: 916px;
    padding-bottom: 80px;
    font-size: 0.8em;
}


/*** LOGO ***/

#logo a.logoHome
{
    float: left;   
    height: 136px;
    width: 280px;
}

#logo ul
{
    padding-top: 80px;    
    list-style: none;
    float: right;
}

#logo ul li
{
    display: inline;
    padding: 0 8px;
    font-size: 0.9em;
}

#logo ul li a
{
    color: #024489;
    text-decoration: none;
}

#logo ul li a:hover
{
    color: #024489;
    text-decoration: underline;
}

#logo .problemen
{
    text-align: right;
    float:right;
    padding: 10px 5px 0 0;
    height: 20px;
    font-weight: bold;
    width: 560px;
    color: Red;
}

/*** BANNER ***/

#banner
{
    float:left;
    height: 241px;
    width: 916px;
    text-align: left;
}

#banner h1
{
    font-family: Trebuchet MS, Verdana, Tahoma, Arial, Sans-Serif;
    color: #ffffff;
    font-weight: normal;
    font-size: 1.4em;
    width: 500px;
    padding: 12px 0 0 20px;
}

#banner img
{
    margin: 14px 0 0 5px;
}


/*** LANGUAGE ***/

.languageNl
{
    float: left;
    padding: 210px 0 0 50px;
    height: 30px;
    width: 980px;
    font-size: 1.6em;
    color: #ffffff;
    text-decoration: none;
    font-family: Trebuchet MS;
    text-align: left;
}


.languageFr
{
    float: left;
    padding: 50px 0 0 50px;
    text-align: left;    
    font-size: 1.6em;
    color: #ffffff;
    text-decoration: none;
    font-family: Trebuchet MS;
}

.languageFr span, .languageNl span
{
    font-size: 0.7em;
}

.languageNl:hover
{
    color: #dfdfdf;
}

.languageFr:hover
{
    color: #dfdfdf;
}

/*** SHOPMENU ***/

#shopMenu
{
    float: left;
    width: 916px;
    text-align: left;
    height: 36px;
}

ul.shopMenu
{
    list-style: none;
}

ul.shopMenu li
{
    display: inline;
    margin-right: 1px;
    float: left;
}

ul.shopMenu li a
{
    float: left;
    color: #004678;
    text-decoration: none;
    font-weight: bold; 
    background: url(images/bgShopNavLeftInactive.png) left top no-repeat;
}

ul.shopMenu li a span
{
    padding: 10px;
    float: right;
    background: url(images/bgShopNavInactive.png) right top no-repeat;
}

ul.shopMenu li a.active
{
    background: url(images/bgShopNavLeft.png) left top no-repeat;
}

ul.shopMenu li a.active span
{
    float: right;
    padding: 10px;
    background: url(images/bgShopNav.png) right top no-repeat;
}


ul.shopMenu li.small a
{
    float: left;
    color: #004678;
    text-decoration: none;
    font-weight: bold; 
    background: url(images/bgShopNavLeftInactive-active.png) left top no-repeat;
}

ul.shopMenu li.small a span
{
    padding: 10px;
    float: right;
    background: url(images/bgShopNavInactive-small.png) right top no-repeat;
}

ul.shopMenu li.small a.active
{
    background: url(images/bgShopNavLeft-active.png) left top no-repeat;
}

ul.shopMenu li.small a.active span
{
    float: right;
    padding: 10px;
    background: url(images/bgShopNav-small.png) right top no-repeat;
}


/*** PRODUCT SUB MENU ***/

.productSubmenu 
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.productSubmenu li a
{
    padding: 3px 0;
    float: left;
    width: 210px;
    text-decoration: none;
    border-bottom: 1px solid #cccccc;
}

.productSubmenu li a:hover, .productSubmenu li a.active
{
    color: #e73549;
    cursor: pointer;
}







/****** btn ******/

.btn
{
    float: right;
    margin: 0 0 20px 10px;
}

.btn a
{
    float: left;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold; 
    color: #a1d2f7;
    background: url(images/btnLeft.png) left top no-repeat;
}

.btn a span
{
    padding: 4px 10px;
    float: right;
    background: url(images/btnRight.png) right top no-repeat;
}

.btn a.active, .btn a:hover
{
    color: #ffffff;
    background: url(images/btnLeftActive.png) left top no-repeat;
}

.btn a.active span, .btn a:hover span
{
    float: right;
    padding: 4px 10px;
    background: url(images/btnRightActive.png) right top no-repeat;
}


/****** btnlarge ******/
.btnLarge
{
    float: right;
    margin: 0 0 20px 10px;
}

.btnLarge a
{
    float: left;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold; 
    color: #a1d2f7;
    background: url(images/btnProductLeft.png) left top no-repeat;
}

.btnLarge a span
{
    padding: 4px 10px;
    float: right;
    background: url(images/btnProductRight.png) right top no-repeat;
}

.btnLarge a.active, .btnLarge a:hover
{
    color: #ffffff;
    background: url(images/btnProductLeftActive.png) left top no-repeat;
}

.btnLarge a.active span, .btnLarge a:hover span
{
    float: right;
    padding: 4px 10px;
    background: url(images/btnProductRightActive.png) right top no-repeat;
}





/**** btnProduct ****/

.btnProduct
{
    float: left;
    margin: 0 0 0 10px;
}

.btnProduct a
{
    float: left;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold; 
    color: #a1d2f7;
    width: 153px;
    height: 27px;
    padding: 3px 0 0 0;
    text-align: center;
    background: url(images/btnProduct.jpg) left top no-repeat;
}


.btnProduct a.active, .btnProduct a:hover
{
    color: #ffffff;
    background: url(images/btnProductActive.jpg) left top no-repeat;
}








.btnRedBig
{
    float: left;
    font-size: 1.4em;
    text-transform: uppercase;
}

.btnRedBig a
{     
    float: left;   
    color: #fff; 
    background: url(images/btnRedBig.png) left top no-repeat; 
    font-weight:bold; 
    text-decoration: none;    
}

.btnRedBig a span
{
    background: url(images/btnRedBigRight.png) right top no-repeat;
    padding: 21px 25px;
    float:left;
}






/**** btnProduct ****/

.btnBasket
{
    float: left;
    margin: 0 0 5px 2px;
    background: url(images/btnBasket.png) top ;
    width: 272px;
    height: 27px;
}

.btnBasket a
{
    width: 272px;
    text-align:center;
    float: left;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold; 
    color: #a1d2f7;
    padding-top: 3px;    
}

.btnBasket a:hover
{
    color: #ffffff;
    background: url(images/btnBasketActive.png) left top no-repeat;
    width: 272px;
    height: 27px; 
}


.btnXLarge
{
    float: right;
    margin: 0 0 5px 2px;
    background: url(images/btnXLarge.png) top ;
    width: 344px;
    height: 27px;
}

.btnXLarge a
{
    width: 344px;
    text-align:center;
    float: left;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold; 
    color: #a1d2f7;
    padding-top: 3px;    
}

.btnXLarge a:hover
{
    color: #ffffff;
    background: url(images/btnXLargeActive.png) left top no-repeat;
    width: 344px;
    height: 27px; 
}









.spacer
{
    float: left; height: 15px; width: 500px;
}









/*** CONTENT ***/


.floatLeft
{
    float: left;
}

.attention
{
    background: #ffffff;
    padding: 10px;
    margin: 0 0 20px 0;
}


/* content general building */


#content
{
    float:left;
    width: 916px;
    text-align: left;
    background: url(images/bgContent.jpg);
    line-height: 1.5em;
}

#content .leftMiddle
{
    float: left;
    width: 581px;
    padding: 10px 15px 0 15px;
}


#content .left, #content .middle
{
    float: left;
    width: 275px;
    padding: 10px 15px 0 15px;
}

#content .left
{
    border-right: dotted 1px #cacaca;
}

#content .right
{
    float: left;
    width: 275px;
    padding: 10px 15px 0 15px;
}

#content .right p
{
    padding: 5px 0;
}

#content .right p b
{
    color: #025ab1;
    font-size: 0.9em;
}

#content .right .links
{
    padding-top: 3px;
    font-size: 0.7em;
}

/* content html items */

#content h2, .modal-message h2, .modal-message h1
{
    color: #004678;
    font-family: Trebuchet MS, Verdana, Tahoma, Arial, Sans-Serif;
    font-size: 1.5em;
    line-height: 1.3em;
    padding-bottom: 15px;
}


.left h2, .middle h2
{
    min-height: 50px;
}


#content ul
{
    padding: 20px 0 15px 30px;
    color: #025ab0;
}

#content .imageRight
{
    float: right;
    padding: 0 0 0 10px;
}



/* content bottom */

#contentBottom
{
    float: left;
    width: 916px;
    height: 9px;
    margin: 0 0 20px 0;
    background: url(images/bgContentBottom.png);
}


/* product detail */

.detailTop
{
    float: left;
    background: url(images/detailTop.png);
    width: 580px;
    height: 8px;
}

.detailMiddle
{
    background: #efefef; 
    float:left; 
    width: 560px;
    padding: 2px 10px 10px 10px;
}

.detailMiddleContent
{
    float: left;
    padding: 0 25px;
}

.detailMiddleContentStep
{
    float: left;

}

.detailMiddleContent h3
{
    font-size: 1.1em;
    text-transform: uppercase;
    color: #027cd0;
    width: 500px;
}

.detailBottom
{
    float: left;
    background: url(images/detailBottom.png);
    width: 580px;
    height: 8px;
}

.detailInnerTop
{
    float: left;
    background: url(images/detailInnerTop.png);
    width: 560px;
    height: 8px;
}
.detailInnerMiddle
{
    padding: 5px 0 0 0;
    background: #dfdfdf; 
    float:left; 
    width: 560px;
    height: 65px;
}

.detailInnerMiddleStep
{
    padding: 5px 0 0 0;
    background: #dfdfdf; 
    float:left; 
    width: 560px;
    height: 83px;
}

.detailInnerBottom
{
    float: left;
    background: url(images/detailInnerBottom.png);
    width: 560px;
    height: 8px;
}


.productDetailTextbox, .txtContact, .captchaText
{
    border: solid 1px #cccccc;
    padding: 3px;
    width: 238px;
}

.captchaText
{
    text-align: center;
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
}

.RizivTextbox
{
    border: solid 1px #cccccc;
    padding: 3px;
    text-align: center;
}

.TextboxNoSize
{
    border: solid 1px #cccccc;
    padding: 3px;
}



/*
.btnRedBig
{
    font-size: 0.9em;
    width: 300px;
}

.btnRedBig a
{        
    color: #fff; 
    background: url(images/btnRedBig.png) left top no-repeat; 
    font-weight:bold; 
    text-decoration: none;    
    display:block;
    height: 64px;
}

.btnRedBig a:hover
{        
    color: #aaa; 
    background: url(images/btnRedBig.png) left top no-repeat; 
    font-weight:bold; 
    text-decoration: none;    
    display:block;
}

.btnRedBig a span
{
    background: url(images/btnRedBigRight.png) right top no-repeat;
    height: 64px;
    float:right;
}
*/









/***** detailsview/gridview *****/


.optionRow, .optionHeader
{
    width: 500px;
    border-bottom:solid 1px #ddd;
    padding: 10px;
}

.optionRow img
{
    padding: 10px 15px;
}

.dvProductRow div
{
    padding: 5px 0;
}

.optionRowBasket a
{
    color: #004678 ;
}

.optionRowBasket a:hover
{
    text-decoration: none;
}

.optionRowBasket a img
{
    border: 1px solid #cecece;
}

.optionRowBasket a:hover img
{
    border: 1px solid #004678;
}

.optionRowBasket
{
    width: 560px;
    border-bottom:solid 1px #ddd;
    padding: 10px;
}

.optionHeaderBasket
{
    background: url(images/basketTop.png) no-repeat;
    height: 30px;
}

.basketHeader
{
    background: url(images/basketTop.png) no-repeat;
    height: 20px;
    padding: 5px;
    font-weight: bold;
}

.padding
{
    padding: 10px;
}

.captchaControl
{
    border: 1px solid #999999;
    background: #efefef;
    padding: 5px;
    width: 235px;
}

.captchaControl .captchaText
{
    height: 30px;
    font-size: 1.8em;
    padding: 5px;
    margin-left: 7px;
}

.captchaControl .captchaNew
{
    color: #000000;
    text-decoration: underline;
}

.errorCaptcha
{
    background: red;
    padding: 10px;
    margin: 10px 0 0 0;
    color: #ffffff;
    width: 227px;
}