#form_leftcol {
	width: 680px;
	float:left
}
#form_rightcol {
	width:267px;
	float:right;
	position:relative;
	display:inline-block;
}

#form_rightcol.floatercontent {
	padding-bottom: 20px;
	right: 0px;
	top: 0px;
	width:267px;
}

#totalswrapper {
	height: 100%;
	overflow: visible;
	padding-bottom: 20px;
	position: absolute;
	right: 0px;
	top: 0px;
	width:267px;
}
#floatholder {

}
#floatholder.floating {
	position:fixed;
	top:12px;
}

#formconf_header {
	width:267px;
	height:33px;
	background-image:url(/images/interface/form.box.right.header.png);
	background-repeat:no-repeat;
}

#formconf_header.oheader {
	background-image:url(/images/interface/form.box.right.header.orange.png);
}
#formconf_header.oheader h4{
	color:#ffffff !important;
	padding:7px 0px 0px 16px;
	margin:0px;
}
#formconf_body {
	width:267px;
	background-image:url(/images/interface/form.box.right.body.png);
	background-repeat:repeat-y;
}
#formconf_body p {
	margin:0px 0px 2px 0px;
	padding:0px;
}
#formtotal {
	margin:0px 4px 0px 4px;
	padding:16px 4px 16px 4px;
	background-color: #ddd9d9;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	text-align:center;
}
#formtotal #formprice {
	font-size:inherit;
}
#formtotal #formpayint {
	font-size:10px;
	font-weight:normal;
}
#formtotal #payint {
	font-size:inherit;
}

#formcomponents {
	margin:4px 4px 0px 4px;
	padding:16px 0px 16px 0px;
	background-color: #f6f5f5;
	font-size:12px;
	text-align:center;
}
#formcomponents #component{
	clear:both;
	margin-bottom:4px;
}
#formcomponents #component #clabel{
	font-weight:bold;
	font-size:11px;
	text-align:right;
	padding-right:4px;
	width:95px;
	float:left;
}
#formcomponents #component #cvalue{
	font-weight:normal;
	text-align:left;
	width:152px;
	float:left;
}


#formconf_footer {
	width:267px;
	height:6px;
	background-image:url(/images/interface/form.box.right.footer.png);
	background-repeat:no-repeat;
}

#mainbutholder{
	clear:both;
	height:120px;
}
#mainbutton , .mainbut{
	width:224px;
	float:left;
	/*border:1px solid #eee;*/
	text-align:center;
	cursor: pointer;
	height:110px;
	overflow:visible;
}
#mainbutton p, .mainbut p {
	margin-top:90px;
}
#content * { color: #4a4f65; }

#mainbutton_os {
	height:100px;
	background-image:url(/images/interface/form.mainbutton.os2.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
#mainbutton_cp {
	height:100px;
	background-image:url(/images/interface/form.mainbutton.cp2.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;	
}
#mainbutton_app {
	height:100px;
	background-image:url(/images/interface/form.mainbutton.openapp.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;	
}
#mainbutton_os.mainbutup
,#mainbutton_cp.mainbutup
,#mainbutton_app.mainbutup {
	background-position: 0px -110px;

}

#formcontent{

	clear:both;
	display:block;
	margin-top:24px;

}



#step {
	clear:both;
	width:679px;
	margin-bottom:8px;
}

#step #step_header {
	background-image: url(/images/interface/form.step.header.png);
	background-repeat:no-repeat;
	height:19px;
	padding: 8px 0px 0px 16px;
	font-weight:bold;
	/*color:#C4390C !important;*/
}


#step #step_body {
	background-image: url(/images/interface/form.step.body.png);
	background-repeat:no-repeat;
	background-color:#ffffff;
	padding:16px 9px 8px 8px;
}


#step #step_footer {
	background-image: url(/images/interface/form.step.footer.inactive.png);
	background-repeat:no-repeat;
	height:8px;
	font-size:0px;
}

