@charset "utf-8";


body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image: url(../images/bg_grad.gif);
	background-repeat: repeat-y;
	background-position:center;

}

/* Tips for Elastic layouts 
1. Since the elastic layouts overall sizing is based on the user's default fonts size, they are more unpredictable. Used correctly, they are also more accessible for those that need larger fonts size since the line length remains proportionate.
2. Sizing of divs in this layout are based on the 100% font size in the body element. If you decrease the text size overall by using a font-size: 80% on the body element or the #container, remember that the entire layout will downsize proportionately. You may want to increase the widths of the various divs to compensate for this.
3. If font sizing is changed in differing amounts on each div instead of on the overall design (ie: #sidebar1 is given a 70% font size and #mainContent is given an 85% font size), this will proportionately change each of the divs overall size. You may want to adjust based on your final font sizing.
*/
#container {
	width: 850px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background-color: #FFFFFF;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	display: block;
}
#processing{
	position:absolute;
	display:block;
	float:left;
	left:0px;
	width:100%;
	line-height:100%;
	z-index:10000;
	margin:0px;
	margin-top: 0px;
	padding-top: 0px;
	top:0px;
	
}
#previewBook{
	width:100%;
	display:block;
	line-height:100%;
	height:1000px;
	z-index:10000;
	position:absolute;
	margin-top: 0px;
	padding-top: 0px;
	top:0px;
	left:0px;

}
#previewBook{
	width:100%;
	display:block;
	line-height:100%;
	height:1000px;
	z-index:10000;
	position:absolute;
	margin-top: 0px;
	padding-top: 0px;
	top:0px;


}
#imageloader{
	width:100%;
	display:block;
	line-height:100%;
	height:1000px;
	z-index:10000;
	position:absolute;
	margin-top: 0px;
	padding-top: 0px;
	top:0px;
	left:0px;
}
#starter{
	width:100%;
	display:block;
	line-height:100%;
	height:1000px;
	z-index:10000;
	position:absolute;
	margin-top: 0px;
	padding-top: 0px;
	top:0px;
	left:0px;
}
#templateLoader{
	width:100%;
	display:block;
	line-height:100%;
	height:1000px;
	z-index:10000;
	position:absolute;
	margin-top: 0px;
	padding-top: 0px;
	top:0px;
	left:0px;
}
#videoloader{
	width:100%;
	display:block;
	line-height:100%;
	height:1000px;
	z-index:10000;
	position:absolute;
	margin-top: 0px;
	padding-top: 0px;
	top:0px;
	left:0px;
}
#subprocessing {
	position:relative;
	width: 850px;
	height:1000px;
	background:url(../images/translayer.png);
	/*filter:alpha(opacity=65);
	   -moz-opacity: 0.65; 
   opacity: 0.65;*/
	text-align: center; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	display: block;
	top:136px;
	margin-top: 0px;
	padding: 0px;
	border: 1px solid #CCCCCC;
	
}



#header {
	display: block;
	position: relative;
	white-space: normal;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
	line-height: normal;
	background-color: #FFFFFF;
	width: 820px;
	height: 80px;	
} 
.oneColElsCtrHdr #container #header #navigationContainer #Search .searchForm {
	vertical-align: middle;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 230px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: normal;
	position: relative;
	height: 22px;
}

.oneColElsCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColElsCtrHdr #container #toppanelhome {
	
	display: block;
	height: 208px;
	width: 100%;
	float: left;
}
.oneColElsCtrHdr #mainContent {
	
	background-image: url(../images/grey_bg.gif);
	background-repeat: repeat-x;
	padding-right: 5px;;
	padding-left: 15px;
	display: block;
	float: left;
	position: relative;
	width: 830px;
	height: 100%;
	background-color: #FFFFFF;
	background-position: top;
	margin-bottom: 0px;
	padding-bottom: 55px;
	
}
.oneColElsCtrHdr #mainContentHome {
	
	
	background:#FFF;
	padding-right: 0px;;
	padding-left: 0px;
	display: block;
	float: left;
	position: relative;
	width: 830px;
	height: 100%;
	background-color: #FFFFFF;
	background-position: top;
	margin-bottom: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	
}

.oneColElsCtrHdr #mainContent2 {
	
	background-image: url(../images/grey_bg.gif);
	background-repeat: repeat-x;
	padding-right: 5px;;
	padding-left: 10px;
	display: block;
	float: left;
	position: relative;
	width: 835px;
	height: 100%;
	background-color: #FFFFFF;
	background-position: top;
	margin-bottom: 0px;
	padding-bottom: 55px;
	
}
.oneColElsCtrHdr #container #toppanelhome #homeBlackpanel {
	background-image: url(../images/blackbg_dotted_new.gif);
	background-repeat: repeat-x;
	display: block;
	float: left;
	height: 207px;
	width: 258px;
	position: relative;
}
.oneColElsCtrHdr #container #toppanelinside #insideBlackpanel {
	background-image:url(../images/top_inner_bg.gif);
	background-repeat: repeat-x;
	display: block;
	float: left;
	height: 55px;
	width: 100%;
	position: relative;
}
.oneColElsCtrHdr #container #toppanelhome #homeGoldpanel {
	background-image: url(../images/saythanks_saywhy.jpg);
	background-repeat: repeat-x;
	display: block;
	float: left;
	height: 207px;
	width: 591px;
	margin-left:0px;
	position: relative;
	
}

.oneColElsCtrHdr #footer {
	padding: 0;
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;
	display: block;
	float: left;
	width: 100%;
	text-align:center;
	height:115px;
} 
.oneColElsCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0;
	background-repeat: repeat-x;
	background-position: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	text-align: center;
	display: block;
}
.oneColElsCtrHdr #container #toppanelhome #homeBlackpanel #middlecurves {
	right: 0px;
	display: block;
	top: 0px;
	float: right;
	position: relative;
}
.oneColElsCtrHdr #container #toppanelhome #homeBlackpanel #blackcontent {
	display: block;
	float: left;
	position: relative;
}
.oneColElsCtrHdr #container #toppanelhome #homeGoldpanel #mainTitle {
	position: relative;
	top: 55px;
	display: block;
}
.oneColElsCtrHdr #container #toppanelhome #homeGoldpanel #createNow {
	position: relative;
	float: left;
	top: 168px;
	left: 300px;
}
.oneColElsCtrHdr #container #header img {
	padding: 5px;
}
.oneColElsCtrHdr #container #mainContent #featuredContainer {
	display: block;
	width: 100%;
}
.oneColElsCtrHdr #container #mainContent2 #featuredContainer {
	display: block;
	width: 100%;
}
.storyContainerimg {
	display: block;
	float: left;
	padding-right:3px;
}
.storyContainer {
	display: block;
	float: left;
	height: 75px;
	width: 270px;
	white-space:normal;
	margin-top:5px;
	margin-bottom:5px;
	height:auto;
	
}

