/* CSS Document */

body {
	margin:0;
	padding:0;
	background:url(../img/bg_rpt.png) repeat-x top center;
	font-size:10px;
	color:#373737;	
	font-family:Arial, Helvetica, sans-serif;
}
a {
	text-decoration:none;
}
div#main {
	width:106.4em;
	margin-left:auto;
	margin-right:auto;
}
#wrapper {
	background:url(../img/main_rpt.png) top repeat-y;
	position:relative;
	float:left;	
}
#header {
	width:100em;
	float:left;	
	margin:0em 3.2em;
	height:8em;
	float:left;
	position:relative;
}
.logo {
	width:24.6em;
	height:6.2em;
	float:left;
	margin-top:0.5em;
	margin-left:1em;
	text-indent:-100em;
	overflow:hidden;
	background:url(../img/logo_saferacks.png);	
	float:left;
	position:relative;
}
#ribbon {
	width:70em;
	padding:0.5em 0em 0.4em 0em;
	margin:0em 1.8em 0em 2.2em;
	background:url(../img/ribbon_rpt.png) repeat-x;
	height:2.5em;
	border:0px 1px 1px 1px solid #e0dfdd;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	-moz-border-bottom-left-radius:8px;
	-moz-border-bottom-right-radius:8px;
	float:left;
	position:relative;
	text-indent:1.8em;
	color:#fff;
}
#cse-search-form {
	margin-right:2em;
	float:right;
	position:relative;	
}
.cse-search-form .gsc-control-cse, .gsc-control-cse {
	padding:0!important;	
	border:0!important;
    background:none !important;
}
.cse-search-form form.gsc-search-box, form.gsc-search-box {
    background:none !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    display: block;
    margin: 0!important;
    width: auto;
}
table.gsc-search-box {
    margin: 0!important;
}
.cse-search-form table.gsc-search-box td.gsc-input, table.gsc-search-box td.gsc-input {
    padding-right: 15px!important;
}
.cse-search-form input.gsc-input, input.gsc-input {
    border-radius: 1px 1px 1px 1px!important;
    font-family:Arial, Helvetica, sans-serif!important;
    font-size: 15px!important;
    padding:0 !important;
}
.cse-search-form input.gsc-search-button, input.gsc-search-button {
    background: none!important;
    border:0 !important;
    border-radius: 0!important;
    box-shadow: none!important;
    color: #fff!important;
    font-family:Arial, Helvetica, sans-serif!important;
    font-size: 15px!important;
    font-weight: normal !important;
    padding:0 !important;
    text-shadow: none !important;
}
.online_tag {
	float:left;
	position:relative;
	width:24.7em;
	height:2.7em;
	margin:0em 0em 5em 2.6em;
	background:url(../img/online_tag.png);
	text-indent:2.4em;
	color:#0e1d52;
	line-height:2.5em;
	display:block;
}
#header blockquote {
	float:left;
	position:relative;
	margin:1.2em 0em 0em 0em;
	padding:0em;
}
#left_wrap {
	float:left;
	position:relative;
	width:29.3em;
}
#left {
	float:left;
	position:relative;
	border-radius:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-moz-border-radius:5px;
	margin:0em 0.5em 2.7em 4em;
	background:#f0eeee;
	width:24.8em;
	padding:1em 0em 2.8em 0em;
}
#left ul {
	float:left;
	height:auto;
	position:relative;
	line-height:normal;
	width:24.8em;
	list-style:none;
	padding:0em 0em 1em 0em;
	margin:0em!important;
	background:url(../img/list_border.png) no-repeat bottom center;	
}
#left ul li.hd4 {
	width:24.8em;
	background:url(../img/list_head.png) no-repeat top left;
	height:1.3em;
	line-height:1.3em;	
	text-indent:2em;
	margin:1.5em 0em 0.5em 0em;
}
#left ul li.hd4 a, #left ul li.hd4 a:visited {
	color:#373737;
	font-weight:bold;
	font-size:1.4em;
}
#left ul li.hd4 a:hover {
	color:#1063aa;	
}
#left ul li {
	margin-left:3.6em;
	width:21.2em;
	float:left;	
}
#left ul li a,
#left ul li a:visited {
	color:#373737;
	font-size:1.2em;	
}
#left ul li a:hover {
	color:#1063aa;	
}
#left_wrap #follow {
	float:left;
	position:relative;
}
#left_wrap #follow .hd1 {
	width:22.8em;
	height:5.8em;
	background:url(../img/follow.png);
	margin:0em 0em 0em 2.3em;
	text-indent:-1000px;
	overflow:hidden;
	float:left;
	position:relative;	
}
#left_wrap #follow .hd2 {
	width:22.8em;
	height:5.8em;
	background:url(../img/livehelp.png);
	margin:0em 0em 0em 2.3em;
	text-indent:-1000px;
	overflow:hidden;
	float:left;
	position:relative;	
}
#follow .item {
	width:23em;
	margin:2em 0em 0em 3.2em;
	padding:0em 0em 1em 3em;
	background:url(../img/fl_div.png) bottom center no-repeat;
	float:left;
	position:relative;
}
#follow .logos {
	width:4.8em;
	float:left;
	position:relative;	
}
#follow .info {
	width:10em;
	float:left;
	position:relative;
	margin-left:1em;	
}
#follow .btns {
	float:left;
	position:relative;
	width:20em;
	margin-top:0.5em;	
}
#content {
	width:73.7em;
	margin-right:3.2em;
	float:left;
	position:relative;	
}
#content blockquote.sp_offer {
	width:65.6em;
	height:8.7em;
	padding:2em 0em 0em 7.1em;
	margin:0;
	background:url(../img/banner_sp_offers_newyears.jpg);
	float:left;
	position:relative;
}
#content #carousel {
	width:71.1em;
	margin:3em 0em 0em 0.8em;
	float:left;
	position:relative;	
}
#content #carousel p.one {
	margin:3em 0em 0em 47em;
	float:left;
	position:relative;	
	border:#fff 2px dotted;
	border-radius:15px;
	color:#fff;
	-moz-border-radius:15px;
	text-align:right;
	padding:0.5em;
}
#content #carousel p.two {
	margin:15em 0em 0em 47em;
	float:left;
	position:relative;	
	border:#fff 2px dotted;
	border-radius:15px;
	color:#fff;
	-moz-border-radius:15px;
	text-align:right;
	padding:0.5em;
}
#content #xtra_btn {
	width:71.1em;
	height:15.1em;
	margin:2.2em 0em 0em 0.8em;
	float:left;
	position:relative;	
}
#content #banner {
	width:69.5em;
	height:8.1em;
	padding:22.2em 0em 0em 2.1em;	
	margin:0;
	background:url(../img/banner1.jpg);
	float:left;
	position:relative;	
}
#banner span {
	text-transform:uppercase;	
}
#content #banner2 {
	width:69.5em;
	height:8.1em;
	padding:22.2em 0em 0em 2.1em;	
	margin:0;
	background:url(../img/banner2.jpg);
	float:left;
	position:relative;	
}
#content #banner3 {
	width:69.5em;
	height:8.1em;
	padding:22.2em 0em 0em 2.1em;	
	margin:0;
	background:url(../img/banner3.jpg);
	float:left;
	position:relative;	
}
#content #banner5 {
	width:69.5em;
	height:8.1em;
	padding:22.2em 0em 0em 2.1em;	
	margin:0;
	background:url(../img/banner5.jpg);
	float:left;
	position:relative;	
}
#content #information {
	width:61.5em;
	margin:3em 0em 0em 0.8em;
	float:left;
	position:relative;
	background:#efeded;
	border-radius:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-moz-border-radius:5px;
	padding:4.8em;
}
#content #information div.toptag {
	width:12.8em;
	height:9.1em;
	float:left;
	position:relative;
	margin-left:-2em;
	margin-top:-5.7em;	
}
#information div.hd1,
#information h1 {
	font-size:3.9em;
	font-weight:bold;
	padding:0em;
	margin:1.5em 0em 0em 0em;	
	clear:both;
}
#information div.hd2,
#information h2 {
	font-size:1.4em;
	font-weight:bold;
	padding:0em;
	margin:1.5em 0em 0em 0em;	
	color:#073d7e;
}
#information h3 {
	font-size:1.2em;
	font-weight:bold;
	padding:0em;
	margin:1.5em 0em 0em 0em;	
	color:#073d7e;
}
#information p {
	font-size:1.3em;
	padding:0em;
	margin:1.5em 0em 0em 0em;	
}
#information ul {
	margin:1.5em 0em 0em 0em;
	font-size:1.3em;
	padding-left:1.2em;
}
#information a, #information a:visited {
	color:#c72227;
	text-decoration:underline;	
}
#information a:hover {
	text-decoration:none;	
}
#information blockquote {
	width:45em;
	border:1px #cdcdcd solid;
	border-radius:5px;
	-moz-border-radius:5px;
	padding:3.2em 5em 2.5em 5em;
	font-weight:bold;
	text-transform:uppercase;
}
#information blockquote div.tagt {
	width:5.2em;
	height:5.2em;
	float:left;
	position:relative;
	margin-left:-5.8em;
	margin-top:-2em;	
	background:url(../img/testimonial-tag.jpg);
}
#content #testimonial {
	background:url(../img/testimonial.png);
	width:72.3em;
	height:29.3em;
	margin:3em 0em 0em 0.8em;
	float:left;
	position:relative;	
}
#testimonial #youtube {
	margin:3.2em 4.8em 0em 1.4em;
	float:left;
	position:relative;
	width:40.2em;	
}
#testimonial .hd2 {
	padding:0em;
	margin:10.5em 0em 0em 0em;
	font-weight:bold;
	float:left;
	position:relative;	
}
#testimonial p {
	width:25em;
	float:left;
	position:relative;
	margin:0em;
	padding:0em;	
}
#footer {
	float:left;
	position:relative;
	width:100em;
	float:left;	
	margin:4.5em 3.2em 1.5em 3em;
	height:15.2em;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	-moz-border-bottom-left-radius:8px;
	-moz-border-bottom-right-radius:8px;
	background:url(../img/footer_rpt.png) repeat-x;
	margin-top:4.5em;
}
#footer ul {
	width:11em;
	padding:0em 3.2em;
	list-style:none;
	margin:-0.7em 0em 0em 0em;
	height:13.5em;	
	float:left;
	position:relative;
}
.with_line {
	background:url(../img/footer_ul_line.png) bottom right no-repeat;
}
.first_li {
	margin-top:0.5em;	
}
.first_ul {
	margin-left:24em!important;	
}
#footer ul div.hd3 {
	width:7.45em;
	height:2.35em;
	text-align:center;
	padding:1em 1.2em 0.3em 0.5em;
	font-weight:bold;
	background:url(../img/footer_tag.png);	
	float:left;
	position:relative;
	color:#fff;
	margin:0em;
}
#footer ul li {
	width:10em;
	float:left;
	position:relative;	
}
#footer ul li a, #footer ul li a:visited {
	color:#fff;
	font-size:1.1em;
}
#footer ul li a:hover {
	text-decoration:underline;	
}
#copyright {
	float:left;
	position:relative;
	width:100em;
	margin:0em 3.2em 2em 3.2em;
	text-indent:1em;
}
/*----------- BAROUSEL */
.barousel
{
    position:relative;
    margin-bottom:0px;
    width:710px;
    height:342px;
	border-radius:5px;
	-moz-border-radius:5px;
	overflow:hidden;
}

