/* $Header: xxcfsibeCStyleSheet.css 120.17.12010000.3 2010/03/31 10:15:46 scnagara ship $ */
/*=========================================================================
 |      Copyright (c)2005 Oracle Corporation, Redwood Shores, CA
 |                         All rights reserved.
 +===========================================================================
 |
 | FILE
 |   ibeCStyleSheet,css Style sheet used for iStore customer UI
 |
 | DESCRIPTION
 |   This is the style sheet used for the iStore customer UI
 | HISTORY
 |   11/10/2005  savarghe  bug 4718265	  
 |   23-Oct-08   amaheshw Bug 7477405 ADA change. Added hidden style OraHiddenText
 |   31-Mar-10   scnagara Bug 9470935 12.1.3 UI ENHANCEMENTS. Added OraHiddenDiv
 |								OraHeaderDiv, OraDetailDiv
 ============================================================================ */
/* importing the style sheet from jtt */
@import url(jtfucss.css);

.applicationBody   { 
        font-family: Tahoma, Arial, Helvetica, sans-serif; 
        background-color: #FFFFFF; 
        margin: 0; 
        padding: 0; 
        font-size:9pt;
}
.contentBG {
    background-image:url(/OA_MEDIA/cfs-body-bg.png); 
}
.contentBG A {
        font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif;
	    font-size:9pt;
	    color:#717AA8;
}
.binContent A,
.binContentCell A,
A.binContentCell {
        font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif;
	    color:#147590;
}
.LINK 	{font-family:Tahoma;	
	font-size:9pt;	
	color:#2da0cb;	
	text-decoration:underline
}
.OraBGAccentLight {
	background-color:#eaeff5
}
.OraBGAccentDark{
	background-color:#a6a9b5;
    
}
td.OraBGAccentDark{
    background-color: transparent;
    background-image:url(/OA_MEDIA/CFS-LineBG.png);
    background-repeat:repeat-x;
    background-size: 100% 1px;
}
.OraBGAccentVeryDark{
	background-color:#737682
}
.OraBGColorDark	{
	background-color:#a3c2df
}
/**
* DDillon
*/
.topBG	{
	background-image:url(/OA_MEDIA/header-bg.png);	
	background-repeat:repeat-x;	
	background-size:100% 140px;
	height:71px
}
.bottomBG {
	background-image:url(/OA_MEDIA/footer-bg.gif);	
	background-repeat:repeat-x;	
	height:41px
}
.OraButtonText,
.OraButtonText A:link,
.OraButtonText A:visited,
.OraButtonText A:active{
    font-family:Arial;	
	font-size:8pt;	
	font-weight:bold;	
	color:#586073;	
	background-image:url(/OA_HTML/cabo/images/swan/btn-bg.gif);
	background-repeat:repeat-x;	
	background-position: 100% 100%; 
	background-color:#eaeff5; 
	border-width:1px;
	border-style:solid;
	border-left-color:#a5a9b6;
	border-top-color:#a5a9b6;  
	border-right-color: #7b8194; 
	border-bottom-color:#7b8194;
	cursor: pointer;
	padding-right:4px;
	padding-left:4px;
}
.OraButtonTextDisabled,
.OraButtonTextDisabled A:link,
.OraButtonTextDisabled A:visited,
.OraButtonTextDisabled A:active{
    font-family:Arial;	
	font-size:8pt;	
	font-weight:bold;	
	color:#7e8694;	
	background-image:url(/OA_HTML/cabo/images/swan/dis-btn-bg.gif);
	background-repeat:repeat-x;	
	background-position: 0% 0%; 
	background-color:#f2f2f5; 
	border:1px solid #a5a9b6;
	padding-right:4px;
	padding-left:4px;
}
.OraGlobalButtonText{
	padding:5px;	
	font-family:Arial;	
	font-size:8pt;	
	color:#717AA8;	
	text-decoration:none
}
A:hover.OraGlobalButtonText{	
	text-decoration:underline
}
.OraGlobalButtonTextSelected{
	padding:5px;	
	font-family:Arial;	
	font-size:8pt;	
	color:#717AA8;	
	text-decoration:none;	
	font-weight:bold
}
/***
* DDillon
* CFS Menu customisations.
*/

