﻿/***************************************************************************/
/**********************************    reset    ****************************/
/***************************************************************************/

html,body{
	width: 100%
	height: 100%;
	margin: 0px;
	padding: 0px;
}
body *{
	font-family: Arial,Helvetica,sans-serif;
	font-size:11px;
}
form, input{
	margin: 0px;
	padding: 0px;
}
h1,h2{
	font-size: 25px;
	line-height: 25px;
	color: #333;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
h1{
	margin-bottom: 25px;
	font-weight: bold;
}
p{
	font-size: 11px;
	color: #666;
}
p  a:link,p  a:visited,p  a:hover,p  a:active{
	color: #5079ad;
	font-size: 12px;
	text-decoration: none;
}
p a:hover{
	text-decoration: underline;
}
a.BreadCrumbLink:link,a.BreadCrumbLink_Active:link{
	font-weight: bold;
}
/***************************************************************************/
/**********************************  main back  ****************************/
/***************************************************************************/

#ShopMainLayOutTable{
	background: url('/CyklopStudio/back.png') no-repeat top center;
}

/***************************************************************************/
/**********************************   top space  ***************************/
/***************************************************************************/
#logo{
	cursor: pointer;
}
#slogan{
	font-size: 14px;
	font-style: italic;
	color: #c9c9ca;
	position: relative;
	left: 795px;
	top: 80px;
	_left: 578px;
}
#sloganH{
	font-weight: bold;
	color: #c9c9ca;
    font-size: 14px;
    font-style: italic;
}
#logo{
	width: 226px;
	height: 55px;
	background: url('/CyklopStudio/LogicKeyboard-logo.png') no-repeat;
	float: left;
	margin-top: 3px;
}

/***************************************************************************/
/**********************************     basket   ***************************/
/***************************************************************************/

#basketTarget{
	float: right;
	width: 350px;
	text-align: right;
	font-size:12px;
}
#basketTarget *{
	font-size:12px;
}
#basketTarget img{
/*	position: relative;
	top: 12px;*/
}

/***************************************************************************/
/**********************************    search    ***************************/
/***************************************************************************/

#Search_Form{
	display: none;
}
#searchDiv{
	background: url('/CyklopStudio/SearchBack.png') no-repeat;
	padding: 4px;
}
#CSearchField_SearchPage{
	height: 30px;
	_line-height: 30px;
	width: 125px;
	border: 0px;
	background: transparent;
	font-size: 11px;
	color: #333333;
	padding-left: 7px;
	float: left;
	_float: none;

}
#CSubmitButton_SearchPage{
	background: transparent;
	height: 30px;
	width: 25px;
	border: 0px;
	cursor: pointer;
}
#CSearch_Form{
	margin: 0px;
	padding: 0px;
}
#CSearch_Form input{
	margin: 0px;
}
/***************************************************************************/
/**********************************   Top menu   ***************************/
/***************************************************************************/

.TopMenu_TR{
	background: url('/CyklopStudio/topMenu.png') no-repeat;
}
#ShopLayOut_Topmenu_TD,.topMenuWrap{
	line-height: 40px;
	vertical-align: middle;
}
#ShopLayOut_Topmenu_TD *{
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	color: white;
}
.topMenuWrap{
	float:left;
	padding: 0px 20px;
	border-left: 1px solid #606061;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
}
#iconHome{
	vertical-align: middle;
	margin-top: 13px;
}

/***************************************************************************/
/******************************   Product menu   ***************************/
/***************************************************************************/

.RootCategory_Productmenu img{
	display: none;
}
/***** Set defualt font type exc + other hacks ****/
#ProductmenuContainer_DIV *{
	font-size: 14px;
	text-transform: capitalize;
	text-decoration: none;
}

