/* Core Structure Template - CSS Document */

/* Clear all default styles */
@import url("cssreset.css");

/*  Website defaults - all pages   */

body {
	font: 12px Helvetica, Arial, sans-serif;
	color: #333;
	background-color: #FFF;}
a {text-decoration: none;}
a:link {color: #0099cc;}
a:hover {color: #cc6633;}
a:visited {color: #0099cc;}

p { color: #666666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.2em;}
ul {margin-left: 15px;}
ul li {font-family: Helvetica, Arial, sans-serif;
	padding: 5px;
	color: #666;}

/*  Basic structure - all pages   */

div#mainwrapper {position: relative;
	width: 1126px;
	margin: 0;
	padding: 0;
	
}

/* ============= top header for all pages ============ */

div#topheader {margin: 0 0 0 151px; padding: 0 0 0 30px;
	width: 945px; height: 73px;}

div#topheader a.icon {
   display:inline-block;
   width:38px;
   height:38px;
   text-decoration:none;
   margin:35px 0 0 0;
   }
   
div#topheader a.twitter {background:url('images/twittericon.jpg') 0 0 no-repeat;}
div#topheader a.facebook {background:url('images/facebookicon.jpg') 0 0 no-repeat;}
div#topheader a.meetup {background:url('images/meetupicon.jpg') 0 0 no-repeat;}
div#topheader a.linkedin {background:url('images/linkedinicon.jpg') 0 0 no-repeat;}
div#topheader a.youtube {background:url('images/youtubeicon.jpg') 0 0 no-repeat;}
div#topheader a.stumbleupon {background:url('images/stumbleuponicon.jpg') 0 0 no-repeat;}
div#topheader a.squidoo {background:url('images/squidooicon.jpg') 0 0 no-repeat;}
div#topheader a.blog {background:url('images/rssfeedicon.jpg') 0 0 no-repeat;}
   

	
div#topheader a.spider {
   display:inline-block;
   float:right;
   width:177px;
   height:73px;
   text-decoration:none;
   margin:0 25px 0 0;
   background:url('images/SonicSpiderLogo.jpg') 0 0 no-repeat;
   }
	
/* ============= END top header for all pages ============ */	
	
	
div#header {
	margin:0 0 0 151px; padding: 20px 0 0 0;
	width:975px; height: 154px;
	background: white url('images/header.jpg') 0 0 no-repeat;
	border:none;
	}
div#header h1 {color: white;
	font-size: 2.1em;
	margin: 0; padding: 27px 0 5px 100px;}
div#header h2 {color: #FFFFCC;
	font-size: 1.4em;
	font-style: italic;
	margin: 0; padding: 5px 0 0 100px;}
div#header div.headerbox {width: 204px;
	height: 50px;
	background: transparent url('images/headerboxbkgr.jpg') 0 0 no-repeat;
	margin: 0;
	padding: 10px 15px 5px 23px;
	position: absolute;
	top: 90px; left: 840px;}
div#header div.headerbox p {padding: 0; margin: 0;
	font-size: 1.4em; color: #0099cc;
	line-height: 1.2em;}
div#header div.headerbox p a {
	text-decoration: none;}
div#header div.headerbox a:link {color: #0099cc;}
div#header div.headerbox a:visited {color: #0099cc;}
div#header div.headerbox a:hover {color: #666;}

div#header div.headerboxlow {width: 208px;
	height: 50px;
	background: transparent url('images/headerboxbkgr_lower.jpg') 0 0 no-repeat;
	margin: 0;
	padding: 10px 15px 5px 23px;
	position: absolute;
	top: 160px; left: 840px;}
div#header div.headerboxlow p {padding: 0; margin: 0;
	font-size: 1.4em; color: #0099cc;
	line-height: 1.2em;}
div#header div.headerboxlow p a {
	text-decoration: none;}
div#header div.headerboxlow a:link {color: #0099cc;}
div#header div.headerboxlow a:visited {color: #0099cc;}
div#header div.headerboxlow a:hover {color: #666;}

div#header div.bigheaderbox {width: 217px;
	height: 121px;
	background: transparent url('images/bigheaderboxbkgr.jpg') 0 0 no-repeat;
	margin: 0;
	padding: 10px 10px 5px 10px;
	position: absolute;
	top: 90px; left: 840px;}
div#header div.bigheaderbox p {padding: 0; margin: 0;
	font-size: 1.4em; color: #0099cc;
	line-height: 1.2em;
	text-align:center;}
