/* top right bottom left */

/* fings orange #E2513E */
/* page #DEDED5 */
/* dark grey #3C3C3C */

/*-------------------------------------------------
Custom Fonts
-------------------------------------------------*/	

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

}


/*-------------------------------------------------
Page Reset
-------------------------------------------------*/	
html {margin:0px;padding:0px;height:100%;}
body {background:#fff;margin:0px;padding:0px;height:100%;}
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, img, small, strike, strong, em, sub, sup, tt, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {margin:0px;padding:0px;border:0px;font-weight:normal;font-style:normal;font-size:100%;font-family:inherit;text-align:left;}
table {border-collapse:collapse;border-spacing:0px;}

/*-------------------------------------------------
Page Defaults
-------------------------------------------------*/	
html {background:#DEDED5;}
body { background:#DEDED5; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:18px;}



/*-------------------------------------------------
Page Positioning
-------------------------------------------------*/	
  
.fl {float:left; }
.fr {float:right; }
.fn {float:none!important; }
.tl {text-align:left!important;; }
.tr {text-align:right!important;; }
.tc {text-align:center!important;; }
.clear {clear:both; line-height:1px; height:0px;}
.minheight {min-height:650px; }
a {text-decoration:none; color:#E2513E; }
.noborder {border:none!important; }
.nopadding {padding-right:0px!important; }
.margintop {margin-top:10px!important;clear:both;  }
.margintop30 {margin-top:30px!important; }
.margin12 {margin:10px!important; }
.marginleft30 {margin-left:30px!important; }
.marginright10 {margin-right:10px!important; }
.marginright30 {margin-right:30px!important; }
.nomargintop {margin-top:0px!important; }
.last {padding-bottom:3px!important; }
img {border:0px;}
.clear {clear:both;}

/*-------------------------------------------------
Typography
-------------------------------------------------*/	

h1, h2, h3, h4, h5, h6 {color:#E2513E; font-weight:normal; font-family:LeagueGothic, "Trebuchet MS", Arial, Helvetica, sans-serif; }
h1 {font-size:20px; color:#FFF;} /* Homepage headings */
h2 {font-size:20px; color:#E2513E; } /* Orange headings */
h3 {font-size:40px; color:#3C3C3C;  margin-bottom:40px;} /* Grey headings */
h4 {font-size:12px; color:#FFF; text-transform:uppercase;  letter-spacing:2px; } /* Uppercase image caption */
h5 {font-size:14px; color:#000; font-family:Arial, Helvetica, sans-serif; line-height:18px; font-weight:bold; margin: 0 0 18px;} /*Feature paragraph text */
h6 {font-size:12px; }

p {line-height:18px; margin:0 0 18px; }
.centered {text-align:center; }

ul {line-height:18px; margin:-18px 0px 18px 0px; list-style:inside; list-style-type:square;}
li {line-height:18px; margin:0px; }

em {font-style:italic; line-height:inherit; }
strong {font-weight:bold; line-height:inherit; }
small {font-size:90%; line-height:inherit; color:#777; font-weight:normal; }


/*-------------------------------------------------
Page Structure
-------------------------------------------------*/	

#wrapper {position:relative; min-height:100%;}

#headercontainer {position:relative; background:#E2513E; height:50px; width:100%; }
#header {position:relative; width:900px; height:50px; margin:0 auto; padding-bottom:0px; }
#header h1 {float:left; margin-top:17px;}
#header #social {float:right; display:block; height:32px; width: 130px; margin-top:9px; margin-right:-10px;}

#pagecontainer {position:relative; display:block; width:900px; min-height:670px; margin:30px auto 0px auto; background:#FFF; }
#logo {position:relative; display:block; float:left; width:300px; height:65px; background:url(../images/fings_logo.png) 92px 8px no-repeat #E2513E; margin: 40px 0px 30px -10px;}
#logo .triangle {border-color: #C64534 #C64534 transparent transparent;border-style: solid;border-width: 5px;height: 0;left: 0; top:65px;position: absolute;width: 0;}

#nav {width:610px; height:65px; display: inline-block; float:right; margin-top:50px; list-style:none;}
#nav li{display:inline;margin:0; padding:0; float:right;}
#nav li a {display:block;font-family:LeagueGothic, "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:22px; text-transform:uppercase;text-decoration:none;color:#3C3C3C;padding:25px 30px 23px 0px;}
#nav li a:hover, #nav .active {color:#E2513E;}
/*
#gallery {display:block; position:relative; width:840px; height:300px; background:#fff; margin:15px 30px 30px 30px;}
#gallery  h1 {display:block; position:relative; float:right; width:250px; height: 20px; margin:260px 15px 0px 0px;}
#gallery ul { list-style:none; padding:0; position:relative; margin:0; }
#gallery ul li { display:none; position:absolute; }
*/
#howtouse {display:inline-block; position:relative; float:right; width:405px; height:275px; background:#fff; margin:0px 0px 30px 30px;}
#howtouse ul { list-style:none; padding:0; position:relative; margin:0; }
#howtouse ul li { display:none; position:absolute; }

#video {display:inline-block; position:relative; float:left; width:300px; height:165px; margin:0px 30px;}
#indexcontent {display:inline-block; position:relative; float:left; width:840px; height:165px; margin:0px 30px 0px 30px;}
#announcementswraper {width:840px; height:330px;osition:relative;display:block;overflow:hidden;margin:15px 30px 0px 30px;}
#announcements{width:840px; height:330px;position:relative;display:inline-block;z-index:1;}

#footercontainer {display:block; position:relative; width:840px; height:85px; margin:-30px auto 0px auto; padding:25px 30px 35px 30px; background:#3C3C3C;}
#footercontainer h2 {margin-bottom:10px;text-align:center; }
#footercontainer p {color:#FFF; font-size:12px; line-height:16px;text-align:center; }
#footercontainer a {color:#fff; text-align:center; }
#footercontainer a:hover {color:#E2513E; text-align:center; }

#mailinglist {display:inline-block; position:relative; float:right; width:330px; height:80px;}

#mailinglist h2 {margin-bottom:7px;}
#mailinglist #email {width: 238px; height:25px;background:#DEDED5; border:0px; padding-left:10px; margin:5px 5px 0px 0px;font-family:Arial, Helvetica, sans-serif; font-size:12px; }

.button {padding:7px 16px 7px 16px; -webkit-border-radius:6px; -moz-border-radius:6px; border:1px solid #b42f10; position:relative; cursor:hand;
font-family:LeagueGothic, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px!important; letter-spacing:2px!important;  text-transform:uppercase; letter-spacing:2px; text-align:center; text-decoration:none; color:#fff!important; background-color:rgba(240, 77, 44, 1);background-image:-webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(240, 77, 44, 1)), to(rgba(180, 47, 16, 1)));}
.button:hover {background-color:rgba(180, 47, 16, 1);background-image:-webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(180, 47, 16, 1)), to(rgba(180, 47, 16, 1))); color:#3C3C3C!important;}

#mailinglist p, #footer a {color:#DEDED5; font-size:10px;}
#mailinglist p {display:block; float:left; position:absolute; top:75px;}

#content {padding:30px; display:block;}
#content h2 {text-transform:uppercase;  margin:35px 0px 15px 0px;}

#content .product {display:inline-block; position:relative; float:left; width:405px; height:375px;}
#content .product h3 {text-transform:uppercase;font-size:20px;margin:3px 0px;}

.resultText { font-size: 11px; padding: 5px 0 0 10px; color: #7a7a7a; position: absolute; top:30px; text-align: right; right: 90px; z-index: 100; }

.buynowproduct {display:block; width:200px; height:440px; float:left; margin:40px 20px 0px 80px;text-align:center; color:#e1513e; font-size:13px;}
.buynowinfo {display:block; position:absolute; width:160px; height:305px; padding:80px 20px 20px 20px; font-weight:bold; vertical-align:middle;background:#fff; opacity:0;}
.buynowproduct i {font-style:normal!important;  font-size:10px;}
.buynowinfo:hover {opacity:0.9; transition: all 0.5s ease-in-out;}

.buynowproduct em {font-weight:bold;color:#000; font-size:14px;}
.buynowproduct input[type="image"] {text-align:center; display:block; margin:10px auto; width:129px;}

.shipping {height:250px; width:790px;}