/* General stylings
------------------------------------- */
body {
  font: 11px/13px Arial, Verdana, sans-serif;
  color: #333;
}

hr {
  display: none;
}


/* Heading/
------------------------------------- */
h1 {
  font-size: 24px;
  line-height: 32px;
  color: #4581B3;
}

#logo h1 {
  width: 262px;
  height: 88px;
  text-indent: -9999px;
  background: url("../images/logo.gif") no-repeat;
}

#callout h1 {
  margin: 22px 20px 10px 0;
  font-size: 18px;
  line-height: 20px;
  color: #fff;
}

body.standalone h1 {
  margin: 15px 0 5px 0;
}

body.standalone #locator-map h1,
body.standalone #locator-map-noresults h1 {
  margin: 20px 0 5px 0;
  border-bottom: 1px solid #a2a9a9;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
}

body.tertiary #callout h1 {
  margin: 0 0 15px 0;
  font-size: 40px;
  line-height: 40px;
  color: #fbea6b;
}

h2 {
  font-size: 12px;
  line-height: 1.5;
  font-weight: bold;
  text-transform: uppercase;
}


#DoubleTableFix1 {
  float:left;
  font-size: 12px;
  line-height: 1.5;
  font-weight: bold;
  text-transform: uppercase;
}


#content p {
  font-family: Verdana;
  margin: 0 0 13px;
}

#DoubleTableFix2 {
  float:left
}

#DoubleTableFix {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 30px;
  margin-left: 0px;
}

#content div.quad h2 {
  padding: 94px 0 0 0;
  font-size: 14px;
  line-height: 1.2;
  text-transform: none;
  color: #4581B3;
}

#sitenav h2,
#sectionnav h2,
.sectionnav h2,
#footer h2 {
  text-indent: -9999px;
  height: 0;
}

#my-sherwin-store h2,
#preferred-customer h2,
#locator h2,
#visualizer h2,
#msds h2,
#safety-rules h2,
#stock-quote h2,
#gutter-uyo h2,
#paint-calculator h2 {
  margin: 0 0 6px 0;
  padding: 5px 7px 7px 7px;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  color: #fff;
  background: url("../images/bg/h2.gif") 0 100% repeat-x;
  background-color: #76736c;
}

body.tertiary #callout h2 {
  margin: 0 0 14px 0;
  font-size: 18px;
  line-height: 1.1;
  color: #fff;
}

.locator h2 {
  margin: 5px 0 0 0;
  width: 185px;
  height: 23px;
  text-indent: -9999px;
  background: url("../images/ads/findastore.gif") no-repeat;
}

body.standalone #locator-results h2 {
  margin: 20px 0 5px 0;
  border-bottom: 1px solid #a2a9a9;
  text-transform: none;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: #4581B3;
}

h3 {
  font-size: 12px;
  line-height: 15px;
  font-weight: bold;
}

#featured h3 {
  margin: 2px 0 7px;
  font-size: 16px;
  color: #4682b4;
}

div.gutter-ad h3 {
  margin: 5px 0;
  padding: 0 5px;
  font: 13px/16px Arial, Verdana, Helvetica, sans-serif;
  color: #4581B3;
}

h4 {}

#featured h4 {
  margin: 0 0 5px 0;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.0;
  color: #333;
}

h5 {}

h6 {}


/* Paragraphs, links and other text
------------------------------------- */
p {
  margin: 0 0 13px;
  font-family: Verdana;
}

#hgtv p {
  font-family: Helvetica, Arial, sans-serif;
}

p.disclaimer, div.disclaimer p {
  font-size: 9px;
  line-height: 11px;
  color: #999;
}

p.needFlash {
	font-size: 9px;
	color: #666;
}

#flash-disclaimer p {
  font: 10px/1.3 Arial, Helvetica, sans-serif;
  color: #797979;
}

.locator p {
  float: left;
  margin: 0;
  width: 55px;
  font-family: Arial;
  line-height: 1.1;
}

#preferred-customer p,
#locator p,
#visualizer p,
#gutter-uyo p,
#paint-calculator p {
  margin: 0 7px 6px;
  font-family: Arial;
  color: #999;
}

#stock-quote p {
  margin: 0 5px 6px;
  font-family: Arial;
  color: #999;
}