div#header div.bigheaderbox span.title { 
	font-size:20px;
	color:#cc6633;
	font-weight:bold;
	line-height: 1.4em;}
div#header div.bigheaderbox span.clickhere {}
	
div#header div.headerbox p a {
	text-decoration: none;}
div#header div.bigheaderbox a:link {color: #0099cc;}
div#header div.bigheaderbox a:visited {color: #0099cc;}
div#header div.bigheaderbox a:hover {color: #666;}




div#contentwrapper {
    margin:0 0 0 151px;
	padding:0;
	width:975px;
	background: white url('images/Contentbkgr.jpg') 0 0 repeat-y;}

div#menusidebar {position: absolute;
	top: 240px;
	left: 20px;
	width: 151px;
	background: white url('images/menubkgr.jpg') 0 0 repeat-y;
	margin: 0; padding: 0;
	}
div#menusidebar img {margin: 0; padding: 0;}

div#menusidebar #menutop { position:relative;
   width:151px;
   height:38px;
   background:url('images/menutop.jpg') 0 0 no-repeat;}
   
div#menusidebar #menubottom { position:relative;
   width:151px;
   height:39px;
   background:url('images/menubottom.jpg') 0 0 no-repeat;}
   
div#menusidebar div.banner {
   position:relative;
   text-align:center;
   background:white !important;
   }
   
div#menusidebar div.custlogin {
   position:relative;
   text-align:center;
   background:white !important;
   }
div#menusidebar div.custlogin a {
   text-decoration:none;
   display:block;
   width:136px;
   height:26px;
   margin:0 0 0 15px;
   padding:7px 0 0 0;
   color:#666;
   font-size:14px;
   background: transparent url('images/custlogin.jpg') 0 0 no-repeat;
}

div#menusidebar div.badge {
   position:relative;
   text-align:center;
   background:white !important;
   }
div#menusidebar div.badge a {
   text-decoration:none;
   display:block;
   width:136px;
   height:100%;
   margin:0 0 0 15px;
   padding:7px 0 0 0;
   color:#666;
   font-size:14px;
}
		
   
.clearboth { clear:both;}


/*  Menus    */

div#menu {margin: 0; padding: 0 0 0 15px;}

div#menu ul {list-style:none; margin:0 0 0 10px; padding:0;
	width: 140px;
	margin: 0; padding: 0;}
div#menu ul li {padding: 5px 0 5px 7px;}
div#menu ul li a {display:block;
	text-decoration:none;
	color:#fff;
	font-weight: bold;
	font-size: 1.3em;
	}
div#menu ul li a:link {color:#fff;}
div#menu ul li a:visited {color:#fff;}
div#menu ul li a:hover {color: #cc6633;}
div#menu ul li a:active {color: #fff;}



/*  Home Page    */

div#homecontent {
   position:relative;
   width:925px; 
   margin: 0; padding: 10px 10px 10px 40px; 
   }
div#homecontent h3 {color: #cc6633;
	font-size: 1.6em;
	margin: 20px 0 10px 5px;}
div#homecontent ul {margin: 5px 0 5px 15px;
	padding: 0;
	list-style: none;
	font-size: 1.3em;
	color: #666;}
div#homecontent ul li {margin: 0;
	padding: 0 0 6px 19px;
	background: transparent url('images/bluebullet.jpg') 0 -2px no-repeat;}
	
div#listpanel { float:left;
    width:550px;
	height: 100%;
	margin: 15px 0 0 0;}
	
	
div#videopanel { float:right;
    width:300px;
	height:255px;
	background: transparent url('images/bluevideobtn.jpg') 0 0 no-repeat;
	margin:30px 40px 10px 0;}
div#videopanel a { display:block;
    position:relative;
	width:237px;
	height:103px;
	color:#666;
	text-align:center;
	text-decoration:none;
	padding:25px 0 0 0;
	font-size:18px;
	font-weight:bold;
	line-height:2em;}
 div#popvideowrapper {position: relative;
	color: #fff;
	margin: auto;
	width: 700px;
	height:100%;}
div.popvideoblk { position:relative;
  width:700px;
  height:100%;
  margin:0;
  }
	

div#rightpanel { float:right;
    width:250px;
	height:100%;
	margin:10px 20px 10px 0;}
		
div#rightpanel div.video { position:relative;
    width:237px;
	height:128px;
	background: transparent url('images/bluevideobtn.jpg') 0 0 no-repeat;
	margin:5px 5px 200px 0;}
