@import url(form_styles.css);

#overall td.Left
{
    display: none;
}

body
{
    margin: 0;
    background: #E6E7D4;
    font-family: Verdana, sans-serif;
    background:url(/CompanyFiles/ProStores/img/bg_gradient_internal.gif) repeat-x top left;
}
/* special ProStores styles */
#header, #mainContent {width:980px; margin:0 auto}
/* GENERAL CLASSES */
.clearBoth {clear:both}
.clearfix:after {content: ".";  display: block; height: 0; clear: both; visibility: hidden}

#overall
{
    position: relative;
    text-align: center;
    width: 980px;
}

#leftnav_outer {
	float: right;
	width: 251px;
	position: static;
	margin-top: 13px;
	margin-right: -2px;
	background: url(/CompanyFiles/ProStores/img/bg_sidecol_solidcolor_3px.png);
	border:none;
}

#leftnav
{
	float: right;
	width: 251px;
	position: static;
	margin-right: -2px;
	background: url(/CompanyFiles/ProStores/img/bg_sidecol_solidcolor_top.png) no-repeat right top;
	padding-top: 20px;
}

#leftnav_news br {
	display:none;
}

.leftnav_btm {
	width: 251px;
	height: 12px;
	background: #b9dee9 url(/CompanyFiles/ProStores/img/bg_sidecol_solidcolor_btm.png) no-repeat top;
	clear:both;
	margin-left:1px;
}

#announcements {
	background: #E5E6D4 url(/CompanyFiles/ProStores/img/bg_sidecol_solidcolor_3px.gif);
}

ol, ul {list-style: none; padding-left:10px; padding-right:8px;}

/* HEADER */
#masthead {background:#FFF; border-bottom:8px solid #2B2B2B}
#masthead a {text-decoration:none}
#masthead a:hover, #masthead a:focus {text-decoration:underline}
#psLogo {float:left; margin:19px 0 10px 21px}
#headerNav {float:right; width:754px}
#signLinks {
	float:right;
	margin:0 0 14px 0;
	position: relative;
}
#signLinks div {float:left; margin:0 0 0 9px}
#signLinks div.inner {margin:0}


/*login form slideout*/
#signSlider {display: none; position: absolute;  right: 0; top: 0; width: 237px;
background: transparent url(/CompanyFiles/ProStores/img/signinSlider.png) bottom left no-repeat; }
#signSlider div { margin: 0; }
#signSlider .left { float: left; margin: 10px 0 0 10px; }
#signSlider .right { float: right; margin: 10px 10px 0 0;  }
#signSlider a,#signSlider  a:visited { color: #005575;  }
#signSlider form { margin: 5px 0 0 10px; width: 90%;  padding: 10px 0 5px 0; float: left; display: block;  border-top: 1px dotted #222; }
#signSlider label { margin: 0 0 5px 0; float: left; display: block; width: 60px; }
#signSlider input { margin: 0 0 5px 5px; float: left; width: 140px; }
#signSlider input.password { margin: 0 0 0 0; }
#signSlider input.submit { margin: 15px 0 0 0; float: right; width: 87px; height: 27px; }
#signSlider a.forgot_pass { float: left; margin: 15px 0 0 0;  width: 100px;}

#signIn {background:#D8D8D1 url(/CompanyFiles/ProStores/img/signin_bg_left.gif) no-repeat bottom left}
#signIn a {font-weight:bold; color:#333; padding:0 17px 0 0; background:url(/CompanyFiles/ProStores/img/down_arrow.gif) no-repeat 100% 50%}
#signIn .inner {background:url(/CompanyFiles/ProStores/img/signin_bg_right.gif) no-repeat bottom right; padding:7px 15px 6px 13px}
#signUp {background:#4EAAC3 url(http://www.prostores.com/img/signup_bg_left.gif) no-repeat bottom left}
#signUp a {font-weight:bold; color:#FFF; padding:0 21px 0 0; background:url(http://www.prostores.com/img/right_arrow.gif) no-repeat 100% 55%}
#signUp .inner {background:url(http://www.prostores.com/img/signup_bg_right.gif) no-repeat bottom right; padding:7px 12px 6px 16px}


