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

body{
	width:1280px;
	height:1600px;
	background-color:#f5f5f5;
	font-family:'LeagueGothicRegular', sans-serif;
}
a img {border:none;}

#main{
    left: 50%;
    margin-left: -500px;
    position: absolute;
    width: 1000px;
}
.container_12{
	margin:0 auto;
}
hr{
    color:#dbdbdb;
}
.nav{
	width:540px;
	margin:0 auto;
	padding-top:10px;
    float:right;
}
.nav li{
	float:left;
    padding-left:30px;
	font-size:30px;
    font-family:'LeagueGothicRegular', sans-serif;
	height:70px;
	display:inline;
	text-align:center;
}
.nav li a {
	text-decoration:none;
	color:#000;
}

.nav li.selected {
	color:#c0c0c0;
	text-decoration:underline;
}

ul.nav { 
	list-style:none;
}
.nav li a:hover{
	color:#d25760;
}

.text1{
	color:#c0c0c0;
	font-family: 'Lobster Two', cursive;
	font-size:24px;
	text-align:center;
	padding-top:20px;
}
.text2{
	position:relative;
	padding:20px 0 0 0;
	font-size:60px;
    text-align:center;
}
.text3{
	font-size:30px;
}
.text4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444444;
	line-height: 1.5;
}
.text5 a{
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:bold;
}
.text5 {
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:bold;
}
.text6{
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#717171;
}
.text7{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 1.5;
}
.text8{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#444444;}
.text9{
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:12px;
	color:#444444;
	  line-height: 1.5;}
.text10{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444444;
	  line-height: 1.5;}
	.text11{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#030303;
	  line-height: 1.5;}
.text12{
	font-size:24px;
	color:#0f0f0f;
	position:relative;
	float:right;
	}
.text13{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444444;
	position:relative;
	float:left;
	 }
.vlinks{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444444;
	position:relative;
	float:right;
	 }
.vlinks a {
color: #444444;
text-decoration: underline;
}

.vlinks a:hover {
color:#d25760;;
}
	
.grid_12.grey{
	height:80px;}
.company{
	color:#030303;}

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('/fonts/league_gothic-webfont.eot');
    src: url('/fonts/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/league_gothic-webfont.woff') format('woff'),
         url('/fonts/league_gothic-webfont.ttf') format('truetype'),
         url('/fonts/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.read-button{
    vertical-align:middle;
    float:left;
    margin-left:10px;
    padding-top:5px;
}
.read{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	float:left;
	display:table-cell; 
    vertical-align:middle;
}

.read a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	display:table-cell; 
    vertical-align:middle; }
.read a:hover{
	color:#d25760;}
.text5 a:hover{
	color:#d25760;}
.text11 a:hover{
	color:#d25760;}
.text14 a:hover{
	color:#d25760;}

.grid_12.line{
	position:relative;
	padding-top:10px;}
ul.categories{
	
	list-style-image: url(/images/07.png);
	position:relative;
	padding:0 0 0 20px;}
.ulimg{
	padding-top:5px;

	padding-right:10px;}

.colortext {
    background-color: #eeeeee; 
    color: #ababab;
	height:30px;
	width:280px;
	position:relative;
	float:left;
	vertical-align:bottom;
	
	webkit-border-top-left-radius: 5px;
			-webkit-border-bottom-left-radius: 5px;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-bottomleft: 5px;
			border-top-left-radius: 5px;
			border-bottom-left-radius: 5px; 
			-webkit-border-top-right-radius: 5px;
			-webkit-border-bottom-right-radius: 5px;
			-moz-border-radius-topright: 5px;
			-moz-border-radius-bottomright: 5px;
			border-top-right-radius: 5px;
			border-bottom-right-radius: 5px;}
.buttonsubmit{
	position:relative;
	float:right;}
.free{
	color:#000;	}
.grid_12.top{
	height:10px;}

.grid_12.slideshow{
	height:340px;
	position:relative;
	width:640px;
}

.grid_12.#slideshow ul{
	height:320px;
	left:10px;
	list-style:none outside none;
	overflow:hidden;
	position:absolute;
	top:10px;
	width:620px;
}

.grid_12.slideshow li{
	position:absolute;
	display:none;
	z-index:10;
}

.grid_12.slideshow li:first-child{
	display:block;
	z-index:1000;
}

.grid_12.slideshow .slideActive{
	z-index:1000;
}

.grid_12.slideshow canvas{
	display:none;
	position:absolute;
	z-index:100;
}

.grid_12.slideshow .arrow{
	height:86px;
	width:60px;
	position:absolute;
	background:url('arrows.png') no-repeat;
	top:50%;
	margin-top:-43px;
	cursor:pointer;
	z-index:5000;
}

.grid_12.slideshow .previous{ background-position:left top;left:0;}
.grid_12.slideshow .previous:hover{ background-position:left bottom;}

.grid_12.slideshow .next{ background-position:right top;right:0;}
.grid_12.slideshow .next:hover{ background-position:right bottom;}



/* 
	Resets defualt browser settings
	reset.css
*/

:focus { outline:0; }
a:active { outline:none; }
body { line-height:1; color:black; background:white; }
ol,ul { list-style:none; }
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:"" ""; }

/*
	Page style
*/



#container {
	width:940px;
	height:250px;
	padding:25px 0 0 0px;;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:900;
}


#slides {
	position:absolute;
	top:15px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:940px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:940px;
	height:270px;
	display:block;
}

.slides_container a img {
	border:none;
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:955px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}
a.oneone{
	display:table-cell; 
vertical-align:middle;
float:right;}
.oneone{
	display:table-cell; 
vertical-align:middle;
float:right;}

.product-column {
    float:left;
    width:200px;
    margin-right:20px;
}

.text3.soon {
    text-align:center;
}

.submit { 
    margin-left: 125px;
    margin-top: 10px;
}

.label {
	display: block;
	float:left;
	width:120px;
	text-align:right;
	margin-right:5px;
}

.form-row {
	padding: 5px 0;
	clear: both;
	width: 700px;
}

label.error {
	width: 250px;
	display: block;
	float: left;
	color: red;
	padding-left: 10px;
}
input[type=text], textarea {
	width: 250px;
	float: left;
}

textarea {
	height: 150px;
}

.ui-dialog .ui-dialog-buttonpane {
	text-align: center;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: none;
}