/************ remove all line breaks ************/
#ProductMenu_Table TD br, #ProductmenuContainer_DIV br{
	display: none;
}
/************** set sub menu with to 100% ***************/
.SubMenu_Productmenu_Table{
	width: 100%;
}
/************ Set prod menu with, padding & margin************/
#ProductmenuContainer_DIV{
	width: 160px;
	margin: 0px;
}
/************ Menu head ************/
/*
.ProductMenuCol_TD{
}
.Heading_Productmenu{
	line-height: 30px;
	padding-left: 10px;
	font-weight: bold !important;
	color: #4e4e4e !important;
	font-size: 13px;
}*/
/************ Niveau 1 ************/
#ProductMenu_Table TD{
	line-height: 29px;
	background-color: rgb(246, 246, 246);
	border-top: 1px solid #efefef;
	background: url('/CyklopStudio/menuArrow.gif') no-repeat;
}
#ProductMenu_Table TD A:Link,#ProductMenu_Table TD A:Active ,#ProductMenu_Table TD A:Visited,#ProductMenu_Table TD A:Hover{
	display: block;
	padding-left: 10px;
	color: #333333;
	font-weight: bold;
}
/* contains subgroups */
#ProductMenu_Table TD B {
}
/* active */
#ProductMenu_Table TD .Activ_Productmenu:Link, #ProductMenu_Table TD .Activ_Productmenu:Visited, #ProductMenu_Table TD .Activ_Productmenu:Hover, #ProductMenu_Table TD .Activ_Productmenu:Active, #ProductMenu_Table TD .Activ_Productmenu SPAN{
	/*font-weight: bold !important;*/
	/*margin-top: 8px;
	margin-bottom: 8px;
	line-height: 14px;*/
}
/************ Niveau 2 ************/
.SubCategoryIndent1_Productmenu,.SubCategoryIndent2_Productmenu{
	display:none;
}
#ProductMenu_Table TD TD .ProductMenu_MenuItemBold{
	color: #333333;
	font-size: 11px !important;
	font-weight: normal;
}
#ProductMenu_Table TD TD{
	padding-left: 0px;
	line-height: 20px;
	border: 0px none;
	background: url('/CyklopStudio/subBack.gif');
}
#ProductMenu_Table TD TD A:Link {
	color: #333333;
	font-size: 11px !important;
	font-weight: normal !important;
	display: block;
	padding-left: 10px;
}
#ProductMenu_Table TD TD A:Active {
	display: block;
	padding-left: 0px;
	color: #333333;
	font-size: 11px !important;
	font-weight: normal !important;
}
#ProductMenu_Table TD TD A:Visited {
	display: block;
	padding-left: 10px;
	color: #333333;
	font-size: 11px !important;
	font-weight: normal !important;
}
#ProductMenu_Table TD TD A:Hover {
	display: block;
	padding-left: 10px;
	color: #333333;
	font-size: 11px !important;
	font-weight: normal !important;
}
#ProductMenu_Table TD TD B {
}
#ProductMenu_Table TD TD A SPAN {
}
/* active */
#ProductMenu_Table TD TD .Activ_Productmenu:Link, #ProductMenu_Table TD TD .Activ_Productmenu:Visited, #ProductMenu_Table TD TD .Activ_Productmenu:Hover, #ProductMenu_Table TD TD .Activ_Productmenu:Active, #ProductMenu_Table TD TD .Activ_Productmenu SPAN{
	font-weight: bold !important;
	color: #333333;
}
/************ Niveau 3 ************/
.SubCategoryIndent1_Productmenu,.SubCategoryIndent2_Productmenu{
	display:none;
}
#ProductMenu_Table TD TD TD .ProductMenu_MenuItemBold{
	color: #333333;
	font-size: 11px !important;
	font-weight: normal;
}
#ProductMenu_Table TD TD TD{
	padding-left: 0px;
	line-height: 20px;
	border: 0px none;
	padding-left: 0px;
	/*background: transparent;*/
}
#ProductMenu_Table TD TD TD A:Link {
	color: #333333;
	font-size: 11px !important;
	font-weight: normal !important;
	display: block;
	padding-left: 20px;
	line-height: 20px;

}
#ProductMenu_Table TD TD TD A:Active {
	display: block;
	color: #333333;
	font-size: 11px !important;
	font-weight: normal !important;
	padding-left: 20px;
	line-height: 20px;
}
#ProductMenu_Table TD TD TD A:Visited {
	display: block;
	color: #333333;
	font-size: 11px !important;
	font-weight: normal !important;
	padding-left: 20px;
	line-height: 20px;
}
#ProductMenu_Table TD TD TD A:Hover {
	display: block;
	color: #333333;
	font-size: 11px !important;
	font-weight: normal !important;
	padding-left: 20px;
	line-height: 20px;
	background: url('/CyklopStudio/subBackAct.gif') repeat;
}
#ProductMenu_Table TD TD TD B {
}
#ProductMenu_Table TD TD TD A SPAN {
}
/* active */
#ProductMenu_Table TD TD TD .Activ_Productmenu:Link, #ProductMenu_Table TD TD TD .Activ_Productmenu:Visited, #ProductMenu_Table TD TD TD .Activ_Productmenu:Hover, #ProductMenu_Table TD TD TD .Activ_Productmenu:Active, #ProductMenu_Table TD TD TD .Activ_Productmenu SPAN{
	font-weight: bold !important;
	color: #333333;
}
.SubCategory2_Productmenu  .Activ_Productmenu{
	background: url('/CyklopStudio/subBackAct.gif') repeat;
}
/************************	add bottom	**********************/
#ProductMenu_bot{
	background: url('/CyklopStudio/prodMenuBot.png') no-repeat;
	height: 5px;
	margin-bottom: 10px;
	_margin-bottom: 0px;
}
/* hack for prod menu*/
.activeP{
	color: black !important;
	font-weight: bold !important;
}

/***************************************************************************/
/**************************  comments & news  ******************************/
/***************************************************************************/