/* CSS top menu */
#topNav li {clear:right; float:left; height:40px; padding:0 20px; background:url(/CompanyFiles/ProStores/img/nav_separator.gif) no-repeat 0 6px}
#topNav li.listFirst {padding-left:30px; background:transparent}
#topNav li a { display: block; float: left;  height: 40px; text-indent: -9999em; }
#topNav li a:hover, #topNav li a:focus { background-position: 0 -40px; }
#topNav li a.selected, #topNav li a.selected:hover { background-position: 0 0; }
a#navWelcome {  width: 112px !important; background: url(/CompanyFiles/ProStores/img/nav_welcome.png) 0 -80px no-repeat;}
a#navProducts {  width: 101px !important; background: url(/CompanyFiles/ProStores/img/nav_products.png) 0 -80px no-repeat;}
a#navServices {   width: 92px !important; background: url(/CompanyFiles/ProStores/img/nav_services.png) 0 -80px no-repeat;}
a#navKnowHow { width: 135px !important;  background: url(/CompanyFiles/ProStores/img/nav_knowhow.png) 0 -80px no-repeat;}


#signQuestions {padding: 8px 0 0;}


ul#subNav {
	margin-left: 12px;
	padding-left: 0px;
}
ul#subNav li a.active { color: #ffc527; }

#searchRow {
	clear:left;
	background:#2B2B2B url(/CompanyFiles/ProStores/img/subnav_bg_left.gif) no-repeat top left;
	margin-left:40px;
	}
#searchRow_r {
	background:url(/CompanyFiles/ProStores/img/subnav_bg_right.gif);
	width: 4px;
	float: right;
	}
#searchRow li {
	float:left;
	padding:6px 10px 0 10px; 
	background:transparent url(/CompanyFiles/ProStores/img/subnav_separator.gif) no-repeat scroll left bottom;
	margin-bottom:-1px;
}

#searchRow li.listFirst {
	float:left;
	margin-bottom:-1px;
	padding:6px 10px 0pt;
	background: url(none);
}

#searchRow a {color:#FFF; font-size:12px; text-transform:uppercase}
#searchRow a:hover, #searchRow a:focus {color:#ffc527; text-decoration:none}
#searchRow a.selected {color:#FFC527}
#searchForm {float:right; margin:4px 10px 0 0; height: 19px;}
#searchForm * {vertical-align:middle}
#searchForm label {position:absolute; left:-3000px}
#searchForm #search {border:0; background:#6F6F63; color:#FFF; width:138px; padding:0 10px; margin:0 4px -5px 0; overflow:visible}
#searchForm #searchSubmit {margin-bottom:-5px}



/* CONTENT  - 2 COLUMN */
#Content {background:#FFF url(/CompanyFiles/ProStores/img/leftcol_bg_top.gif) no-repeat top left; padding:18px 20px 20px 20px; width:675px; float: left; position: relative; margin-top:15px; margin-bottom: 20px; clear:both;}
#contentCol.startLow {background-image: url(/CompanyFiles/ProStores/img/bg_leftcol2.png);}
#Content .close {position: absolute; bottom: 0; left: 0; background: url(/CompanyFiles/ProStores/img/leftcol_bg_bottom.gif ) no-repeat bottom left; display: block; height: 10px; width: 715px; }


#bot  {
background:url(/CompanyFiles/ProStores/img/bot_bg.gif) repeat-x scroll 0 0 #020202;
margin-top:22px;
marker-offset:0;
padding-bottom:50px;
width:100%;}


/* PRE FOOTER */
#preFooter  { width: 980px;
	margin: 0px auto;

