@charset "UTF-8";
/* CSS Document */

/****************************************************
   AUTHOR:  			RMI Inc.
   WEBSITE:   			www.racerinternational.com
   VERSION:             2.0       	
  **************************************************/
 
/****************************************************
   COPYRIGHT MATERIAL 2014
 ***************************************************/ 
 
  body {
  background:#fff;
  margin:0px;
  font-family:helvetica;
  }
  
  /* special header */
  #header-page {
  width:100%;
  height:702px;
  background:linear-gradient(to right, rgba(0, 0, 0, 0.7),  rgba(0, 0, 0, 0.7)), url(../images/portfoliobg.png) fixed;
  background-position:top center;
  background-repeat:no-repeat;
  margin:0 auto;
  }
  
  .color {background-color:rgba(0,​ 109,​ 178,​ 0.9);}
  
  /******* Section 1 - Logo ***********/
  
.divlogo {
  height:100px;
  background-color:rgba(255, 255, 255, 1);
  /* trasparent header background-color:rgba(255, 255, 255, 0.92); */
  }
  
.logo_tb {
  width:930px;
  padding-top:20px;
  }
  
 .logo_tb .left {
  width:300px;
  text-align:center;
  }
  		
		.left img {
		border:0;
		}
  
 .logo_tb .right {
  width:630px;
  font-size:9pt;
  font-family:helvetica;
  text-align:right;
  color:#555;
  }
  
  		.mtm {
		font-size:14pt;
		color:#222;
		font-family:"Roboto", sans-serif;
		font-weight:300;
		}
		.ctf {
		font-size:12pt;
		color:#DC0000;
		font-family:"Roboto", sans-serif;
		font-weight:300;
		}
  
  /******* Section 2 - Menu ***********/
  
 .divmenu {
  width:100%;
  background-color:rgba(255, 255, 255, 1);
  /* transparent header background-color:rgba(255, 255, 255, 0.92); */
  border-top:1px solid #ececec;
  border-bottom:1px solid #ececec;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.15);
  -moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.15);
  box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.15);
  }
  
  .menu_tb {
  width:;
  height:100%;
  }
  
  .menu_row {
  width:;
  }
  
  .menu_site {
  width:;
  text-align:right;
  }
  
  .menu_site a {
	  color:#888;
	  text-decoration: none;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
  }
  
  .menu_site a:hover {
	  color:#DC0000;
	  text-decoration: none;
  }
  
  
  /******* Section 3 - Body ***********/ 
  
  .divbody {
	  margin:0 auto;
	  width:1100px;
	  padding:20px 0px;
	  overflow:hidden;
  }
  
  .bannertitle {
	  width:71%;
	  text-align:left;
	  padding-left:29%;
	  height:110px;
	  padding-top:40px;
	  background:#fafafa;
	  font-family:"Roboto", sans-serif;
	  font-weight:100;
	  font-size:40px;
  }
  
  .divbodydark {
  background:#0a0a0a url(../images/bgdark.jpg) no-repeat fixed center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }
  
  .divbodyproject {
  background:#0a0a0a url(../images/bgproject.jpg) no-repeat fixed center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }

  
  .divider {
  background:url(../images/bgline.png) repeat-x;
  display:block;
  width:100%;
  height:10px;
  }
  
   .dividertitle {
  background:url(../images/dividertitle.png) no-repeat top center;
  display:block;
  width:100%;
  height:60px;
  }

/* Header titles & Link */

.title1 {
	margin:0 auto;
	margin-top:100px;
	font-family:'Roboto', sans-serif;
	font-weight:100;
	font-size:52px;
	color:#fff;
	text-align:center;
}

.title2 {
	margin:0 auto;
	margin-top:20px;
	width:45%;
	font-family:'Roboto', sans-serif;
	font-weight:300;
	font-size:32px;
	text-transform:uppercase;
	color:#fff;
	border-top:2px solid #DC0000;
	border-bottom:2px solid #DC0000;
	padding:15px 0px;
	text-align:center;
}

.divlink {
	margin:0 auto;
	text-align:center;
	margin-top:30px;
}

a.title-button {
    display: inline-block;
	text-transform:uppercase;
	letter-spacing:3px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
	font-weight:300;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 2px #fff;
    padding: 16px 40px;
    text-decoration: none;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

a.title-button:hover {
    color: #DC0000;
    border: solid 2px #e8e8e8;
}

/* Header columns */
#infowrapper {
	text-align: left;
	margin: 0px auto;
	margin-top:100px;
	padding: 0px;
	border:0;
	width: 1025px;
	overflow:hidden;
}


#colleft, #colright, #colmiddle {
	font-family:'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#222;
	text-align:center;
	padding:10px;
	border-bottom:2px solid #DC0000;
	padding-bottom:40px;
}

#colleft h2, #colright h2, #colmiddle h2{
	font-family:'Lato', sans-serif;
	font-weight:300;
	font-size:26px;
	color:#222;
}

