/*-----------------------------------------------------------------------*/
/*  				 ___      _  _      _         						 */
/* 					|   \ _ _| \| |_  _| |_____    						 */
/* 					| |) | '_| .` | || | / / -_)  					 	 */
/* 					|___/|_| |_|\_|\_,_|_\_\___|  					 	 */
/*                            										     */
/*            	Skin Styles for DotNetNuke - by DrNuke            		 */
/*                     http://www.DrNuke.co.uk/                          */
/*              Copyright DrNuke - All rights reserved                   */
/*-----------------------------------------------------------------------*/

/*-----------------------------------------------------------------------*/
/* General Page Styles													 */
/*-----------------------------------------------------------------------*/
html { height:100%; margin:0; padding:0; }
#Body { height:100%; margin:0; padding:0; background:#000000; }
form { height:100%; margin:0; padding:0; }
p { font-family:verdana,arial,helvetica; font-size:11px; color:#ffffff; }
table, tr, td { font-family:verdana,arial,helvetica; font-size:11px; color:#ffffff; }
li { color:#9aa8d3; }
.normal, .Normal { font-family:verdana,arial,helvetica; font-size:11px; color:#ffffff; }
.NormalBold { font-family:verdana,arial,helvetica; font-size:11px; font-weight:bold; color:#ffffff; }
.NormalRed { color:#c50000; font-family:verdana,arial,helvetica; font-weight:bold; font-size:11px; }
.fullheight { height:100%; }
.fullwidth { width:100%; }
.clear { clear:both; line-height:0; margin:0; padding:0; font-size:0; height:0; }
.hidden { display:none; }
.ultra-hr { width:100%; height:1px; background:url(images/hr.gif) repeat-x; }
.ultra-hr2 { width:100%; height:1px; background:url(images/hr2.gif) repeat-x; }
.DataGrid_Item { background-color:#cacaca; }
.FileManager { border:1px solid white; }

/*-----------------------------------------------------------------------*/
/* Page Structure														 */
/*-----------------------------------------------------------------------*/
#outer-container { width:95%; height:100%; margin:0 auto; }

#logo-container { height:179px; }
#logo-container img { border:none; }
#logo-container .logo-tl { width:347px; }
#logo-container .logo-t { background:url(images/t.gif) repeat-x; }
#logo-container .logo-tr { width:385px; }
#logo-container .logo-tl2 { width:347px; vertical-align:top; }
#logo-container .logo-t2 { background:url(images/t2.gif) repeat-x; }
#logo-container .logo-tr2 { width:385px; }

#search-container { width:200px; height:30px; margin:0; padding:4px 0 0 0; float:left; position:relative; }

#menu-container { margin:0 15px 0 0; float:right; }

#user-container { float:left; height:32px; margin:0; }
#login-container { float:left; height:32px; margin:0; }

#content-container { width:100%; margin:10px 0 0 0; }

#copyright-container { margin:7px 0 0 0; }
#terms-container { float:left; margin:2px 5px 0 0; padding:0 0 10px 0; }
#privacy-container { float:left; margin:2px 0 0 0; padding:0 0 10px 0; }

/*-----------------------------------------------------------------------*/
/* Search																 */
/*-----------------------------------------------------------------------*/
#search-container .SkinObject { color:#ee3b33; font-size:10px; position:absolute; left:5px; top:9px; }
#search-container input { height:16px; background:#ffffff; width:130px; color:#666666; margin:3px 0 0 0; padding:2px 0 0 0; border:none; cursor:text; z-index:1; position:absolute; right:0; }

/*-----------------------------------------------------------------------*/
/* Links																 */
/*-----------------------------------------------------------------------*/
a:link, a:visited, a:active { font-family:verdana,arial,helvetica,verdana; font-size:11px; color:#ee3b33; font-weight:bold; text-decoration:underline; }
a:hover { color:#afbcdb; text-decoration:underline; }
a.Normal:link, a.Normal:visited { font-family:verdana,arial,helvetica,verdana; font-size:11px; color:#ee3b33; font-weight:normal; text-decoration:none; }
a.Normal:hover { color:#afbcdb; text-decoration:none; }
a:hover { color:#afbcdb; text-decoration:none; }
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { font-family:verdana,arial,helvetica,verdana;  color:#d01616; font-weight:bold; font-size:11px; text-decoration:underline; }
a.CommandButton:hover { color:#afbcdb; text-decoration:underline; }
.ControlPanel .CommandButton { color:#666666; font-weight:bold; font-size:11px; }

/*-----------------------------------------------------------------------*/
/* Headings																 */
/*-----------------------------------------------------------------------*/
h1 { font-family:verdana,arial,helvetica,verdana; font-size:20px; color:#8d9dcd; font-weight:bold; }
h2 { font-family:verdana,arial,helvetica,verdana; font-size:18px; color:#ffffff; font-weight:bold; }
h3 { font-family:verdana,arial,helvetica,verdana; font-size:16px; color:#ffffff; font-weight:bold; }
h4 { font-family:verdana,arial,helvetica,verdana; font-size:12px; color:#ffffff; font-weight:bold; }
h5 { font-family:verdana,arial,helvetica,verdana; font-size:11px; color:#ffffff; font-weight:bold; }
h6 { font-family:verdana,arial,helvetica,verdana; font-size:11px; color:#ffffff; font-weight:bold; }
.Head { font-family:verdana,arial,helvetica,verdana; font-size:14px; color:#ffffff; font-weight:bold; padding:0; margin:0; }
.SubHead { font-family:verdana,arial,helvetica,verdana; font-size:12px; font-weight:bold; color:#ffffff; padding:0; }
.HeadWhite { font-family:verdana,arial,helvetica,verdana; font-size:16px; color:#ffffff; font-weight:bold; padding:0; margin:0; }
.HeadSmallWhite { font-family:verdana,arial,helvetica,verdana; font-size:12px; color:#ffffff; font-weight:bold; padding:0; margin:0; }

.ControlPanel .SubHead { font-family:verdana,arial,helvetica,verdana; font-size:12px; font-weight:bold; color:#d01616; padding:0; }

/*-----------------------------------------------------------------------*/
/* Tokens																 */
/*-----------------------------------------------------------------------*/
.login-token, a.login-token:link, a.login-token:visited, a.login-token:active { font-family:verdana,arial,helvetica; color:#ee3b33; font-size:11px; font-weight:bold; float:left; padding:10px 0px 0 5px; margin:0; text-decoration:none; }
a.login-token:hover { color:#afbcdb; }

.user-token, a.user-token:link, a.user-token:visited, a.user-token:active { font-family:verdana,arial,helvetica; color:#ee3b33; font-size:11px; font-weight:bold; float:left; padding:10px 20px 0 20px; margin:0; text-decoration:none; }
a.user-token:hover { color:#afbcdb; }

.footer-token { font-family:verdana,arial,helvetica; color:#666666; font-size:9px; font-weight:bold; }
a.footer-token:link, a.footer-token:visited, a.footer-token:active { color:#666666; font-size:9px; font-weight:bold; text-decoration:underline; }
a.footer-token:hover { color:#ffffff; text-decoration:none; }

/*-----------------------------------------------------------------------*/
/* Forms																 */
/*-----------------------------------------------------------------------*/
select, input { font-family:verdana,arial,helvetica,verdana; font-size:11px; color:#333333; }
.NormalTextBox { color:#333333; padding-left:4px; line-height:12px; font-family:verdana,arial,helvetica,verdana; font-weight:normal; font-size:11px; }
td.NormalTextBox { padding:0; margin:0; background:transparent; border:0; }
.StandardButton { background:#f2f2f2 none; color:#575757; font-family:verdana,arial,helvetica,verdana; font-size:11px; font-weight:normal; }

/*-----------------------------------------------------------------------*/
/* Main Menu															 */
/*-----------------------------------------------------------------------*/
.mainmenu-idle { float:left; padding:0; margin:0; font-family:verdana,arial,helvetica; font-size:11px; color:#ffffff; font-weight:bold;}
.mainmenu-idle span { line-height:30px; display:block; float:left; background:none; }
.mainmenu-breadcrumbactive { float:left; padding:0; margin:0; font-family:verdana,arial,helvetica; font-size:11px; color:#c1c1c1; font-weight:bold;}
.mainmenu-breadcrumbactive span { line-height:30px; display:block; float:left; background:none; }
.mainmenu-selected { float:left; padding:0; margin:0; font-family:verdana,arial,helvetica; font-size:11px; color:#afbcdb; font-weight:bold;}
.mainmenu-selected span { line-height:30px; display:block; float:left; background:none; }
.mainmenu-submenu { padding:0; margin:0; background-color:#464646; border:1px dotted #444444; z-index:1000; font-weight:normal; }
.mainmenu-menuitem { color:#ffffff; }
.mainmenu-menuitem span { font-family:verdana,arial,helvetica,verdana; font-size:11px; font-weight:normal; font-style:normal; }
.mainmenu-menuitem td { padding:0 5px 0 5px; margin:0; height:25px; }
.submenu-menuitemsel { color:#f1f1f1; background:#d01616; }

/*-----------------------------------------------------------------------*/
/* Module Menus															 */
/*-----------------------------------------------------------------------*/
.ModuleTitle_SubMenu { background:#ffffff; padding:0; margin:0; border:1px solid #040404; z-index:1000; font-weight:normal; opacity:.90;}
.ModuleTitle_MenuItem { border:none; }
.ModuleTitle_MenuItem td { background:#464646; color:#ffffff; font-family:verdana,arial,helvetica,verdana; font-size:11px; font-weight:bold; padding:0 5px 0 5px; height:20px; white-space:nowrap; }
.ModuleTitle_MenuItemSel { border:none; background:none; }
.ModuleTitle_MenuItemSel td { background:#d01616; }
.ModuleTitle_MenuIcon { padding:0 !important; border:none; background:#ffffff !important; }
.ModuleTitle_MenuIcon img { margin:0 5px 0 5px; }
.ModuleTitle_MenuBreak td { height:1px; }

/*-----------------------------------------------------------------------*/
/* Panes																 */
/*-----------------------------------------------------------------------*/
.TopPane { width:100%; padding:0; vertical-align:top; }
.LeftPane { width:20%; padding:0 8px 0 0; vertical-align:top; }
.MidPane { padding:0 8px 0 0; vertical-align:top; }
.RightPane { width:20%; padding:0; vertical-align:top; }
.ContentPane { width:100%; padding:0; vertical-align:top; }
.LeftPane2 { width:33%; padding:0 8px 0 0; vertical-align:top; }
.MidPane2 { width:34%; padding:0 8px 0 0; vertical-align:top; }
.RightPane2 { width:33%; padding:0; vertical-align:top; }
.ContentPane2 { padding:0; padding:0 8px 0 0; vertical-align:top; }
.RightPane3 { width:33%; padding:0; vertical-align:top; }
.BottomPane { width:100%; padding:0; vertical-align:top; }
.SearchPane { width:100%; padding:0; vertical-align:top; }

/*-----------------------------------------------------------------------*/
/* Store																 */
/*-----------------------------------------------------------------------*/
.StoreText { font-family:verdana,arial,helvetica,verdana; font-size:11px; color:#ffffff; }
.StorePrice { font-family:verdana,arial,helvetica,verdana; font-size:11px; color:#ffffff; font-size:11px; font-weight:bold; line-height:15px; }
.StoreButton { margin:2px 0 4px 0; cursor:pointer; }

.StoreTable { width:100%; }
.StoreHeadTR { background-color: #464646; }
.StoreHeadTD { padding:5px 5px 5px 5px; border-right:solid 1px #565656; border-bottom:solid 1px #565656; font-weight:bold; }
.StoreTD { padding:0px 5px 5px 5px; }
.StoreTDTextBox {padding:0px 5px 5px 5px; }
.StoreFooterTR { background-color: #828282; }
.StoreFooterTD { padding:5px 5px 5px 5px; font-weight:bold; }
.StoreMessage { color:#000000; border:dotted 1px #ff0000; background-color:#ffffce; padding: 8px 8px 8px 8px; margin: 10px 0px 10px 0px; }
.StoreError { color:#FF0000; font-weight: bold; }
.StoreInputHeadings { color:#ffffff; margin:2px 0 3px 0; font-weight:bold; border-color:transparent; border-style:solid; width:100%; background-color:transparent; cursor:default; text-align:right; }
.StoreHead { font-weight:bold; }

.StoreTabMenuTable { width:100%; }
.StoreTabMenu_Idle { line-height:0; height:30px; padding:0; margin:0; vertical-align:middle; }
.StoreTabMenu_Idle div { height:30px; background-color:transparent; margin:0; padding:0; }
.StoreTabMenu_Idle div div div { height:30px; text-align:center; background:#7b7b7b; padding:0px 10px 0px 10px; margin:0; font-size:8pt; font-weight:bold; color:#ffffff; line-height:20pt; border-right:1px solid #000000; }
.StoreTabMenu_Idle a:link, .StoreTabMenu_Idle a:visited, .StoreTabMenu_Idle a:active { color:#ffffff; text-decoration:underline; }
.StoreTabMenu_Idle a:hover { color:#d15c52; text-decoration:underline; }
.StoreTabMenu_Selected { line-height:0; height:30px; padding:0; margin:0; vertical-align:middle; }
.StoreTabMenu_Selected div { height:30px; background-color:transparent; margin:0; padding:0; }
.StoreTabMenu_Selected div div div { height:30px; text-align:center; background:#d01616; padding:0px 10px 0px 10px; margin:0; font-size:8pt; font-weight:bold; color:#ffffff; line-height:20pt; border-right:1px solid #000000; }

/*SummaryBasket*/
#StoreSummaryBasket { height:60px; padding:2px 0px 2px 0px; }
div#StoreSummaryBasket img { margin:0 0 0 5px; border-style:none; }
div#StoreSummaryBasket a:link, div#StoreSummaryBasket a:visited, div#StoreSummaryBasket a:active { color:#ffffff; }
div#StoreSummaryBasket a:hover { color:#afbcdb; }

/*Currency*/
#StoreCurrency { padding:2px 0px 2px 0px; }
div#StoreCurrency img { margin:0 2px 0 2px; cursor:pointer; }

/*SearchModule*/
#StoreSearch { position:relative; margin:0 0 0 5px; padding:0; width:220px; height:25px; }
div#StoreSearch .UPRSearchButton:hover { cursor:pointer;}
div#StoreSearch .UPRLabelSearch { line-height:22px; }
div#StoreSearch .UPRSearchBox { height:16px; background:#ffffff; width:135px; color:#666666; margin:3px 0 3px 0; padding:2px 0 0 0; border:1px solid #5d5d5d; cursor:text; position:absolute; top:0; left:50px; }
div#StoreSearch .UPRSearchButton { border:none; background:url(storeimages/button-search.gif) no-repeat; width:30px; height:22px; cursor:none; position:absolute; top:2px; right:0px; margin:0; padding:0; }
div#StoreSearch .UPRInfo { border:none; background:url(storeimages/action-help.gif) no-repeat;  cursor:none; position:absolute; top:2px; right:0px; margin:0; padding:0; }

/*CategoryNavigation_Full*/
div#StoreCategoryNavigationFull ul { margin:1px 0 1px 8px; padding:1px 0 1px 8px; }

/*CategoryNavigation*/
div#StoreCategoryNavigation .StoreTable { margin: 5px 0 0 0; }
div#StoreCategoryNavigation #StoreCategoryNavigationTopNode { font-family:verdana,arial,helvetica,verdana; font-size:11px; color:#ffffff; font-weight:bold; }
div#StoreCategoryNavigation ul { margin:1px 0 1px 8px; padding:1px 0 1px 8px; }
div#StoreCategoryNavigation ul ul { margin:1px 0 1px 10px; padding:1px 0 1px 10px; }

/*MostPopularProducts*/
div#MostPopularProducts img { border-style: none; }
div#MostPopularProducts { font-family:verdana,arial,helvetica,verdana; font-size:11px; color:#ffffff; }
div#MostPopularProducts a:link, div#MostPopularProducts a:visited, div#MostPopularProducts a:active { color:#ffffff; }
div#MostPopularProducts a:hover { color:#afbcdb; }

/*ProductDetail*/
div#ProductDetails .StoreImageTD { width:160px; padding: 8px 0 0 0; }
div#ProductDetails .StoreInfoTD { padding: 4px 5px 0 15px; }
div#ProductDetails .StoreImageTD img { border:solid #999999 1px; }
div#ProductDetails .StorePriceOld  {  text-decoration: line-through; color: red; margin-bottom: 5px }
div#ProductDetails .ProductInfo_Price {color: red; margin-bottom: 5px }



/*Breadcrumb*/
div#StoreBreadcrumb img { margin:0 8px 0 8px; }
div#StoreBreadcrumb a:link, div#StoreBreadcrumb a:visited, div#StoreBreadcrumb a:active { color:#d15c52; text-decoration:underline; font-weight: normal; }
div#StoreBreadcrumb a:hover { color:#ffffff; text-decoration:underline; }

/*AddToList*/

/*ViewBasket*/

/*CheckOutDetails*/
div#CheckOutDetails input, div#CheckOutDetails select { margin:8px 0 9px 0; vertical-align:middle; }
div#CheckOutDetails .StoreInputHeadings { margin:7px 0 8px 0; }
div#CheckOutDetails .NormalTextBox { margin:7px 0 8px 0; }

/*CheckoutCardForm*/
div#CheckoutCardForm input, div#CheckoutCardForm select { margin:8px 0 8px 0; vertical-align:middle; }
div#CheckoutCardForm .StoreInputHeadings { margin:7px 0 8px 0; }

/*CheckoutAddAddress*/

/*CategoryProductList2*/
div#CategoryProductList2 .StoreTable { border-left:dotted 1px #7c868c; border-top:dotted 1px #7c868c; }
div#CategoryProductList2 .StoreTD { background: #000000; border-bottom:dotted 1px #7c868c; border-right:dotted 1px #7c868c; }
div#CategoryProductList2 .StoreTD img { border:solid #999999 1px; margin:0 5px 5px 5px; }
div#CategoryProductList2 .StoreTD a:hover img { border:solid #ffffff 1px; }
div#CategoryProductList2 .StoreTD .StoreButton { border:none; margin:2px 0 0 0; }

/*ManageAccountQuotations*/
div#ManageAccountQuotations input, div#ManageAccountQuotations select { margin:8px 0 8px 0; }

/*PersonalDetailsFormLoginUpdate*/
div#PersonalDetailsFormLoginUpdate input, div#PersonalDetailsFormLoginUpdate select { margin:8px 0 8px 0; }
div#PersonalDetailsFormLoginUpdate .StoreTable { width:auto; }

/*PersonalDetailsCommunicationPreferences*/
div#PersonalDetailsCommunicationPreferences .StoreTable { width:auto; }

/*PersonalDetailsManageAddresses*/
div#PersonalDetailsManageAddresses .StoreTable { width:100%; }

/*OrderDetailsCustomerOrders*/
div#OrderDetailsCustomerOrders input, div#OrderDetailsCustomerOrders select { margin:8px 0 8px 0; }

/*PesonalDetailsManageCards*/

/*OrderDetailsCustomerOrdersDetails*/
div#OrderDetailsCustomerOrdersDetails .StoreTable { width:auto; }

/*PersonalDetailsFormDetailsUpdate*/
div#PersonalDetailsFormDetailsUpdate input, div#PersonalDetailsFormDetailsUpdate select { margin:8px 0 8px 0; }

/*PersonalDetailsFormAddress*/
div#PersonalDetailsFormAddress input, div#PersonalDetailsFormAddress select { margin:8px 0 8px 0; }

/*PersonalDetailsCardForm*/
div#PersonalDetailsCardForm input, div#PersonalDetailsCardForm select { margin:8px 0 8px 0; vertical-align:middle; }

/*QuotationConfirmation*/

/*PersonalDetailsFormDetails*/
div#PersonalDetailsFormDetails input, div#PersonalDetailsFormDetails select { margin:7px 0 8px 0; vertical-align:middle; }
div#PersonalDetailsFormDetails .StoreInputHeadings { margin:7px 0 8px 0; }
div#PersonalDetailsFormDetails .NormalTextBox { margin:7px 0 8px 0; }

/*CheckoutCorporateAccountPayment*/
div#CheckoutCorporateAccountPayment .StoreTable { width:100%; }

/*CheckoutPrintableInvoice*/
div#CheckoutPrintableInvoice .StoreText { color:#000000; }
div#CheckoutPrintableInvoice table { color:#000000; }
div#CheckoutPrintableInvoice tr { color:#000000; }
div#CheckoutPrintableInvoice td { color:#000000; }
div#CheckoutPrintableInvoice .StoreHeadTR { background-color:#e5e5e5; }
div#CheckoutPrintableInvoice .StoreHeadTD { border-top:solid 1px #f0f0f0; border-left:solid 1px #f0f0f0; border-right:solid 1px #cdcdcd; border-bottom:solid 1px #cdcdcd; }
div#CheckoutPrintableInvoice .StoreTD { }
div#CheckoutPrintableInvoice h5 { color:#000000; }

/*QuotationPrintout*/
div#QuotationPrintout .StoreText { color:#000000; }
div#QuotationPrintout table { color:#000000; }
div#QuotationPrintout tr { color:#000000; }
div#QuotationPrintout td { color:#000000; }
div#QuotationPrintout .StoreHeadTR { background-color:#e5e5e5; }
div#QuotationPrintout .StoreHeadTD { border-top:solid 1px #f0f0f0; border-left:solid 1px #f0f0f0; border-right:solid 1px #cdcdcd; border-bottom:solid 1px #cdcdcd; }
div#QuotationPrintout .StoreTD { }
div#QuotationPrintout h5 { color:#000000; }

/*SourcingRequestForm*/
div#SourcingRequestForm input, div#SourcingRequestForm select { margin:8px 0 8px 0; }

/* End DrNuke Style Sheet */
/*-----------------------------------------------------------------------*/