div#rightpanel div.video p {
    text-align:center;
	padding:39px 0 0 0;
	font-size:24px;
	color:#666;
	font-weight:bold;}

	
	
div#rightpanel a {
    position:relative;
    display:block;
	width:244px;
	height:32px;
	text-decoration:none;
	text-align:center;
	padding:10px 0 0 0;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	background: transparent url('images/chooselevel.jpg') 0 0 no-repeat;}
	
div#productpanel { position:relative;
    clear:both;
	width:925px;
	height:100%;
	padding:10px 0 0 0;
	}
div#productpanel h1 {color: #cc6633;
	font-size: 2.2em;
	margin: 20px 0 5px 0;}
div#productpanel h2 {color: #0099cc;
	font-size: 1.7em;
	margin: 5px 0 5px 0;}
div#productpanel p {
    color:#666;
	font-size:1.5em;
	font-weight:bold;
	padding:0 0 3px 0;}
div#productpanel a { display:block;
    width:244px;
	height:25px;
	text-decoration: none;
	font-size: 1.7em;
	font-weight:bold;
	text-align:center;
	color:#fff;
	padding:7px 0 0 0;
	margin:3px 0 0 25px;

}
	
	
div#instapanel {float:left;
    width:292px;
	height:208px;
	background: transparent url('images/Insta_HomeBox.jpg') 0 0 no-repeat;
	text-align:center;
	margin:0 12px 0 0;}	
div#instapanel a.startbtn {
	background: transparent url('images/Insta_GetStart.jpg') 0 0 no-repeat;
    }
	
div#classicpanel {float:left;
    width:292px;
	height:208px;
	background: transparent url('images/Classic_HomeBox.jpg') 0 0 no-repeat;
	text-align:center;
	margin:0 12px 0 0;}
div#classicpanel a.startbtn {
	background: transparent url('images/Classic_GetStart.jpg') 0 0 no-repeat;
    }	
div#dynocmpanel {float:left;
    width:292px;
	height:208px;
	background: transparent url('images/DCM_HomeBox.jpg') 0 0 no-repeat;
	text-align:center;}	
div#dynocmpanel a.startbtn {
	background: transparent url('images/DCM_GetStart.jpg') 0 0 no-repeat;
    }
	
/* ========  MooTips Anchor Icon ======== */
	
a.tipquestion {
   background: transparent url('images/questionmark.png') 5px 0 no-repeat;
   display:inline-block;
   width:20px;
   height:16px;}

div.readmore {margin: 10px 0 15px 650px; padding: 9px 0 0 15px;
	width: 120px; height: 25px;
	background: transparent url('images/med_button.jpg') 0 0 no-repeat;}
div.readmore a {text-decoration: none;
	font-size: 1.3em;
	font-weight: bold;}
div.readmore a:link {color: #0099cc;}
div.readmore a:visited {color: #0099cc;}
div.readmore a:hover {color: #cc6633;}

div.btnlink {margin: 2px 0 0 650px; 
    padding: 9px 0 0 15px;
	width: 120px; height: 25px;
	background: transparent url('images/med_button.jpg') 0 0 no-repeat;}
div.btnlink a {text-decoration: none;
	font-size: 1.3em;
	font-weight: bold;}
div.btnlink a:link {color: #0099cc;}
div.btnlink a:visited {color: #0099cc;}
div.btnlink a:hover {color: #cc6633;}
   
   
p.footnote {
    font-size:11px !important;
	font-style:italic;
	color: #999 !important;
	margin:0 !important;
	padding:0 0 0 30px !important;}
p.footnote a { color:#d8762d; text-decoration:none;}
   
   

/* ================== Interior Pages ============== */
	
div#intcontent {
   position:relative;
   width:925px; 
   height:100%;
   margin: 0; padding: 10px 60px 10px 40px; 
   }
div#intcontent h1 {color: #cc6633;
	font-size: 2em;
	margin: 5px 0 15px 5px;}
div#intcontent h2 {color: #0099cc;
	font-size: 1.6em;
	margin: 20px 0 15px 7px;}
div#intcontent h3 {color: #cc6633;
	font-size: 1.5em;
	margin: 10px 0 8px 9px;}
div#intcontent h4 {color: #0099cc;
	font-size: 1.4em;
	margin: 10px 0 9px 11px;}

div#intcontent strong {
    font-size:16px;
	}	
	
div#intcontent ul {padding: 0;
	margin: 5px 15px 5px 15px;
	list-style: none;
	color: #666;}
div#intcontent ul li {margin: 0;
	padding: 0 0 10px 19px;
	font-size: 14px;
	background: transparent url('images/bluebullet_sm.jpg') 0 0 no-repeat;
	line-height:1.3em;}
