#content_main h1 {
    background: none repeat scroll 0 0 #289ACE;
    color: #000000;
}
#content_main h2 {
    background: none repeat scroll 0 0 #90D0EE;
    color: #000000;
}
#content_side h5:before {
    color: #CE286D;
}
#content_side h3 {
    background: none repeat scroll 0 0 #E83A83;
    color: #000000;
}
#content_side h4 {
    background: none repeat scroll 0 0 #CE286D;
    color: #000000;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img {
    border: 0 none;
}
address, caption, cite, code, dfn, em, strong, th, var, optgroup {
    font-style: inherit;
    font-weight: inherit;
}
del, ins {
    text-decoration: none;
}
li {
    list-style: none outside none;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
q:before, q:after {
    content: "";
}
abbr, acronym {
    border: 0 none;
    font-variant: normal;
}
sup {
    vertical-align: baseline;
}
sub {
    vertical-align: baseline;
}
legend {
    color: #000000;
}
input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
input, button, textarea, select {
}
body {
    font: 13px/1.231 arial,helvetica,clean,sans-serif;
}
select, input, button, textarea, button {
    font: 99% arial,helvetica,clean,sans-serif;
}
table {
    font-size: inherit;
}
pre, code, kbd, samp, tt {
    font-family: monospace;
    line-height: 100%;
}
a {
    outline: medium none;
}
a:focus {
    outline: 1px dotted;
}
html {
    background: url("img/bg_header.gif") repeat-x scroll center top #FFFFFF;
    color: #000000;
}
body {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
}

/* 
 social 
 */


/*
 social.top
*/
#social {
float:right;
margin-top:-50px;
}
#social a {
display:block;
height:48px;
width:48px;
background:#666;
margin-left:5px;
}
#social a.twitter span, #social a.facebook span {
display:none;
}

#social a.twitter {
float:left;
background: url("img/twitter.png");
}
#social a.facebook {
float:right;
background: url("img/facebook.png");
}



/*
 social.sidebar
*/

.gplus {
margin-top: 20px;
height:20px;
}

.fbook {
float:left;
margin:20px 0 0 20px;
}

.joinusfb  {
display:block;
background: url("img/facebook.jpg");
height:25px;
width:144px;
}
.joinusfb:hover {
background-position:0px -25px;
}
.joinusfb span {
display:none;
}

.followus {
margin:-15px 0 0 20px;
padding:10px 0 0 0;
border-top: 1px #7DDEFE dashed;
}

#twitter_update_list {
width:280px;
margin:0 0 0 20px;

padding-top:10px ;
}

#twitter_update_list li {
background:#e2e2e2;
padding:10px;
margin:0 0 10px 0;
}

#twitter_update_list li span {}

#twitter_update_list li span a {display:inline;
color:#2494C9;}

#twitter_update_list li a {
display:block;
color:#145470;
}


/* 
main 
*/

#wrapper {
    margin: 0 auto;
    width: 940px;
}
#showcase {
	margin: 20px 0;
}

/*
header
*/

#header {
    margin:0;
	padding:0;
}
#header h1 {
    color: #EB7F2D;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 17px;
margin-top:15px;
float:right;
text-align:right;
text-transform:capitalize;

}
#header p {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 35px;
    font-weight: bold;
    margin: 65px 20px 45px 0;
    visibility: hidden;
	padding:0;
}
#header img {
    position: absolute;
    top: 20px;
    visibility: visible;
}
#header span {
    font-weight: normal;
}

/*
content_main
*/

#content_main {
    float: left;
    margin-bottom: 80px;
    margin-right: 20px;
    width: 620px;
}
#content_main h2 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 23px;
    padding: 10px 5px 10px 10px;
}
#content_main h3 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0 0 20px;
}
#content_main h3.block {
    background: none repeat scroll 0 0 #90D0EE;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 22px;
    line-height: 20px;
    margin: 20px 0 0;
    padding: 10px;
}
#content_main h4 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin: 20px 0 0 20px;
}
#content_main h4.specials_title {
    font-size: 22px;
    font-weight: bold;
}
#content_main img {
    margin: 20px 0 0 20px;
}
#content_main p {
    margin: 20px 0 0 20px;
}
#content_main p + p:first-letter {
    font-size: 1em;
}
#content_main p:first-letter {
    font-size: 1.25em;
}
#content_main p.breadcrumb {
    font-size: 10px;
    margin: 20px 0 0 20px;
}
#content_main p.breadcrumb:first-letter {
    font-size: 1em;
}
#content_main ul {
    margin: 20px 0 0 40px;
}
#content_main ul.small-list li {
    list-style: circle outside none;
	margin-bottom:20px;
}