.featureContainer {
	display: block;
	float: left;
	height:75px;
	width:190px;
	white-space:normal;
	margin-top:5px;
	margin-bottom:5px;
	height:auto;
	
}
.sidebarContainerimg {
	display: block;
	float: left;
	padding-right:3px;
}
.sidebarContainer {
	display: block;
	float: left;
	height: 75px;
	width: 210px;
	white-space:normal;
	margin-top:5px;
	margin-bottom:5px;
	height:auto;
	margin-left:15px;
	
}
.sidebarItem {
display:block;
float:left;
margin-bottom:15px;
}
#featuredPersonal {
	display: block;
	float: left;
	width: 550px;
}
#sharerContainer {
	display: block;
	float: left;
	border:1px solid #000000;
	background:#FFFFFF;
	padding:3px;
	width:272px;
}
#createown{

width:280px;
background:#FFFFFF;
font-size:11px;
font-weight:bold;
text-align:center;
display:block;
float:left;
}
#createown a{
background:#CC9900;
width:100%;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
text-align:center;
}
.sidebarTitle {

	display: block;
	float: left;
	width: 170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	white-space: normal;

	
}
.sidebarDetails {

	display: block;
	float: left;
	width: 130px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	white-space: normal;

	
}

.sidebarDetails a {
	color: #333333;
	white-space: normal;
}
.sidebarDetails a:visited {
	color: #999999;
	white-space: normal;
}
.featureDetails {

	display: block;
	float: left;
	width: 100px;
	height:75px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	white-space: normal;
}

.featureDetails a {
	color: #333333;
	white-space: normal;
}
.featureDetails a:visited {
	color: #999999;
	white-space: normal;
}
.storyDetails {

	display: block;
	float: left;
	width: 190px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	white-space: normal;

	
}
.storyDetails a {
	color: #333333;
	white-space: normal;
}
.storyDetails a:visited {
	color: #999999;
	white-space: normal;
}
#featuredBook{
	display: block;
	position:absolute;
	z-index:50;
	
	left:20px;
	top:-10px;
	

}
#featuredStory h3{
	color: #CC9900;
	font-size: 18px;
	white-space: normal;
}
#featuredStory h3 a{
	color: #CC9900;
	font-size: 18px;
	white-space: normal;
}
#featuredStory h3 a:Visited{
	color: #CC9900;
	font-size: 18px;
	white-space: normal;
}
#featuredStory{
	display: block;
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	white-space: normal;
	position:relative;
	z-index:100;
	left:25px;
	top: 110px;
	
}
#featuredStory a {
	color: #999999;
	white-space: normal;
}
#featuredStory a:visited {
	color: #999999;
	white-space: normal;
}
#featuredStory #read a {
	color: #CC9900;
	white-space: normal;
}
#featuredStory #read a:visited {
	color: #CC9900;
	white-space: normal;
}
#featuredStory .subTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC9900;
}
#featuredStory .subTitle a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
#featuredStory .subTitle a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
#featuredStory .subTitle a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

.oneColElsCtrHdr #container #mainContent #featuredContainer .divider {
	display: block;
	float: left;
	padding-right: 5px;
}
.oneColElsCtrHdr #container #mainContent2 #featuredContainer .divider {
	display: block;
	float: left;
	padding-right: 5px;
}

#featuredPersonalGroups {
	display: block;
	float: left;
	width: 270px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	line-height: normal;
	padding: 0px;
	margin: 0px;
}
.storyContainer .storyDetails h3 a {
	color: #333333;
}
 .storyContainer .storyDetails h3 a:visited {
	color: #333333;
}

.subTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC9900;
}
.subTitle a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC9900;
}
.subTitle a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC9900;
}
.subTitle a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC9900;
}




h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-top: 2px;
	margin-bottom: 8px;
}
#adContainerhome {
	display: block;
	text-align:center;
	width: 100%;
	padding-top:5px;
	float:left;
	
	
}
#adContainer {
	display: block;
	position:relative;
	width: 100%;
	padding-top:5px;
	float:left;
	margin-top:10px;
	
}
#homeBanners {
	display: block;
	float: left;
	width: 470px;
	height: 170px;
	vertical-align: middle;
}
#demo {
	display: block;
	width: 350px;
	float: left;
	text-align: center;
}

.gold {
	color: #CC9900;
}
a {
color: #CC9900;
text-decoration:none;
}
a:hover{
text-decoration:underline;

}

.divTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CC9900;
	font-weight: bold;
	display: block;
	padding-top: 0px;
	padding-bottom: 2px;
}
.shareTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC9900;
	font-weight: bold;
	display: block;
	padding-top: 0px;
	padding-bottom: 2px;
}
.oneColElsCtrHdr #container #header #navigationContainer #Navigation li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	float: left;
	padding-left: 5px;
	list-style-type: none;
	padding-top: 5px;
	color: #999999;
}
.oneColElsCtrHdr #container #header #navigationContainer #Navigation a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}

.oneColElsCtrHdr #container #header #navigationContainer #Navigation {
	display: block;
	width: 450px;
	padding-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.oneColElsCtrHdr #container #header #navigationContainer #Search {
	display: block;
	float: left;
	width: 550px;
}
.oneColElsCtrHdr #container #header #navigationContainer #Search #SearchFormdiv .searchForm {
	vertical-align: middle;
	display: block;
	width: 225px;
	position: relative;
}
.oneColElsCtrHdr #container #header #navigationContainer #Search #SearchFormdiv {
	float: left;
	display: block;
	padding-top: 5px;
	padding-right: 50px;
	position: relative;
}
.oneColElsCtrHdr #container #header #navigationContainer #Search #SearchFormdiv .searchForm .searchBox {
	position: relative;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.oneColElsCtrHdr #container #header #navigationContainer #Search #SearchFormdiv .searchForm input {
	float: left;
	position: relative;
	padding-left: 5px;
	margin-left: 5px;
}