div#intcontent ul li ul li {margin: 0;
	padding: 0 0 2px 19px;
	font-size: 13px;
	background: transparent url('images/bluebullet_sm.jpg') 0 0 no-repeat;}
	
div#intcontent div#featureswrapper {
    position:relative;
    width:925px; 
    height:100%;
	
    }
div#intcontent div.features {
   float:left;}

div#intcontent div.features ul {padding: 0;
	margin: 5px 15px 5px 15px;
	list-style: none;
	color: #666;}
div#intcontent div.features ul li {margin: 0;
	padding: 0 0 10px 19px;
	font-size: 14px;
	background: transparent url('images/checkmark.png') 0 0 no-repeat;
	line-height:1.3em;}
div#intcontent div.features ul li ul li {margin: 0;
	padding: 0 0 2px 19px;
	font-size: 13px;
	background: transparent url('images/checkmark.png') 0 0 no-repeat;}
	
	
div#intcontent ul.featureoverview {padding: 0;
	margin: 5px 275px 5px 15px;
	list-style: none;
	color: #666;}
div#intcontent  ul.featureoverview li {margin: 0;
	padding: 0 0 10px 19px;
	font-size: 14px;
	background: transparent url('images/checkmark.png') 0 0 no-repeat;
	line-height:1.3em;}
div#intcontent div.features ul.featureoverview li ul li {margin: 0;
	padding: 0 0 2px 19px;
	font-size: 13px;
	background: transparent url('images/checkmark.png') 0 0 no-repeat;}
	
	
div#intcontent ul.benefit {padding: 0;
	margin: 5px 15px 5px 15px;
	list-style: none;
	font-size: 1.1em;
	color: #666;}
div#intcontent ul.benefit li {margin: 0;
	padding: 0 0 20px 19px;
	background: transparent url('images/bluebullet_sm.jpg') 0 0 no-repeat;}
		
div#intcontent p {margin: 5px;
	padding: 5px 20px 5px 5px;
	font-size: 14px;
	line-height: 1.3em;
	color: #666;}
	
div.buybutton {margin: 0; padding: 9px 0 0 25px;
	width: 110px; height: 25px;
	background: transparent url('images/BuyNowBtn.jpg') 0 0 no-repeat;}
div.buybutton a {text-decoration: none;
	font-size: 1.3em;
	font-weight: bold;}
div.buybutton a:link {color: #fff;}
div.buybutton a:visited {color: #fff;}
div.buybutton a:hover {color: #cc6633;}

 
.right {float: right;
	margin: 5px;}
.left {float: left; margin: 5px;}
.medtxt {font-size: 1.3em;
	font-weight: bold;}
.medblue {font-size: 1.4em;
    font-weight:bold;
	color:#0099cc;}
.medtxt a {text-decoration: none;}
.medtxt a:link {color:#0099cc;}
.medtxt a:visited {color:#0099cc;}
.medtxt a:hover {color:#cc6633;}

.medorange {font-size: 1.3em;
	font-weight: bold;
	color: #cc6633;}
.medorange a {text-decoration: none;}


div#intcontent #navcontainer {
   position:relative;
  background: transparent url('images/submenubkgr.jpg') 0 0 no-repeat;
  font-family: Helvetica, Arial, sans-serif;
  margin: 0 0 0 -15px;
  padding: 10px 0;
  width: 924px;
  height:38px;
}

div#intcontent  #navcontainer ul#navlist{
float:left; 
 width:700px;
text-align: left;
margin:0;
padding: 0;
text-indent: 0;
}

div#intcontent #navcontainer ul#navlist li
{
background: none;
padding: 5px 5px 0 15px;
margin: 0;
text-indent: 0;
display: inline;
}

div#intcontent #navcontainer ul#navlist li a
{
width:100%;
height:30px;
text-decoration: none;
color: #666;
font-size: 1.1em;
padding: 5px 0 0 20px;
}

div#intcontent  #navcontainer ul#navlist li a:hover {color: #0099cc;}

div#intcontent  #navcontainer ul#navlist a#current {
background: transparent url('images/submenu_arrow.jpg') 0 5px no-repeat;
color: #0099cc;
font-size: 1.3em;
font-weight: bold;
}

div#comparepanel { position:relative;
    clear:both;
	width:925px;
	height:100%;
	padding:10px 0 0 0;
	}
div#comparepanel h1 {color: #cc6633;
	font-size: 2.2em;
	margin: 15px 0 10px 0;}
div#comparepanel h4 {color: #0099cc;
	font-size: 1.2em;
	margin: 0 0 5px 35px;
	padding:0;
	text-align:left;}
div#comparepanel p {
    color:#666;
	font-size:1.5em;
	font-weight:bold;
	margin:0;
	padding:5px 0 0 0;}
	
div#comparepanel ul.comparefeatures {
    margin:0 0 10px 35px;
	padding:0;
	list-style: none;
	color: #666;}
div#comparepanel ul.comparefeatures li {margin: 0;
	padding: 2px 0 5px 20px;
	text-align:left;
	font-size: 14px;
	background: transparent url('images/checkmark.png') 0 0 no-repeat;
	line-height:1.2em;
	color: #333;}
div#comparepanel ul.comparefeatures li a {
    display:inline;
    text-decoration:none;
	text-align:left;
	font-size: 14px;
	font-weight:normal;
	padding:0;
	margin:0;
	color: #333;
    }
