/*:: Framework 1.5.4
------------------------------------- */
	/* - Modified E.Meyer Style 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; vertical-align:baseline;}
        input{margin:0; padding:0;}
		:focus {outline:0;}
		body {line-height:1;}
		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:"" "";}
	/* - Clear Fix Based On http://www.positioniseverything.net/easyclearing.html - */
        .cf:after, .wrapper:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
        .cf, .wrapper{display: inline-block;}
        html[xmlns] .cf, html[xmlns] .wrapper{display: block;}


/*:: Shared Styles
------------------------------------- */
	body{background:#0f1519 url(images/bg.jpg) no-repeat top center; font-size:11px; font-family:"lucida grande", helvetica, arial, sans-serif;}
	#overall{width:960px; margin:0 auto;}
	a{text-decoration:none;}
	a:hover{text-decoration:underline;}

    #contentBuffer ul{margin: 10px 0;}
    #contentBuffer li{margin: 0 0 6px 25px;}	

/*:: Header
------------------------------------- */
	#header{height:111px; background:url(images/bg-header.png) no-repeat bottom left; margin-top:15px;position:relative;}
	#header ul{float:right; list-style:none; padding-top:9px;}
	#header ul li{float:left; border-left:1px solid #fff; margin-left:5px; padding-left:5px;}
	#header ul li.first{border-left:none; margin-left:0; padding-left:0;}
	#header ul li a{color:#fff;}
	#header #info{float:right; width:462px; padding:22px 14px 0 0;}
	#header #info p#phone{float:left; height:30px; width:131px; background:url(images/phone.gif) no-repeat top left; text-indent:-1000em; padding-right:10px;}
	#header #info fieldset{float:left; padding-bottom:10px;}
	#header #info input{float:left; margin-left:6px;}
	#header #info input.text{width:229px; height:14px; background:url(images/bg-input.gif) no-repeat top left; padding:8px; border:0; margin-left:0px;}
	#chat, #cart{height:18px; line-height:18px; background-repeat:no-repeat; background-position:top right; float:right; color:#000;}
	#header #info #chat{background-image:url(images/btn-chat.gif); float:right; padding-right:25px; margin-right:15px; padding-top:1px; height:16px;}
	#header #info #cart{background-image:url(images/bg-cart.gif); float:right; padding-right:27px;}
	#header #info #cart strong{font-size:14px;}
	
	#header #promo{
        position:absolute;
        /*top:84px;*/
        bottom:3px;
        left:370px;
        color:#3E49E3;
        font-size:125%;
        line-height:normal;
	}


/*:: Navigation
------------------------------------- */
	#nav{background:url(images/bg-navigation.png) no-repeat bottom left; height:30px;}
	#nav ul{list-style:none;}
	#nav ul li{margin-left:18px; float:left; line-height:30px;}
	#nav ul li.first{margin-left:0;}
	#nav ul li h3{font-weight:normal;}
	#nav ul li a{color:#fff; font-size:15px;}
	#nav ul li.active a, #nav ul li a:hover{color:#fc0; text-decoration:none;}
	
	
/*:: Content
------------------------------------- */
	#content{background:#797979; padding:5px; clear:both;}

	