#colleft {
	float: left;
	width: 313px;
	margin-right:10px;
}

#colright {
	float: right;
	width: 313px;
	margin-left:10px;
}

#colmiddle { 
	float: left;
	width: 313px;
}

  

/******** Portofilio **************/
.shadowheader{
	margin-bottom:0px; 
	background-image:url(../images/shadow_header.png);
	background-repeat:no-repeat;
	background-position: bottom center;
	position: relative;
}

.frame {
	border: solid 10px #e9e9e9;
	box-shadow: 1px 1px 3px #494949;
	margin-bottom:15px;
}

.portospacer {
	width:100%;
	height:120px;
	display:block;
	overflow:hidden;
}

/* portofolio top row */

.portotxt {
	width:540px;
	float:left;
}

		.portotxt h2, .portodetails h2 {
			font-family:'Roboto', sans-serif;
			font-weight:100;
			font-size:34px;
			color:#494949;
		}
		
		.portotxt span {
			font-family:helvetica, sans-serif;
			font-weight:300;
			font-size:14px;
			color:#696969;
			line-height:22px;
		}

.portodetails {
	width:260px;
	padding-left:40px;
	float:left;
}

.portodetails p {
	font-family:helvetica, sans-serif;
	font-weight:300;
	font-size:12px;
	color:#696969;
	line-height:22px;
}


