/*------------------------------------------------------------------------
# JA Regulus Ex for Joomla 1.5 - Version 1.4 - Licence Owner JA129121
# ------------------------------------------------------------------------
# Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites:  http://www.joomlart.com -  http://www.joomlancers.com
# This file may not be redistributed in whole or significant part.
-------------------------------------------------------------------------*/



/* COMMON STYLE
--------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	color: #0F1114;
	background: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

body#bd {
	background: url(../images/backpattern.jpg) #FFFFFF;
 	height:100%;
	display:block;
}

body#internalFrame {
	text-align: left;
	background: none;
	height:80%;	
}

#bdMain{
	background:url(../images/background2.jpg) center  no-repeat #343434;
}
body.contentpane {
	width:auto;
	margin: 10px;
	line-height: 140%;
}

#container {
	width: 1000px;
	height: 651px;
	margin: 2px auto;
	padding: 0;
	position: relative;
	z-index: 1;
	top:0px;
	left:0px;
	border: #333333 1px solid;
}
#containe921r {
	width: 1000px;
	height: 921px;
	margin: 2px auto;
	padding: 0;
	position: relative;
	z-index: 1;
	top:0px;
	left:0px;
	border: #333333 1px solid;
}

#header{
position:absolute;
top:0px;
left:0px;
z-index:100;
width:1000px;
height:149px
}
#footer{
	position:absolute;
	top:550px;
	left:0px;
	width:1000px;
	height:101px;
	z-index:1;
}
#footer921{
	position:absolute;
	top:820px;
	left:0px;
	width:1000px;
	height:101px;
	z-index:1;
}
#headerNav{
	position:absolute;
	top:59px;
	left:213px;
	z-index:200;
	width:425px;
	height:41px
}
#footerNav{
	position:absolute;
	top:583px;
	left:271px;
	z-index:100;
	width:558px;
	height:55px;
}
#footerNav921{
	position:absolute;
	top:853px;
	left:271px;
	z-index:100;
	width:558px;
	height:55px;
}
#fb{
	position:absolute;
	top:600px;
	left:860px;
	z-index:100;
}
#fb921{
	position:absolute;
	top:870px;
	left:860px;
	z-index:100;
}
#mainBackgound{
	position:absolute;
	top:69px;
	left:0px;
	width:1000px;
	height:600px;
	z-index:0;
}
#mainBackgound921{
	position:absolute;
	background-color:#FFF;
	top:69px;
	left:0px;
	width:1000px;
	height:821px;
	z-index:0;
}

#mainFrame{
	position:absolute;
	top:180px;
	left:50px;
	width:613px;
	height:403px;
	z-index:99;
}
#mainFrameUp{
	position:absolute;
	top:180px;
	left:50px;
	width:613px;
	height:403px;
	z-index:100;
}
#mainFrameUpper{
	position:absolute;
	top:165px;
	left:50px;
	width:613px;
	height:403px;
	z-index:10;
}

#subMenu{
	position:absolute;
	top:160px;
	left:50px;
	width:700px;
	height:50px;
	z-index:2000;
}
/*Side background frame*/
#pinkRazorBG{
	position:absolute;
	top:505px;
	left:45px;
	z-index:1;
}
#greenRazorBG{
	position:absolute;
	top:495px;
	left:40px;
	z-index:1;
}
#faqPage{
	position:absolute;
	top: 183px;
	/*top:500px;*/
	left:550px;
	z-index:2000;
}
#trimDemoLogo{
	position:absolute;
	top:200px;
	left:25px;
	z-index:1;
}
#refillLogo{
	position:absolute;
	top: 425px;
	left:320px;
	z-index:1;
}

/*Content frame*/
#p_razor_main{
	position:absolute;
	top:200px;
	left:325px;
	width:300px;
	z-index:2;
}
#p_refill_main{
	position:absolute;
	top:200px;
	left:325px;
	width:310px;
}
#b_launch_main{
	position:absolute;
	top:200px;
	left:50px;
	width:420px;
	z-index:1000;
}

.razor_link a:link{
	color:#F1528D;
	text-decoration:underline;
}
.razor_link a:active{
	color:#F1528D;
	text-decoration:underline;
}
.razor_link a:hover{
	color:#F1528D;
	text-decoration:underline;
}
.razor_link a:visited{
	color:#F1528D;
	text-decoration:underline;
}

