/* Fundamentals */
#Body {
    background-color: #f5fbfc; 
    height: 100%; 
}

body { 
	text-align: left; /* for IE */ 
	background: url(images/bg2.png); 
	margin-top: 0px; 
	margin-left: 0px; 
} 

/* Define default fonts ---  table, td, th */
body, div, span, ul, li, blockquote, textarea, tbody, p, tfoot	{  
    font-family: Verdana, Helvetica, sans-serif;
    /* font-size:  1em; */ 
    text-align: left;
}

/* Size and positioning */
#outer_container 	{border: 0px solid #d2dfde; background-color: #f4f4f8; background-color: #fff; position: relative; top: 0px; width: 900px; margin-left: auto; /* centre div in Firefox */ margin-right: auto; /* centre div in Firefox */ padding: 20px 25px 20px 25px;}
			
#header 			{border: 0px solid #ddd; background: #849faa url(images/strap2.gif)  524px 85px no-repeat; width: 950px; height: 110px; margin: 0 auto 0 auto; display: inline-block; padding: 0 0 0 0;}	
#header:after 		{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; /* Fix 'clearing' problems in FF */}
#logo 				{border: 0px solid #ddd; float: left; padding: 16px 0 0 24px;}
.topright 			{border: 0px solid green; height: auto; position: relative; text-align: right; width: 300px; float: right; right: 30px;} 

#menubar 			{border: 0px solid #ddd; width: 950px; margin: 0 auto 0 auto; height: 30px; background: #96b6c2; padding: 0;}

#menubar:after 		{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; /* Fix 'clearing' problems in FF */}
#menu 				{border: 0px solid black; width: auto; float: left; position: relative; left: 13px; top: 2px;}
#telno              {float: right; position: relative; top: 8px; right: 25px;}
#account 			{border: 0px solid black; width: auto; height: 25px; position: relative; float: right; text-align: right; background: transparent; padding: 0 0 0 0; margin: 0 0 0 0;}
.minicart           {border: 0px solid green; width: 200px; height: auto; min-height: 25px; position: relative; float: right; text-align: right; background: transparent; padding: 0 0 0 0; margin: 0 0 0 10px;}

#breadcrumb 		{border: 0px solid ; width: 100%; text-align: left; height: auto;  background: transparent; margin: 0 0 10px 0;}
#breadcrumb         {visibility: hidden; height: 0px;}

/* Hides from IE5/Mac \*/
* html #header 		{height: 1px;}
#header, #menubar	{display: block;}
/* End hide from IE5/Mac */

#maintable 			{border: 0px solid #ddd; width: 902px; margin: 0 0 20px 0; background: #fff;}
#leftcol 			{border: 0px solid black; width: 200px; vertical-align:top; padding: 5px 10px 5px 5px;}
#centrecol 			{border: 0px solid black; width: auto; vertical-align:top; padding: 5px 0 5px 0;}
#rightcol 			{border: 0px solid black; width: 200px; vertical-align:top; padding: 5px 5px 5px 10px;}

.footer 			{border: 0px solid #ddd; width: auto; height: auto; background: #fff; padding: 0 0 0 0;}
.footer             {font-size: .8em;}

#sub_footer         {border: 0px solid black; text-align: right; position: relative; top: 0px; width: 950px; margin-left: auto; /* centre div in Firefox */ margin-right: auto; /* centre div in Firefox */ padding: 3px 0 50px 0;}

/* Breadcrumb trail */
#breadcrumb {
font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	color: #333;
	font-size: .75em;
    text-decoration: normal;
}

A.breadcrumb {
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	color: #333;
	font-size: 1em;
    text-decoration: normal; 
}

A.breadcrumb:Hover, A.breadcrumb:Active, A.breadcrumb:Link {
    text-decoration: underline; 
    color: #666;
} 