#comments{
	width: 160px;
	background: url('/CyklopStudio/costFeedBack.png') -3px -3px no-repeat;
}
#comments *{
	font-size: 11px;
	font-weight: normal;
}
#comments a {text-decoration: none; line-height: 20px;}
#comments a:link{ color: #333; font-weight: bold; }
#comments a:visited{ color: #333; font-weight: bold; }
#comments a:hover{ color: #000; font-weight: bold; }
#comments a:active{ color: #333; font-weight: bold; }
.comHead{
	padding-top: 8px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: bold !important;
	font-size: 14px !important;
}
.comBody{
	color: #666666;
	font-style: italic;
	padding: 10px;
	margin-bottom: 10px;
}
.cBut{
	width: 138px;
	height: 22px;
	background: url('/CyklopStudio/comBut.png') no-repeat;
	text-align: center;
	margin-left: 11px;
	margin-top: 3px;
}
#news{
	width: 166px;
	height: 200px;
	background: url('/CyklopStudio/newsLback.png') -3px -3px no-repeat;
	margin-top: 10px;
}
#news *{
	font-size: 11px;
	font-weight: normal;
}
#news .comBody{
	padding-bottom: 6px;
	padding-top: 5px;
	margin: 0px;
	font-style: normal;
}
#NewsLetterField{
	height: 29px;
	width: 138px;
	background: transparent;
	margin-left: 10px;
	border: 0px;
	padding-left: 10px;
	_line-height: 29px;
}
#NewsLetterBtn{
	height: 22px;
	width: 70px;
	background: url('/CyklopStudio/newsSubm.png') no-repeat;
	border: 0px;
	margin-left: 45px;
	margin-top: 10px;
	cursor: pointer;
}
#newsLinks{
	padding: 10px;
	padding-top: 5px;
	_padding-top: 0px;
}
#newsLinks a {text-decoration: none; line-height: 20px;margin-right: 10px;}
#newsLinks a:link{ color: #5079ad;}
#newsLinks a:visited{ color: #5079ad;}
#newsLinks a:hover{ color: #000;}
#newsLinks a:active{ color: #5079ad;}

/***************************************************************************/
/*****************************  bottom space  ******************************/
/***************************************************************************/
#ShopLayOut_SpaceBottom_TD{
	vertical-align:top;
}
.barBot{
	margin-top: 8px;
	width: 117px;
	height: 4px;
	line-height: 4px;
	font-size: 0px;
	float: left;
}
#botText{
	font-weight: bold;
	font-size: 11px;
	color: #333;
	width: 420;
	margin: 15px auto 0 auto;
	_margin-left: 310px;
}
.botLink {
	font-weight: normal;
	color: #5079ad;
	margin-left: 25px;
}
#cc{
	background: url('/CyklopStudio/cc.png') no-repeat;
	width: 310px;
	height: 19px;
	margin: 15px auto;
	_margin-left: 370px;
}
#design{
	width: 126px;
	height: 11px;
	margin: 0px auto;
	_margin-left: 410px;
}


/***************************************************************************/
/******************************  Front page  *******************************/
/***************************************************************************/

#fpContTop{
	background: url('/CyklopStudio/fpContTop.png') no-repeat;
	height: 5px;
	line-height: 5px;
	font-size: 5px;
}
#fpCont{
	background: url('/CyklopStudio/fpGradient.png');
	border: 1px solid #e9eaec;
	border-top: 0px;
	/*height: 305px;*/
}
#t1{
	height: 305px;
}
#fpImage{
	width: 300px;
	height: 200px;
	padding: 0px 8px 0px 35px;
}
#fpText{
	width: 50%;
	padding-right: 35px;
	vertical-align:middle;
}

#fpText h1,h2{
	font-size: 25px;
	line-height: 25px;
	color: #333;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
#fpText h1{
	margin-bottom: 25px;
	font-weight: bold;
}
#fpTour h3{
	font-size:14px;
	font-weight: bold;
	color: #666;
	paddin: 0px;
	margin: 0px;
	margin-bottom: 5px;
}
#tour1{
	border-right: 1px solid #e9eaec;
	border-left: 1px solid #e9eaec;
	border-bottom: 1px solid #e9eaec;
}
#tour2{
	border-right: 1px solid #e9eaec;
	border-bottom: 1px solid #e9eaec;
}
#cta{
	color: #333;
	font-size: 12px;
	text-align: center;
	background-color: #ededed;
	height: 60px;
	line-height: 60px;
	font-weight: bold;
}
#selHead{
	text-align: center;
	margin: 0px;
	padding-top: 30px;
	padding-bottom: 13px;
	border: 1px solid #e9eaec;
	border-top: 0px;
	border-bottom: 0px;
}
#selHead h2{
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
}
.fpPrice{
	font-size: 11px;
	color: #333;
	width: 50%;
	height: 25px;
	padding-left: 7px;
	padding-right: 7px;
}
.fpProdCont{
	width:160px;
	/*height: 166px;*/
	padding: 15px;
	border: 1px solid #f4f4f5;
	border-bottom: 0px;
	border-right: 0px;
	border-top:0px;
}
.Frontpage_Custom_TBL{
	border-top: 1px solid #f4f4f5;
}
.fpProdCCont{
	width:160px;
	height: 55px;
}
.fpProdName{
	height: 45px;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	width: 160px;
}
.fpProdName a:link,.fpProdName a:visited,.fpProdName a:hover,.fpProdName a:active{
	font-size: 11px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
.fpProdImage{
	height: 90px;
	width: 160px;
}
#fpContBot{
	background: url('/CyklopStudio/fpBoxBottom.png') no-repeat;
	height: 8px;
	line-height: 8px;
	font-size: 0px;
}
.miniBanner p{
	margin: 5px 0px;
	padding: 0px;
}


