@charset "utf-8";
/* MicroChip Quotation System CSS Document */
  
/* ______________ Overridden HTML Tags _________________*/


html {background-color: #ebf6fc; background: url(Images/backgroundpixelblue.jpg) repeat-x; text-align:left;}
th {font-family:Arial, Helvetica,sans-serif; font-size:12px; font-weight:bold; color:white; text-align:left; padding-bottom:10px; text-transform:uppercase; border-bottom:2px solid white;}
h1 {font-family:Arial, Helvetica,sans-serif; font-size:12px; font-weight:bold; color:#084886; text-align:left; padding-bottom:10px; text-transform:uppercase; border-bottom:2px solid #084886;}
img {border:0px;}



/* ______________ Skin Classes _________________*/


#Form{height:100%;}
#dnn_dnnSEARCH_txtSearch.NormalTextBox {background: transparent; width: 150px; height:16px; color: gray; font-family:  Arial, Helvetica;font-size:  12px;  padding: 0px 0px 0px 0px; border: 0px solid #FFFFFF; cursor:text; line-height: 16px; vertical-align:top;}

.Skin_Width_Size{width:910px;}
.SearchTD {  background: url(Images/searchBackground.jpg) no-repeat; padding: 0px 0px 0px 0px;  }
.SeperatorTd { background: url(Images/BreadArrow.png) no-repeat; width:10px; height:17px;  padding: 0px 0px 0px 0px;  }
.StandardButton {background: #aaaaaa none; color: black;font-family: Verdana, sans-serif; font-size: 11px;font-weight: normal;}
.Head {font-family:Arial, Helvetica; font-size:11px; font-weight:normal; color: black;}
.offerImage{float:right; line-height:150%; vertical-align:middle; padding-left:20px;}


/* ______________ Content Classes _________________*/
.strikeout{text-decoration:line-through;}
.strikeout2{text-decoration:line-through; text-align:center;}
.specialPrice{font:bold 14px Arial,Helvetica,sans-serif; vertical-algin:middle; color:#666666; padding-left:10px;}
.specialPrice2{font:bold 13px Arial,Helvetica,sans-serif; vertical-algin:middle; color:#666666; padding-left:0; text-align:left;}

.buttonClass {background-color:#0D73D9; margin-left:3px; padding: 2px 4px; border:solid white 1px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:white;}


.menuBackground {width:230px;border-bottom:solid 1px #ffffff;}
.menuBackground a:link, .menuBackground a:active, .menuBackground a:visited {color:#fff;text-decoration:none;width:100%; padding-right:4px; padding-left:3px; font-size:12px; display:block; width:96.5% !important}
.menuBackground a:hover {background-color:#0D73D9;text-decoration:none;width:100%; padding-right:4px; padding-left:3px; font-size:12px;}

.menuCategories {font-family: Arial,Helvetica; font-size:12px; font-weight:normal; color:white; padding-right:4px; padding-left:3px;}
.menuCategories a:link, .menuCategories a:active, .menuCategories a:visited {font-family:Arial, Helvetica; font-size:12px; font-weight:normal; color:white;}

/*.btnSearch{width:22px; height:45px; cursor:hand; text-decoration:none;}
.btnSearch:link, .btnSearch:visited {cursor:hand; text-decoration:none;	background: url(Images/searchBtnOff.jpg) no-repeat; }
.btnSearch:hover {cursor:hand; text-decoration:none;	background: url(Images/searchBtnOn.jpg) no-repeat;}
*/

table #itemTable   {width:577px; text-align:left;} 
#itemTable a:link, a:active, a:visited {font-family:Arial, Helvetica,sans-serif; font-size:11px; color:#666666; text-transform: capitalize;}
#itemTable a:hover  {font-family:Arial, Helvetica,sans-serif; font-size:11px; color:#666666; text-transform: capitalize; text-decoration:underline;} 
td #itemTable  {font-family:Arial, Helvetica,sans-serif; font-size:11px; color:#666666; border:1px solid #084886; padding:9px 0px; background-color:#F0F0F0; text-align:left;} 


table #itemAltTable {width:577px; text-align:left;} 
td #itemAltTable {font-family:Arial, Helvetica,sans-serif; font-size:11px; color:#666666; border:1px solid #084886; padding:9px 0px; background-color:#fff; text-align:left; text-transform:capitalize;} 
#itemAltTable a:link, a:active, a:visited {font-family:Arial, Helvetica,sans-serif; font-size:11px; color:#666666; text-transform: capitalize;}
#itemAltTable a:hover  {font-family:Arial, Helvetica,sans-serif; font-size:11px; color:#666666; text-transform: capitalize; text-decoration:underline;} 

#specialItems{width:600px; text-align:center; margin:0 auto;}
.specialItems td{text-align:center; }
table #specialTable {width:250px; height:230px; text-align:center; margin:0 auto 10px auto; float:left;  margin:10px 25px 10px; margin:0 25px 10px!;} 
#specialTable a:link, a:active, a:visited {font-family:Arial, Helvetica,sans-serif; font-size:11px; color:#666666; text-transform: capitalize;}
#specialTable a:hover  {font-family:Arial, Helvetica,sans-serif; font-size:11px; color:#666666; text-transform: capitalize; text-decoration:underline;} 
td #specialTable  {font-family:Arial, Helvetica,sans-serif; font-size:11px; color:#666666; border:1px solid #084886; padding:5px 5px 10px; background-color:#FFF; 
text-align:center;/*#F0F0F0*/ }
#specialTable td.itemPrice {text-align:left; padding-top:10px; padding-left:5px; padding-left:10px!; padding-top:0!;}

.editbuttons{width:1%; padding:0 5px}
.editbuttons a, .editbuttons a:link, .editbuttons a:visited  {font-family:Arial, Helvetica,sans-serif; font-size:11px;text-decoration:none; color:#006fd9!important;}
.editbuttons a:active, .editbuttons a:hover {text-decoration:none; color:#084886!important;}

/*White buttons ID*/
#whitebuttons a, #whitebuttons a:visited  {font-family:Arial, Helvetica,sans-serif; font-size:11px; text-transform:uppercase; text-decoration:none; color:#fff;}
#whitebuttons a:active, #whitebuttons a:hover {text-decoration:none; color:#c2c2c2;}

/*White buttons class*/
.whitebuttons a, .whitebuttons a:visited  {font-family:Arial, Helvetica,sans-serif; font-size:11px; text-transform:uppercase; text-decoration:none; color:#fff;}
.whitebuttons a:active, .whitebuttons a:hover {text-decoration:none; color:#c2c2c2;}

/*Red Colour*/
.redbuttons a, .redbuttons a:visited  {font-family:Arial, Helvetica,sans-serif; font-size:11px; text-transform:uppercase; text-decoration:none; color:#f40000;}
.redbuttons a:active, .redbuttons a:hover {text-decoration:none; color:#c2c2c2;}

.itemThumb {padding:9px; background-color:none; width:60px; width/*\**/:12%\9}
.itemThumb, x:-moz-any-link, x:default{padding-right:0;}
.itemStockCode {padding-left:10px; width:17%; }
.itemProductName {/*width: 45%;*/ width:auto; font-weight:normal; }
.itemPrice {padding-right:9px; width:15%;}
.itemPrice2 {padding-right:9px; width:15%; text-align:center;}
.cart{width:1%;}


#specialTable .itemThumb {padding-left:9px; border-right:1px solid #084886; background-color:none; width:60px;}
#specialTable .itemStockCode {padding-left:10px; width:90px; }
#specialTable .itemProductName {width: 342px; font-weight:normal; padding-top:10px; padding-top:0!;}
#specialTable .itemPrice {padding-right:9px; width:auto}

.specialOfferName{height:40px; height:30px!; vertical-align:top;}
.specialOfferPrice{text-align:center!important; width:100%}
.specialOfferPrice span{width:100px;}

.cartButton p.dnm_buttons {float:right!important; margin:0; padding:0;}
.cartButton{text-align:right; padding:10px 0 0; padding:0 5px 10px 0!; height:36px;}

.stockCodeClass {font-family:Arial, Helvetica,sans-serif; font-size:11px; color:#666666; font-weight:bold; text-transform:uppercase;}
.stockCodeClass a:active, a:visited, a:hover, a:link {font-weight:bold;}
.productNameClass {font-family:Arial, Helvetica,sans-serif; font-size:11px; color:#666666; text-transform: capitalize;}
.productNameClass a{font-family:Arial, Helvetica,sans-serif; font-size:11px; color:#666666; text-transform: capitalize; font-weight:normal;}
.productNameClass a:link, .productNameClass a:active, .productNameClass a:visited {color:#666666; font-weight:normal;}
.productNameClass a:hover {color:#084886;}
.priceClass {font-family:Arial, Helvetica,sans-serif; font-size:11px; color:#666666; font-weight:bold;}

#paging table{margin: 0 auto;}

table #detailedItemTableWrapper {width:600px; background-color:#ffffff; text-align:left;}
table #detailedItemTable {border:1px solid #084886;} 

table #description{width:92.5%; margin:20px;}

.detItemLargePic {padding:25px;}
.detailedItemLabel {width:75px; background-color:#F0F0F0;font-family:Arial, Helvetica,sans-serif; font-size:11px; color:#666666; font-weight:bold; text-transform:uppercase; border-right:1px solid #084886; border-bottom:1px solid #084886; padding:15px;}
.detailedDescriptionLabel {background-color:#F0F0F0; border:1px solid #084886; margin-left:20px; padding:10px; padding-left:20px; width:75px; font-family:Arial, Helvetica,sans-serif; font-size:11px; color:#666666; font-weight:bold; text-transform:uppercase; }
.detailedItemStockCode {border-bottom:1px solid #084886; font-family:Arial, Helvetica,sans-serif; font-size:11px; color:#666666; padding:15px;}
.detailedItemProductDescription {border:1px solid #084886; border-top:0;padding:20px;font-family:Arial, Helvetica,sans-serif; font-size:11px; color:#666666; text-decoration:none;background-color:#fff;}
.detailedItemProductDescription p {margin:0 0 0.2em 0; padding:0;}
.detailedItemProductDescriptionText{font-family:Arial, Helvetica,sans-serif; font-size:11px; color:#666666; text-decoration:none;background-color:#fff;}

.detailedItemPrice {border-bottom:1px solid #084886; font-family:Arial, Helvetica,sans-serif; font-size:11px; color:#666666; padding:15px;}

table #aboutUsWrapper {border:1px solid #084886; width:600px; background-color:#ffffff; padding:20px; margin-bottom:20px; font-family:Arial, Helvetica,sans-serif; font-size:12px; color:#666666; text-align:left;}

table #contactUsWrapper {border:1px solid #084886; width:600px; background-color:#ffffff; padding:20px; font-family:Arial, Helvetica,sans-serif; font-size:12px; color:#666666;
 text-align:left;}
td #contactUsWrapper {height:10px; padding-left:20px; padding-top:0px; padding-bottom:5px; margin:0px;}
#contactUsWrapper .valid{ padding-left:4px; color:#084886; font-weight:700; text-align:right; vertical-align:top; }

/* Search Custom Button*/

#search .button{display: inline-block; float: left; margin:0 0 0 0; padding:5px 10px 5px 7px; /* Links */ border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; background-color:#60adf3; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:10px; line-height:130%; text-decoration:none; font-weight:bold; color:white; cursor:pointer; }
#search .button{ width:auto; overflow:visible; padding:2px 2px 2px 2px; /* IE6 */ } #search .button[type]{ padding:2px 2px 2px 2px; /* Firefox */ line-height:12px; /* Safari */ } 
*:first-child+html #showroom .button[type] { padding:2px 2px 2px 2px; /* IE7 */ } 
/* Read More Button */ 
#search .button.search:hover{ background-color:#c5b850; border:1px solid white; color:white; } 
#search .button.search:active{ background-color:#c5b850; border:1px solid white; color:white; } 

.smalltitle {color:#306ba5; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; font-style: normal; text-transform:capitalize;}
.smalltitlegrey {color:#676664; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; font-style: normal; padding-left:2px;}

.editLink, .editLink a:active, .editLink a:visited, .editLink a:link {color:#00FF00; font-family:Arial, Helvetica, sans-serif; font-size:8px; font-weight:bold; text-transform:uppercase; padding-left:2px;}
.editLink a:hover {color:#00FF00; font-family:Arial, Helvetica, sans-serif; font-size:8px; font-weight:bold; text-transform:uppercase; padding-left:2px;}

.deleteLink, .deleteLink a:active, .deleteLink a:visited, .deleteLink a:link {color:red; font-family:Arial, Helvetica, sans-serif; font-size:8px; font-weight:bold; text-transform:uppercase; padding-left:2px;}
.deleteLink a:hover {color:red; font-family:Arial, Helvetica, sans-serif; font-size:8px; font-weight:bold; text-transform:uppercase; padding-left:2px;}

.btnSend, .btnSend a, .btnSend:active, .btnSend:visited {background: url(Images/sendBtnOff.jpg) no-repeat; cursor:pointer; height:22px; width:45px;}
.btnSend:hover {background: url(Images/sendBtnOn.jpg) no-repeat; cursor:pointer; height:22px; width:45px; text-decoration:none;}

.btnBack {font-family:Arial, Helvetica,sans-serif; font-size:11px; font-weight:bold; color:#666666; text-transform: capitalize;padding-right:30px;}
.btnBack a:link, .btnBack a:active, .btnBack a:visited {font-family:Arial, Helvetica,sans-serif; font-size:11px; font-weight:bold; color:#666666; text-transform: capitalize;}
.btnBack a:hover {font-family:Arial, Helvetica,sans-serif; font-size:11px; font-weight:bold; color:#084886; text-transform: capitalize; text-decoration:underline;}

.addbtn a, .addbtn a:active, .addbtn a:visited {font-family:Arial, Helvetica,sans-serif; font-size:11px; font-weight:bold; color:#3366ff; text-transform: capitalize;}
.addbtn a:hover {font-family:Arial, Helvetica,sans-serif; font-size:11px; font-weight:bold; color:#084886; text-transform: capitalize; text-decoration:underline;}

/*Offers/News Edit Form*/ 
#editForm table,#editForm tr { vertical-align:top; padding:5px; }
#editForm .header th{text-align:center;} 
#editForm td{ padding:4px; color:#084886; } 
#editForm th {padding:4px;  font-size:12px; font-weight:700; color:#084886; text-align:right; vertical-align:top; } 
#editForm input,#editForm textarea { font:12px Arial, Helvetica, sans-serif; width:200px; color:#084886; } 
#editForm input[type=radio]{width:20px;}
#editForm input[type=checkbox]{width:20px;}
#editForm input[type=submit]{width:100px; margin-top:0.3em;}
#editForm .drop{ font:12px Arial, Helvetica, sans-serif; width:210px; padding-left:5px; color:#084886; } 
#editForm .valid{ padding-left:4px; color:#084886; font:12px Arial, Helvetica, sans-serif; font-weight:700; text-align:right; vertical-align:top; } 
#editForm select{font:12px Arial, Helvetica, sans-serif; width:200px; color:#084886;}


/* ______________ Menu Classes _________________*/


.MainMenu_MenuContainer { background: transparent; }
.MainMenu_MenuBar {cursor: pointer; height: 36px; background-color: transparent;}
.MainMenu_MenuArrow {border-right: #cccccc 0px solid; border-bottom: #cccccc 0px solid; border-top: #cccccc 0px solid;font-family: webdings; font-size: 10pt; cursor: pointer;}
.MainMenu_RootMenuArrow {font-family: webdings; font-size: 10pt; cursor: pointer; border-right: #cccccc 0px solid; border-bottom: #cccccc 0px solid; border-top: #cccccc 0px solid;}

.dnmblueMainMenu_MenuItemSel {text-transform:uppercase; cursor: pointer;  color: white; font-family:  Arial; font-size: 9pt; font-weight: bold; font-style: normal; text-align:left; background-color: #0d61b0; }
.dnmblueMainMenu_MenuItemSel TD {background-color: transparent;  font-family:  Arial; font-size: 9pt; font-weight: bold; font-style: normal;}
.dnmblueMainMenu_MenuItem {text-transform:uppercase; border-left: #cccccc 0px solid;border-bottom: #cccccc 0px solid;border-top: #cccccc 0px solid;border-right: #cccccc 0px solid;cursor: pointer; color: white; font-family: Arial; font-size: 9pt;font-weight: bold;font-style: normal; background: transparent; text-align:left;}
.dnmblueMainMenu_SubMenu {background-color: #0a4a86; 	z-index: 1000;  	border-right: #cccccc 0px solid; border-bottom: black 0px solid; 	border-top: #cccccc 0px solid; margin-top: 1px; margin-right:0px;  font-family:  Arial; font-size: 9pt; font-weight: bold; font-style: normal}
.dnmblueMainMenu_SubMenu td {	border-bottom: white 1px dotted; color:#f5f5f5;  font-family:  Arial; font-size: 9pt; font-weight: bold; font-style: normal}
.MainMenublue_Active TD, .MainMenublue_BreadcrumbActive TD  {  background: url(Images/pixelTabblue.jpg) repeat-x top center transparent; height: 36px; color:#0a4a86; font-family: Arial; font-size: 9pt; font-weight: bold;font-style: normal; background-color: transparent;}
.MainMenublue_LeftActive { background: url(Images/leftTabblue.jpg) no-repeat  transparent; width:9px; height: 36px;  }
.MainMenublue_RightActive { background: url(Images/rightTabblue.jpg) no-repeat   transparent; width:9px; height: 36px; }
.MainMenublue_LeftIdle { background: transparent; width:9px; height: 36px; }
.MainMenublue_RightIdle { background: transparent; width:9px; height: 36px; }
.MainMenublue_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon { display: none; }
.MainMenu_MenuBreak { border-top-style: none; border-right-style: none;	border-left-style: none; border-bottom-style: none; background:transparent;  vertical-align:top;}
.MainMenu_Seperator { background: transparent; width:1px; height: 36px; }

/*Login Class*/

.loginClass {font-family:Arial, Helvetica, sans-serif, Helvetica;font-size:11px; font-weight:normal; color:#666666;}
.loginClass a, .loginClass a:visited, a.loginClass, a.loginClass a:visited  {font-family:Arial, Helvetica, sans-serif, Helvetica; font-size:11px; font-weight: normal; color: #666666;}
.loginClass a:hover, a.loginClass a:hover {font-family:Arial, Helvetica, sans-serif, Helvetica; font-size:11px; font-weight:normal; text-decoration:underline; color:#084886;}

/*LeftPane*/
#dnn_LeftPane{width:200px;}

/*----------------------E-Shop------------------------*/

a[type=disabled],a[disabled=disabled]{color:#999999!important;cursor:pointer!important;text-decoration:none!important; font-weight:bold;}
a:hover[type=disabled],a:hover[disabled=disabled]{color:#999999!important;cursor:pointer!important;text-decoration:none!important; font-weight:bold;}

/*Eshop Cart Button*/

/*A - Cart link style*/
a.cart,a.cart:link,a.cart:visited{float:left; font:bold 1em Arial,Helvetica,sans-serif!important; text-align:left; margin:0 5px!important; padding:5px; vertical-align:bottom; text-decoration:none!important; color:#fff!important; background:#084886; display: inline-block; line-height:1.5em; border:1px solid #084886; -moz-border-radius:3px; width:65px !important;}
a.cart:active,a.cart:hover{float:left; font:bold 1em Arial,Helvetica,sans-serif!important; text-align:left;vertical-align:bottom; text-decoration:none; display: inline-block; line-height:1.5em; color:#084886!important; background:#fff; border:1px solid #084886;}