#content_main ul ul {
    margin: 0 0 0 20px;
}
#content_main ul ul.product-list li {
    list-style: circle outside none;
}
#content_main p a {
    color: #00458C;
}
#content_main p a:hover {
    text-decoration: underline;
}
#content_main img.inline{
float:right;

}
#content_main img.inlineleft{
float:left;

}
a.collection {
display:block;
margin:20px 0 0 20px;
padding: 0 0 0 20px;
background: url("img/arrow3.png") center left no-repeat;
}

/*
resources page
*/

ul#resources a {
    font-size: 12px;
    line-height: 13px;
    margin: 0;
    padding: 0;
}
ul#resources p {
    font-size: 12px;
    line-height: 13px;
    margin: 0 0 10px;
    padding: 0;
}
ul#resources p:first-letter {
    font-size: 1em;
}
ul#resources li {
    list-style: none outside none;
}


iframe {
    margin:0;
}
ul#item_list li:before {
    content: "";
}
ul#item_list {
    margin: 20px 0 0 20px;
}
ul#item_list li {
    clear: both;
    list-style: none outside none;
    padding: 0 0 20px;
}
ul#item_list img {
    float: left;
    margin: 20px 0;
    padding: 0 20px 0 0;
}
ul#item_list h3 {
    background: none repeat scroll 0 0 #90D0EE;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 24px;
    margin: 20px 0 0;
    padding: 10px;
}
ul#item_list span {
    bottom: 0.9em;
    font-size: 0.4em;
    line-height: 10px;
    position: relative;
}
ul#item_list ul.item_info {
    margin: 20px 0 0 180px;
    padding: 0;
}
ul#item_list ul.item_info li {
    border: 0 none;
    clear: none;
    font-size: 13px;
    font-weight: bold;
    list-style: square outside none;
    padding: 0;
}
ul#item_list ul.no_check li:before {
    content: "";
    font-size: 22px;
    list-style: none outside none;
}
ul#item_list ul.item_info.specials li {
    font-size: 14px;
}
ul#item_list p {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    margin: 10px 0 0 160px;
    padding: 0;
}
ul#item_list p.text_foot {
    font-size: 12px;
    font-weight: bold;
}
ul#item_list p.nopic {
    margin: 10px 0 0 40px;
}
ul#item_list a {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-decoration: underline;
}
ul#item_list p:first-letter {
    font-size: 1em;
}
ul#links {
    margin: 20px 0 0 40px;
}
ul#links a {
    display: block;
    margin: 0 0 20px;
}
ul#links img {
    margin: 0;
    padding: 0;
}

/*
content_side
*/

#content_side {
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    margin-bottom: 80px;
    width: 300px;
}
#content_side h3 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 22px;
    padding: 10px 5px 10px 10px;
}
#content_side h4 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 22px;
    margin-top: 40px;
    padding: 10px 5px 10px 10px;
}
#content_side table {
    margin: 20px 0 0 20px;
    width: 260px;
}
#content_side td {
    text-align: right;
}
#content_side td.store_hour_date {
    text-align: left;
}
#content_side tr.alt {
    background: none repeat scroll 0 0 #DDDDDD;
}
#content_side p {
    font-size: 14px;
    margin: 20px 0 0 20px;
}
#content_side p + ul {
    margin-top: -20px;
}
#content_side ul + p:first-line, #content_side p + p:first-line {
    font-weight: normal;
}
#content_side p a {
    color: #00458C;
}
#content_side p a:hover {
    text-decoration: underline;
}
#content_side ul ul li:before {
    color: #24E917;
}
#content_side ul.products {
    margin: 20px 0 40px 20px;
}
#content_side ul.products ul {
    margin: 0 0 0 20px;
}
#content_side ul.products ul li {
    list-style: circle outside none;
}
#content_side .ph_map {
    background: none repeat scroll 0 0 #DDDDDD;
    display: block;
    height: 180px;
    margin: 20px 0 0 20px;
    width: 260px;
}
#content_side ul.address {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    margin: 20px 0 0;
}
#content_side ul.address li {
    margin: 0 0 0 20px;
}
#content_side ul.address li.phone {
    margin-top: 10px;
}
#content_side ul.address li:before {
    content: "";
}
#content_side ul.address table {
    margin: 20px 0 0;
}
#content_side ul.address td {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    text-align: left;
}
#content_side ul.features {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    margin: 10px 0 0;
}
#content_side ul.features li {
    margin: 5px 0 0 20px;
}
#content_side ul.features li:before {
    content: "\2713 \0020";
    font-size: 22px;
}
#content_side form {
    color: #000000;
    padding: 10px 0 10px 40px;
}
#content_side input {
    border: 1px solid #444444;
    padding: 2px;
    width: 160px;
}
#content_side input:focus {
    background: none repeat scroll 0 0 #FBDF19;
}
#content_side input.submit {
    cursor: pointer;
    float: right;
    font-size: 10px;
    font-weight: bold;
    height: 22px;
    text-transform: uppercase;
    width: 70px;
}
#content_side input.submit:hover {
    background: none repeat scroll 0 0 #FBDF19;
}

