@import url('../../reset.css');

/*****************************************************
The simplified 960 grid 
*******************************************************/

/*
	Forces backgrounds to span full width,
	even if there is horizontal scrolling.
	Increase this if your layout is wider.

	Note: IE6 works fine without this fix.
*/



p, .tab-content li, h1, h2, h3{ /* This insures that there's enough space between your paragraphs, headings, etc */
    margin-bottom: 10px;
}

a{
	text-decoration:none; 
	color:#828c95;
}

a:hover{
	color:#28343b;
}

ul.categoriesdata {
	 color:#000000; font-weight:bold; font-style:italic; list-style-image:url(../../../images/arrow.png);
	padding:0; 
}
ul.categoriesdata li{ padding:0 0 5px 0; }

ul.categoriesdata li span {
	color:#000;
	padding-left:5px;
}
ul.categoriesdata li a{
	color:#CCC;
}
ul.categoriesdata li a:hover {
	color:#E3E2DA;
}


/*..........For anotherUl.................*/
ul.categoriesdata1 {
	 color:#000000; list-style-image:url(../../../images/arrow.png);
	padding:0; 
}
ul.categoriesdata1 li{ padding:0 0 5px 0; }

ul.categoriesdata1 li span {
	color:#000;
	padding-left:5px;
}
ul.categoriesdata1 li a{
	color:#CCC;
}
ul.categoriesdata1 li a:hover {
	color:#E3E2DA;
}


.tab-container h3{ /* Effects only the h3 headings inside the tabs */
	font-size:147%;
	text-transform:uppercase;
	
	font-style:normal;
	font:"Palatino Linotype";
}
/* `Containers
----------------------------------------------------------------------------------------------------*/



/* `Common Styles
----------------------------------------------------------------------------------------------------*/

/* Tabs */
	
.tab-container {
	position: relative; /* It's important to keep this position relative and the absolute positions in this file the same */
	width: 900px;  
	z-index:0; text-align:justify;
	font-family:Rockwell;  
	color:#000000;
	
	

}

.tab-container h2{ font-family:Rockwell; padding-left:20px;  
margin-top:20px; text-align:center; width:280px;   text-transform:capitalize; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; 
font-size:20px;    	color:#ffffff; 
	background: #e8703e; /* Old browsers */
background: -moz-linear-gradient(45deg,  hsl(18,79%,58%) 0%, hsl(34,85%,51%) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,hsl(18,79%,58%)), color-stop(100%,hsl(34,85%,51%))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  hsl(18,79%,58%) 0%,hsl(34,85%,51%) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  hsl(18,79%,58%) 0%,hsl(34,85%,51%) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  hsl(18,79%,58%) 0%,hsl(34,85%,51%) 100%); /* IE10+ */
background: linear-gradient(45deg,  hsl(18,79%,58%) 0%,hsl(34,85%,51%) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8703e', endColorstr='#ed9017',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


-moz-border-radius-topleft: 46px;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:28px;
-webkit-border-top-left-radius:46px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:28px;
border-top-left-radius:46px;
border-top-right-radius:0px;
border-bottom-left-radius:0px;
border-bottom-right-radius:28px;}
.tab-container h3 {text-align:left; text-decoration:none; font-size:20px; width:300px; padding-left:10px; margin: 10px 10px 10px 0px; font-weight:normal; 

  
	color: 				#ffffff !important;
	background-color: 	hsl(216,85%,51%);
	

	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	box-shadow:		 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
							
-moz-border-radius-topleft: 0px; -moz-border-radius-topright:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:47px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-left-radius:0px;-webkit-border-bottom-right-radius:47px;border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px;border-bottom-right-radius:47px;
	}
.tab-container h3:hover { border: 1px solid #de7744; color: #bd5223; -moz-box-shadow: 0px 1px 0px #2f4657; -webkit-box-shadow: 0px 1px 0px #2f4657; box-shadow: 0px 1px 0px #2f4657; 
transform: rotate(0deg) scale(0.97) skew(1deg) translate(0px);
-webkit-transform: rotate(0deg) scale(0.97) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(0.97) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(0.97) skew(1deg) translate(0px);
-ms-transform: rotate(0deg) scale(0.97) skew(1deg) translate(0px);}
	
.
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
	zoom: 1;
}

/* ----- Features Tables ----- */

