/*-- LAYOUT --*/

#mas-shell{
	border-top:7px solid #7dc3f7;
	border-bottom:7px solid #7dc3f7;

}
#mas-website{
	width:915px;
	margin:0 auto;
}
#mas-header{
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.online-sales-chat{
	float:right;
}
#page-summary {
	width:790px;
	height:14px;
	position:absolute;
	top: 60px;
	padding:0 0 10px 0;
	visibility: visible;
}
#page-summary h1{
	float:left;
	color:#006699; 	
	font-size:12pt; 
	font-weight:900; 
	padding:4px 0 0 12px;
}
#page-summary p{
	float:right; 
	color:#006699;
	font-weight:900; 
	padding:4px 0 0 0;
}
#shopping_cart_feature_highlight{
	width:640px; 
	float:left;
}
#feature_spotlight{ 
	width:203px; 
	float:right; 
	padding:0px; 
	margin:0px 5px 0px 0px; 
	background-color:#FFFFFF;	
}
#feature_spotlight h3{
	padding:0px 0px 2px 0px;
	margin:0px;
	font-size:10.5pt;
	font-weight:800;
	text-align:center;
}
#feature_spotlight h2, #ecommerce_news h2, #reseller_announcement h2{
	color: #FFFFFF;
	font-size:13pt;
	font-weight:800;
	background: url(images/announce_header.png) top repeat;
	padding: 4px 0px 7px 4px;
	margin:0px;
	text-align: left;
}
#feature_spotlight img{
	padding: 0 0 4px 4px;
}
#reseller_announcement{
	width:203px; 
	float:right; 
	padding:0px; 
	margin:0px 5px 0px 0px; 
	background-color:#FFF;
}
#reseller_announcement h3{
	padding:0px;
	margin:0px;
	font-size:10.5pt;
	font-weight:800;
	text-align:center;
} 
#reseller_announcement p{
	font-size:9pt; 
	padding:0px 0px 0px 0px;
	margin:0px;
	text-align:center;
} 
#reseller_announcement_inner{
	width:170px; 
	float:right; 
	padding:5px; 
	margin:5px 0px 10px 10px; 
	background-color:#FFDCB9; 
	border:#FF9900 3px dashed;
	text-align:center;
}
#reseller_announcement_inner h2{
	font-size:19px; 
	padding:0px 0px 2px 0px;
	margin:0px;
	text-align:center;
}
#reseller_announcement_inner a{
	text-decoration:none; 
} 
#reseller_announcement_inner a:hover{
	text-decoration: underline; 
} 
#ecommerce_news {
	width:203px; 
	float:right; 
	padding:0px; 
	margin:0px 5px 0px 0px; 
	background-color:#FFFFFF;
}
#ecommerce_news h3{
	margin:0px;
}
#ecommerce_news p{
	font-size:8.5pt;
	line-height:10pt;
	margin:0px 2px 2px 2px;
}
#overview p{
	margin-left:10px;
}
#overview h2{
	font-size:10pt;
}

.call-toll-free{
	float:right;
	margin-right:5px;
}
#free-ecommerce {
	float:right;
	margin-left:5px;

}
.image_block1{
	float:right;
	margin:0 0 10px 15px;
	padding:15px;
}
#mas-navigation{
	background:url(images/mas-navigation.gif) top right no-repeat;
	padding:2px 15px 0 15px;
	height:34px;
}
#mas-navigation .searchbox{
	float:right;
	padding:4px 0;
}

#mas-free-trial{
	background:url(images/mas-bgline.gif) top left no-repeat;
	border-top:1px solid #ffffff;
	padding:12px 7px;
	font-size:11px;
}
#mas-free-trial a{color:#457092;font-size:11px;}

#mas-free-trial .mas-free-trial-links{float:right;color:#d9eefd;}

#mas-free-trial .mas-free-trial-links a{font-weight:bold;text-decoration:none;font-size:13px;}

#mas-index-container{}

#mas-container{
	background:url(images/content-bot.jpg) bottom left no-repeat;
	padding-bottom:80px;
}

