@charset "UTF-8";
/* CSS Document */
/* build for Advance Roofing Supplies by Creare */


/* reset */

*								{ margin: 0; padding:0; outline:none;}
body 							{ font-size:62.5%; background:url(images/bg.jpg); font-family:Verdana, Arial, Helvetica, sans-serif; }
p, li 							{ font-size:1.1em; color:#282828; }
img, img a, a					{ outline: none; border: none; }

/* type + classes */

a								{ color:#1B3276; }
a:hover							{  }
h1, .head	 					{ font-size:1.8em; color:#6b6b6b; }
h2, h3, .head2 					{ font-size:1.4em; color:#6b6b6b; }
.padded							{ padding-top:10px; }
.paddedlast						{ padding:10px 0; }
.bottompad						{ padding-bottom:10px; }
.bigpad							{ padding-top:30px; }
.phone 							{ color:#c3001c; display:block;}
.blue							{ color:#1B3276; }
.red							{ color:#C3001C; }
.white							{ color:#fff; }
.rightimg 						{ float:right; padding:0 0 10px 0; }
.bold 							{ font-weight:bold; }
.bigtext						{ font-size:1.8em; color:#fff; padding:5px 0 0 10px; }
.bigtext span					{ display:block; }
.right 							{ float:right; }
.boldred						{ color:#C3001C; font-weight:bold; }
.boldblue						{ color:#1B3276; font-weight:bold; }
.topmargin						{ margin-top:10px; }
.topmarginonly					{ margin:10px 0 0 !important; }
.clear							{ clear:both; }
.grey							{ color:#6B6B6B; }
.smallhead						{ font-size:1.1em !important; font-weight:normal; padding-top:3px; }

/* header */

#headerwrap						{ width:970px; height:155px; margin:0 auto; position:relative;}
#logo 							{ position:absolute; top:30px; left:66px; }
#top-box 						{ width:461px; height:117px; background:url(images/top-box.jpg) no-repeat; padding:11px; position:absolute; top:15px; left:488px; }
.top-box-head 					{ width:160px; height:35px; float:left; font-size:1.4em; color:#173178; text-align:right; text-transform:uppercase; font-weight:bold; line-height:16px; margin-bottom:8px;}
.top-box-address 				{ width:280px; height:33px; float:left; font-size:1.1em; color:#5c5b5b; text-align:left; font-weight:bold; line-height:14px; padding:2px 0 0 14px; margin-bottom:8px;}

/* Navigation */

#nav-wrap 						{ height:68px; width:960px; margin:10px auto; }
#nav1-top p, #nav2-top p		{ line-height:26px; color:#fff; font-size:1.3em; padding-left:10px; font-weight:bold; }  

/* Nav 1 (blue toplinks) */

#nav1-wrap 						{ height:68px; width:473px; float:left; }
#nav1-top 						{ height:29px; width:473px; background:url(images/blue-stripe.jpg) repeat-x; }

#navigation1 					{ margin:0; padding:0; width:473px; height:39px; background-image:url(images/nav1.jpg); }
#navigation1 li 				{ margin:0; padding:0; list-style-type:none; display:inline; height:39px; text-align:center; float:left; line-height:37px; }
#navigation1 a 					{ display:block; height:39px; }
#navigation1 a:hover 			{ background-image:url(images/nav1.jpg); }
#nav1a 							{ width:118px; }
#nav1a a:hover 					{ background-position:0px bottom; }
#nav1b 							{ width:118px; }
#nav1b a:hover 					{ background-position:-118px bottom ; }
#nav1c 							{ width:118px; }
#nav1c a:hover 					{ background-position:-236px bottom ; }
#nav1d 							{ width:118px; }
#nav1d a:hover 					{ background-position:-354px bottom; }
#navigation1 span 				{ display:none; }

#nav1a a.active					{ background-image:url(images/nav1.jpg); background-position:0px -39px; }
#nav1b a.active					{ background-image:url(images/nav1.jpg); background-position:-118px -39px; }
#nav1c a.active					{ background-image:url(images/nav1.jpg); background-position:-236px -39px; }
#nav1d a.active					{ background-image:url(images/nav1.jpg); background-position:-354px -39px; }

/* Nav 2 (Red toplinks) */

#nav2-wrap 						{ height:68px; width:338px; float:left; margin-left:14px;}
#nav2-top 						{ height:29px; width:338px; background:url(images/red-stripe.jpg) repeat-x; }
#navigation2 					{ margin:0; padding:0; width:338px; height:39px; background-image:url(images/nav2.jpg); }
#navigation2 li 				{ margin:0; padding:0; list-style-type:none; display:inline; height:39px; text-align:center; float:left; line-height:37px; }
#navigation2 a 					{ display:block; height:39px; }
#navigation2 a:hover 			{ background-image:url(images/nav2.jpg); }
#nav2a 							{ width:169px; }
#nav2a a:hover 					{ background-position:0px bottom; }
#nav2b 							{ width:169px; }
#nav2b a:hover 					{ background-position:-169px bottom ; }
#navigation2 span 				{ display:none; }

#nav2a a.active					{ background-image:url(images/nav2.jpg); background-position:-0px -39px; }
#nav2b a.active					{ background-image:url(images/nav2.jpg); background-position:-169px -39px; }
.contacts-index-index #nav2b a.active	{ background-image:url(images/nav2.jpg); background-position:-169px 0px; }

/* Nav 3 (Home) */

#nav3-wrap 						{ height:31px; width:119px; float:left; margin-left:14px;}
#navigation3 					{ margin:0; padding:0; width:119px; height:31px; background-image:url(images/nav-home.jpg); }
#navigation3 li 				{ margin:0; padding:0; list-style-type:none; display:inline; height:31px; text-align:center; float:left; line-height:30px; }
#navigation3 a 					{ display:block; height:31px; }
#navigation3 a:hover 			{ background-image:url(images/nav-home.jpg); }
#nav3a 							{ width:119px; }
#nav3a a:hover 					{ background-position:0px bottom; }
#navigation3 span 				{ display:none; }

/* Nav 4 (Contact) */

#nav4-wrap 						{ height:31px; width:119px; float:left; margin:6px 0 0 14px;}
#navigation4 					{ margin:0; padding:0; width:119px; height:31px; background-image:url(images/nav-contact.jpg); }
#navigation4 li 				{ margin:0; padding:0; list-style-type:none; display:inline; height:31px; text-align:center; float:left; line-height:30px; }
#navigation4 a 					{ display:block; height:31px; }
#navigation4 a:hover 			{ background-image:url(images/nav-contact.jpg); }
#nav4a 							{ width:119px; }
#nav4a a:hover 					{ background-position:0px bottom; }
#navigation4 span 				{ display:none; }

/* flash */

#yard							{ width:962px; height:164px; background:url(images/yard.jpg) no-repeat; margin:0 auto; position:relative;  }
#yardtext						{ position:absolute; width:962px; height:24px; top:140px; font-size:1.3em; color:#fff; line-height:20px; text-align:center;}
#flashwrap						{ width:960px; height:154px; margin:10px auto 10px; position:relative;}
.carousel 						{ background:url(images/dark-bg.jpg) repeat scroll 0 0 transparent; width:960px; height:154px; z-index:3; }
.prev							{ position:absolute; top:54px; left:0px; z-index:999; background:none; border:none; outline:none; width:19px; height:39px; margin:0; padding:0; background:url(/images/arrow-left.png) no-repeat; cursor:pointer;}
.next 							{ position:absolute; top:54px; left:941px; z-index:999; background:none; border:none; outline:none;  width:19px; height:39px; margin:0; padding:0; background:url(/images/arrow-right.png) no-repeat; cursor:pointer;}
button { margin:0; padding:0; }

/* content */

#contentwrap					{ width:960px; margin:10px auto 0; height:auto; overflow:auto;}
#maintext						{ width:436px; height:264px; padding:20px; float:left; }
#image-nav						{ width:456px; height:284px; float:right; padding:10px; }

.textarea,
.textarea-flat,
.textarearight,
.textarearight-flat				{ width:920px; padding:20px; overflow:hidden; }

.textarea p,
.textarea-flat p,
.textarearight p,
.textarearight-flat p			{ line-height:17px; }

.textarea, .textarea-flat		{ float:left; height:auto; margin-bottom:10px; }
.textarea-flat 					{  }					
.textarea-news					{ float:left; height:auto; width:657px;}

.textarearight					{ float:right; position:relative; height:auto; }
.textarearight-flat				{ float:right; position:relative; height:auto; }
.textarearight-news				{ float:right; height:auto; width:253px; padding:20px 0; }



#maintext p						{ line-height:19px; }

.column1,
.column1-flat,
.column1-reclaimed				{ width:425px; float:left; padding-right:30px;}

.column2,
.column2-flat,
.column2-reclaimed				{ width:272px; float:left; padding-right:30px;}

.column1 ul,
.column2 ul,
.column1-flat ul,
.column2-flat ul,
.column1-reclaimed ul,
.column2-reclaimed ul,
.content-list					{ padding-left:10px; }

.column1 li,
.column2 li,
.column1-flat li,
.column2-flat li,
.content-list li				{ list-style-type:square; padding-bottom:6px; color:#1B3276; }

.column1-reclaimed li,
.column2-reclaimed li			{ list-style-type:square; padding-bottom:6px; color:#C3001C; }

#maintext,
#image-nav,
#newswrap,
.textarea,
.textarearight,
.textarea-flat,
.textarearight-flat
								{ background:url(images/dark-bg.jpg); }

#n2-new, #n2-rec				{ width:223px; height:283px; background-color:#fff; float:left;}
#n2-rec							{ margin-left:10px; }
#n2-new-top						{ width:223px; height:60px; background:url(images/n2-top1.jpg); }
#n2-rec-top						{ width:223px; height:60px; background:url(images/n2-top2.jpg); }
#n2-new-tabs, #n2-rec-tabs		{ width:215px; height:215px; padding:4px 0 0 4px; }
#n2-new-tabs img				{ float:left; }

/* News */

#newswrap						{ width:960px; height:190px; margin:10px auto 10px; clear:both; }
#newswrap ul					{ list-style-type:none; }
.newssection1, .newssection		{ width:212px; height:158px; padding:10px; margin:6px 0 0 6px; float:left; font-size:1em; }
.newssection					{ background-image:url(images/bg.jpg); overflow:hidden;}
.newspostwrap					{ padding:20px; margin-bottom:10px; background:url(images/dark-bg.jpg); float:left; width:650px; }
.postedon 						{ padding:0 0 10px 0;}
.postedon2 						{ padding:10px 0 0 0;}
.postedon span, .postedon a, .postedon2 span, .postedon2 a		{ color:#777; }
.xoxo							{ list-style-type:none; }
.xoxo li						{ list-style-type:none; }
.xoxo ul						{ padding-bottom:10px; }

/* footer */

#footerwrap						{ width:960px; text-align:center; margin:0 auto; clear:both; padding:10px 0; }
#footnav, #footerwrap p 		{ padding-bottom:10px; }
#footnav li						{ display:inline; list-style-type:none; padding:0 5px; font-size:1.1em; }
#footerwrap a 					{ text-decoration:none; font-weight:bold; color:#787b84; }
#footerlinks					{ height:18px; width:100%; background-color:#CCCCCC; text-align:center; line-height:14px; }

/* Magento stuff */

#browse-box 					{ width:947px; margin:0 auto; height:20px; background-color:#444; padding:5px 3px 5px 10px;}
#browse-box p					{ line-height:20px; float:left; }
.custom-info-button				{ position:absolute; top:284px; left:10px; }
.single-product-title			{ font-size:1.7em; color:#C3001C; }
.product-shop .std 				{ font-size:1.1em; }
.gap 							{ width:960px; height:10px; margin:0 auto; }
.contacts-index-index form 		{ width:580px; float:left; }
#contactcolumn					{ float:left; width:320px;padding-left:20px; }
.contactbox 					{ background:url(images/bg.jpg); padding:10px; margin-top:10px; width:300px; }

/* Other */

.browse-reclaimed				{  }
.pitchedlinks a					{ text-transform:uppercase; color:#C3001C; }
.sitemaplist					{ float:left; width:240px; height:100px; }
.sitemaplist li					{ list-style-type:none; }