url(/CompanyFiles/ProStores/img/bot_bg.gif) repeat-x scroll 0 0 #020202; }

#preFooter ul  {
	float: left;
	margin: 10px 0px 0 0px;
	color: #666;

}

#preFooter li.lead {
background:url(/CompanyFiles/ProStores/img/footer-divider1.png) repeat-x scroll left 

bottom transparent;
font-weight:bold;
margin:0 0 3px;
padding:0 0 6px;
text-transform:uppercase;
}

#preFooter li {
background:url(/CompanyFiles/ProStores/img/footer-divider2.png) repeat-x scroll left 

bottom transparent;
margin:0 0 3px;
padding:0 0 6px;
width:155px;
}

#preFooter #connect {
float:left;
margin:10px 0 0 0px;
width:270px;
}

#preFooter #connect h2 {
color:#CCCCCC;
font:bold 11px/1.4 Verdana,sans-serif;
margin-top:0;
}

#preFooter li.last {
background:none repeat scroll 0 0 transparent;
}

#preFooter a {
color:#CCCCCC;
text-decoration:none;
}



div#social div#email_signup_container{
	position: absolute;
	padding: 10px 12px;
	display: inline;
}



div#social div#email_signup_container h3{
	color:	#333;
	display: inline-block;
	margin: 0 0 20px 0;
}

div#email_signup_container input{
	float: left;
	font-size:10px;
	color: #333;
	width: 150px;
	padding: 2px 5px;
	line-height:21px;
	height: 25px;
}


div#email_signup_container input#email_submit_buttom{
	margin: -2px 0 0 5px;
	background: url("/CompanyFiles/ProStores/img/psintro_button_submit.png") 0 0 

no-repeat;
	height: 26px;
	width: 75px;
	display: block;
	border: none;
}

div#email_signup_container input#email_submit_buttom:hover{
	background: url(/CompanyFiles/ProStores/img/psintro_button_submit.png) 0 

-26px no-repeat;
}

#preFooter #connect li {
background:none repeat scroll 0 0 transparent;
width:auto;
}


input, textarea {
font-family:inherit;
}

#preFooter a:hover, #preFooter a:active {
	color:#fff;
}

/*#preFooter .close { width: 980px; background: #D1D2C0 

url(/CompanyFiles/ProStores/img/prefooter_bot.gif) bottom left no-repeat; height: 

5px;  display: block; float: left;  }*/


/* FOOTER */
#footer {
	clear:both;
padding-left:10px;
	color:#666;
	position: relative;
}

#footer ul {
	margin:0 0 5px 0;
padding-left:0px;
	background-color: #e8f5f9;
	float: left;
	clear: both;
	-webkit-border-radius: 4px;    /* for Safari */
    -moz-border-radius: 4px;       /* for Firefox */
}

#footer ul, #footer p {
	clear: left;
}

#footer p {
	padding-top:3px;
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
}

#footer li {
	float:left;
	/*background:url(http://www.prostores.com/img/footer_separator.gif) no-repeat center left;*/
	padding:0 ;
	border-left: 1px dotted #0075a1;
	line-height: 8px;
	margin:5px 0;
	display: inline-block;
	zoom:1;
}
#footer li a{
	display: inline-block;
	zoom: 1;
	*display: inline;
}
#footer li.listFirst {
	background:transparent;
	border: none;
}

#footer a {
	text-decoration:none;
	line-height:8px;
	padding: 0 7px;
	*padding-bottom: 2px;
	display: block;
	margin: 0;
	color: #0075a1;
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
}
	#footer a.inline { display: inline; padding: 0px; }
#footer a:hover, #footer a:focus, #footer a:active {
	text-decoration:underline
}

#footer #footer-text{
	clear: both;
	margin:0;
}

#footer div#msg {
	display: block;
	width: 670px;
	height: 46px;
}

#footer div#msg p{
	font-size: 10px;	
}

