/* 	Index of this CSS File

	(01) COLUMNS ( Grid System)
	(02) LIST STYLES
	(03) BUTTONS
	(04) IMAGE LEFT, RIGHT AND CENTER
	(05) TEXT HIGHLIGHTING
	(06) GO TOP LINK
	(07) PAGINATION
	(08) TAB STYLES
	(09) TOGGLES
	(10) TOOLTIP
	(11) IMAGE HOVER ZOOM, PLAY, DOC & FLASH ICONS
	
 */

/* ========================================================== 
	(01) COLUMNS ( Grid System)
============================================================ */

.one-full, .one-half, .one-third , .one-fourth , .one-fifth, .one-sixth, .two-third, .three-fourth, .four-fifth, .five-sixth  { 	
	margin:0px 30px 0 0; 
	float:left; 
	position:relative;}
	
.last { margin-right:0;}	
.one-full { width:960px; margin-right:0;}
.one-half { width:465px;}
.one-third { width:300px;}
.one-fourth { width:217px;}
.one-fifth { width:168px;}
.one-sixth { width:135px;}
.two-third { width:630px;}
.three-fourth { width:713px;}
.four-fifth { width:762px;}
.five-sixth { width:795px;}

/* ========================================================== 
	(02) LIST STYLES
============================================================ */

#content ul{	
	padding:0 0 20px 0; }	
	
#content ul li{ 
	background:url(../images/bullets/bullet-grey.png) no-repeat 0 5px;
	line-height:19px;
	padding-bottom:5px;
	padding-left:20px; } 

#content ul.skin-checkmark li 	{ background:url(../images/bullets/skin-checkmark.png) no-repeat 0 2px; padding-left:25px;}	
#content ul.skin-checkmark li 	{ background:url(../images/bullets/skin-checkmark.png) no-repeat 0 2px; padding-left:25px;}

#content ul.list-green li 		{ background:url(../images/bullets/bullet-green.png) no-repeat 0 5px; padding-left:20px;}	
#content ul.list-disc-green li 	{ background:url(../images/bullets/disc-green.png) no-repeat 0 5px; padding-left:20px;}

#content ul.list-blue li 		{ background:url(../images/bullets/bullet-blue.png) no-repeat 0 5px; padding-left:20px;}	
#content ul.list-disc-blue li 	{ background:url(../images/bullets/disc-blue.png) no-repeat 0 5px; padding-left:20px;}

#content ul.list-black li		{ background:url(../images/bullets/bullet-black.png) no-repeat 0 5px; padding-left:20px;}	
#content ul.list-disc-black li	{ background:url(../images/bullets/disc-black.png) no-repeat 0 5px; padding-left:20px;}	

#content ul.list-red li 		{ background:url(../images/bullets/bullet-red.png) no-repeat 0 5px; padding-left:20px;}	
#content ul.list-disc-red li 	{ background:url(../images/bullets/disc-red.png) no-repeat 0 5px; padding-left:20px;}	

#content ul.list-teal li		{ background:url(../images/bullets/bullet-teal.png) no-repeat 0 5px; padding-left:20px;}	
#content ul.list-disc-teal li 	{ background:url(../images/bullets/disc-teal.png) no-repeat 0 5px; padding-left:20px;}	

#content ul.list-orange li		{ background:url(../images/bullets/bullet-orange.png) no-repeat 0 5px; padding-left:20px;}	
#content ul.list-disc-orange li	{ background:url(../images/bullets/disc-orange.png) no-repeat 0 5px; padding-left:20px;}	

#content ul.list-grey li		{ background:url(../images/bullets/bullet-grey.png) no-repeat 0 5px; padding-left:20px;}	
#content ul.list-disc-grey li 	{ background:url(../images/bullets/disc-grey.png) no-repeat 0 5px; padding-left:20px;}	

#content ul.list-brown li		{ background:url(../images/bullets/bullet-brown.png) no-repeat 0 5px; padding-left:20px;}	
#content ul.list-disc-brown li 	{ background:url(../images/bullets/disc-brown.png) no-repeat 0 5px; padding-left:20px;}	

#content ul.list-yellow li 		{ background:url(../images/bullets/bullet-yellow.png) no-repeat 0 5px; padding-left:20px;}	
#content ul.list-disc-yellow li	{ background:url(../images/bullets/disc-yellow.png) no-repeat 0 5px; padding-left:20px;}	

#content ul.list-pink li 		{ background:url(../images/bullets/bullet-pink.png) no-repeat 0 5px; padding-left:20px;}	
#content ul.list-disc-pink li 	{ background:url(../images/bullets/disc-pink.png) no-repeat 0 5px; padding-left:20px;}	

