/*************************************************************************************
	CSS / xHTML Framework 	( version 1.8 )
	by seeasis.com 2009 	( seeasis.com | seeasis.com@gmail.com )
**************************************************************************************

### CSS FILE STRUCTURE:
		Layout Reset
		Layout Helpers
		Basic Elements Styles: 	[ p, h, a, a:hover ]
		Level 1: BoxAxxxx - Primary Layout - Position 		{ Position, Box }
		Level 1: BoxAxxxx - Primary Layout - Styles 		{ Font, Text-style, Other }
		Level 1: BoxAxxxx - Primary Layout - Elements
		Custom Elements
			HR Pseudo: 		[ .HrNormal, .HrThin, .HrDotted, .HrDashed ]
			TextImages		[ span.TextNImg, TextImgNXxxx ]
			Buttons:		[ a.ButtonX, a.ButtonIco ]
			Lists: 			[ ul, ol, dl ]
			Navigators 		[ .NavMain, .NavSec, .NavFooter, .NavPages, .NavBread ]
			Forms: 			[ Common forms, .Fn, .Fe ]
			Tables: 		[ table, th, tr, td ]
			Records: 		[ .Records, .RecTypeXxxx, .Record ]
		Level 2: BoxBxxxx - Secondary Layout
		Level 3: BoxCxxxx - Large interface objects
		Level 4: BoxDxxxx - Small interface objects
		Level 5: BoxExxxx - Makes boxes of level (2,3,4) named and unique
		Custom Unique Objects: 		[ .idTagName ]
		Custom Other 
		Additional styles: 			[ Created by other developers ]

### CSS PROPERTIES RULES:
		POSITION
			position
			z-index
			display
			visibility
			overflow
			clear
			float
		BOX
			top / bottom
			left / right
			margin
			border
			padding
			width
			height
			background
		FONT
			font-family
			font-size
			line-height
			font-weight
			font-style
		TEXT-STYLE
			text-transform
			text-decoration
			text-align
			vertical-align
			color
		OTHER
			list-style

*************************************************************************************/



/*************************************************************************************
	Layout Reset
*************************************************************************************/

body,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,
form,fieldset,legend,input,textarea,button,
pre,code,blockquote,th,td,hr
{margin:0;padding:0;} 
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} 
li{list-style:none;} 
table{border-collapse:collapse;border-spacing:0;} 
fieldset,img,hr,object{border:0;} 
input,textarea,select,button{font-family:inherit;font-size:inherit;font-weight:inherit;font-size:100%;} 
legend{color:#000;} 
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} 
i,em{font-style:italic;} 
b,strong{font-weight:bold;} 
caption,th{text-align:left;} 
q:before,q:after{content:'';} 
abbr,acronym {border:0;font-variant:normal;} 
sup{vertical-align:text-top;} 
sub{vertical-align:text-bottom;} 
a{outline:none;cursor:pointer;}
label,button{cursor:pointer;}
body{cursor:default}

/*************************************************************************************
	Layout Helpers
*************************************************************************************/

.FlNone 		{ float: none !important; }
.FlLeft 		{ float: left !important; margin-left: 0px !important; }
.FlRight 		{ float: right !important; margin-right: 0px !important; }

.ClNone 		{ clear: none !important; }
.ClBoth 		{ clear: both !important; }
.ClLeft 		{ clear: left !important; }
.ClRight 		{ clear: right !important; }

.DisNone 		{ display: none !important; }
.DisBlock 		{ display: block !important; }
.DisInline 		{ display: inline !important; }
.Hidden 		{ visibility: hidden !important; }
.Visible 		{ visibility: visible !important; }

.PosWFull 		{ width: 100% !important; }
.PosWHalf 		{ width: 50% !important; }
.PosWAuto 		{ width: auto !important; }
.PosHAuto 		{ height: auto !important; }

div.Clear { display: block !important; clear: both !important; float: none !important; width: 100% !important; height: 1px !important; margin: 0 0 -1px 0 !important; font-size: 0px !important; }

/*************************************************************************************
	Basic Elements Styles: 	[p, h, a, a:hover]
*************************************************************************************/

a {
	color: #993300;
	text-decoration: underline;
}

a:link {
}

a:visited {
}

a:hover {
}

a:active {
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 5px 0;
	line-height: 120%;
}

h1 {
	font-size: 200%;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
}

.BoxAMain h2 {
}

h3 {
	font-size: 150%;
}

h4 {
	font-size: 120%;
}

h5 {
	font-size: 100%;
}

h6 {
	font-size: 100%;
}

p.pText {
	margin-bottom: 0.5em;
}

/*************************************************************************************
	Level 1: BoxAxxxx Position 		{ Position, Box }
*************************************************************************************/

div.BoxAContainer {
	/*overflow: hidden;*/
	position: absolute;
	min-height: 100%;
	left: 50%;
	margin: 0 0 0 -480px;
	width: 960px; 
}

div.BoxAHeader {
	overflow: hidden;
	margin: 20px 0 10px 0;
}

div.BoxALogo {
	float: left;
	margin: 0 10px 0 0;
	width: 100px;
	height: 100px;
}

div.BoxASlogan {
	float: left;
	height: 60px;
}

div.BoxANavMain {
	overflow: hidden;
	float: left;
	height: 30px;
	width: 580px;
}

div.BoxABanner {
	float: right;
	margin: -55px 0 0 0;
	width: 220px;
	height: 85px;
}

div.BoxAFooter {
	position: absolute;
	overflow: hidden;
	bottom: 0;
	margin: 0;
	width: 100%;
	/*height: 60px;*/
	background: url(../i/frontend/bg_footer.png) no-repeat 50% 0;
	padding: 60px 0 0 0;
}

div.BoxAMain {
	overflow: hidden;
	padding: 0 0 130px 0;
}

div.BoxAShareIt {
	position: absolute;
	right: 0;
	top: 0;
	margin: 2px 20px 0 0;
}


/*************************************************************************************
	Level 1: BoxAxxxx Styles 		{ Font, Text-style, Other }
*************************************************************************************/

body {
	height: 100%;
	background: #333 url(../i/frontend/bg_bg.png) repeat-x 0 0;
	color: #333;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
}

.BoxAContainer {
}

.BoxAHeader {
}

.BoxAFooter {
	font-size: 14px;
	color: #333;
}

.BoxAMain {
}



/*************************************************************************************
	Level 1: BoxAxxxx Elements
*************************************************************************************/

.BoxALogo h1 {
	margin: 0;
}

.BoxALogo a {
	display: block;
	width: 100px;
	height: 100px;
	background: url(../i/frontend/logo.png) no-repeat 0 0;
}

.BoxALogo a:hover {
	background-position: 0 100%;
}

.BoxALogo h1 span {
	display: none;
}

div.BoxASlogan {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	line-height: 1;
}

.BoxASlogan h2 {
	margin: 5px 0 -5px 0;
	font-size: inherit;
	line-height: 1;
}

.BoxASlogan a {
	text-decoration: none;;
	color: #333;
}

.BoxASlogan i {
	font-family: Tahoma, Geneva, sans-serif;
	font-style: normal;
	font-size: 16px;
	color: #666;
}

.BoxAFooter p.pCopyRight {
	float: left;
}



/*************************************************************************************
	Custom Elements
*************************************************************************************/