.imglarge {
	width:694px;
	float:left;
}
	
	.imglarge2 {
	width:594px;
	float:left;
	}
	
	.imglarge3 {
	width:100%;
	margin:0 auto;
	}
	
	.go-top {
	width:100%;
	margin:0 auto;
	}
	
	.go-top a {color:#DC0000; text-decoration:none; font-family:helvetica; font-weight:300; font-size:12px;}
	.go-top a:hover {color:#b8b8b8; text-decoration:none;}

	
.imgsmall {
	width:380px;
	height:309px;
	display:block;
	padding-left:20px;
	padding-top:10px;
	float:left;
	overflow:hidden;
}

	.imgsmall2 {
	width:480px;
	height:309px;
	display:block;
	padding-left:20px;
	padding-top:10px;
	float:left;
	overflow:hidden;
	}

  .divider {
  background:url(../images/bgline.png) repeat-x;
  display:block;
  width:100%;
  height:10px;
  }
  
	.contactbanner1, .contactbanner2 {
		width:100%;
		height:150px;
	}
	
	.contactbanner1 h2, .contactbanner2 h2 {
		font-family:'Roboto', sans-serif;
		font-size:28px;
		font-weight:100;
	}
	
	.contactbanner1 h3, .contactbanner2 h3 {
		font-family:'Roboto', sans-serif;
		font-size:18px;
		font-weight:100;
	}
	
	
	/* Div for alignment */
	.cwrapper {width:1100px; margin:0 auto;}
	.contactbanner1 .qhead, .contactbanner2 .qhead {
		float:left;
		width:800px;
		line-height:10px;
		padding-top:25px;		
	}
	
	.contactbanner1 .qlink, .contactbanner2 .qlink {
		float:right;
		width:295px;
		padding-top:45px;
	}
	
	
	.contactbanner1 {background:url(../images/bg-slider.png) repeat scroll 0 0 #a00000; color:#fff;}
	.contactbanner2 {background:url(../images/bg-slider.png) repeat scroll 0 0 #4d4d4d; color:#fff;}
	
	.contactbanner1 .qlink a.clink, .contactbanner2 .qlink a.clink {
	display:inline-block;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    color: #fff;
	letter-spacing: 3px;
    padding: 16px 26px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 2px #fff;
    text-decoration: none;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

	.contactbanner1 .qlink a.clink:hover, .contactbanner2 .qlink a.clink:hover {
		color: #35404c;
		border: solid 2px #8d8d8d;
	}

 /******* Section 5 - Footer ***********/
 
 .divfooter {
   background:#f9f9f9;
   bottom:0;
   width:100%;
   height:270px;
   margin-top:70px;
   }
   
  .footer_tb {
  width:1000px;
  }
  
  .footer_tb .col {
  width:128px;
  padding:30px 4px 0px 4px;
  line-height:18px;
  text-align:left;
  vertical-align:top;
  }

  .footer_tb .colext {
  width:260px;
  padding:30px 4px 0px 4px;
  line-height:18px;
  text-align:left;
  vertical-align:top;
  }

  	.footer_tb .title {
	color:#232323;
	text-transform:uppercase;
	display:block;
	padding-bottom:8px;
	font-family:"Lato", sans-serif;
	font-weight:300;
	font-size:14px;
	}
  
  .footer_tb .col a {
  color:#777;
  font-family:"Lato", sans-serif;
  font-weight:300;
  text-decoration:none;
  font-size: 9pt;
  }
  
  .footer_tb .col a:hover {
  color:#232323;
  text-decoration:none;
  }

		  .footer_tb .colext a {
		  color:#777;
		  font-family:"Lato", sans-serif;
		  font-weight:300;
		  text-decoration:none;
		  font-size: 9pt;
		  }

		  .footer_tb .colext a:hover {
		  color:#232323;
		  text-decoration:none;
		  }
 
 .footer_tb .newsletter {
  width:230px;
  padding:30px 4px 0px 4px;
  font-size:10pt;
  color:#777;
  font-family:"Lato", sans-serif;
  font-weight:300;
  line-height:18px;
  text-align:left;
  vertical-align:top;
  }
  
	  .newsletter .title {
	  color:#232323;
	  }
	  
	  .newsletter a {
	  color:#232323;
	  font-family:helvetica;
	  text-decoration:none;
	  }
	  
	  .newsletter a:hover {
	  color:#DC0000;
	  text-decoration:none;
	  }
  
  .footer_tb .simg {
  border:0;
  margin:0px 5px;
  }
 
  .footer_tb .copyright {
  padding-top:70px;
  font-size:8.5pt;
  color:#a9a9a9;
  text-align:left;
  width:830px;
  }
  
  
  
  /*** Section 5 - Links ****/

a.main-button {
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #e8e8e8;
    padding: 8px 40px;
    text-decoration: none;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
	background: #DC0000;
}

a.main-button:hover {
    color: #35404c;
    border: solid 1px #e8e8e8;
}

a.main-button4 {
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    color: #888;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #DC0000;
    padding: 8px 40px;
    text-decoration: none;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

a.main-button4:hover {
    color: #35404c;
    border: solid 1px #e8e8e8;
}
  
  /*** Section 6 - Everything Else ****/
  		
		/* Contact Address */
		.country {font-weight:bold;}
		.address {color:#222;}
		
		
		/* Top of Page Link */
		.toppage {width:140px; padding:3px 0px 3px 5px; margin-top:50px; font-size:8.5pt;}
		.toppage a {color:#DC0000; text-decoration:none; font-family:helvetica;}
		.toppage a:hover {color:#b8b8b8; text-decoration:none;}
		.toppage img {border:0px; margin-right:5px;}
		
		/* Careers Page Editing */
		
		.plaincol .large {font-size:10pt; font-weight:bold; line-height:18px;}
		
		/*** Careers Table ***/

		.car_tb {
		width:680px;
		font-size:9pt;
		}
		
		.car_tb_ps {
		width:360px;
		color:#DC0000;
		}
			.car_tb_ps_top {border-bottom:1px solid #c9c9c9; color:#555;}
		
		.car_tb_dt {
		width:100px;
		text-align:center;
		}
		
			.car_tb_dt_top {border-bottom:1px solid #c9c9c9; color:#555; text-align:center;}
		
		.car_tb_oc {
		width:50px;
		text-align:center;
		}
		
			.car_tb_oc_top {border-bottom:1px solid #c9c9c9; color:#555; text-align:center;}
		
		.car_tb_cn {
		width:70px;
		text-align:center;
		}
		
			.car_tb_cn_top {border-bottom:1px solid #c9c9c9; color:#555; text-align:center;}
			
			
		/*** Social Table ***/

		.soc_tb {
		width:500px;
		}
		
		.soc_tb_ic {
		width:65px;
		padding-right:15px;
		padding-bottom:15px;
		text-align:right;
		color:#888;
		}
		
		
		.soc_tb_txt {
		width:330px;
		padding-left:10px;
		padding-bottom:15px;
		font-size:8.5pt;
		font-family:century gothic;
		color:#555;
		vertical-align:top;
		text-align:left;
		}
		
		.soc_tb_txt a {
		color:#DC0000;
		text-decoration:none;
		}
		
		.soc_tb_txt a:hover {
		color:#333;
		text-decoration:none;
		}
		
		/*** Sitemap Table ***/

		.site_tb {
		width:680px;
		}
		
		
		.site_tb .sitecell {
		width:320px;
		padding:5px 10px 20px 10px;
		font-size:9pt;
		font-family:century gothic;
		color:#555;
		vertical-align:top;
		text-align:left;
		}
		
			.sitecell .sitetitle {
			font-size:13pt;
			color:#DC0000;
			font-family:"Lato", sans-serif;
			font-weight:300;
			}
		
		.sitecell a {
		color:#555;
		text-decoration:none;
		}
		
		.sitecell a:hover {
		color:#DC0000;
		text-decoration:none;
		}
		

/*** Privacy, Terms of Use, Copyright Trademark ***/

.hdr {font-size:14pt; color:#232323; font-family:"Lato", sans-serif; font-weight:300;}


/*** Video Effects ***/

.vspacer {
width:830px;
height:50px;
}

.lightsoff {cursor:pointer}


/*** Testimonial ***/
.bubble_tb {
width:675px;
}

.bubble_tb .btop {
width:675px;
height:28px;
background:url(../images/bgbubbletop.png) no-repeat;
}

.bubble_tb .bmid {
width:625px;
background:url(../images/bgbubblemid.png) repeat-y top;
font-family:century gothic;
font-size:9pt;
color:#555;
line-height:18px;
text-align:left;
padding:0px 20px 10px 30px;
}

		.bmid .company {font-size:12pt;}
		
		.bmid .rep {font-size:8pt;}
		
		.rep .rbold {font-weight:bold;}

.bubble_tb .bbottom{
width:675px;
height:51px;
background:url(../images/bgbubblebottom.png) no-repeat;
}

/* Blank Video Picture */
.blankvideo {margin-left:40px; cursor:pointer;}

/* Specs Table */
.specs_tb {width:670px;}

	.disclaimer {font-size:7pt;}
	
	/* Row 1 */
.col_1 {
	width:190px;
	padding:4px 0px 4px 5px;
	font-size:8.5pt;
	color:#fff;
	background:#212121;
	text-align:left;
	vertical-align:top;
	}
		/* ONLY 3 models */
		.col_1-1 {
		width:315px;
		padding:4px 0px 4px 5px;
		font-size:8.5pt;
		color:#fff;
		background:#212121;
		text-align:left;
		vertical-align:top;
		}
		
		/* ONLY KM Saw */
		.col_1km {
		width:400px;
		padding:4px 0px 4px 5px;
		font-size:8.5pt;
		color:#fff;
		background:#212121;
		text-align:left;
		vertical-align:top;
		}
	
	.col_2 {
	width:115px;
	padding:4px 0px 4px 0px;
	font-size:8.5pt;
	color:#fff;
	background:#454545;
	text-align:center;
	vertical-align:top;
	}
		
		/* ONLY KM Saw */
		.col_2km {
		width:260px;
		padding:4px 0px 4px 0px;
		font-size:8.5pt;
		color:#fff;
		background:#454545;
		text-align:center;
		vertical-align:top;
		}

	/* Row 2 - Light */
.col_1light {
	width:190px;
	padding:4px 0px 4px 5px; 
	font-size:8.5pt;
	color:#777;
	text-align:left;
	vertical-align:top;
	}
	
	/* ONLY 3 models */
		.col_1-1light {
		width:315px;
		padding:4px 0px 4px 5px; 
		font-size:8.5pt;
		color:#777;
		text-align:left;
		vertical-align:top
		}
	
	.col_2light {
		width:115px;
		padding:4px 0px 4px 0px; 
		font-size:8.5pt;
		color:#777;
		text-align:center;
		vertical-align:top;
		}
		
		/* ONLY KM Saw */
		.col_1-1lightkm {
		width:400px;
		padding:4px 0px 4px 5px; 
		font-size:8.5pt;
		color:#777;
		text-align:left;
		vertical-align:top
		}
	
		.col_2lightkm {
		width:260px;
		padding:4px 0px 4px 0px; 
		font-size:8.5pt;
		color:#777;
		text-align:center;
		vertical-align:top;
		}
		
	
	/* Row 3 - Dark */
.col_1lightdark {
	width:190px;
	padding:4px 0px 4px 5px; 
	font-size:8.5pt;
	color:#777;
	background:#f3f4f4;
	text-align:left;
	vertical-align:top;
	}
	
		/* ONLY 3 models */
		.col_1-1lightdark {
		width:315px;
		padding:4px 0px 4px 5px; 
		font-size:8.5pt;
		color:#777;
		background:#f3f4f4;
		text-align:left;
		vertical-align:top;
		}

	.col_2lightdark {
		width:115px;
		padding:4px 0px 4px 0px;  
		font-size:8.5pt;
		color:#777;
		background:#f3f4f4;
		text-align:center;
		vertical-align:top;
		}
		
		/* ONLY KM Saw */
		.col_1-1lightdarkkm {
		width:400px;
		padding:4px 0px 4px 5px; 
		font-size:8.5pt;
		color:#777;
		background:#f3f4f4;
		text-align:left;
		vertical-align:top;
		}

		.col_2lightdarkkm {
		width:260px;
		padding:4px 0px 4px 0px;  
		font-size:8.5pt;
		color:#777;
		background:#f3f4f4;
		text-align:center;
		vertical-align:top;
		}

/* HX Features Table */
.greenspan {color:#DC0000;}

.hxf_tb {width:670px;}
	
	/* first row - titles Standard & Options */
	.hxf_sot {
	width:60px;
	padding:4px 0px;
	text-align:center;
	vertical-align:middle;
	font-size:9pt;
	color:#fff;
	background:#454545;
	font-family:century gothic;
	}
	
	/* clear backgrounds Standard & Options */
	.hxf_soc {
	width:60px;
	padding:4px 0px;
	text-align:center;
	vertical-align:middle;
	font-size:9pt;
	color:#777;
	font-family:century gothic;
	}
	
	/* grey background Standard & Options */
	.hxf_sog {
	width:60px;
	padding:4px 0px;
	text-align:center;
	vertical-align:middle;
	font-size:9pt;
	color:#777;
	background:#f3f4f4;
	font-family:century gothic;
	}
	
	/* first row - titles  Features*/
	.hxf_sot_f {
	width:425px;
	padding:4px 0px 4px 5px;
	text-align:left;
	vertical-align:middle;
	font-size:9pt;
	color:#fff;
	background:#454545;
	font-family:century gothic;
	}
	
	/* clear backgrounds  Features*/
	.hxf_soc_f {
	width:425px;
	padding:4px 0px 4px 5px;
	text-align:left;
	vertical-align:top;
	font-size:9pt;
	color:#777;
	font-family:century gothic;
	}
	
	/* grey background Features */
	.hxf_sog_f {
	width:425px;
	padding:4px 0px 4px 5px;
	text-align:left;
	vertical-align:top;
	font-size:9pt;
	color:#777;
	background:#f3f4f4;
	font-family:century gothic;
	}
	
	
/* Privacy Page */

.notice {font-size:8.5pt}
.prilink a {font-size:9pt; color:#DC0000; text-decoration:none;}
.prilink a:hover {font-size:9pt; color:#555; text-decoration:none;}


/* Product CNC Table */

.divproducts {width:430px; float:left;}
.divtext {width:235px; padding: 10px 0px 0px 15px; float:right; line-height:18px;}
	.boldtitle {
		font-size:20pt;
		color:#222;
		line-height:30px;
		letter-spacing:1px;
		font-family:"Lato", sans-serif;
		font-weight:300;
		 }
		
	.boldtitle_light {
		 color:#DC0000;
		 font-family:"Lato", sans-serif;
		 }
		 		
	/* Table */

.cp_tb {width:430px;}
.cp_tb .clayout {width:110px; padding:0px 15px 10px 15px; font-size:9pt; color:#555; vertical-align:top;}
	.clayout img {margin-bottom:10px;}
	.clayout .modeltitle {font-size:10pt; color:#000000;}

.cp_tb .clayout2 {width:250px; padding:25px 15px 10px 15px; font-size:9pt; color:#555; vertical-align:top;}
	.clayout2 img {margin-bottom:10px;}
	.clayout2 .modeltitle {font-size:10pt; color:#000000;}

.clayout a {font-size:9pt; color:#555; text-decoration:none;}
.clayout a:hover {font-size:9pt; color:#DC0000; text-decoration:none;}

.clayout2 a {font-size:9pt; color:#DC0000; text-decoration:none;}
.clayout2 a:hover {font-size:9pt; color:#555; text-decoration:none;}


/* Events */

.eventinfo_tb {width:385px;}
.e-summary {width:485px; padding-bottom:4px; font-size:11px; border-bottom:1px solid #b9b9b9; text-align:left; color:#333;}
.title_col {width:100px; padding:4px 0px4px 0px; font-size:11px; vertical-align:top; text-align:left; color:#777;}
.info_col {width:375px; padding:4px 0px 4px 10px; font-size:11px; vertical-align:top; text-align:left; color:#777;}



/* ==========================================================================
    DIVIDERS
    ========================================================================= */
.hr-simple {
  display: block;
  position: relative;
  background-color: #ddd;
  height: 1px;
  width: 40%;
  margin: 0 auto;
}
.hr-simple-circle {
  position: absolute;
  background-color: #fff;
  left: 50%;
  margin-left: -5px;
  top: -5px;
  width: 10px;
  height: 10px;
  border: 1px solid #ccc;
  display: block;
  border-radius: 50%;
}
.hr-simple.full {
  width: 100%;
}
.hr-png-1 {
  width: 100%;
  background: url('../images/divider1.png') repeat-x 0 0;
  height: 9px;
}
.hr-png-2 {
  width: 100%;
  background: url('../images/divider2.png') repeat-x 0 0;
  height: 5px;
}
.hr-png-3 {
  width: 100%;
  background: url('../images/divider3.png') repeat-x 0 0;
  height: 7px;
}
.hr-png-4 {
  width: 100%;
  background: url('../images/divider4.png') repeat-x 0 0;
  height: 3px;
}
.hr-png-5 {
  width: 100%;
  background: url('../images/divider5.png') repeat-x 0 0;
  height: 3px;
}
.hr-png-6 {
  width: 100%;
  background: url('../images/divider6.png') repeat-x 0 0;
  height: 4px;
}
.hr-png-7 {
  width: 100%;
  background: url('../images/divider7.png') repeat-x 0 0;
  height: 2px;
}
.hr-png-8 {
  width: 100%;
  background: url('../images/divider8.png') repeat-x 0 0;
  height: 5px;
}
.hr-png-9 {
  width: 100%;
  background: url('../images/divider9.png') repeat-x 0 0;
  height: 4px;
}
.hr-png-10 {
  width: 100%;
  background: url('../images/divider10.png') repeat-x 0 0;
  height: 13px;
}