.trimstyle_link a:link{
	color:#00ACA1;
	text-decoration:underline;
}
.trimstyle_link a:active{
	color:#00ACA1;
	text-decoration:underline;
}
.trimstyle_link a:hover{
	color:#00ACA1;
	text-decoration:underline;
}
.trimstyle_link a:visited{
	color:#00ACA1;
	text-decoration:underline;
}

h1 {
	font-size: 1.4em;
}

h2 {
	margin: 10px 0;
	font-size: 1.45em;
}

h3, h4 {
	margin: 10px 0;
	font-size: 1.2em;
}

/* normal text */
td, div {
	font-size: 1em;
}

/* Title text */
.contentheading, .componentheading, div.moduletable h3, #ja-subnav h3,
#ja-col div.moduletable-green h3, #ja-col div.moduletable-yellow h3,
h1, h2, h3, h4 {
	font-family:Arial, Helvetica, sans-serif;
}

/* Normal link */
a {
	color: #004C80;
	text-decoration: underline;
}

a:hover, a:active {
	color: #004C80;
	text-decoration: none;
}

p {
	margin: 12px 0;
	line-height:150%;
	color:#444444;
}


hr {
	border-top: 1px solid #9AA587;
	border-: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
}

img {
	border: 0;
}

/* FORM
--------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

input, select {
	font: 11px Arial, Helvetica, sans-serif;
}

select, .inputbox {
	background: #FFFFCC;
}

textarea {
	border: 1px solid #E6E6E6;
 
}

.button {
	padding-left: 5px;
	padding-: 5px;
	border: 1px solid #808080;
	background: url(../images/but-bg.gif) no-repeat bottom right;
}

.inputbox {
	padding-left: 2px;
	border-top: 1px solid #9AA587;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #9AA587;
}


.error {
	color: #CC0000;
}

.highlight {
	border-bottom: 1px dotted;
	font-weight: bold;
}

.message {
	color: #E97B00;
	font-weight: bold;
}


.clearfix {
	display: block;
}

/* End hide from IE-mac */
/* Firefox Scrollbar Hack - Do not remove */
html {
	margin-bottom: 1px;
	height: 100%;
}


a{color: #424242; text-decoration: none;}
a:link{color: #424242; text-decoration:none }
a:visited{color: #424242; text-decoration: none;}
a:hover{color: #424242;text-decoration: underline; }

.imageLeft{
float:left;
padding-right:10px;
padding-bottom:3px;
text-align:center;
font-size:11px;
line-height : 13px;
}
.imageRight{
float:right;
padding-right:10px;
padding-bottom:3px;
text-align:center;
font-size:11px;
line-height : 13px;
}
.imageLeft img{
display:block;
padding-bottom:8px;
 
}
.imageRight img{
display:block;
padding-bottom:8px;
}
h2{
font-size:18px;
font-weight:bold;
color:#ED1C24
}
.letterQ{
font-size:18px;
font-weight:bold;
color:#ED1C24;
}
.letterA{
	font-size:18px;
	font-weight:bold;
	color:#ED1C24;
	vertical-align: top;
}
.question{
margin-top:4px;
padding-top:10px;
padding-bottom:6px;
border-top:#aaaaaa solid 1px;

}
.faqBody{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12pt;
font-weight:normal;
color: #333333;
}

.headline{
font-weight:bold;
}

.midTitle{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:bold;
color: #ee2c74;
}
.bigTitle{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
color: #ee2c74;
}
.smallTitle{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
color: #ee2c74;
}
.midGrayBold{
font-weight:bold;
font-size:1.1em;
color:#333333;
}
.pink{
color: #ee2c74;
}
.short{
	width:160px;
	border: 1px solid #999999;
}
.long{
	width: 320px;
	border: 1px solid #999999;
}
.long2{
	width: 500px;
	border: 1px solid #999999;
}
#faq1, #faq2, #faq3, #faq4, #faq5, #faq6, #faq7, #faq8, #faq9, #faq10, #faq11, #faq12, #faq13, #faq14, #faq15, #faq16{
position:absolute;
top:175px;
left:0px;
width:550px;
height:auto;
visibility:hidden;
}
#ft1, #ft2, #ft3, #ft4, #ft5, #ft6, #ft7, #ft8{
position:absolute;
top:190px;
left:0px;
width:550px;
height:auto;
visibility:hidden;
}
#ft9, #ft10, #ft11, #ft12, #ft13, #ft14, #ft15, #ft16, #ft17{
position:absolute;
top:205px;
left:0px;
width:550px;
height:auto;
visibility:hidden;
}