* {
	padding:0px;
	margin:0px;
}
body {
	color: #333333;
	font: 12px/17px "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
	background: #ffffff;
}
a {
	text-decoration:none;
	outline:none;
	color: #DC0963;
}
a:hover {
	text-decoration: none;
	color: #333333;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
img, a img {
	border:none;
}
ul, li {
	list-style-type: none;
}
input,select,button {
	outline:none;
}
input,select,textarea {
	font-family:inherit;
}
blockquote {
	font-style: oblique;
	padding: 10px;
}

.hide { 
	display: none; 
}
.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
}
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.caps {
	text-transform: uppercase;
}


/*		
//////////////////////////////////////////////////////
	LAYOUT
//////////////////////////////////////////////////////
*/

body.orange #wrapper {
	background: #ffffff url(../images/bg_orange.png) repeat-x 0px 0px;
}
body.pink #wrapper {
	background: #ffffff url(../images/bg_pink.png) repeat-x 0px 0px;
}
#wrapper {
	background: #ffffff url(../images/bg.png) repeat-x 0px 0px;
}
#wrapper-inner {
	width: 960px;
	margin: 50px auto 0px;
	padding: 0px 0px 50px;
}

/*		
//////////////////////////////////////////////////////
	HEADER
//////////////////////////////////////////////////////
*/

#header {
	position:relative;
	z-index:10;
	height: 116px;
	width:100%;
	top:40px;
	background: url(../images/navigation_bg.png) no-repeat 0px 0px;
}
#header .wrapper {
	width: 960px;
	margin: 0px auto;
	position:relative;
}
#logo {
	width:259px;
	height:121px;
	float: right;
	position:absolute;
	z-index:11;
	top:-30px;
	right:0px;
	background: url(../images/logo.png) no-repeat 0px 0px;
}
#logo a {
	display:block;
	width:259px;
	height:121px;
	text-indent:-999999px;
	/*background: #FFFFFF;*/
}
#navigation {
	position:absolute;
	z-index:12;
	height: 67px;
}
#navigation ul {
	margin: 17px 0px 0px;
	position:relative;
	left:10px;
	
}
#navigation ul li {
	float:left;
	height: 36px;
	background: url(../images/nav_left.gif) no-repeat 0px 0px;
	display: block;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 12px;
}
#navigation ul li a {
	display:block;
	float:left;
	height: 36px;
	background: url(../images/nav_right.gif) no-repeat 100% top;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 0px 11px 0px 0px;
}
#navigation ul li a span {
	padding: 9px 0px 0px;
	display: block;
}
#navigation ul li a:hover,
#navigation ul li.tf a:hover,
#navigation ul li.selected a:hover {
	color: #CCCCCC;
}
#navigation ul li.selected {
	float:left;
	height: 36px;
	background: url(../images/nav_left.gif) no-repeat 0px -36px;
	display: block;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 12px;
}
#navigation ul li.selected a {
	display:block;
	float:left;
	height: 36px;
	background: url(../images/nav_right.gif) no-repeat 100% -36px;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 0px 10px 0px 0px;
}
#navigation ul li.tf {
	float:left;
	height: 36px;
	background: url(../images/nav_left.gif) no-repeat 0px -72px;
	display: block;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 31px;
}
#navigation ul li.tf a {
	display:block;
	float:left;
	height: 36px;
	background: url(../images/nav_right.gif) no-repeat 100% -72px;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 0px 12px 0px 3px;
}
#navigation ul li.tf.selected {
	float:left;
	height: 36px;
	background: url(../images/nav_left.gif) no-repeat 0px -108px;
	display: block;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 31px;
}
#navigation ul li.tf.selected a {
	display:block;
	float:left;
	height: 36px;
	background: url(../images/nav_right.gif) no-repeat 100% -108px;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 0px 12px 0px 3px;
}

/*		
//////////////////////////////////////////////////////
	Home
//////////////////////////////////////////////////////
*/

/*#home {
	margin: 50px 0px 0px;
	background: url(../images/header_home_001a.png) no-repeat left top;
	position:absolute;
	z-index:9;
	height:730px;
	width:100%;
	top:-61px;
	left:0px;
}*/
#home {
	position:absolute;
	z-index:9;
	width:100%;
}
#home .wrap {
	background: url(../images/header_home_01.jpg) no-repeat left top;
	margin: 0px auto;
	height:540px;
	min-width: 960px;
	max-width:1030px;
	position:relative;
	z-index:10;
	top:-148px;
	left:0px;
}