/*************************************************************************************
	HR Pseudo: 		[ .HrNormal, .HrThin, .HrDotted, .HrDashed ]
*************************************************************************************/

div.HrNormal, div.HrThin, div.HrDotted, div.HrDashed {
	float: none;
	width: 100%;
	display: block;
	clear: both;
	margin: 10px 0;
	padding: 0;
	font-size: 0px !important;
}

div.HrNormal { height: 3px !important; background-color: #000; }

div.HrThin { height: 1px !important; background-color: #000; }

div.HrDotted {
	height: 1px !important;
	border-bottom: #000 1px dotted;
	/*background: url(../i/frontend/hr_dot.png) repeat-x top left;*/
}

div.HrDashed {
	height: 1px !important;
	border-bottom: #000 1px dashed;
}



/*************************************************************************************
	TextImages		[ span.TextNImg, TextImgNXxxx ]
*************************************************************************************/

span.TextImg1 {
	display: block;
	height: 40px;
	background:url(../i/frontend/text_img_1.png) no-repeat left top;
	text-indent: -9999px;	
}

span.TextImg1Welcome	 	{ background-position: left   0px ; }
span.TextImg1X				{ background-position: left -40px ; }



/*************************************************************************************
	Buttons:		[ a.ButtonX, a.ButtonIco ]
*************************************************************************************/

.IcoValid { background: url(../i/frontend/ico/xhtml_valid.png) no-repeat 0 0 }
.IcoClean { background: url(../i/frontend/ico/zoom.png) no-repeat 0 0 }
.IcoOptim { background: url(../i/frontend/ico/wrench_orange.png) no-repeat 0 0 }
.IcoBrowse { background: url(../i/frontend/ico/rainbow.png) no-repeat 0 0 }
.IcoFrameWork { background: url(../i/frontend/ico/application_form.png) no-repeat 0 0 }
.IcoSatis { background: url(../i/frontend/ico/user_comment.png) no-repeat 0 0 }
.IcoPrinter { background: url(../i/frontend/ico/printer.png) no-repeat 0 0 }
.IcoFlexible { background: url(../i/frontend/ico/arrow_out.png) no-repeat 0 0 }
.IcoEm { background: url(../i/frontend/ico/font.png) no-repeat 0 0 }
.IcoFontResize { background: url(../i/frontend/ico/zoom.png) no-repeat 0 0 }
.IcoName { background: url(../i/frontend/ico/user.png) no-repeat 50% 50%; }
.IcoEmail { background: url(../i/frontend/ico/email.png) no-repeat 50% 50%; }
.IcoMessage { background: url(../i/frontend/ico/comment.png) no-repeat 50% 50%; }
.IcoSIFR { background: url(../i/frontend/ico/text_heading_1.png) no-repeat 0 0 }
.IcoPrivacy { background: url(../i/frontend/ico/lock.png) no-repeat 0 0 }
.IcoQuality { background: url(../i/frontend/ico/rosette.png) no-repeat 0 0 }
.IcoMoneyBack { background: url(../i/frontend/ico/creditcards.png) no-repeat 0 0 }
.IcoLowPrices { background: url(../i/frontend/ico/arrow_down.png) no-repeat 0 0 }

a.Button1 {
	display: block;
	height: 20px;
	padding: 0 0 0 10px;
	background: url(../i/frontend/button_1_left.png) no-repeat 0 0;
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
	text-align: center;
	color: #333;
}

a.Button1 span {
	display: block;
	height: 20px;
	padding: 0 10px 0 0;
	background: url(../i/frontend/button_1_right.png) no-repeat 100% 0;
}

a.Button1:hover {
	background-position: 0 100%;
	color: #fff;
}

a.Button1:hover span {
	background-position: 100% 100%;
}

a.Button1Off {
	color: #999;
}

a.Button2 {
	display: block;
	height: 40px;
	padding: 0 0 0 10px;
	background: url(../i/frontend/button_2_left.png) no-repeat 0 0;
	font-size: 14px;
	line-height: 40px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
}

a.Button2 span {
	display: block;
	height: 40px;
	padding: 0 10px 0 0;
	background: url(../i/frontend/button_2_right.png) no-repeat 100% 0;
}

a.Button2 b {
	display: inline;
}

a.Button2 i {
	display: none;
	font-style: normal;
}

a.Button2:hover {
	background-position: 0 50%;
}

a.Button2:hover span {
	background-position: 100% 50%;
}

a.Button2:hover b {
	display: none;
}

a.Button2:hover i {
	display: inline;
}

a.Button2:active {
	padding: 0 0 0 20px;
	background-position: 0 100%;
	color: #000;
}

a.Button2:active span {
	padding: 0 20px 0 0;
	background-position: 100% 100%;
}

button.Button3 {
	display: block;
	width: 100%;
	border: 0;
	background: none;
}

button.Button3 span,
a.Button3 {
	display: block;
	overflow: visible;
	border: 0;
	height: 30px;
	padding: 0 0 0 10px;
	background: url(../i/frontend/button_3_left.png) no-repeat 0 0;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
}

button.Button3 span b,
a.Button3 span {
	display: block;
	height: 30px;
	padding: 0 10px 0 0;
	background: url(../i/frontend/button_3_right.png) no-repeat 100% 0;
	line-height: 30px;
	font-weight: normal;
}

button.Button3:hover span,
a.Button3:hover {
	background-position: 0 50%;
	color: #930;
}

button.Button3:hover span b,
a.Button3:hover span {
	background-position: 100% 50%;
}

a.Button3:active {
	background-position: 0 100%;
	color: #fff;
}

a.Button3:active span {
	background-position: 100% 100%;
}

button.ButtonCheckout {
	display: block;
	width: 220px;
	height: 40px;
	border: 0 none;
	background: url(../i/frontend/button_checkout_2.png) no-repeat 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
}



/*************************************************************************************
	Lists: 			[ ul, ol, dl ]
*************************************************************************************/

ul.Ul1 {
	
}

.Ul1 li {
	background: url(../i/frontend/ico/accept.png) no-repeat 0 0.3em;
	padding: 0 0 0 26px;
}

.Ul1 ul li {
	background: url(../i/frontend/ico/bullet_go.png) no-repeat 0 0.3em;
}

ul.Ul2 {
	
}

ul.Ul2 li {
	background-position: 0 0.2em;
	margin-bottom: 0.5em;
}

ul.Ul2 li ul li {
	margin-bottom: 0;
}

ul.Ul3 {
	font-size: 14px;
	line-height: 1.6em;
}

.Ul3 li {
	float: left;
	width: 30%;
	padding: 0 0 0 26px;
	background: url(../i/frontend/ico/bullet_red.png) no-repeat 0 0.3em;
}

ul.Ul4 {
	line-height: 1.6em;
}

.Ul4 li {
	background: url(../i/frontend/ico/star.png) no-repeat 0 0.2em;
}

dl.DlContact {
	
}

.DlContact dt {
	font-size: 18px;
	line-height: 1;
	color: #666;
	
}

.DlContact dd {
	margin: 0 0 20px;
	font-size: 24px;
	color: #000;
}

.DlContact a {
	color: #000;
	text-decoration: none;
	border-bottom: #999 1px dashed;
}

.DlContact img.ImgSkype {
	margin: 0 0 0 20px;
	vertical-align: middle;
	font-size: 10px;
}

/*************************************************************************************
	Navigators 		[ .NavMain, .NavSec, .NavFooter, .NavPages, .NavBread ]
*************************************************************************************/

/*
ul.NavName {
	overflow: hidden;
}

.NavName li {
}

.NavName li a {
}

.NavName li a:hover {
}

.NavName li a.active {
}

.NavName li a:active {
}
*/


ul.NavMain {
	display: block;
	overflow: hidden;
	float: left;
	font-size: 0.875em;
	text-transform: uppercase;
	background: url(../i/frontend/navmain_bg.png) repeat-x 0 0;
}

.NavMain li {
	display: block;
	float: left;
	margin: 0 35px 0 0;
	line-height: 30px;
	height: 30px;
/*
	width: 1%;
	white-space: nowrap;
*/
}

.NavMain li.first {
	padding-left: 10px;
	background: url(../i/frontend/navmain_left.png) no-repeat 0 0;
}

.NavMain li.last {
	margin-right: 0;
	padding-right: 10px;
	background: url(../i/frontend/navmain_right.png) no-repeat 100% 0;
}

.NavMain li a {
	display: block;
	margin: 5px 0 0 0;
	padding: 0 0 0 5px;
	height: 20px;
	text-decoration: none;
	line-height: 20px;
	color: #000;
}

.NavMain li a span {
	display: block;
	padding: 0 5px 0 0;
	height: 20px;
}

.NavMain li a.active {
	text-decoration: underline;
}

.NavMain li a:hover {
	background: url(../i/frontend/navmain_item_left.png) no-repeat 0 0;
	color: #666;
}

.NavMain li a:hover span {
	background: url(../i/frontend/navmain_item_right.png) no-repeat 100% 0;
}

.NavMain li a:active {
	background: url(../i/frontend/navmain_item_left.png) no-repeat 0 -20px;
	color: #fff;
}

.NavMain li a:active span {
	background: url(../i/frontend/navmain_item_right.png) no-repeat 100% -20px;
}



ul.NavFooter {
	float: right;
	overflow: hidden;
	padding: 0 0 20px 0;
}

.NavFooter li {
	float: left;
	margin: 0 0 0 0.5em;
	padding: 0 0 0 0.5em;
	border-left: #333 1px solid;
}

.NavFooter li a {
	text-decoration: none;
	color: #333;
}

.NavFooter li a:hover {
	text-decoration: underline;
	color: #000;
}

.NavFooter li a:active {
	color: #930;
}


/*************************************************************************************
	Forms: 			[ Common forms, .Fn, .Fe ]
*************************************************************************************/

label {
}

input, textarea, select {
	margin: 0 10px 5px 0;
	padding: 2px 10px;
	border: #333 1px solid;
	width: 100%;
	background-color: #eee;
	color: #666;
}

textarea {
	overflow: auto;
}

input:hover, textarea:hover, select:hover {
	border-color: #999;
}

input:focus, textarea:focus, select:focus {
	border-color: #930;
}

input.FormCheckBox {
	background: transparent none repeat scroll 0 0 !important;
	border: none 0 !important;
	width: auto !important;
	height: auto !important;
	padding: 0 !important;
	font-size: 20px;
	color: #000;
}



div.Fn {
	overflow: hidden;
}

.Fn p.Fe {
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
}

.Fn .Fe label {
	float: left;
	/*width: 170px;*/
	width: 30%;
	line-height: 150%;
	text-align: right;
}

.Fn .Fe label span {
	padding: 0 30px 0 0;
}

.Fn .Fe i {
	/* Form element: box for input */
	display: block;
	overflow: hidden;
	width: 70%;
	font-style: normal;
}

.Fn .Fe i span {
	/* Form element: extra padding fix */
	display: block;
	overflow: hidden;
	padding-right: 22px; /* 22px = padding[left+right] + border[left+right] */
}

.Fn .Fe input, 
.Fn .Fe textarea, 
.Fn .Fe select {
	display: inline;
	margin: 0 0 0 0;
	padding: 2px 10px;
	width: 100%;
	background: #fff url(../i/frontend/form_input.png) no-repeat  0 0; 
	color: #333;
}

.Fn .Fe input:focus, 
.Fn .Fe textarea:focus, 
.Fn .Fe select:focus {
	background-color: #ffc;
}

.Fn .Fe textarea {
	height: auto;
}

.Fn .Fe select {
	padding: 1px 10px;
	text-align: center;
}

.Fn .Fe b {
	/* Form Asterisk */
	/*position: absolute;*/
	margin: 0 -1em 0 0.25em;
	font-size: 20px;
	vertical-align: middle;
	color: #930;
	font-weight: inherit;
	width: 15px;
	
}

.fc-field-error {
	background-color: #fcc !important;
}

div.fc-error {
	margin: 5px -50px 0 0;
	padding: 5px;
	border: #930 1px dashed;
	width: 50%;
	font-size: 12px;
	line-height: 14px;
	color: #930;
	
}

.Fn .FeError {
	/* Form Validation Error */
}

.Fn .FeError label {
}

.Fn .FeError b {
	/* Error: Form Asterisk */
	font-weight: bold;
	color: #930;	
}

.Fn .FeError input,
.Fn .FeError textarea,
.Fn .FeError select {
	background-color: #fcc;
}

.Fn p.FeCheck {
	/* Form Checkbox */
}

.Fn .FeCheck i {
	float: left;
	width: auto !important;
	margin-left: 270px;
}

.Fn .FeCheck i span {
	width: 15px;
	padding-right: 20px;
}

.Fn .FeCheck i span input {
	background: transparent none repeat scroll 0 0;
	border: 0 none;
	padding: 0;
	height: auto;
	width: auto;
}

.Fn .FeCheck label {
	float: left;
	width: 400px !important;
	text-align: left !important;
}

.Fn .FeRadio {
	/* Form Radio */
}

.Fn .FeRadio i {
	float: left;
	width: auto !important;
	margin-left: 270px;
}

.Fn .FeRadio i span {
	width: 15px;
	padding-right: 20px;
}

.Fn .FeRadio i span input {
	background: 0 none;
	border: 0 none;
	padding: 0;
	height: auto;
	width: auto;
}

.Fn .FeRadio label {
	float: left;
	width: 400px !important;
	text-align: left !important;
}



.Fn p.Fb {
	/* Form Button */
	clear: both;
}

.Fn p.Fv {
	/* Form Validation */
	clear: both;
	color: #999;
}

.Fn p.Fv span {
	/* Error: Form Validation */
	color: #a00000;
}

.Fn .FeIco i span {
	padding-right: 42px;
}

.Fn .FeIco i span input,
.Fn .FeIco i span textarea {
	padding-left: 30px;
}

.Fn .FeIco i em {
	position: absolute;
	display: block;
	margin: 6px 0 0 8px;
	width: 16px;
	height: 16px;
}



div.FnContact {
}

.FnContact p.Fb {
	float: right;
	width: 140px;
}

.FnContact p.pComment {
	float: right;
	margin: 0 20px 0 0;
	width: 260px;
	font-size: 12px;
	line-height: 14px;
	color: #930;
	text-align: right;
}



div.FnOrder {
}

.FnOrder p.FeIMType {
	float: left;
	width: 50%;
}

.FnOrder .FeIMType label {
	width: 60%;
}

.FnOrder .FeIMType i {
	width: 40%;
}


.FnOrder p.FeIMAddress {
	float: left;
	margin: 0 0 0 4%;
	width: 46%;
}

.FnOrder p.FeIMAddress label {
	display: none;
}

.FnOrder p.FeIMAddress i {
	width: 100%;
}

.FnOrder p.FeFileEmail input {
	width: auto;
	margin: 0 10px 0 0;
}



/*************************************************************************************
	Tables: 		[ table, th, tr, td ]
*************************************************************************************/

table {
	width: 100%;
}

table th,
table td {
	border: #ddd 1px solid;
	padding: 5px;
	vertical-align: top;
}

table th {
	background-color: #eeeeee;
	font-weight: bold;
}



/*************************************************************************************
	Records: 		[ .Records, .RecTypeXxxx, .Record ]
*************************************************************************************/

div.Records {
	overflow: hidden;
	height: 100%;
	margin: 10px 0;
}

.Records div.Record {
	overflow: hidden;
	margin: 0 0 10px 0;
}

div.RecTypeXxxx {
	
}

.RecTypeXxxx div.Record {
	
}



/*************************************************************************************
	Level 2: BoxBxxxx - Secondary Layout
*************************************************************************************/

div.Box {
	margin: 0 0 30px 0;
}

div.BoxBRC1 {
}

.BoxBRC1 div.BoxBRC1t {
	font-size: 0px;
	background: url(../i/frontend/box_rc_1_tl.png) no-repeat 0 0;
}

.BoxBRC1 .BoxBRC1t div {
	background: url(../i/frontend/box_rc_1_tr.png) no-repeat 100% 0;
}

.BoxBRC1 .BoxBRC1t div div {
	background: url(../i/frontend/box_rc_1_tc.png) repeat-x 0 0;
	margin: 0 20px;
	height: 20px;
}

.BoxBRC1 div.BoxBRC1b {
	font-size: 0px;
	background: url(../i/frontend/box_rc_1_bl.png) no-repeat 0 0;
}

.BoxBRC1 .BoxBRC1b div {
	background: url(../i/frontend/box_rc_1_br.png) no-repeat 100% 0;
}

.BoxBRC1 .BoxBRC1b div div {
	background: url(../i/frontend/box_rc_1_bc.png) repeat-x 0 0;
	margin: 0 20px;
	height: 20px;
}

.BoxBRC1 div.BoxBRC1l {
	background: url(../i/frontend/box_rc_1_l.png) repeat-y 0 0;
}

.BoxBRC1 div.BoxBRC1r {
	background: url(../i/frontend/box_rc_1_r.png) repeat-y 100% 0;
}

.BoxBRC1 div.BoxBRC1c {
	background: url(../i/frontend/box_rc_1_c.png) repeat 0 0;
	margin: 0 20px;
	overflow: hidden;
}

.BoxAHeader div.BoxBRC1c {
	margin: 0 10px;
}



div.BoxBRC2 {
}

.BoxBRC2 div.BoxBRC2t {
	font-size: 0px;
	background: url(../i/frontend/box_rc_2_tl.png) no-repeat 0 0;
}

.BoxBRC2 .BoxBRC2t div {
	background: url(../i/frontend/box_rc_2_tr.png) no-repeat 100% 0;
}

.BoxBRC2 .BoxBRC2t div div {
	background: url(../i/frontend/box_rc_2_tc.png) repeat-x 0 0;
	margin: 0 20px;
	height: 20px;
}

.BoxBRC2 div.BoxBRC2b {
	font-size: 0px;
	background: url(../i/frontend/box_rc_2_bl.png) no-repeat 0 0;
}

.BoxBRC2 .BoxBRC2b div {
	background: url(../i/frontend/box_rc_2_br.png) no-repeat 100% 0;
}

.BoxBRC2 .BoxBRC2b div div {
	background: url(../i/frontend/box_rc_2_bc.png) repeat-x 0 0;
	margin: 0 20px;
	height: 20px;
}

.BoxBRC2 div.BoxBRC2l {
	background: url(../i/frontend/box_rc_2_l.png) repeat-y 0 0;
}

.BoxBRC2 div.BoxBRC2r {
	background: url(../i/frontend/box_rc_2_r.png) repeat-y 100% 0;
}

.BoxBRC2 div.BoxBRC2c {
	background: url(../i/frontend/box_rc_2_c.png) repeat 0 0;
	margin: 0 20px;
	overflow: hidden;
}

.BoxAMain div.BoxBRC2c {
	margin: 0 10px;
}



div.BoxBRC3 {
}

.BoxBRC3 div.BoxBRC3t {
	font-size: 0px;
	background: url(../i/frontend/box_rc_3_tl.png) no-repeat 0 0;
}

.BoxBRC3 .BoxBRC3t div {
	background: url(../i/frontend/box_rc_3_tr.png) no-repeat 100% 0;
}

.BoxBRC3 .BoxBRC3t div div {
	background: url(../i/frontend/box_rc_3_tc.png) repeat-x 0 0;
	margin: 0 10px;
	height: 10px;
}

.BoxBRC3 div.BoxBRC3b {
	font-size: 0px;
	background: url(../i/frontend/box_rc_3_bl.png) no-repeat 0 0;
}

.BoxBRC3 .BoxBRC3b div {
	background: url(../i/frontend/box_rc_3_br.png) no-repeat 100% 0;
}

.BoxBRC3 .BoxBRC3b div div {
	background: url(../i/frontend/box_rc_3_bc.png) repeat-x 0 0;
	margin: 0 10px;
	height: 10px;
}

.BoxBRC3 div.BoxBRC3l {
	background: url(../i/frontend/box_rc_3_l.png) repeat-y 0 0;
}

.BoxBRC3 div.BoxBRC3r {
	background: url(../i/frontend/box_rc_3_r.png) repeat-y 100% 0;
}

.BoxBRC3 div.BoxBRC3c {
	background: url(../i/frontend/box_rc_3_c.png) repeat 0 0;
	margin: 0 10px;
	overflow: hidden;
}



div.BoxBRC4 {
}

.BoxBRC4 div.BoxBRC4t {
	font-size: 0px;
	background: url(../i/frontend/box_rc_4_tl.png) no-repeat 0 0;
}

.BoxBRC4 .BoxBRC4t div {
	background: url(../i/frontend/box_rc_4_tr.png) no-repeat 100% 0;
}

.BoxBRC4 .BoxBRC4t div div {
	background: url(../i/frontend/box_rc_4_tc.png) repeat-x 0 0;
	margin: 0 10px;
	height: 10px;
}

.BoxBRC4 div.BoxBRC4b {
	font-size: 0px;
	background: url(../i/frontend/box_rc_4_bl.png) no-repeat 0 0;
}

.BoxBRC4 .BoxBRC4b div {
	background: url(../i/frontend/box_rc_4_br.png) no-repeat 100% 0;
}

.BoxBRC4 .BoxBRC4b div div {
	background: url(../i/frontend/box_rc_4_bc.png) repeat-x 0 0;
	margin: 0 10px;
	height: 10px;
}

.BoxBRC4 div.BoxBRC4l {
	background: url(../i/frontend/box_rc_4_l.png) repeat-y 0 0;
}

.BoxBRC4 div.BoxBRC4r {
	background: url(../i/frontend/box_rc_4_r.png) repeat-y 100% 0;
}

.BoxBRC4 div.BoxBRC4c {
	background: url(../i/frontend/box_rc_4_c.png) repeat 0 0;
	margin: 0 10px;
	overflow: hidden;
}



div.BoxBRC5 {
}

.BoxBRC5 div.BoxBRC5t {
	font-size: 0px;
	background: url(../i/frontend/box_rc_5_tl.png) no-repeat 0 0;
}

.BoxBRC5 .BoxBRC5t div {
	background: url(../i/frontend/box_rc_5_tr.png) no-repeat 100% 0;
}

.BoxBRC5 .BoxBRC5t div div {
	background: url(../i/frontend/box_rc_5_tc.png) repeat-x 0 0;
	margin: 0 10px;
	height: 10px;
}

.BoxBRC5 div.BoxBRC5b {
	font-size: 0px;
	background: url(../i/frontend/box_rc_5_bl.png) no-repeat 0 0;
}

.BoxBRC5 .BoxBRC5b div {
	background: url(../i/frontend/box_rc_5_br.png) no-repeat 100% 0;
}

.BoxBRC5 .BoxBRC5b div div {
	background: url(../i/frontend/box_rc_5_bc.png) repeat-x 0 0;
	margin: 0 10px;
	height: 10px;
}

.BoxBRC5 div.BoxBRC5l {
	background: url(../i/frontend/box_rc_5_l.png) repeat-y 0 0;
}

.BoxBRC5 div.BoxBRC5r {
	background: url(../i/frontend/box_rc_5_r.png) repeat-y 100% 0;
}

.BoxBRC5 div.BoxBRC5c {
	background: url(../i/frontend/box_rc_5_c.png) repeat 0 0;
	margin: 0 10px;
	overflow: hidden;
}



/*************************************************************************************
	Level 3: BoxCxxxx - Large interface objects
*************************************************************************************/

div.BoxCxxxx {
}

div.BoxCCodeFeatures {
}

div.BoxCCodeFeaturesWrap {
	overflow: hidden;
	margin: 0 0 0 -20px;
}

div.BoxCCodeFeature {
	float: left;
	width: 300px;
	margin: 0 0 20px 20px;
	font-size: 14px;
	line-height: 24px;
}

.BoxCCodeFeature p.pHead {
	margin: 0 0 5px 0;
	border-bottom: #999 1px solid;
	padding: 0 0 0 26px;
	background-position: 0 50% ;
	font-size: 16px;
	font-weight: bold;
	color: #930;
	text-transform: uppercase;
}

.BoxCCodeFeature p.pHead2 {
	font-size: 14px;
}

.BoxCCodeFeature p.pButton {
	width: 100px;
	margin: 0 0 0 auto;
}



div.BoxCGuarantees {
}

div.BoxCGuaranteesWrap,
div.BoxCGuaranteesWrapLeft,
div.BoxCGuaranteesWrapRight {
	overflow: hidden;
}

div.BoxCGuaranteesWrap {
	width: 100%;
}

div.BoxCGuaranteesWrapLeft {
	width: 380px;
	float: left;
}

div.BoxCGuaranteesWrapRight {
	width: 540px;
	float: right;
}

div.BoxCGuarantee {
	margin: 0 0 20px 0;
	font-size: 14px;
	line-height: 24px;
}

.BoxCGuarantee p.pHead {
	margin: 0 0 5px 0;
	border-bottom: #999 1px solid;
	padding: 0 0 0 26px;
	background-position: 0 50% ;
	font-size: 16px;
	font-weight: bold;
	color: #930;
	text-transform: uppercase;
}

.BoxCGuarantee p.pHead2 {
	font-size: 14px;
}

.BoxCGuarantee p.pButton {
	width: 100px;
	margin: 0 0 0 auto;
	height: 24px;
}



div.BoxCCodeOptions {
	/* float: left;
	width: 460px;*/
	overflow: hidden;
	margin: 0 0 30px 0;
}

div.BoxB1Left {
	float: left;
	width: 460px;
}

div.BoxB1Right {
	float: right;
	width: 460px;
}


div.BoxCCodeOption {
	overflow: hidden;
	margin: 0 0 10px 0;
}

.BoxCCodeOption p.pIcon {
	display: block;
	float: left;
	margin: 0 20px 0 0;
	width: 80px;
	height: 80px;
	background: url(../i/frontend/bg_codeoption.png) no-repeat 0 0;
}

.BoxCCodeOption p.pIcon span {
	display: block;
	margin: 32px auto;
	width: 16px;
	height: 16px;
}

.BoxCCodeOption p.pHead {
	float: left;
	width: 220px;
	margin: 3px 0 2px;
	font-size: 18px;
	color: #930;
}

.BoxCCodeOption p.pPrice {
	float: right;
	width: 80px;
	font-size: 24px;
	text-align: right;
	color: #666;
}

.BoxCCodeOption p.pDetails {
	float: left;
	width: 220px;
	font-size: 14px;
	line-height: 16px;
}

.BoxECodeOptionsJS .BoxCCodeOption p.pIcon span {
	background-image: url(../i/frontend/ico/script.png);
}

.BoxECodeOptionsCMS .BoxCCodeOption p.pIcon span {
	background-image: url(../i/frontend/ico/brick.png);
}


div.BoxCPrices {
	overflow: hidden;
	margin: 0 0 30px -20px;
}

div.BoxCPrice {
	float: left;
	margin: 0 0 0 20px;
	width: 300px;
	height: 180px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.BoxCPrice a {
	display: block;
	overflow: hidden;
	width: 300px;
	height: 180px;
	background: url(../i/frontend/bg_price.png) no-repeat 0 0;
	text-decoration: none;
}

.BoxCPrice span.pHead {
	display: block;
	margin: 10px 0 10px 20px;
	font-size: 28px;
	color: #930;
}

.BoxCPrice span.pHead em {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #666;

}

.BoxCPrice span.pDetails {
	display: block;
	line-height: 26px;
}

.BoxCPrice .pDetails b {
	clear: both;
	float: left;
	width: 40%;
	font-weight: normal;
	font-size: 24px;
	color: #000;
	text-align: right;
}

.BoxCPrice .pDetails i {
	float: left;
	margin: 0 0 0 10px;
	width: 50%;
	font-style: normal;
	font-size: 16px;
	color: #666;
}

.BoxCPrice span.pLink {
	display: block;
	clear: both;
	padding: 20px 0 0 0;
	font-size: 14px;
	text-align: center;
	color: #ccc;
}

.BoxCPrice .pLink b {
	font-weight: normal;
	color: #666;
}

.BoxCPriceType1 span.pHead {
	color: #c60;
}

.BoxCPriceType2 span.pHead {
	color: #c00;
}

.BoxCPriceType3 span.pHead {
	color: #690;
}

.BoxCPrice a:hover {
	background-position: 0 100%;
}

.BoxCPrice a:hover span.pLink {
	color: #333;
}

div.BoxCPrice:hover .pLink b {
	color: #930;
	text-decoration: underline;
}



div.BoxCDiscounts {
	margin: 0 0 30px 0;
	width: 860px;
}

div.BoxCDiscount {
	overflow: hidden;
	margin: 0 0 20px 0;
}

.BoxCDiscount p.pImage {
	float: left;
	margin: 0 20px 0 0;
	width: 220px;
	height: 105px;
}

.BoxCDiscount p.pHead {
	float: left;
	margin: 15px 20px 5px 0;
	width: 460px;
	font-size: 24px;
	color: #333;
}

.BoxCDiscount p.pDetails {
	float: left;
	margin: 0 20px 0 0;
	width: 460px;
	color: #666;
}

.BoxCDiscount p.pLink {
	float: right;
	margin: -30px 0 0 0;
	width: 140px;
}

div.BoxCPayments {
	overflow: hidden;
	margin: 0 0 0 -20px;
}

div.BoxCPayment {
	overflow: hidden;
	float: left;
	margin: 0 0 0 20px;
	width: 460px;
}

div.BoxCContactForm {
	float: left;
	width: 620px;
}

div.BoxCContactDetails {
	float: right;
	width: 300px;
	margin: 0 0 20px 0;
}

div.BoxCContactWorking {
	clear: right;
	float: right;
	width: 300px;
	margin: 0 0 20px 0;
}

.BoxCContactWorking p.pHead {
	font-size: 18px;
	color: #666;
}

.BoxCContactWorking p.pDays {
	margin: 5px 0 10px 0;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

.BoxCContactWorking .pDays b,
.BoxCContactWorking .pDays del {
	display: block;
	float: left;
	width: 14%;
	padding: 2px 0;
	text-align: center;
	background-color: #666;
}

.BoxCContactWorking .pDays del {
	text-decoration: none;
	background-color: #930;
}


.BoxCContactWorking p.pTime {
	font-size: 18px;
	font-weight: bold;
	color: #999;
}

.BoxCContactWorking p.pTime i {
	font-style: normal;
	font-weight: normal;
	color: #ccc;
}

div.BoxCOrderTotal {
	float: left;
	margin: 0 20px 20px 0;
	width: 620px;
}

.BoxCOrderTotal div.BoxDContent {
	padding: 20px 0;
	height: 120px;
}

.BoxCOrderTotal p.pItem {
	float: left;
	padding: 0 0 0 16px;
	width: 60px;
	background: url(../i/frontend/ico/add.png) no-repeat 0px 20px;
}

.BoxCOrderTotal .pItem b {
	display: block;
	margin: 0 auto;
	width: 50px;
	height: 50px;
	background: url(../i/frontend/bg_order_item.png) no-repeat 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	line-height: 45px;
	text-align: center;
	font-weight: normal;
	color: #000;
}

.BoxCOrderTotal .pItem b em {
	font-size: 14px;
	font-style: normal;
}

.BoxCOrderTotal .pItem b input {
	margin: 2px 0 0 0;
	padding: 0;
	width: 40px;
	height: 40px;
	background: #fff url(../i/frontend/form_input.png) no-repeat 0 0;
	text-align: center;
	color: #000000;
}

.BoxCOrderTotal .pItem i {
	display: block;
	margin: 0 0 20px 0;
	font-size: 14px;
	font-style: normal;
	text-align: center;
	color: #333;
}

.BoxCOrderTotal .pItem strong {
	display: block;
	margin: 0 auto;
	width: 50px;
	height: 20px;
	background: url(../i/frontend/span_order_price.png) no-repeat 0 0;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	color: #333;
}

.BoxCOrderTotal .pItem span.control {
/*	display: none;
	visibility: hidden;*/
	position: absolute;
	width: 40px;
	height: 20px;
	margin: 110px 10px 0;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
}

/*
.BoxCOrderTotal .pItem span.control a {
	padding: 0 5px;
	color: #333;
	text-decoration:none;
}
*/

.BoxCOrderTotal .pItem:hover span.control {
/*	display: block;
	visibility: visible;*/
}

#OrderTotalOptions, 
#OrderTotalJS, 
#OrderTotalCMS 
	{ display: none; margin-left: -76px; opacity: 0; }



span.BoxDSlider1 {
	position: relative;
	display: block;
	height: 16px;
	width: 40px;
	border-bottom: #999 1px solid;
	cursor: w-resize;
}
 
span.BoxDSlider1 span.BoxDSlider1Knob {
	position: absolute;
	display: block;
	height: 16px;
	width: 16px;
	background: url(../i/frontend/ico/cart.png) no-repeat 50% 50%;
	/*cursor: pointer;*/
}



.BoxCOrderTotal p.first {
	background-image: none;
	padding: 0;
}

.BoxCOrderTotal p.pMinus {
	background: url(../i/frontend/ico/delete.png) no-repeat 0px 20px;
}

.BoxCOrderTotal p.pEquals {
	background: url(../i/frontend/ico/equals.png) no-repeat 0px 20px;
}

.BoxCOrderTotal p.pNone {
	background: none;
	padding-left: 0;
}

.BoxCOrderTotal p.pTotal {
	width: 120px;
}

.BoxCOrderTotal .pTotal b {
	width: 108px;
	height: 50px;
	background: url(../i/frontend/button_total.png) no-repeat 0 0;
}

.BoxCOrderTotal .pTotal b a {
	text-decoration: none;
	color: #fff;
}

.BoxCOrderTotal .pTotal strong {
	width: 104px;
	background: url(../i/frontend/button_checkout_1.png) no-repeat 0 0;
	text-transform: uppercase;
	font-weight: bold;
}


.BoxCOrderTotal .pTotal strong a {
	text-decoration: none;
	color: #fff;
}

.BoxCOrderTotal p.pTotal input {
	display: none;
}


div.BoxCOrderPlan {
	overflow: hidden;
	float: right;
	margin: 0 0 20px 0;
	width: 300px;
	height: 180px;
}

.BoxCOrderPlan div.BoxCPrice {
	width: 300px;
	margin-left: 0;
}

div.BoxCOrderPlanWrap {
	position: relative;
	overflow: hidden;
	margin-left: -300px;
	width: 900px;
}

div.BoxCOrderPlanValue {
	display: none;
}

div.BoxCOrderDiscount {
	overflow: hidden;
	float: right;
	margin: 0 0 20px 0;
	width: 300px;
	height: 105px;
}

div.BoxCOrderDiscountWrap {
	position: relative;
	overflow: hidden;
	margin-top: -210px;
	width: 220px;
}

div.BoxCOrderDiscountValue {
	display: none;
}

div.BoxCOrderDiscountItem {
	/*float: left;*/
	width: 220px;
	height: 105px;
}

.BoxCOrderDiscount p.pLink {
	float: right;
	margin: 50px 0 10px 0;
	width: 60px;
}


div.BoxCOrderComments {
	float: right;
	margin: 0 0 20px 0;
	width: 300px;
}

div.BoxCOrderComments p {
	margin: 0 0 1em 0;
}



div.BoxCOrderFields {
	float: left;
	margin: 20px 0 0 0;
	width: 620px;
}

.BoxCOrderFields div.BoxDContent {
	padding: 10px;
}

div.BoxCOrderField {
}

.BoxCOrderField h3 {
	position: absolute;
	z-index: 2;
	display: block;
	margin: -10px 0 0 20px;
	padding: 0 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	background-color: #333;
	cursor: pointer;
}

.BoxCOrderFields div.off {
}

.BoxCOrderFields .off h3 {
	margin-top: 0;
	background-color: #666;
}

.BoxCOrderFields .off div.BoxDContent {
	display: none;
}

div.BoxCOrderTotalBottom {
}

.BoxCOrderTotalBottom p.pTotal {
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 40px;
}
	
.BoxCOrderTotalBottom p.pButton {
	margin: 0 auto;
	width: 220px;
}
	
.BoxCOrderTotalBottom p.pValidate {
	float: right;
	padding: 5px 0;
	width: 170px;
	font-size: 12px;
	color: #930;
}

div.BoxCOrderItems {
	overflow: hidden;
}

div.BoxCOrderItem {
	overflow: hidden;
	margin: 0 0 10px 0;
}

.BoxCOrderItem p.pItem {
	overflow: hidden;
}

.BoxCOrderItem .pItem input {
	float: left;
	width: 10px;
	margin: 8px 20px 0 0;
}


.BoxCOrderItem .pItem i {
	display: block;
	float: left;
	margin: 0 20px 0 0;
	width: 30px;
	height: 30px;
	background: url(../i/frontend/bg_order_item2.png) no-repeat 50% 50%;
}

.BoxCOrderItem .pItem i span {
	display: block;
	padding: 7px;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.BoxCOrderItem .pItem b {
	float: left;
	width: 400px;
	font-weight: normal;
	line-height: 30px;
	cursor: help;
}

.BoxCOrderItem .pItem b a {
	margin: 0 0 0 1em;
	font-size: 12px;
}


.BoxCOrderItem .pItem strong {
	float: right;
	text-decoration: none;
	line-height: 30px;
	font-weight: normal;
}

.BoxCOrderItem p.pDetails {
/*	display: none;*/
	overflow: hidden;
	margin: 5px 0 0 100px;
	width: 380px;
	font-size: 14px;
	line-height: 16px;
	color: #666;
}

/*div.BoxCOrderItem:hover p.pDetails,*/
div.BoxCOrderItems .active p.pDetails {
	display: block;
}

.BoxCOrderItemTypeJS .pItem i span {
	background-image: url(../i/frontend/ico/script.png);
}

.BoxCOrderItemTypeCMS .pItem i span {
	background-image: url(../i/frontend/ico/brick.png);
}



div.BoxCUploadFiles {
	margin: -35px 0 10px 30%;
	padding: 5px;
	border: 1px solid #999;
	background-color: #eee;
}

.BoxCUploadFiles p.pLink {
	padding: 0 0 0 22px;
	font-size: 12px;
	font-weight: bold;
	line-height: 2em;
	text-transform: capitalize;
	background: url(/i/frontend/ico/add.png) no-repeat left center;
}

.BoxCUploadFiles p.pLink a {
	color: #999;
	text-decoration: none;
}

.BoxCUploadFiles p.pLink a.hover {
	color: #930;
	text-decoration: underline;
}

.BoxCUploadFiles ul {
	padding: 0;
	list-style: none;
	margin: 0;
	font-size: 12px;
}

.BoxCUploadFiles ul li.file {
	line-height: 2em;
	border-bottom: 2px dotted #CCCCCC;
}

.BoxCUploadFiles ul li.file {
	padding-left: 22px;
	background: url(../i/frontend/ico/ico_upload_attach.png) no-repeat 1px 3px;
}

.BoxCUploadFiles ul li.file-invalid {
	margin-bottom: 1px;
	background: url(../i/frontend/ico/ico_upload_error.png) no-repeat 24px 5px;
	padding-left: 44px;
	color: #514721;
	cursor: pointer;
}

.BoxCUploadFiles ul li.file-invalid span {
	background-color: #fff6bf;
	padding: 1px;
}


.BoxCUploadFiles ul li.file span,
.BoxCUploadFiles ul li.file a {
	display: inline;
	padding: 0 4px;
}

.BoxCUploadFiles ul li.file .file-title {
	color: #333;
}

.BoxCUploadFiles ul li.file .file-size {
	color: #666;
}

.BoxCUploadFiles ul li.file .file-error {
	color: #930;
}

.BoxCUploadFiles ul li.file img.file-progress {
	width: 125px;
	height: 12px;
	vertical-align: middle;
	background-image: url(../i/frontend/progress-progress.gif);
}



div.BoxCOrderNow {
	overflow: hidden;
	margin: 100px 0 50px 0;
	padding: 10px 20px;
	background-color: #eee;
	border: #999 1px solid;
}

.BoxCOrderNow p.pText {
	margin: 0 30% 0 0;
	font-size: 14px;
	line-height: 30px;
}

.BoxCOrderNow p.pLink {
	float: right;
	width: 20%;
}

div.BoxCContactThanks {
	height: 245px;
}

div.BoxCCheckout {
	overflow: hidden;
	margin: 0 auto;
	width: 260px;
}



div.BoxCHowHelp {
	float: left;
	width: 630px;
	font-size: 14px;
	line-height: 1.4em;
}

div.BoxCWhoNeeds {
	margin: 20px 0 0 0;
	width: 450px;
	
}

div.BoxCWhyUs {
	float: right;
	width: 300px;
	font-size: 14px;
	line-height: 1.4em;
}


div.BoxCHowItWorks {
	overflow: hidden;
}

div.BoxCHowItWorksSteps {
	overflow: hidden;
	margin: 0 0 0 -20px;
}

.BoxCHowItWorksSteps div.Step {
	float: left;
	margin: 0 0 20px 20px;
	width: 450px;
	line-height: 1.4em;
}

.BoxCHowItWorksSteps .Step div.BoxBRC4c {
	height: 10em;
}

.BoxCHowItWorksSteps .Step h3 {
	border-bottom: #999 1px solid;
	padding: 5px 0 5px 26px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	font-size: 18px;
	color: #333;
}

.BoxCHowItWorksSteps .Step h3 b {
	font-weight: normal;
	color: #930;
}

.BoxCHowItWorksSteps .Step ul {
}

.BoxCHowItWorksSteps .Step ul li {
	background-image: url(../i/frontend/ico/arrow_right.png);
}

.BoxCHowItWorksSteps .Step1 h3 {
	background-image: url(../i/frontend/ico/flag_blue.png);
}

.BoxCHowItWorksSteps .Step2 h3 {
	background-image: url(../i/frontend/ico/flag_yellow.png);
}

.BoxCHowItWorksSteps .Step3 h3 {
	background-image: url(../i/frontend/ico/flag_red.png);
}

.BoxCHowItWorksSteps .Step4 h3 {
	background-image: url(../i/frontend/ico/flag_green.png);
}

div.BoxCReadyToStart {
	float: left;
	width: 540px;
}

.BoxCReadyToStart div.BoxCOrderNow {
	margin: 0;
}

.BoxCReadyToStart .BoxCOrderNow p.pText {
	margin: 0 40% 0 0;
	line-height: 1.2em;
}

.BoxCReadyToStart .BoxCOrderNow p.pLink {
	width: 30%;
}



div.BoxCWantToKnowMore {
	float: right;
	width: 300px;
}

div.BoxCHowItWorks {
}



div.BoxCHowHelp:hover a,
div.BoxCWhyUs:hover a,
.BoxCHowItWorksSteps div.Step:hover a {
	color: #630;
	text-decoration: none;
	border-bottom: #930 1px dashed;
}



/*************************************************************************************
	Level 4: BoxDxxxx - Small interface objects
*************************************************************************************/

div.BoxDxxxx {
}

div.BoxDArrow1Right {
	position: absolute;
	margin: 25px 0 0 620px;
	width: 17px;
	height: 21px;
	background: url(../i/frontend/arrow_1_right.png) no-repeat 0 0;
}

div.BoxDArrow1Right1 {
	margin-left: 450px;
}

div.BoxDArrow1Down {
	margin: 0 auto;
	width: 21px;
	height: 17px;
	background: url(../i/frontend/arrow_1_down.png) no-repeat 0 0;
}

div.BoxDDivOr {
	display: block;
	margin: -10px 0 0 110px;
	width: 30px;
	height: 30px;
	background: url(../i/frontend/bg_or.png) no-repeat 0 0;
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
	color: #000;
}


/*************************************************************************************
	Level 5: BoxExxxx - Makes boxes of level (2,3,4) named and unique
*************************************************************************************/

div.BoxExxxx {
}


/*************************************************************************************
	Custom Unique Objects: 		[ .idTagName ]
*************************************************************************************/

p.idPName {
}



/*************************************************************************************
	Custom Other 
*************************************************************************************/

div.BoxAFooter div.Clear {
	background: url(../i/frontend/bg_footer.png);
	background: url(../i/frontend/bg_bg.png);
	background: url(../i/frontend/logo.png);
	background: url(../i/frontend/ico/xhtml_valid.png);
	background: url(../i/frontend/ico/zoom.png);
	background: url(../i/frontend/ico/wrench_orange.png);
	background: url(../i/frontend/ico/rainbow.png);
	background: url(../i/frontend/ico/application_form.png);
	background: url(../i/frontend/ico/user_comment.png);
	background: url(../i/frontend/ico/printer.png);
	background: url(../i/frontend/ico/arrow_out.png);
	background: url(../i/frontend/ico/font.png);
	background: url(../i/frontend/ico/zoom.png);
	background: url(../i/frontend/ico/user.png);
	background: url(../i/frontend/ico/email.png);
	background: url(../i/frontend/ico/comment.png);
	background: url(../i/frontend/ico/text_heading_1.png);
	background: url(../i/frontend/ico/lock.png);
	background: url(../i/frontend/ico/rosette.png);
	background: url(../i/frontend/ico/creditcards.png);
	background: url(../i/frontend/ico/arrow_down.png);
	background: url(../i/frontend/button_1_left.png);
	background: url(../i/frontend/button_1_right.png);
	background: url(../i/frontend/button_2_left.png);
	background: url(../i/frontend/button_2_right.png);
	background: url(../i/frontend/button_3_left.png);
	background: url(../i/frontend/button_3_right.png);
	background: url(../i/frontend/button_checkout_2.png);
	background: url(../i/frontend/ico/accept.png);
	background: url(../i/frontend/navmain_bg.png);
	background: url(../i/frontend/navmain_left.png);
	background: url(../i/frontend/navmain_right.png);
	background: url(../i/frontend/navmain_item_left.png);
	background: url(../i/frontend/navmain_item_right.png);
	background: url(../i/frontend/navmain_item_left.png);
	background: url(../i/frontend/navmain_item_right.png);
	background: url(../i/frontend/form_input.png);
	background: url(../i/frontend/box_rc_1_tl.png);
	background: url(../i/frontend/box_rc_1_tr.png);
	background: url(../i/frontend/box_rc_1_tc.png);
	background: url(../i/frontend/box_rc_1_bl.png);
	background: url(../i/frontend/box_rc_1_br.png);
	background: url(../i/frontend/box_rc_1_bc.png);
	background: url(../i/frontend/box_rc_1_l.png);
	background: url(../i/frontend/box_rc_1_r.png);
	background: url(../i/frontend/box_rc_1_c.png);
	background: url(../i/frontend/box_rc_2_tl.png);
	background: url(../i/frontend/box_rc_2_tr.png);
	background: url(../i/frontend/box_rc_2_tc.png);
	background: url(../i/frontend/box_rc_2_bl.png);
	background: url(../i/frontend/box_rc_2_br.png);
	background: url(../i/frontend/box_rc_2_bc.png);
	background: url(../i/frontend/box_rc_2_l.png);
	background: url(../i/frontend/box_rc_2_r.png);
	background: url(../i/frontend/box_rc_2_c.png);
	background: url(../i/frontend/box_rc_3_tl.png);
	background: url(../i/frontend/box_rc_3_tr.png);
	background: url(../i/frontend/box_rc_3_tc.png);
	background: url(../i/frontend/box_rc_3_bl.png);
	background: url(../i/frontend/box_rc_3_br.png);
	background: url(../i/frontend/box_rc_3_bc.png);
	background: url(../i/frontend/box_rc_3_l.png);
	background: url(../i/frontend/box_rc_3_r.png);
	background: url(../i/frontend/box_rc_3_c.png);
	background: url(../i/frontend/box_rc_4_tl.png);
	background: url(../i/frontend/box_rc_4_tr.png);
	background: url(../i/frontend/box_rc_4_tc.png);
	background: url(../i/frontend/box_rc_4_bl.png);
	background: url(../i/frontend/box_rc_4_br.png);
	background: url(../i/frontend/box_rc_4_bc.png);
	background: url(../i/frontend/box_rc_4_l.png);
	background: url(../i/frontend/box_rc_4_r.png);
	background: url(../i/frontend/box_rc_4_c.png);
	background: url(../i/frontend/box_rc_5_tl.png);
	background: url(../i/frontend/box_rc_5_tr.png);
	background: url(../i/frontend/box_rc_5_tc.png);
	background: url(../i/frontend/box_rc_5_bl.png);
	background: url(../i/frontend/box_rc_5_br.png);
	background: url(../i/frontend/box_rc_5_bc.png);
	background: url(../i/frontend/box_rc_5_l.png);
	background: url(../i/frontend/box_rc_5_r.png);
	background: url(../i/frontend/box_rc_5_c.png);
	background: url(../i/frontend/bg_codeoption.png);
	background: url(../i/frontend/ico/script.png);
	background: url(../i/frontend/ico/brick.png);
	background: url(../i/frontend/bg_price.png);
	background: url(../i/frontend/ico/add.png);
	background: url(../i/frontend/bg_order_item.png);
	background: url(../i/frontend/form_input.png);
	background: url(../i/frontend/span_order_price.png);
	background: url(../i/frontend/ico/cart.png);
	background: url(../i/frontend/ico/delete.png);
	background: url(../i/frontend/ico/equals.png);
	background: url(../i/frontend/button_total.png);
	background: url(../i/frontend/button_checkout_1.png);
	background: url(../i/frontend/bg_order_item2.png);
	background: url(../i/frontend/ico/script.png);
	background: url(../i/frontend/ico/brick.png);
	background: url(../i/frontend/ico/add.png);
	background: url(../i/frontend/ico/ico_upload_attach.png);
	background: url(../i/frontend/ico/ico_upload_error.png);
	background: url(../i/frontend/progress-progress.gif);
	background: url(../i/frontend/arrow_1_right.png);
	background: url(../i/frontend/arrow_1_down.png);
	background: url(../i/frontend/bg_or.png);
	background: none;
}



/*************************************************************************************
	Additional styles: 			[ Created by other developers ]
*************************************************************************************/