.OraTabBarEnabled{
	font-family:Tahoma;	
	font-size:8pt;	
	text-align:center;	
	font-weight:bold;	
	background-image:url(/OA_MEDIA/main-sprite.png);	
	background-position:-50px -724px;	
	color:#4f6070;
	height:32px;
	padding-left:5px;
	margin-right:11px;
	border-top-left-radius: 0.5em;
	background-repeat:repeat-x
}
.OraTabBarEnabled:hover{
    background-position:-50px -756px;
}
.OraTabBarEnabled A{
	 display:block;
	margin-right: -11px; 
	line-height: 35px;
	padding-right: 10px; 
	border-top-right-radius: 0.5em;
}

.OraTabBarEnabled A:hover{
    background-position:-50px -756px;
}

.OraTabBarSelected {
	font-family:Tahoma;	
	font-size:8pt;	
	text-align:center;	
	font-weight:bold;	
/*	background-image:url(/OA_MEDIA/main-sprite.png);
	background-position:-50px -692px; 
    color:blue; */
    background-image: url(/OA_MEDIA/jtf_hdingBar-BG-40.gif);
/*    color: #717AA8; */
    color: black;
    text-decoration: none;
    height:32px;
	padding-left:5px;
	margin-right:11px;
	border-top-left-radius: 0.5em;
	
}

.OraTabBarSelected A{
    display:block;
	margin-right: -11px; 
	line-height: 35px;
	padding-right: 10px; 
	border-top-right-radius: 0.5em;
}
/**
* END Customisations
*/
.OraSubTabBarEnabled,
.OraSubTabBarEnabled A{
	font-family:Tahoma;	
	font-size:8pt;	
	text-align:center;	
	font-weight:bold;	
	background-image:url(/OA_HTML/cabo/images/swan/subDimTabBg.gif);	
	color:#3e5576;	
	background-repeat:repeat-x
}
.OraSubTabBarEnabled A{
	text-decoration:none;	
    background-image:none;
}
.OraSubTabBarSelected,
.OraSubTabBarSelected A{
	font-family:Tahoma;	
	font-size:8pt;	
	text-align:center;	
	font-weight:bold;	
	background-image:url(/OA_HTML/cabo/images/swan/subTabBg.gif);	
	color:#3c3c3c;	
	background-repeat:repeat-x
}
.OraSubTabBarSelected A{
	text-decoration:none;
    background-image:none;
}	
.OraNav2Selected{
	font-family:Arial;	
	font-size:8pt;	
	font-weight:bold;	
	text-decoration:none;	
	vertical-align:middle;	
	color:#013d74
}
.OraNav2Enabled,
.OraNav2Enabled A:hover{
	font-family:Arial;
	font-size:8pt;
	text-decoration:none;
	vertical-align:middle;
	color:#0a3a66
}
.OraNav2Enabled A:hover{
	text-decoration:underline;
}
.OraMessageBox, 
.OraMessageBoxBody{
	background-color:#d9e5ef
}
.OraMessageBox{
	font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif;
	font-size:x-small;
	color:#708fac;
	background-color:#eaeff5;
	margin-left:10px;
	margin-top:10px;
	margin-right:10px
}
.OraMessageBox .OraHeaderContent .p_OraSpacingHeader {
	background-color:#d9e5ef
}
.OraHeader,.OraErrorHeader{
	font-family:Arial;
	font-weight:bold;
	font-size:92%;
	vertical-align:middle;
	margin:5px 0px 0px 0px;
}
.OraHeader {
	color:#3a5a87;
}
.OraErrorHeader {
	color:#ed1c24;
}
.p_OraMessageBoxMessage {
	font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif;
	font-size:8pt;
	color:#3c3c3c;
}
.OraTrainVisited {
	 font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif;
	 font-size:8pt;
	 color: #a4f607;
}
.OraTrainCurrent {
	 font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif;
	 font-size: 8pt;
	 font-weight: bold;
	 color: #2e558c; 
}
.OraTrainUnvisited { 
    font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif; 
    font-size: 8pt; 
    font-weight:normal; 
    color: #2e558c 
} 
.OraTrainDisabled { 
    font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif; 
    font-size: 8pt; 
    font-weight: normal; 
    color: #8f8f9e 
} 