#step.inactive #step_header {
	color:#bababa !important;
	font-weight:normal !important;
	background-image: url(/images/interface/form.step.header.inactive.png);
}
#step.inactive #step_body {
	background:transparent;
	background-image: url(/images/interface/form.step.body.inactive.png);
	background-repeat: repeat-y;
}
#step.inactive #step_body.vfill {
	background-repeat:repeat-y;
}
#step.inactive #step_footer {
}
#step_body #chosenline {
	height:24px;
	clear:both;
	margin-left:16px;
}
#step_body #chosenline #label{
	width:150px;
	text-align:right;
	font-weight:bold;
	float:left;
	padding-right:8px;
}
#step_body #chosenline #value{
	width:200px;
	float:left;
}

#step.inactive .nextbutton { display:none; }
#step.inactive .step_button { display:none; }
#step.seen .nextbutton { display:none; }
#step.seen .step_button { display:none; }

#step.inactive #step_header.normal H3{
	margin:0px 0px 0px 8px;
}



.nextbutton {
	clear:both;
	height:30px;
	z-index:100;
}
a.step_button {
	display:block;
	width:127px;
	height:30px;
	float:right;
	background-image:url(/images/interface/form.step.button.next.png);
	background-repeat:no-repeat;
}
a.step_button:hover {
	background-position:0px -30px;
}

.seenbutton { height:30px; }
a.seenbutton {
	display:block;
	width:127px;
	height:30px;
	float:right;
	background-image:url(/images/interface/form.step.button.ajust.png);
	background-repeat:no-repeat;

}
a.seenbutton:hover {
	background-position:0px -30px;
}
/*************************************************************

	W I D G E T S

**************************************************************/
/* ---------------[ formelements ]----------------- */

#textline {
	width: 550px;
	padding-left:16px;
	clear:both;
}

#formline {
	clear:both;
	width:646px;
	padding-left:16px;
	height:110px;
	display:inline-block;
	margin-bottom:12px;
}
#formline.line30 {
	height:30px;
}
#formline.line200 {
	height:200px;
}

#formtext {
	width:140px;
	float:left;
	margin-right:16px;
	color:#313750;
}
#formtext a , #textline a, #line_wrapper a {
	color:#c4390c;
	
}
#formtext h4, #textline h4{
	margin:8px 0px 0px 0px;
	padding:0px;
	font-size:15px;
}
#formtext p , #textline p{
	margin:0px;
	padding:0px;
	font-size:11px;
	line-height:14px;
}


#formwidget {
	float:left;
    width: 490px; 
    height:92px; 	
    padding-top:8px;
    position:absolute;
}
#formline > #formwidget {
	position:relative;
}

#formwidget td a {
	color:#c4390c;

}
/* ---------------[ VPS ]----------------- */

#vpsradiogroup {
	display:inline-block;
	float:left;
	width:410px;
}
#xlradio_display_VPS {
	position:relative;
	padding-top:32px;
	margin-left:12px;
	float:left;
	z-index:120;

}
.vpspreset {
	float:left;
	display:inlnie-block;
	width:42px;
	margin-right:29px;
	cursor:pointer;
}
.vpspreset.last {
	margin-right:0px;
}
.vpspreset #label {
	width:42px;
	font-size:11px;
	font-weight:bold;
	height:24px;
}

.vpspreset a.vpsicon {
	width:42px;
	display:inline-block;
	height:27px;
	background-image: url(/images/interface/vps.cube.png);
	background-repeat:no-repeat;
}
.vpspreset a:hover {
	background-position:0 -27px;
}
.vpspreset a.vpsicon.selected , .vpspreset a:active {
	background-position:0 -54px;
}



/* ---------------[ scrollable ]----------------- */

#line_wrapper {
	clear:both;
	width:646px;
	padding-left:16px;
	height:110px;
	position:realtive;
}
#line_wrapper.bline {
/*	border-bottom:1px solid #bfc7d9;*/
}
#line_wrapper.scrollbg, .scrollbg {
    background-image:url(/images/interface/slider.slide.background.png);
    background-repeat:no-repeat;
    background-position:190px 0px;
}
#line_wrapper.scrollselected {
    background-image:url(/images/interface/scrollable.background.selected.png);
    background-repeat:no-repeat;
    background-position:190px 0px;
}