.oneColElsCtrHdr #container #header #navigationContainer {
	display: block;
	float: left;
	width: 550px;
	padding-left: 50px;
	height: auto;
}
.oneColElsCtrHdr #container #header #navigationContainer #Search #MyAccountNav {
	background-image: url(../images/MyAccount_bg.gif);
	display: block;
	float: left;
	width: 222px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 27px;
	line-height: 27px;
	text-align: center;
	position: relative;
}
.oneColElsCtrHdr #container #header #t2ulogo {
	float: left;
}
.oneColElsCtrHdr #container #header #navigationContainer #Navigation a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #A57100;
	text-decoration: underline;
	padding-right: 5px;
	padding-left: 5px;
	white-space: normal;
}
.oneColElsCtrHdr #container #header #navigationContainer #Navigation a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}
#footer #Navigation li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	display: block;
	float: left;
	padding-left: 5px;
	list-style-type: none;
	padding-top: 5px;
	color: #999999;
}
#footer #Navigation a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}

#footer #Navigation {
	display: block;
	width: 100%;
	text-align:center;
	padding-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#footer #Navigation a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #A57100;
	text-decoration: underline;
	padding-right: 5px;
	padding-left: 5px;
}
#footer #Navigation a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}
.oneColElsCtrHdr #container #mainContent h2 a {
	color: #000000;
}
.oneColElsCtrHdr #container #mainContent h2 {
	padding: 0px;
	margin-top: 4px;
}
.oneColElsCtrHdr #container #mainContent2 h2 a {
	color: #000000;
}
.oneColElsCtrHdr #container #mainContent2 h2 {
	padding: 0px;
	margin-top: 4px;
}

.oneColElsCtrHdr #container #toppanelinside {
	display: block;
	height: 55px;
	width: 100%;
	float: left;
}
.oneColElsCtrHdr #container #mainContent #wizard_box {
	background-color: #FFFFFF;
	background-image: url(../images/grad_grybtm_to_whttop.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	white-space: normal;
	display: block;
	height: 355px;
	width: 800px;
	position: relative;
	border: 1px solid #CCCCCC;
	padding: 5px;
	
	
}
 #wizard_boxshare {
	background-color: #FFFFFF;
	background-image: url(../images/grad_grybtm_to_whttop.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	white-space: normal;
	display: block;
	height: 410px;
	width: 800px;
	position: relative;
	border: 1px solid #CCCCCC;
	padding: 5px;
	
	
}
.oneColElsCtrHdr #container #mainContent2 #customise_box {
	background-color: #FFFFFF;
	background-image: url(../images/grad_grybtm_to_whttop.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	white-space: normal;
	display: block;
	width: 820px;
	position: relative;
	border: 1px solid #CCCCCC;
	padding: 5px;
	float:left;
	text-align:center;
	
}
.oneColElsCtrHdr #container #mainContent #customise_box #editor_flash #flashlayer {
	display: block;
	z-index: 20;
	left:-70px;
	position: relative;
	overflow: visible;
	top: 0px;
	/*border:1px solid red;*/
}
.oneColElsCtrHdr #container #mainContent2 #customise_box #editor_flash #flashlayer {
	display: block;
	z-index: 20;
	left:-45px;
	position: relative;
	overflow: visible;
	top: 0px;
	/*border:1px solid red;*/
}

.oneColElsCtrHdr #container #mainContent #wizard_nav {
	background-color: #99CCFF;
	background-image: url(../images/wizard_nav_bluebg.gif);
	background-repeat: repeat-x;
	background-position: top;
	white-space: normal;
	display: block;
	width: 208px;
	position: absolute;
	border: 1px solid #999999;
	padding: 5px;
	float:left;
	margin-right:10px;
	color: #000000;
	font-size: 12px;
	z-index:200000;
	
}
.oneColElsCtrHdr #container #mainContent #page_number_div {
	display: none;
	float: left;
	width: 100%;
	background-color: #66FF00;
}
.oneColElsCtrHdr #container #mainContent2 #wizard_nav {
	background-color: #99CCFF;
	background-image: url(../images/wizard_nav_bluebg.gif);
	background-repeat: repeat-x;
	background-position: top;
	white-space: normal;
	display: block;
	width: 208px;
	position: absolute;
	border: 1px solid #999999;
	padding: 5px;
	float:left;
	margin-right:10px;
	color: #000000;
	font-size: 12px;
	z-index:200000;
	
}
.oneColElsCtrHdr #container #mainContent2 #page_number_div {
	display: none;
	float: left;
	width: 100%;
	background-color: #66FF00;
}

 #wizard_nav_tabs {
	display: block;
	background:url(../images/iface/toolbar_bg.gif);
	background-repeat:repeat-x;
	width: 180px;
	height:187px;
	position: absolute;
	top:50px;
	left:0px;
	z-index: 10;
	text-align:left;
}


#wizard_nav_tabs img{
	margin-top:0px;
	margin-right:0px;
	margin-left:0px;
	float:left;
}
#wizard_nav_tabs li img{
	margin-top:0px;
	margin-right:0px;
	margin-left:0px;
	
}
#wizard_nav_tabs ul{
	list-style-image:none;
	display:block;
	float:left;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0px;
	width:161px;
	padding:0px;
	padding-left:5px;
	padding-top:5px;
	
}


#wizard_nav_tabs li{
	display:block;
	width:161px;
	height:26px;
	padding-top:3px;
	line-height:26px;
	margin-top:1px;

}
#wizard_nav_tabs li a{
display:block;
height:26px;
	text-decoration:none;
}
#wizard_nav_tabs li a:hover{
	text-decoration:none;
	background:#333333;
}
.oneColElsCtrHdr #container #mainContent #wizard_box #categoryNav {
	font-family: Arial, Helvetica, sans-serif;
	white-space: normal;
	display: block;
	width: 180px;
	float: left;
	height: 300px;
	padding: 0px;
}
#categoryshareNav {
	font-family: Arial, Helvetica, sans-serif;
	white-space: normal;
	display: block;
	width: 136px;
	float: left;
	position:relative;
	z-index:100;
	padding: 0px;
}
.oneColElsCtrHdr #container #mainContent #wizard_box #selectionArea {
	white-space: normal;
	display: block;
	float: left;
	width: 600px;
	padding: 5px;
	height: 300px;
	background-color: #FFFFFF;
	border: 1px solid #CC9900;
	top: 10px;
	position: relative;
	overflow: scroll;
	overflow-x: hidden;
}

