/****************************************************************
* ContentPanel1
*****************************************************************/
.ContentPanel1 { width:307px; height:162px; background-image:url('../images/contentpanel-1.png');  color:#023b6f; padding:15px;}

/****************************************************************
* ContentPanel5
*****************************************************************/
.ContentPanel5 { width:480px; height:149px; background-image:url('../images/contentpanel-5.png');  color:#023b6f; padding:15px;}
.ContentPanel5 a { color:#023b6f; font-weight:bold; }

/****************************************************************
* ContentPanel2
*****************************************************************/
.ContentPanel2 { }
.ContentPanel2 .SpriteSet1 { background-image:url('../images/contentpanel-2-spriteset-1.png'); }
.ContentPanel2 .SpriteSet2 { background-image:url('../images/contentpanel-2-spriteset-2.png'); }

.ContentPanel2 .Top { height: 9px; }
.ContentPanel2 .Top .TLeft { float:left; width:19px; height:9px; background-position:0 0;}
.ContentPanel2 .Top .TRight { float:right; width:21px; height:9px; background-position:-19px 0; }
.ContentPanel2 .Top .TMiddle { height:9px; margin:0 21px 0 19px; background-position:0 -28px; }

.ContentPanel2 .Middle { position:relative; min-height:270px; }
.ContentPanel2 .Middle .MLeft { position:absolute; left:0px; top:0px; bottom:0px; width:19px; background-position:0 0; }
.ContentPanel2 .Middle .MLeft .BgTop { position:absolute; left:0px; top:0px; width:19px; min-height:262px; background-position:0 -56px; background-repeat:no-repeat; }
.ContentPanel2 .Middle .MRight { position:absolute; right:0px; top:0px; bottom:0px; width:21px; background-position:-19px 0; }
.ContentPanel2 .Middle .MRight .BgTop { position:absolute; left:0px; top:0px; width:21px; min-height:262px; background-position:-19px -56px; background-repeat:no-repeat; }
.ContentPanel2 .Middle .MMiddle { margin:0 21px 0 19px; background-image:none; background-color:#fff; min-height:270px; }
.ContentPanel2 .Middle .MMiddle .BgTop { background-position:0 -338px; background-repeat:repeat-x; min-height:270px; }
.ContentPanel2 .Middle .MMiddle .BgTop .CP2Content { padding:2px 20px 0px 15px; }
.ContentPanel2 .Middle .MMiddle .BgTop .CP2Content h1,
.ContentPanel2 .Middle .MMiddle .BgTop .CP2Content h2,
.ContentPanel2 .Middle .MMiddle .BgTop .CP2Content h4,
.ContentPanel2 .Middle .MMiddle .BgTop .CP2Content h5
{
    color:#fff; margin:0 0 10px 0;
}
.ContentPanel2 .Middle .MMiddle .BgTop .CP2Content p { margin:0px; padding:0px; }
.ContentPanel2 .Middle .MMiddle .BgTop .CP2Content a.Arrow { position:absolute; right:25px; bottom:-5px; }

.ContentPanel2 .Bottom { height:19px; }
.ContentPanel2 .Bottom .BLeft { float:left; width:19px; height:19px; background-position:0 -9px; }
.ContentPanel2 .Bottom .BRight { float:right; width:21px; height:19px; background-position:-19px -9px; }
.ContentPanel2 .Bottom .BMiddle { height:19px; margin:0 21px 0 19px; background-position:0 -37px; }

/****************************************************************
* ContentPanel3
*****************************************************************/
.ContentPanel3 { }
.ContentPanel3 .SpriteSet1 { background-image:url('../images/contentpanel-3-spriteset-1.png'); }
.ContentPanel3 .SpriteSet2 { background-image:url('../images/contentpanel-3-spriteset-2.png'); }
.ContentPanel3 .SpriteSet3 { background-image:url('../images/contentpanel-3-spriteset-3.png'); }

.ContentPanel3 .Middle { position:relative; }
.ContentPanel3 .Middle .MLeft { position:absolute; left:0px; top:0px; min-height:295px; width:12px; background-position:0 bottom; background-repeat:no-repeat; }
.ContentPanel3 .Middle .MLeft_BgBottom { position:absolute; left:0px; top:295px; bottom:0px; width:12px; background-position:-24px 0; background-repeat:repeat-y; }
.ContentPanel3 .Middle .MRight {  position:absolute; right:0px; top:0px; min-height:295px; width:12px; background-position:-12px bottom; background-repeat:no-repeat; }
.ContentPanel3 .Middle .MRight_BgBottom { position:absolute; right:0px; top:295px; bottom:0px; width:12px; background-position:-36px 0; background-repeat:repeat-y; }
.ContentPanel3 .Middle .MMiddle { min-height:295px; margin:0 12px 0 12px; background-color:Transparent; background-position:0 top; background-repeat:repeat-x; }

.ContentPanel3 .Middle .MMiddle .CP3Content { padding:2px 0px 0px 0px; }
.ContentPanel3 .Middle .MMiddle .CP3Content h1,
.ContentPanel3 .Middle .MMiddle .CP3Content h2,
.ContentPanel3 .Middle .MMiddle .CP3Content h4,
.ContentPanel3 .Middle .MMiddle .CP3Content h5
{
    color:#fe8c1c; margin:0 0 10px 0;
    border-top:dashed 1px #a5a5a5;
    border-bottom:dashed 1px #a5a5a5;
    padding:11px 0 11px 0;
}
.ContentPanel3 .Middle .MMiddle .CP3Content p { margin:0px; padding:0px; }
.ContentPanel3 .Middle .MMiddle .CP3Content a.Arrow { position:absolute; right:25px; bottom:-5px; }

.ContentPanel3 .Bottom { height:15px; }
.ContentPanel3 .Bottom .BLeft { float:left; width:12px; height:15px; background-position:0 0; }
.ContentPanel3 .Bottom .BRight { float:right; width:12px; height:15px; background-position:-12px 0; }
.ContentPanel3 .Bottom .BMiddle { height:15px; margin:0 12px 0 12px; background-position:0 -15px; }

/****************************************************************
* ContentPanel4
*****************************************************************/
.ContentPanel4 { }
.ContentPanel4 .CP4SpriteSet1 { background-image:url('../images/contentpanel-4-spriteset-1.png'); }
.ContentPanel4 .CP4SpriteSet2 { background-image:url('../images/contentpanel-4-spriteset-2.png'); }
.ContentPanel4 .CP4Top { height:10px; }
.ContentPanel4 .CP4Top .TLeft { float:left; width:10px; height:10px; background-position:0 0; }
.ContentPanel4 .CP4Top .TRight { float:right; width:10px; height:10px; background-position:-10px 0; }
.ContentPanel4 .CP4Top .TMiddle { height:10px; margin:0 10px 0 10px; background-position:0 -20px; }
.ContentPanel4 .CP4Middle { position:relative; }
.ContentPanel4 .CP4Middle .MLeft { position:absolute; left:0px; top:0px; bottom:0px; width:10px; background-position:0 0; }
.ContentPanel4 .CP4Middle .MRight { position:absolute; right:0px; top:0px; bottom:0px; width:10px; background-position:-10px 0; }
.ContentPanel4 .CP4Middle .MMiddle { background-image:none; background-color:#fff; margin:0 10px 0 10px; min-height:20px; }
.ContentPanel4 .CP4Middle .MMiddle .CP4Content { }
.ContentPanel4 .CP4Bottom { height:10px; }
.ContentPanel4 .CP4Bottom .BLeft { float:left; width:10px; height:10px; background-position:0 -10px; }
.ContentPanel4 .CP4Bottom .BRight { float:right; width:10px; height:10px; background-position:-10px -10px; }
.ContentPanel4 .CP4Bottom .BMiddle { height:10px; margin:0 10px 0 10px; background-position:0 -30px; }

.ContentPanel4 .CP4Middle .MMiddle .CP4Content ul { margin:0; padding:0; padding-left:5px; padding-right:5px; list-style-type:none;}
.ContentPanel4 .CP4Middle .MMiddle .CP4Content ul li { background-position:left -87px; padding-left:33px;background-repeat:no-repeat; height:29px; background-image:url('../images/contentpanel-4-spriteset-4.png'); cursor:pointer;}
.ContentPanel4 .CP4Middle .MMiddle .CP4Content ul li a { height:29px; line-height:29px; display:block; cursor:pointer; }
.ContentPanel4 .CP4Middle .MMiddle .CP4Content ul li a span { height:29px; line-height:29px; display:block; cursor:pointer; }
.ContentPanel4 .CP4Middle .MMiddle .CP4Content ul li.Separator,
.ContentPanel4 .CP4Middle .MMiddle .CP4Content ul li.Separator:hover
{ height:17px; background-position:0 -116px; background-repeat:repeat-x; cursor:default; }

.ContentPanel4 .CP4Middle .MMiddle .CP4Content ul li:hover, 
.ContentPanel4 .CP4Middle .MMiddle .CP4Content ul li.Selected
{ background-position:left 0;  background-repeat:no-repeat; height:29px; background-image:url('../images/contentpanel-4-spriteset-4.png'); }

.ContentPanel4 .CP4Middle .MMiddle .CP4Content ul li:hover a,
.ContentPanel4 .CP4Middle .MMiddle .CP4Content ul li.Selected a
{ background-position:0 -58px; background-repeat:repeat-x; height:29px; line-height:29px; display:block; background-image:url('../images/contentpanel-4-spriteset-4.png'); color:#fff; text-decoration:none; }

.ContentPanel4 .CP4Middle .MMiddle .CP4Content ul li:hover a span,
.ContentPanel4 .CP4Middle .MMiddle .CP4Content ul li.Selected a span
{ background-position:right -29px; background-repeat:no-repeat; height:29px; line-height:29px; display:block; background-image:url('../images/contentpanel-4-spriteset-4.png'); }

.ContentPanel4 .CP4Middle .MMiddle .CP4Content h1,
.ContentPanel4 .CP4Middle .MMiddle .CP4Content h2,
.ContentPanel4 .CP4Middle .MMiddle .CP4Content h4,
.ContentPanel4 .CP4Middle .MMiddle .CP4Content h5
{
    margin:0 auto 10px auto; color:#fe8c1c;
}

/****************************************************************
* SubMenuPanelContainer
*****************************************************************/
.SubMenuPanelContainer { width:171px; }
.SubMenuPanelContainer .SpriteSet { background-image:url('../images/submenu-panel-container.png'); }
.SubMenuPanelContainer .Top { height:12px; }
.SubMenuPanelContainer .Middle { background-position:-171px 0; }
.SubMenuPanelContainer .Middle .SMPCContentContainer { position:relative; background-position:0 -12px; background-repeat:no-repeat; z-index:200;}
.SubMenuPanelContainer .Middle .SMPCContentContainer .SMPCContent { padding:0 10px 0 5px; min-height:310px; }
.SubMenuPanelContainer .Middle .SMPCContentContainer .SMPCContent h1,
.SubMenuPanelContainer .Middle .SMPCContentContainer .SMPCContent h2,
.SubMenuPanelContainer .Middle .SMPCContentContainer .SMPCContent h3,
.SubMenuPanelContainer .Middle .SMPCContentContainer .SMPCContent h4,
.SubMenuPanelContainer .Middle .SMPCContentContainer .SMPCContent h5
{
    margin:0 auto 10px auto; color:#fff; text-align:center; position:relative; left:-5px;
}
.SubMenuPanelContainer .Bottom { height:193px; background-position:-342px 0; position:relative; top:-170px; z-index:1; }

/****************************************************************
* ProductCatalog
*****************************************************************/
.ProductCatalog { }
.ProductCatalog ul { list-style-type:none; margin:0; padding:0; }
.ProductCatalog ul li { margin-left:10px; background-image:none; }
.ProductCatalog ul li.Separator { margin-left:0; margin-top:20px; height:20px; border-top:dashed 1px #a5a5a5;  }
.ProductCatalog ul li img { border:solid 2px #adadad; margin-right:15px; }
.ProductCatalog ul li .PriceContainer { float:right; text-align:right; }
.ProductCatalog ul li .PriceContainer .PriceLabel { font-size:9px; font-weight:bold; }
.ProductCatalog ul li .PriceContainer a.Arrow { color:#fe8c1c; font-weight:bold;  }
.ProductCatalog ul li h4 { margin-top:0px; }
.ProductCatalog ul li h4,
.ProductCatalog ul li .PriceContainer .Price
{ font-size:18px; color:#3c8bb3; font-weight:normal;}

/****************************************************************
* Checkout
*****************************************************************/
.Checkout { }
.Checkout a.Arrow { }
.Checkout_Col1 { float:left; width:417px; }
.Checkout_Col2 { float:left; width:450px; }
.Checkout_Col1 table { width:417px; }

/****************************************************************
* PaymentSelector
*****************************************************************/
.PaymentSelector { }
.PaymentSelector p { margin-top:4px; }
.PaymentSelector_Col { float:left; width:237px; min-height:205px; border-right:dashed 1px #a5a5a5; padding:15px 5px 5px 10px; }
.PaymentSelector_Col .IDealLogo { float:left; }
.PaymentSelector_Col .PayPalLogo { float:left; }
.PaymentSelector .NavBar { border-top:dashed 1px #a5a5a5; text-align:right; height:30px; margin-top:15px; padding-top:10px; }

/****************************************************************
* ShoppingCart
*****************************************************************/
.ShoppingCart { }
.ShoppingCart img { border:solid 2px #adadad; float:left; margin-right:15px; }
.ShoppingCart .NavBar { border:none; height:30px; margin-top:15px; padding-top:10px; }
.ShoppingCart .Underlined { padding:0 0 0 0; margin:0 0 0 0; height:5px; border-bottom:dashed 1px #a5a5a5; }
.ShoppingCart .ProductTitle { font-size:18px; color:#3c8bb3; font-weight:normal;}
.ShoppingCart h4,
.ShoppingCart .Price
{ font-size:18px; color:#3c8bb3; font-weight:normal;}

/****************************************************************
* iDeal / PayPal
*****************************************************************/
.IDealLogo { width:37px; height:32px; background-image:url('../images/logo-ideal.jpg');  }
.PayPalLogo { width:106px; height:32px; background-image:url('../images/logo-paypal.jpg'); }

/****************************************************************
* Validation
*****************************************************************/
.FieldValidationError { display:block; width:22px; height:22px; background-image:url('../images/validator.png'); }

/****************************************************************
* NewsList
*****************************************************************/
ul.NewsList {}
ul.NewsList li { background-image:none; margin-bottom:20px;}
ul.NewsList li .Thumbnail-Wrapper { float:left; border:solid 1px #d8d8d8; width:120px; height:90px; padding:2px; background-color:#f0f0f0; margin-right:10px;}
ul.NewsList li .Details-Wrapper { float:left; }
ul.NewsList li .Seperator { height:10px; border-bottom:solid 1px #aca899;}

/****************************************************************
* Invoice
*****************************************************************/
table.InvoiceTickets thead td { padding-right:25px; }
table.InvoiceTickets tbody td { height:25px; padding-right:25px; }
table.InvoiceTickets tbody tr.Alternate td { background-color:#f2f2f2; }