/*#home2 {
	margin: 50px 0px 0px;
	background: url(../images/header_home_002.png) no-repeat left top;
	position:absolute;
	z-index:9;
	height:730px;
	width:100%;
	top:-61px;
	left:0px;
}*/
#home2 {
	position:absolute;
	z-index:9;
	width:100%;
}
#home2 .wrap {
	background: url(../images/header_home_02.jpg) no-repeat left top;
	margin: 0px auto;
	height:540px;
	min-width: 960px;
	max-width:1030px;
	position:relative;
	z-index:10;
	top:-145px;
	left:0px;
}
/*#home3 {
	margin: 50px 0px 0px;
	background: url(../images/header_home_003.png) no-repeat left top;
	position:absolute;
	z-index:9;
	height:730px;
	width:100%;
	top:-61px;
	left:0px;
}*/
#home3 {
	position:absolute;
	z-index:9;
	width:100%;
}
#home3 .wrap {
	background: url(../images/header_home_03.jpg) no-repeat left top;
	height:520px;
	min-width: 960px;
	max-width:1030px;
	margin:0px auto;
	position:relative;
	z-index:10;
	top:-128px;
	left:0px;
}
#home .featured-txt,
#home2 .featured-txt,
#home3 .featured-txt {
	position:relative;
	z-index:10;
	width:350px;
	top:200px;
	left:620px;
}
#home .featured-txt p,
#home2 .featured-txt p,
#home3 .featured-txt p {
	color: #FFFFFF;
}
#home .featured-txt .button,
#home2 .featured-txt .button,
#home3 .featured-txt .button {
	width:225px;
	height:59px;
	background: url(../images/button_home.png) no-repeat 0px 0px;
	margin:0px auto;
}
#home .featured-txt .button a,
#home2 .featured-txt .button a,
#home3 .featured-txt .button a {
	display:block;
	width:225px;
	height:59px;
	text-indent:-99999px;
}
.home-featured-block {
	height:210px;
	width:100%;
	margin-top:355px;
	background: url(../images/pink_pattern.png) repeat-x left bottom;
}
.home-featured-block .wrapper {
	width:990px;
	margin:0px auto;
	padding: 30px 0px 0px;
	z-index:11;
	position:relative;
	color: #FFFFFF;
	/*bottom:-50px;*/
}

.home-featured-block .wrapper .box {
	width:325px;
	height:170px;
	float:left;
	margin-right:5px;
	/*background: #FFFFFF;*/
	position:relative;
	top:0px;
	color: #4C4D4F;
	background: url(../images/box_bg.png) no-repeat left bottom;
}
.home-featured-block .wrapper .box.selected {
	width:325px;
	height:175px;
	float:left;
	/*background: #FFFFFF;*/
	position:relative;
	top:-5px;
	color: #4C4D4F;
	background: url(../images/box_bg_selected.png) no-repeat -2px bottom;
}
.home-featured-block .wrapper .box a {
	display:block;
	width:310px;
	height:170px;
	padding: 37px 6px 0px;
	/*position:relative;
	z-index:12;*/
	
}
.home-featured-block .wrapper .box a img {
	float:left;
	/*vertical-align:middle;*/
}
.home-featured-block .wrapper .box a span {
	display:block;
	width:140px;
	margin-left:5px;
	float: left;
	
}
.home-featured-block .wrapper .box a span.title {
	color: #DC0963;
	font-weight: bold;
	margin-bottom: 3px;
}
.home-featured-block .wrapper .box a span.desc {
	color: #4C4D4F;
}



/*		
//////////////////////////////////////////////////////
	MAIN
//////////////////////////////////////////////////////
*/

#content {
	background: url(../images/content_bg.png) no-repeat 0px 0px;
	width:964px;
}
#content a {
	color: #DC0963;
}
#content a:hover {
	color: #333333;
}
#content .wrapper {
	margin: 0px auto 0px 30px;
	width: 930px;
	padding: 10px 0px 0px;
}
#content .wrapper-left {
	width: 710px;
	padding: 10px 0px 20px;
	float:left;
}
#content .wrapper-top {
	width:900px;
	margin:0px auto;
	padding: 15px 0px 0px;
}
#content-bottom {
	background: url(../images/content_bg.png) no-repeat left bottom;
	width:964px;
}
.product-category,
.tf-category {
	float:left;
	width:280px;
	min-height:290px;
	margin: 0px 30px 0px 0px;
	padding: 0px 0px 20px;
}
.product-category h2.title {}
.product-category p,
.tf-category p {
	color: #333333;
	width: 260px;
	margin: 3px auto 0px;
}
#content .wrapper-left h2.title {}
.product-item {
	float:left;
	width:200px;
	min-height:235px;
	margin: 0px 35px 0px 0px;
	padding: 0px 0px 20px;

}
.product-item h2.title {
	color:#DC0963;
	font-weight: bold;
	font-size: 13px;
	margin: 0px 0px 5px;
}
.product-item h2.title a {
	display:block;
}
.product-single {
	margin: 0px 0px 30px;
}
.product-single img {
	float:left;
	display:block;
	width:350px;
	height:350px;
	margin-right:20px;
}
.product-single .box {
	float:left;
	width:220px;
	margin: 0px 15px 10px 0px;
}
.product-single .box h2 {
	font-size: 14px;
	font-weight: bold;
}
.product-single .box p {
	padding: 5px 0px;
}
.product-item-small {
	width:200px;
	float:left;
	/*min-height:65px;*/
	margin: 10px 15px 5px 0px;
	padding: 8px;
}
.product-item-small.selected {
	background: #ECECEC;
	padding: 8px;
}
.product-item-small a img {
	float:left;
	margin-right:10px;
}
.product-item-small h2.title {
	margin: 0px 0px 5px;
	color: #DC0963;
	font-weight: bold;
}
.product-item-small.selected h2.title,
.product-item-small.selected h2.title a {
	color: #000000!important;
}
.product-item-small p {
	font-size: 11px;
	line-height: 15px;
}