.feature-table {
	position:relative;
	margin:0 0 20px 0; width:inherit;

	border:1px solid #b7b6b6;
	border-collapse:inherit;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#fff;
}
table.feature-table thead tr {
	position: relative;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:0 3px 0 #ededed;
	-moz-box-shadow:0 3px 0 #ededed;
	box-shadow:0 3px 0 #ededed;
} 
.feature-table thead tr th {	 
	position:relative;
	margin:0;
	padding: .45em .9em .45em .7em;
	border-bottom: 1px solid #b7b6b6;
	color:#000;
	text-align:left;
	font-weight:100;
	font-size: 15px;
	background: #f0f0f0;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #fff,  #f0f0f0);
  	background: -o-linear-gradient(rgb(255,255,255),rgb(240,240,240));
}
table.feature-table thead tr th:first-child {border-left: none;}
table.feature-table thead tr th {border-left:1px solid #b7b6b6;} 

table.feature-table thead tr th.leftR {
	-webkit-border-radius:2px 0 0 2px;
	-moz-border-radius:2px 0 0 2px;
	border-radius:2px 0 0 2px;
} 

table.feature-table thead tr th.rightR {
	-moz-border-radius:0 2px 2px 0;
	-webkit-border-radius:0 2px 2px 0;
	border-radius:0 2px 2px 0;
} 

table.feature-table tbody td {
	margin:0;
	padding: .1em .9em;
	border-top:1px solid #dedcdc;
	border-left:1px solid #dedcdc;
	color:#000000;
	text-shadow:1px 1px 1px rgba(255, 255, 255, 0.54);
}

table.feature-table tbody tr td:first-child {border-left: none;}
table.feature-table tbody tr:first-child td {border-top:none;} 
table.feature-table tbody tr.odd td {background-color: #f7f7f7;} 

/* --- Table Light Gray --- */

table.feature-table.light-gray thead tr th {
	background: #a4a4a4;
	background: -webkit-gradient(linear, left top, left bottom, from(#a4a4a4), to(#929292));
	background: -moz-linear-gradient(top,  #a4a4a4,  #929292);
  	background: -o-linear-gradient(rgb(164,164,164),rgb(146,146,146));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4a4a4', endColorstr='#929292');
	color: #fff;
	border-left: 1px solid #737373;
	border-top: 1px solid #737373;
	border-bottom: 1px solid #737373;
}

table.feature-table.light-gray thead tr th.rightR { border-right: 1px solid #737373;}
table.feature-table.light-gray thead tr th.rightL { border-left: 1px solid #737373;}

/* --- Table Dark Grey --- */

table.feature-table.dark-gray thead tr th {
	background: #2f2f2f;
	background: -webkit-gradient(linear, left top, left bottom, from(#2f2f2f), to(#1b1b1b));
	background: -moz-linear-gradient(top,  #2f2f2f,  #1b1b1b);
  	background: -o-linear-gradient(rgb(47,47,47),rgb(27,27,27));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f2f2f', endColorstr='#1b1b1b');
	color: #fff;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

table.feature-table.dark-gray thead tr th.rightR { border-right: 1px solid #000;}
table.feature-table.dark-gray thead tr th.rightL { border-left: 1px solid #000;}

/* --- Table Light Green --- */

table.feature-table.light-green thead tr th {
	background: #5d9f01;
	background: -webkit-gradient(linear, left top, left bottom, from(#84b602), to(#5d9f01));
	background: -moz-linear-gradient(top,  #84b602,  #5d9f01);
  	background: -o-linear-gradient(rgb(132,182,2),rgb(93,159,1));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#84b602', endColorstr='#5d9f01');
	color: #fff;
	border-left: 1px solid #468701;
	border-top: 1px solid #468701;
	border-bottom: 1px solid #468701;
}

table.feature-table.light-green thead tr th.rightR { 
	border-right: 1px solid #468701;
}

table.feature-table.light-green thead tr th.rightL { 
	border-left: 1px solid #468701;
}

/* --- Table Light blue --- */

table.feature-table.light-blue thead tr th {
	background: #ff8f07;
	background: -webkit-gradient(linear, left top, left bottom, from(#fabd06), to(#ff8f07));
	background: -moz-linear-gradient(top,  #fabd06,  #ff8f07);
  	background: -o-linear-gradient(rgb(250,189,6),rgb(255,143,7));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fabd06', endColorstr='#ff8f07');
	color: #fff;
	border-left: 1px solid #de6e38;
	border-top: 1px solid #de6e38;
	border-bottom: 1px solid #de6e38;
}

table.feature-table.light-blue thead tr th.rightR { border-right: 1px solid #de6e38;}
table.feature-table.light-blue thead tr th.rightL { border-left: 1px solid #de6e38;}