/* Pager Control */
.pager { margin: 10px 0; padding: 5px 0; text-align: center; clear: both; }
.pager ul {list-style:none;margin:0;padding:0;}
.pager ul li {display:inline;margin:0;padding:0}
.pager a {color:#333; text-decoration:none;margin:0 20px 0 0;}
.pager li.current a { border: 1px solid #000; background: #ddd; padding: 0 3px; text-align: center; }
	
/*:: Bottom Navigation
------------------------------------- */
	#bottomNav{background:url(images/bg-bottomNav.png) no-repeat top left; padding-top:20px;}
	#bottomNav #navWrapper{background:#797979; padding:5px;}
	#navWrapper .container{float:left; border-style:solid; border-width:1px; border-top-color:#424242; border-bottom-color:#aaa; background:#797979 url(images/bg-bottomNav.gif) repeat-x top left;}
	#navWrapper #containerLeft{border-right-color:#424242; border-left-color:#aaa; margin-right:5px; width:607px; padding:11px;}
	#navWrapper #containerLeft .col3{float:left; width:202px; line-height:14px;}
	#navWrapper #containerLeft h6{color:#fff; font-size:14px; margin-bottom:5px;}
	#navWrapper #containerLeft ul{list-style:none; margin-left:5px;}
	#navWrapper #containerLeft a{color:#ccc;}
	
	#navWrapper #containerRight{border-right-color:#aaa; border-left-color:#424242; width:290px; padding:11px;}
	#navWrapper #containerRight #freeEstimate{float:left; background:url(images/bg-freeEstimate.png) no-repeat top left; padding-left:44px; width:105px; margin-right:9px;}
	#navWrapper #containerRight #freeEstimate h6{color:#fff; font-size:14px; margin-bottom:5px;}
	#navWrapper #containerRight #freeEstimate h6 a:link,
	#navWrapper #containerRight #freeEstimate h6 a:visited{color:#fff; font-size:14px; margin-bottom:5px;text-decoration:none;}
	#navWrapper #containerRight #freeEstimate h6 a:hover,
	#navWrapper #containerRight #freeEstimate h6 a:active{color:#fff; font-size:14px; margin-bottom:5px;text-decoration:underline;}
	#navWrapper #containerRight #freeEstimate p{color:#ccc; line-height:14px;}
	
	
/*:: Footer
------------------------------------- */
	#footer{color:#ccc; padding-top:10px;}
	#footer #copy{float:left; padding-bottom:20px;}
	#footer #contact{float:right; padding-bottom:20px;}
	
div#containerLeft div.col4{width:25%; float:left; clear:none;}

/*li{margin:0 0 0 15px;}*/

/* popup */
    body#popup{
        background: #ffffff none;
    }
/* Added by Resposio */
/* Category Templates */
#categorygridtemplaterecords {margin: 10px 0; padding: 0;}
#categorygridtemplaterecords .record {width:210px;height: 160px; margin:1px; padding: 5px;}
#categorygridtemplaterecords .record:hover {width:210px;height: 160px;background:#7A7A7A;border-bottom:1px solid #D6D6D6;border-left:1px solid #3D3D3D;border-top:1px solid #3D3D3D;border-right:1px solid #D6D6D6;color:#FFCC00; margin: 0;padding: 5px;}
#categorygridtemplaterecords .recordimage { float: left; position: relative; width: 100px; height: 100px}
#categorygridtemplaterecords .recordimage img {border:1px solid #424242; margin:0 10px 6px 0;}
#categorygridtemplaterecords .recordprice { float: left;position: relative; width: 110px; height: 20px;text-align:left;border:none;margin:0 0 2px 0;padding:0;}
#categorygridtemplaterecords .recordprice a {color:#cc0000; font-size:12px;}

#categorygridtemplaterecords .recordviewbtn {float: left;position: relative;}
#categorygridtemplaterecords .recordview {display: block; height: 28px; width: 110px; margin: 0 0 3px 0; background: url(../images/btn-view.png) no-repeat top left; text-indent: -9999px;}
#categorygridtemplaterecords .recordaddtocart { float: left; position: relative; clear: none; width: 110px;}
#categorygridtemplaterecords .recordname {clear: both;text-align:left;font-size: 90%;}
#categorygridtemplaterecords .recordname a {color: #000;}
#categorygridtemplaterecords .record:hover a {color: #fc0;}
#categorygridtemplaterecords .recordname a:hover, #categorygridtemplaterecords .recordprice a { text-decoration: none;}

/* Grid with Subs*/

#categorygridsubtemplate {padding: 0; margin: 0;}
#categorygridsubtemplate .record {width:150px; height:162px; margin: 1px; padding: 5px; text-align: center; vertical-align: top;}
#categorygridsubtemplate .record:hover {width:150px; height:162px;padding: 5px; margin: 0;background:#7A7A7A;border-bottom:1px solid #D6D6D6;border-left:1px solid #3D3D3D;border-top:1px solid #3D3D3D;border-right:1px solid #D6D6D6;color:#FFCC00;}
#categorygridsubtemplate .record:hover a {color: #fc0;}
#categorygridsubtemplate .record .recordimage {width: 150px; height: 100px; margin: 0; padding: 0;}
#categorygridsubtemplate .record .recordimage img { position: relative; top: 5px;border:1px solid #424242; margin-bottom:4px;}
#categorygridsubtemplate .record .recordname {width: 150px; margin:5px; padding: 0;}
#categorygridsubtemplate .record .recordname a {margin: 0; padding: 0; text-decoration: none; font-size: 90%;color: #000;}

/* social media */
#smold{
	width: 960px;
	float: left;
	clear: both;
}
#header ul#sm{
    width: 150px;
    height: 30px;
    position: absolute;
    left: 200px;
    top: 0;
    margin: -1px 0 0 0;
    padding: 0;
    /*float: left;*/
    /*clear: both;*/
    display: inline; 
}
#header ul#sm li{
    list-style: none;
    float: left;
    margin:0;
    padding: 0 10px 0 0;
    border: none;
}
#header ul#sm img{
    border: none;
}

/* RGA styles */
.rgaQty 
{
    width:40px;
}

.rgaPartNumber
{
    width:320px;
}

.rgaPrice
{
    width:70px;
}

.rgaTotal
{
    width:70px;
}

.rgaTextarea
{
    width:500px;
}

/* Pop-Up */
div#popup{
	padding: 20px;
}