/*
    LAUNCHicons Website
    by ChaNinja 2010
	Jai Swaminarayan
*/




body  {
    background: #dedede url(../images/bg.jpg);
}


.hovertext {
position: absolute;
left: 450px;
font-size: 11px;
color: #646464;
}


div#preloader {

position: relative;
float: left;

}

#preloader #launchiconStats{
position: relative;
float: left;

margin: 0px 0px 0 15px;
vertical-align: top;
}

div#preloaderBanner {
position: relative;
float: left;
}

#preloaderBanner #feature-1{
width: 160px;
height: 160px;
position: absolute;
top: 270px;
left: 20px;
background: transparent url(../images/bannerPreloader.png) no-repeat;
background-position: 0% 0%;
}

#preloaderBanner #feature-2{
width: 160px;
height: 160px;
position: absolute;
top: 270px;
left: 185px;
background: transparent url(../images/bannerPreloader.png) no-repeat;
background-position: 0% 0%;
}
#preloaderBanner #feature-3{
width: 160px;
height: 160px;
position: absolute;
top: 270px;
left: 345px;
background: transparent url(../images/bannerPreloader.png) no-repeat;
background-position: 0% 0%;
}
#preloaderBanner #customGet{
width: 220px;
height: 200px;
position: absolute;
top: 54px;
left: 320px;
background: transparent;
background-position: 0% 0%;
}

#preloaderBanner #customGetText{
width: 176;
height: 168;
position: absolute;
top: 65px;
left: 70px;
background: transparent;
background-position: 0% 0%;
}
#preloaderBanner #customThanksText{

position: absolute;
top: 85px;
left: 40px;
background: transparent;
background-position: 0% 0%;
text-align: left;
line-height: 25px;
}



#preloader #launchicon{
position: relative;
width: 160px;
height: 160px;
background: transparent url(../images/bannerPreloader.png) no-repeat;
background-position: 0% 0%;

}


#banner1{
width: 100%;
height: 450;
background: transparent url(../images/bannerPreloader.png) no-repeat;
background-position: 50% 100%;

}

#banner2{
width: 100%;
height: 311;
background: transparent url(../images/bannerPreloader.png) no-repeat;
background-position: 50% 100%;

}


/* ======== TABLE STYLES ======= */




div#tableT0 {
position: relative;
width: 760px;
padding: 0 0 30px 0;

}


#tableT0 #tblStarterpack {
width: 370px;
height: 180px;
float: left;
position: relative;
left: 10px;

padding: 0 0 0 0;
margin: 0 0 10px 0;
}

#tableT0 #tblManager {
width: 340px;
height: 180px;
float: left;
position: relative;
left: 30px;

margin: 0 0 10px 0;
}

#tableT0 #tblLaunchicons {
width: 730px;
float: left;
position: relative;
left: 10px;
top: 50px;
clear: both;
margin: 10px 0 30px 0;
padding: 20px 0 30px 0;
}

#tableT0 #tblBanner {
width: 750px;
float: left;
position: relative;
left: 0px;
top: 0px;
margin: 0 0 50px 0;
}


div#tblTop {
background: #FFFFFF url(../images/tblTopMiddle.png) repeat-x;
border-left: 1px solid #c2c2c2;
border-right: 1px solid #c2c2c2;
height: 33px;
width: 100%;
padding: 0px 0px 0 0px;
float: left;
line-height: 27px;
}

#tableT0 #titlebarText {
padding: 0px 5px 0 5px;
font-family: Verdana, Arial, sans-serif;
font-size: 10pt;
color: #646464;
}

#tableT0 #buttonAreaText {
padding: 0px 5px 0 5px;
}

div #tblMiddle {
background: #dedede;
border-left: 1px solid #c2c2c2;
border-right: 1px solid #c2c2c2;
width: 100%;
height: 100%;
padding: 0 0 0 0;
margin: 0 0 0 0;
float: left;
clear:both;
}