#mas-container .mas-offer{}



/*-- 3 column layout --*/

#vertical-menu{
	float:left;
	width:190px;
	border-bottom:1px solid #d4ebfa;
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	
}
#vertical-menu h2{
	font-family:verdana;
	font-size:7.5pt;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:normal;
	background:url(images/shcart.gif) top left repeat-x;
	margin:0px;
	padding:15px 7px;
	margin-bottom:1px;
	color:#28628b;
	font-weight:bold;
}
#vertical-menu h2 a{
	text-decoration:none;
}


#vertical-menu ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}
#vertical-menu ul li{
	/* x-background:url(images/vm-bg.gif) top left repeat-x; */
	background:#eff7fd;
	border-top:1px solid #d4ebfa;
	border-bottom:1px solid #ffffff;
}
#vertical-menu ul li a{
	display:block;
	padding:3px 0px 3px 17px;
	font-size:8pt;
	font-weight:bold;
	text-decoration:none;
	background:url(images/vm-blt.gif) top left no-repeat;

} 
#vertical-menu ul li a.buttons{
	color: #798E9F;
	}

#vertical-menu ul li a.buttons {
	cursor: default;
	}
#vertical-menu ul li a.buttons:hover {
	text-decoration: none;
	}
#vertical-menu ul li.active a {
	color: black;
	}
#vertical-menu ul li.visited a {
	cursor: pointer;
	color: #336f9a;
	}
#vertical-menu ul li.visited a:hover {
	text-decoration: underline;
	}

#vertical-menu ul li.visited a.loading {
	background-image: url(images/loading-vertical.gif);
	}

#vertical-menu ul li.visited a.disabled {
	background-color: #e8e8e8;
	color: #c0c0c0;
	cursor: wait;
	}
#vertical-menu ul li.visited a.disabled:hover {
	text-decoration: none;
	}

 #navigation {
 	float:left;
	margin:0 0 8px 0;
	padding:0;	
}
#navigation ul{
	border-bottom:double #FFCC66;
	border-top:double #FFCC66;
	background-color: #Fdfaf0;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
/*	padding-right: 8px;	
	margin: 0;
	padding: 0;
*/	list-style-type: none;
    float:left;
	width: 500px;	
}
/*#navigation ul li{
	float:left;	
}
*/#navigation ul li a{
	display: block;
	padding-left: 14px;
	text-decoration: none;
	font-size: 9pt;	
	background:url(images/subblt.gif) no-repeat left;
	float:left;
}
#navigation ul li a:hover{
	color:#0000FF;
}
#summary {
	border:double #339933;
	background-color: #E9FED3;
	margin-top: 8px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: center;
	margin:5px 0 10px 0;
}
#summarypp {
	border:double #0099FF;
	background-color: #E8F4FF;
	margin-top: 8px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: center;
	margin:5px 0 10px 0;
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 15px; 
	-moz-border-radius-topright: 15px; 
	-webkit-border-bottom-right-radius: 15px; 
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-top-right-radius: 15px; 
	-webkit-border-top-left-radius: 15px; 

}
#summarypp p, #summarypp li  {
	text-align:left;
}
/*#summary h2 {
	color:#CCFFCC;
	}
*/
#vertical-menu ul li a:hover{text-decoration:underline;}

#vertical-menu ul li ul{background:#ffffff;}
#vertical-menu ul li ul li{background:#f6fbfe;}
#vertical-menu ul li ul li a{font-weight:normal;background:url(images/subblt.gif) top left no-repeat;padding:0 3px 0 17px;}
#vertical-menu ul li ul li ul li{background:#ffffff;border-top:1px dotted #d4ebfa;}
#vertical-menu ul li ul li ul li a{font-weight:normal;background:#ffffff;padding:0 3px 0 17px;x-color:#6ca1c7;}