div#comparepanel ul.comparefeatures li a:hover {
    color:#0099cc;}
div#comparepanel ul.comparefeatures li a:visited {
    color:#333;}
div#comparepanel ul.comparefeatures li a:link {
    color: #333;}
	
	
	
	
div#comparepanel a { display:block;
    width:244px;
	height:25px;
	text-decoration: none;
	font-size: 1.7em;
	font-weight:bold;
	text-align:center;
	color:#fff;
	padding:7px 0 0 0;
	margin:5px 0 0 25px;
    }

/* ========== Product Feature Panels ==============  */

div#instafeaturepanel {float:left;
    width:291px;
	height:435px;
	background: transparent url('images/Insta_CompareBox.jpg') 0 0 no-repeat;
	text-align:center;
	margin:0 12px 0 0;}	
div#instafeaturepanel a.startbtn {
	background: transparent url('images/Insta_Select.jpg') 0 0 no-repeat;
    }
	
div#classicfeaturepanel {float:left;
    width:291px;
	height:435px;
	background: transparent url('images/Classic_CompareBox.jpg') 0 0 no-repeat;
	text-align:center;
	margin:0 12px 0 0;}
div#classicfeaturepanel a.startbtn {
	background: transparent url('images/Classic_Select.jpg') 0 0 no-repeat;
    }	
div#dynocmfeaturepanel {float:left;
    width:291px;
	height:435px;
	background: transparent url('images/DCM_CompareBox.jpg') 0 0 no-repeat;
	text-align:center;}	
div#dynocmfeaturepanel a.startbtn {
	background: transparent url('images/DCM_Select.jpg') 0 0 no-repeat;
    }


/* ========== Affiliate Feature Panels ==============  */
div#special {margin: 5px 10px; padding: 0;}
div#special p {font-size: 14px; color: #cc0000;}

div#referfeaturepanel {float:left;
    width:291px;
	height:435px;
	background: transparent url('images/Referral_CompareBox.jpg') 0 0 no-repeat;
	text-align:center;
	margin:0 12px 0 0;}	
div#referfeaturepanel a.startbtn {
	background: transparent url('images/Referral_BoxButton.jpg') 0 0 no-repeat;
	color:#0099cc;
    }
	
div#alliancefeaturepanel {float:left;
    width:291px;
	height:435px;
	background: transparent url('images/Alliance_CompareBox.jpg') 0 0 no-repeat;
	text-align:center;
	margin:0 12px 0 0;}
div#alliancefeaturepanel a.startbtn {
	background: transparent url('images/Alliance_BoxButton.jpg') 0 0 no-repeat;
	color:#0099cc;
    }	
div#resellfeaturepanel {float:left;
    width:291px;
	height:435px;
	background: transparent url('images/Reseller_CompareBox.jpg') 0 0 no-repeat;
	text-align:center;}	
div#resellfeaturepanel a.startbtn {
	background: transparent url('images/Reseller_BoxButton.jpg') 0 0 no-repeat;
	color:#0099cc;
    }




