/*  
Site: www.x3cms.net
Description: internal page css rules
Version: 1.0
Author: www.cblu.net
*/

/* HTML */
html {font-size: 75%;}
body {font-family:helvetica,arial,verdana,sans-serif;;color:#444;line-height:1.5em;background:#ddd;}
h1, h2, h3, h4, h5, h6 {font-family:helvetica,arial,verdana,sans-serif;}
body, div, fieldset {margin:0;padding:0;}
h1 {font-size:2.2em;color:#345;font-weight:normal;}
h2 {font-size:1.6em;color:#444;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
h5 {font-size:1em;}
h5.sub {padding:3px 10px;color:#fff;background:#aaa;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
h6 {font-size:0.8em;}
a {text-decoration:none;color:#e60;}
a:hover {text-decoration:underline;}
a img {border:none;}
ul {list-style: square;}
ul li ul {margin-bottom:5px;}

/* FORMS */
fieldset {width:auto;padding:0 10px 5px 10px;border:none;}
label {display:block;font-weight:bold;margin-top:10px;}
label span {font-weight:normal;color:#666;}
input, textarea, select {border:1px solid #999;padding:1px 3px;margin:1px;font-family:inherit;font-size:1em;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
input:focus, textarea:focus, select:focus {border:1px solid #e60;}
input.noborder, input.check {border:none;background:none;}
button {padding:4px 6px;margin:1px;font-family:inherit;font-size:1em;font-weight:bold;color:#444;cursor:pointer;}
textarea {width:100%;height:100px;}

/* TABLES */
table {width:100%;padding:0;border-spacing:0;font-size:inherit;}
th {border-bottom:1px dotted #ccc;}
td {margin:1px;padding:5px;vertical-align:top;color:#333;}
table.bdot tr td {border-bottom:1px dotted #ccc;}

/* CODE */
pre {color:#111;font-family:courier,"courier new";border:1px dotted #ccc;padding:1em;}

/* COMMON (required) */
.clear {clear:both;}
.odd {background:#fff;}
.even {background:#eee;}
.even:hover, .odd:hover {background:#004f77;color:#fff;}
.xcenter {width:auto;margin:10px auto;text-align:center;}
.xbig {font-size:1.4em;font-weight:bold;}
.xsmall {font-size:0.9em;}
.aright {text-align:right;}
.fleft {float:left;}
.fright {float:right;}
.middle {vertical-align:middle;}
.block {margin-bottom:10px;}
.thumb {width:80px;}
.minw {width:30px;}
.reset {padding:0;margin:0;display:inline;}

.sbox {border-bottom:1px dotted #ccc;}
.on {color:#333;font-weight:bold;}

.edit {text-align:right;border:1px dotted #aaa;padding:3px 10px;}
.edit a {font-weight:normal;color:#999;}
a.button {font-weight:bold;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#e60;font-size:1.2em;padding:5px 10px;color:#fff;}

.blockdata {float:right;font-size:0.9em;text-align:right;}
.blockdata span {display:block;}
span.date {font-size:0.8em;}
span.author {margin-bottom:5px;}

/* LAYOUT */
#main {width:100%;background:#fff url(../img/back.jpg) top left repeat-x;border-bottom:1px solid #ccc;}
#page {width:900px;margin:0 auto;background:url(../img/page.png) top no-repeat;}
#head {color:#fff;height:100px;}
#head a {color:#666;font-weight:bold;}
#head a:hover {color:#def;}
#logo {float:left;margin:5px 0 0 20px;width:180px;}
#topic {min-height:300px;margin:0 0 5px 0;padding:10px 0;background:url(../img/under.gif) bottom left repeat-x;}
#l2 {float:left;width:560px;background:#fff;padding:10px 20px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
#r1 {float:right;}
#r1 div.block {width:250px;background:#eee;padding:10px 15px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
#l3 {background:#fff;padding:10px 20px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}

#ads {text-align:center;padding:15px 0;}

#foot {margin:0;text-align: center;font-size:0.90em;color:#444;}
#foot p span {line-height:30px;color:#444;font-size:0.9em;}
#foot a {color:#333;}

#menu_b {margin:5px 0;text-align:center;}
#menu_b ul {list-style:none;margin:0;padding:0;}
#menu_b ul li {display:inline;padding:0 10px;}
#menu_b a {font-size:1.2em;font-weight:normal;text-decoration:underline;}

/* BREADCRUMB */
#breadcrumb {clear:both;color:#ddd;}
#breadcrumb a {color:#eee;font-weight:bold;}
#breadcrumb a:hover {color:#fff;}

/* MESSAGES */
#msg {padding:15px 10px;background:#e60;color:#fff;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
#msg p {margin:0;font-weight:bold;}

/* SEARCH */
#sitesearch {float:right;margin-top:30px;text-align:right;}
#sitesearch input {background:none;border:1px solid #567;}
#sitesearch input:hover {background:#fff;opacity:0.3;}
#sitesearch input:focus {background:#fff;opacity:0.7;}
#sitesearch button {background:none;border:none;color:#ccc;}

/* FLAGS */
#flagsbox {width:860px;height:18px;margin:0 auto;text-align:right;}
#flagsbox a {margin-left:15px;color:#666;font-size:0.9em;}
#flagsbox a:hover {text-decoration:underline;}
#flagsbox a.flagged {color:#333;}

/* HIGHLIGHT */
.bbottom {padding-bottom:4px;}
.bbotdot {clear:both;background: url(../img/under.gif) bottom left repeat-x;padding-bottom:10px;}

/* BLOCKS OPTIONS */
.blockdata {float:right;font-size:0.9em;text-align:right;margin-bottom:-10px;}
.blockdata span {display:block;}
span.date {font-size:0.8em;}
span.author {margin-bottom:5px;}

/* HORIZONTAL MENUS */
ul.hmenu {list-style:none;margin:0;padding:0;}
ul.hmenu li {display:inline;padding:0 10px;}
ul.hmenu li a {font-weight:bold;}
/* TABS */
ul.hmenu li.tab {display:inline;padding:5px;margin:0 1px 5px 1px;}
ul.hmenu li.tab a {font-weight:bold;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#e60;font-size:1em;padding:5px 10px;color:#fff;}


/* TAGS */
.tags {margin:10px 0;border-top:1px dotted #999;font-size:0.9em;}
/* TAG CLOUD */
a.txxs {font-size:0.7em;}
a.txs {font-size:1em;}
a.ts {font-size:2em;}
a.tm {font-size:3em;}
/*a.tl {font-size:4em;}*/
a.txl {font-size:5em;}
a.txxl {font-size:6em;}


/* PAGINATION */
#pager {margin:5px 0;}
#pager span.n {font-weight:bold;color:#fff;background:#456;padding:4px 8px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#pager a {margin:0 3px;}

/* DROPDOWN MENU */
#menu {position:relative;}
/* all menu links */
#nav a , #subMC a {text-decoration:none;display:block;padding:10px 18px;text-transform:uppercase;font-weight:bold;}
/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{margin:0;float:left;}
/* Just sub menu links */
#subMC a, #nav li li a{text-align:left;}
/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #subMC a:hover, #subMC a:focus, #nav a.mainMenuParentBtnFocused, #subMC a.subMenuParentBtnFocused{color:#333;}

/* sub menu links on hover or focus */
#subMC a:hover, 
#subMC a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subMC a.subMenuParentBtnFocused,
#nav li a:hover,
#nav li a:focus{color:#222;}
/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn {background: url(../img/arrow_right.gif) right center no-repeat;}
/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused {background: url(../img/arrow_right_over.gif) right center no-repeat;}
/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn {background: url(../img/arrow_down.gif) right center no-repeat;}
/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused {background: url(../img/arrow_down_over.gif) right center no-repeat;}
/* ----[ OLs ULs, LIs, and DIVs ]----*/
/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{display:none;position: absolute;overflow:hidden;
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;margin:0 0 0 -2px;
}
/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMC ul, #subMC ol {padding:0;margin:0;list-style:none;line-height:1em;}
/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMC ul, #subMC ol {background:#fff;}
/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li {display:block;list-style:none;position:relative;float:left;}
#subMC li{list-style: none;}
/* main menu ul or ol elment */
#nav{display:block;position: absolute;list-style:none;margin:0 0 0 0;z-index:5;top:0;left:50%;text-align: center;display:block;}
#subMC {display:block;position:absolute;top:0;left:0;width:100%;height:0;overflow:visible;z-index:1000000000;}
/* ----[ The below is just for non-javscript users ]----*/
#nav li li{	float:none; }
#nav li li a{position:relative;float:none;}
#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.2em;
}
/* third-and-above-level lists */
#nav li ul ul {margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {margin-left: -1000em; }
/* lists nested under hovered list items */
#nav li:hover ul{margin-left: 0; }
#nav li li:hover ul {margin-left: 10em; margin-top:-2.5em;}
/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }

/* EXTERNAL LINK*/
a[target$='_blank'] {padding:0 0 0 20px;background:url(../img/external_link.gif) no-repeat 3px center;}
a[target$='_blank'] img {padding-left:0;background:none;}

/* SHOP */
#shop {margin:0 auto;}
#shop .navbar {margin-bottom:10px;border-bottom:1px dotted #ccc;}
#shop ul {list-style:none;margin:0;padding:0;}
#shop li {margin:15px 0;padding:0 10px;}
#shop li.ctg {display:inline;float:left;text-align:center;padding:5px;}
#shop li.ctg a {font-weight:bold;text-decoration:none;}

#prowindow {width:378px;margin:0 auto;}
#prowindow a {display:block;min-width:116px;float:left;margin:5px;border:1px solid #ccc;text-align:center;}

#shop img {text-decoration:none;}
#shop img.pro {float:left;margin-right:10px;}
#shop div.prodata {float:right;width:150px;text-align:right;margin-top:5px;background:#456;color:#fff;padding:5px 15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

#pro li {padding-bottom:10px;border-bottom:1px solid #ccc;margin:0.4em 0;}
#pro li a.title {text-transform:uppercase;padding-bottom:0;margin-bottom:-10px;}
.through {text-decoration:line-through;}

#cart .msg {font-weight:bold;text-align:center;}
#cart_overview h4 {margin:0;border-bottom:1px dotted #bbb;}

/* BOXES */
.boxed {margin-bottom:10px;}
.boxed span, #selected span.title {display:block;font-weight:bold;margin:3px 10px;padding:2px;}

.margined {margin:5px 10px;}
.dotted {border:1px dotted #aaa;margin:5px 0;padding:0px;}

/* SLIDESHOW */
#show {width:800px;margin:0 auto 0 auto;}
.slideshow {display: block;position: relative;z-index: 0;}
.slideshow-images {display: block;overflow: hidden;position: relative;}
.slideshow-images img {display: block;position: absolute;z-index: 1;}
.slideshow-thumbnails {overflow: hidden;}

.slideshow-images {height:554px;width:800px;}
.slideshow-images-visible {opacity: 1;}
.slideshow-images-prev {opacity: 0;}
.slideshow-images-next {opacity: 0;}
.slideshow-images img {float: left;left: 0;top: 0;}

.slideshow {height: auto;margin: 0 auto;width: 750px;}
.slideshow a img {border: 0;}

.slideshow-captions {
	background: #000;
	bottom: 0;
	color: #FFF;
	font: normal 12px/22px Arial, sans-serif;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%;
	z-index: 10000;
}
.slideshow-captions-hidden {height: 0;opacity: 0;}
.slideshow-captions-visible {height: 22px;opacity: .7;}

.slideshow-controller {
	background: url(../img/controller.png) no-repeat;
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 238px;
	z-index: 10000;
}
.slideshow-controller * {margin: 0;padding: 0;}
.slideshow-controller-hidden {opacity: 0;}
.slideshow-controller-visible {opacity: 1;}
.slideshow-controller a {cursor: pointer;display: block;height: 18px;overflow: hidden;position: absolute;top: 12px;}
.slideshow-controller a.active {background-position: 0 18px;}
.slideshow-controller li {list-style: none;}
.slideshow-controller li.first a {background-image: url(../img/controller-first.gif);left: 33px;width: 19px;}
.slideshow-controller li.last a {background-image: url(../img/controller-last.gif);left: 186px;width: 19px;}
.slideshow-controller li.next a {background-image: url(../img/controller-next.gif);left: 145px;width: 28px;}
.slideshow-controller li.pause a {background-image: url(../img/controller-pause.gif);left: 109px;width: 20px;}
.slideshow-controller li.play a {background-position: 20px 0;}
.slideshow-controller li.play a.active {background-position: 20px 18px;}
.slideshow-controller li.prev a {background-image: url(../img/controller-prev.gif);left: 65px;width: 28px;}

.slideshow-loader {height: 28px;right: 0;position: absolute;top: 0;width: 28px;z-index: 10001;}
.slideshow-loader-hidden {opacity: 0;}
.slideshow-loader-visible {opacity: 1;}

.slideshow-thumbnails {bottom: -65px;height: 65px;left: 0;position: absolute;width: 100%;}
.slideshow-thumbnails * {margin: 0;padding: 0;}
.slideshow-thumbnails ul {height: 65px;left: 0;position: absolute;top: 0;width: 10000px;}
.slideshow-thumbnails li {float: left;list-style: none;margin: 5px 5px 5px 0;position: relative;}
.slideshow-thumbnails a {display: block;float: left;padding: 0;position: relative;}
.slideshow-thumbnails a:hover {background-color: #FF9 !important;opacity: 1 !important;}
.slideshow-thumbnails img {display: block;}
.slideshow-thumbnails-active {background-color: #9FF;opacity: 1;}
.slideshow-thumbnails-inactive {background-color: #FFF;opacity: .5;}

/* TREES */
.rtoggle {cursor:pointer;color:#e60;}
.rtoggle:hover {text-decoration:underline;}
.rtoggle.active{font-weight:bold;}
.relement p {margin:5px 0;}

/* FAQ */
.faq {margin:5px 0 0 0;padding:3px 0 3px 10px;border-left:20px solid #ddd;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-transform:uppercase;}
.question {margin:5px 0 0 30px;border-bottom:1px dotted #ccc;}
.answer {margin-left:30px;}