#content ul.list-yellowstar li	{ background:url(../images/bullets/bullet-yellowstar.png) no-repeat 0 2px; padding-left:20px; }	
#content ul.list-bluestar li 	{ background:url(../images/bullets/bullet-bluestar.png) no-repeat 0 2px; padding-left:20px; }	

#content ul.list-circle li 	  	{ background:url(../images/bullets/bullet-circle.png) no-repeat 0 4px; padding-left:20px;  }	
#content ul.list-arrow-small li 	{ background:url(../images/bullets/bullet-arrow-small.png) no-repeat 0 6px; padding-left:15px; }

#content ul.list-arrow li 		{ background:url(../images/bullets/bullet-green-arrow.png) no-repeat 0 2px; padding-left:23px; }	
#content ul.list-arrow2 li		{ background:url(../images/bullets/bullet-green-arrow2.png) no-repeat 0 5px; padding-left:15px; }
	
#content ul.list-plus li		{ background:url(../images/bullets/bullet-plus.png) no-repeat 0 2px; padding-left:22px; }	
#content ul.list-minus li		{ background:url(../images/bullets/bullet-minus.png) no-repeat 0 2px; padding-left:22px; }
	
#content ul.list-checkmark li 	{ background:url(../images/bullets/bullet-checkmark.png) no-repeat 0 4px;padding-left:22px;  }
#content ul.list-checkmark2 li 	{ background:url(../images/bullets/bullet-checkmark2.png) no-repeat 0 2px;padding-left:22px;  }

#content ul.list-cross li 		{ background:url(../images/bullets/bullet-cross.png) no-repeat 0 2px; padding-left:22px;}	
#content ul.list-blue-arrow li 	{ background:url(../images/bullets/blue-arrow.png) no-repeat 0 2px; padding-left:22px;}	
#content ul.list-black-arrow li { background:url(../images/bullets/black-arrow.png) no-repeat 0 2px; padding-left:22px;}	

/* Ordered Lists */

#content ol {	padding: 0 0 8px 23px; }
	
#content ol li{
	padding-bottom:5px;
	line-height:19px;	
	list-style-type:decimal;
	list-style-position: outside; }	

/* ========================================================== 
	(03) BUTTONS
============================================================ */

button { 	
	cursor: pointer;
	overflow: visible; 
	position: relative;}
	
button span { 	
	display: block;	
	white-space: nowrap; 
	height:32px;	
	position: relative;}
	
button::-moz-focus-inner { border: none; padding:0;} /* span’s offset in firefox */

a.promotion-button, button.promotion-button{ 	
	height:39px;
	display:inline-block;
	padding:0 0 0 12px;
	width:auto;
	text-decoration:none;
	cursor:pointer;
	border:none;
	outline:none;	
	font-family:arial, verdana, georgia;}

a.promotion-button span, button.promotion-button span{ 	
	height:39px;
	display:inline-block;
	padding:0 20px 0 0;
	margin:0;
	line-height:35px;
	position: relative; 
	font-size:17px;	
	font-family:"Noticia Text", Georgia, arial;	}