#groupInvite{
white-space: normal;
	display: block;
	float: left;
	width: 150px;
	padding: 5px;
	height: 40px;
	background-color: #FFFFFF;
	border: 1px solid #CC9900;
	position: relative;
	overflow: scroll;
	overflow-x: hidden;
	text-align:left;
	margin-left:17px;
	margin-bottom:3px;
	
}
#groupInvite p{
display:block;
float:left;
padding-left:5px;
margin-left:0px;
width:auto;


}
#groupInvite input{
padding-left:2px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
}
.cssformAlert Select{
width:165px;
margin-bottom:3px;
margin-top:3px;
}



#shareArea {
	white-space: normal;
	display: block;
	float: left;
	width: 435px;
	padding: 5px;
	background:url(../images/iface/grad_bg_greytop.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	border: 1px solid #999999;
	top: 10px;
	position: relative;
	left:-16px;
	padding-left:22px;
	z-index:50;
	font-size:11px;
	padding-bottom:15px;
}

#shareArea h2{
font-size:14px;
color:#003366;
margin-top:0px;
margin-bottom:0px;

}

.oneColElsCtrHdr #container #mainContent2 #wizard_box #categoryNav {
	font-family: Arial, Helvetica, sans-serif;
	white-space: normal;
	display: block;
	width: 180px;
	float: left;
	height: 300px;
	padding: 0px;
}
.oneColElsCtrHdr #container #mainContent2 #wizard_box #selectionArea {
	white-space: normal;
	display: block;
	float: left;
	width: 600px;
	padding: 5px;
	height: 300px;
	background-color: #FFFFFF;
	border: 1px solid #CC9900;
	top: 10px;
	position: relative;
	overflow: scroll;
	overflow-x: hidden;
}

#cover_templates{
width:500px;
};

#page_templates{
display:block;
width:670px;
scrolling:none;
overflow: hidden;
};

#horizontalscroller{
	white-space: normal;
	display: block;
	float: left;
	width: 650px;
	padding: 5px;
	background-color: #FFFFFF;
	border: 0px solid #CC9900;
	top: 4px;
	position: relative;
	
	overflow-y: hidden;
}

#templateForm{

display:block;
float:left;
width:810px;

}
#editorForm{

display:block;
float:left;
width:600px;

}
#templateForm #next{

display: block;
	position: relative;
	right: 0px;
	float:right;
	padding-top:0px;

}
#next {
	display: block;
	position: relative;
	right: 18px;
	float:right;
	top:0px;
}

.oneColElsCtrHdr #container #mainContent #wizard_box #selectionArea .templateContainerHighlighted {
	display: block;
	padding: 5px;
	float: left;
	background-image:url(../images/selectbg.gif);
	width: 260px;
	position: relative;
	border: 1px solid #CC9900;
}

.oneColElsCtrHdr #container #mainContent #wizard_box #selectionArea .templateContainerHighlighted .templateDescription h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #CC9900;
	margin-top: 0px;
	margin-bottom: 0px;
}
.oneColElsCtrHdr #container #mainContent #wizard_box #selectionArea .templateContainerHighlighted .templateDescription {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

.oneColElsCtrHdr #container #mainContent #wizard_box #selectionArea .templateContainer {
	display: block;
	padding: 5px;
	float: left;
	
	width: 260px;
	position: relative;
	border: 1px solid #FFFFFF;
}


.oneColElsCtrHdr #container #mainContent #wizard_box #selectionArea .templateContainer .templateDescription h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #CC9900;
	margin-top: 0px;
	margin-bottom: 0px;
}
.oneColElsCtrHdr #container #mainContent #wizard_box #selectionArea .templateContainer .templateDescription {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}


 #subNavitems {
	margin-top:5px;
	display:block;
	position: relative;
	width: 180px;
	font-size: 12px;
		line-height:26px;


	
}
 #subNavitems a{
	
	display:block;
	color:#000000;
	line-height:26px;
	padding-left:10px;
}
 #subNavitems a:Hover{
	
	display:block;
	color:#000000;
	background:url(../images/iface/yellow_btn.gif);
	line-height:26px;
	padding-left:10px;
}
 #subNavitems .selected{
	font-weight:bold;
	display:block;
	color:#000000;
	background:url(../images/iface/yellow_btn.gif);
	line-height:26px;
	padding-left:10px;
}

#shareNavitems .fbselected{
	font-weight:bold;
	display:block;
	color:#000000;
	background:url(../images/iface/button_share_fb.gif);
	line-height:61px;
	padding-left:0px;
}

 #shareNavitems .twitter{
	font-weight:bold;
	display:block;
	color:#000000;
	background:url(../images/iface/button_share_twitter_off.gif);
	line-height:61px;
	padding-left:0px;
}
 #shareNavitems .code{
	font-weight:bold;
	display:block;
	color:#000000;
	background:url(../images/iface/button_share_code_off.gif);
	line-height:61px;
	padding-left:0px;
}