#footer a#pci{
	display: block;
	width:72px;
	height: 46px;
	background: url(http://www.prostores.com/img/pci_logo.png) 0 0 no-repeat;
	text-indent:-9999px;
	margin: 16px 80px 0 0;
	float: right;
}

#footer a#merchantLinks{
	display: inline-block;
	width:185px;
	height: 46px;
	margin: 16px 40px 0 0;
	background: url(http://www.prostores.com/img/merchants_logo.png) 0 0 no-repeat;
	padding: 6px 0 0 45px;
	line-height:14px;
	text-transform: uppercase;
	font-weight:bold;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	position: absolute;
	right: 0;
	color: #005575;
}





#legal
{
    font-size: 9px;
}

td
{
    font-family: Verdana, sans-serif;
    font-size: 11px;
    line-height: 1.4;
    color: #333333;
}

td.nav
{
    background-color: #ffffff;
    color: #676767;
}

td.left
{
    width: 187px;
}

td.photoframe
{
    background-color: #F8F8EC;
    color: #6F6F45;
}

.small
{
    font-size: 10px;
}

.medium
{
    font-size: 11px;	
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	padding: 0 0 10px 10px;
	text-transform:uppercase;
	color: #712E01;
}

table.nav
{
    background-color: #ffffff;
}

table.category
{
    background-color: #FFDDA9;
}

table.page
{
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

tr.selected
{
    background-color: #ffffff;
}

h1
{
    font:35px Georgia, serif; 
    margin:0 0 25px 0;
    color: #333333;
    text-decoration: none;
}

.title
{
    font:35px Georgia, serif; 
    margin:0 0 25px 0;
    color: #333333;
    text-decoration: none;
}

.subtitle
{
	font:35px Georgia, serif;
	color: #000;
	font-size: 19px;
	padding: 1px 1px 10px;
	margin-bottom: 10px;
}

.sectiontitle
{
    font-weight: bold;
    padding: 5px;
	display: none;
}

.copy
{
    font-size: 11px;
    font-weight: normal;
}

a
{
    color: #0075A1;
    text-decoration: none;
}

a:hover
{
    color: #0075A1;
    text-decoration: underline;
}

a.photolink
{
    font-size: 11px;
}

a.category
{
    font-size: 11px;
    line-height: normal;
    font-weight: normal;
    text-decoration: none;
}

a.copyright
{
    font-size: 7pt;
    text-align: right;
}

a.leftnav
{
	font-size: 11px;
	margin: 0;
	display: block;
	width:95%;
	padding-left:10px;
	padding-bottom: 3px;
	padding-top: 3px;
}

a.leftnav:hover {
	background-color: #F6DA87;
	text-decoration: none;
}

a.selectedassets
{
    font-size: 11px;
    line-height: normal;
    font-weight: bold;
    color: #F0C834;
    text-decoration: none;
}

a.selectedassets:hover
{
    color: #FCF2AD;
}

a.selectedassets:active
{
    color: #FCF2AD;
}

a.loggedin
{
    color: #0075A1;
    text-decoration: none;
}

a.loggedin:hover
{
    color: #0075A1;
}

a.loggedin:active
{
    color: #0075A1;
}

a.storylink
{
	font-size:14px;
    font-weight: bold;
	color:#712E01;
	font-family:Georgia,serif;
}

a.storylink:hover {
	color:#712E01;
	text-decoration: underline;
}

a.pagination
{
    color: #BB3000;
    font-size: 11px;
}

.bread
{
    font-size: 11px;
    color: #333333;
}

.copyright
{
    font-size: 7pt;
    text-align: right;
}

.errortext
{
    font-weight: bold;
    color: #990000;
    background-color: #FFFFE5;
    line-height: normal;
}

hr
{
    border: 1px solid #cccccc;
}

#LeftSpacerColumn {
	display:none;
}

#LoginVerbiage {
	padding-left:10px;
	display:block;
}

#fluency img {
	padding-top: 35px;
}