/*==============================*/
/*  Skin styles for DNN */
/*==============================*/
html{ height: 0; background-color: White;}
Body								{margin:0px;padding:0px;}
table, tr, td						{color:#4e5050;margin:0px;padding:0px;}
p, div, ul, li						{color:#4e5050;padding:0;margin:0;}
p									{padding: 5px 0;margin:0px;}
ul                                  { padding-left: 20px;}
li									{list-style:disc;}
ol li								{list-style:decimal;}
ul li								{list-style: disc;}
li									{margin: 5px 0; }
.clear								{clear:both}
.left								{float:left}
.right								{float:right}
.Head								{color:#f97703; font:bold 12pt Verdana, Arial, Helvetica, sans-serif}
.SubHead							{color:#999999}
H1,H2,H3,H4,H5	 					{font-family:Tahoma;line-height:23px;margin:0px;padding:0px;}
H1									{font-size:19px;color:#046196;letter-spacing:1px;}
H2 									{font-size:17px;color:#046196;letter-spacing:1px;padding: 5px 0;}
H3									{font-family:arial;font-size: 12px; color: #684c21;letter-spacing:1px; font-weight: bold; line-height: 13px;margin-bottom: -5px; padding-top: 5px;}
H4 									{font-size: 12px; color: #ccc;}
H5 									{font-size: 11px; color: #323947;}
#fload						{ width:0px; height:0px;}
#themes						{ width:32px; height:160px; background: url(../images/themebg.gif) top left no-repeat; position:absolute; right:-29px}

/*==============================*/
/*  Control Panel */
/*==============================*/
.ControlPanel						{ background:#221501; border:0px #ccc solid;}
.ControlPanel IMG					{ margin:5px 5px 0px; }
.ControlPanel TD TD TD TD IMG		{ margin:0px; }
.ControlPanel TD TD TD				{ width:auto}
.ControlPanel TD .SubHead			{ font-size:8pt; color:#cfbea1; font-weight:bold; padding:0 5px}
.ControlPanel TD .SubHead span		{ padding:0 5px}
.ControlPanel TD TD TD .SubHead		{ background:transparent; border:0px; font-size:8pt; color:#e2e3e4; font-weight: bold; }
.ControlPanel TD TD TD input		{ background:#f5f5f5; font-size:8pt; color:#000; font-weight:bold; padding-left:4px; }
.ControlPanel TD TD TD select		{ background:#f5f5f5; font-size:8pt; color:#4e5050;}
.ControlPanel .CommandButton,
.ControlPanel A.CommandButton:link,
.ControlPanel A.CommandButton:visited,
.ControlPanel A.CommandButton:active{ color:#cfbea1; text-decoration:none; font: bold 9pt Tahoma, Arial, Helvetica, sans-serif; padding:0 5px; display:block;}
.ControlPanel A.CommandButton:hover	{ color:#fff; text-decoration:none; background:none}

/*==============================*/
/*  Text */
/*==============================*/
td, div, p, .Normal,
.normal						{ font-family: tahoma, Helvetica, Verdana, Sans; font-size: 11px; font-weight: normal; color: #4e5050; line-height: 17px;}
td, div,p{letter-spacing: 1px;}
.NormalBold					{ font-family: tahoma, Helvetica, Verdana, Sans; font-size: 11px; font-weight: bold; color: #4e5050; line-height: 17px; }
.NormalRed					{ font-family: tahoma, Helvetica, Verdana, Sans; font-size: 11px; font-weight: bold; color: #C00; line-height: 17px; }
li                          { font-family: tahoma, Helvetica, Verdana, Sans; font-size: 11px; font-weight: normal;}
.SubHead					{ font-family: tahoma, Helvetica, Verdana, Sans; font-size: 11px; font-weight: bold; color: #4e5050; line-height: 17px; }
span.SubHead				{ font-size: 9px; margin:0; padding:0; }
span.SubHead br				{ display: none; }
a:link      			    { color: #e66802; text-decoration: underline;}
a:visited                	{ color: #e66802;text-decoration: underline;}
a:hover              		{ color: #4e5050;text-decoration: underline;}
a:active            		{ color: #e66802; text-decoration: underline;}


/*==============================*/
/*  Page Structure */
/*==============================*/
.widecolorfill {height:100%;width:100%;background-color:#221501;position:relative;padding:0;margin:0;}
.pagecenter {width:1010px;margin:0 auto;position:relative;}
.pagecolumnfill{float:left;min-height:900px;background:url(images/pagecolumnfill.gif) left top repeat-y;}
* html .pagecolumnfill{height:900px;}
.header {width:1010px;height:205px;background: url(images/header_d.png) no-repeat;position:relative;padding:0;margin:0;}
.allnavandcontentwrapper{width:985px;position:relative;z-index:1;clear:both;}
.contentandnavgradients{width:100%;background:url(images/contentandnavgradients.gif) no-repeat;height:515px;position:absolute;top:205px;z-index:0; }
.contentwrapper{float:right;width:734px;padding-top:20px;padding-bottom:50px;}
.pagecenter .footer{width:100%;line-height:46px;clear:both;background:url(images/footerbg.gif) center top no-repeat;text-align:center;}
.footer a, .footer a:visited, .footer a:hover,
.dnnfooterlinks a, .dnnfooterlinks a:visited, .dnnfooterlinks a:hover{color:#cfbea1;font-family:Tahoma;font-size:12px;font-weight:normal;letter-spacing:1px;text-transform:lowercase;}

/*==============================*/
/*  Header Contents */
/*==============================*/
.logolink a, .logolink a:hover {display:block;width:425px;position:absolute;top:0px;text-align:left;text-indent:-9999px;line-height:100px;height:100px;}
.tablink a, .ltablink a:hover {display:block;width:225px;position:absolute;left:0px;top:163px;text-align:left;text-indent:-9999px;line-height:40px;height:40px;}
.credentials{ position: absolute; top: 177px; right: 15px; font-family: Arial; font-size: 8pt; color: White;}
.credentials a, .credentials a:visited, .credentials a:hover{color:White;}
.websitesfrom{background:url(images/websitesfrom_d.gif) top left no-repeat;width:218px;height:33px;position:absolute;right:5px;bottom:38px;}
.websitesfrom a, .websitesfrom a:hover{display: block;text-align: left;text-indent: -9999px;line-height: 33px;height: 33px;}
.custserv a, .custserv a:hover{display: block;text-align: left;text-indent: -9999px;line-height: 141px;height: 141px;}

/*==============================*/
/*  Static Elements */
/*==============================*/
.custserv{width:155px;height:141px;position:absolute;top:327px;right:75px;background:url(images/website-customer-service.png) top left repeat-x;z-index:2;}
.websitesolutionstag{width:425px;height:136px;position:absolute;top:492px;right:2px;background:url(images/menus/small-business-website-bg.gif) top left repeat-x;z-index:2;}
.websitesolutionsnav{width:425px;height:136px;position:absolute;top:492px;right:5px;background:url(images/menus/navigation-bg.gif) top left repeat-x;z-index:2;}

/*==============================*/
/*  Graphic Bullets */
/*==============================*/
ul.imagebullet
{padding:0;margin:0;padding-left:10px;}
.imagebullet li
{ padding: 0; margin: 0; list-style: none;background: url(images/bullet.gif) no-repeat; line-height: 13px; display: block; padding-left: 12px; padding-bottom: 4px;}

/*==============================*/
/*  Package Backgrounds */
/*==============================*/
.comparepackages, .listwebpackages
{position: absolute; top: 15px; left: 203px; text-indent: -9999px; width: 109px; height: 109px;}
.comparepackages
{background: url(images/packages/comparewebpackages.gif) bottom no-repeat;}
.listwebpackages
{background: url(images/packages/listwebpackages.gif) bottom no-repeat;}
.comparepackages a, .comparepackages a:visited, .comparepackages a:hover,
.listwebpackages a, .listwebpackages a:visited, .listwebpackages a:hover
{line-height:109px; width: 109px; display: block; position: absolute; top: 0; left: 0;}
.packagelisting h2
{text-indent: -9999px;}
.packagelisting ul
{padding:0;margin:0;padding-left:160px;padding-top: 40px;}
.packagelisting li
{ padding: 0; margin: 0; list-style: none;background: url(images/bullet.gif) no-repeat;line-height: 13px; display: block; padding-left: 20px; padding-bottom: 4px;}
.packagelisting
{width: 650px; min-height: 114px; padding-bottom: 15px;}
.basicbrochure
{background: url(images/packages/basic-brochure.gif) no-repeat;}
.deluxebrochure
{background: url(images/packages/deluxe-brochure.gif) no-repeat;}
.ecommercelite
{background: url(images/packages/ecommerce-lite.gif) no-repeat;}
.ecommerceplus
{background: url(images/packages/ecommerce-plus.gif) no-repeat;}


.economywebsite
{background: url(images/packages/economy-website-package.gif) no-repeat;}
.prowebsite
{background: url(images/packages/pro-starter-website-package.gif) no-repeat;}
.newslettersite
{background: url(images/packages/newslettersite-website-package.gif) no-repeat;}
.ecommercesite
{background: url(images/packages/ecommerce-starter-website.gif) no-repeat;}

.prowebsitepackage
{background: url(images/packages/pro-website-package.gif) no-repeat;}
.ecommercewebsite
{background: url(images/packages/e-commerce-website-package.gif) no-repeat;}
.membershipwebsite
{background: url(images/packages/membership-website-package.gif) no-repeat;}
.websiteaddons
{background: url(images/packages/website-addons.gif) no-repeat;}

.compareall
{width: 90px; height: 50px; background: url(images/compare-all.gif) no-repeat;text-indent: -9999px; text-align: left; position: relative; float: left; top: 80px; left: 550px;}
.compareall a, .compareall a:visited, .compareall a:hover
{ width: 90px; height: 50px; display: block;}

.grid h2
{ background: url(images/grid-header-v2.gif) no-repeat; width: 728px; height: 64px;  color: #221501; padding: 0; margin: 0;  padding-left: 20px; line-height: 64px; font-size: 19px;clear: both;}
.grid h3
{ background: url(images/grid-section-header.gif) no-repeat; width: 728px; height: 29px; color: #221501; padding: 0; margin: 0; padding-left: 20px; line-height: 29px; font-size: 12px; clear: both;}
.grid ul, .grid li
{ padding: 0; margin: 0; list-style: none;}
.grid ul
{ width: 727px; background: url(images/grid-listitem-bg.gif); float: left; border-bottom: solid #8e7550 1px; padding-bottom: 10px;}
.grid li
{line-height: 30px; height: 30px; width: 728px; padding-left: 25px; float: left;}
.grid span.listitem
{ width: 262px;float: left;}
.grid span.text, .grid span.yes, .grid span.no
{width: 108px; text-align: center;float: left; color: #634a2d;}
.grid span.twoline
{ line-height: 15px;}
.grid span.red
{ color: #cc020f; font-weight: bold;}
.grid span.no
{ background: url(images/grid-dash.gif) center no-repeat; text-indent: -9999px;}
.grid span.yes
{ background: url(images/grid-check.gif) center no-repeat; text-indent: -9999px;}

/*==============================*/
/*  Content Panes */
/*==============================*/
.contentpane { width:734px; float:left;overflow:hidden;padding: 0; position: relative; z-index:0;}
#dnn_CustServPane{ width: 500px;}
#dnn_TagPane{ width: 320px;}
.twocolumnwrapper{ float: right; width: 734px;}
#dnn_LeftPane, #dnn_RightPane{ width: 365px;}
#dnn_LeftPane2{ width: 330px;} #dnn_RightPane2{ width: 400px;}
#dnn_LeftPane p, #dnn_RightPane p { padding-right: 18px;}

/*==============================*/
/*  Horizontal Menu Style */
/*==============================*/
.HMA {float:left;min-width:90%;width:90%;height: 34px; background-color: White; position: relative;}
.HM1 li {}
.HM1 .slide  {display:none;float:left;overflow:hidden;position:absolute;}
.HM1 .slide .Group{background:none;border:1px #dfdfdf dotted;display:none;left:0px;float:left;position:relative;padding:0px;}
.HM1 ul, .HM1 ul li { padding: 0; margin: 0;}
.HMA ul li {position:relative;float:left;list-style:none;margin: 0 5px;background:url(images/menus/menuother.gif) left -72px no-repeat;}
.HMA ul li a { padding: 0 10px; color:White;text-decoration:none;font-family:Tahoma;font-size:14px;display:block; line-height: 34px;background: url(images/menus/menuother.gif) right -109px no-repeat;}
.HMA ul .current li { background: Black; color: White;background:url(images/menus/menu.gif) left -72px no-repeat;}
.HMA ul .current .link a { background: Black; color: White;background: url(images/menus/menu.gif) right -109px no-repeat;}
.HMA .slide ul li a {color:Black;text-decoration:none;}

/*==============================*/
/*  Vertical Menu Style */
/*==============================*/
.lnavwrapper { width: 210px; float: left; position: relative; z-index: 1;padding:0 0 0 5px;}
.lnavabsposcontainer { position: absolute; left: 5px; top: 207px; z-index: 1; width: 210px;}
.VM1 {float: left; white-space:nowrap; position:relative; height: 485px;width:100%; margin-bottom:10px;font-family: Arial, Helvetica, sans-serif;}
.VM1 span { padding:0 10px; white-space: nowrap; display:block; font-weight:normal; font-size:10pt; color:#713602;letter-spacing: .10px; }
.VM1 ul{ margin:0px; padding: 0; display:block;float:left;width:100%; padding-top: 12px;}
.VM1 li { list-style: none none outside; float:left;position:relative; clear:both; width:100%; margin:0px; padding: 0;}
.VM1 ul li {  background-color: Transparent; float:left;margin-left: 2px;}
.VM1 ul li a{ background-color: Transparent; height:31px; display:block; float:left; width:100%; line-height:31px; cursor:pointer; text-decoration:none; color:#fff}
.VM1 ul .current { background:url(images/menus/selected.gif) left top no-repeat; margin:0px; width: 100%; margin-left: 2px;}
.VM1 ul .current a{ background:url(images/menus/selected.gif) right no-repeat; color:#fff;}
.VM1 ul li a:hover 					{ background:url(images/menus/hover.gif) left top no-repeat; margin:0px; width: 100%;}
.VM1 ul a:hover span 				{ background:url(images/menus/hover.gif) right no-repeat; color:#000;}
.VM1 .downarrow						{ display:none;}
.VM1 .rightarrow					{ position:absolute; right:2px; top:10px;}
.VM1 .slide {display:none;float:left;overflow:hidden;position:absolute;}
.VM1 .slide ul{width:auto;padding-top:0;}
.VM1 .slide img {padding:0 3px 0 0;}
.VM1 .slide .Group{background:#eee;border:0px #ddd solid;display:none;left:0px;float:left;position:relative;}
.VM1 .slide ul li {clear:both;background:#eee;display:block;height:24px;}
.VM1 .slide ul li span {color:#444;display:block;text-align:left;vertical-align:middle;white-space:nowrap;padding:0 20px 0 10px;}
.VM1 .slide ul li a{background:#eee;height:24px;display:block;line-height:24px;}
.VM1 .slide ul a:hover span {color:#fefa90;background:#f19701;}

/*==============================*/
/*  Offset Text  */
/*==============================*/
.ot{text-align:left;text-indent:-9999px;line-height:0px;height:0px;margin:0;}

/*==============================*/
/*  Inline Navigation  */
/*==============================*/
.taglist, .taglist li, .navlist, .navlist li{float:left;background:transparent;list-style:none;list-style-type:none;padding:0;margin:0;}
ul.taglist, ul.navlist{width:410px;padding-top:25px;padding-left:15px;}
.taglist li a, .navlist li a{padding:0;margin:0;}
.taglist li a, .navlist li a{text-align:left;text-indent:-9999px;width:70px;height:70px;display:block;line-height:70px;background:url(images/menus/small-business-website-services.gif) no-repeat;}
.navlist li a{width:100px;height:100px;}
.taglist li a:hover, .navlist li a:hover{background: url(images/menus/small-business-website-services.gif) no-repeat;}
.navlist li a{text-align:left;text-indent:-9999px;width:80px;height:100px;display:block;line-height:100px;background:url(images/menus/navigation-icons.gif) no-repeat;}
.navlist li a:hover{background: url(images/menus/navigation-icons.gif) no-repeat;}
#sbwebpackage a {background-position: left top;}
#sbwebpackage a:hover {background-position: left -100px;}
#sbwebdesign a {background-position: -71px top;}
#sbwebdesign a:hover {background-position: -71px -100px;}
#sbecommerce a {background-position: -144px top;}
#sbecommerce a:hover {background-position: -144px -100px;}    
.taglist #sbhosting a {background-position: -214px top;width: 62px;}
#sbhosting a:hover {background-position: -214px -100px;}
#sbcms a {background-position: -280px top;}
#sbcms a:hover {background-position: -280px -100px;}

.navlist #sbwebpackage a {background-position: left top;}
.navlist #sbwebpackage a:hover {background-position: left -100px;}
.navlist #sbwebhosting a {background-position: -81px top;}
.navlist #sbwebhosting a:hover {background-position: -81px -100px;}
.navlist #sbemail a {background-position: -162px top;}
.navlist #sbemail a:hover {background-position: -162px -100px;}    
.navlist #sbnewsletters a {background-position: -243px top; width: 90px;}
.navlist #sbnewsletters a:hover {background-position: -243px -100px;}
.navlist #sbshopping a {background-position: -334px top;}
.navlist #sbshopping a:hover {background-position: -334px -100px;}

.strikeout
{ text-decoration: line-through;}


/* Forms */
table.DynamicForms_Maintable
{ padding: 0; margin: 0;}
.DynamicForms_Maintable select, .DynamicForms_Maintable textarea, .DynamicForms_Maintable input, .DynamicForms_Maintable td Normal, .DynamicForms_Maintable td .NormalBold
{font-family: tahoma, Helvetica, Verdana, Sans; font-size: 11px; font-weight: normal; color: #4e5050; line-height: 17px;}
.DynamicForms_Summary ul
{ width: 363px; background-color: #cc6600; background: #cb6828 url(images/form-error-bg.gif) right top no-repeat; padding: 0; margin: 0; padding: 15px;}
.DynamicForms_Summary li
{color: #eae6e0; padding: 0; margin: 0; list-style-position: inside;}

.viewsite
{ height: 45px; width: 150px; background: url(/portals/0/images/portfolio/view-site.gif) no-repeat; position: absolute; z-index: 1; top: 260px; left: 20px; text-align: left;}
.homebannercontact
{ height: 45px; width: 150px; background: url(/Portals/0/images/buttons/contact-us.gif) no-repeat; position: absolute; z-index: 1; top: 360px; left: 345px; text-align: left;}
.homebannerlearnmore
{ height: 45px; width: 150px; background: url(/Portals/0/images/buttons/learn-more.gif) no-repeat; position: absolute; z-index: 1; top: 360px; left: 170px; text-align: left;}

.viewsite a:link, .viewsite a:active, .viewsite a:hover, .viewsite a:visited
{ text-indent: -9999px; display: block; height: 45px; line-height: 45px;}
.homebannercontact a:link, .homebannercontact a:active, .homebannercontact a:hover, .homebannercontact a:visited
{ text-indent: -9999px; display: block; height: 45px; line-height: 45px;}
.homebannerlearnmore a:link, .homebannerlearnmore a:active, .homebannerlearnmore a:hover, .homebannerlearnmore a:visited
{ text-indent: -9999px; display: block; height: 45px; line-height: 45px;}

.viewsite a:hover
{background: url(/portals/0/images/portfolio/view-site-hover.gif) no-repeat;}
.homebannercontact a:hover
{background: url(/Portals/0/images/buttons/contact-us-hover.gif) no-repeat;}
.homebannerlearnmore a:hover
{background: url(/Portals/0/images/buttons/learn-more-hover.gif) no-repeat;}

.styledtable td
{ padding: 5px;
    border-top: solid 1px #bbb1a1;
    border-left: solid 1px #bbb1a1;
    }

table.styledtable
{
    border-right: solid 1px #bbb1a1;
    border-bottom: solid 1px #bbb1a1;
    }

tr.tableheader
{ background-color: white;}

.requiredfield, td.requiredfield
{ font-weight: bold;}


.stepcarousel{
position: relative; /*leave this value alone*/
border: 10px solid #e9852c;
overflow: scroll; /*leave this value alone*/
width: 270px; /*Width of Carousel Viewer itself*/
height: 232px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel
{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel .panel img
{
width: 280px;
height: 210px;
border: 0;
}

/* LOGIN styles */
input, textarea, .linkbutton, .fielderror
{font-family: Arial;font-size: 14pt; line-height: 140%;}
#login
{margin-top: 40px;}
#dnn_ctr_dnnICON_imgIcon
{ visibility: hidden;}
.loginlabel, .logincontrol, .StandardButton, .rememberme
{font-size: 14pt; color: #4a4a4a;line-height: 140%; }
.loginlabel, input.logintextbox
{width: 180px;font-size: 14pt; color: #4a4a4a;line-height: 140%;}
input.logintextbox
{background-color: #fff;}
input.logincontrol{border: solid 1px #ccc;}
#dnn_ctr_Login_DNN .StandardButton
{margin: 8px;}