FORM {
	padding:0px; margin:0px
}

.OraHiddenText {
   position:absolute; 
   top:-999px;
}

.OraHiddenDiv {
   height: 250px; 
   width: 450px; 
   border: 1px solid;
   position:absolute; 
   border-color: #426ca7;
   left:180px; 
   top:25px; 
   z-index:1; 
   visibility: hidden;
   background-color: #FFFFFF;
}

.OraHeaderDiv {
  height: 50px; 
  width: 450px;
  visibility: visible;
  background-color: #FFFFFF;
}

.OraDetailDiv {
  height: 200px; 
  width: 450px;
  overflow:auto;
  visibility: visible;
  background-color: #FFFFFF;
}

/*********
* DDillon
* Customised CSS for Cooper Fluid Systems
*/
.h1cust {
    /* font-family: arial;*/
    font-weight: bold;
    font-size: 24pt;
    color: #717AA8;
}

.h2cust {
    /* font-family: arial;*/
    font-weight: bold;
    font-size: 18pt;
    color: #717AA8;
}
.cfsUnderLine {
	background-image:url(footer-bg.gif);	
	background-repeat:repeat-x;	
	height: 10px;
}

/**
* Utility Menu is the top RHS menu that contains links to the Cart, Orders, Profile, Login, Logout etc.
*/
.CFSUtilityMenu{
   display:block;
   position: absolute;
   right:12px;
   top:2px;
   height:22px;
}

.CFSUtilityMenu td{
    border-right-color:#283269;
    border-right-style: solid;
    border-right-width: 1px;
    border-left-color:#283269;
    border-left-style: solid;
    border-left-width: 1px;
    border-bottom-color:#283269;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px; 
    padding-bottom: 2px;
}

.CFSUtilityMenu td a{
    padding-left: 10px;
    padding-right: 10px;
   
    /*color: #717AA8; */
    color: white;
    font-weight: bold;
}

.CFSCatalogueMenu{
   padding: 0px; 
   border-spacing: 0px;
   /*border-collapse: collapse; */
   border:none; 
   float:right; 
}

.pageTitle {
    font-size: medium;
}

.sectionHeader1{
    font-size: 10pt;
    height: 40px;
    background-image: url(/OA_MEDIA/jtf_hdingBar-BG-40.gif);
    /*vertical-align: top;*/
    vertical-align: middle;
    font-size: 16pt;
    color: #717AA8;
}


.sectionHeader1 a{
    vertical-align: middle;
    font-size: 16pt;
    color: #717AA8;
}

.sectionHeader1 a:hover{
    color:#2b7c92;
}

.sectionHeader2{
    font-size: 10pt;
    color: #717AA8;
    vertical-align: middle;
    height:30px;
}

.sectionHeader2 a{
    color: #717AA8;
    font-size: 10pt;
}

.sectionHeader2 a:hover{
    color:#2b7c92;
}

#addrHeader.sectionHeader1{ 
    /*background-image: url(/OA_MEDIA/jtf_hdingBar-BG.gif); 
    background-repeat:repeat-x; */
    background-image: none;
    font-family: Tahoma, Arial, Helvetica, sans-serif; 
    font-size: 8pt; 
    font-weight: bold; 
    color: #717AA8; 
    padding-left: 9px; 
    vertical-align: middle;
    height:20px;
}

.prompt a{
    vertical-align: baseline;
}

.prompt a img{
    margin-left: auto;
    margin-right: auto;
    border: none;
}

.sectionImage img{
    display:block;
    margin-left: auto;
    margin-right: auto;
    max-width: 230px; 
    height: auto; 
    max-height: 100px;
    border: none;
    padding-bottom: 2px;
}

