/* 
=====================/*

Greatmats CSS 2011
Developed by Firstscribe 2011
v 1.2 (with Greatmats edits)
=====

*/


/*
=====================
RESET
=====================
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.red20{
    font-family: Arial, Helvetica, sans-serif;
	color: #cc0000;	
	font-size: 20px;
	font-weight: bold;
	 
}
.red16{
    font-family: Arial, Helvetica, sans-serif;
	color: #cc0000;	
	font-size: 16px;
	font-weight: none;
	  text-decoration: underline;
}

.red16 a{
    font-family: Arial, Helvetica, sans-serif;
	color: #cc0000;	
	font-size: 16px;
	font-weight: none;
	  text-decoration: underline;
}

.red30{
    font-family: Arial, Helvetica, sans-serif;
	color: #cc0000;	
	font-size: 30px;
	font-weight: bold;
	 
}

.red40{
    font-family: Arial, Helvetica, sans-serif;
	color: #cc0000;	
	font-size: 40px;
	font-weight: bold;
	 
}

.red50{
    font-family: Arial, Helvetica, sans-serif;
	color: #cc0000;	
	font-size: 50px;
	 
	 
}

.red60{
    font-family: Arial, Helvetica, sans-serif;
	color: #cc0000;	
	font-size: 60px;
	 
	 
}

.masterphone {
font-family: Verdana, Arial, Helvetica, sans-serif;
 		font-size: 16px; 
color: #0066cc;
	height: 16px;
}

.freeship {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px; 
    color: #0066cc;
  padding-bottom:20px;
}

.freeshipsale {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px; 
    color: #333;
    float:right;
   
}

.greatmats {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #333333;
}

.request {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #0066cc;
}

.sample {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #0066cc;
}
 .black20{
    font-family: Arial, Helvetica, sans-serif;
	color: #333;	
	font-size: 20px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	 
}
 .review {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px; 
    color: #666;
	margin: 2px 0px 0px 0px;
	float:right;
	 
}
 
 
 
.price2 { color:#333; display:inline; font-size:24px; font-weight:bold; margin:0; }
.was {display:inline; float:right; padding-right:20px; padding-top:6px; font-size:12px; color: #666;}
.save { float:right; font-size:12px;   }
.sf {display:inline; float:left; font-size:16px;}
.Form2 {  background-color: #ffffff;  color: #000;   border:0px solid #CCC;  margin:12px 0px 0 0;} 
 
/* IE fixes */
img { -ms-interpolation-mode:bicubic;}


/*
=====================
BASE
=====================
*/

html {overflow-y:scroll;}

body {
	background:#fff;
	text-align:center;
	color:#333;
	font:normal 13px/17px Arial, Helvetica, sans-serif;
}

p, table  { margin:1em 0; }
img { border:0 ;}
.access, hr { display:none; }
.clearer { clear:both; height:1%; line-height:1%; font-size:1%; }
.clearer2 { clear:both; height:0%; line-height:0%; font-size:0%; }

a:link, a:visited { color:#333; font-weight:bold; text-decoration:underline; }
a:hover, a:active { text-decoration:none; outline:none; }

textarea, input { font-family:Arial, Helvetica, sans-serif; }

strong, dfn { font-weight:bold; }
em { font-style:italic; }

h1, h2, h3, h4, h5, h6 { font-weight:bold; }
h1 { font-size:25px; line-height:28px; }
h2 { font-size:22px; line-height:25px; }
h3 { font-size:18px; line-height:21px; }
h4 { font-size:16px; line-height:19px; }
h5 { font-size:14px; line-height:17px; }
h6 { font-size:13px; line-height:16px; }

ul li { list-style-type:disc; }
ol li { list-style-type:decimal; }
ul, ol { list-style-position:outside; margin:1em 0; padding:0 0 0 2em; }

/* 
=====================
FOUNDATION
=====================
*/

#holiday {
border:1px solid #12a81c;
display:block;
height:24px;
position:relative;
left: 3px;
top: 0px;
width:970px;
z-index:100}