div #tblSeparator {
background: #ebebeb;
border-left: 1px solid #c2c2c2;
border-right: 1px solid #c2c2c2;
border-top: 1px solid #c2c2c2;
border-bottom: 1px solid #c2c2c2;
width: 100%;
padding: 2px 0 0px 0;
float: top;
clear:both;
text-align: right;
}


a.loginLinks {
font-family: "Segoe UI", Tahoma, Arial, sans-serif;
font-size: 10pt;
font-weight: semibold;
}


a.loginLinks:link, a.loginLinks:visited {
color: orange;
}
a.loginLinks:hover, a.loginLinks:active {
background-position: 0 -21px;
color: grey;
}

/* ========= BUTTONS ================*/

a.buttonDL, a.buttonComments, a.buttonInstructions, a.buttonBuy, a.buttonDis {
display: block;
background-color: transparent;
background-image: url(../images/buttons.png);
background-repeat: no-repeat;
width: 109px;
height: 21px;
margin: 0px auto;
padding: 0px 0 0 0;
text-align: center;
font-family: "Segoe UI", Tahoma, Arial, sans-serif;
font-size: 8pt;
font-weight: normal;
text-decoration: none;
line-height: 20px;
}


a.buttonDL:link, a.buttonDL:visited {
color: #666;
}
a.buttonDL:hover, a.buttonDL:active {
background-position: 0 -21px;
color: #000;
font-weight: bold;
}

a.buttonBuy:link, a.buttonBuy:visited {
color: #666;
}
a.buttonBuy:hover, a.buttonBuy:active {
background-position: 0 -42px;
color: #000;
font-weight: bold;
}

a.buttonComments:link, a.buttonComments:visited {
color: #666;
}
a.buttonComments:hover, a.buttonComments:active {
background-position: 0 -63px;
color: #000;
font-weight: bold;
}

a.buttonInstructions:link, a.buttonInstructions:visited {
color: #666;
}
a.buttonInstructions:hover, a.buttonInstructions:active {
background-position: 0 -84px;
color: #000;
font-weight: bold;
}


a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {
background-position: 0 -105px;
color: #c3c3c3;
cursor: default;
font-weight: normal;
}




div #tblBannerMiddle {
background: #FFFFFF url(../images/banner.jpg) no-repeat;
background-position: 0% 0%;

width: 750px;
height: 450px;
padding: 0px;
float: left;
clear:both;

}


div #tblCustomMiddle {
background: #FFFFFF url(../images/custom.jpg) no-repeat;
background-position: 0% 0%;

width: 750px;
height: 311px;
padding: 0px;
float: left;
clear:both;

}

div #tblCustomThanksMiddle {
background: #FFFFFF url(../images/custom.jpg) no-repeat;
background-position: 0% 0%;

width: 750px;
height: 311px;
padding: 0px;
float: left;
clear:both;

}

div #tblCustomFormMiddle {
background: #FFFFFF url(../images/customFormBG.jpg) no-repeat;
background-position: 0% 0%;

width: 750px;
height: 311px;
padding: 0px;
float: left;
clear:both;

}

div #tblBottom1 {
background: #FFFFFF url(../images/tblBottomMiddle.png) repeat-x;
border-left: 1px solid #c2c2c2;
border-right: 1px solid #c2c2c2;
width: 100%;
height: 10px;
padding: 0px 0px;
float: left;
clear: both;
}

div#tblBottom2 {
background: #f4f4f4;
border-left: 1px solid #c2c2c2;
border-right: 1px solid #c2c2c2;
width: 100%;
padding: 1px 0 0px 0;
float: left;
text-align: right;
}

div #tblBottom3 {
background: #FFFFFF url(../images/tblVeryBottomMiddle.png) repeat-x;
border-left: 1px solid #c2c2c2;
border-right: 1px solid #c2c2c2;
width: 100%;
height: 3px;
padding: 0px 0px;
float: left;
clear: both;
}