*html #vertical-menu ul li{}
*html #vertical-menu ul li a{padding:3px 0px 3px 17px;font-weight:bold;}
*html #vertical-menu ul li ul li,*html #vertical-menu ul li ul li ul li{}
*html #vertical-menu ul li ul li a{padding:0 0 0 17px;}
*html #vertical-menu ul li ul li ul li a{padding:0 0 0 17px;}



/*--  --*/
#content{width:723px;border:0px solid red;float:left;}

#content-box{
	float:left;
	width:533px;
	x-background:url(images/content-bg.jpg) top left no-repeat;
	text-align:left;
}
#content-box2{
	float:left;
	width:723px;
	x-background:url(images/content-bg.jpg) top left no-repeat;
	text-align:left;
}
*html #content-box{width:533px;}

#column-box{}

#content-box .content-padding{
	x-background:url(images/content-bgr.jpg) top right no-repeat;
	padding:1px 10px 10px 10px;
	text-align:justify;
}
#column-box .content-padding, #content-box2 .content-padding{
	padding:1px 0 10px 10px;
}

#content-box .content-padding .banner{
	
}
#content-box .content-padding .breadcrumb,#column-box .content-padding .breadcrumb, #content-box2 .content-padding .breadcrumb{
	font-size:7.5pt;
	margin:5px 0;
	color:#787878;	
}
#column-box .content-padding .page-content{
	width:515px;
}
#content-box .content-padding h1, #column-box .content-padding h1, #content-box2 .content-padding h1{
	/*color:#5f8ba8;*/
	color:#494E61;
	font-size:18pt;
	line-height:19pt;
	font-weight:800;
	text-align:left;
	margin:5px 0;
}

#content-box .content-padding h2, #column-box .content-padding h2, #content-box2 .content-padding h2{
	/*color:#5f8ba8;*/
	color:#494E61;
	font-size:15pt;
	font-weight: 800;
	line-height:16pt;
/*	border-bottom:1px dotted #cccccc;
	text-align:left;*/
	margin:5px 0;
	padding-bottom:5px;
}
#content-box .content-padding h3, #column-box .content-padding h3, #content-box2 .content-padding h3{
	color::#494E61;
	font-size:12pt;
	line-height:14pt;
	font-weight:normal;
	text-align:left;
	margin:5px 0;
	padding-bottom:0px;
}

/*--boxes for section reviews--*/
#content-box .content-padding .inpage-box, #content-box2 .content-padding .inpage-box{
	width:237px;
	float:left; 
	margin:15px 15px 0 0;
}

#content-box .content-padding .inpage-box h1, #content-box2 .content-padding .inpage-box h1{
	font-size:8.5pt;
	font-weight:bold;
	margin:0px;
	padding:7px 10px;
	background:url(images/inpage-h1.gif) top left repeat-x;
	text-align:center;text-decoration:none;
	border-top:1px solid #ffa200;
	border-bottom:1px solid #ffffff;

}
#content-box .content-padding .inpage-box h1 a, #content-box2 .content-padding .inpage-box h1 a{text-decoration:none;}
#content-box .content-padding .inpage-box .text, #content-box2 .content-padding .inpage-box .text{
	background:url(images/inpage-bg.gif) top left repeat-x;
	border-top:1px solid #ffffff;
	padding:10px;
	font-size:8pt;
	line-height:13pt;
}




/*--  --*/
#right-column{
	float:right;
	width:189px;
}
*html #right-column{width:182px;float:right;overflow:hidden;}

#right-column .shopping-cart{
	background:url(images/shcart.gif) top left repeat-x;
	text-align:center;
	padding:15px 0;
	border-left:1px solid #ffffff;
	border-top:1px solid #ffffff;
	font-size:8pt;
	line-height:16pt;
	text-decoration:none;
}
#right-column .affiliate_signup{
	background:url(images/lightcode.gif) bottom right no-repeat #f2f9fe;
	padding:10px;
	border-bottom:1px solid #cce7f9;
	font-size:8.5pt;
}
#right-column .affiliate_signup h2{
	font-size:8.5pt;
	font-weight:normal;
	font-family:verdana;
	margin:0 0 10px 0;
	border-bottom:1px dotted #cccccc;
	text-transform:uppercase;
}