#msds p,
#safety-rules p,
{
  margin-bottom: 0;
}

div.gutter-ad p {
  margin: 0 5px 5px;
  font-size: 10px;
  color: #999;
}

#main #callout p {
  margin: 0 0 7px;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
}

body.tertiary #main #callout p {
  font-size: 11px;
  line-height: 1.3;
  font-weight: normal;
}

body.tertiary #main #callout #featured p {
  margin-left: 0;
  margin-right: 0;
  line-height: 1.0;
  color: #666;
}

body.quaternary #content div.locations p {
  float: left;
  margin-right: 10px;
  width: 270px;
}

a {
  color: #4581b3;
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: underline;
}

.locator a {
  color: #666;
}

a.cvlaunch {
  display: block;
  width: 178px;
  height: 25px;
  text-indent: -9999px;
  background: url("../images/bg/launch-cv.gif") no-repeat;
}

a.paint-calculator-launch {
  display: block;
  width: 119px;
  height: 25px;
  text-indent: -9999px;
  background: url("../images/bg/launch-paint-calculator.gif") no-repeat;
}

a.uyolaunch {
  display: block;
  width: 135px;
  height: 21px;
  text-indent: -9999px;
  background: url("../images/bg/upload-a-photo-button.png") no-repeat;
	margin-top: 8px;
}

#visualizer a.cvlaunch {
  position: relative;
  left: -3px;
}

a.cv-landing {
  display: block;
  width: 152px;
  height: 23px;
  text-indent: -9999px;
	margin-bottom: 3em;
  background: url("../images/bg/cv-landing-launch.gif") no-repeat;
}

/* Links on pro and do_it_yourself pages */
a.findmsds,a.homesignup
{
  text-decoration: none;
  padding-left: 15px;
    background: url("../images/bullets/arrow-teal.gif") 0 50% no-repeat;
}

a.findmsds {
  color: #bbcefc;
}

a.homesignup {
  color: #F6AF3B;
}

a.findmsds:hover,
a.findmsds:focus,
a.homesignup:hover,
a.homesignup:focus
 {
  color: #fff;
}
/*   */


#locator a {
  color: #999;
}

#msds a,
#safety-rules a
{
  display: block;
  margin: 0 9px;
  padding: 0 0 0 15px;
  font-family: Arial;
  text-decoration: none;
  color: #999;
  background: url("../images/bullets/arrow-gray.gif") no-repeat;
}

#msds a:hover,
#msds a:focus,
#safety-rules a:hover,
#safety-rules a:focus
{
  text-decoration: underline;
}

#main #featured a {
  color: #666;
}

#main #featured a#featured-prev {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 26px;
  height: 125px;
  text-indent: -9999px;
  background: url("../images/bg/featured-prev.gif") no-repeat;
}

#main #featured a#featured-next {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 26px;
  height: 125px;
  text-indent: -9999px;
  background: url("../images/bg/featured-next.gif") no-repeat;
}

#stock-quote p a {
  text-decoration: underline;
}

#content h2 a {
  color: #4581B3;
  text-decoration: none;
}

#content h2 a:hover,
#content h2 a:focus {
  text-decoration: underline;
}

#pro #main .acrat_link{
	display:inline;
	float:left;
	padding: 20px 0 40px 10px;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

html body #container #main #sidebar #sectionnav ul li ul li a sup,
html body #container #main .sidebar #sectionnav ul li ul li a sup {
	vertical-align:super;
}

a.em {
	background: url('../images/bullets/blue-arrow.gif') no-repeat 0 50%;
	padding-left: 10px;
}


/* Image styling
------------------------------------- */
img {
  padding: 1px;
  border: 1px solid #d9d9d9;
}

.no-border img {
  padding: 1px;
  border: none;
}

#logo img,
#adspace img,
#featured img {
  padding: 0;
  border: none;
}

#content div.quad img {
  position: absolute;
  top: 0;
  left: 0;
}

div.gutter-ad img {
  display: block;
  margin: 0 auto;
}

#locator-map #coupon{
	margin-top: 15px;
}

#pro #main .acrat_image{
	border: none;
	display:inline;
	float:left;
}

/* General list styles
------------------------------------- */
ul, ol {
  margin: 0 0 13px 30px;
  font-family: Verdana;
}