.oneColElsCtrHdr #container #mainContent #wizard_box #categoryNav h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3366CC;
}


 #subNavitems ul {
	
	width: 180px;
	display:block;
	margin-left:0px;
	font-size: 12px;
	padding-left:0px;
	
	}
	
 #subNavitems li{
	
	display:block;
	vertical-align: middle;
	line-height:26px;
	
	
}
 #shareNavitems ul {
	margin-top:10px;
	
	display:block;
	margin-left:0px;
	font-size: 12px;
	padding-left:0px;
	
	
	}
	
 #shareNavitems li{
	
	display:block;
	vertical-align: middle;
	height:61px;
	list-style:none;
	width:136px;
	
}
 #shareNavitems a{
	line-height:61px;
	display:block;
	width:136px;
	
}
#previewBox {

	  
	background-color: #FFFFFF;
	background-image:url(../images/top_inner_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	white-space: normal;
	display: none;
	height: 400px;
	width: 810px;
	position: relative;
	float:none;
	border: 1px solid #CC9900;
	padding: 0px;
	z-index:1000;
	top:30px;
	padding-top:3px;
	margin-left: auto;
	margin-right: auto;

}
.oneColElsCtrHdr #container #mainContent #previewlink {
	height: 18px;
	line-height: 18px;
	position: relative;
	top: 12px;
	float: left;
	right: 0px;
	left: 72px;
}
.oneColElsCtrHdr #container #mainContent2 #previewlink {
	height: 18px;
	line-height: 18px;
	position: relative;
	top: 12px;
	float: left;
	right: 0px;
	left: 72px;
}
#taskbar     {
	background-image: url(../images/iface/taskbar_mid.gif);
	background-repeat: repeat-x;
	display: block;
	height: 22px;
	width: 685px;
	position: relative;
	top:-29px;
	padding: 0px;
	
}
#taskbarsml     {
	background-image: url(../images/iface/taskbar_mid.gif);
	background-repeat: repeat-x;
	display: block;
	height: 22px;
	width: 242px;
	position: relative;
	top:-22px;
	left:0px;
	padding: 0px;
	
	
}

#libraryOptions{
display:block;
float:left;
width:700px;
line-height:20px;
padding:0px;
text-align:left;
font-size:10px;
font-weight:normal;
color:#333333;
margin-top:-29px;

}
#myImageform{

margin:0px;
padding:0px;
}

#leftPhotoPanel{
display:block;
float:left;
width:225px;
height:160px;
text-align:left;
font-size:11px;
border:1px solid #CCCCCC;
background:url(../images/iface/photo_boxbg.gif);
background-repeat:repeat-x;
background-position:bottom;
position:relative;
padding:3px;
}
#socialimport{
position:relative;
display:block;
float:left;
width:225px;
height:110px;
text-align:left;
font-size:11px;
border:1px solid #CCCCCC;
background:url(../images/iface/photo_boxbg.gif);
background-repeat:repeat-x;
background-position:bottom;
margin-top:5px;
padding:3px;

}

#socialimport a{
text-align:center;
font-size:9;
color:#666666;
display:block;
float:left;
width:80px;
margin:3px;
}
#socialimport ul{
margin-top:0px;
padding-top:2px;
}
#socialimport li{
list-style:none;
padding-top:2px;
}

#socialimportsml{
position:relative;
display:block;
float:left;
width:225px;
height:60px;
text-align:left;
font-size:11px;
border:1px solid #CCCCCC;
background:url(../images/iface/photo_boxbg.gif);
background-repeat:repeat-x;
background-position:bottom;
margin-top:5px;
padding:3px;

}
#socialimportsml ul{
margin-top:0px;
padding-top:2px;
}
#socialimportsml li{
list-style:none;
padding-top:2px;
}
#photoLeftContainer{
position:relative;
display:block;
float:left;
width:222px;
margin-right:5px;
font-size: 10px;
color:#333333;
}
#photoLeftContainer form{
margin-top:0px;
margin-bottom:0px;
}


#photoLeftContainer h4{
font-weight:bold;
font-size: 11px;
color:#CC9900;
margin-bottom:2px;
margin-top:2px;
}

#photoLeftform{
background:#FFFFFF;
border:1px solid #999999;
width:95%;
}

#photodiv{
width:690px;
height:300px;
float:left;
display:block;
border:0px;
position:relative;
margin-top:-12px;

}

#taskbar_title{
display:block;
width:170px;
height:22px;
line-height:22px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-align:left;
margin-left:15px;

}


#tbl     {
	float: left;
	left: -7px;
	position: absolute;
}
#tbr      {
	float: left;
	right: -7px;
	position: absolute;
}
#closebutton {
	display: block;
	float: right;
	margin-right:15px;
	line-height:22px;
	margin-top:4px;
}



.close {
	width:98%;
	display:block;
	position:relative;
	float:left;
	margin-right:3px;
	text-align:right;
	font-size:11px;
	
}
#videodiv{

margin-top:10px;
}
#flashPreview {
	position: relative;
	top: -150px;
	width:810px;
}
#flashPreviewDiv{
background:#FFFFFF;
position:relative;
display:block;
width:810px;
height:350px;
top:7px;
float:left;
}
.oneColElsCtrHdr #container #header #navigationContainer #Navigation #Nav_on {
	font-weight: bold;
	color: #CC9900;
}
.oneColElsCtrHdr #container #mainContent #wizard_tabs {
	display: block;
	float: left;
	width: 187;
	position: relative;
	z-index: 30;
	left:0px;
	
}
.oneColElsCtrHdr #photoLibrary {
	padding: 5px;
	height: 325px;
	width: 685px;
	border: 2px solid #999999;
	background:#FFFFFF;
	position: relative;
	z-index: 1000;
	margin-left: auto;
	margin-right: auto;
	top:15px;
}
.oneColElsCtrHdr #videoLibrary {
	padding: 5px;
	height: 425px;
	width: 685px;
	border: 2px solid #999999;
	background:#FFFFFF;
	position: relative;
	z-index: 1000;
	margin-left: auto;
	margin-right: auto;
	top:15px;
}
.oneColElsCtrHdr #templateLibrary {
	padding: 5px;
	height: 250px;
	width: 685px;
	border: 2px solid #999999;
	background:#FFFFFF;
	position: relative;
	z-index: 1000;
	margin-left: auto;
	margin-right: auto;
	top:15px;
}
#PhotoArea {
	white-space: normal;
	display: block;
	float: left;
	width: 440px;
	padding: 2px;
	height: 290px;
	background:url(../images/blackbg_dotted.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color: #000000;
	border: 1px solid #CC9900;
	top:0px;
	position: relative;
	overflow: scroll;
	overflow-x: hidden;
	text-align:left;
}
#PhotoArea a{
border:3px solid #FFFFFF;
margin:1px;
display:block;
float:left;
position:relative;
}
#PhotoArea a:hover{
border:3px solid #FFcc00;
margin:1px;
display:block;
float:left;
position:relative;
}
#librarybody{
background:#FFFFFF;

}
#hiqltyHdr{
display:block;
width:100%;
height:16px;
background:url(../images/iface/bar_bestquality.gif);
background-repeat:no-repeat;
border:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
padding-left:5px;
margin-left:1px;
margin-bottom:3px;
}
#medqltyHdr{
display:block;
width:100%;
height:16px;
background:url(../images/iface/bar_medquality.gif);
background-repeat:no-repeat;
border:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
padding-left:5px;
margin-left:1px;
margin-bottom:3px;
float:left;
}
#poorqltyHdr{
display:block;
width:100%;
height:16px;
background:url(../images/iface/bar_poorquality.gif);
background-repeat:no-repeat;
border:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
padding-left:5px;
margin-left:1px;
margin-bottom:3px;
float:left;
}
#pagebar {
position:relative;
float:left;
display:block;
width:832px;
background:url(../images/blackbg_dotted.gif);
z-index:200;
background-repeat:repeat x;
background-color:#000000;
white-space: normal;
vertical-align:top;
clear:both;
}
#pagetools{
float:left;
display:block;
width:550px;
text-align:right;
font-size:11px;
color:#CC9900;
font-weight:normal;
height:11px;
}
#pagetools li{
width:140px;
display:inline-block;
}

