/* 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;
}
#ribbon form {
	margin-right:2em;
	float:right;
	position:relative;	
}
#ribbon form input {
	font-size:1.5em;	
}
#ribbon form input.sub {
	background:none;
	border:none;
	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.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;	
}
#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 #banner4 {
	width:71.6em;
	height:29em;
	/* padding:22.2em 0em 0em 2.1em;	 */
	margin:0;
	background:url(../img/banner-shop.jpg);
	float:left;
	position:relative;	
}
#content #my_cart {
	margin:0em 0em 1em 48em;
	width:17.6em;
	height:3.3em;
	background:url(../img/my-cart.png);
	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 {
	font-size:3.9em;
	font-weight:bold;
	padding:0em;
	margin:0em;	
}
#information div.hd2 {
	font-size:1.4em;
	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 */
.thslide
{    
    background:#efeded;
    width:710px;
    height:100px;
}

.thslide_nav_previous
{
    float:left;    
}

.thslide_nav_next
{
    float:right;    
}

.thslide_nav_previous a,
.thslide_nav_next a
{
    display:block;
    width:49px;
    height:100px;     
    text-decoration:none;  
    background-repeat:no-repeat;    
}

.thslide_nav_previous a
{
    background-image:url(../img/prev.jpg);    
    background-position:0 0;
}

.thslide_nav_next a
{
    background-image:url(../img/next.jpg);    
    background-position:100% 0;
}

.thslide_list
{
    float:left;
    overflow:hidden;   
    position:relative; 
    width:612px;
    height:100px;    
}

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

.thslide_list li
{
    float:left;
    margin-right:10px;
	margin-left:5px;
	margin-top:12px;
}

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

.thslide_list li a img
{
    position:absolute;
	border:0;
}


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

#barousel_thslide .barousel_content
{
    bottom:0px;
}

#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;
}
.quick-view { display: none; width: 69.6em; padding: 1.5em; background: #f8f8f8; border: 1px solid #dedede; border-radius:0.5em; -moz-border-radius:0.5em; }
#my_cart p.noitem {
	margin:1em 0em 0em 4em;
	color:#fff;
	font-weight:bold;
}
#my_cart p.number {
	margin:0.3em 0em 0em 4em;
	color:#fff;	
}
#my_cart p.number a, #my_cart p.number a:visited {
	color:#fff;
	text-decoration:none;	
}
#my_cart p.number a:hover {
	text-decoration:underline;
}
#my_cart p.subtotal {
	margin:0em 0em 0em 4em;
	color:#fff;	
}
p.product-image {
	text-align:center;	
}
p.product-image a {
	position:relative;	
}
li.item a.quick-over, 
li.item a.quick-over:visited, 
li.item a.quick-over:hover {
	overflow:visible;
    width:11em;
	height:2.1em;
    border:0;
    background:url(../img/add-to-cart.png);
    color:#fff!important;
    font-size:1em!important;
    cursor:pointer;
	text-decoration:none!important;
    text-align:center;
    vertical-align:middle;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-5.5em!important;
	text-indent:1em;
	line-height:2.1em!important;
	text-transform:lowercase;
}
div.quick-view h1 {
	padding:2.3em 0em 0em 2.3em;
	height:3.4em;
	width:36.6em;
	color:#fff;
	font-weight:bold;
	line-height:1em;
	font-size:1em;
	float:left;
	position:relative;
	margin:1em 0em 0em -2.2em;
	background:url(../img/quick-banner.png);	
}
div.quick-view div.close-quick {
	background:url(../img/close-quick.jpg);
	width:3.2em;
	height:3.3em;
	cursor:pointer;
	display:block;
	position:absolute;
	top:1.5em;
	right:1.5em;
}
div.quick-view div.product-type-data {
	float:left;
	position:relative;
	clear:both;
	padding:1em 2.5em 1.5em 1.5em;	
	border-bottom:1px dotted #999;
	margin-left:-1.5em;
}
#quickview-image-browser {
	position:absolute;
	top:5em;
	right:3em;
}
a.full_detail {
	float:right;
	position:relative;
	margin:3em 21em 3em 0em;	
}
#life_warr {
	position:absolute;
	left:50%;
	margin-left:-15em;
	bottom:0;
	background:url(../img/bottom-tag.png);
	height:4em;
	width:30em;
	padding-top:0.5em;
	text-align:center;
	color:#7e7e7e;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	-moz-border-top-left-radius:5px;	
	-moz-border-top-right-radius:5px;
	border-left:1px solid #e0e0e0;	border-right:1px solid #e0e0e0;	border-top:1px solid #e0e0e0;
}
#content #information2 {
	width:71.1em;
	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:0;
}
div#information2 h1 {
	padding:2.3em 0em 0em 2.3em;
	height:3.4em;
	width:36.6em;
	color:#fff;
	font-weight:bold;
	line-height:1em;
	font-size:1em;
	float:left;
	position:relative;
	margin:2em 0em 0em -0.7em;
	background:url(../img/quick-banner.png);	
}
div#information2 div.product-type-data {
	float:left;
	position:relative;
	clear:both;
	padding:1em 2.5em 1.5em 1.5em;	
	border-bottom:1px dotted #999;
}
div#information2 div.column1 {
	width:37em;
	float:left;
	position:relative;
	clear:both;
}
div#information2 div.column2 {
	width:34em;
	float:left;
	position:relative;
}
div#information2 div.product-img-box {
	width:34em;
	float:left;
	position:relative;
	padding-bottom:1em;
	border-bottom:1px dotted #ccc;
	margin-bottom:1em;
}
div#information2 div.product-img-box .more-views h4 {
	border-bottom:0;	
}
div#information2 fieldset.add-to-cart-box {
	margin-bottom:2em;	
}
div#information2 form#order-form {
	margin-left:1.5em;
	float:left;
	position:relative;
}