#right-column .featured_customer{
	padding:10px;
	border-bottom:5px solid #b1d5ed;
	border-top:5px solid #b1d5ed;
	font-size:8.5pt;
}
#right-column .featured_customer h2{
	font-size:8.5pt;
	font-weight:bold;
	font-family:verdana;
	margin:0 0 10px 0;
	border-bottom:1px dotted #cccccc;
	text-transform:uppercase;
}



#right-column .blog_ad{
	margin-bottom:5px;
	border-bottom:5px solid #b1d5ed;
	background:#361a0c;	
}
#right-column .blog_ad div{padding:7px;font-size:8pt;color:#afafaf;}
#right-column .blog_ad div a{color:#feae03;}

#right-column .case_studies{padding:7px;font-size:8pt;background:url(images/topbot.gif) top left repeat-x;}
#right-column .case_studies h2{
	font-size:8.5pt;
	font-weight:bold;
	font-family:verdana;
	margin:0 0 10px 0;
	border-bottom:1px dotted #cccccc;
	text-transform:uppercase;
}

#right-column .right-block{
	padding:7px;
	margin-bottom:10px;
}
#right-column .right-block h1{color:#000000;font-weight:bold;font-size:8.5pt;border-bottom:1px solid #dddddd;margin:5px 0;}

#right-column .box1{padding:10px;font-size:8.5pt;}
#right-column .box1 h2{font-size:8.5pt;font-weight:bold;font-family:verdana;margin:0 0 10px 0;border-bottom:1px dotted #cccccc;text-transform:uppercase;color:#000000;}

#right-column .box2{padding:10px;font-size:8.5pt;border-top:5px solid #b1d5ed;border-bottom:5px solid #b1d5ed;}
#right-column .box2 h2{font-size:8.5pt;font-weight:bold;font-family:verdana;margin:0 0 10px 0;border-bottom:1px dotted #cccccc;text-transform:uppercase;}

#right-column .box3{padding:10px;font-size:8.5pt;}
#right-column .box3 h2{font-size:8.5pt;font-weight:bold;font-family:verdana;margin:0 0 10px 0;border-bottom:1px dotted #cccccc;text-transform:uppercase;}

/*-- bottom navigation --*/

#bottom-navigation{
	font-size:8pt;
	margin: 10px 0px 10px 0px;
}

#bottom-navigation a{text-decoration:none;color:#336f9a;font-size:8pt;line-height:12pt;}
#bottom-navigation a:hover{text-decoration:underline}

.shopping_cart_software,.turnkey_solutions,.ecommerce_services,
.partners{
	float:left;
	width:160px;
	border-right:1px solid #dddddd;
	padding-left:5px;
	margin:5px 0;
	height:210px;
}

.showcase{
	float:left;
	width:120px;
	border-right:1px solid #dddddd;
	padding-left:5px;
	margin:5px 0;
	height:210px;
}
.support{
	float:left;
	width:120px;
	padding-left:5px;
	margin:5px 0;
	height:210px;
}
/*-- copyright --*/
#copyright{
	background:url(images/copybg.jpg) top left no-repeat;
	padding:10px 20px;
	margin:4px 0px 0px 0px;
	text-align:center;
	font-size:7.5pt;
	color:#969696;
}


/* -- scroller on the home page --*/
#scrollContainer{
      width:270px;
      height:300px;
      overflow:hidden;
}
#scrollerTable{
     
}

#scrollerTable tr{
      height:45px;
}

/*----- support -----*/
#column-box .content-padding .mid-title{
	background:url(images/mid-top-bg.gif) top left no-repeat;
	width:701px;
	margin-bottom:10px;
}
#column-box .content-padding .mid-title .bot{
	background:url(images/mid-bot-bg.gif) bottom left no-repeat;
	padding:10px;
	font-size:13pt;
	font-weight:normal;
}