/***************************************************************************/
/*****************************  Product List  ******************************/
/***************************************************************************/

.plProdCCont{
	width: 180px;
	height: 80px;
	margin: 20px;
}
.plPrice,
.plPrice strong{
	font-size: 14px;
	color: #333;
}
.plProdName *{
	font-size: 12px;
	color: #5079ad;
	font-weight: bold;
	text-decoration: none;
}
.plProdName a:link,.plProdName a:visited,.plProdName a:hover,.plProdName a:active{ font-weight: bold;}
.plShortDesc{
	font-size: 12px;
	color: #333;
}
#plContTop{
	background: url('/CyklopStudio/plTopBar.png') no-repeat;
	height: 5px;
	line-height: 0px;
	font-size: 0px;
}
#plCont{
	border: 1px solid #e9eaec;
	border-top: 0px;
	border-bottom: 0px;
	width: 770px;
	_width: 730px;
	padding-top: 8px;
	padding-top: 20px;
	background-color:white;
	margin: 0px;
}
#plContBot{
	background: url('/CyklopStudio/plBotBar.png') no-repeat;
	height: 7px;
	line-height: 0px;
	font-size: 0px;
}
.BreadCrumb_ProductList *{
	color: #5079ad;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
#ccont{
	width:730px;
	margin-left: 20px;
	_margin-right: 20px;
}
#toolBar{
	float:right;
}
#toolBar img{
	margin: 0px 5px;
}
#plDescription{
	margin: 0px 20px;
}
#plBread{
	float:left;
}
#plBread table{
	width: 400px !important;
}
#plBread table *{
	line-height: 20px;
}
.ProductList_Custom_TBL{
	width: 770px;
}
#plCont h1{
	margin-bottom: 0px;
}
#cykPages{
	padding: 20px 0px 15px 0px;
	text-align: center;
	border: 1px solid #e9eaec;
	border-bottom: 0px;
}
#cykPages a {
	border: 1px solid #e9eaec;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	background-color: #f2f2f2;
	text-decoration: none;
	line-height: 18px;
	padding: 2px 5px;
}
#cykPages a:hover{
	background-color: #e9eaec !important;
}
#cykPages a.InactivePageNumber_ProductList:link {
	border: 1px solid #e9eaec;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	background-color: #f2f2f2;
}
#cykPages a.ActivePageNumber_ProductList:link {
	border: 1px solid #e9eaec;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	background-color: white;
}
#cykPages a.ActivePageNumber_ProductList:link,#cykPages a.ActivePageNumber_ProductList:visited,#cykPages a.ActivePageNumber_ProductList:hover,#cykPages a.ActivePageNumber_ProductList:active{background-color: white !important;}
#cykPages a.ActivePageNumber_ProductList:hover{
	background-color: #e9eaec !important;
}
#blackTop{
	background: url('/CyklopStudio/blackTop.png') no-repeat;
	height: 4px;
	line-height: 4px;
	font-size: 0px;
	width: 180px;
}
#blackMid{
	background: url('/CyklopStudio/blackMid.png');
	width: 170px;
	_width: 180px;
	font-size: 12px;
	font-weight: bold;
	color: #999;
	text-align: center;
	padding: 4px 5px;
}
#blackMid span{
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}
#blackBot{
	background: url('/CyklopStudio/blackBot.png') no-repeat;
	height: 4px;
	line-height: 4px;
	font-size: 0px;
	width: 180px;
}
.BackgroundColor1_Productlist,
.BackgroundColor2_Productlist{
	border-top: 1px solid #E9EAEC;
}

/*****************************  cust comments  ******************************/
#plCustCom{
	background: url('/CyklopStudio/plCustCom.png') no-repeat;
	width: 770px;
	margin-top: 10px;
}
#plChead{
	font-weight: bold !important;
	font-size: 18px !important;
	float:left;
	margin: 20px 20px;
}
#plMcQ{
	width: 138px;
	height: 22px;
	background: url('/CyklopStudio/comBut.png') no-repeat;
	text-align: center;
	margin-left: 11px;
	margin-top: 20px;
	float:right;
	margin-right: 20px;
}
#plGfb{
	width: 138px;
	height: 22px;
	background: url('/CyklopStudio/comBut.png') no-repeat;
	text-align: center;
	margin-left: 11px;
	margin-top: 20px;
	float:right;
}
#plCustCom a{
	font-size: 11px;
	font-weight: bold;
	color: #333;
	line-height: 22px;
}
#plCcom{
	color: #666666;
	font-style: italic;
	padding: 5px 20px;
}

/***************************************************************************/
/**************************  Prod gr desc page  ****************************/
/***************************************************************************/