#pageEditor{
position:absolute;
display:block;
background:#FFFFFF;
border:2px solid #CCCCCC;
width:235px;
height:180px;
z-index:3000;
top:90px;
left:170px;
padding:5px;
}

#pageEditor form{

margin:0px;

}
#pageEditor form h3{
color:#CC9900;
margin:0px;
padding-bottom:2px;
float:left;
}
#pageOrder{
position:absolute;
display:block;
background:#FFFFFF;
border:2px solid #CCCCCC;
width:235px;
height:150px;
z-index:3000;
top:100px;
left:170px;
padding:5px;

}

#pageOrder form{

margin:0px;

}
#pageOrder form h3{
color:#CC9900;
margin:0px;
padding-bottom:2px;
float:left;
}
#pageOrder #closebutton{
right:0px;
}
#storepreview{
display:block;
float:left;
width:200px;
margin-top:10px;
font-size:10px;
font-weight:bold;
}
#productContainer{
display:block;
float:left;
margin-bottom:15px;
}
#productContainer img{
display:block;
float:left;

}

#productpreviewtext{
display:block;
float:left;
width:115px;
font-size:11px;
color:#CC9900;
margin-left:4px;

}

#productpreviewtext a{
display:block;
float:left;
width:115px;
font-size:11px;
font-weight:bold;
color:#CC9900;
}
#productpreviewtext h2{
font-size:13px;
font-weight:bold;
color:#000000;
}
#productpreviewtext h2 a{
font-size:13px;
font-weight:bold;
color:#000000;
}

#productfeatures {
display:block;
float:left;
width:115px;
font-size:10px;
color:#333333;
padding-left:15px;
font-weight:normal;

}
#productfeatures li{
font-size:10px;
color:#333333;
width:116px;
}
#twitterform{
display:block;
width:300px;
float:left;
background:#6699FF;
border:3px solid #ffffff;
padding:20px;
margin:10px;
text-align:right;
}
#twitterform form{
margin:0px;
padding:0px;
}
#productImage{
display:block;
float:left;
width:81px;

}
#previewPrice{
display:block;
float:left;
width:81px;
color:#FF0000;
font:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
margin-top:-40px;
text-align:center;
margin-left:5px;
}

#exampleCodeframe{
display:block;
float:left;
margin-left:80px;
margin-top:0px;

}
#codeShare{
height:50px;
width:90%;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-left:10px;
}

#shadow_box {
	
	display: block;
	padding:0px;
	position: relative;
	border: 1px solid #eeeeee;
	padding: 0px;
	float:left;
	margin:5px;
	
}
#shadow_box #shadowBoxContent {
	background-color: #FFFFFF;
	background-image: url(../images/grad_grybtm_to_whttop.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	white-space: normal;
	display: block;
	float:left;
	position: relative;
	border: 6px solid #FFFFFF;
	padding: 5px;
	margin:0px;
	margin-left:-5px;
	margin-right:-5px;
	
}
#shadow_box #shadowleft {
	padding:0px;
	margin:0px;
	position:relative;
	left:-6px;
	float:left;
}
#shadow_box #shadowright {
	padding:0px;
	margin:0px;
	position:relative;
	right:-6px;
	float:right;
	
}
#shadowBoxContent{
float:left;

}
#joinGroup h2{
display:block;


}
#joinGroup form{
display:block;
float:left;
text-align:right;
width:250px;
font-size:11px;

}
#joinGroup select{
margin-bottom:5px;

}
#joinGroup2{
display:block;
width:550px;
}
#sidebar{
display:block;
float:left;
width:239px;
padding:0px;
margin:0px;
height:100%;
border-top:1px solid white;


}

#sidebar h2{
display:block;
float:left;
width:230px;
height:29px;
background:url(../images/tab_yellow.png);
line-height:32px;
padding-top:6px;
margin-left:-6px;

padding-left:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;


}

#rightCol{
width:591px;
padding:10px;
margin:0px;
display:block;
float:left;
background-image: url(../images/grey_bg.gif);
background-repeat:repeat-x;
background-position:top;
font-size:12px;

}
#rightCol h2{
display:block;
float:left;
width:65%;
}
#rightCol hr{
display:block;
float:left;
width:100%;
}
.oneColElsCtrHdr #mainContent2col {
	
	background-image: url(../images/two_col_bg.gif);
	background-repeat: repeat-y;
	display: block;
	float: left;
	position: relative;
	width: 850px;
	height: 100%;
	background-color: #FFFFFF;
	margin-bottom: 0px;
	padding-bottom: 55px;
	
}
#createbutton_tr{
display:block;
float:left;
}
#communityContainer{
display:block;
float:left;
width:590px;
margin-top:5px;
margin-bottom:10px;
}
#tabtopBlk{
display:block;
float:left;
height:28px;
line-height:28px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
width:100%;
margin:0px;

}
#tabtopBlk h2{
display:block;
position:relative;
margin:0px;
background:url(../images/blk_tabtop_bg.gif);
background-repeat:repeat-x;
height:28px;
line-height:28px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
width:auto;

}
#tabtopBlk img{
display:block;
float:left;
}
#featurebox{
display:block;
float:left;
width:575px;
border:1px solid #CCCCCC;
background:url(../images/grad_grybtm_to_whttop.gif);
background-repeat:repeat-x;
background-position:bottom;
padding:7px;
}
#moreButton{

display:block;
float:right;
height:22px;