ul li {
  margin: 0 0 6px;
  list-style-type: disc;
}

ol li {
  margin: 0 0 6px;
  list-style-type: decimal;
}

ul#skip li {
  list-style-type: none;
}

#locator-results ol {
  margin-left: 0;
}

#locator-results ol li {
  list-style-type: none;
  font-size: 14px;
  color: #4581B3;
}

#locator-results ol li ul {
  margin-left: 0;
}

#locator-results ol li ul li {
  margin: 0;
  padding: 0 0 0 15px;
  list-style-type: none;
  font-size: 11px;
  color: #333;
  background: url("../images/bullets/arrow-p-services.png") 0 50% no-repeat;
}

div.gutter-ad ul li {
  color: #999;
}


/* Definition list styles
------------------------------------- */
dl {
  font-family: Verdana;
}

dl dt {
  font-weight: bold;
}

dl dd {
  margin: 0 0 7px 0;
}

#locator-results dl dt {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.3;
  color: #4581B3;
}

#locator-results dl dt.mystore {
  padding-left: 20px;
  background: url("../images/bg/star.gif") 0 50% no-repeat;
}

#locator-results dl dd {
  font-size: 11px;
  line-height: 1.3;
  color: #333;
}

#stock-quote dl {
  margin: 6px 5px;
  font-family: Arial;
  color: #333;
}
#stock-quote dl dt {
  float: left;
  font-weight: bold;
  width: 110px;
}
#stock-quote dl dd {
  margin: 0 0 0 110px;
}
#stock-quote dl dd.pos {
  color: #33aa33;
}
#stock-quote dl dd.neg {
  color: #ff0000;
}


/* Tertiary page callout list items
------------------------------------- */
body.tertiary #main #callout ul {
  font-family: Arial;
  margin: 0;
  padding: 0 0 13px;
}

body.tertiary #main #callout li {
  margin-left: 0;
  margin-bottom: 10px;
  padding-left: 15px;
  font-size: 11px;
  line-height: 1.0;
  text-transform: none;
  list-style-type: none;
}

body.tertiary #main #callout li a {
  padding-left: 0;
  color: #fff;
  background-image: none;
}


/* Global navigation
------------------------------------- */
#globalnav ul {
  margin: 0;
  font-family: Arial;
}

#globalnav li {
  float: left;
  margin: 5px 23px 0 0;
  text-transform: lowercase;
  list-style-type: none;
}

#globalnav li#searchform {
  margin: 0;
  float:right;
}

#globalnav li a {
  color: #999;
  text-decoration: none;
}

#globalnav li a:hover,
#globalnav li a:focus {
  color: #333;
}


/* Site navigation
------------------------------------- */
#sitenav ul {
  margin: 0;
  height: 26px;
  font-family: Arial;
}

#sitenav li {
  float: left;
  margin: 0 2px 0 0;
  width: 254px;
  height: 26px;
  list-style-type: none;
}

#sitenav li#sn-homeowner {
  background: url("../images/sitenav/homeowner.gif") no-repeat;
}

#sitenav li#sn-professional {
  background: url("../images/sitenav/professional.gif") no-repeat;
}

#sitenav li#sn-about {
  margin-right: 0;
  background: url("../images/sitenav/about.gif") no-repeat;
}

#sitenav li#sn-homeowner:hover,
#sitenav li#sn-homeowner.sfhover,
#sitenav li#sn-professional:hover,
#sitenav li#sn-professional.sfhover,
#sitenav li#sn-about:hover,
#sitenav li#sn-about.sfhover {
  background-position: 0 -26px;
}

