/* ==================================== */
/*	DIV's & PANES						*/
/* ==================================== */

.ClearDiv
{
    clear:both;
}

#SkinMaster
{
	text-align:center;
}

#SkinCenter
{
	text-align:left;
	width:960px;
	margin:auto;
}

#HeaderMaster
{
    margin-bottom:20px;
}

#HeaderTopTop
{
    height:42px;
}

.SearchPane
{
    float:right;
    margin-top:12px;
}

.SearchPane .container
{
    margin-bottom:0px;
}

#HeaderTopBottom
{
    margin-bottom:10px;
}

#HeaderLeft
{
    width:200px;
    float:left;
    height:70px;
    position:relative;
}

#HeaderLeft div
{
    position:absolute;
    bottom:0px;
}

#HeaderRight
{
    width:600px;
    float:right;
    text-align:right;
}

#HeaderRight IMG
{
    max-height: 70px;
    max-width: 400px;
}

#HeaderLeft div
{
    position:absolute;
    bottom:0px;
}


#LoginLanguage
{
    height:25px;
    text-align:right;
    padding-top: 13px;
    text-transform:uppercase;
    color:#ffffff;
    font-size:12px;
}

#LoginLanguage A
{
    font-size:14px;
    font-weight:bold;
}

#ContentMaster
{
    margin-bottom:5px;
}

#ContentLayer1, #ContentLayer2, .ContentBottomPane
{
    clear:both;
}

.ContentLeftPane
{
    width:635px;
    float:left;
}

.ContentLeftPaneA
{
    width:310px;
    float:left;
}

.ContentRightPaneA
{
    width:635px;
    float:right;
}

.ContentMiddlePane1
{
    width:310px;
    float:left;
}

.ContentMiddlePane2
{
    width:310px;
    float:left;
    margin-left:15px;
}

.ContentMiddlePane3
{
    width:310px;
    float:left;
    margin-left:15px;
}

.ContentRightPane
{
    width:310px;
    float:right;
}

.Navigation .ContentRightPane
{
	border-left: 1px solid #ccc;
	padding-left: 15px;
    width:295px;
}

.ContentRightPane .BoxContent
{
    padding-bottom:15px !important;
}

#ContentLeft, #ContentLeftNoNav
{
    width:200px;
    float:left;
}

#ContentRight
{
    width:745px;
    float:right;
}

#ContentRightTopLeft
{
    width:530px;
    float:left;
}

.ContentRightTopRight
{
    width:180px;
    float:right;
    padding-left:10px;
    padding-right:10px;
    border-left:solid 1px #ccc;
}

#FooterMaster
{
    clear:both;
}

#FooterContent
{
    padding-top:10px;
}

.HomePage #FooterContent 
{
    border-top:solid 1px #cccccc;
}

#FooterContent .container
{
	margin-bottom: 0px;
}

#FooterContent .container .BoxTitle
{
	margin-bottom: 5px;
}

#FooterContent A, #FooterContent A:link, #FooterContent A:visited, #FooterContent A:active, #FooterContent A:hover
{
    text-decoration:underline;
}

#FooterContent .dnnActionMenu A, #FooterContent .dnnActionMenu A:link, #FooterContent .dnnActionMenu A:visited, #FooterContent .dnnActionMenu A:active, #FooterContent .dnnActionMenu A:hover
{
    color:#000000;
    text-decoration:none;
}

#FooterContent H1, #FooterContent H2, #FooterContent H3, #FooterContent H4, #FooterContent H5, #FooterContent H6, #FooterContent .Head
{
    color:#26358c;
}

.FooterPane1
{
    width:310px;
    float:left;
}

.FooterPane2
{
    width:310px;
    margin-left:7px;
    padding-left:7px;
    float:left;
    border-left:solid 1px #cccccc;
}

.FooterPane3
{
    width:310px;
    margin-left:7px;
    padding-left:7px;
    float:left;
    border-left:solid 1px #cccccc;
}

#FooterBottom
{
	color: #fff;
    clear:both;
    height: 40px;
	background: #20419a;
    margin-top:10px;
    margin-bottom:20px;
}

#FooterMenu
{
    float:left;
    margin-left:15px;
    width:400px;
    padding-top:10px;
}

#FooterLogin {
	float: left;  
	width: 420px;
    text-align: right;
}