/* MyOuterDiv wraps around the rest of the page */
div#MyOuterDiv {
    width: 795px;       /* sets the content width */
	margin: 20px auto;     /* no top/bottom margin, centered horizontally */
	background:  url(../images/header.png) no-repeat;       /* white content background, MyHeader image */
}

div#MyHeader {
         /* set size equal to banner image */
    position: relative;
}

div#midBanner {
    height: 200px;

}

div#MyContent {
    width: 795px; 
	background: transparent url(../images/body.png) repeat-y;
	

}





/* ===== Flash Icon ====== */

#MyOuterDiv #flashicon {
    position: absolute;
    left: 25px;
    top: 52px;
	z-index: 5;
}

/* ===== Home Link ===== */

#MyOuterDiv #homeButtonCurrent {
    position: absolute;
    left: 220px;
    top: 159px;
}

#homeButtonCurrent a:link, #homeButtonCurrent a:visited{
    height: 26px;
    width: 123px;
    display: block;         /* make it a block element */
    text-indent: -1000em;   /* keep the text out of the display */
    background: url(../images/navbuttons.png) no-repeat left bottom;
    border: none;           /* don't display a border */
	cursor: default;
}



#MyOuterDiv #homeButton {
    position: absolute;
    left: 220px;
    top: 159px;
}

#homeButton a:link, #homeButton a:visited{
    height: 26px;
    width: 123px;
    display: block;         /* make it a block element */
    text-indent: -1000em;   /* keep the text out of the display */
    background: url(../images/navbuttons.png) no-repeat left top;
    border: none;           /* don't display a border */
}

#homeButton a:hover, #homeButton a:active{
    background-position: 0 -26px;   /* relocate the image to show the rollover image */
}


/* ===== Downloads Link ===== */

#MyOuterDiv #downloadsButtonCurrent {
    position: absolute;
    left: 350px;
    top: 159px;
}

#downloadsButtonCurrent a:link, #downloadsButtonCurrent a:visited{
    height: 26px;
    width: 123px;
    display: block;         /* make it a block element */
    text-indent: -1000em;   /* keep the text out of the display */
    background: url(../images/navbuttons.png) no-repeat;
     background-position: -123px bottom;
	border: none;           /* don't display a border */
	cursor: default;
}

#MyOuterDiv #downloadsButton {
    position: absolute;
    left: 350px;
    top: 159px;
}

#downloadsButton a:link, #downloadsButton a:visited{
    height: 26px;
    width: 123px;
    display: block;         /* make it a block element */
    text-indent: -1000em;   /* keep the text out of the display */
    background: url(../images/navbuttons.png) no-repeat;
     background-position: -123px 0px;
	border: none;           /* don't display a border */
}

#downloadsButton a:hover, #downloadsButton a:active{
    background-position: -123px -26px;   /* relocate the image to show the rollover image */
}



/* ===== Forum Link ===== */

#MyOuterDiv #forumButtonCurrent {
    position: absolute;
    left: 482px;
    top: 159px;
}

#forumButtonCurrent a:link, #forumButtonCurrent a:visited{
    height: 26px;
    width: 123px;
    display: block;         /* make it a block element */
    text-indent: -1000em;   /* keep the text out of the display */
    background: url(../images/navbuttons.png) no-repeat;
     background-position: -246px bottom;
	border: none;           /* don't display a border */
	cursor: default;
}

#MyOuterDiv #forumButton {
    position: absolute;
    left: 482px;
    top: 159px;
}

#forumButton a:link, #forumButton a:visited{
    height: 26px;
    width: 123px;
    display: block;         /* make it a block element */
    text-indent: -1000em;   /* keep the text out of the display */
    background: url(../images/navbuttons.png) no-repeat;
     background-position: -246px 0px;
	border: none;           /* don't display a border */
	
}

#forumButton a:hover, #forumButton a:active{
    background-position: -246px -26px;   /* relocate the image to show the rollover image */
}



/* ===== Custom Orders Link ===== */