.pgGrey,.cSubGrDivider{
	font-size: 12px;
	font-weight: bold;
	color: #92959e;
}
.cIcon{
	width: 70px;
	padding-left: 20px;
}
.cName{
	width: 260px;
}
.cName a:link,.cName a:visited,.cName a:active{
	font-size: 18px;
	font-weight: bold;
	color: #333;
}
.cName a:hover{
	font-size: 18px;
	font-weight: bold;
	color: #333;
	text-decoration: underline;
}
.cSubGrClink{
	width: 160px;
}
.cLink{
	width: 140px;
	text-align: right;
	padding-right: 20px;
}
#pgCont{
	border: 1px solid #E9EAEC;
	border-top: 0px;
	border-bottom: 0px;
	width: 768px;
	_width: 770px;
	padding: 0px 0px;
	background-color: white;
}
.pgTable1{
	height: 59px;
	border-top: 1px solid #E9EAEC;
}
#pgBread,#pgCont h1{
	margin-left: 20px;
}
#pgBread{
	padding-top: 10px;
}
/***************************************************************************/
/**************************  Prod gr desc page2  ***************************/
/***************************************************************************/

#tabMp{
	height: 41px;
}
.pgProdBox2{
	width: 230px;
	height: 180px;
	display: inline;
	margin-right: 20px;
}
.midPGbox{
	width: 228px;
	height: 172px;
	/*border: 1px solid #e9eaec;*/
	border-top: 0px;
	border-bottom: 0px;
	text-align: center;
}
.pg2Name{
	text-align: center;
	vertical-align:top;
}
.pg2Name a:link,.pg2Name a:visited,.pg2Name a:hover,.pg2Name a:active{
	font-size: 18px;
	font-weight: bold;
}
.pg2Name a:hover{
	text-decoration: underline;
}
.topPGbox,.botPGbox{
	height: 4px;
	line-height: 4px;
	font-size: 0px;
}
.topPGbox{
	/*background: url('/CyklopStudio/pgSimgTop.png') no-repeat;*/
}
.botPGbox{
	/*background: url('/CyklopStudio/pgSimgBot.png') no-repeat;*/
}
.pgProCont2{
	padding: 20px;
}
/***************************************************************************/
/*****************************  order step 1  ******************************/
/***************************************************************************/
.Heading_Orderstep1_TBL{
	height:51px;
}
#OrderStep1_TD *{
	color: #333;
	font-weight: normal;
}
#OrderStep1_TD b{
	font-weight: bold;
}
#OrderStep1_TD a{
	color: #5079ad;
}
#Orderstep1_AlternativeDelivery_Heading_TD{
	padding-bottom:14px;
}
#Orderstep1_AlternativeDelivery_Fields_TD{
	padding-left:20px;
}
.TextInputField_Orderstep1,.OptionSelect_Orderstep1{
	margin-bottom: 5px;
	border: 1px solid #cccccc;
	background-color: transparent !important;
}
.TextInputField_Orderstep1,.OptionSelect_Orderstep1{
	height: 25px;
	line-height:25px;
}
.LabelColumn{
	padding-top:5px;
	vertical-align:top;
}
textarea.TextInputField_Orderstep1{
	height:60px;
}
textarea.TextInputField_Orderstep1{
	margin-top: 5px;
	margin-bottom: 15px;
}
.HR_OrderStep1,hr[noshade]{
	color: #f3f3f3 !important;
	background-color: #f3f3f3 !important;
	border-color: #f3f3f3 !important;
	line-height: 1px;
	font-size: 1px;
}
.Heading_Orderstep1_TBL br{
	display: none;
}
#tag{
	margin-top:15px;
	font-weight: bold;
}
.LoadProfile_Orderstep1_TBL  .SubmitButton_Orderstep1{
	background: url('/CyklopStudio/loadProfile.png') no-repeat;
	width: 96px;
	height: 21px;
	border: 0px;
	cursor: pointer;
	margin-top: 8px;
	margin-bottom: 7px;
}
.BackgroundColor1_Orderstep1 {
	margin-left: 20px;
    margin-right: 20px;
    width: 699px !important;
}
.SubmitButton_Orderstep1{
	background: url('/CyklopStudio/delivery.png') no-repeat;
	width: 101;
	height: 33px;
	border: 0px;
	cursor: pointer;
	position:relative;
	z-index:999;
}
.BackButton_Orderstep1{
	background: url('/CyklopStudio/backBut.png') no-repeat;
	width: 102;
	height: 33px;
	border: 0px;
	cursor: pointer;
	position:relative;
	z-index:999;
}
.HR_OrderStep1{
	_position:relative;
	_top:-6px;
}