.barousel_image
{
    position:absolute;
    z-index:10;
    width:710px;
    height:342px;
	overflow:hidden;
}

.barousel_image img
{
    position:absolute;
    display:none;
}

.barousel_image img.default
{    
    display:block;
}

.barousel_image img.current
{
    z-index:10;
}

.barousel_image img.previous
{
    z-index:5;
}

.barousel_content
{
    position:relative;  
    z-index:50;
    width:710px;
    bottom:342px;
}

.barousel_content div
{
    display:none;    
}

.barousel_content div.default
{
    display:block;    
}

.barousel_content a,
.barousel_content a:hover
{
    color:#fff55b;
    background-color:transparent !important;
}

.barousel_nav
{
    position:absolute;
    padding:3px 3px 0px 0;
    height:23px;    
    background:#000;
    bottom:0;
    z-index:20;
    width:497px;
}

.barousel_nav .counter
{    
    float:right;
    font-size:0.75em;
    color:#fff;
    margin:3px 5px 0 0;
}

.barousel_nav ul
{
    float:right;
    padding:0;
    margin:0;
}

.barousel_nav li
{
    float:left;
    padding-left:3px;
    font-size:0;
    line-height:0;
    list-style:none;
}

.barousel_nav li a
{
    display:block;
    width:25px;
    height:20px;
    background-color:#4d4d4d;
    font-size:0;
    line-height:0;
    text-decoration:none;
}