a.promotion-button,button.promotion-button { background:url(../images/backgrounds/skin-button-left.png) no-repeat 0 0; padding:0 0 0 13px;}
a.promotion-button span,button.promotion-button span{ background:url(../images/backgrounds/skin-button-right.png) no-repeat right 0; color:#fff;text-shadow: 0 1px 0 #763f00; padding-right:53px; }
a:hover.promotion-button,button.promotion-button:hover{ background-position: 0 -50px; }
a:hover.promotion-button span,button.promotion-button:hover span{  background-position:right -50px; text-shadow: 0 1px 0 #4b2800; }

/* ====== White Buttons ====== */

a.button-small,button.button-small,a.button-medium,button.button-medium,a.button-large, button.button-large,a.button-xlarge, button.button-xlarge {
	display:inline-block;	
	text-decoration:none;
	cursor:pointer;
	border:none;
	outline:none;	
	font-family:arial, verdana, georgia;}

a.button-small span, button.button-small span,a.button-medium span, button.button-medium span,a.button-large span, button.button-large span,a.button-xlarge span, button.button-xlarge span{
	display:inline-block;
	color:#fff;
	margin:0;
	text-shadow: 1px 1px 0px #000;}

/* ====== Button Size Small ====== */
	
a.button-small,button.button-small,a.button-medium,button.button-medium,a.button-large, button.button-large,a.button-xlarge, button.button-xlarge { 	
	border-top:1px solid #dedede;
	border-left:1px solid #dadada;
	border-right:1px solid #dadada;
	border-bottom:1px solid #d1d1d1;	
	text-shadow: 1px 1px 0px #fff;		
	width:auto;
	color:#505050;	
	-moz-box-shadow: 1px 1px 2px #e5e5e5;
	-webkit-box-shadow: 1px 1px 2px #e5e5e5;
	box-shadow: 1px 1px 2px #e5e5e5;	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;	}
	
a.button-small,button.button-small { 
	background:url(../images/backgrounds/button-small.png) repeat-x 0 0; 
	padding:0 13px 0 13px; 
	height:29px; 
	line-height:29px; 
	font-size:11px; }
	
button.button-small { line-height:27px;}
	
a.button-medium,button.button-medium { 
	background:url(../images/backgrounds/button-medium.png) repeat-x 0 0; 
	padding:0 16px 0 16px;  
	height:34px; 
	line-height:34px; 
	font-size:13px; }	

button.button-medium { line-height:32px;}
	
a.button-large,button.button-large { 
	background:url(../images/backgrounds/button-large.png) repeat-x 0 0; 
	padding:0 18px 0 18px;  
	height:39px; 
	line-height:39px; 
	font-size:15px; }	

button.button-large { line-height:37px;}
	
a.button-xlarge,button.button-xlarge { 
	background:url(../images/backgrounds/button-xlarge.png) repeat-x 0 0; 
	padding:0 21px 0 21px;  
	height:49px; 
	line-height:49px; 
	font-size:18px; }	
	
button.button-xlarge { line-height:47px;}
	
a.button-small:hover,button.button-small:hover,a.button-medium:hover,button.button-medium:hover,a.button-large:hover,button.button-large:hover ,a.button-xlarge:hover,button.button-xlarge:hover { 
	color:#fff;
	text-shadow: 1px 1px 0px #4a667c;
	border-top:1px solid #5d7f9a;
	border-left:1px solid #4a667c;
	border-right:1px solid #4a667c;
	border-bottom:1px solid #4a667c;	
	-moz-box-shadow: inset 1px 1px 0px #4a667c;
	-webkit-box-shadow: inset 1px 1px 0px #4a667c;
	box-shadow: inset 1px 1px 0px #4a667c; }	
	
a.button-small:hover,button.button-small:hover {	background:url(../images/backgrounds/button-small-hover.png) repeat-x 0 0; 	}
a.button-medium:hover,button.button-medium:hover {	background:url(../images/backgrounds/button-medium-hover.png) repeat-x 0 0; 	}
a.button-large:hover,button.button-large:hover {	background:url(../images/backgrounds/button-large-hover.png) repeat-x 0 0; 	}
a.button-xlarge:hover,button.button-xlarge:hover {	background:url(../images/backgrounds/button-xlarge-hover.png) repeat-x 0 0; 	}
	
a.tiny-size ,button.tiny-size { height:21px; line-height:20px;	padding:0 10px 0 10px;  }		

/* ========================================================== 
	(04) IMAGE LEFT, RIGHT AND CENTER
============================================================ */

.image-left, .image-right, .image-center { 	
	padding:6px; 
	background:#fff;
	border:1px solid #d4d4d4;
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;	
	-moz-box-shadow: inset 3px 3px 3px #eeeeee;
	-webkit-box-shadow: inset 0 0 5px #eeeeee;
	box-shadow: inner 0 0 5px #eeeeee;
	-moz-box-shadow: inset 1px 1px 1px #fff;
	-webkit-box-shadow: inset 1px 1px 1px #fff;
	box-shadow: inset 1px 1px 1px #fff;}

.image-left { float:left; margin:5px 20px 10px 0; position:relative;}
.image-right { float:right; margin:5px 0 10px 20px; position:relative;}
.image-center { text-align:center; margin:10px 0 10px 0;}
.image-navl { 	
	padding:6px 1px 6px 6px; 
	background:#fff;
	border:1px solid #d4d4d4;
	border-radius:5px 0px 0px 5px;}
	
.image-navm { 	
	padding:6px 1px 6px 1px; 
	background:#fff;
	border:1px solid #d4d4d4;
	border-radius:0px 0px 0px 0px;
	}		

.image-navr { 	
	padding:6px 6px 6px 1px; 
	background:#fff;
	border:1px solid #d4d4d4;
	border-radius:0px 6px 6px 0px;}	

/* ========================================================== 
	(05) TEXT HIGHLIGHTING
============================================================ */

.highlight-yellow,.highlight-black,.highlight-green,.highlight-blue,.highlight-red,.highlight-grey { 
	padding:0 5px 0 5px; 
	height:20px;
	border:1px solid; 
	text-shadow:none;	
	color:#fff;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;}

.highlight-yellow { background-color:#FFFF00; border-color:#f0f000; color:#000;}
.highlight-black   { background-color:#010101; border-color:#000;}
.highlight-green   { background-color:#009900; border-color:#006e00;}
.highlight-blue     { background-color:#1b98da; border-color:#0074aa;}
.highlight-red       { background-color:#c80000; border-color:#890101;}
.highlight-grey     { background-color:#808080; border-color:#505050; color:#fff;}

/* ========================================================== 
	(06) GO TOP LINK
============================================================ */

.gotop a, .gotop a:active,.gotop2 a, .gotop2 a:active { 	
	text-decoration:none; 
	font-size:10px; 
	float:right;
	height:20px;
	margin-top:-20px;}	
.gotop2 a, .gotop2 a:active { margin-top:-12px; background:#ededed; padding-left:7px;}		
.gotop a, .gotop a:active {color:#888; }
.gotop2 a, .gotop2 a:active {color:#888}		
.gotop a:hover { color:#000; }
.gotop2 a:hover {color:#000; }

/* ========================================================== 
	(07) PAGINATION
============================================================ */

#content .page_navigation  { width:330px; background: url(../images/backgrounds/pagination-bg.png) repeat-x 0 0; height:33px; line-height:33px; text-align:center; margin:0 auto 0 auto;}

#content .page_navigation a {
	width:25px;
	height:20px;
	margin:0;	
	padding:0;
	text-align:center;
	text-shadow: 1px 1px 0 #fff;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;	
	line-height:33px;	
	display:inline-block;
	color:#363636;}
	
#content .page_navigation a:hover,#content .page_navigation  a.active_page {	
	height:20px;
	margin:6px 0 0px 0;	
	padding:0px;	
	line-height:20px;	
	width:23px;	
	color:#000;
	background:#ededed;		
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	-webkit-border-radius: 5px;	
	-moz-box-shadow: inset 0 0 5px #acacac;
	-webkit-box-shadow: inset 0 0 5px #acacac;
	box-shadow: inset 0 0 5px #acacac;
	border:1px solid #fff; }	

#content .page_navigation a.previous_link,#content .page_navigation a.next_link { 
	width:58px; 
	height:33px; 	
	display:inline-block; 
	text-indent:0px; 	
	border:none;		
	text-decoration:none;	
	position:relative;}

#content .page_navigation a.previous_link,#content .page_navigation a.next_link {  margin:0px; padding:0; box-shadow:none; border:0; border-radius: 0; text-indent:-9999px;}
#content .page_navigation a.previous_link  { background:url(../images/backgrounds/pagination-prev.png) no-repeat 0 0; float:left;   }
#content .page_navigation a.next_link { background:url(../images/backgrounds/pagination-next.png) no-repeat 0 0;  float:right; }
	
#content .page_navigation a:hover.previous_link,#content .page_navigation  a:hover.next_link{ background-position:0 bottom;  }	
	
/* ========================================================== 
	(08) TAB STYLES
============================================================ */

#content .tabs-box  { 	
	background:#f4f4f4 url(../images/backgrounds/sidebar-tab.png) repeat-x 0 0;	
	border:1px solid #d3d3d3; 
	margin-bottom:20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px; }

#content ul.tabs,#content ul.tabs2 { 		
	border:none;
	margin:0 0 9px 0;
	padding:0; 
	float: left; 	
	list-style: none; 
	height: 44px; 
	width: 100%; }

#content ul.tabs li ,#content ul.tabs2 li { border:none; margin:0; padding:0;}

#content ul.tabs li a,#content ul.tabs li:hover a,#content ul.tabs2 li a,#content ul.tabs2 li:hover a{ 	
	border-left:1px solid #f8f8f8; 
	border-right:1px solid #c8c8c8;	
	float: left; 	
	overflow: hidden; 
	position: relative; 
	margin:0;  
	font-family:"Calibri", georgia,arial,verdana; 	
	text-decoration: none; 
	height: 33px; 
	width:auto;
	color:#808080; 
	display: block; 
	font-size: 17px; 
	padding:0 22px 0 22px;
	outline: none;
	text-align:center;	 
	line-height: 30px;	}
	
#content ul.tabs li:first-child  a,#content ul.tabs2 li:first-child  a { border-left:0; }
#content ul.tabs li:last-child  a,#content ul.tabs2 li:last-child  a { border-right:0;padding:0 21px 0 21px; }

html #content ul.tabs li.tab-active a,html #content ul.tabs2 li.tab-active2 a{ background:url(../images/backgrounds/sidebar-tab-active.png) repeat-x center 0; border-left:0;  color:#000;}
html #content ul.tabs li:first-child.tab-active a,html #content ul.tabs2 li:first-child.tab-active2 a {
	border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
	-khtml-border-radius:5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;}
	
html #content ul.tabs2 li:last-child.tab-active2 a,#content ul.tabs2 li:last-child  a  { border-right:1px solid #c8c8c8;	border-left:1px solid #f8f8f8;  }

.tab_container,.tab_container2 { 	
	clear: both; 	
	float: left;  
	width: 100%; 
	color:#707070;	 }

.tab_content{ padding: 0 0 10px 10px;}
.tab_content2 { padding:0px 20px 0 20px;}
	
/* ========================================================== 
	(09) TOGGLES
============================================================ */

.trigger, .acc_trigger, .trigger, .acc_trigger { margin-bottom:2px; }

.trigger, .acc_trigger, .trigger, .acc_trigger,p.active a,p.active2 a,.toggle_container, .acc_container
	{
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	-webkit-border-radius: 5px;	}

p.trigger, p.acc_trigger{ 
	font-family:"Calibri", georgia,arial,verdana;
	clear:both;
	padding:0;  
	margin:0 0 2px 0;  
	background: url(../images/backgrounds/toggles.png) no-repeat right 0;  
	height: 35px;  
	line-height: 33px; 
	width: 100%; 
	float: left; 
	border: 1px solid #c1c1c1; }
	
p.trigger a, p.acc_trigger a { clear:both;
	color: #363636; 
	font-size: 16px; 	
	text-indent:12px; 
	text-decoration: none; 
	display: block;
	height: 35px;  	
	line-height: 33px;  }
	
p.trigger a:hover, p.acc_trigger a:hover { color: #000;  }

p.active a{background: url(../images/backgrounds/toggles.png) no-repeat right bottom; color: #000; }

.toggle_container, .acc_container { 
	margin: 0 0 2px 0; 
	padding: 6px; 
	overflow: hidden; 
	width: 99%; 
	clear: both; 
	border: 1px solid #c1c1c1;
	color:#707070;
	background-color:#fff; }
	
.toggle_container .block , .acc_container .block { 
	padding: 15px 20px 0px 20px; 
	margin:0; }

p.trigger2, p.acc_trigger2{ 
	padding: 0;  
	margin:0 0 2px 0; 
	background: url(../images/backgrounds/plus.png) no-repeat 0px 9px;  
	height: 32px;  
	line-height: 32px; 
	width: 100%; 
	float: left; }
	
p.trigger2 a, p.acc_trigger2 a { 
	font-family:"Noticia Text", georgia,arial,verdana;
	color: #363636; 
	font-size: 14px; 	
	text-indent:25px; 	
	text-decoration: none; 
	display: block; 
	margin-bottom:0; }
	
p.active2 a { background: url(../images/backgrounds/minus.png) no-repeat 0px 9px; color: #000; }

p.trigger2 a:hover, p.acc_trigger2 a:hover {  color: #000; }

.toggle_container2, .acc_container2 { 
	margin: 0 0 5px 0px;
	padding: 0; 
	overflow: hidden; 
	width: auto; 
	clear: both; }
	
.toggle_container2 .block2, .acc_container2 .block2{ 
	padding: 10px 15px 0px 15px; 
	margin:0; }	
	
/* ========================================================== 
	(10) TOOLTIP
============================================================ */

.tipsy { padding: 5px; font-size: 12px; background-repeat: no-repeat;  background-image: url(../images/backgrounds/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:5px; -webkit-border-radius:5px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }
	
/* ========================================================== 
	(11) IMAGE HOVER ZOOM, PLAY, DOC & FLASH ICONS
============================================================ */

.zoom-icon, .play-icon, .doc-icon, .flash-icon, .preloader { background-position:50% 50%; background-repeat:no-repeat;z-index:9999;}
.zoom-icon   { background-image:url(../images/icons/zoom.png)}
.play-icon   { background-image:url(../images/icons/play.png) }
.doc-icon     { background-image:url(../images/icons/doc.png) }
.flash-icon { background-image:url(../images/icons/flash.html) }
.preloader { background-image:url(../images/backgrounds/pre-loader4.html) }