/*	
//////////////////////////////////////////////////////
	TF
//////////////////////////////////////////////////////
*/

.featured-tf {
	width:900px;
	height:230px;
	position:relative;
	z-index:12;
	margin: 0px 0px 30px;
}
.featured-tf h2.title {
	position:absolute;
	z-index:13;
	top:60px;
	left:15px;
	width:320px;
}
.tf-single {
	margin-bottom:15px;
}
.tf-single .tf-featured {
	position:relative;
	z-index:14;
	width:680px;
	height:230px;
}
/*.tf-single .tf-featured img {
	position:relative;
	z-index:13;
		width:680px;
	height:230px;
}*/
.tf-single .tf-featured a {
	position:absolute;
	width:199px;
	height:71px;
	z-index:15;
	top:80px;
	left:5px;
	background: url(../images/button_download.png) no-repeat 0px 0px;
	display:block;
	text-indent:-99999px;
}
.tf-single h2.title {
	margin-top:15px;
	margin-bottom: 10px;
}
.tf-single p {
	width:680px;
}

/*
	Pages
*/

.page-featured {
	position:relative;
	z-index:14;
	width:900px;
	height:230px;
}
.page-featured span {
	position:absolute;
	z-index:15;
	top:30px;
	left:220px;
	width:620px;
	display:block;
}
.page-single {
	margin-bottom:15px;
}
.page-single h2.title {
	margin-top:15px;
	margin-bottom: 10px;
}
.page-single p {
	width:680px;
	/*margin: 0px 0px 15px;*/
	padding: 0px 0px 25px;
}
#content .wrapper-contact {
	width:900px;
	margin:0px auto;
	padding: 15px 0px;
}
#content .wrapper-contact .box {
	float:left;
	width:220px;
	margin: 20px 5px 25px 0px;
}
#content .wrapper-contact .box h2 {
	font-weight: bold;
	color: #000000;
	font-size: 14px;
	margin: 0px 0px 5px;
}
#content .wrapper-contact .box p {
	font-size: 11px;
}
#content .wrapper-contact .box a {
	display: block;
	margin: 5px 0px 0px;
	/*text-decoration: underline;*/
}
#content .wrapper-login {
	width:900px;
	margin:0px auto;
	padding: 15px 0px;
}
#content .wrapper-login .box {
	float:left;
	width:440px;
	margin: 20px 5px 25px 0px;
}
#content .wrapper-login .box h2 {
	font-weight: bold;
	color: #000000;
	font-size: 14px;
	margin: 0px 0px 5px;
}
#content .wrapper-login .box a {
	text-decoration: underline;
}
#content .wrapper-login .box form {
	position:relative;
	z-index:16;
}
#content .wrapper-login .box label {
	display:block;
	margin-bottom:2px;
}
#content .wrapper-login .box input.text {
	width:145px;
	height:17px;
	margin-bottom:15px;
	padding: 3px 0px 0px 1px;
}
#content .wrapper-login .box button {
	width:135px;
	height:59px;
	cursor:pointer;
	text-indent:-99999px;
	background: #FFFFFF url(../images/button_login.gif) no-repeat 0px 0px;
	border:none;
	position:absolute;
	z-index:17;
	top:30px;
	left:180px;
}


/*	
//////////////////////////////////////////////////////
	SIDEBAR
//////////////////////////////////////////////////////
*/

#sidebar {
	float: left;
	width: 249px;
}
#sidebar .wrapper {
	margin: 55px 10px 0px 40px;
	width: 200px;
}
#sidebar .wrapper-pages {
	margin: 25px 10px 0px 40px;
	width: 200px;
}
#sidebar h3.title {}
#sidebar ul {}
#sidebar ul li {
	margin: 0px 0px 6px;
}
#sidebar ul li a {
	color: #DC0963;
	font-weight: bold;
	font-size: 13px;
	display: block;
}
#sidebar ul li a:hover {
	color: #000000;
}
#sidebar ul li.selected {
	background-color: transparent!important;
	margin: 0px 0px 6px;
	padding:0px;
}
#sidebar ul li.selected a {
	color: #000000;
}


/*		
//////////////////////////////////////////////////////
		FOOTER
//////////////////////////////////////////////////////
*/

#footer {
	text-align: center;
	clear: both;
	background: #FFFFFF url(../images/footer_bg.gif) repeat-x 0px 0px;
	padding: 35px 0px;
}
#footer p {
	font-size: 11px;
	margin: 0px 0px 10px;
}
#footer a {
	color: #333333;
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
	margin: 0px 5px 0px 0px;
}
#footer a:hover {
	text-decoration: none;
}