line-height:22px;

background-repeat:repeat-x;
color:#FFFFFF;



}
#moreButton a {

display:block;
float:right;
height:22px;
border:1px solid #666666;
line-height:22px;
background:url(../images/moreButton_bg.gif);
background-repeat:repeat-x;
color:#FFFFFF;
padding-left:5px;
padding-right:5px;
font-size:11px;
text-decoration:none;

}
#moreButton a:hover{

display:block;
float:right;
height:22px;
border:1px solid #666666;
line-height:22px;
background:url(../images/moreButton_bg_on.gif);
background-repeat:repeat-x;
color:#000000;
padding-left:5px;
padding-right:5px;
font-size:11px;
text-decoration:none;

}
.sidebarButtonsContainer{
display:block;
float:left;
width:100%;
text-align:center;
}
.sidebarButtonsContainer div{
margin-right:35px;
margin-top:5px;
}
.sidebarButtonsContainer div a{
width:150px;
text-align:center;
}

.viewButtonsContainer{
display:block;
float:left;
width:210px;
text-align:center;
}
.viewButtonsContainer div{
margin-right:25px;
margin-top:5px;
}
.viewButtonsContainer div a{
width:150px;
text-align:center;
}

.selected_subnav a{
background-image:url(../images/nav_selected.png);
background-repeat:no-repeat;
background-position:center;
font-weight:bold;
display:block;
float:left;
margin-right:5px;
height:62px;
}

.selected_subnav a:hover{
background-image:url(../images/nav_selected.png);
background-repeat:no-repeat;
background-position:center;
font-weight:bold;
display:block;
float:left;
margin-right:5px;
height:62px;
}

#joinGroup{
display:block;
width:260px;
height:215px;
float:left;
}
#boxbottomButtons{
display:block;
float:left;
width:100%;
}

#boxbottomButtons hr{

width:100%;
}
.blackSubmit{
color:#FFFFFF;
background:url(../images/moreButton_bg.gif);
border:1px solid #666666;
font-size:11px;
padding-left:10px;
padding-right:10px;
line-height:20px;
margin-top:5px;
}

.rightLink{
display:block;
float:right;
margin-right:15px;
}

.categories li{
display:block;
float:left;
font-size:12px;
font-weight:bold;
list-style:none;
padding:5px;
margin:5px;
width:100px;
}

.categories a{
color:#333333;
}
#profileBox{
display:block;
float:left;
width:590px;

}
#profileDetails{
display:block;
float:left;
width:375px;
}
#profileDetails p{
display:block;
float:left;
width:375px;
}
#profileImage{
display:block;
float:left;
width:200px;
right:200px;
margin-right:5px;
}
.buybox{
padding:0px;
display:block;
float:left;
width:100%;
background:#fff;

}
.noticebox{
padding:5px;
display:block;
float:left;
width:100%;
background:#feeba6;
margin-top:3px;
}

.noticebox ul{
margin:0px;
}

.editOptions ul{
display:block;
margin:0px;
float:left;
width:170px;
list-style:none;
padding-left:0px;
font-size:11px;
background:url(../images/iface/box_bg.gif);
background-repeat:repeat-x;
background-position:bottom;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
}
.editOptions li{
line-heigh:22px;
}

.editOptions a{
display:block;
float:left;
/*background:url(../images/moreButton_bg_grey.gif);*/
background-repeat:repeat-x;
line-height:22px;
width:160px;
color:#000000;
text-decoration:none;
padding-left:10px;

}
.editOptions a:hover{
display:block;
float:left;
background:url(../images/moreButton_bg_on.gif);
background-repeat:repeat-x;
line-height:22px;
width:160px;
color:#000000;
text-decoration:none;

}
#reportAbuse{
display:block;
float:right;
height:22px;

line-height:22px;

margin-top:15px;
color:#000000;
}

#reportAbuse a{
display:block;
float:right;
height:22px;
border:1px solid #666666;
line-height:22px;
background:url(../images/moreButton_bg_on.gif);
background-repeat:repeat-x;
color:#000000;
padding-left:5px;
padding-right:5px;
font-size:11px;
text-decoration:none;
margin-top:15px;


}

#reportAbuse a img {
margin-top:-5px;
margin-right:5px;
vertical-align:middle;
}


#reportAbuse2{
display:block;
float:right;
height:22px;

line-height:22px;

margin-top:15px;
color:#000000;
}

#reportAbuse2 a{
display:block;
float:right;
height:22px;
border:1px solid #666666;
line-height:22px;
background:url(../images/moreButton_bg_on.gif);
background-repeat:repeat-x;
color:#000000;
padding-left:5px;
padding-right:5px;
font-size:11px;
text-decoration:none;



}

#reportAbuse2 a img {
margin-top:-5px;
margin-right:5px;
vertical-align:middle;
}
#moreTextSide{

display:block;
float:right;
height:22px;
font-size:11px;
width:200px;

color:#FFFFFF;



}

#moreButtonSide{

display:block;
float:right;
height:22px;

line-height:22px;

background-repeat:repeat-x;
color:#FFFFFF;



}
#moreButtonSide a {

display:block;
float:right;
height:22px;
border:1px solid #CCCCCC;
line-height:22px;
background:url(../images/moreButton_bg_grey.gif);
background-repeat:repeat-x;
color:#000000;
padding-left:5px;
padding-right:5px;
font-size:11px;
text-decoration:none;

}
#moreButtonSide a:hover{

display:block;
float:right;
height:22px;
border:1px solid #666666;
line-height:22px;
background:url(../images/moreButton_bg_on.gif);
background-repeat:repeat-x;
color:#000000;
padding-left:5px;
padding-right:5px;
font-size:11px;
text-decoration:none;

}
.views{
display:block;
float:left;
font-size:11px;
font-style:italic;
color:#666666;
width:100%;
}

#shadow_box #shadowBoxviewer {
	background-color: #FFFFFF;
	background-image: url(../images/grad_grybtm_to_whttop.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	white-space: normal;
	display: block;
	float:left;
	position: relative;
	border: 6px solid #FFFFFF;
	padding: 5px;
	margin:0px;
	margin-left:-5px;
	margin-right:-5px;
	width:210px;
	
}

#shadow_box #shadowBoxviewer p {
	font-size:11px;
	margin:0px;
	
}