div#intcontent div.packboxwrapper { position:relative;
   width:925px; 
   height:100%;
   margin: 5px 0 15px 5px;}

div#intcontent div.pbheader { position:relative;
  width:872px;
  height:11px;}
div#intcontent div.pbfooter { position:relative;
  width:872px;
  height:20px;}
div#intcontent div.packbox {
    position:relative;
	padding: 0;
	width: 872px; }
	
div#intcontent div.pbinstasite_top {
  background:url('images/InstaLevel_BoxTop.jpg') 0 0 no-repeat;
}
div#intcontent div.pbinstasite_body {
  background:url('images/InstaLevel_Boxbkgr.jpg') 0 0 repeat-y;
}
div#intcontent div.pbinstasite_bottom {
  background:url('images/InstaLevel_BoxBottom.jpg') 0 0 no-repeat;
}

div#intcontent div.pbclassicsite_top {
  background:url('images/ClassicLevel_BoxTop.jpg') 0 0 no-repeat;
}
div#intcontent div.pbclassicsite_body {
  background:url('images/ClassicLevel_Boxbkgr.jpg') 0 0 repeat-y;
}
div#intcontent div.pbclassicsite_bottom {
  background:url('images/ClassicLevel_BoxBottom.jpg') 0 0 no-repeat;
}

div#intcontent div.pbdynamicsite_top {
  background:url('images/DCMLevel_BoxTop.jpg') 0 0 no-repeat;
}
div#intcontent div.pbdynamicsite_body {
  background:url('images/DCMLevel_Boxbkgr.jpg') 0 0 repeat-y;
}
div#intcontent div.pbdynamicsite_bottom {
  background:url('images/DCMLevel_BoxBottom.jpg') 0 0 no-repeat;
}
	
	
	
	
div#intcontent div.packbox h3 {color: #cc6633;
	font-size: 1.6em;
	margin: 0 0 10px 15px;
	padding: 10px 0 0 15px;
	font-family: Helvetica, Arial, sans-serif;}

div#intcontent div.packbox div.features { position:relative;
    width: 400px;
	margin: 0 0 0 20px; padding: 0;}
div#intcontent div.packbox div.features ul {padding: 0 0 5px 0;
	margin: 5px 15px 0 15px;
	list-style: none;
	font-size: 1em;
	color: #666;}
div#intcontent div.packbox div.features ul li {margin: 0;
	padding: 0 0 10px 19px;
	background: transparent url('images/bluebullet_yellowbk.jpg') 0 0 no-repeat;}
		
div#intcontent div.packbox div.payment {
    float: right;
	margin: 0 15px 0 0; 
	padding: 0;
	width:410px;}
div#intcontent div.packbox div.payment p {
    font-style:italic;
    }
table.pay {margin: 5px;	
	border-width: 1px 1px 0 0;
	width: 400px;}
table.pay td {padding: 5px; 
	border-bottom: 1px dotted #ccc;
	border-width: 0 0 1px 1px;
	font-size: 1em;
	color: #666;
	margin: 3px;}
table.pay td.type {font-size: 1.1em;
	font-weight: bold;
	color: #0099cc;}
	
	
div#intcontent div.stepwrapper { position:relative;
   margin: 5px 0 15px 5px;}

div#intcontent div.step_top { position:relative;
   background:url('images/InstaLevel_BoxTop.jpg') 0 0 no-repeat;
   width:872px;
   height:17px;}
div#intcontent div.step_bottom { position:relative;
   background:url('images/InstaLevel_BoxBottom.jpg') 0 0 no-repeat;
  width:872px;
  height:20px;}
div#intcontent div.step_body {
    background:url('images/InstaLevel_Boxbkgr.jpg') 0 0 repeat-y;
    position:relative;
	padding: 0;
	width: 872px;
	height:100%; }
div#intcontent div.stepwrapper h3 {color: #cc6633;
	font-size: 1.6em;
	margin: 0 0 10px 15px;
	padding: 10px 0 0 15px;
	font-family: Helvetica, Arial, sans-serif;}
div#intcontent div.step_body ul {padding: 0 0 5px 0;
	margin: 5px 15px 0 50px;
	list-style: none;
	font-size: 1em;
	color: #666;}
div#intcontent div.step_body ul li {margin: 0;
	padding: 0 0 10px 19px;
	background: transparent url('images/bluebullet_yellowbk.jpg') 0 0 no-repeat;}
	
	
	
	
	
