﻿/*this is to keep page from shifting to left on load in safari and firefox*/




*
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
}

BODY
{
    background-color: #FFFFFF;
    margin-top: 0px;
    text-align: center;
    background-image: url(../images/background.png);
    background-repeat: repeat-x;
    
    
}


BODY.print  
{
    background-color: #FFFFFF;
    margin-top: 0px;
    text-align: center;
    background-image: none;
}


#cxoolmenu
{
    position:relative;
    margin-left:10px; 
  
}


#wrapper
{
  height: 900px;
  margin-bottom: 1px;
  
  
}



#container
{
    width: 799px;
    background-color: #ffffff;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    border: solid 1px #000000;
  
   
}


#header_home
{
    width: 799px;
    height: 260px;
    background-image: url(../images/header_tju.jpg);
}


#header_costumes
{
    width: 100%;
    height: 260px;
    background-image: url(../images/header_costumes.png);
}


#header_accessories
{
    width: 100%;
    height: 260px;
    background-image: url(../images/header_accessories.jpg);
    
}


#header_inside
{
    width: 100%;
    height: 174px;
    background-image: url(../images/header_inside.png);
}

#header_show_kids
{
    width: 100%;
    height: 260px;
    background-image: url(../images/header_show_kids.jpg);
}

#header_first_recital
{
    width: 100%;
    height: 260px;
    background-image: url(../images/header_first_recital.jpg);
    
}

#header_ballet_girls
{
    width: 100%;
    height: 260px;
    background-image: url(../images/header_ballet_girls.jpg);
}


#header_ballet_contemporary
{
    width: 100%;
    height: 260px;
    background-image: url(../images/header_ballet_contemporary.jpg);
}

#header_novelty
{
    width: 100%;
    height: 260px;
    background-image: url(../images/header_novelty.jpg);
}


#header_gymnastics
{
    width: 100%;
    height: 260px;
    background-image: url(../images/header_gymnastics.jpg);
}


#header_tju
{
    width: 799px;
    height: 260px;
    background-image: url(../images/header_tju.jpg);
}


#header_boys
{
    width: 799px;
    height: 260px;
    background-image: url(../images/header_boys.jpg); 
    
}


#header_holiday
{
    width: 799px;
    height: 260px;
    background-image: url(../images/header_holiday.jpg); 
    
}


#header_testimonials
{
    width: 799px;
    height: 240px;
    background-image: url(../images/header_testiomonials.jpg);
}

#header_scholarships
{
    width: 799px;
    height: 240px;
    background-image: url(../images/header_scholarships.jpg);
    
    
}




#header_print
{
    width: 100%;
    height: 115px;
    background-image: url(../images/cg_logo_print.png);
    background-position: center right;
    background-repeat: no-repeat;
    border-bottom: dashed 1px #999999;
    margin-bottom:20px;
}


#logo
{
    height: 85px;
    width: 50px;
    float: left;
}

#navigation
{
    position:relative;
    float: right;
    vertical-align: middle;
    top:5px;
    right:15px;
    
    
      
}



#navigation_silverlight
{
    position:relative;
    float: right;
    vertical-align: middle;
    top:5px;
    right:15px;
    margin-bottom:-70px;
    z-index:100;
    
 
}


#searchBox {margin-top:5px; border-top: solid 1px #999999; padding-top:2px; text-align:right;}
.searchInput {vertical-align:middle; height:15px; border: solid 1px #333333; background-color: #efefef; width: 110px;}
.searchLabel {vertical-align:middle; font-weight:bold; margin-right:5px; }
.searchImage {vertical-align:middle;}







#silverlightControlHost {
	    height: 100%;
	    width:799px;
	    z-index:0;
	   
	    	    
	    
    }
    
#loginName {display:block; margin-top:5px;}    

#Bar
{
    height: 26px;
    background-image: url(../images/bar.png);
    background-repeat: repeat-x;
    clear: both;
}

#subBar
{
    height: 25px;
    text-align:right;
    margin-bottom: 10px;
    
}

#leftColumn
{   
    float: left;
    width:  190px;
    vertical-align: top;
    border-right: dashed 1px #999999;
    margin-left:20px; 
    
}


#middleColumn
{
    width: 360px;
    float: left;
    margin-left: 10px;
    vertical-align: top;
    margin-bottom:20px;
    
    
       
}