#FooterCopyRight
{
  float: right;
  width: 90px;
  margin-right: 15px;
  text-align: right;
  padding-top: 10px;
  color: #ffffff; 
}
#FooterCopyRight .SkinObject {
    font-size:14px;
	font-weight: normal;
}
#FooterCopyRight .SkinObject a {
  color: #ffffff;
}

/* ==================================== */
/*	MAIN MENU							*/
/* ==================================== */

#HeaderMenu
{
	height: 40px;
	background: #67686b; /*#fafafa*/
	font-family: "FS Albert Web Bold", Arial, Helvetica, sans-serif;
	font-size: 16px;
    clear:both;
    padding-top:0px;
    padding-bottom:0px;
}

#HeaderMenu div.active,
#HeaderMenu div.notactive
{
	float: left;
	height: 40px;
	padding: 0px 5px 0px 5px;
}

#HeaderMenu div.borderright
{
	float: left;
	border-right: 1px solid #ffffff; /*#96979b*/
	height:22px;
	margin-top:9px;
}

#HeaderMenu div:first-child
{
	border-left: none;
}

#HeaderMenu div a
{
	color: #ffffff; /*#96979b*/
	padding: 0px 15px 0px 15px;
	line-height: 40px;
}

#HeaderMenu div.active .activeLink a
{
	padding: 0px 10px 0px 10px;
}

#HeaderMenu div.active .activeLeft,
#HeaderMenu div.active .activeRight
{
	float: left;
	/*background: url('Images/main_nav_active_left.png') center no-repeat;*/
	width: 5px;
	height: 40px;
	margin-top:0px;
}

#HeaderMenu div.active .activeRight
{
	/*background: url('Images/main_nav_active_right.png') center no-repeat;*/
}

#HeaderMenu div.active .activeLink
{
	float: left;
	/*background: url('Images/headerMenu-active.png') center repeat-x;*/
	height: 40px;
    background: url('Images/menuarrow.png') center no-repeat;
}

#HeaderMenu div.active a, #HeaderMenu  a:hover
{
	color: #ffc61e;
    text-decoration:none;
    
}


/* ==================================== */
/*	FOOTER MENU							*/
/* ==================================== */
#FooterMenu a,
#FooterMenu a:visited
{
    color: #ffffff;
    padding: 0px 5px 0px 5px;
    border-left: 1px solid #ffffff;
    font-size:14px;
} 

#FooterMenu a:hover
{
    color: #ffffff;
}
#FooterMenu a:first-child
{
    padding: 0px 5px 0px 0px;
    border-left: 0px;
}

/* ==================================== */
/*	PANEL MENU							*/
/* ==================================== */
#SubMenu
{
	margin-bottom:15px;
    font-size:16px;
    color:#67686b;
}

#SubMenu .SubMenuTitle
{  
	color: #26358C;
  padding-left: 10px;
  font-family: "FS Albert Web Bold", Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  margin: 0px;
}


#SubMenu .SubMenuContent
{
	padding: 0px 15px;
}

#SubMenu .SubNavigationTitle
{
	display: none;
}

#SubMenu .level1
{
    margin-top:10px;
    margin-bottom:3px;
    margin-left:0px;
    margin-right:10px;
    padding-left:10px;
}

#SubMenu .HasChildren
{
    background-image:url('images/arrow.gif');
    background-repeat:no-repeat;
}

#SubMenu .SelectedWithChildren
{
    background-image:url('images/arrowdown.gif');
    background-repeat:no-repeat;
}

#SubMenu .level1 a
{
    color:#67686b;
}

#SubMenu .level2, 
#SubMenu .level3, 
#SubMenu .level4
{
    margin-top:8px;
    padding-bottom:3px;
    margin-left:10px;
    padding-left:10px;
    color:#96979b;
}

#SubMenu .level2 a, 
#SubMenu .level3 a, 
#SubMenu .level4 a
{
    font-weight:normal;
}


#SubMenu .Selected a, 
#SubMenu .SelectedWithChildren a
{
    color:#20419a;
}

#SubMenu .NotSelected a
{
    color:#96979b;
}

/* ==================================== */
/*	BASIS HTML							*/
/* ==================================== */

html 
{
	overflow-y: scroll;
	font-size:16px;
	font-family:"FS Albert Web Regular", Arial;
	color:#67686b;
} 

body 
{
	margin: 0px;
	padding:0px;
	font-size:16px;
	font-family:"FS Albert Web Regular", Arial;
}

A
{
	text-decoration:none;
	color:#00bfdf;
}