#viewerLeft {
display:block;
float:left;
width:250px;

}


#viewerLeft .adcontainer{
display:block;
float:left;
width:250px;
text-align:center

}
#createPromo{
display:block;
float:left;
width:250px;
text-align:center;
margin:0px;
padding:0px;

}

#createPromo h2{
display:block;
float:left;
width:100%;
text-align:center

}
#keywords {
display:block;
float:right;
width:150px;
background:#D8D8D8;
border:1px solid #999999;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding:5px;
}
#alertMessage{
display:block;
position:absolute;
top:250px;
width:100%;
height:100%;
padding-left:15px;
padding-top:5px;
padding-right:15px;


z-index:20000;

}
#alertMessageinside{
display:block;
position:relative;
margin-left:auto;
margin-right:auto;
width:365px;
height:205px;
padding-left:15px;
padding-top:55px;
padding-right:15px;
background:url(../images/alert_bg.png);
background-repeat:no-repeat;



}

#privacyMSG{
position:relative;
display:block;
background:url(../images/menu2.gif);
background-repeat:repeat-x;
background-position:bottom;
color:#000000;
width:230px;
height:32px;
float:left;
left:50px;
text-align:right;
line-height:32px;
padding-right:10px;
margin-top:10px;
border:1px solid #FF6600;
}

.greytxt{
float:left;
font:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
line-height:10px;
margin-top:3px;}

#newHomeBox{
display:block;
float:left;
position:relative;
background:url(../images/homepage_bg.jpg);
width:850px;
height:322px;

	
	}
#newHomeBox2{
display:block;
float:left;
position:relative;
background:url(../images/homepage_bg2.jpg);
width:850px;
height:314px;

	
	}
#homeleftbox {
	display:block;
	float:left;
	position:relative;
	width:420px;
	text-align:center;
	
	}
#homerightbox {
	display:block;
	float:left;
	position:relative;
	width:425px;
	text-align:center;
	
	}
	
#watchintro{
position:absolute;
	display:block;
	float:left;
	width:420px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#000;
top:280px;
z-index:100;
	}
	
#watchintro a{
	
	color:#000
	}
	
#introvid{
	display:block;
	float:left;
	width:850px;
	height:400px;
	background:#000;
	}
	

#vidClose{
	position:relative;
	display:block;
	float:left;
	background:#000;
	color:#666;
	width:850px;
	height:15px;
	text-align:right;
	}
	
#vidClose a{
	color:#666;
	
	}
#quickintro{
	margin:0px;
	padding:0px;
	
	display:block;
	float:left;
	width:850px;
	height:315px;
	text-align:center;
	
	}
#subBox{
	display:block;
	float:left;
	background:url(../images/home_darkbggrad.jpg);
	background-repeat:repeat-x;
	padding:5px;
	width:840px;
	height:300px;
	background-color:#FFF;
	text-align:center;
	}

#subBox2{
	display:block;
	float:left;
	background:url(../images/homebg_new.gif);
	background-repeat:repeat-x;
	padding:5px;
	width:840px;
	
	background-color:#FFF;
	text-align:center;
	}


#featuredContent{
	display:block;
	position:relative;
	width:850px;
	text-align:center;
	padding-left:25px;
	padding-top:10px;
	}
	
#storepromo{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	
	}
#storepromo h2{
	font-size:14px;
	color:#C90;
	font-family:Arial, Helvetica, sans-serif;
	
	}	
	
#storepromo ul{
	margin-top:3px;
	
	}
#orangeform{

display:block;
background:url(../images/orangebox.png);
width:389px;
height:226px;
background-repeat:no-repeat;
margin:0px;
padding:12px;
padding-left:35px;
padding-top:85px;
margin-left:40px;
text-align:left;
font-size:11px;
margin-top:-20px;
}

#orangeform input {
width:300px;
margin-bottom:5px;



}
#orangeform textarea {
width:300px;
height:50px;
margin-bottom:5px;
}	
#orangeform label{
font-weight:bold;
}
#orangeform div{

border:0px solid red;
padding:0px;
margin:0px;
width:300px;

}

#introFlash{
	display:block;
	float:left;
	width:850px;
	height:320px;
	background:#000;
	}
#examples{
padding-top:15px;
padding-bottom:15px;
display:block;
width:850px;
text-align:center;
float:left;
z-index:2500;

}
#xbox1 {
display:block;
width:400px;
height:160px;
background:#fff;
border:2px solid #cccccc;
z-index:3000;
position:absolute;
margin-top:-150px;
text-align:left;
font-size:12px;
padding:15px;
background:url(../images/featurebox_bg.jpg);

}
#xbox2 {
display:block;
width:400px;
height:160px;
background:#fff;
border:2px solid #cccccc;
z-index:3000;
position:absolute;
margin-top:-150px;
text-align:left;
font-size:12px;
padding:15px;
background:url(../images/featurebox_bg.jpg);
margin-left:150px;}

#xbox3 {
display:block;
width:400px;
height:160px;
background:#fff;
border:2px solid #cccccc;
z-index:3000;
position:absolute;
margin-top:-150px;
text-align:left;
font-size:12px;
padding:15px;
background:url(../images/featurebox_bg.jpg);
margin-left:300px;}

#xbox4 {
display:block;
width:400px;
height:160px;
background:#fff;
border:2px solid #cccccc;
z-index:3000;
position:absolute;
margin-top:-150px;
text-align:left;
font-size:12px;
padding:15px;
background:url(../images/featurebox_bg.jpg);
margin-left:450px;}


#midbar{
display:block;
float:left;
width:850px;
margin-top:10px;
margin-bottom:15px;
height:200px;
border:0px solid blue;
text-align:center;
padding-left:35px;
}

#midbarleft{
display:block;
float:left;
width:240px;
height:200px;
border:0px solid red;
background:url(../images/box_bg.png);
background-repeat:no-repeat;
}
#midbarcenter{
display:block;
float:left;
width:300px;
height:200px;
border:0px solid red;
}

#midbarright{
display:block;
float:left;
width:220px;
height:200px;
font-weight:normal;
font-size:11px;
text-align:left;
border:0px solid red;
background:url(../images/box_bg.png);
background-repeat:no-repeat;
padding:10px;

}

#midbarright h3{
font-weight:bold;
font-size:13px;
color: #ffcc00;

}