/***************************************************************************/
/*****************************  order step 2  ******************************/
/***************************************************************************/
.OrderStep2_Methods_Header_TD{
	height:51px;
}
.OrderStep2_Methods_Devider_TD hr {
    background-color: #F3F3F3 !important;
    border-color: #F3F3F3 !important;
    color: #F3F3F3 !important;
    font-size: 1px;
    line-height: 1px;
	_position:relative;
	_top:-5px;
}
.SubmitButton_Orderstep2{
	background: url('/CyklopStudio/confirm.png') no-repeat;
	width: 121;
	height: 32px;
	border: 0px;
	cursor: pointer;
}
.BackButton_Orderstep2{
	background: url('/CyklopStudio/backBut.png') no-repeat;
	width: 102;
	height: 33px;
	border: 0px;
	cursor: pointer;
}
.OrderStep2_Methods_Header_TD br,
.Heading_Orderstep2_TBL br{
	display: none;
}
table.BackgroundColor1_Orderstep2{
	margin-left: 20px;
	width: 900px;
}
.OrderStep2_PayMethods_Header_TD{
	padding-bottom:10px;
}
.OrderStep2_ShippingMethods_Header_TD{
	padding-top: 20px !important;
	padding-bottom: 10px !important;
}
.BackButton_Orderstep2,.SubmitButton_Orderstep2{
	margin-top: 5px;
}
.TableLines_Orderstep2 td{
	vertical-align:top;
}
.OrderStep2_Methods_Next_TD{
	padding-top:20px;
}
/***************************************************************************/
/*****************************  order step 3  ******************************/
/***************************************************************************/
#step3Header{
	border-bottom:1px solid #F3F3F3;
	padding-bottom:17px;
	position:relative;
	top:-27px;
	_position:absolute;
	_top:210px !important;
	_width:100%;
}
.SubmitButton_OrderStep3{
	background: url('/CyklopStudio/backBut.png') no-repeat;
	width: 102;
	height: 33px;
	border: 0px;
	cursor: pointer;
}
.SubmitButton_Orderstep3_Position{
	background: url('/CyklopStudio/payment.png') no-repeat;
	width: 121;
	height: 32px;
	border: 0px;
	cursor: pointer;
}
.OrderStep3_Methods_Header_TD{
	_padding-top:80px;
}
.OrderStep3_Methods_Header_TD br,.Heading_Orderstep3_TBL br{
	/*display: none;*/
}
table.BackgroundColor1_Orderstep3{
	margin-left: 20px;
}
table.BackGroundColor1_OrderStep3{
	width: 700px;
}
#acceptTermsBit{
	margin-top: 20px;
}

/***************************************************************************/
/*****************************  order step 4  ******************************/
/***************************************************************************/
.canBeHidden{
	display: none;
}
table.BackgroundColor1_Orderstep3{
	margin-left: 20px;
}
table.BackGroundColor1_OrderStep3{
	width: 700px;
}
#acceptTermsBit{
	margin-top: 20px;
}
.BackgroundColor1_CreditCardPayment{
	width: 100% !important;
}
.BackgroundColor1_CreditCardPayment table{
	margin-left: 20px;
}
.SubmitButton_Pay{
	background: url('/CyklopStudio/placeOrder.png') no-repeat;
	width: 91;
	height: 31px;
	border: 0px;
	cursor: pointer;
}

.BackGroundColor1_OrderStep4{
	width:720px;
}
/***************************************************************************/
/*****************************  order step 4  ******************************/
/***************************************************************************/

#shareBox{
	position:relative;
}
#gPlus{
	float: left;
	width: 85px;
	_width: 105px;
	overflow: hidden;
}
#twProd{
	position: relative;
	float: left;
	top: 3px;
	margin-right: 5px
}
#fbLike{
	position: relative;
	float: left;
	top: 3px;
	_left: -20px;
	display: inline !important;
}

/***************************************************************************/
/*****************************   Egne sider   ******************************/
/***************************************************************************/

#leftMenuTop {
	background: url('/CyklopStudio/leftTop.png') no-repeat;
	height: 4px;
	line-height: 0px;
	font-size: 0px;
}
#leftMenuCont {
	border-left: 1px solid #e9eaec;
	background-color: white;
	border-right: 1px solid #e9eaec;
}
#leftMenuBot {
	background: url('/CyklopStudio/leftBot.png') no-repeat;
	height: 4px;
	line-height: 0px;
	font-size: 0px;
}
#leftMenuCont ul{
	list-style-type: disc;
	list-style-image: url('/CyklopStudio/bullet.png');
	list-style-position: outside;
	margin-top: 0px;
	margin-bottom: 0px;
}
#leftMenuCont li{
	margin-top: 8px;
	margin-bottom: 8px;
}

.grey{
	color: #999999;
}
#hr{
	background-color: #f3f3f3;
	line-height: 1px;
	font-size: 1px;
	height:1px;
	width: 740px;
}
.leftCol{
	width: 180px;
	vertical-align: top;
}
h3{
	font-size: 14px;
	margin-top: 30px;
}
.CmsPageStyle h3{
	margin-bottom:0px;
}
h4{
	margin-bottom: 0px;
}
#leftMenuCont .frmFields{
	width: 170px;
	height: 25px;
	border: 1px solid #ccc;
	margin-bottom: 3px;
	line-height:25px;
}
#sendBut{
	background: url('/CyklopStudio/sendBut.png') no-repeat;
	width: 102px;
	height: 32px;
	border: 0px;
	cursor: pointer;
}
.padMe{
	padding: 10px;
}
#flag{
	position: relative;
	top: 5px;
	_top: 3px;
	left: -20px;
}
/* fade effect */
#ccBc{
	height: 40px;
	width: 100%;
	position: relative;
}
#fade1{
	background-color: #ffdf80;
	height: 40px;
	line-height: 40px;
	width: 100%;
	position: absolute;
	z-index: 2;
}
#fade2{
	background-color: rgb(255,253,213);
	height: 40px;
	width: 100%;
	position: absolute;
	z-index: 1;
}
#selectCountryBar{
	height: 40px;
	width: 100%;
	position: absolute;
	z-index: 3;
}
.SubmitButton_Customer{
	background: url('/CyklopStudio/sendButton.png') no-repeat;
	width: 110px;
	border: 0px;
	height: 35px;
	cursor: pointer;
	vertical-align: middle;
}
.TextInputField_Customer{

}