#column-box .content-padding .sml-title{
	background:url(images/sml-title-bg.gif) top left no-repeat;
	width:513px;
	margin:10px 0;
}
#column-box .content-padding .sml-title .bot{
	background:url(images/sml-title-bot.gif) bottom left no-repeat;
	padding:10px;
	font-size:13pt;
	font-weight:normal;
}

#column-box .content-padding .upgrade-support{background:url(images/upgrade-support.gif) top left no-repeat;width:233px;height:30px;float:right;margin-top:15px;}
#column-box .content-padding .upgrade-support a{padding:5px 10px;font-weight:bold;text-decoration:none;display:block;color:#000000;}
#frame_builder {
	position:relative;
	height: 205px;
	width: 300px;
	display:block;
	float:left;
	overflow:hidden;
	border:1px solid #CCCCCC;
	margin: 0px 10px 10px 50px;
	
}
#frame_cart {
	position:relative;
	height: 251px;
	width: 176px;
	background-image:url(images/frame_cart.png);
	float:left;
	display:block;
}
#frame_quote {
	position:relative;
	height: 205px;
	width: 300px;
	float:left;
	display:block;
	border:1px solid #CCCCCC;
}
#frame_wish {
	position:relative;
	height: 251px;
	width: 176px;
	background-image:url(images/frame_wish.png);
	float:left;
	display:block;
}
.frame-padding {
    padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	}
#frame_builder .frame-padding h1, #frame_cart .frame-padding h1, #frame_quote .frame-padding h1, #frame_wish .frame-padding h1 {
	/*color:#5f8ba8;*/
	font-size:14pt;
	line-height:12pt;
	font-weight:bold;
	text-align:left;
	padding-bottom:0;
	margin-bottom:0;
	padding-top:0;
	margin-top:6pt;
	}
#frame_builder .frame-padding h2,  #frame_quote .frame-padding h2 {
	/*color:#006699;*/
	font-size:10pt;
	line-height:12pt;
	font-weight:bold;
	text-align:center;
	padding-bottom:0;
	margin-bottom:0;
	padding-top:0;
	margin-top:6pt;
	}
#frame_cart .frame-padding h2, #frame_wish .frame-padding h2 {
	/*color:#006699;*/
	font-size:10pt;
	line-height:12pt;
	font-weight:bold;
	text-align:center;
	padding-bottom:0;
	margin-bottom:10;
	padding-top:0;
	margin-top:10pt;
	}
#frame_builder .frame-padding h3 {
	color:#CC3300;
	font-size:10pt;
	line-height:12pt;
	font-weight:bold;
	text-align:center;
	padding-bottom:0;
	padding-top:0;
	margin-top:0;
	margin-bottom:0;
	background-color: #FFFF00;
	}
#frame_builder .frame-padding p, #frame_quote .frame-padding p {
	color:#333333;
	font-size:8.5pt;
	line-height:12pt;
	font-weight:bold;
	text-align:left;
	padding-bottom:0;
	padding-top:0;
	margin-top:1pt;
	margin-bottom:0;
	}
#frame_cart .frame-padding p, #frame_wish .frame-padding p {
	color:#333333;
	font-size:9pt;
	line-height:12pt;
	font-weight:bold;
	text-align:left;
	padding-bottom:0;
	padding-top:0;
	margin-top:1pt;
	margin-bottom:3pt;
	}
#frame_builder .frame-padding ul, #frame_cart .frame-padding ul, #frame_quote .frame-padding ul, #frame_wish .frame-padding ul{
	color:#333333;
	font-size:9pt;
	line-height:12pt;
	font-weight:bold;
	text-align:left;
	padding-bottom:0;
	padding-top:0;
	margin-top:1pt;
	margin-bottom:0;
	}
#frame_wish .frame-padding ol{
	color:#333333;
	font-size:9pt;
	line-height:12pt;
	font-weight:bold;
	text-align:left;
	padding-bottom:0;
	padding-top:0;
	margin-top:1pt;
	margin-bottom:0;
	padding-left:12.5pt;
	}