#middleColumn1Col
{
    width: 760px;
    vertical-align: top;
    margin-left: 20px;
    margin-bottom:20px;
   
      
    
    
}


#middleColumn2Col
{
    float: left;
    width: 540px;
    vertical-align: top;
    margin-left: 20px;
    margin-bottom:20px; 
    
    
  
    
}



#rightColumn
{
    float: right;
    width: 190px;
    margin-right:20px;
    margin-bottom:20px; 
    border-left: dashed 1px #999999;
    height:100%;
    
   
       
}

#search
{
    height: 80px;
}


#leftContent
{
    margin-top:15px;
    text-align:center;
    
}

#rightContent
{
    margin-top:15px;
    margin-left: 10px;
    
}

#menuText, #menuText A
{
    font-size: 9px;
    margin-top: 10px;
    text-decoration: none;
}

#footer
{
    height:20px;
    clear: both;
    margin-top: 10px;
    padding-top: 20px;
    padding-bottom: 0px;
    text-align: center;
    font-size: 10px;
    background-image: url(../images/footer_background.png);
    background-position: bottom;
    background-repeat: repeat-x;
    
    
}


#footer_print
{
    height:20px;
    clear: both;
    margin-top: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-top: dashed 1px #999999;
    
}


#footer A {font-size:10px; text-decoration:none;}


H1 {font-size:18px; font-weight:normal; margin-bottom:10px; color:#4A438B;}

A:link {color:#4A438B;}
A:visited {color:#0066cc;}


/*CONTROLS*/

.ItemDetailsControl
{
    background-color: Red;
    border: dashed 1px #000;
}

.dataItem
{
    background-color: Green;
}



/* SLICE STYLES */


.sliceContainer
{
    width: 160px;
    background-color: #ffffff;
    border: solid 1px #302991;
    text-align: center;
    margin: 0px 0 0 15px;
    padding: 0;
}

.hslice
{
    width: 150px;
    background-color: #ffffff;
    padding: 2px;
    text-align: center;
}

H2.entry-title
{
    visibility: hidden;
    line-height: 0;
    margin-bottom: -2px;
}

.slice_image
{
}

.orderStatus
{
    font-family: Arial, Sans-Serif;
    color: #302991;
    font-size: 11px;
    font-weight: bold;
    display: block;
    margin-top: -15px;
}


/* Blurb Styles */

#blurbBox {width: 160px; text-align: center; padding:4px; border: solid 1px #999999; margin-bottom:20px; margin-left:10px;}

#blurbBox P {font-size: 10px; color: #333333; margin:10px 0; display:block;}  

#blurbBox H2 {color: #302991; font-size: 12px; font-weight: bold; margin-bottom: 5px; display:block;}


/* Silverlight Mini Player (model page) */


#silverlight_mini
{
 height:270px;
 width:420px;
 margin-left:40px;
 margin-bottom:20px;
 margin-top:10px;
 z-index:100;
    }
    
    
/* Customer Service Info Box */    

.custServBox {width: 170px; padding:4px; border: solid 1px #999999; margin-bottom:20px; margin-left:10px; }
.custServItem {display:block; margin: 10px 0;}
.custServTitle {font-size:12px; font-weight:bold; color:Red; margin-right:10px;}
.custServText {font-size:12px; font-weight:bold; }



/* Testimonials */

#TestimonialTable
{
margin-bottom:30px;
font-family:Arial,helvetica;
font-size:12px;
width:542px;
line-height:18px;
padding:0px 0px 0px 0px;
border:solid 0px #000000;
}
#TestimonialTable TD
{
padding:0px 15px 0px 15px;
background-color:#ededed;
border:solid 0px #000000;

}

#TestimonialTable TD.TestimonialAuthor
{
text-align:right;
font-weight:bold;
padding-bottom:0px;
padding-top:5px;
}

#TestimonialTable td.header
{
background-image: url(../images/TestimonialTopCurve.gif);
background-position:0px 0px;
background-repeat:no-repeat;
display:block;
padding:0px 0px 0px 0px;
margin-left:0px;
clear:none;
margin-top:0px;
height:20px;
}

#TestimonialTable td.footer
{
background-image: url(../images/TestimonialBottomCurve.gif);
background-position:0px 0px;
background-repeat:no-repeat;
height:20px;
}