#carousel_text {
	width:140px;
	float:left;
	margin-right:16px;
	color:#313750;
}
#carousel_text h4{
	margin:8px 0px 0px 0px;
	padding:0px;
	font-size:15px;
}
#carousel_text p {
	margin:0px;
	padding:0px;
	font-size:10px;
	line-height:14px;
}


div.scrollable { 
    position:relative; 
    overflow:hidden; 
    width: 430px; 
    height:92px; 	
    padding-top:8px;
    margin:0px 8px 0px 8px;
    /*border:1px solid #CCCCCC;*/
}
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
div.scrollable div.items div, div.scrollable div.items div { 
    float:left; 
    width:105px;
    height:100px;
    text-align:center;
    cursor:pointer !important;
} 

div.items div.active { 
    /*border:1px inset #ccc;*/
    background-image:url(/images/interface/scrollable.selected.png);
    background-repeat:no-repeat;

}
.scrollable {
	float:left;
}
a.browse {
	display:block;
	z-index:10;
	width:19px;
	height:19px;
	margin-top:42px;
	float:left;
	cursor:pointer;
	font-size:1px;
}
#carousel_button_prev {
	background-image:url(/images/interface/scrollable.arrow.left.png);
}
#carousel_button_next {
	position:relative;
	background-image:url(/images/interface/scrollable.arrow.right.png);
	left:-2px;
}
a.browse:hover {
	background-position: 0px -19px;
}
a.disabled, a.disabled:hover {
	background-position:0px -38px;
} 	
#line_wrapper a.disabled {
	cursor:default;
}
p.imgfoot {
	margin:0px;
	padding:0px 8px 0px 8px;
	display:block;
	font-size:10px;
	line-height:14px !important;
}


/* ---------------[ Tooltip ]----------------- */
.tooltip { 
    display:none; 
    position:relative;
    background:url(/images/interface/tooltip.arrow.black.big.png); 
    height:173px; 
    padding:30px 30px 10px 30px; 
    width:310px; 
    font-size:11px !important;
    color:#fff !important; 
    z-index:1000;
} 
.tooltip p {
	font-size:11px !important;
	font-weight:normal !important;
}
#content .tooltip td 
, #content .tooltip td b
{
	color:white !important;
    font-size:11px !important;
    line-height:13px !important;
}
#content .tooltip  a {
	text-decoration:underline;
	color:#FA9B38 !important;
}
#content .tooltip  a#budreadmore
,#content .tooltip  a#budreadmore b{
	color:#333333 !important;
}

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

	W I D G E T S :: SLIDER

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

#sliderwrapper{
	clear:both;
	padding:0px;
	margin-bottom:12px;
	width:650px;
}
.xlslider_gutterwrapper {
	width:410px;
	float:left;
	z-index:150;
}
.xlslider_gutter
{
	width:409px;
	height:16px;
	
	background-image:url(/images/interface/slider.background.png);
	background-repeat:no-repeat;
}
.xlslider_gutter_disabled
{
	position:relative;
	width:409px;
	height:16px;
	float:left;
	
	background-image:url(/images/interface/slider.background.disabled.png);
	background-repeat:no-repeat;
	z-index:1;
}
.xlslider_gutter_unavailable
{
	position:relative;
	width:0px;
	height:16px;	
	background-image:url(/images/interface/slider.background.unavailable.png);
	background-repeat:no-repeat;
	z-index:100;
}


.xlslider_ball{
	width:28px;
	height:16px;
	background-image:url(/images/interface/slider.ball.png);
	background-repeat:no-repeat;
	background-position:0px 3px;
	z-index:300;
}

.xlslider_display {
	position:relative;
	left:-12px;
	background-image: url(/images/interface/slider.display.png);
	background-repeat:no-repeat;
	width:52px;
	height:32px;
	line-height:26px;
	font-size:10px;
	text-align:center;
	z-index:100;
}

.xlslider_price {
	position:relative;
	padding-top:32px;
	margin-left:12px;
	float:left;
	z-index:120;
}

.xlslider_gridlines {
	border-left:1px solid #bbb; 
	height:2px !important; 
	font-size:0px !important; 
	float:left;
	padding:0;
	margin:0;
	overflow:hidden;
	display:inline-block;
}

#overlay  {
	z-index:10001;
}