span.small {font-size: 10px; color: #666;}
span.med {font-size: 1.1em; font-weight: bold;}
table#signup {margin: 10px 0 0 25px;
	border: 1px solid #ccc;}
table#signup td {font-size: 1.1em;
	padding: 5px;}
table#signup td span.required {font-weight: bold;}
table#signup input[type=submit] {
	color: #fff;
	background: #cc6633;
	margin: 5px 10px 0 0px;
	padding: 5px 10px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
}
	
table.contactform {width: 600px;
	margin: 10px 0 10px 20px; padding: 0;}
table.contactform td {text-align: left;
	font-size: 1.1em;
	color: #666;
	padding: 3px;}
table.contactform td.label {text-align: right;
    vertical-align:top;
	font-weight: bold;
	color: #333;}
table.contactform tr td input[type=submit] {
	color: white;
	background: #cc6633;
	width: 200px;
	height: 30px;
	margin: 5px 10px 0 0px;
	padding: 5px 10px;
	text-align: center;
	font-family: Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
}

table.contactform tr td input[type=reset] {
	color: white;
	background: #cc6633;
	width: 200px;
	height: 30px;
	margin: 5px 10px 0 0px;
	padding: 5px 10px;
	text-align: center;
	font-family: Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
}

table.contactform tr td.section h4 {color: #cc6633;
	font-size: 1.2em;
	margin: 5px 0 5px 5px; }
	


/* ===================== Buy Now Terms of Service Styles =============== */

div#popwrapper { position:relative;
   margin:0 auto 0 auto;
   padding:5px;
   width:400px;
   height:100%;}
div#popwrapper h1 { font-size:24px;
   margin:0; padding:10px 0 20px 0;
   text-align:center;}
div#popwrapper h2 { font-size:18px;
   padding:10px 0 10px 0;}
div#popwrapper h3 { font-size:16px;
   padding:10px 0 5px 0;}
div#popwrapper p { line-height:15px;
   padding:0 0 5px 0;}
div#popwrapper ol {
   padding:5px 0 5px 30px;}
div#popwrapper ol li { list-style-type:decimal;
   padding:5px 0 0 0;
   line-height:15px;
   list-style-position:outside; }
   
iframe.popframe { width:460px;
    height:300px;
	border:#999 medium inset;}
iframe.popframe_short { width:460px;
    height:200px;
	border:#999 medium inset;}
	
div#viewcart { position:absolute;
   top:10px;
   left: 700px;
   z-index:1000;}
div#viewcart table { width:200px;}
div#viewcart table td { color:#666666;}


/* ============= General Accordian settings ===============  */


.infoblock {  background: transparent url('images/plus.jpg') 0 0 no-repeat;
   margin:5px 0 10px 15px;
   padding:3px 0 10px 25px;
   font-size: 14px;
   cursor:pointer;
   border-bottom: 1px dotted #ccc;}
.moreinfo { float:right;
   font-style:italic;
   padding:5px 30px 0 0;
   font-size:12px;}
   
   
/* ============= End Accordian settings ===============  */

/* ============= Quick Question Button settings ===============  */


div.quickquestion {
    float: right;
	width: 200px; 
	height: 38px;
	margin:-12px 0 0 0;
	padding:0;
	z-index:2000;}
div.quickquestion a {
    display:block;
	width: 185px; 
	height: 25px;
    text-decoration: none;
	font-size: 1.1em;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	padding:13px 0 0 15px;
	margin:0;}
div.quickquestion a:link {color: #cc6633;}
div.quickquestion a:hover {color: #0099cc;}
div.quickquestion a:visited {color:  #cc6633;}

div.quickquestbtn {
   background: transparent url('images/QuickQuestion.jpg') 0 0 no-repeat;
    float: right;
	width: 237px; 
	height: 38px;
	margin:0 12px 0 0;
	padding:0;
	z-index:2000;}
div.quickquestbtn a {
    display:block;
	width: 180px; 
	height: 26px;
    text-decoration: none;
	font-size: 1.1em;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	padding:12px 0 0 55px;
	margin:0;}
div.quickquestbtn a:link {color: #cc6633;}
div.quickquestbtn a:hover {color: #0099cc;}
div.quickquestbtn a:visited {color:  #cc6633;}

/* ============= End Quick Question settings ===============  */

/* =================== Popup Contact Forms ================ */

div#qkquestform {text-align: center;
	position: relative;
	width: 350px;
	height:410px;
	margin:30px 0 0 0; padding: 10px;}
div#qkquestform h1 {
    margin:5px 0 5px 0 !important;
	padding:0 !important;
    font-size:20px !important;
    }
div#qkquestform form#emailForm { 
    text-align:right !important;}
div#qkquestform p {line-height: 1.8em;
	margin: 0 0 0 10px; padding: 0;}
div#qkquestform span.label {font-size: 11px;
	color: #666;
	font-style: italic;
	vertical-align: top;}
div#qkquestform span.required { color:#990000;
    font-weight:bold;}
div#qkquestform span.filelabel {font-size: 11px;
	color: #666;
	font-style: italic;
	vertical-align: top;
	text-align:left !important;}
div#qkquestform input[type=text] {font-size: 10px;
	color: #666;
	margin:3px 10px 0 0;}