.frame-bttn {
	position: absolute;
	bottom:15px;
	right: 8px;
	}
/*.div-hover {
	cursor: pointer;
}
*/#breadcrumb-steps {
	font-size:12pt;
	font-weight:900;
	color:#c2c1c1;
}
#breadcrumb-steps ul{
	margin:0;
	padding:0;
	list-style:none;
}
#breadcrumb-steps li{
	display:inline;
	}
#breadcrumb-steps li a{
	text-decoration:none;
	color:#c2c1c1;

	background:url(images/bullet_not_visited.png) no-repeat 0 50%;
	padding-left: 16px;
	padding-right: 10px;
	cursor: default;
	}
#breadcrumb-steps .active a {
	background:url(images/bullet_active.png) no-repeat 0 50%;
	color:#757575;
	padding-left: 16px;
	padding-right: 10px;
	}
#breadcrumb-steps .visited a {
	background:url(images/bullet_visited.png) no-repeat 0 50%;
	padding-left: 16px;
	padding-right: 10px;
	cursor: pointer;
	}

#breadcrumb-steps .visited a.loading {
	background-image: url(images/loading_animation15.gif);
	}

.title_step {
	color:#875a0c;
	font-size:18pt;
/*	line-height:0pt;
*/	font-weight:900;
	text-align:left;
	padding: 0 0 0 0;
}
.banner_builder {
	color:#ffffff;
	font-size:12pt;
	line-height:18pt;
	font-weight:900;
	text-align:left;
	width:711px;
	height:25px;
	background-image:url(images/bgd_solution.gif);
	margin-top:10px;
	margin-bottom:10px;
}
#column2 .banner_builder {
	width:688px;
}
.banner_builder_text {
	padding-left:5px;
	}
#contact_form .banner_builder {
	width:513px;
}
#builder_navigation {
	display:block;
	border-top:3px solid #d78c09;
	border-bottom:3px solid #d78c09;
	width:712px;
	margin-top:10px;
	margin-bottom:15px;
	float:right;
	
	/* KT: preload the background for the loading links */
	background:url(images/loading_animation15.gif) no-repeat 0 -20px;
}

#bttn_next  {
	background:url(images/arrow_next.gif) no-repeat 0 50%;
	background-position:right;
	float:right;
	}	
#bttn_next a {
	color:#6dad53;
	line-height:14pt;
	text-decoration:none;
	font-size:10pt;
	font-weight:900;
	margin-right: 10px;
	padding-left: 16px;
	}

#bttn_prev  {
	background:url(images/arrow_prev.gif) no-repeat 0 50%;
	background-position:left;
	float:left;
	}	
#bttn_prev a {
	color:#7e0606;
	line-height:14pt;
	text-decoration:none;
	font-size:10pt;
	font-weight:900;
	margin-left: 10px;
	padding-right: 16px;
	}	
#bttn_prev a:hover {
	color:#FD7792;
	}
#bttn_next a:hover {
	color: #336633;
	}

#bttn_next a.loading {
	background: url(images/loading_animation15.gif) no-repeat left center;
	}
#bttn_prev a.loading {
	background: url(images/loading_animation15.gif) no-repeat right center;
	}

#solution_cost  {
	margin:2px 0 0 0;
	padding:0;
	text-align:center;
	font-size: 10pt;
	}	
#solution_cost p {
	margin:0;
	padding:0;
	line-height:14pt;
	}				
#cloud-selection {
	float:left;
	width:360px;
	}
#cloud-faq {
	float:right; 
	width:325px;
	border:2px  dashed #dff0fb;
	padding:3px;
}
#contact_form fieldset, #column2 fieldset {
	margin:1em 0;
	padding: 1em;
	border: 1px solid #dff0fb;
	background: #f8f8f8;
}
#contact_form legend, #column2 legend {
	font-weight:900;
	color:#0066FF;
}

#contact_form label.active, #column2 label.active {
	font-weight: bold;
	cursor: default;
	}