#holiday-text {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
display:block;
font-size:16px;
font-weight:200;
color:#f0091a;
height:24px;
position:relative;
left: 102px;
text-align: center;
top: 3px;
width:740px;
z-index:100}

#saleheader {
border:0px solid #12a81c;
display:block;
height:24px;
position:relative;
left: 3px;
top: 0px;
width:970px;
z-index:100}

#saleheader-text {
font-family: Arial, Helvetica, sans-serif;
display:block;
font-size:12px;
font-weight:normal;
color:#666;
height:24px;
position:relative;
text-align: center;
top: 3px;
width:740px;
z-index:100}

#saleheader-text a{
font-family: Arial, Helvetica, sans-serif;
display:block;
font-size:12px;
font-weight:normal;
color:#666;
height:24px;
position:relative;
left: 102px;
text-align: center;
top: 3px;
width:740px;
z-index:100}

#text  { display:block; 
position:absolute; 
text-align: right;
 
 width:670px;
 right: -32px;
 z-index:100;}

#text  h1{ display:block; 
position:relative;
color:#666;  
font-family:Arial, Helvetica, sans-serif; 
font-size:14px; 
font-weight:normal;
line-height: 16px;
top: -84px;
right: 34px;
z-index:100;}

#text  h2{ display:block; 
position:relative;
color:#666;  
font-family:Arial, Helvetica, sans-serif; 
font-size:12px; 
font-weight:normal;
line-height: 16px;
top: -80px;
right: 34px;
z-index:100;}
 
#wrap {
position:relative;
width:100%;
margin:0
}

#header-wrap {
height:90px;
position:relative;
width:100%
}

#header {
display:block;
height:90px;
position:relative;
width:980px;
margin:0 auto
}

#main-nav-wrap {
background:url() center repeat-x;
clear:both;
display:block;
position:relative;
width:100%;
z-index:200
}

#main-nav {
background:url(../images/bg_main-nav.jpg) center repeat-x;
display:block;
height:42px;
overflow:visible;
position:relative;
width:970px;
margin:0 auto
}

/* 
=====================
HEADER
=====================
*/

#header .logo a:link,div#header h5 a:visited {
background:url(../images/logo_greatmats1.jpg) top left no-repeat;
width:360px;
height:90px;
display:inline;
position:relative;
overflow:hidden;
font-size:0;
line-height:1%;
border:0;
text-decoration:none;
text-indent:-999em;
float:left;
margin:0px 0 0 2px;
padding:0
}

#header .logo a:hover,div#header h5 a:active {
border:0;
text-decoration:none
}
#aux-nav {
display:inline;
float:right;
position:relative;
width:610px;
padding:20px 0 0
}

#aux-nav .navigation {
display:inline;
float:right;
overflow:hidden;
margin:0;
padding:5px 0
}

#aux-nav .navigation li {
border-left:0px solid #666;
float:left;
line-height:1em;
list-style:none;
color:#666;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
display:inline;
font-weight:400;
text-decoration:none
}

#aux-nav .navigation a {
color:#666;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
display:inline;
font-weight:400;
text-decoration:none;
margin:0 6px
}

#aux-nav .navigation .mats a {
color:#666;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:underline;
display:inline;
font-weight:400
}

#site-search { background:url(../images/site-seach.jpg) no-repeat left top; display:block; height:26px; float:left; margin: -25px 0px 0px 82px; position:relative; width:170px;}
#site-search input[type="text"] { background:none; border:none; display:inline; float:left; font-size:12px; padding:6px 5px; position:relative; width:140px; }
#site-search input[type="submit"] { background:url(../images/btn_search.jpg) no-repeat; border:none; display:inline; float:right; height:26px; line-height:0; position:absolute; text-indent:-999em; width:30px;  top: 0px; right: 0px;}
 