div#qkquestform input[type=file] {font-size: 10px;
	color: #666;
	margin:3px 10px 10px 0;}
div#qkquestform span.top {display: block;
	vertical-align: top;}
div#qkquestform p.submit input {
	color: white;
	background: #993333;
	margin: 0 0 0 130px;
	padding: 3px 5px;
	font-size: 1em;
	border: 1px solid #333366;
	font-family: Arial, Helvetica, sans-serif;
}

div#qkquestform h1 { font-size:3em;
   color:#333366;
   font-weight:bold;
   margin:20px 0 0 0;
   padding:0;}	
   
div#qkquestthankyou {text-align: center;
	position: relative;
	width: 350px;
	margin:30px 0 0 0; padding: 0;}
	
/* =================================================== */

/* =========== eNewsletter ================= */

div#enewsletter { display:none;}
div#contactsignup {float: right;
	margin: 5px 20px 5px 5px;}
div#contactsignup div#af-header-1521276692 div.af-header div.bodyText p {color: white;}


/* =========== Recomended Themes Page ===================== */

div.themepanel { position:relative;
    width:910px; 
    height:100%;
	border-bottom:#666666 thin solid;}

div.themeimage { float:left;
    width:300px;
	height:100%;
	margin:0 0 15px 0;}

div.themetext { float:left;
    width:600px;
	height:100%;
	padding:20px 0 0 0;}
	
div.themeinfo {
    position:relative;
   margin: 10px 0 15px 400px; padding: 9px 0 0 15px;
	width: 120px; height: 25px;
	background: transparent url('images/med_button.jpg') 0 0 no-repeat;}
div.themeinfo a {text-decoration: none;
	font-size: 1.3em;
	font-weight: bold;}
div.themeinfo a:link {color: #0099cc;}
div.themeinfo a:visited {color: #0099cc;}
div.themeinfo a:hover {color: #cc6633;}


/* =============== Tables ====================== */

div#tablewrap { margin-left:20px;}
.datatable {width: 90%; margin: 0 0 5px 20px;
	border: 1px solid #ccc;}
.datatable td { text-align:center;
    border-bottom: 1px solid #ccc;}
.datatable td.total { font-size:1.2em;
    font-weight:bold;}
.datatable th{ font-size: 1em;
    text-align:center;
	font-weight: bold;
	padding:5px;
	border-bottom: 1px groove;
	border-right: 1px groove;
	background-color: #0099cc;
	color:#FFFFFF;}
.datatable th.total { font-size:1.2em;}


.datatable a { text-decoration:none;}
.datatable a:link {color: #990000;}
.datatable a:visited {color: #990000;}
.datatable a:hover {color: #cc0000; text-decoration:underline;}

/*  Footer */

div#footer {
    clear:both;
    margin: 0; 
    padding: 0;
    height: 39px;
	background: white url('images/footer.jpg') 0 0 no-repeat;
	width: 975px;
	text-align: left;
	}

div#copyright {margin: 0 0 0 151px; padding: 0;
	width: 975px;}
div#copyright p {margin: 0;
	padding: 0  0 5px 25px;
	font-size: 9px;
	color: #999;}
	
/* ==================== Landing Pages ================== */

div#featurespanel { float:right;
    width:315px;
	height:273px;
	background: transparent url('images/artistboxbkgr.jpg') 0 0 no-repeat;
	padding:0 5px 0 5px;
	margin:10px 20px 10px 0;}
div#featurespanel h2 {
    margin:15px 5px 10px 5px;
	color:#003366;
   }
div#featurespanel div.features { font-weight:bold;}


	
/*IE Only Styles*/