A:link
{
	text-decoration:none;
	color:#00bfdf;
}

A:visited
{
	text-decoration:none;
	color:#00bfdf;
}

A:hover
{
	text-decoration:underline;
	color:#00bfdf;
}

A:active
{
	text-decoration:underline;
	color:#00bfdf;
}

P
{
    margin:0px;
}

TD
{
	font-size:16px;
}

H1, H1 A
{
	font-size:30px;
	font-weight:bold;
	font-family:"FS Albert Web Bold", Verdana;
	color:#26358c;
	margin-top:0px;
	margin-bottom:10px;
}

H2, H2 A
{
	font-size:20px;
	font-family:"FS Albert Web Bold", Verdana;
	color:#67686b;
	margin-top:0px;
	margin-bottom:15px;
}

H1 A:hover, H2 A:hover
{
	text-decoration:none;
}

H3, H3 A
{
	font-size:16px;
	font-family:"FS Albert Web Bold", Arial;
	color:#67686b;
	margin-top:0px;
	margin-bottom:15px;
}

H4, H4 A
{
	font-size:13px;
	font-weight:bold;
	font-family:"FS Albert Web Regular", Arial;
	color:#000000;
	margin-top:0px;
	margin-bottom:15px;
}

H5, H5 A
{
	font-size:13px;
	font-weight:bold;
	font-family:"FS Albert Web Regular", Arial;
	color:#000000;
	margin-top:0px;
	margin-bottom:15px;
}

H6, H6 A
{
	font-size:13px;
	font-weight:bold;
	font-family:"FS Albert Web Regular", Arial;
	color:#000000;
	margin-top:0px;
	margin-bottom:15px;
}

Textarea, Input, Select, Select .NormalTextBox
{
	font-family:"FS Albert Web Regular", Arial;
	font-size:16px !important;
	border:1px solid #97b4e9;
}


/* ==================================== */
/*	BASIS DNN							*/
/* ==================================== */

.Normal
{
    font-size:16px;
}

.Head
{
    font-size:30px;
	font-weight:bold;
	font-family:"FS Albert Web Bold", Verdana;
	color:#26358c;
	margin-top:0px;
	margin-bottom:10px;
}

.NormalRed
{
    color:#cc0c00;
    font-size:16px;
    font-weight:normal;
}

.CommandButton
{
    font-size:16px;
}

.DNNEmptyPane
 {
    margin:0px;
    height:0px;
    padding:0px;
}




/* ==================================== */
/*	SEARCH      						*/
/* ==================================== */

.casSearchInput_Table
{
    border-collapse: collapse;
    width:310px;
}

.casSearchInput_Table td
{
    padding:0px;
}

.tdInput
{
    text-align:left;
}

#CAS_SearchResults HR
{
    display:none;
}

#CAS_SearchResults .ResultItem
{
    margin-bottom:15px !important;
    margin-top:5px;
}


/* ==================================== */
/*	PRODUCTS           					*/
/* ==================================== */

.ModQ8OilsSearchProductsC .searchModule
{
    width:auto;
}

.ModQ8OilsSearchProductsC .searchModule .searchInput
{
    width:215px;
}

.ModQ8OilsSearchProductsC .searchModule .searchButton
{
    width:65px;
    cursor:pointer;
}


.productsModule a[disabled] 
{
    color:#aaaaaa !important;
}

.completeOverviewLink
{
    display:none;
}

/* ==================================== */
/*	SEARCH           					*/
/* ==================================== */

.ModCegekaAdvancedSearchSearchResultsC .Results
{
    margin-bottom:15px;
}

/* ==================================== */
/*	LOGIN           					*/
/* ==================================== */

.dnnLoginActions UL
{
    border-width:0px !important;
    margin-left:190px !important;
}

.LoginPanel Textarea, .LoginPanel Input, .LoginPanel Select
{
	font-family:Arial;
	font-size:12px;
	border:1px solid #97b4e9;
	padding:2px;
}

.dnnLoginRememberMe input
{
    border:0px;
}

.dnnLoginRememberMe
{
    margin-top:10px;
}

.LoginPanel a.dnnPrimaryAction, .LoginPanel .dnnPrimaryAction
{
    padding: 3px 6px !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    background: #2685C5 !important;
    color: #FFF !important;
    filter:none;
    text-transform:uppercase;
    line-height:12px;
    border-radius:0px;
}