#quick-contact { clear: both; display: block; float: right;  margin:38px 0px 0px 0px;  padding: 0px 0px 0px 0px; position: relative; width:526px;}
#quick-contact ul { float:left; margin:0; overflow:hidden; padding:0;}
#quick-contact li {   border-left:1px solid #418C21; display:inline; float:left; height:26px; list-style:none; margin:0px 0px 0px 5px; color:#418C21; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; padding:0 0 0 0px; position:relative;}
#quick-contact li:first-child { border:none; padding:0 0 0 12px; margin:0 4px; }
#quick-contact .chat { background:url(/images/bg_live-chat.png) no-repeat top left; margin:22; height:16px; color:#418C21; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; padding:0 0 0 16px; }
#quick-contact .call a{   color:#418C21;  font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; text-decoration:none;}
#quick-contact li a{   color:#418C21;  font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-decoration:none;}
#cart {display: block; float: left; margin:-5px -20px 0px 25px; padding:0px 0px 0px 0px;}
 
#mc { display:block; 
position:absolute; 
right: 0px; 
top:-82px; 
z-index:100;}
/* 
=====================
NAVIGATION
=====================
*/
 
#main-nav .navigation { clear:both; display:block; margin:0; position:relative; padding:0; z-index:100;}
#main-nav .navigation li { display:block; list-style:none; float:left;}
#main-nav .navigation li:first-child { background:url(../images/bg_main-nav-li.jpg) left top no-repeat;}
#main-nav .navigation li a { background:url(../images/bg_main-nav-li.jpg) right top no-repeat; color:#FFF; display:block; font-size:18px; font-weight:bold; line-height:42px; width:242px; text-align:center; text-decoration:none; text-shadow:#003651 2px 2px 2px;}
#main-nav .navigation li .dropdown { display:none;}

#main-nav .navigation li:hover a { background:url(../images/bg_main-nav-li-hover.jpg) top repeat-x;}
#main-nav .navigation li:hover .dropdown { background:url(../images/bg_main-nav-div.jpg) top repeat-x #102236; display:inline; position:absolute; top:42px;}
#main-nav .navigation .right { right:0;}
#main-nav .navigation .left { left:0;}
#main-nav .navigation .leftcenter {left: 242px;}
#main-nav .navigation .rightcenter {left: 484px;}

#main-nav .container { background:#FFF; border:2px solid #CCC; overflow:hidden; margin:10px; padding:20px; position:relative; top:0;}
#main-nav .container ul { background:none; border-right:0px solid #CCC; display:block; float:left; margin:0 20px 0 0; overflow:hidden; padding:0 20px 0 0; width:180px;}
#main-nav .container li { background:none; display:block; float:none; text-align:left;}
#main-nav .container li:first-child { background:none;}
#main-nav .container li a { background:none !important; color:#3772B2; font-size:14px; font-weight:normal; line-height:1.5em; padding:0; text-align:left; text-shadow:none;}
#main-nav .container li a:hover { /*display: none;*/ background:none; color:#20446B; text-decoration:underline;}
#main-nav .container ul ul { display:none;}

#main-nav .container-comm {
background:#FFF;
border:2px solid #CCC;
overflow:hidden;
position:relative;
top:0;
margin:10px;
padding:20px
}

#main-nav .container-comm ul {
background:none;
border-right:0px solid #CCC;
display:block;
float:left;
overflow:hidden;
width:224px;
margin:0 0px 0 0;
padding:0 0px 0 0
}

#main-nav .container-comm li {
background:none;
display:block;
float:none;
text-align:left
}

#main-nav .container-comm li:first-child {
background:none
}

#main-nav .container-comm li a {
background:none!important;
color:#3772B2;
font-size:14px;
font-weight:400;
line-height:1.5em;
text-align:left;
text-shadow:none;
padding:0
}