#B2BLogin_TD{
	background:url('/CyklopStudio/b2bBackground.png') no-repeat;
	height:382px;
}
.Heading_B2Blogin b{
	font-size:18px;
}
.TextInputField_B2Blogin{
	height:25px;
	line-height:23px;
	margin:5px 0px;
	border:1px solid #cccccc;
	width:170px;
}
.SubmitButton_B2Blogin{
	background:url('/CyklopStudio/login.png') no-repeat;
	border:none;
	width:104px;
	height:32px;
	cursor: pointer;
}
#discountBanner2{
	margin-left: 140px;
	width: 400px;
	line-height: 1em;
	_top: -40px !important;
	white-space:nowrap;
}
#states2{
	_margin-left: 10px !important;
}
#country2{
	_margin-left: -5px !important;
}
.OptionSelect_ProductInfo{
	width: 154px;
}
.pCprice{
font-size: 18px;
font-weight: bold;
text-align:right;
}

.pCprice span{
font-size: 18px!important;
font-weight: bold;
}


#selectCountryBar table{
	width:940px;
	margin:0px auto;
}
#selectCountryBar table .txt{
	color:#999999;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	height:40px;
	line-height:39px;
	width: 405px;
}
#selectCountryBar table .txt b{
	color:#e9eaec;
}
#selectCountryBar table .txt img{
	vertical-align:middle;
	position:relative;
	top:-1px;
}
#country{
	margin-right:25px;
}
#states {
	display:none;
	margin-left: -17px;
	margin-right: 17px;
}
#states2{
	display:none;
	/*_margin-left: -3px;*/
	_position:relative;
	_left:-7px;
}
#ccBcBut{
	cursor:pointer;
	vertical-align:middle;
	_position: relative;
	_top: -2px;
}
#states2{
	margin-top:8px;
	width:160px;
}
#prodcardSelectCountry{
	position:absolute;
	width:180px;
	overflow:hidden;
	background:url('/CyklopStudio/selectCountry/prodcardSelectCountryBg.png') bottom left #FFFFFF;
	margin-top:40px;
	/*height:210px;*/
	height: 225px;
}
#prodcardSelectCountry table .txt{
	padding:10px 0px;
}
.noPriceDiv{
	background-image: url('http://test.logickeyboard.com/CyklopStudio/productcard/relatedBg.jpg');
	height: 30px;
}
#prodcardSelectCountry table .txt img{
	vertical-align:middle;
	position:relative;
	top:-1px;
}
#prodcardSelectCountry #country2{
	width:160px;
	margin:0px;
}
.boxContent{
	background:url('/CyklopStudio/productcard/boxBg.jpg') #FFFFFF;
}
#toolbar img{
	vertical-align:top;
}
.BreadCrumb_ProductInfo a:link,
.BreadCrumb_ProductInfo a:active,
.BreadCrumb_ProductInfo a:visited,
.BreadCrumb_ProductInfo a:hover{
	color:#5079ad;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
}
.BreadCrumb_ProductInfo{
	font-size:11px;
	line-height:13px;
}
h1 .Description_Productinfo{
	font-size:18px;
	font-weight:bold;
	color:#333333;
}
h1{
	font-size:18px;
	font-weight:bold;
	color:#333333;
	margin:10px 0px 15px 0px;
}
#prodDescription{
	font-size:11px;
	color:#333333;
	padding-top:20px;
}
#priceBox{
	background:url('/CyklopStudio/productcard/priceBox.jpg');
}
.priceBoxTxt{
	color:#333333;
	font-size:11px;
	padding:0px 10px 3px 10px;
}
.productNoTxt{
	color:#333333;
	font-size:11px;
	padding:0px 10px 3px 10px;
	height:43px;
	_height:43px;
}
.priceBoxTxt .Description_Productinfo{
	font-weight:bold;
}
.PriceText_ProductInfo_TD,
.PriceAmount_ProductInfo_TD,
.PriceUnit_ProductInfo_TD,
.PriceDevider_ProductInfo_TR{
	display:none;
}
.PriceBefore_ProductInfo_TD,
.Price_ProductInfo{
	padding:0px;
}
.Price_ProductInfo,
.Price_ProductInfo .SpecialOfferPrice_ProductInfo{
	font-size:18px;
	font-weight:bold;
}
#retailPrice .Price_Productinfo{
	font-size:11px;
	text-decoration:line-through;
	font-weight:normal;
}

.Variants{
	margin-bottom:10px;
}
#desc2 .Description_Productinfo ul{
	margin:0px;
	 padding: 0 0 0 15px;
}