/* ==================================== */
/*	BUTTONS				*/
/* ==================================== */
.redbutton, .bluebutton, .yellowbutton{
padding: 6px 12px;
font-size: 12px;
font-weight: bold;
text-decoration: none !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}

.loginbutton{
padding: 3px 6px;
font-size: 12px !important;
font-weight: bold;
text-decoration: none !important;
background: #2685C5;
color: #FFF !important;
margin-left:10px;
}

.redbutton{
background: #E72037;
color: #FFF !important;
border: solid 1px #E72037;
}
.redbutton:hover, .redbutton:focus {
background: #C50015;
border: solid 1px #E72037;
text-decoration: none;
}


.yellowbutton{
background: #FBC12F;
color: #FFF !important;
border: solid 1px #FBC12F;
}
.yellowbutton:hover, .yellowbutton:focus {
background: #D9A00D;
border: solid 1px #FBC12F;
text-decoration: none;
}

.bluebutton{
background: #2685C5;
color: #FFF !important;
border: solid 1px #2685C5;
}
.bluebutton:hover, .bluebutton:focus {
background: #0463a3;
border: solid 1px #2685C5;
text-decoration: none;
}


/* ==================================== */
/*	FOOTER BOX						*/
/* ==================================== */

#FooterContent .FooterPane1, #FooterContent .FooterPane2, #FooterContent .FooterPane3
{
	margin-bottom: 15px;
}

#FooterContent .container
{
    margin-bottom:0px;
}

#FooterContent .FooterHeight
{
    min-height:60px;
}

.HomePage #FooterContent .FooterHeight
{
    min-height: 114px;
}

#FooterContent .FooterBoxLink
{
    text-align:right;
    padding-top:20px;
    padding-bottom:15px;
}


/* ==================================== */
/*	BROCHURES   						*/
/* ==================================== */

.ModQ8OilsResellerBrochureWrapperC .dnnForm
{
    width:100% !important;
}

.BrochureCategoryTitle
{
    margin-bottom:10px;
}

.BrochureCategory
{
    margin-bottom:15px !important;
}

.BrochureItem
{
    margin-bottom:5px;
    margin-left:10px;
}

.BrochureItem A IMG
{
    padding-right:10px;
}

/* ==================================== */
/*	CUSTOM CLASSES						*/
/* ==================================== */

.ClearDiv
{
    clear:both;
}

.ModuleEditMaster
{
    border:1px solid #5d98ba;
    background-color:#dfe8ed;
    padding:15px;
}

.ModuleEditMaster H1
{
    font-size:22px;
    margin-bottom:10px;
}

.ModuleEditMaster H2
{
    font-size:18px;
    margin-bottom:10px;
}

.LinkCancel
{
    border:1px solid #666666;
    background-color:#e7e7e7;
    color:#666666 !important;
    font-weight:bold;
    text-decoration:none;
    padding-left:15px;
    padding-right:15px;
    padding-top:2px;
    padding-bottom:2px;
}

.LinkCancel:hover
{
    color:#000000 !important;
    border:1px solid #000000;
    text-decoration:none;
}

.LinkSave
{
    border:1px solid #759d46;
    background-color:#e2f6ca;
    color:#759d46 !important;
    font-weight:bold;
    text-decoration:none;
    padding-left:15px;
    padding-right:15px;
    padding-top:2px;
    padding-bottom:2px;
}

.LinkSave:hover
{
    color:#34571d !important;
    border:1px solid #34571d;
    text-decoration:none;
}

.LinkDelete
{
    border:1px solid #dc6a16;
    background-color:#f9e3d1;
    color:#dc6a16 !important;
    font-weight:bold;
    text-decoration:none;
    padding-left:15px;
    padding-right:15px;
    padding-top:2px;
    padding-bottom:2px;
}

.LinkDelete:hover
{
    color:#9e4413 !important;
    border:1px solid #9e4413;
    text-decoration:none;
}

.LinkAction
{
    border:1px solid #6f9ab0;
    background-color:#daeef9;
    color:#6f9ab0 !important;
    font-weight:bold;
    text-decoration:none;
    padding-left:15px;
    padding-right:15px;
    padding-top:2px;
    padding-bottom:2px;
}

.LinkAction:hover
{
    color:#2f5568 !important;
    border:1px solid #2f5568;
    text-decoration:none;
}

.TXT_INFO
{
    color:#666666;
    font-style:italic;
}