* { margin: 0; padding: 0; outline:0; }
html,body { height: 100%; }
body {
font-size: 12px;
line-height: 22px; font-family:Verdana, Geneva, sans-serif;
color: #000000; background-image:url(images/bg.jpg); background-repeat:repeat;
}
a { color: #000; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }
input, textarea, select { font-size: 10px; }
textarea { overflow: auto; }
.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }
h1,h2,h3,h4,h5 { font-weight: normal; text-transform: uppercase; color: #187d1d; }
h1 { font-size: 24px; line-height: 31px; }
h2 { font-size: 24px; line-height: 31px; }
h2 a{color:#FFF;}
h3 { font-size: 22px; line-height: 28px; }
h3 a{color:#FFF;}
h4 { font-size: 18px; line-height: 24px; }
h5 { font-size: 16px; line-height: 21px; }
h6 { font-size: 12px; color: #1a8f1d; margin-bottom: 5px; }
.entry { margin-bottom: 30px; }
.entry h2.title { font-size: 20px; line-height: 28px; color: #0c5d18; text-transform: none; font-weight: bold; padding-bottom: 21px; }
.entry h5.title { text-transform: none; font-size: 14px; font-weight: bold;}
.entry a { color: #1a8f1d; text-decoration: underline; }
.entry a:hover { text-decoration: none; }
.entry p { margin-bottom: 15px; }
.entry ol { list-style-position: inside; }
.entry ul { list-style: none outside none; }
.entry ul li { background: url(images/slider-custom-bullet.png) no-repeat 0 7px; padding-left: 20px; line-height: 20px; text-transform:none; }
.entry table { border-collapse:collapse; margin-bottom:20px; }
.entry th { border:solid 0px #fff; background:#1a8f1d; color:#fff; padding:3px 10px; text-align: left; }
.entry td { border:solid 0px #fff; padding:3px 10px; text-align: left; color: #505150; }
.entry td.email { color: #1a8f1d;}
.entry td a { color:#505150; text-decoration: underline; }
.entry td a:hover { color:#1a8f1d; text-decoration: none; }
.entry blockquote { border-left: 4px solid #1a8f1d; font-style: italic; padding-left: 15px; line-height: 20px; }
.general-title { }
.general-title h2,
.general-title h4 { text-transform: none; }
.general-title h2 { line-height: 24px;}
.general-title h2 { font-weight: bold; color: #444; }
.general-title h4 { color: #187d1d; line-height: 18px; }
.entry a.images { border: 1px solid #d5d5d5; display: block; margin-bottom: 5px; }
.entry a.images img { display: block; }
.entry .more { display: block; color: #00aeef; font-weight: bold; font-size: 13px; text-decoration: none; }
.entry .more:hover { color: #151515; }
.entry ul li a { text-decoration: none; color: #555; }
.entry ul li a:hover { text-decoration: underline; }
/*----- Switch -----*/
#switch {
background: rgb(240,249,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(240,249,255,1) 0%, rgba(203,235,255,1) 47%, rgba(161,219,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-9 */
position: fixed;
z-index: 9000;
top: 20%;
left: 0;
width:170px;
height: 300px;
-webkit-border-top-right-radius: 3px ;
-webkit-border-bottom-right-radius: 3px ;
-moz-border-radius: 0px 3px 3px 0;
border-radius: 0px 3px 3px 0;
overflow: hidden;
cursor: pointer;
}
#switch:hover {
width:170px;
}
#switch-tab {
background: #5e5e5e no-repeat 0 bottom;
-webkit-border-top-right-radius: 5px ;
-webkit-border-bottom-right-radius: 5px ;
-moz-border-radius: 0px 5px 5px 0;
border-radius: 0px 5px 5px 0;
float: left;
}
#switch:hover #switch-tab {
border-right: 0px solid #000;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#switch a {
color: #e0e0e0;
font-size: 14px;
}
#switch a:hover {
text-decoration: underline;
color: #fff;
}
#switch ul {
float: left; list-style:none;
margin: 15px 0 0 20px;
width: 90px;
}
#switch ul li {
padding-bottom: 3px;
}
#switch ul li a {
float: left;
margin-bottom: 2px;
}
#switch ul li a span {
width: 11px;
height: 11px;
display: inline-block;
border-bottom: 1px solid #000;
margin-bottom: -1px;
margin-right: 5px;
}
/*---Loader1 ---- */
.cssload-wrap *{
color: rgb(255,255,255);
}
.cssload-wrap { top:95%;
position: absolute;
left: 50%;
margin-left: -78px;
margin-top: -39px;
}
.cssload-bg {
padding: 9px 9px 9px 0;
background: rgb(48,111,153);
animation: cssload-bg 1.73s linear infinite;
-o-animation: cssload-bg 1.73s linear infinite;
-ms-animation: cssload-bg 1.73s linear infinite;
-webkit-animation: cssload-bg 1.73s linear infinite;
-moz-animation: cssload-bg 1.73s linear infinite;
box-shadow: inset 0 0 44px 29px black;
-o-box-shadow: inset 0 0 44px 29px black;
-ms-box-shadow: inset 0 0 44px 29px black;
-webkit-box-shadow: inset 0 0 44px 29px black;
-moz-box-shadow: inset 0 0 44px 29px black;
}
.cssload-loading {
position: relative;
text-align: right;
text-shadow: 0 0 6px rgb(188,228,255);
height: 15px;
width: 136px;
}
.cssload-loading span {
display: block;
text-transform: uppercase;
position: absolute;
right: 29px;
height: 19px;
width: 195px;
line-height: 19px;
}
.cssload-loading span:after {
content: "";
display: block;
position: absolute;
top: -2px;
right: -20px;
height: 19px;
width: 16px;
background: rgb(234,247,255);
box-shadow: 0 0 15px rgb(188,228,255);
-o-box-shadow: 0 0 15px rgb(188,228,255);
-ms-box-shadow: 0 0 15px rgb(188,228,255);
-webkit-box-shadow: 0 0 15px rgb(188,228,255);
-moz-box-shadow: 0 0 15px rgb(188,228,255);
animation: cssload-blink 3.91s infinite;
-o-animation: cssload-blink 3.91s infinite;
-ms-animation: cssload-blink 3.91s infinite;
-webkit-animation: cssload-blink 3.91s infinite;
-moz-animation: cssload-blink 3.91s infinite;
}
.cssload-loading span.cssload-title {
animation: cssload-title 3.91s linear infinite;
-o-animation: cssload-title 3.91s linear infinite;
-ms-animation: cssload-title 3.91s linear infinite;
-webkit-animation: cssload-title 3.91s linear infinite;
-moz-animation: cssload-title 3.91s linear infinite;
}
@keyframes cssload-title {
0% {
opacity: 0;
right: 127px;
}
48% {
opacity: 0;
right: 127px;
}
52% {
opacity: 1;
right: 29px;
}
70% {
opacity: 1;
right: 29px;
}
100% {
opacity: 0;
right: 29px;
}
}
@-o-keyframes cssload-title {
0% {
opacity: 0;
right: 127px;
}
48% {
opacity: 0;
right: 127px;
}
52% {
opacity: 1;
right: 29px;
}
70% {
opacity: 1;
right: 29px;
}
100% {
opacity: 0;
right: 29px;
}
}
@-ms-keyframes cssload-title {
0% {
opacity: 0;
right: 127px;
}
48% {
opacity: 0;
right: 127px;
}
52% {
opacity: 1;
right: 29px;
}
70% {
opacity: 1;
right: 29px;
}
100% {
opacity: 0;
right: 29px;
}
}
@-webkit-keyframes cssload-title {
0% {
opacity: 0;
right: 127px;
}
48% {
opacity: 0;
right: 127px;
}
52% {
opacity: 1;
right: 29px;
}
70% {
opacity: 1;
right: 29px;
}
100% {
opacity: 0;
right: 29px;
}
}
@-moz-keyframes cssload-title {
0% {
opacity: 0;
right: 127px;
}
48% {
opacity: 0;
right: 127px;
}
52% {
opacity: 1;
right: 29px;
}
70% {
opacity: 1;
right: 29px;
}
100% {
opacity: 0;
right: 29px;
}
}
@keyframes cssload-fade {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-o-keyframes cssload-fade {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-ms-keyframes cssload-fade {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes cssload-fade {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes cssload-fade {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes cssload-bg {
0% {
background-color: rgb(48,111,153);
}
50% {
background-color: rgb(25,71,15);
}
90% {
background-color: rgb(115,74,16);
}
}
@-o-keyframes cssload-bg {
0% {
background-color: rgb(48,111,153);
}
50% {
background-color: rgb(25,71,15);
}
90% {
background-color: rgb(115,74,16);
}
}
@-ms-keyframes cssload-bg {
0% {
background-color: rgb(48,111,153);
}
50% {
background-color: rgb(25,71,15);
}
90% {
background-color: rgb(115,74,16);
}
}
@-webkit-keyframes cssload-bg {
0% {
background-color: rgb(48,111,153);
}
50% {
background-color: rgb(25,71,15);
}
90% {
background-color: rgb(115,74,16);
}
}
@-moz-keyframes cssload-bg {
0% {
background-color: rgb(48,111,153);
}
50% {
background-color: rgb(25,71,15);
}
90% {
background-color: rgb(115,74,16);
}
}
@keyframes cssload-blink {
0% {
opacity: 0;
}
5% {
opacity: 1;
}
10% {
opacity: 0;
}
15% {
opacity: 1;
}
20% {
opacity: 0;
}
25% {
opacity: 1;
}
30% {
opacity: 0;
}
35% {
opacity: 1;
}
40% {
opacity: 0;
right: -20px;
}
45% {
opacity: 1;
right: 78px;
}
50% {
opacity: 0;
right: -20px;
}
51% {
right: -20px;
}
55% {
opacity: 1;
}
60% {
opacity: 0;
}
65% {
opacity: 1;
}
70% {
opacity: 0;
}
75% {
opacity: 1;
}
80% {
opacity: 0;
}
85% {
opacity: 1;
}
90% {
opacity: 0;
right: -20px;
}
95% {
opacity: 1;
right: 78px;
}
96% {
right: -20px;
}
100% {
opacity: 0;
right: -20px;
}
}
@-o-keyframes cssload-blink {
0% {
opacity: 0;
}
5% {
opacity: 1;
}
10% {
opacity: 0;
}
15% {
opacity: 1;
}
20% {
opacity: 0;
}
25% {
opacity: 1;
}
30% {
opacity: 0;
}
35% {
opacity: 1;
}
40% {
opacity: 0;
right: -20px;
}
45% {
opacity: 1;
right: 78px;
}
50% {
opacity: 0;
right: -20px;
}
51% {
right: -20px;
}
55% {
opacity: 1;
}
60% {
opacity: 0;
}
65% {
opacity: 1;
}
70% {
opacity: 0;
}
75% {
opacity: 1;
}
80% {
opacity: 0;
}
85% {
opacity: 1;
}
90% {
opacity: 0;
right: -20px;
}
95% {
opacity: 1;
right: 78px;
}
96% {
right: -20px;
}
100% {
opacity: 0;
right: -20px;
}
}
@-ms-keyframes cssload-blink {
0% {
opacity: 0;
}
5% {
opacity: 1;
}
10% {
opacity: 0;
}
15% {
opacity: 1;
}
20% {
opacity: 0;
}
25% {
opacity: 1;
}
30% {
opacity: 0;
}
35% {
opacity: 1;
}
40% {
opacity: 0;
right: -20px;
}
45% {
opacity: 1;
right: 78px;
}
50% {
opacity: 0;
right: -20px;
}
51% {
right: -20px;
}
55% {
opacity: 1;
}
60% {
opacity: 0;
}
65% {
opacity: 1;
}
70% {
opacity: 0;
}
75% {
opacity: 1;
}
80% {
opacity: 0;
}
85% {
opacity: 1;
}
90% {
opacity: 0;
right: -20px;
}
95% {
opacity: 1;
right: 78px;
}
96% {
right: -20px;
}
100% {
opacity: 0;
right: -20px;
}
}
@-webkit-keyframes cssload-blink {
0% {
opacity: 0;
}
5% {
opacity: 1;
}
10% {
opacity: 0;
}
15% {
opacity: 1;
}
20% {
opacity: 0;
}
25% {
opacity: 1;
}
30% {
opacity: 0;
}
35% {
opacity: 1;
}
40% {
opacity: 0;
right: -20px;
}
45% {
opacity: 1;
right: 78px;
}
50% {
opacity: 0;
right: -20px;
}
51% {
right: -20px;
}
55% {
opacity: 1;
}
60% {
opacity: 0;
}
65% {
opacity: 1;
}
70% {
opacity: 0;
}
75% {
opacity: 1;
}
80% {
opacity: 0;
}
85% {
opacity: 1;
}
90% {
opacity: 0;
right: -20px;
}
95% {
opacity: 1;
right: 78px;
}
96% {
right: -20px;
}
100% {
opacity: 0;
right: -20px;
}
}
@-moz-keyframes cssload-blink {
0% {
opacity: 0;
}
5% {
opacity: 1;
}
10% {
opacity: 0;
}
15% {
opacity: 1;
}
20% {
opacity: 0;
}
25% {
opacity: 1;
}
30% {
opacity: 0;
}
35% {
opacity: 1;
}
40% {
opacity: 0;
right: -20px;
}
45% {
opacity: 1;
right: 78px;
}
50% {
opacity: 0;
right: -20px;
}
51% {
right: -20px;
}
55% {
opacity: 1;
}
60% {
opacity: 0;
}
65% {
opacity: 1;
}
70% {
opacity: 0;
}
75% {
opacity: 1;
}
80% {
opacity: 0;
}
85% {
opacity: 1;
}
90% {
opacity: 0;
right: -20px;
}
95% {
opacity: 1;
right: 78px;
}
96% {
right: -20px;
}
100% {
opacity: 0;
right: -20px;
}
}
/*-- Loader1 End ---- */
/*--- Liader 2-----*/
.cssload-loader1{
position: relative;
width: 146px;
height: 79px; margin-top:10px;
left: 25%;
left: calc(50% - 73px);
left: -o-calc(50% - 73px);
left: -ms-calc(50% - 73px);
left: -webkit-calc(50% - 73px);
left: -moz-calc(50% - 73px);
}
.cssload-loader1:after{
content: "Tablets, Capsules, Sachets, Liquids, & etc.";
text-transform: capitalize ;
color: rgb(0,0,0);
font-weight: 200;
font-size: 18px;
position: absolute;
width: 100%;
height: 82px;
line-height: 20px;
left: 0;
top: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9c667+0,f79621+100;Orange+3D+%234 */
background: rgb(249,198,103); /* Old browsers */
background: -moz-linear-gradient(top, rgba(249,198,103,1) 0%, rgba(247,150,33,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(249,198,103,1) 0%,rgba(247,150,33,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(249,198,103,1) 0%,rgba(247,150,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=0 ); /* IE6-9 */
z-index: 1;
}
.cssload-loader1:before{
content: "";
position: absolute;
background-color: rgb(0,0,0);
top: -5px;
left: 0px;
height: 95px;
width: 0px;
z-index: 0;
opacity: 1;
transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
animation: cssload-loader1 11.5s ease-in-out infinite;
-o-animation: cssload-loader1 11.5s ease-in-out infinite;
-ms-animation: cssload-loader1 11.5s ease-in-out infinite;
-webkit-animation: cssload-loader1 11.5s ease-in-out infinite;
-moz-animation: cssload-loader1 11.5s ease-in-out infinite;
}
@keyframes cssload-loader1{
0%{width: 0px;}
70%{width: 100%; opacity: 1;}
90%{opacity: 0; width: 100%;}
100%{opacity: 0;width: 0px;}
}
@-o-keyframes cssload-loader1{
0%{width: 0px;}
70%{width: 100%; opacity: 1;}
90%{opacity: 0; width: 100%;}
100%{opacity: 0;width: 0px;}
}
@-ms-keyframes cssload-loader1{
0%{width: 0px;}
70%{width: 100%; opacity: 1;}
90%{opacity: 0; width: 100%;}
100%{opacity: 0;width: 0px;}
}
@-webkit-keyframes cssload-loader1{
0%{width: 0px;}
70%{width: 100%; opacity: 1;}
90%{opacity: 0; width: 100%;}
100%{opacity: 0;width: 0px;}
}
@-moz-keyframes cssload-loader1{
0%{width: 0px;}
70%{width: 100%; opacity: 1;}
90%{opacity: 0; width: 100%;}
100%{opacity: 0;width: 0px;}
}
/*--- Loader2 end---*/
/*---Loader3----*/
.cssload-loading2 {
text-align:center;
margin: 69px auto;
color: rgb(0,0,0);
font-size: 2em;
animation: cssload-breathe 8.05s ease infinite;
-o-animation: cssload-breathe 8.05s ease infinite;
-ms-animation: cssload-breathe 8.05s ease infinite;
-webkit-animation: cssload-breathe 8.05s ease infinite;
-moz-animation: cssload-breathe 8.05s ease infinite;
}
@keyframes cssload-breathe {
0% {
letter-spacing: 0;
text-shadow: 0 0 1px white;
}
30% {
color: transparent;
}
50% {
letter-spacing: 97px;
font-size: 0;
text-shadow: 0 0 6px white;
}
60% {
color: transparent;
}
100% {
letter-spacing: 0;
text-shadow: 0 0 1px white;
}
}
@-o-keyframes cssload-breathe {
0% {
letter-spacing: 0;
text-shadow: 0 0 1px white;
}
30% {
color: transparent;
}
50% {
letter-spacing: 97px;
font-size: 0;
text-shadow: 0 0 6px white;
}
60% {
color: transparent;
}
100% {
letter-spacing: 0;
text-shadow: 0 0 1px white;
}
}
@-ms-keyframes cssload-breathe {
0% {
letter-spacing: 0;
text-shadow: 0 0 1px white;
}
30% {
color: transparent;
}
50% {
letter-spacing: 97px;
font-size: 0;
text-shadow: 0 0 6px white;
}
60% {
color: transparent;
}
100% {
letter-spacing: 0;
text-shadow: 0 0 1px white;
}
}
@-webkit-keyframes cssload-breathe {
0% {
letter-spacing: 0;
text-shadow: 0 0 1px white;
}
30% {
color: transparent;
}
50% {
letter-spacing: 97px;
font-size: 0;
text-shadow: 0 0 6px white;
}
60% {
color: transparent;
}
100% {
letter-spacing: 0;
text-shadow: 0 0 1px white;
}
}
@-moz-keyframes cssload-breathe {
0% {
letter-spacing: 0;
text-shadow: 0 0 1px white;
}
30% {
color: transparent;
}
50% {
letter-spacing: 97px;
font-size: 0;
text-shadow: 0 0 6px white;
}
60% {
color: transparent;
}
100% {
letter-spacing: 0;
text-shadow: 0 0 1px white;
}
}
/*----Loader3 End ---- */
/*----- Switch End -----*/
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -250px; }
.shell { width: 980px; margin: 0 auto; text-align:justify; }
.shell img{ margin-left:10px; margin-right:10px; }
.last { margin-right: 0 !important; }
.col { float: left; display: inline; }
.row { margin-bottom: 5px; }
.row label { float: left; display: inline; color: #fff; font-size: 11px; text-align: left; margin-left: 13px; }
.row label span { color: #ffffff; }
.row .field { float: left; display: inline; width: auto; height: 15px; padding: 2px 3px 3px; border: 1px solid #cfcfcf; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; color: #4a5461; font-size: 12px; }
.row .field-focus { border-color: #d3f3ba !important;}
.row .message { width:140px; height: 60px; resize: none; }
.row .submit-btn { float: left; display: inline; height: 29px; background-repeat: no-repeat; background-position: 0 0; font-size: 14px; color: #ffffff; cursor: pointer; border: 0; padding: 0 0 4px 10px; width: 123px; line-height: 28px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bfd255+0,8eb92a+50,72aa00+51,9ecb2d+100;Green+Gloss */
background: #bfd255; /* Old browsers */
background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
border-radius: 7px; }
.row .submit-btn-hover { color: #fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.field-error { border: 2px solid #ff2b2b !important; color: #c53333 !important; }
.label-error,
.label-error span { color: #c53333 !important; }
.msg-alert,
.msg-thanks { height: 26px; background: #b70000; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 10px; display: none; }
.msg-thanks { background: #2d9a23 !important;}
.msg-alert p,
.msg-thanks p { text-align: center; margin: 0; color: #fff; line-height: 25px; }
#header,
#header .shell { height: 103px; background: url(images/header-bg.gif) repeat-x 0 3px; position: relative; z-index: 40; }
#header-home,
#header-home .shell { height: 336px; background: url(images/header-home-bg.gif) repeat-x 0 0;}
h1#logo { float: left; display: inline; width: 221px; height: 61px; margin-top: 21px; margin-left:20px; }
h1#logo a { display: block; height: 81px; background: url(images/logo.png) no-repeat 0 0; }
h2#logo { float: right; display: inline; width: 211px; height: 51px; margin-top: 15px; }
h2#logo a { display: block; height: 51px; background: url(images/img.png) no-repeat 0 0; }
#navigation { float: left; display: inline; margin-left: 25px; position: relative; z-index: 40; font-family: arial, Helvetica, Sans-Serif; }
.navigation-l { float: left; display: inline; width: 30px; height: 41px; background: url(images/navigation-left.png) no-repeat 0 0; }
.navigation-r { float: left; display: inline; width: 29px; height: 41px; background: url(images/navigation-right.png) no-repeat 0 0; }
.navigation-r1 { float: left; display: inline; width: 480px; height: 41px; background: url(../Product/marketing.png) no-repeat 0 0; }
.navigation-r2 { float: left; display: inline; margin-left: -45px; }
.navigation-cnt { float: left; display: inline; background: url(images/navigation-cnt.png) repeat-x 0 0; height: 41px; }
#navigation-cnt1 { float: left; display: inline; z-index: 40; padding-left:0px; }
.navigation-cnt ul{ list-style: none outside none; }
.navigation-cnt ul li { float: left; display: inline; height: 36px; background: url(images/navigation-separator.png) no-repeat right 0; padding-right: 14px; margin-right: 14px; position: relative; }
.navigation-cnt ul li.last { background: none; padding-right: 0; }
.navigation-cnt ul li a { float: left; display: inline; height: 36px; font-size: 13px; color: #2b9208; font-weight: bold; line-height: 36px; }
.navigation-cnt ul li a:hover,
.navigation-cnt ul li a.hover{ text-decoration: none; color: #434343; background: url(images/navigation-hover-pointer.gif) no-repeat center bottom; }
.navigation-cnt ul li .dd-holder { position: absolute; top: 36px; left: -21px; width: 202px; z-index: 20; display: none; }
.navigation-cnt ul li .dd-holder .dd-t { width: 202px; height: 15px; background: url(images/dd-t.png) no-repeat 0 0; }
.navigation-cnt ul li .dd-holder .dd-cnt { width: 202px; background: url(images/dd-bg.png) repeat-y 0 0; position: relative; z-index: 2; }
.navigation-cnt ul li .dd-holder .dd-b { width: 202px; height: 15px; background: url(images/dd-b.png) no-repeat 0 0; position: relative; }
.navigation-cnt ul li .dd-holder .dd-inner { float: left; display: inline; width: 202px; position: relative; margin: -15px 0 -10px; }
.navigation-cnt ul li .dd-holder .dd-cnt ul { padding: 0 6px; }
.navigation-cnt ul li .dd-holder .dd-cnt ul li { float: none; width: 190px; display: block; height: 36px; background: none; padding: 0; margin: 0; background: url(images/dd-li-bg.gif) repeat-x 0 0; border-bottom: 1px solid #e3e3e3 ; font-size: 0; line-height: 0; }
.navigation-cnt ul li .dd-holder .dd-cnt ul li a { float: none; display: block; background: none; padding: 0 0 0 12px; margin: 0; height: 100%; font-size: 12px; }
.navigation-cnt ul li .dd-holder .dd-cnt ul li a .arrow { float: right; display: inline; width: 10px; height: 13px; background: url(images/dd-arrow.png) no-repeat 0 0; margin: 12px 10px 0 0; }
.navigation-cnt ul li .dd-holder .dd-cnt ul li a:hover,
.navigation-cnt ul li .dd-holder .dd-cnt ul li a.hover { color: #fff; background: url(images/dd-hover.gif) repeat-x 0 0;}
.navigation-cnt ul li .dd-holder .dd-cnt ul li a:hover .arrow,
.navigation-cnt ul li .dd-holder .dd-cnt ul li a.hover .arrow { background: url(images/dd-arrow-hover.png) no-repeat 0 0;}
.navigation-cnt ul li .dd-holder .dd-cnt ul li.first { background: url(images/dd-li-first.png) no-repeat 0 0; }
.navigation-cnt ul li .dd-holder .dd-cnt ul li.last { background: url(images/dd-li-last.png) no-repeat 0 0; border: 0; }
.navigation-cnt ul li .dd-holder .dd-cnt ul li.first a:hover,
.navigation-cnt ul li .dd-holder .dd-cnt ul li.first a.hover { background: url(images/dd-li-first-hover.png) no-repeat 0 0; }
.navigation-cnt ul li .dd-holder .dd-cnt ul li.last a:hover,
.navigation-cnt ul li .dd-holder .dd-cnt ul li.last a.hover { background: url(images/dd-li-last-hover.png) no-repeat 0 0; }
.navigation-cnt ul li .dd-holder .dd-holder { left: 184px; top: 0px; }
.navigation-cnt ul li .dd-holder .dd-holder .dd-cnt ul li a.hover { background: none;}
.navigation-cnt ul li .dd-holder .dd-holder .dd-cnt ul li a:hover { color: #fff; background: url(images/dd-hover.gif) repeat-x 0 0; }
.navigation-cnt ul li .dd-holder .dd-holder .dd-cnt ul li.first a:hover { background: url(images/dd-li-first-hover.png) no-repeat 0 0; }
.navigation-cnt ul li .dd-holder .dd-holder .dd-cnt ul li.last a:hover { background: url(images/dd-li-last-hover.png) no-repeat 0 0; }
#navigation { margin-top: 3px; }
.form{ float:right; margin-top: -30px; z-index:999; }
.socials { float: left; display: inline; margin: 12px 0 0 0; }
.socials a { float: left; display: inline; font-size: 0; line-height: 0; text-indent: -4000px; margin-right: 6px; }
.socials .twitter { width: 20px; height: 24px; background: url(images/ico-twitter.png) no-repeat 0 0; }
.socials .twitter:hover { background: url(images/ico-twitter-hover.png) no-repeat 0 0; }
.socials .facebook { width: 14px; height: 24px; background: url(images/ico-facebook.png) no-repeat 0 0; }
.socials .facebook:hover { background: url(images/ico-facebook-hover.png) no-repeat 0 0; }
.socials .sitemap { width: 23px; height: 24px; background: url(images/ico-sitemap.png) no-repeat 0 0; margin-right: 0; }
.socials .sitemap:hover {background: url(images/ico-sitemap-hover.png) no-repeat 0 0; }
.breadcrumbs,
.breadcrumbs .shell { height: 91px; background: url(images/breadcrumbs-bg.gif) repeat-x 0 0; }
.breadcrumbs .shell { height: 44px; padding-top: 57px; }
.breadcrumbs h2 { font-size: 18px; color: #fff; font-weight: bold; text-transform: none; }
.breadcrumbs p { float: right; display: inline; font-size: 18px; color: #84d73e; }
#main,
#main .shell { background: url(images/main-bg.gif) repeat-x 0 0;}
#main .shell { padding: 32px 0 15px; }
#main.home2 .shell { padding-top: 145px; }
#content { width: 635px; }
#sidebar { width: 300px; font-family:Verdana, Geneva, sans-serif; f}
#sidebar .entry { margin-bottom: 5px; font-weight:bold; }
.sidebar-widget {text-transform:capitalize; }
.sidebar-widget p { margin-bottom: 5px; }
.sidebar-widget ul { padding-left: 1px; }
.entry .request-btn { display: block; width: 300px; height: 49px; background: url(images/request-btn.png) no-repeat 0 0; font-size: 17px; color: #4a5461; font-weight: bold; text-align: center; line-height: 48px; text-decoration: none ; text-shadow: #e0e2e4 1px 1px 1px; margin-top: 20px; }
.entry .request-btn:hover { color: #fff; background-position: 0 bottom; text-shadow: #196000 1px 1px 1px; }
.google-map { width: 640px; height: 301px; margin-bottom: 10px; }
.entry .contact-info {}
.entry .contact-info li { background: none; padding: 0; line-height: 20px; margin-bottom: 5px; }
.entry .contact-info li a { text-decoration: none;}
.entry .contact-info li a span { color: #187d1d; }
.box { background-repeat: repeat-y; background-position: 0 0; }
.box .box-b { background-repeat: no-repeat; background-position: 0 bottom; font-family:Verdana, Geneva, sans-serif; }
.box .box-t { background-repeat: no-repeat; background-position: 0 top; }
ul.customBullet { list-style: none outside none; }
ul.customBullet li { padding-left: 30px; }
ul.customBullet li a { color: #5ab13e; text-decoration: underline; }
ul.customBullet li a:hover { text-decoration: none; }
.service-col { float: left; display: inline; width: 310px; margin-right: 20px; }
.service-col .box { width: 310px; }
.service-col .box-t { padding-bottom: 10px; }
.service-col .box h3 { text-align: center; text-transform: none; font-weight: bold; font-size: 24px; padding-top: 13px; }
.service-col .box .price { font-size: 16px; color: #fff; text-align: center; padding-top: 19px; }
.service-col .box ul.customBullet { padding-top: 11px; }
.service-col .box ul.customBullet li { font-size: 15px; color: #0c5d18; line-height: 18px; padding: 11px 10px 9px 53px; background-position: 12px 12px; border-bottom: 1px solid #e0e0e0; }
.service-col .blue-box h3 { color: #405364; }
.service-col .gold-box h3 { color: #8a5400; }
.service-col .purchase { display: block; width: 222px; height: 41px; text-align: center; line-height: 41px; font-size: 16px; color: #4a5461; font-weight: bold; text-shadow: #fff 0 1px 1px; margin: 14px auto 0; text-decoration: none; }
.service-col .purchase:hover { text-decoration: none; background-position: 0 bottom; color: #fff; text-shadow: #4a5461 0 1px 1px;}
.service-col .info { padding: 10px; }
.service-col .info h4 { font-size: 20px; color: #222; text-transform: none; margin-bottom: 10px; }
.service-col .info p { margin-bottom: 10px; }
.four-arrows { position: absolute; top: 0; left: 9px; display: block; width: 50px; height: 50px; background: url(images/four-arrows.png) no-repeat 0 0; z-index: 10; }
.arrows-holder { position: absolute; width:56px; height:30px; z-index: 15; }
.arrow-left,
.arrow-right { width: 28px; height: 30px; float: left; display: inline; }
.arrow-left { background: url(images/arrow-left.png) no-repeat 0 0; }
.arrow-right { background: url(images/arrow-right.png) no-repeat 0 0; }
.cross-btn,
.cross-btn span { float: left; display: inline; height: 30px; background: url(images/cross-button.png) no-repeat 0 0; color: #4a5461; font-weight: bold; line-height: 29px; padding-left: 30px; }
.cross-btn span { background-position: right 0; padding: 0 20px 0 0; position: relative; }
.cross-btn:hover,
.cross-btn:hover span { background-position: 0 bottom; color: #fff; text-decoration: none; }
.cross-btn:hover span { background-position: right bottom; }
.project { position: relative; padding-bottom: 30px; }
.project h3 { font-weight: bold; text-transform: none; color: #0c5d18; }
.project h3 span { font-weight: normal; color: #444; }
.project .main-image-holder { width: 997px; height: 414px; background: url(images/project-detailed-image-holder.gif) no-repeat 0 0; position: relative; margin: 15px -17px 20px -10px; }
.project .main-image-holder .screenshots { float: left; display: inline; width: 958px; height: 385px; position: relative; overflow: hidden; margin: 11px 0 0 20px; }
.project .main-image-holder .screenshots .inner-slider {}
.project .main-image-holder .screenshots .inner-slider ul { list-style: none outside none; }
.project .main-image-holder .screenshots .inner-slider ul li { float: left; display: inline; }
.project .arrows-holder { bottom: 11px; left: 471px; }
.project .description { float: left; display: inline; width: 570px; }
.project .description .cross-btn { margin-top: 20px; }
.project .thumb-holder { float: left; display: inline; width: 389px; height: 149px; background: url(images/project-page-thumbs-holder.gif) no-repeat 0 0; margin-left: 20px; }
.project .thumb-holder img { display: block; margin: 12px 0 0 10px; }
.slider-btn { width: 195px; height: 39px; background: url(images/slider-btn.png) no-repeat 0 0; display: block; color: #4a5461; font-size: 17px; line-height: 39px; text-shadow: 1px 1px 1px #ccc; text-align: center; font-weight: bold; }
.slider-btn:hover { background: url(images/slider-btn-hover.png) no-repeat 0 0; text-decoration: none; color: #fff; text-shadow: 1px 1px 1px #4a5461; }
.slider1 { position: relative; z-index: 5; }
.slider1 .shell { position: relative; }
.slider1 .slider-wrapper { position: absolute; top: -223px; left: 0; }
.slider1 .slider-holder { float: left; display: inline; width: 520px; height: 276px; background: url(images/home1-slider.png) no-repeat 0 0; position: relative; margin-left: 14px; }
.slider1 .slider-holder .content { width: 469px; height: 242px; position: relative; overflow: hidden; margin: 14px 0 0 26px; }
.slider1 .slider-holder .content ul { list-style: none outside none; position: relative; overflow: hidden; }
.slider1 .slider-holder .content ul li { width: 469px; height: 242px; position: relative; overflow: hidden; }
.slider1 .slider-holder .content .jcarousel-clip { width: 469px; height: 242px; position: relative; overflow: hidden; }
.slider1 .slider-holder .carousel-prev,
.slider1 .slider-holder .carousel-next { position: absolute; top: 114px; width: 52px; height: 53px; display: block; font-size: 0; line-height: 0; text-indent: -4000px; }
.slider1 .slider-holder .carousel-prev { background: url(images/carousel1-prev.png) no-repeat 0 0; left: -13px;}
.slider1 .slider-holder .carousel-next { background: url(images/carousel1-next.png) no-repeat 0 0; right: -13px;}
.slider1 .slider-sidebar { float: left; display: inline; width: 350px; margin: 25px 0 0 75px; }
.slider1 .slider-sidebar h2 { font-size: 35px; font-weight: bold; color: #fff; text-transform: none; text-shadow: 1px 1px 1px #459126; margin-bottom: 16px; }
.slider1 .slider-sidebar p { font-size: 14px; line-height: 20px; color: #fff; }
.slider1 .slider-sidebar .slider-btn { margin-top: 38px; }
.slider1 .slider-nav { position: absolute; bottom: -21px; left: 208px; }
.slider1 .slider-nav ul { list-style: none outside none; }
.slider1 .slider-nav ul li { float: left; display: inline; width: 15px; height: 15px; margin-right: 6px; }
.slider1 .slider-nav ul li a { float: left; display: inline; width: 15px; height: 15px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/slider1-pagination.gif) no-repeat 0 0; }
.slider1 .slider-nav ul li a:hover,
.slider1 .slider-nav ul li a.active { background-position: right 0; background: url(images/1slider1-pagination.gif) no-repeat 0 0;}
.gray-btn,
.gray-btn span { float: left; display: inline; height: 29px; padding-left: 10px; line-height: 29px; font-weight: bold; color: #4a5461; text-decoration: none !important; }
.gray-btn span { background-position: right 0; padding: 0 10px 0 0; }
.gray-btn:hover,
.gray-btn:hover span { background-position: 0 bottom; text-decoration: none; color: #fff; }
.gray-btn:hover span { background-position: right bottom; }
.col-3 { width: 300px; margin-right: 40px; }
.col-3 .entry h2.title { background: url(images/3cols-heading-bg.png) no-repeat 0 bottom; }
.col-2-wide { width: 545px; margin-top: 40px; }
.col-2-wide .entry h2.title { background: url(images/2cols-wide-heading.png) no-repeat 0 bottom; }
.col-2-wide img.right { margin-left: 10px; }
.col-2-narrow { width: 380px; margin: 40px 0 0 50px; }
.col-2-narrow .entry h2.title { background: url(images/2cols-narrow-heading.png) no-repeat 0 bottom; }
.col-2-narrow .entry p { margin-bottom: 5px; }
.col-2-narrow .entry ul { padding-left: 20px; }
.box { background-repeat: repeat-y; background-position: 0 0; }
.box .box-b { background-repeat: no-repeat; background-position: 0 bottom; }
.box .box-t { background-repeat: no-repeat; background-position: 0 top; }
.home-box { float: left; display: inline; width: 314px; background-image: url(images/home-box-bg.gif); margin-right: 19px; }
.home-box .box-b { background-image: url(images/home-box-b.gif);}
.home-box .box-t { background-image: url(images/home-box-t.gif); padding: 10px 20px; }
.home-box h4 { font-size: 16px; color: #0c5d18; font-weight: bold; text-transform: none; }
.home-box a { color: #1a8f1d; font-weight: bold; padding-top: 5px; display: block; }
.home-box img.right { margin-top: 50px; }
.slider2 { }
.slider2 .shell { position: relative; }
.slider2 .slider-holder { width: 994px; height: 394px; position: absolute; top: -180px; left: -10px; background: url(images/slider2-holder.png) no-repeat 0 0; }
.slider2 .slider-holder .content { width: 960px; height: 367px; margin: 10px 0 0 17px; position: relative; overflow: hidden; }
.slider2 .slider-holder .content ul { list-style: none outside none; position: relative; overflow: hidden; }
.slider2 .slider-holder .content ul li { width: 960px; height: 367px; position: relative; }
.slider2 .slider-holder .content .jcarousel-clip,
.slider2 .slider-holder .content .jcarousel-container { width: 960px; height: 367px; position: relative; overflow: hidden; }
.slider2 .slider-holder .content ul li .image-holder { width: 450px; float: left; display: inline; }
.slider2 .slider-holder .content ul li .image-holder img { display: block; margin: 30px 0 0 25px; }
.slider2 .slider-holder .content ul li .text-holder { width: 350px; float: left; display: inline; margin: 30px 0 0 35px; font-family:Verdana, Geneva, sans-serif;}
.slider2 .slider-holder .content ul li .text-holder h2 { font-size: 30px; font-weight: bold; color: #fff; text-transform: none; text-shadow: 1px 1px 1px #459126; margin-bottom: 16px; text-align:left; }
.slider2 .slider-holder .content ul li .text-holder p { font-size: 14px; line-height: 20px; color: #000; margin-bottom: 15px; }
.slider2 .slider-holder .content ul li .text-holder ul li { background: url(images/slider-custom-bullet.png) no-repeat 0 5px; padding-left: 20px; font-size: 14px; color: #000; width: auto; height: auto; margin-bottom: 3px; }
.slider2 .slider-holder .content ul li .text-holder .slider-btn { margin: 25px 0 0 15px; }
.slider2 .slider-holder .slider-bar { height: 50px; background: url(images/slider2-bar-bg.png) repeat 0 0; background-color:#000; position: absolute; bottom: 18px; left: 19px; width: 957px; z-index: 10; }
.slider2 .slider-holder .slider-bar .content { width: 780px; height: 50px; margin: 0 0 0 20px; }
.slider2 .slider-holder .slider-bar .content .jcarousel-clip,
.slider2 .slider-holder .slider-bar .content .jcarousel-container { width: 780px; height: 50px; }
.slider2 .slider-holder .slider-bar .content ul { list-style: none outside none; position: relative; }
.slider2 .slider-holder .slider-bar .content ul li { width: 780px; height: 50px;position: relative; color: #fff; font-size: 15px; line-height: 50px; }
.slider2 .slider-holder .slider-bar .content ul li a { font-weight: bold; color: #fdbb38; font-size: 15px; }
.slider2 .slider-holder .slider-bar .content ul li a:hover { color: #fff; text-decoration: none; }
.slider2 .slider-holder .slider-bar .carousel-down,
.slider2 .slider-holder .slider-bar .carousel-up { position: absolute; top: 2px; display: block; width: 41px; height: 44px; font-size: 0; line-height: 0; text-indent: -4000px; }
.slider2 .slider-holder .slider-bar .carousel-down { background: url(images/carousel-down.png) no-repeat 0 0; right: 63px;}
.slider2 .slider-holder .slider-bar .carousel-up { background: url(images/carousel-up.png) no-repeat 0 0; right: 18px; }
.blog-entry {}
.blog-entry .entry_details { margin-bottom: 5px; }
.blog-entry .entry_details span { float: left; display: inline; color: #0b8819; height: 20px; margin-right: 20px; }
.blog-entry .entry_details .date {padding-left: 18px; }
.blog-entry .entry_details .author {padding-left: 18px; }
.blog-entry .entry_details .comments { float: left; display: inline; padding-left: 18px; text-decoration: none; }
.blog-entry .entry_details .comments:hover { text-decoration: underline; }
.blog-entry .main-image { width: 632px; height: 220px; padding: 3px; border: 0px solid #ccc; margin-bottom: 10px; }
.blog-entry .main-image img { display: block; }
.blog-entry .read-more { display: block; width: 195px; height: 29px; line-height: 27px; background: url(images/green-arrow-btn.gif) no-repeat 0 0; font-weight: bold; color: #4a5461; text-decoration: none !important; padding-left: 28px}
.blog-entry .read-more:hover { background-position: 0 bottom; color: #fff; }
.blog-entry h3 { font-size: 16px; text-transform: none; font-weight: bold; }
.blog-entry .video-player { width: 640px; height: 394px; }
.pagination {}
.pagination ul { list-style: none outside none;}
.pagination ul li { float: left; display: inline; width: 37px; height: 29px; }
.pagination ul li a { float: left; display: inline; width: 37px; height: 29px; color: #4a5461; font-weight: bold; font-size: 13px; text-align: center; line-height: 27px; }
.pagination ul li a:hover,
.pagination ul li a.active { background-position: right 0; text-decoration: none; color: #fff; }
.popular-post-item { border-bottom: 1px dotted #ccc; padding-bottom: 15px; margin-bottom: 15px; }
.popular-post-item-last { border: 0; }
.popular-post-item a.thumb { width: 58px; height: 58px; float: left; display: inline; padding: 2px; border: 1px solid #ccc; }
.popular-post-item .text-holder { float: left; display: inline; width: 205px; margin: 0 0 0 16px; }
.popular-post-item .text-holder a { font-size: 13px; line-height: 20px; color: #5f5f5f; text-decoration: none; }
.popular-post-item .text-holder a:hover { text-decoration: underline; }
.popular-post-item .text-holder span { font-size: 10px; color: #aaa; text-transform: uppercase; display: block; line-height: 14px; }
.entry .archive-list {}
.entry .archive-list li { padding: 0; background: none ; }
.entry .archive-list li a span { font-weight: bold; color: #0b8819; }
.blog-comments {}
.blog-comments .comment-item { margin-bottom: 15px; }
.blog-comments .comment-item .author { float: left; display: inline; width: 84px; text-align: center; }
.blog-comments .comment-item .author .avatar { display: block; width: 72px; height: 72px; padding: 2px; border: 1px solid #ccc; margin: 0 auto; }
.blog-comments .comment-item .author .username { display: block; font-weight: bold; color: #0b8819; line-height: 16px; }
.blog-comments .comment-item .author .date { display: block; font-size: 11px; color: #aaa; line-height: 16px; }
.blog-comments .comment-item .comment-box { float: left; display: inline; width: 543px; margin-left: 10px; }
.blog-comments .comment-item .comment-box .box-t { padding: 10px 0 10px 28px; height: 100%; }
.blog-comments .comment-item .comment-box .text-holder { float: left; display: inline; width: 425px; }
.blog-comments .comment-item .comment-box .text-holder h4 { color: #5f5f5f; font-size: 13px; text-transform: none; font-weight: bold; }
.blog-comments .comment-item .comment-box .text-holder p { margin-bottom: 0; }
.blog-comments .comment-item .comment-box .buttons { float: left; display: inline; width: 70px; margin: 10px 0 0 10px; }
.blog-comments .comment-item .comment-box .buttons a { display: block; width: 70px; height: 22px; font-weight: bold; text-align: center; line-height: 22px; text-decoration: none; margin-bottom: 2px; }
.blog-comments .comment-item .comment-box .buttons a.quote { background: #ccc; color: #444; }
.blog-comments .comment-item .comment-box .buttons a.reply { color: #fff; }
.blog-comments .comment-item .comment-box .buttons a:hover { background: #fff; text-decoration: none; }
.blog-comments .comment-item .comment-box .buttons a.reply:hover { color: #444; }
.blog-comments .comment-item .reply-holder { margin-top: 15px; }
.blog-comments .comment-item .reply-holder .reply-arrow { float: left; display: inline; width: 22px; height: 22px; margin: 18px 10px 0 0; }
.blog-comments .comment-item .reply-holder .reply-box { width: 513px; margin-left: 9px; }
.blog-comments .comment-item .reply-holder .reply-box .text-holder { width: 395px; }
.comment-form { }
.comment-form .row .submit-btn { width: 144px; height: 29px; }
ul.gallery-classic { list-style: none outside none; position: relative; width: 1000px; margin-right: -20px; }
ul.gallery-classic li { float: left; display: inline; width: 195px; height: 154px; background: url(images/gallery-classic-page-thumb-holder.png) no-repeat 0 0; margin: 0 5px 20px 0; position: relative; }
ul.gallery-classic li img { display: block; border: 1px solid #ccc; margin: 10px 0 0 18px; cursor: pointer; }
ul.gallery-classic li .magnifier { position: absolute; display: none; width: 160px; height: 127px; background: url(images/gallery-hover-effect.png) no-repeat 0 0; z-index: 2; top: 10px; left: 18px; }
.about-image { float: left; display: inline; margin-right: 10px; }
.team {}
.team .entry h2.title .gray-btn { font-size: 12px; float: right; display: inline; margin-right: 10px; }
.team .entry .team-list {}
.team .entry .team-list li { padding: 0; background: none; float: left; display: inline; width: 110px; margin-right: 65px; margin-bottom: 25px; }
.team .entry .team-list li img { border: 1px solid #ccc; display: block; margin: 0 auto 10px; }
.team .entry .team-list li span { font-size: 13px; display: block; text-align: center; line-height: 15px; }
.team .entry .team-list li span.name { color: #101b20; font-weight: bold; }
.team .entry .team-list li span.title { color: #0b8819; }
.team blockquote { float: left; display: inline; width: 285px; border-color: #ccc; font-family: Verdana; font-style: italic; font-size: 14px; margin: 0 10px 10px 0; }
.error-404 {margin-top: 44px; height: 606px; }
.error-404 .btn { float: left; display: inline; width: 222px; height: 39px; text-align: center; font-size: 13px; color: #000; padding: 20px 10px 0; line-height: 15px; }
.error-404 .btn a { font-weight: bold; color: #2b9208; }
.error-404 .t { padding-left: 59px; }
.error-404 .t .btn { margin-right: 68px; }
.error-404 .b { padding-left: 165px; margin-top: 430px; }
.error-404 .b .btn { padding-top: 15px; height: 44px; margin-right: 168px; }
.service {}
.service .section { padding-left: 20px; }
.service .t-section p { font-size: 13px; line-height: 15px; }
.service h4 { font-size: 16px; color: #222; font-weight: bold; text-transform: none; }
.service h3 { font-size: 20px; color: #222; font-weight: bold; text-transform: none; margin-bottom: 5px; }
.service .main-image { width: 604px; height: 333px; padding: 5px; background: #dadada; border: 2px solid #707070; margin-bottom: 15px; position: relative; }
.service .main-image .badge { position: absolute; top: 0; right: 0; width: 103px; height: 103px; display: block; }
.service .m-section { border-bottom: 1px dotted #ccc; padding-bottom: 20px; }
.service .m-section p { font-size: 14px; }
.service .m-section ul li { background: none; padding: 0; font-size: 13px; }
.service .m-section ul li strong {color: #222; }
.service .m-section ul li a {color: #5ab13e; text-decoration: underline; }
.service .m-section ul li a:hover { text-decoration: none; }
.service .b-section { margin-top: 15px; }
.service .b-section .customBullet { float: left; display: inline; width: 290px; }
.service .b-section .customBullet li { font-size: 14px; }
.service .b-section .buttons { float: left; display: inline; width: 222px; margin-left: 60px; }
.service .b-section .buttons a { display: block; width: 222px; height: 39px; text-align: center; line-height: 39px; font-size: 16px; color: #4a5461; font-weight: bold; text-shadow: #fff 0 1px 1px; text-decoration: none; margin-bottom: 5px; }
.service .b-section .buttons a:hover { background-position: 0 bottom; color: #fff; text-shadow: 1px 1px 1px #4a5461; }
.project-item { padding-bottom: 10px; margin-bottom: 50px; }
.project-item h3 {font-weight: bold; text-transform: none; color: #0c5d18;}
.project-item h3 span { font-weight: normal; color: #444; }
.project-item .view-project { float: right; display: inline; width: 92px; height: 29px; background: url(images/view-project.png) no-repeat 0 0; font-weight: bold; color: #4a5461; line-height: 29px; padding-left: 30px; }
.project-item .view-project:hover { background: url(images/view-project-hover.png) no-repeat 0 0; color: #fff; text-decoration: none; }
.project-item .image-holder { width: 660px; height: 426px; background: url(images/project-item-image-holder.png) no-repeat 0 0; position: relative; margin: 10px -10px 0 -10px; }
.project-item .image-holder .four-arrows { left: 10px; }
.project-item .image-holder .arrows-holder { right: 15px; bottom: 13px; }
.project-item .image-holder .screenshots { float: left; display: inline; width: 618px; height: 385px; position: relative; overflow: hidden; margin: 15px 0 0 11px; }
.project-item .image-holder .screenshots .inner-slider ul { list-style: none outside none; }
.project-item .image-holder .screenshots .inner-slider ul li { float: left; display: inline; }
ul.gallery-projects { list-style: none outside none; }
ul.gallery-projects li { position: relative; float: left; display: inline; width: 316px; min-height: 240px; background: url(images/gallery-project-image-holder.png) no-repeat 0 0; margin-right: 15px; margin-bottom: 50px; }
ul.gallery-projects li img { display: block; border: 1px solid #ccc; margin: 10px 0 0 18px; cursor: pointer; }
ul.gallery-projects li .text-holder { padding: 35px 0 0 20px; font-family:Verdana, Geneva, sans-serif; }
ul.gallery-projects li .text-holder h4 { font-size: 16px; font-weight: bold; text-transform: none; color: #5f5f5f; }
ul.gallery-projects li .text-holder p { margin-bottom: 10px; }
ul.gallery-projects li .magnifier { position: absolute; display: none; width: 278px; height: 215px; background: url(images/project-gallery-magnifier.png) no-repeat 0 0; z-index: 5; top: 11px; left: 19px; }
#footer,#footer-push { height: 360px; }
.footer-cols,
.footer-cols .shell { height: 330px; background: #101b20; padding-top: 10px; }
.footer-cols .col { background: url(images/footer-cols-separator.gif) no-repeat right 0; height:300px; }
.footer-cols .col h3 { font-size: 20px; color: #fff; margin-bottom: 10px; text-transform: none; font-weight: bold; }
.footer-cols .footer-col1 { width: 300px; margin-right: 10px; }
.footer-cols .footer-col2 { width: 300px; margin-right: 40px; }
.footer-cols .footer-col2 h3 { padding-left: 40px; margin-bottom: 0; }
.footer-cols .footer-col2 .findout-more { float: left; display: inline; width: 95px; height: 32px; background: url(images/find-out-more.gif) no-repeat 0 0; font-weight: bold; color: #4a5461; line-height: 30px; padding-left: 18px; margin-right: 10px; }
.footer-cols .footer-col2 .findout-more:hover { text-decoration: none; color: #fff; background-position: 0 bottom; }
.footer-cols .footer-col2 p { font-weight: bold; color: #4a5461; padding-left: 40px; }
.footer-cols .footer-col2 p span {float: left; display: inline; padding-top: 3px; }
.footer-cols .footer-col3 { width: 320px; background: none; }
.footer-cols .footer-col3 p { color: #cbcbcb; line-height: 18px; margin-bottom: 9px; }
.footer-cols .footer-col3 p strong { color: #fff; }
.footer-cols .footer-col3 p a,
.footer-cols .footer-col3 p span { color: #7dc33a; }
.footer-cols .footer-col3 hr {width:290px;}
.footer-links,
.footer-links .shell { height: 40px; background: #000; }
.footer-links ul { list-style: none outside none; padding: 9px 0 0 0; float:left; display:inline;}
.footer-links ul li { float: left; display: inline; height: 20px; border-right: 1px solid #1a1a1a; padding-right: 10px; margin-right: 10px; }
.footer-links ul li.last { border: 0; }
.footer-links ul li a { float: left; display: inline; height: 20px; line-height: 20px; }
.footer-links {text-transform: uppercase; color: #666; font-size: 11px; }
.footer-links .right{ white-space:nowrap; height:20px; padding-top:9px; line-height:20px;}
.footer-links a{color: #666; }
.footer-links a:hover { color: #7dc33a; }
#tweets {}
#tweets .tweet_list { list-style: none outside none; }
#tweets .tweet_list li { line-height: 14px; margin-bottom: 6px; }
#tweets .tweet_list .tweet_text { color: #fff; }
#tweets .tweet_list .tweet_text a { color: #7dc33a; text-decoration: underline; }
#tweets .tweet_list .tweet_text a:hover { text-decoration: none; }
#tweets .tweet_list .tweet_time { display: block; padding-top: 5px;}
#tweets .tweet_list .tweet_time a { color: #afafaf; font-size: 10px; }
#screen { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; z-index: 100; }
.abs-holder { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; z-index: 110; }
.login { width: 529px; height: 355px; background: url(images/login-box-bg.png) no-repeat 0 0; position: absolute; top: 0; left: 0; display: none; z-index: 120; }
.login h4 { font-size: 18px; font-weight: bold; color: #fff; padding: 7px 0 0 60px; }
.login .form-holder { padding: 30px 50px 0; }
.login .form-holder .row { margin-bottom: 20px; }
.login .form-holder .remember-me { float: left; display: inline; padding-top: 7px; }
.login .form-holder .remember-me .checkbox { float: left; display: inline; width: 13px; height: 13px; margin: 4px 5px 0 0; }
.login .form-holder .remember-me label { float: left; display: inline; font-size: 13px; color: #505050; }
.login .form-holder .login-btn { float: right; display: inline; width: 78px; height: 35px; background: url(images/login-btn.gif) no-repeat 0 0; color: #4a5461; font-weight: bold; border: 0; cursor: pointer; padding: 0 0 4px 10px; }
.login .close-btn { position: absolute; top: 10px; right: 15px; width: 18px; height: 17px; background: url(images/close-btn.gif) no-repeat 0 0; display: block; }
.logo-holder { position: relative; top: 30px; width: 329px; height: 199px; margin: 0 auto; }
.logo-holder h1#logo { margin: 21px 0 0 50px; }
.logo-holder p { text-align: center; font-size: 14px; line-height: 16px; color: #fff; font-weight: bold; margin: 15px 0 5px; }
.socials-holder { width: 164px; height: 61px; margin: 0 auto; }
h2.slogan { font-size: 60px; line-height: 100%; color: #fff; font-weight: bold; text-align: center; text-shadow: 1px 1px 1px #095f16; margin-top: 50px; }
h3.try-again { font-size: 30px; color: #059619; font-weight: bold; text-align: center; text-transform: none; text-shadow: #14581e 1px 1px 1px;}
.socials-holder .socials { margin: 20px 0 0 45px;}
.sitemap_list {}
.sitemap_list li a { color: #1e8d17!important; text-transform: uppercase; font-weight: bold; }
.sitemap_list li ul li { background: none; }
.sitemap_list li ul li a { color: #505150 !important; text-transform: none; font-weight: normal; text-decoration: underline; }
.sitemap_list li ul li a:hover { text-decoration: none; }
.Promotion{ float:left; width:210px; height:500px; z-index:auto; padding-top:40px; margin-left:-10px; }
/*
TOOLTIP
*/
#tooltip
{
font-size: 0.875em;
text-align: center;
text-shadow: 0 1px rgba( 0, 0, 0, .5 );
line-height: 1.5;
color: #fff;
background: #333;
background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) );
background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-top: 1px solid #fff;
-webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
-moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
position: absolute;
z-index: 100;
padding: 15px;
}
#tooltip:after
{
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #333;
border-top-color: rgba( 0, 0, 0, .7 );
content: '';
position: absolute;
left: 50%;
bottom: -10px;
margin-left: -10px;
}
#tooltip.top:after
{
border-top-color: transparent;
border-bottom: 10px solid #333;
border-bottom-color: rgba( 0, 0, 0, .6 );
top: -20px;
bottom: auto;
}
#tooltip.left:after
{
left: 10px;
margin: 0;
}
#tooltip.right:after
{
right: 10px;
left: auto;
margin: 0;
}
/* back to top */
#back-top {
position: fixed;
bottom: 30px;
margin-left: 350px;
}
#back-top a {
width: 108px;
display: block;
text-align: center;
font: 11px/100% Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
color: #bbb;
/* transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover {
color: #000;
}
/* arrow icon (span tag) */
#back-top span {
width: 108px;
height: 108px;
display: block;
margin-bottom: 7px;
background: #824647 url(images/up-arrow.png) no-repeat center center;
/* rounded corners */
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
/* transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover span {
background-color: #777;
}/* back to top end */
.tsc_clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
.tsc_clear { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
/* PRICING TABLE STYLE 2 */
.tsc_pricingtable02 {
font-size: 13px;
font-weight: normal;
color: #313131;
width:100%;
}
.tsc_pricingtable02 ul {
margin: 0px;
padding: 0px;
list-style: none;
}
.tsc_pricingtable02 ul li {
margin: 0px;
width: 100%;
height: 100%;
height: 56px;
padding-top: 10px;
float: left;
text-align: left;
padding-left: 0px;
}
.tsc_pricingtable02 li.pricing_header1 {
height:36px;
font-size: 18px;
line-height:24px;
color:#ffffff;
-webkit-border-radius:1px 6px 0 0;
-khtml-border-radius:19px 6px 0 0;
-moz-border-radius:19px 6px 0 0;
border-radius:19px 6px 0 0;
}
.tsc_pricingtable02 li.pricing_header2 {
height:60px;
font-size: 30px;
font-weight:bold;
line-height:50px;
border-bottom:1px solid #cccccc;
color:#333;
background-color:#eee;
}
.tsc_pricingtable02 li.pricing_header2 span {
font-size: 12px;
line-height:40px;
}
.tsc_pricingtable02 .pricing_column_first li.pricing_header1 {
background:none;
}
.tsc_pricingtable02 .pricing_column_first li.pricing_header2 {
background-color:#efefef;
border-bottom:1px solid #cccccc;
-webkit-border-radius:19px 0px 0 0;
-khtml-border-radius:19px 0px 0 0;
-moz-border-radius:19px 0px 0 0;
border-radius:19px 0px 0 0;
}
.tsc_pricingtable02 .pricing_column_first li.pricing_header2 span {
font-size:15px;
font-weight:bold;
line-height:56px;
padding-left:16px;
}
.tsc_pricingtable02 .pricing_column_first,
.tsc_pricingtable02 .pricing_column {
height: 100%;
float: left; font: normal 13px Verdana, Arial, Helvetica; color:#F00; font-weight:bold;
margin-right:60px;
position:relative;
}
.tsc_pricingtable02 .pricing_column_first {
*z-index:2;
}
.tsc_pricingtable02 .pricing_hover_area:hover .pricing_column {
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
transition: all 0.1s ease;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.tsc_pricingtable02 .pricing_hover_area .pricing_column:hover {
-webkit-transform:scaleY(1.04);
-moz-transform:scaleY(1.04);
-o-transform:scaleY(1.04);
-ms-transform:scaleY(1.04);
transform:scaleY(1.04);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.tsc_pricingtable02 .pricing_column_first li {
text-align: left;
}
.tsc_pricingtable02 .pricing_column_first li span {
padding-left:10px;
}
/* 2. Columns sizes */
.pricing_six .pricing_column,
.pricing_six .pricing_column_first {
width: 16.5%;
}
.pricing_five .pricing_column,
.pricing_five .pricing_column_first {
width: 43.8%;
}
.pricing_four .pricing_column,
.pricing_four .pricing_column_first {
width: 24.8%;
}
.pricing_three .pricing_column,
.pricing_three .pricing_column_first {
width: 33.1%;
}
.tsc_pricingtable02 .odd {
background: #e4efc0; /* Old browsers */
background: -moz-linear-gradient(top, #e4efc0 0%, #abbd73 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4efc0), color-stop(100%,#abbd73)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e4efc0 0%,#abbd73 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e4efc0 0%,#abbd73 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e4efc0 0%,#abbd73 100%); /* IE10+ */
background: linear-gradient(to bottom, #e4efc0 0%,#abbd73 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4efc0', endColorstr='#abbd73',GradientType=0 ); /* IE6-9 */
font: normal 13px Verdana, Arial, Helvetica; color:#F00; font-weight:bold;
border-bottom:1px dotted #ccc;
}
.tsc_pricingtable02 .odd a {
font: normal 14px Verdana, Arial, Helvetica; color:#000; float:left; margin-left:5px;
}
.tsc_pricingtable02 .even {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
border-bottom:1px dotted #ccc;
}
.tsc_pricingtable02 .even a {
font: normal 14px Verdana, Arial, Helvetica; color:#005700; float:left; margin-left:5px;
}
.tsc_pricingtable02 .pricing_yes,
.tsc_pricingtable02 .pricing_no {
height:20px;
width:100%;
float:left;
}
.tsc_pricingtable02 .pricing_yes {
background:url("../images/yes.png") center top no-repeat;
}
.tsc_pricingtable02 .pricing_no {
background:url("../images/no.png") center top no-repeat;
}
.tsc_pricingtable02 .pricing_footer {
width: 100%;
height: 44px;
padding-top: 14px;
padding-bottom: 6px;
float: left;
border-top: 1px solid #fff;
border-bottom: 2px solid #ccc;
background-color: #eee;
}
.tsc_buttons2 { display:inline-block; text-decoration:none; outline:none; cursor:pointer; font:bold 12px/1em Arial, sans-serif; padding:8px 11px; color:#555; text-shadow:0 1px 0 #fff; background:#f5f5f5; background:-webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); background:-moz-linear-gradient(top, #f9f9f9, #f0f0f0); border:1px solid #dedede; border-color:#dedede #d8d8d8 #d3d3d3; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb; -moz-box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb; box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;}
.tsc_buttons2:hover,
.tsc_buttons2:focus { color:#555; background:#efefef; background:-webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e9e9e9)); background:-moz-linear-gradient(top, #f9f9f9, #e9e9e9); border-color:#ccc; -webkit-box-shadow:0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb; -moz-box-shadow:0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb; box-shadow:0 1px 2px #e0e0e0, inset 0 1px 0 #fbfbfb;}
.tsc_buttons2:active { position:relative; top:1px; color:#555; background:#efefef; background:-webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#f4f4f4)); background:-moz-linear-gradient(top, #eaeaea, #f4f4f4); border-color:#c6c6c6; -webkit-box-shadow:0 1px 0 #fff, inset 0 0 5px #ddd; -moz-box-shadow:0 1px 0 #fff, inset 0 0 5px #ddd; box-shadow:0 1px 0 #fff, inset 0 0 5px #ddd;}
.tsc_buttons2.rounded { padding:8px 15px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}
input.tsc_buttons2,
button.tsc_buttons2 { *width:auto; *overflow:visible;} /* IE7 Fix */
.tsc_buttons2 img { border:none; vertical-align:bottom;}
/* Large buttons */
.tsc_buttons2.large { padding:12px 15px; font-size:20px; font-weight:normal; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.tsc_buttons2.large.rounded { padding:12px 22px; -webkit-border-radius:23px; -moz-border-radius:23px; border-radius:23px;}
/* Red */
.tsc_buttons2.red { background:#e6433d; background:-webkit-gradient(linear, left top, left bottom, from(#f8674b), to(#d54746)); background:-moz-linear-gradient(top, #f8674b, #d54746); border-color:#d1371c #d1371c #9f220d; color:#fff; text-shadow:0 1px 1px #961a07; -webkit-box-shadow:0 1px 2px #d6d6d6, inset 0 1px 0 #ff9573; -moz-box-shadow:0 1px 2px #d6d6d6, inset 0 1px 0 #ff9573; box-shadow:0 1px 2px #d6d6d6, inset 0 1px 0 #ff9573;}
.tsc_buttons2.red:hover,
.tsc_buttons2.red:focus { background:#dd3a37; background:-webkit-gradient(linear, left top, left bottom, from(#ff7858), to(#cc3a3b)); background:-moz-linear-gradient(top, #ff7858, #cc3a3b); border-color:#961a07; -webkit-box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #ff9573; -moz-box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #ff9573; box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #ff9573;}
.tsc_buttons2.red:active { background:#e6433d; border-color:#961a07; -webkit-box-shadow:0 1px 0 #fff, inset 0 0 5px #961a07; -moz-box-shadow:0 1px 0 #fff, inset 0 0 5px #961a07; box-shadow:0 1px 0 #fff, inset 0 0 5px #961a07;}
/* Black */
.tsc_buttons2.black { background:#525252; background:-webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#434343)); background:-moz-linear-gradient(top, #5e5e5e, #434343); border-color:#4c4c4c #313131 #1f1f1f; color:#fff; text-shadow:0 1px 1px #2e2e2e; -webkit-box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #868686; -moz-box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #868686; box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #868686;}
.tsc_buttons2.black:hover,
.tsc_buttons2.black:focus { background:#4b4b4b; background:-webkit-gradient(linear, left top, left bottom, from(#686868), to(#363636)); background:-moz-linear-gradient(top, #686868, #363636); border-color:#313131; -webkit-box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #868686; -moz-box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #868686; box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #868686;}
.tsc_buttons2.black:active { background:#525252; border-color:#313131; -webkit-box-shadow:0 1px 0 #fff, inset 0 0 5px #313131; -moz-box-shadow:0 1px 0 #fff, inset 0 0 5px #313131; box-shadow:0 1px 0 #fff, inset 0 0 5px #313131;}
/* Grey */
.tsc_buttons2.grey { background:#969696; background:-webkit-gradient(linear, left top, left bottom, from(#ababab), to(#818181)); background:-moz-linear-gradient(top, #ababab, #818181); border-color:#a0a0a0 #7c7c7c #717171; color:#fff; text-shadow:0 1px 1px #444; -webkit-box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #bebebe; -moz-box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #bebebe; box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #bebebe;}
.tsc_buttons2.grey:hover,
.tsc_buttons2.grey:focus { background:#868686; background:-webkit-gradient(linear, left top, left bottom, from(#b0b0b0), to(#6f6f6f)); background:-moz-linear-gradient(top, #b0b0b0, #6f6f6f); border-color:#666 #666 #606060; -webkit-box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #bebebe; -moz-box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #bebebe; box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #bebebe;}
.tsc_buttons2.grey:active { background:#909090; border-color:#606060; -webkit-box-shadow:0 1px 0 #fff, inset 0 0 5px #606060; -moz-box-shadow:0 1px 0 #fff, inset 0 0 5px #606060; box-shadow:0 1px 0 #fff, inset 0 0 5px #606060;}
.tsc_pricingtable02 .blue a.pricing_button,
.tsc_pricingtable02 .blue li.pricing_header1 {
background: #b4ddb4; /* Old browsers */
background: -moz-linear-gradient(top, #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #5aad17 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4ddb4), color-stop(17%,#83c783), color-stop(33%,#52b152), color-stop(67%,#008a00), color-stop(83%,#005700), color-stop(100%,#5aad17)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#5aad17 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#5aad17 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#5aad17 100%); /* IE10+ */
background: linear-gradient(to bottom, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#5aad17 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#5aad17',GradientType=0 ); /* IE6-9 */
}
.tsc_pricingtable02 .green a.pricing_button,
.tsc_pricingtable02 .green li.pricing_header1 {
background: #b4ddb4; /* Old browsers */
background: -moz-linear-gradient(top, #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #5aad17 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4ddb4), color-stop(17%,#83c783), color-stop(33%,#52b152), color-stop(67%,#008a00), color-stop(83%,#005700), color-stop(100%,#5aad17)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#5aad17 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#5aad17 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#5aad17 100%); /* IE10+ */
background: linear-gradient(to bottom, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#5aad17 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#5aad17',GradientType=0 ); /* IE6-9 */
}
.tsc_pricingtable02 .red a.pricing_button,
.tsc_pricingtable02 .red li.pricing_header1 {
background: #b4ddb4; /* Old browsers */
background: -moz-linear-gradient(top, #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #5aad17 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4ddb4), color-stop(17%,#83c783), color-stop(33%,#52b152), color-stop(67%,#008a00), color-stop(83%,#005700), color-stop(100%,#5aad17)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#5aad17 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#5aad17 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#5aad17 100%); /* IE10+ */
background: linear-gradient(to bottom, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#5aad17 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#5aad17',GradientType=0 ); /* IE6-9 */
}
.tsc_pricingtable02 .black a.pricing_button,
.tsc_pricingtable02 .black li.pricing_header1 {
background-color: #666;
}