#contact_form input[type="text"], input[type="password"], input[type="select"], input[type="textarea"]{
	/* float:right;
	margin-right:330px; */
	width:200px;
	}
#contact_form .textarea_width, .select_width {
	width:200px;
	}
#contact_form input.short {
	width: 60px;
	}
#contact_form p label {
	width: 100px;
	float: left;
	}
#requirements fieldset p label {
	width: 150px;
	float: left;
	}
#customizations fieldset p label {
	width: 250px;
	float: left;
	}
#feedback fieldset p label {
	width: 250px;
	float: left;
	}
.textarea_400 {
	width: 400px;
	}
.apps1 {
	width: 300px;
	float: left;
	}
.apps2 {
	width: 340px;
	float: left;
	}

#about_you fieldset {
	margin:1em 0;
	padding: 1em;
	border: 1px solid #dff0fb;
	background: #f8f8f8;
}
#contact_form legend, #about_you legend {
	font-weight:900;
	color:#0066FF;
}
#contact_form p, #about_you p {
	position:relative;
	}
#contact_form input:focus, textarea:focus{
	background: #dff0fb;
	border:2px solid #0066FF;
	}
#contact_form label, #about_you label {
	cursor: pointer;
	}
#contact_form label.active, #about_you label.active {
	font-weight: bold;
	cursor: default;
	}

#about_you input[type="text"], input[type="password"]{
	/* float:right;
	margin-right:330px; */
	width:200px;
	}
#about_you input.short {
	width: 60px;
	}
#about_you p label {
	width: 180px;
	float: left;
	}
/*
#about_you input:focus {
	background: #dff0fb;
	border:1px solid #0066FF;
	}
*/
#column2 input[type="text"], input[type="password"], input[type="select"], input[type="textarea"]{
	/* float:right;
	margin-right:330px; */
	width:200px;
	}
#column2 .textarea_width, .select_width {
	width:200px;
	}
#column2 input.short {
	width: 60px;
	}
#column2 p label {
	width: 100px;
	float: left;
	}
.solution_field {
	width:350px;
	float:left;
}	
	
.solution_field fieldset {
	margin:1em 0;
	padding: 1em;
	border: 1px solid #dff0fb;
	background: #f8f8f8;
	width:350px;
}

	.solution_field fieldset label img,
	#step-four table.cart td label img {
		vertical-align: middle;
		}

.solution_field textarea {
	width:325px;
	color:#0066FF;
}
.solution_field input:focus {
	background: #dff0fb;
	/*border:2px solid #0066FF;*//*Caused layout issues in ie*/
	}

.solution_field legend {
	font-weight:900;
	color:#0066FF;
}

.solution_text {
	float:right; 
	width:300px;
	border:2px  dashed #dff0fb;
	padding:5px;
	background:#FEFFC6;
}
#themes {
	widows:700px;
	height:200px;
	padding:10px 10px 10px 40px;
	overflow: auto;
	margin-bottom:15px;
	background-color:#f8f8f8;
	border: 2px dotted #0099CC;
	scrollbar-base-color:#B7D9FF;   
	scrollbar-track-color:#B7D9FF;    
	scrollbar-face-color:#FFCC00;    
	scrollbar-arrow-color:navy;    
	scrollbar-highlight-color:#003366;    
	scrollbar-3dlight-color:#003366;    
	scrollbar-shadow-color:#003366;    
	scrollbar-darkshadow-color:#003366;    
	}
.thumb_field {
	position:relative;
	width:120px;
	height:170px;
	border: 5px double #CCCCCC;
	/*margin:10px;*/
	margin: 5px 10px 10px 5px;
	float:left;
	background:#FFFFFF;
}

.thumb_field img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	border: 1px solid #CCC;	 
	}
.thumb_field p {
	padding:0px 2px 2px 2px;
	margin:0px;
	font-size:.85em;
	text-align:center;
	}
.thumb_featured {
	position:relative;
	background: #336f9a;
	width:204px;
	height:190px;
	/*border: 1px solid #3483A0;
	margin:10px;*/
	margin: 5px 10px 10px 5px;
	padding-top:2px;
	float:left;
}