#main-nav .container-comm li a:hover {
background:none;
color:#20446B;
text-decoration:underline
}


#main-nav .image-left ul { border-left:0px solid #CCC; border-right:none; float:right; margin:0 0 0 20px; padding:0 0 0 20px; }

#main-nav .image { background:#CCC; border:#3772B2 2px solid; display: block; float: left; height: 156px; overflow:hidden; position: relative; width: 226px;}
#main-nav img { max-width: 225px !important; max-height: 155px !important;}

/* Content */
#content .sidebar { background:url(../images/bg_sidebar.jpg) repeat-y; margin:15px 0 0 20px; padding-bottom:50px; width:300px;}
#content .column { display:inline; float:left; position:relative; }
#content .main-container { margin:10px 20px 0; padding-bottom:50px; width:610px; text-align:left;}
 
/* Content */
#content .sidebar { background:url(../images/bg_sidebar.jpg) repeat-y; margin:15px 0 0 20px; padding-bottom:50px; width:300px;}
#content .column { display:inline; float:left; position:relative; }
#content .main-container { margin:10px 20px 0; padding-bottom:50px; width:610px; text-align:left;}


/* Sidebar Blocks */
.sidebar .block { border:#CCC 1px solid; clear:both; display:block; margin:0 0 10px; width:298px;}
.sidebar .block-container { background:#F5F9FC; border:#FFF 1px solid; display:block; margin:0; overflow:hidden; padding:20px; text-align:left; width:256px;}
.sidebar .block h3 { border-bottom:1px solid #666; color:#666; font-size:18px; font-weight:normal; margin:0; padding:0 0 10px;}
.sidebar .block p { float:left; font-size:14px; margin:1em 0 0; width:150px;}
.sidebar .block p span { color:#4CA126; font-style:italic; text-transform:uppercase;}
.sidebar .block .btn-small { background:#4EA628; border:#37761D 1px solid; color:#FFF; float:right; font-size:14px; font-weight:bold; margin:1em 0 0; padding:5px 15px; text-align:center; text-decoration:none;}
.sidebar .block .btn-small.blue { background:#3672B2; border:#295687 1px solid;}
.sidebar .block .btn-small.red { background:#b3011b; border:#52040f 1px solid;}
.sidebar .block .btn-small:hover { text-decoration:underline;}
.sidebar .block .btn-large { background:url(../images/bg_sidebar-btn-large.jpg) no-repeat; color:#FFF; display:block; font-size:16px; font-weight:bold; height:35px; line-height:35px; margin:1em 0 0; padding:0; position:relative; text-align:center; text-decoration:none; width:260px;}
.sidebar .block .btn-gallery { background:url(../images/img_gallery.jpg) no-repeat top left; display:block; height:155px; margin:10px 0 0; width:260px;}

/* Gmats */
.sidebar .block .gmats p { color:#666; font-size:14px; width:270px; }
.sidebar .block .gmats a { color:#666; font-size:14px; display:inline; text-decoration:underline; }
.sidebar .block .gmats a span { color:#fff; font-size:14px; display:inline; text-decoration:none; } 


/* Facebook */
.sidebar .fb p { color:#666; font-size:16px; width:auto; height:20px;}
.sidebar .fb .btn { background:url(../images/btn_fb-like.jpg) no-repeat; display:block; float:right; height:20px; margin: 1em 0 0 0; width:49px;}

.homepage .main-container .block { border:none; clear:both; display:block; margin:0 0 4em; width:auto;}
.homepage .main-container .block img { border:1px solid #ccc; clear:both; float:left; height:100px; margin:25px 20px 0 0; width:100px;}
.homepage .main-container .block h2 { border-bottom:1px solid #9FBEE1; color:#3772B2; display:block; font-size:18px; font-weight:normal; margin:0 0 1em 120px;}
.homepage .main-container .block p { color:#666; display:block; font-size:14px; overflow:hidden;}
.homepage .main-container .block a { color:#666; font-size:14px; font-weight:normal; display:inline; text-decoration:underline; }

#wisc { display:block;  position:relative; left:2px; top:-17px;  }
#solar a { text-decoration:underline; display:block; position:relative; left:486px; top:-17px; font-weight:normal;  }



/* 
=====================
SECONDARY
=====================
*/

/* Splash Banner */
#splash-wrap { background:url(/*../images/bg_sec_splash-wrap2.jpg*/) center repeat-x; clear:both; height:124px; position:relative; width:100%;}
#splash { background:url( ) center no-repeat; height:124px; margin:0 auto; position:relative; width:970px;}

#commercial-wrap { background:url(/*../images/bg_sec_splash-wrap2.jpg*/) center repeat-x; clear:both; height:124px; position:relative; width:100%;}
#commercial { background:url(../images/category/banners/header_secondary_commercial.jpg) center no-repeat; height:124px; margin:0 auto; position:relative; width:970px;}
#fs-overlay { background:url(/images/fs-overlay200.png) repeat;  display:block; height:25px; border:none; display:block; text-align:center; font-size:16px; padding-top:5px; color:#fff; font-weight:bold; text-shadow:#003651 1px 1px 1px; position:absolute; right:9px; top:157px; width:200px; z-index:100;} 


/* Breadcrumbs */
#breadcrumbs { background:url(../images/bg_sec_breadcrumbs.jpg) repeat-x top; border:1px solid #ccc; clear:both; display:block; height:28px; margin:0px auto 10px; position:relative; text-align:left; width:968px;}
#breadcrumbs .home { background:url(../images/btn_breadcrumbs-home.png) no-repeat left; display:inline-block; float:left; height:28px; margin:0 10px; overflow:hidden; position:relative; text-indent:-999em; top:0; width:13px;}
#breadcrumbs .home:hover { background:url(../images/btn_breadcrumbs-home.png) no-repeat right;}
#breadcrumbs span { background:url(../images/bg_sec_breadcrumbs-arrow.jpg) no-repeat; display:inline-block; float:left; height:28px; overflow:hidden; margin:0; position:relative; text-indent:-999em; width:6px;}
#breadcrumbs a { color:#3772B2; display:inline-block;  font-size:12px; float:left; height:28px; line-height:28px; margin:0 10px; position:relative; text-decoration:none;}
#breadcrumbs a:hover { text-decoration:underline;}
#breadcrumbs p { color:#666; display:inline-block; float:left; font-size:12px; height:28px; line-height:28px; margin:0 10px; position:relative;}

/* Structure */
#content-wrap { clear:both; position:relative; width:100%;}
#content { margin:-10px auto; position:relative; width:980px;}
.secondary #content .sidebar { background:none; text-align:left; width:220px}
.secondary #content .sidebar.js { background:url(../images/bg_sec_sidebar.jpg) repeat-y;}
.secondary #content .main-container { width:700px;}

.sidebar h3 { border-bottom:1px solid #666; color:#666; font-size:16px; font-weight:normal; margin:1em 20px; padding:0 0 10px;}
.sidebar ul { margin:0; padding:0 20px;}
.sidebar li { border-bottom: 1px dotted #666; list-style:none;}
.sidebar a { color:#666; display: block; font-size:12px; font-weight: normal; margin: 2px 0 0; padding: 3px 0 5px; text-decoration: none;}
.sidebar li:hover a { color:#3771B1;}
.sidebar li:hover ul a { color:#666;}
.sidebar .menu { background:url(../images/bg_sec_sidebar.jpg) repeat-y -1px 0px; border:1px solid #CCC; padding:0 0 60px;}
.sidebar .active a, .sidebar .active:hover a { background:#3772B2; color:#FFF; padding: 3px 0 3px 10px;}
.sidebar .active a:hover { color:#FFF;}
.sidebar .active ul a, .sidebar .active:hover ul a { background:none; color:#666; padding:5px 0;}
.sidebar .active ul a:hover, .sidebar .active:hover ul a:hover { color:#3771B1;}
/*.sidebar li:hover ul,*/ .sidebar li.active ul, .sidebar .current ul { display:block;}
.sidebar .current:hover a { color:#FFF;}
.sidebar .current:hover li:hover a, .sidebar ul ul .current a, .sidebar ul ul .current:hover a, .sidebar ul ul li:hover a  { color:#3771B1 !important;}
.sidebar .current a { background:#3772B2; color:#FFF; padding: 5px 0 5px 10px;}
.sidebar .current li a, .sidebar .current:hover li a { background:none; color:#666;}
.sidebar ul ul .current, .sidebar ul ul li:hover { background:url(../images/bg_sec_sidebar-arrow.jpg) no-repeat 7px 9px;}
.sidebar ul ul { background:#F0F0F0; border:1px solid #D8D8D8; display:none; margin: 0 0 3px; padding:0;}
.sidebar ul ul li { border:none; }
.sidebar ul ul li:first-child a { border-top:none;}
.sidebar ul ul li a { border-bottom:1px solid #fff; border-top:1px solid #E0E0E0; font-size:11px; margin:0 20px;}
.sidebar .horizontal-line { border-bottom:1px solid #000; width:180px; margin:0 0px 15px 0px;}

/* Body Copy */
.secondary .main-container h1 { border-bottom: 0px solid #3472B2; color: #3472B2; font-size: 21px; font-weight: normal; }
.secondary .main-container h2 {  color: #3472B2; font-size: 22px; font-weight: normal; margin: 0px 0 0px 0; padding: 0 0 0 0px; line-height:25px;}
.secondary .main-container h3 { margin:1.25em 0; }
.secondary .main-container p { color:#666; font-size:14px; line-height:1.25em;}
.secondary .main-container a { color:#3772B2; font-weight:normal; text-decoration:none;}
.secondary .main-container a:hover { text-decoration:underline;}
.secondary .main-container .giveaway {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #666;
border:2px  solid #ccc; text-align: center; width: 700px; height: 40px; padding: 20px 0px 0px 0px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}
/* Product Grid */ 

 
.secondary .main-container .products { margin:0px 0px 0px 0px; padding:0;}
.secondary .main-container .products li { border-bottom:1px dotted #CCC; display:block; float:left; list-style:none; }
.secondary .main-container .products div { border:0px solid #CCC; height: 310px; display:block; margin: 25px 0px 0px 24px; position:relative; width:205px;}
 /*display: block; font-size: 12px; font-weight: bold; height: 30px; line-height: 30px; margin: 20px 0 10px; */
.secondary .main-container .products div h2, .secondary .main-container .products div h2 a {color:#3372B2; font-size:14px; font-weight:bold; margin: 6px 0px 0px 0px; text-decoration:none; width:190px; }
.secondary .main-container .products div h2 a:hover { text-decoration:underline;}
.secondary .main-container .products div p { color:#666; font-size:12px;  margin: 2px 0px 0px 0px; width:190px;}
.secondary .main-container .products div .desc { color:#000; font-size:12px;  }
.secondary .main-container .products div .desc2 { color:#666; font-size:12px;  }
.secondary .main-container .products div .product { color:#3372B2; font-size:14px; font-weight:bold;   }
.secondary .main-container .products div h3, .secondary .main-container .products div h3 a  {color:#3372B2; font-size:14px; font-weight:bold; margin: 6px 0px 0px 0px; text-decoration:none; width:190px; }
.secondary .main-container .products img { background:#FFF; border:2px solid #CCC; display:block; height:200px; margin:10px auto; position:relative; width:200px;}
.secondary .main-container .rodrigo img { background:#FFF; border:2px solid #CCC; display:block;  margin: 0px 6px 1px; position:relative; width:125px;}
.secondary .main-container .products div a { color:#666; font-size:12px; margin-bottom: 20px;} 
 .secondary .main-container .products a:hover { text-decoration:underline;}
  
.secondary .main-container .products .sale-overlay{ background:url(/images/sale-overlay.png) left top no-repeat; display:block; height:48px; border:none; display:block;  position:absolute; right:78px; top: 2px; width:125px; z-index:1;}
 .secondary .main-container .products .fs-overlay {  background:url(/images/free-shipping-big.png) no-repeat; display:block; height:50px; border:none; display:block;   position:absolute; right:3px; top:169px; width:200px; z-index:100;}

/* 
=====================
FOOTER
=====================
*/

#footer-top-wrap {
background:url(../images/bg_footer-top1.jpg) center repeat-y #fff;
clear:both;
position:relative
}

#footer-top-wrap div {
overflow:hidden;
position:relative;
width:940px;
margin:0 auto
}

#footer-top-wrap .right {
float:right;
width:400px
}

#footer-top-wrap .right p {
color:#000;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
text-align:right
}

#footer-top-wrap .left {
border-right:2px solid #666;
float:left;
width:530px;
margin: 6px 0px 0px 0px;
}

#footer-top-wrap .column {
display:inline;
position:relative
}

#footer-top-wrap .left ul {
display:inline;
position:relative;
float:left;
margin:0 38px 0 0;
padding:0
}

#footer-top-wrap .left li {
list-style:none;
display:block;
text-align:left
}

#footer-top-wrap .left a {
color:#000;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:400;
text-decoration:none
}

#footer .associations {
background:#fff;
clear:both;
width:940px;
overflow:hidden;
position:relative;
margin:0;
padding:20px 0
}

#footer .associations li {
display:inline;
float:left;
height:55px;
list-style:none;
position:relative;
margin:0 0 0 22px
}

#footer .associations a {
display:block;
height:55px;
font-size:0;
text-indent:-999em
}

#footer .associations .bbb {
background:url(../images/logo_bbb_w.jpg);
width:143px
}

#footer .associations .geotrust {
background:url(../images/logo_geotrust_w.jpg);
width:175px
}

#footer .associations .mcafee {
background:url(../images/logo_mcafee_w.jpg);
width:103px
}

#footer-bottom-wrap {
background:#fff;
clear:both;
position:relative;
padding:10px 0
}

#footer-bottom-wrap div {
position:relative;
text-align:left;
width:940px;
margin:0 auto
}

#footer-bottom-wrap p {
color:#000;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
text-align:right;
margin:0;
padding:10px 0
}

#footer .social-networking {
border:0px solid #3772B2;
display:block;
float:left;
position:relative;
margin:0px 0px 0px 0px
 
 }

#footer .social-networking li {
border:0px solid #3772B2;
display:inline;
float:left;
position:relative;
margin:0px 30px 0px -24px
 }
 
 
#footer .facebook {
background:url(/images/btn_facebook.png) no-repeat;
float:left;
display:block;
height:36px;
overflow:hidden;
position:relative;
text-indent:-999em;
width:36px
 
}

#footer .blogspot {
background:url(/images/btn_blogspot1.png) no-repeat;
float:left;
display:block;
height:36px;
overflow:hidden;
position:relative;
text-indent:-999em;
width:36px
}

#footer .twitter {
background:url(/images/btn_twitter.png) no-repeat;
float:left;
display:block;
height:36px;
overflow:hidden;
position:relative;
text-indent:-999em;
width:36px
}

#footer .linkedin {
background:url(/images/btn_linkedin.png) no-repeat;
float:left;
display:block;
height:36px;
overflow:hidden;
position:relative;
text-indent:-999em;
width:36px
}

#footer .pinterest { 
background:url(/images/big-p-button.png) no-repeat;
float:left;
display:block;
height:36px;
overflow:hidden;
position:relative;
text-indent:-999em;
width:36px
}