#MyOuterDiv #customButtonCurrent {
    position: absolute;
    left: 615px;
    top: 159px;
}

#customButtonCurrent a:link, #customButtonCurrent a:visited{
    height: 26px;
    width: 123px;
    display: block;         /* make it a block element */
    text-indent: -1000em;   /* keep the text out of the display */
    background: url(../images/navbuttons.png) no-repeat;
     background-position: -369px bottom;
	border: none;           /* don't display a border */
	cursor: default;
}

#MyOuterDiv #customButton {
    position: absolute;
    left: 615px;
    top: 159px;
}

#customButton a:link, #customButton a:visited{
    height: 26px;
    width: 123px;
    display: block;         /* make it a block element */
    text-indent: -1000em;   /* keep the text out of the display */
    background: url(../images/navbuttons.png) no-repeat;
     background-position: -369px 0px;
	border: none;           /* don't display a border */
}

#customButton a:hover, #customButton a:active{
    background-position: -369px -26px;   /* relocate the image to show the rollover image */
}



/* ====- main content ===== */

#MyContent div#mainContent {
    
    width: 780px;
    padding: 0px 10px;
	margin: 0px 10px 0px 5px;

	
}


#mainContent #MyText {
	font-family: "Segoe UI", Tahoma, sans-serif;
	font-size: 10pt;
    color: #646464;
	padding: 0 10px 0 0;
}

#mainContent #DownloadsLogin {
position: absolute;
right: 52px;
top: 40px;
font-family: "Segoe UI", Tahoma, sans-serif;
    font-size: 10pt;
color: #646464;
	z-index: 5;
}




#mainContent #starterpack {
	 width: 45%;
	 margin: 15px 0px 10px 0px;
	 position: relative;
	 padding: 0 0;
	 float:left;
	 border-top: 2px solid #cacaca; 
}

#mainContent #starterpack #starterContent {
	 
	 float: left;
	 margin: 0 0;
	 position: relative;
	 padding: 10px 0;
	 width: 100%
	 
	 
}

#mainContent #manager {
	 width: 50%;
	 margin: 15px 18px 10px 0px;
	 position: relative;
	 padding: 0 0;
	 float:right;
	 border-top: 2px solid #cacaca; 
	 
}

#mainContent #manager #managerContent {
	 
	 float: left;
	 margin: 0 0;
	 position: relative;
	 padding: 10px 0;
	 width: 100%
	 
	 
}

#mainContent #launchicons {
	 
	 width: 97.5%;
	 margin: 15px 0px;
	 position: relative;
	 padding: 0 0;
	 float:left;
	 border-top: 2px solid #cacaca; 
	 
}
#mainContent #launchicons #launchiconsContent {
	 
	 float: left;
	 margin: 0 0;
	 position: relative;
	 padding: 10px 0px;
	 width: 100%
	 
	 
}




#mainContent h1.launchiconName {
	font-family: "Segoe UI", Tahoma, sans-serif;
    font-size: 13pt;
    font-weight: bold;
    color: #5c5c5c;
    margin: 0 0 .4ex 0;

}








#mainContent #myList {
left: 5px;
list-style-type:square;
margin: 1ex 1em;
}


/* ===== footer ===== */

div#myFooter {
    width: 795px;
	height: 121px;
	clear: both;
    background: transparent url(../images/footer.png) no-repeat;
    margin: -20px 0 0 0;
}

#myFooter p {
    font-family: "Segoe UI", Tahoma, sans-serif;
    font-size: 9pt;
	line-height: 25px;
    color: #a3a3a3;
    margin: 0;
    padding: 0;
    text-align: center;
}


#myFooter a:link, #myFooter a:visited {
    color: #1e5b8d;
    text-decoration: none;
	line-height: 18px;
	
}

#myFooter a:hover, #myFooter a:active {
    color: #53a9e9;
    text-decoration: none;
	line-height: 18px;
}


/* ===== miscellaneous styles ===== */

.clear { clear: both }