/*
NAV
*/
#nav{
	list-style:none;
	margin-bottom:20px;
	/* Clear floats */
	float:left;
	width:940px;
}
#nav li{
        width:152px;
	float:left;
	position:relative;
}
#nav li + li {
margin:0 0 0 5px;
}
#nav ul {
background:#fff;
}
#nav ul li + li {
margin:0;
}

#nav li li {
        width:auto;
}
#nav ul li a{
padding:4px 15px 4px 12px;

}
#nav a{
	display:block;
	padding:10px 5px 10px 10px;
font-size:15px;
color:#000;
	background:#333;
	text-decoration:none;

}
#nav a:hover{
	color:#fff;
	text-decoration:underline;
}

/*
nav.DROPDOWN
*/
#nav ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
                      /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */


}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	text-decoration:underline;
}
#nav ul, #nav:hover ul li ul, #nav:hover ul li:hover ul li ul{
left:-9999px;
list-style-type:none;
}
#nav:hover ul li:hover ul, #nav:hover ul li:hover ul li:hover ul {
position:absolute;
top:30px;
left:247px;
}
#nav ul li ul, #nav ul li ul li ul {
clear: left;
margin-top: -30px;
}

/* 
nav colours 
*/
#about a {
    background: none repeat scroll 0 0 #EB7F2D;
}
#about ul li a { 
background: url("img/menu-bg-1.png");
}

#paint a {
    background: none repeat scroll 0 0 #2CADE8;
}
#paint ul li a { 
background: url("img/menu-bg-2.png");
}
#paint a.arrow{
background: url("img/menu-bg-2-arrow.png") center right;
width:220px;
}

#paper a{
    background: none repeat scroll 0 0 #8ACE28;
}
#paper ul li a { 
background: url("img/menu-bg-3.png");
}

#specials a {
    background: none repeat scroll 0 0 #D8377A;
}
#specials ul li a { 
background: url("img/menu-bg-4.png");
}

#tools a {
	background: none repeat scroll 0 0 #B228CE;
}
#tools ul li a { 
background: url("img/menu-bg-5.png");
}

#contact a {
    background: none repeat scroll 0 0 #E7AC00;
}

#nav .active {
color:#fff;
text-shadow:0 0 3px #ddd;
}



/* footer */

#footer {
    background: none repeat scroll 0 0 #E0E0E0;
    clear: both;
    color: #666666;
    float: left;
    font-size: 9px;
    line-height: 13px;
    padding-bottom: 20px;
    width: 940px;
}
#footer h4 {
    font-size: 10px;
    font-weight: bold;
    margin: 20px 20px 0;
}
#footer li {
    float: left;
}
#footer li + li:before {
    content: " ";
}
#footer ul {
    clear: both;
    float: left;
    padding: 0 0 0 20px;
}
#footer a {
    color: #666666;
}
#footer ul.copyline {
    margin-top: 15px;
}
#wallpaper_thumbs {
    display: block;
    margin: 0 0 10px;
}
#wallpaper_thumbs td {
    background: none repeat scroll 0 0 #CCCCCC;
    display: block;
    float: left;
    margin-top: 16px;
    width: 90px;
}
#wallpaper_thumbs td + td {
    margin-left: 16px;
}
#wallpaper_thumbs a, #wallpaper_thumbs img {
    margin: 0;
    padding: 0;
}
#gallery_thumbs {
    display: block;
    margin: 0 0 10px;
}
#gallery_thumbs td {
    background: none repeat scroll 0 0 #CCCCCC;
    display: block;
    float: left;
    margin-top: 16px;
    width: 111px;
}
#gallery_thumbs td + td {
    margin-left: 16px;
}
#gallery_thumbs a, #gallery_thumbs img {
    margin: 0;
    padding: 0;
}
p.small a {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 19px;
    display:block;
	margin-top:20px;
}
#content_main p.small {
    font-size: 12px;
}
.starburst {
    background: url("img/starburst.jpg") no-repeat scroll center center transparent;
    display: inline;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
    height: 120px;
    margin: 20px 0 0 20px;
    padding: 10px;
    text-align: center;
    width: 120px;
}
div.starburst a {
    display: block;
    padding-top: 20px;
}
ul.bullet li {
    list-style-type: circle;
}

#content_side li.product_list  h4 {
font-size:14px;
margin:40px 0 0 40px;
line-height:0;
font-weight:bold;
background:#ddd;
}


#content_side li.product_list p {
font-size:13px;
margin:20px 0 0 40px;
padding:0;
}

#footer ul li { margin-right:.5em }