/* CSS Document */

p, h1, h2, h3, h4, h5, h6, ul, li{ padding:0; margin:0;}

body
{
background-color: #252d38;
color:#333333;
direction:ltr;
font-family:Arial,Helvetica;
font-size:13px;
padding:0;
margin:0;
text-align: center;
}

#container{
width:981px;
position:relative;
background-color:#252d38;
margin-left: auto;
margin-right: auto;
}


#logo{
	float: left;
}

#navBar{
	background:url(/CustomContent/PSTOR_PRO/Images/Header/bg_navbar.gif);
	background-repeat:repeat-x;
	text-align: right;
	padding-right: 20px;
	height: 35px;
	clear: both;
}

#navBar a {
	line-height: 34px;
	color: #fff;
	font-weight: bold;	
	text-decoration: none;
	margin-left: 25px;
	font-size: 12px;
}


#header{
	width: 981px;
}

#upperRightNavBar{
	float: right;
	text-align:right;
	font-size:16px;
	color: white;
}

#upperRightNavBar p{
	font-size:12px;
}

#upperRightNavBar a{
	color: #97cbd9;
}

.yellow{
	color: #ffdb45;
}

#help{
	float: right;
}

.green{
	color: #3a7a0a;
}

.blue{
	color: #1f415d;
}

#help a{
	color: #a8e3ef;
	font-weight: bold;
}


#registerNow{
	background:url(/CustomContent/PSTOR_PRO/Images/Header/bg_yellow_gradient.gif);
	background-repeat:repeat-x;
	border: 1px #ffb503 solid;
	color: #000000;
	line-height: 25px;
	text-align: center;
	height: 27px;
	width: 125px;
	font-weight: bold;
	margin-left: 12px;
	float: right;
}

#registerNow a
{
    text-decoration: none;
	color: #000000;
}


.placeholder{
float:right;
}

.placeholer ul{
height:22px;
padding-top:15px;
clear:both;
}
.placeholder ul li{
list-style:none;
display:inline;

}

.menu{
width:982px;
height:35px;
background:url(/CustomContent/PSTOR_PRO/Images/Homepage/LoggedIn/upper-menu-image.gif) repeat-x;
text-align:right;
clear:both;
}

.menu ul{
height:35px;
float:right;

}
.menu ul li{
padding-right:15px;
background:url(/CustomContent/PSTOR_PRO/Images/Homepage/LoggedIn/upper-menu-image.gif) repeat-x;
padding-top:8px;
padding-left:15px;
float:left;
display:inline;
list-style-type:none;
height:27px;
font-weight:bold;

}

.menu ul li a{
color:#fff;
text-decoration:none;

}


#contentsection{
position:relative;
min-width:982px;
color:#000;
width:982px;
padding-left:10px;
height:800px;
}

.content{
width:982px;
min-width:982px;
height:720px;
padding-top:10px;
background:#E3EDF3;
	
}
.headline{
font-size:36px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
background: url(/CustomContent/PSTOR_PRO/Images/Homepage/LoggedIn/pro-image-background.gif);
width:965px;
margin-left:10px;
height:77px;
}

.headline-text{
padding:10px 0 0 10px;
}

.pro-text{
color:#D9E7F0;
background:#003753;
display:inline;
font-size:27px;
margin-top:-2px;
}
.content_text {
color:#000;
font-size:22px;
padding-left:25px;
margin-top: 10px;
}

.search-box{
width:965px;
margin-left:10px;
padding-top:15px;
height:145px;
}

#brand-search-box{
height:144px;
width:475px;
background:url(/CustomContent/PSTOR_PRO/Images/Homepage/LoggedIn/brand-search-box-image.gif) repeat-x;
float:left;
}

#part-number-search-box{
float:left;
height:144px;
width:475px;
background:url(/CustomContent/PSTOR_PRO/Images/Homepage/LoggedIn/part-search-box-image.gif) repeat-x;
}

.part-number-input-box{
	padding-left:50px;
}
.search-box-title{
padding:15px 0 0 50px;
font-size:23px;
color: #ffffff;
text-align: left;
}


.input-box-and-image{
height:38px;
width:430px;
text-align:left;
}

.search-image{
margin:14px 10px 0 10px;
float:left;
}

.search-input-box{
height:34px;
width:317px;
margin-top:15px;
float:left;
font-size:25px;
}

.go-button{
float: left;
margin: 15px -1 0;
padding-right: 0px;
}

.go-button-for-part-number{
float:left;
margin:15px 0 0 -1px;
}


.see-all-brands{
clear:both;	
padding:0px;
float:right;
}


#between-input-box-image{
float:left;
}


/*Bottom tables of the page start here*/

#bottom{
width:970px;
height:425px;
text-align: left;
}

#bottom a{
    text-decoration: underline;
}

.bottom-table{
padding:25px 0 0 9px;
float:left;
}

.bottom-table-header-image{
background:url(/CustomContent/PSTOR_PRO/Images/Homepage/LoggedIn/bottom-table-header-image.gif) repeat-x;
width:231px;
height:42px;
border-left: 1px solid #a3abae;
border-top: 1px solid #a3abae;
border-right: 1px solid #a3abae;
}

.bottom-table-header-title{
padding:5px 0 0 15px;
font-size:20px;
text-align:left;
}

.bottom-header-bullet{
float:right;
margin-top:9px;
padding-right:5px;
}

.bottom-content{
height:350px;
width:231px;
background:#fff;
border-left: 1px solid #a3abae;
border-bottom: 1px solid #a3abae;
border-right: 1px solid #a3abae;
}

.bottom-content ul li{
	list-style-type:none;
	padding:15px 0 0 15px;
	font-size:16px;
	color:#0168d1;	
}

.bottom-content ul li a{
	color:#0168d1;
}

.view-all-image{
float:right;
padding-right:5px;
}




/*Colors*/

.light-blue{
color:#a8e3ef;	
font-weight:bold;
}

.blue{
color:#003753;
font-weight:bold;
}

.black{
	font-weight:bolder;
}



#footer{
	text-align: right;
    background-color: #335570;

	font-weight: bold;
    padding-bottom:10px;
}

#footer a {
	color: #fff;
	font-weight: bold;	
	text-decoration: none;
	margin-left: 18px;
	font-size: 12px;
	margin-right: 10px;
}

#copyright {
	color: #afafaf;
	font-size: 12px;
	text-align: right;
	background-color: #252d38;
}

/******************** Type Ahead ****************/

.typeAhead-ul
{
    border: 1px solid #666666;
    background-color: #ffffff;
    color: #000000;
    margin: -2px 0px 0px 5px;
    padding: 0px 0px 0px 0px;
    font-family: Arial;
    font-size: 10pt;
    text-align: left;
}

.typeAhead-li
{
    padding: 0px 0px 0px 5px;
    list-style: none;
}

.typeAhead-li-highLight
{
    padding: 0px 0px 0px 5px;
    list-style: none;
    background-color: #bdc5e1;
    cursor: pointer;
}