#buySectionTable{
	background:url('/CyklopStudio/productcard/buySection.jpg');
	height:50px;
}
#BUYSECTION br{
	display:none;
}
#AMOUNT{
	height:30px;
	width:30px;
	text-align:center;
	line-height:28px;
}
table#BUYSECTION{
	margin:0px 10px;
}
td.BuyButton_ProductInfo{
	text-align:right;
	padding-top: 2px;
}
.relatedProductsBox{
	background:url('/CyklopStudio/productcard/relatedBox.jpg') no-repeat;
	height:55px;
}
.basketProductlineHeader{
	font-size:11px;
	color:#666666;
	font-weight:bold;
	border-bottom:2px solid #e9eaec;
	padding-bottom:5px;
}
.basketProductline{
	border-bottom:1px solid #e9eaec;
	padding-top:8px;
	padding-bottom:8px;
	font-size:12px;
	color:#333333;
}
.basketProductline a:link,
.basketProductline a:active,
.basketProductline a:visited,
.basketProductline a:hover{
	font-size:12px;
	font-weight:bold;
	color:#5079ad;
	text-decoration:none;
}
.productImg img {
	margin-right:10px;
}
.product{
	color:#666666;
	font-size:11px;
}
#basketTotalTxt{
	color:#333333;
	font-size:12px;
	padding-top:20px;
	border-bottom:2px solid #e9eaec;
	padding-bottom:8px;
}
#basketTotal,
#basketTotal span{
	color:#333333;
	font-size:16px;
	font-weight:bold;
	padding-top:20px;
	border-bottom:2px solid #e9eaec;
	padding-bottom:8px;
}
#discountBanner2{
	font-size:13px;
	color:#666666;
}
#discountBanner2 span{
	font-size:13px;
	color:#333333;
	font-weight:bold;
}
#freeGiftBannerImgTd{
	background:none;
	width:224px;
	text-align:center;
	padding-top:14px;
	vertical-align:top;
}
#popupFreedelivery #freeGiftBannerImgTd{
	background:url('/CyklopStudio/popup/popupProductBg.png') no-repeat 10px 10px;
	width:180px;
	text-align:center;
	padding-top:14px;
	vertical-align:top;
}
#freeGiftBannerImg{
	height:80px;
	position:relative;
}
#freeGiftBannerImg img{
	margin:0px 0px;
	height:96px;
}
#freeGiftBannerImg img#label{
	position:absolute;
	top:0px;
	left:13px;
	z-index:99;
	height:14px;
}
#freeGiftBannerImgTd #value{
	margin-top:7px;
	color:#999999;
}
#freeGiftBannerImgTd #value span{
	color:#ffffff;
}
#freeGiftBanner{
	background:url('/CyklopStudio/showbasket/freeGiftBg.png');
	width:690px;
	height:124px;
}
#popupFreedelivery #freeGiftBanner{
	background:none;
	width:460px;
	height:124px;
}

#freeGiftBannerTxt{
	font-size:16px;
	color:#999999;
	font-weight:Bold;
	padding:0px 15px;
}
#popupFreedelivery #freeGiftBannerTxt{
	font-size:12px;
	color:#999999;
	font-weight:Bold;
	padding:0px 15px;
}
#freeGiftBannerTxt span{
	font-size:16px;
	color:#ffffff;
	font-weight:Bold;
}
#popupFreedelivery #freeGiftBannerTxt span{
	font-size:12px !important;
	color:#ffffff;
	font-weight:Bold;
}
#help{
	background:url('/CyklopStudio/ordersteps/helpBg.jpg') no-repeat top right;
	border-right:1px solid #e9eaec;
}
.listItem{
	background:url('/CyklopStudio/ordersteps/bullet.jpg') no-repeat 10px 6px;
	padding:0px 0px 0px 20px;
	color:#666666;
	font-size:12px;
}
#wrapper{
	position:absolute;
	top:0px;
	left:0px;
}
#overlay{
	background:url('/CyklopStudio/popup/overlay.png');
	position:absolute;
	top:0px;
	left:0px;
}
#popup{
	position:absolute;
	width:534px;
	height:316px;
	background:url('/CyklopStudio/popup/popup.png');
}
#popupFreedelivery{
	color:#999999;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
#popupFreedelivery span{
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
}
.CustComTable {
    background: url("/CyklopStudio/plCustCom.png") no-repeat scroll 0 0 transparent;
    height: 150px;
    width: 770px;
}
.CustComHeader{
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 18px;
	font-weight: bold;
	padding-top: 20px
}
.CustCom{
	padding-bottom: 5px;
	font-style: italic;
	padding-left: 20px;
	padding-right: 20px;
	height: 90px;
	color: #666666;
	vertical-align: top;
	padding-top: 5px
}
.boxTop,
.boxBottom{
	height:13px;
	font-size:0px;
	line-height:0px;
}
.boxContent{
	vertical-align:top;
}
.Heading_TipFriend br{
	display:none;
}
.TextInputField_TipFriend{
	height:20px;
	width:190px;
	margin-bottom:5px;
}
.SubmitButton_TipFriend{
	background:url('/CyklopStudio/sendBtn.png');
	border:none;
	width:99px;
	height:22px;
}
textarea.TextInputField_TipFriend{
	height:90px;
}