body#homeowner #sitenav li#sn-homeowner,
body#faux #sitenav li#sn-homeowner,
body#homeowner-color #sitenav li#sn-homeowner,
body#homeowner-green #sitenav li#sn-homeowner,
body#homeowner-ideas #sitenav li#sn-homeowner,
body#homeowner-products #sitenav li#sn-homeowner,
body#homeowner-painting #sitenav li#sn-homeowner,
body#homeowner-staining #sitenav li#sn-homeowner,
body#homeowner-wallpaper #sitenav li#sn-homeowner,
body#homeowner-downloadable-palette #sitenav li#sn-homeowner,
body#do_it_yourself #sitenav li#sn-homeowner,
body#onsale #sitenav li#sn-homeowner,
body#colorsnap #sitenav li#sn-homeowner,
body#blog-cabin #sitenav li#sn-homeowner,
body#greenhome #sitenav li#sn-homeowner,
body#dreamhome-2010 #sitenav li#sn-homeowner,
body#homeowner-faux #sitenav li#sn-homeowner,
body#fauxworkshop #sitenav li#sn-homeowner,
body#pro #sitenav li#sn-professional,
body#swfaux li#sn-professional,
body#pro-color #sitenav li#sn-professional,
body#pro-products #sitenav li#sn-professional,
body#pro-green #sitenav li#sn-professional,
body#pro-equipment #sitenav li#sn-professional,
body#pro-services #sitenav li#sn-professional,
body#pro-advice #sitenav li#sn-professional,
body#colorsnap-pro #sitenav li#sn-professional,
body#pro-downloadable-palette #sitenav li#sn-professional,
body#pro-faux #sitenav li#sn-professional,
body#about #sitenav li#sn-about,
body#about-csr #sitenav li#sn-about {
  background-position: 0 -26px;
}

#sitenav li a {
  display: block;
  width: 254px;
  height: 26px;
  text-indent: -9999px;
}

#sitenav li ul {
  position: absolute;
  margin: 0;
  width: 254px;
  height: auto;
  left: -9999px;
  z-index: 10;
  background: url("../images/bg/sitenav.png") repeat;
}

#sitenav li:hover ul,
#sitenav li.sfhover ul {
  left: auto;
}

#sitenav li#sn-homeowner ul li,
#sitenav li#sn-professional ul li,
#sitenav li#sn-about ul li {
  float: none;
  margin-right: 0;
  width: 238px;
  height: auto;
  padding: 6px 0 6px 16px;
  text-transform: uppercase;
}

#sitenav li#sn-homeowner ul li.head,
#sitenav li#sn-professional ul li.head,
#sitenav li#sn-about ul li.head {
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  background-image: none;
  background: #a2a9a9;
}

#sitenav li#sn-homeowner ul li a,
#sitenav li#sn-professional ul li a,
#sitenav li#sn-about ul li a {
  padding: 0 0 0 12px;
  display: inline;
  font-size: 10px;
  color: #666;
  text-indent: 0;
  text-decoration: none;
  background: url("../images/bullets/arrow-sitenav.gif") 0 3px no-repeat;
}

#sitenav li#sn-homeowner ul li a:hover,
#sitenav li#sn-homeowner ul li a:focus,
#sitenav li#sn-professional ul li a:hover,
#sitenav li#sn-professional ul li a:focus,
#sitenav li#sn-about ul li a:hover,
#sitenav li#sn-about ul li a:focus {
  color: #4581b3;
  background-position: 0 -47px;
}


/* Section navigation
------------------------------------- */
#sectionnav ul,
.sectionnav ul {
  margin: 0;
  font-family: Arial;
}

#sectionnav li,
.sectionnav li {
  margin-bottom: 0;
  padding: 1px;
  border-bottom: 1px solid #d9d9d9;
  list-style-type: none;
}

#sectionnav li a,
.sectionnav li a {
  display: block;
  padding: 4px 15px 4px 7px;
  width: 164px;
  font-size: 10px;
  text-transform: uppercase;
  text-decoration: none;
  color: #666;
  background: url("../images/bg/sectionnav.gif") 170px -59px no-repeat;
  background-color: #f0f0f0;
}

#sectionnav li.current a,
#sectionnav li a:hover,
#sectionnav li a:focus,
.sectionnav li.current a,
.sectionnav li a:hover,
.sectionnav li a:focus {
  color: #4581b3;
  background-position: 170px -6px;
}

#sectionnav li ul,
.sectionnav li ul {
  margin: 0;
}

#sectionnav li ul li,
.sectionnav li ul li {
  border-top: 1px dotted #d9d9d9;
  border-bottom: none;
}

#sectionnav li ul li a,
#sectionnav li.current ul li a,
.sectionnav li ul li a,
.sectionnav li.current ul li a {
  padding: 3px 15px 3px 17px;
  width: 154px;
  font-size: 11px;
  text-transform: none;
  color: #666;
  background: url("../images/bullets/arrow.gif") 7px 50% no-repeat;
  background-color: transparent;
}