/* Links */
A:link	            {color:#000; text-decoration:underline;}
A:visited           {color:#555; text-decoration:underline;}
A:hover, 
A:active	        {color:#555;}


/* Skin Objects */
.signin {
    font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	color: #b2a36e;
	font-size: .75em;
	text-align: right;
	border: 0px solid teal;
}

A.signin:link,
A.signin:visited        {text-decoration: none; color: #b2a36e; font-size: .75em; xpadding: 3px; display: inline-block;}
A.signin:hover, 
A.signin:active         {text-decoration: underline; color: #b2a36e; font-size: .75em; xpadding: 3px; display: inline-block;}

#sub_footer             {font-size: .67em; color: #b2a36e;}
#sub_footer A:link,
#sub_footer A:visited   {text-decoration: none; color: #b2a36e; }
#sub_footer A:hover, 
#sub_footer A:active    {text-decoration: underline; color: #b2a36e;}



.SearchField {
	padding-right: 5px;
	display: -moz-inline-box; 
	display: inline-block;
	display: none;
}

.SearchButton {
	background: transparent;   
	cursor: hand; 
	margin: 0 0 0 0;
	color: #555;
	font-size: .75em;
	font-weight: bold;
    border: 0px solid green;
}


/* Text styles used for most text rendered by modules */

.Head {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

.Normal, .NormalDisabled {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 0.8em;
	font-weight: normal;
	xcolor: #666;
}

/* text style used for rendered text which should appear disabled */
.NormalDisabled {
	color: Silver;
}

/* text style used for rendered text which requires emphasis */
.NormalBold {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-weight: bold;
}


/* text style used for error messages */
.NormalRed {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 1em;
	font-weight: bold;
	color: #ff0000; 
}

H1, H2, H3 { /* deal with H1, H2 etc line breaks/cr */
    margin:0; 
    padding:0; 
} 

H1 {
	font-family: Georgia, 'Times New Roman', Serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #666666;
}

H2 {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #666666;
}

H3 {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 1em;
	font-weight: bold;
	color: #666666;
}

H4 {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 1em;
	font-weight: normal;
	color: #d8247d;
}


/* New Product Page Header styles */
.prodpage_header {
    border: 0px solid #d2dfde; 
    position: relative; 
    margin: -212px 0 30px 380px; 
    padding: 0 0 0 20px; 
    width: 326px; 
    height: 195px; 
    font-family: verdana, helvetica, san-serif; 
    font-size: .9em;
    background: #fff;
    }
		
.prodpage_header h1 {
    position: relative; 
    padding:0 0 5px 0; 
    margin: 0;  
    font-family: verdana, helvetica, san-serif; 
    font-size: 1.6em; 
    color: #444;
    }

.prodpage_header img {
    border: 1px solid black;
    }


/* Inventua side menu styles */
.MenuHdr {
    padding-left: 5px; font-weight: bold; padding-bottom: 2px; padding-top: 1px; 
    background-color: #fff; padding-top: 2px; cursor: default;
}

.MenuItem HR {display: none}

.MenuItem, 
.MenuItem HR
.MenuItemMouseOver {
    font-size: .85em; 
    font-weight: normal; 
    background-color: #d5c384; 
    font-family: Verdana, Helvetica, Sans-Serif;
    padding: 2px 0 15px 5px;
    cursor: hand;
    border: 0px solid #555;
    border-bottom: 3px solid #fff;
    border-collapse:collapse;
}

.MenuItem A, .MenuItem A:Active, .MenuItem A:Hover, .MenuItem A:Visited, .MenuItem A:Link, 
.MenuItemMouseOver A, .MenuItemMouseOver A:Active, .MenuItemMouseOver A:Hover, .MenuItemMouseOver A:Visited, .MenuItemMouseOver A:Link, 
.MenuHdr A, .MenuHdr A:Active, .MenuHdr A:Hover, .MenuHdr A:Visited, .MenuHdr A:Link {
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 0.85em;
    font-weight: normal; 
    text-decoration: none; 
        color: #fff; 
    width: 100%;
    cursor: pointer;   
    cursor: hand;
    padding: 2px 0 15px 5px;
    height: auto;
}

.MenuItemMouseOver {
    background-color: #b2a36e!important;
    text-decoration: none;
    font-size: 0.85em;
    border-bottom: 3px solid #fff;
    border-collapse: collapse;
    padding: 2px 0 15px 5px;
    cursor: hand;
}



/* Inventua top menu styles - SECTION TAB MENU */
.Link, .TopMenuItemCurrent {
    font-family: Verdana, Helvetica, Sans-Serif;
    text-decoration: none; 
    font-size: .80em;
}

.Link:Hover, .Link:Active, .Link:Link {
    text-decoration: none; 
} 

.TopMenu {
    position: relative;
    height: 25px;
    padding: 0;
    font-size: 1em;
    display: -moz-inline-box;
    font-weight: bold;
}

/* Target FireFox 3 [!] */
html>/**/body .TopMenu, x:-moz-any-link, x:default {padding: 4px 0 0 0;}

.TopMenuItem, .TopMenuItemMouseOver {
    position: relative;
    top: 3px;
    background: #96b6c2;
    display: -moz-inline-box; 
    border-right: solid 0px #f3f0e7;
}

.TopMenuItemMouseOver {
    background: #96b6c2;
    color: #fff;
    text-decoration: none; 
    padding: 0px 15px 4px 15px; 
    display: -moz-inline-box;
}

.TopMenuItemCurrent {
    position: relative;
    color: #fff; 
    text-decoration: none;
    background: #96b6c2;
}

.TopMenuItem A, .TopMenuItem A:Active, .TopMenuItem A:Visited, .TopMenuItem A:Link {
    color: #fff;
    text-decoration: none;
}

.TopMenuItem A:Hover, .TopMenuItemMouseOver A:Hover, .TopMenuItemMouseOver A:visited {
    color: #555;
    text-decoration: none;
}

A.TopMenuItem a:hover {
    color: #fff;
}

.TopMenuItem a span {
    padding: 0px 15px 4px 15px;
    display: -moz-inline-box;
}


/* -- Catalook mods */
.Xminicart_table                 {background: transparent; width: 250px; text-align: right; margin: 20px 0 0 0;} 


/* -- Control Panel Styles */
.ControlPanel {
	width: 100%;
	background-color: #FFFFFF;
	border: 1px solid #d0c9c7;
}

/* -- Solpart Admin Menu Styles */
.MainMenu_MenuContainer {
	background-color: #d6efec;  
	height: 25px;
	border: 1px solid #d0c9c7;
	border-top: 0px;
	margin-bottom: 3px;
}

.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:16;
	background-color: Transparent;
}

.MainMenu_MenuItem {
	cursor: pointer; 
	cursor: hand; 
	color: #006; 
	font-family: Arial, Arial, Helvetica; 
	font-size: .9em; 
	font-weight: normal; 
	font-style: normal; 
	border-left: #49534a 0px solid; 
	border-bottom: #49534a 1px solid; 
	border-top: #49534a 0px solid; 
	border-right: #49534a 0px solid;
	background-color: Transparent;
	padding-left: 3px;
	padding-right: 3px;
}

.MainMenu_MenuItemSel {
	cursor: pointer; 
	cursor: hand; 
	color: #555; 
	font-family: Arial, Arial, Helvetica; 
	font-size: .9em; 
	font-weight: normal; 
	font-style: normal;
	background-color: #fff;
	text-decoration: none;
	border-bottom: #49534a 1px solid;
	padding-left: 3px;
	padding-right: 3px;
}

/* menuitems idle */ 
.MainMenu_Idle TD { color: #006 ; font-weight: normal; height: 20px; }

/* menuitems over */ 
.MainMenu_Selected TD { color: #006; background: #fff ; font-weight: normal; height: 20px; }

/* menuitems active */ 
.xMainMenu_Active TD, .xMainMenu_BreadcrumbActive TD { color: #006; background: #333; font-weight: normal; }

.MainMenu_MenuIcon {
	display:inline;
	cursor: pointer; 
	cursor: hand; 
	background-color: #d6efec; 
	border-bottom: #49534a 1px solid; 
	text-align: center; 
	width: 0px; 
	height: 21px;
}

/* submenu overall styles */
.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #d6efec; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='black', Direction=135, Strength=0); 
	border-bottom: #49534a 0px solid; 
	border-left: #49534a 1px solid; 
	border-top: #49534a 1px solid; 
	border-right: #49534a 1px solid; 
	font-family: Arial, Helvetica; 
	font-weight: normal; 
	font-style: normal;
	color: red;
}

/* Sub-menuitems idle */ 
.MainMenu_SubMenu TD { color: #006 ; font-size: .85em; font-weight: normal; height: 20px; }

.MainMenu_MenuBreak {
	border-bottom: yellow 1px solid; 
	border-left: yellow 1px solid; 
	border-top: yellow 1px solid;  
	border-right: yellow 1px solid; 
	background-color: yellow; 
	height: 1px;
}

.MainMenu_MenuArrow {
	display: none;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
	border-right: blue 0px solid; 
	border-bottom: blue 0px solid; 
	border-top: blue 0px solid;
}

.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
	display: none;
}