img.priceListImage { 
    display:block;
    margin-left: auto;
    margin-right: auto;
    max-width: 230px; 
    height: auto; 
    max-height: 100px;
    border: none;
}

td.priceListImage{
    text-align: center;
    width: 20%;
}

div.BoundingBox { 
    clear: left; 
    width:100%; 
    max-width: 900px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}
div.BoundingBox-inner {
    float: left;
    display:inline;
}

div.float { 
    text-align: center;
    padding-bottom: 2px;
    margin-right: 5px;
    padding-top:2px;
    vertical-align: baseline;
    width: 130px;
    height: 135px; 
    float: left; 
    display:inline;
    position:relative;
    white-space: normal;
}

a.floatImg{
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 35px;
}

a.float{
    font-size: 10pt;
    position: absolute;
    bottom:2px;
    left:0px;
    right:0px;
}

div.float img{
    max-width:100px;
    max-height:100px;
    height:auto;
    
    border: none;
    vertical-align: middle;
}


.tableSmallHeaderCell{
    text-align: center;
}
table.sectionDisplay{
    border-collapse: collapse;
    border-spacing: 0px;
    padding: 0px;
}

.pageTitle{
    border-bottom: none;
}

#search {
    float: right;
    width: auto;
    height: 31px;
    position: relative;
}
#search fieldset {
    padding: 0;
    margin: 0 0 8px 2px;
    height: 23px;
    width: auto;
    border: 0;
    position: relative;
}
legend{
    display: none;
}

#search .head-searchbox, #search .btn_searchsubmit, .sf-menu li, .sf-menu a, .utility-menu li, #footer, .drop-wrap, .drop-wrap .text, .input-outer, .input-inner, .btn-input, p.btn_blue, p.btn_blue a, p.btn_blue input, p.btn_red, p.btn_red a, .btn_white, .btn_white a, p.facebook, p.facebook a {
    background-image: url(/OA_MEDIA/main-sprite.png);
}

#search .head-searchbox {
    display: inline-block;
    background-position: 0 -324px;
    height: 23px;
    width: 135px;
    padding: 0;
    float: left;
}

#search .head-searchinput {
    display: inline-block;
    background: transparent;
    border: 0;
    width: 125px;
    padding: 0 0 0 10px;
    height: 22px;
    line-height: 22px;
    font-size: 95%;
    color: #172154;
}

#search .btn_searchsubmit {
    display: inline-block;
    width: 22px;
    height: 23px;
    padding: 23px 0 0 0;
    border: 0;
    background-position: right -324px;
    background-color: transparent;
    cursor: pointer;
    float: left;
    overflow: hidden;
}

.tableDataCell { 
    font-size: 9pt; 
    /*text-align: right;*/
    border:none;
    vertical-align:top;
}

.CFSbinHeaderCell{
    height:21px;
    background-image:url(/OA_MEDIA/jtf_hdingBar-BG.gif);    
    background-repeat:repeat-x;
    color:#3c3c3c;
    font-family:Tahoma;
    font-weight:bold;
    font-size:8pt;
    vertical-align:middle;
    text-align:left;    
    border-top:1px solid #acbcdc;
    border-bottom:1px solid #acbcdc;
    padding-left: 10px;
    padding-right: 10px;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
        
}

.CFSMenuInfoOuter{
    position: absolute;
    top:15px;
    left:0px;
    width:100%;
    text-align: center;
}

/* Menu info if the second image in the middle of the top banner*/
.CFSMenuInfo{
    position: absolute;
    margin:auto;
    top:74px;
    right:5px;
}

.CFSSubMenu{
    height:24px;
    background:url(/OA_MEDIA/cfs-body-bg.png);
}

/* Registration Notification message */
.regNoteStyle{
    font-family: sans-serif;
    font-size: 12px;
    margin-top:20px;
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
/* Required for Pagination in item select pages */
.pg-normal {
    color: black;
    font-weight: normal;
    text-decoration: none;    
    cursor: pointer;    
}
.pg-selected {
    color: black;
    font-weight: bold;        
    text-decoration: underline;
    cursor: pointer;
}

.pg-hidden {
    display:none;
}