#sectionnav li ul li a:hover,
#sectionnav li ul li a:focus,
#sectionnav li.current ul li a:hover,
#sectionnav li.current ul li a:focus,
.sectionnav li ul li a:hover,
.sectionnav li ul li a:focus,
.sectionnav li.current ul li a:hover,
.sectionnav li.current ul li a:focus {
  color: #4581b3;
}

#sectionnav li.current ul li.current a,
.sectionnav li.current ul li.current a {
  color: #4581b3;
  background: #f5f5f5;
}

#sectionnav li.current ul li ul li,
.sectionnav li.current ul li ul li {
  padding: 1px 0;
}

#sectionnav li.current ul li ul li a,
.sectionnav li.current ul li ul li a {
  padding-left: 32px;
  width: 139px;
  font-size: 10px;
  background-image: none;
  color: #9a9892;
}

#sectionnav li.current ul li.current ul li a,
#sectionnav li.current ul li.current ul li.current a,
.sectionnav li.current ul li.current ul li a,
.sectionnav li.current ul li.current ul li.current a {
  color: #666;
  background: transparent;
}

#sectionnav li.current ul li.current ul li.current a,
.sectionnav li.current ul li.current ul li.current a {
  color: #4581b3;
}

#sectionnav li.current ul li ul li ul li a,
#sectionnav li.current ul li.current ul li.current ul li a,
.sectionnav li.current ul li ul li ul li a,
.sectionnav li.current ul li.current ul li.current ul li a {
  padding-left: 47px;
  width: 124px;
  color: #666;
}

#sectionnav li.current ul li.current ul li.current ul li.current a,
.sectionnav li.current ul li.current ul li.current ul li.current a {
  color: #4581b3;
}


/* Images
------------------------------------ */
#content img.img-left,
#content img.img-noborder-left {
  float: left;
  margin: 0 10px 10px 0;
}

#content img.img-right,
#content img.img-noborder-right {
  float: right;
  margin: 0 0 10px 10px;
}

#content img.img-noborder-left,
#content img.img-noborder-right {
  border: 0;
}

.centerVertical
{
	margin-right: 15px; 
	vertical-align: middle;
	border:0;
}

/* Footer
------------------------------------- */
#footer {
  text-align: center;
}

#footer ul {
  clear: left;
  margin: 0 0 5px;
}

#footer li {
  display: inline;
  padding: 0 6px 0 5px;
  font-family: Arial;
  background: url("../images/bullets/separator.gif") 100% 50% no-repeat;
  list-style-type: none;
}

#footer li.last {
  background-image: none;
}

#footer li a {
  color: #999;
  text-decoration: none;
}

#footer li a:hover,
#footer li a:focus {
  color: #333;
}


/* Miscellaneous homepage
---------------------------------*/
#recall-alert {
  text-align: center;
  clear: both;
	float: left;
  margin: 0 0 5px 0;
  padding: 10px 33px 5px 33px;
  border-top: 1px solid #a2a9a9;
  width: 700px;
}

/* Servicemark
---------------------------------*/
.sm {
  font-family: "Lucida Sans Unicode"; /* A rare sm-supporting font. */
  line-height: 0; /* keep the leading consistent in a paragraph */
}


/* Account access header
---------------------------------*/
#account-access {
	float: right;
	padding: 8px 13px 0 0;
	display:inline;
	width:400px;
	text-align:right;
}

#globalnav li #account-access {
	padding:0 0 0 0;
}

#account-access,
#account-access a {
	color: #999999;
}

#account-access .welcome,
#account-access .welcome a {
	color: #6f6c64;
}

#account-access .welcome {
	margin-right: 1em;
}

#account-access .welcome a {
	text-decoration: underline;
}


p.propertyAdvantageAd {
  float: right;
  text-align: center;
  clear: right;
}

p.propertyAdvantageAd img{
  border: none;
}

#domain {
	text-transform: none;
}

.roman li {
  list-style: upper-roman !important;
}

.super {
    bottom: 0.5em;
    font-size: 0.8em;
    position: relative;   
}