.barousel_nav li a:hover
{
    background-color:#6e6e6e;
}

.barousel_nav li a.current
{
    background-color:#fff55b;
}

.barousel_nav li.prev a
{
    background-image:url(../img/prev.jpg);
    background-repeat:no-repeat;
    background-position:0 0;
}

.barousel_nav li.next a
{
    background-image:url(../img/next.jpg);
    background-repeat:no-repeat;
    background-position:0 0;
}

.barousel img.ajax_loader
{
    display:none;
    position:absolute;
    z-index:99;
    top:70px;
    left:135px;
}

/*----------- THSLIDE */
.jcarousel-container, .jcarousel-container-horizontal
{    
    background:#efeded;
    width:710px;
    height:100px;
	position:absolute!important;
	bottom:0;
}

.jcarousel-prev
{
	float:left;
	display:block;
    width:49px;
    height:100px;     
    text-decoration:none;  
    background-repeat:no-repeat;       
    background-image:url(../img/prev.jpg);    
    background-position:0 0;
	margin-left:-66.1em;
	cursor:pointer;
}

.jcarousel-next
{
    float:right;
	display:block;
    width:49px;
    height:100px;     
    text-decoration:none;  
    background-repeat:no-repeat;        
    background-image:url(../img/next.jpg);    
    background-position:100% 0;
	cursor:pointer;
}