.thumb_featured img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	/*border: 1px solid #CCC;*/	 
	}
#featured .thumb_featured p {
	padding:2px 2px 2px 2px;
	margin:0px;
	font-size:.95em;
	text-align:center;
	color:#FFFFFF;	
	}
#featured {
	position:relative; 
	float:left; 
	padding-left:33px;
	border: 1px solid #003366;
	}
.thumb_selected {
	background-color: khaki;
	}

span.expcol img {
	vertical-align: middle;
	}

.sign-in {
	display:block;
	width:300px;
	font-size:14px;
	background-color: #FFFFCC;
	border: 5px double  #FF9900;
	padding:4px;
	margin-bottom:5px;
	margin-top:5px;
	}


	
#auth_scheme_new_container,#auth_scheme_returning_container {
	display: none;
	}
	
#make_a_store_com {
	color:gray;
	cursor:default;
	display:none;
	}

.errors_global {
	border: solid 1px red;
	padding: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	}
	
	.errors_global .error {
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 23px;
		}

.switching {
	background: white url(images/loading_animation15.gif) no-repeat 690px 5px ;
	background: white url(dop/images/switching.gif) no-repeat center 40px; 
	position: absolute;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	}
	


#cloud-description {
    position: absolute;
	visibility: hidden;
}
#storefront-description {
	position: absolute;
	visibility: hidden;
}
#platform1 {
	width:350px;
	float:left;
}
#platform2 {
	width:350px;
	float:right;
}
.no_br br {
	display:none;
	}

#themes thumb_field label {
	cursor: pointer;
	text-transform: capitalize;
	}

#step-six div.loading {
	background: url(images/loading_animation15.gif) no-repeat 80px 2px;
	}

#step-six a.button {
	padding-top: 4px;
	padding-bottom: 4px;
	}

table.pickup td {
	font-size: 10pt;
	padding-top: 6px;
	vertical-align: top;
	}
table.pickup td img{
	margin-top: -4px;
	}

#about_you .errors_hostnames span.error {
	position: static;
	margin-left: 3px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 25px;
	font-size: 90%;
	}
	
td.shared-ssl {
	background: khaki;
	padding: 5px 7px;
	}
	
	td.shared-ssl span.error {
		display: block;
		padding-top: 4px;
		padding-bottom: 0;
		padding-left: 26px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 3px;
		}

#cloud-calculator table.cart tr.cloud_selected,
#cloud-calculator table.cart tr.cloud_selected td {
	color: white;
	background: #11668E;
	background-color: #11668E;
	}
#howItworksKnow, #howItworksChoose, #howItworksAdd, #howItworksBuild, #howItworksRun {
	background: url(images/bgd_howItWorks_orange.png) repeat;
	margin:7px 0px 7px 65px;
	border: solid 2px #ff9000;
	width: 745px;
	float:left;
}
#howItworksKnow img, #howItworksChoose img, #howItworksAdd img, #howItworksBuild img, #howItworksRun img {
	border-right: solid 2px #ff9000;
	float:left;
}
#howItworksKnow h3, #howItworksChoose h3, #howItworksAdd h3, #howItworksBuild h3, #howItworksRun h3 {
	float:left;
	margin:3px 10px;
	border:none;
	font-size:1.3em;
	font-weight:900;
}
#howItworksKnow p, #howItworksChoose p, #howItworksAdd p, #howItworksBuild p, #howItworksRun p {
	padding:0px 4px;
	margin:4px 0;
	float:left;
	width:500px;
	text-indent:0px;
}
#howItworksKnow ul, #howItworksChoose ul, #howItworksAdd ul, #howItworksBuild ul, #howItworksRun ul {
	float:left;
	width:510px;
	font-size:13px;
	margin:0 8px;
}
#howItworksKnow strong, #howItworksChoose strong, #howItworksAdd strong, #howItworksBuild strong, #howItworksRun strong {
	font-weight:900;
}