.jcarousel-clip, .jcarousel-clip-horizontal
{
    float:left;
    overflow:hidden;   
    position:relative; 
    width:612px;
    height:100px;
	margin-left:49px;    
}

.jcarousel-list
{
    float:left;
    width:9000px;
    padding:0;
    margin:0;
    list-style:none;
}

ul.jcarousel-list li.jcarousel-item
{
    float:left;
    margin-right:10px;
	margin-left:5px;
	margin-top:12px;
	border-radius:6px;
	-moz-border-radius:6px;
	overflow:hidden;
}

ul.jcarousel-list li.jcarousel-item a
{
    display:block;
    position:relative;
    width:130px;
    height:78px;    
    text-decoration:none;
}

ul.jcarousel-list li a img
{
    position:absolute;
	border:0;
}


/* Specific implementation */
#barousel_thslide
{
    height:442px;
}

#barousel_thslide .barousel_content
{
    bottom:0px;
	float:left;
}

#thslide_barousel_nav
{
    position:absolute;
    bottom:0;
}
/*--------barousel -------*/

#information #study {
	width:54.5em;
	padding:1.5em 0em 0em 0em;
	border:1px solid #d9d9d9;
	background:#f2f2f2;
	border-radius:8px;
	-moz-border-radius:8px;
	margin:3em 0em 4em 7.5em;
	float:left;
	position:relative;
}
#study div.item_s {
	float:left;
	position:relative;
	width:54.5em;
	border-bottom:1px dotted #939496;
	padding:0.5em 0em;
}
#study div.hd5 {
	width:15.9em;
	height:3.5em;
	padding-top:2.2em;	
	color:#fff;
	text-align:center;
	margin:1.6em 0.5em 0em -0.7em;
	background:url(../img/others_tag.png);
	float:left;
	position:relative;
}
#study span.name {
	margin-top:3.6em;
	width:21em;	
	color:#373737;
	float:left;
	position:relative;
}
#study img {
	float:left;
	position:relative;
}
#study ul.var1 {
	width:32.5em;
	margin:0.5em 0em 0em 3.5em;
	padding:1em 0em 1.5em 2em;
	border:1px #dfdfdf solid;
	border-top-right-radius:8px;
	border-top-left-radius:8px;
	-moz-border-top-right-radius:8px;
	-moz-border-top-left-radius:8px;
	background:#fff;
	float:left;
	position:relative;
}
#information p.three {
	margin:13em 0em 0em 32em;
	float:right;
	position:relative;	
	border:#000 2px dotted;
	border-radius:15px;
	color:#373737;
	-moz-border-radius:15px;
	text-align:right;
	padding:0.5em;
	width:15.4em;
}
#study div.req {
	width:42.5em;
	margin:0.5em 0em 0em 3.5em;
	padding:1em 0em 1.5em 2em;
	border:1px #dfdfdf solid;
	border-top-right-radius:8px;
	border-top-left-radius:8px;
	-moz-border-top-right-radius:8px;
	-moz-border-top-left-radius:8px;
	background:#fff;
	float:left;
	position:relative;	
}
#study label {
	width:10em;
	float:left;
	position:relative;	
	font-size:1.4em;
	padding:0.6em;
	margin-bottom:0.5em;
	clear:both;
}
#study input, #study textarea {
	width:23em;
	border:1px solid #dadada;
	border-radius:5px;
	-moz-border-radius:5px;
	padding:0.6em;
	background-color:#e7e7e7;	
	margin-bottom:0.5em;
	float:left;
	position:relative;
}
#study div.asterix {
	width:30em;
	font-size:1.4em;
	float:left;
	position:relative;
	clear:both;	
}
#study input.submit {
	margin-left:14em;
	margin-top:1em;
	background:url(../img/send_btn.png);
	width:19.3em;
	height:3.6em;
	text-indent:-9999em;
	overflow:hidden;	
	float:left;
	position:relative;
	font-size:1em;
	border:0;
	cursor:pointer;
}
#study input.imgbtn {
	margin-left:21em;
	margin-top:1em;
	background:url(../img/search.png);
	width:18.1em;
	height:2.4em;
	text-indent:-9999em;
	overflow:hidden;	
	float:left;
	position:relative;
	font-size:1em;
	border:0;
	cursor:pointer;
}
ul.jcarousel-list li.jcarousel-item a img {
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */	
}
ul.jcarousel-list li.jcarousel-item a.current img {
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */	
}
/****************** dealers *****************/
#contactdealer {background-color: #FFFFFF; height: 542px !important; border:2px solid #000000; width: 850px !important; border-radius:5px; -moz-border-radius:5px;}
#searchdistcontacttitle {
	color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12pt; 
	font-weight: bold;
	background-color: #1978b9;
	clear:both;
	height:20px;
	padding:3px;
}
#searchdistspecialstitle {
	color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12pt; 
	background-color: #901d1d;
	clear:both;
	font-weight: bold;
	font-style:italic;
}
.searchspecialtext {font-style:italic;}
.searchspecialcalloutreditalic {color: #901d1d; font-style: italic; font-size: 10pt;}
.searchspecialcalloutred {color: #901d1d; font-weight: bold;  font-size: 10pt;}
.searchspecialcalloutblue {color: #40648b;  font-size: 12pt; font-weight: bold;}
#buydiykit {margin:20px 0 0 100px;}
#searchlowprice {
	color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #ba7127;
	clear:both;
}
.searchtitlestandout {font-style:italic; font-weight:bold; font-size:12pt; text-transform:uppercase;}
.searchtextdescription, .searchtextdescription a {font-size:10pt;}
.floatlabel {float:left;
margin-left:71px;
padding:5px;
width:130px;}
.floatlabelleftcol {clear:both;
float:left;
margin-left:15px;
padding:5px 5px 0;
width:130px;}
.floatinput {float:left;
margin-left:52px;
width:155px;}
.floatinputleftcol {clear:both;
float:left;
padding:0 5px 5px 19px;
width:155px;}
#captcha {float:left;
margin-left:33px;
padding:2px 0;}
#searchdistpricing {margin:30px 0 0;}
.searchpricemsrp {
	clear:both;
	color:#225894;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10pt;
	font-weight:bold;
	padding:0 15px 5px 0;
}
.searchspecialprice {
	color:#710d0d;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10pt;
	font-weight:bold;
	padding:0 15px 5px 0;
}
#contactclose {float: left; padding: 0;}
#emailbutton {clear:both; margin:5px 0 0 260px;}
#closebutton {margin:5px 0 0 2px;}
.windowheader {border:2px solid #FFFFFF;
margin:0 10px;
padding:8px;}
.errorbox {border: 2px #FF0000 solid;}
.successbox {border: 2px #009900 solid;}
#contactbyphone, #contactbyemail {
background-color:#EBEBEB;
color:#40648B;
font-family:Arial,Helvetica,sans-serif;
font-size:12pt;
font-weight:bold;
line-height:43px;
margin:5px 0;
padding:5px;}
.phonenumber {float: right;}
#zipcodesearch {
	position:absolute;
	top:3em;
	right:3em;	
}
a#searchagain {
	height:2em;
	border-radius:0.3em;
	-moz-border-radius:0.3em;
	color:#fff!important;
	display:block;
	font-weight:bold;
	line-height:2em;
	text-decoration:none;
	padding:3px 6px;
	background:url(../img/ribbon_rpt.png) top repeat-x;
}
a#searchagain1 {
	border-radius:0.3em;
	-moz-border-radius:0.3em;
	color:#fff!important;
	display:block;
	font-weight:bold;
	text-decoration:none;
	padding:3px 3px;
	width:13em;
	margin-top:0.3em;
	text-align:center;
	background:url(../img/ribbon_rpt.png) top repeat-x;
}
#gmap {
	position:absolute;
	top:12em;
	right:2em;	
}