/* CSS Document */

html {height:100%;}

body {

	font-family:  Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px; background-image:url(../twinklescart/images/bg.gif);

	color: #000000;

	font-weight: normal;

	font-variant: normal;

	font-style: normal;

	line-height: normal; 

	margin:0;

    padding:0; 



}



.bigred {font-size: 24px; color:#C12C2D; }

.bigredlink {font-size: 16px; color:#C12C2D; }



#wrapper {  position:relative; clear:both;

	margin-left: auto; width: 758px;

	margin-right:auto; min-height:100%; background-image:url(../twinklescart/images/wrapperbg.jpg); background-repeat:repeat-y; 

	 }

	

#header { 

	width: 758px;

	height: 107px;  }

#leftcol { float:left; background-image:url(../twinklescart/images/leftside.gif); background-repeat:repeat-y; height:100%; width:154px; }



#rightcol { float:right; width:604px; }

	

#navbar { width:604px; height:55px; background-image:url(../twinklescart/images/navbarbg.gif) }



#accent { width: 800px; height: 10px; 

				background-color: #000066; }



#footer { width:758px; height:32px;  

 			background-image:url(../twinklescart/images/footer.gif);      

			clear:both;

  } 

div.footercontainer {line-height:25px; width:758px; display:table-cell; text-align:center;  vertical-align:middle;}



#leftside { background:#057195;

    float:left;

    width:280px; 

 	

 }

#contentbox { background:#ffffff;

float:left; 

width:594px;

min-height:412px;

}

#rightcontentbox { 

float:right;

width: 140px;  

}



a:link, a:visited {

font-family: Arial, Helvetica, sans-serif;

font-size: 14px;

color: #000099;

font-weight: bold;

text-decoration: none}



a:hover, a:active 

{font-family: Arial, Helvetica, sans-serif;

font-size: 14px; color:#3399FF;

font-weight: bold;

text-decoration: none}



a.normal:link, a.normal:visited {

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color: #000099;

font-weight:normal; text-decoration:underline;}



a.normal:hover, a.normal:active 

{font-family: Arial, Helvetica, sans-serif;

font-size: 12px; 

color:#3399FF;

font-weight: normal; text-decoration:underline;}





a.menu:link, a.menu:visited {

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color: #000000;

font-weight: bold;

text-decoration: none}



a.menu:hover, a.menu:active 

{font-family: Arial, Helvetica, sans-serif;

font-size: 12px; color:yellow;

font-weight: bold;

text-decoration: none}



a.smallmenu:link, a.smallmenu:visited {

font-family: Arial, Helvetica, sans-serif;

font-size: 10px;

color: #000000;

font-weight: bold;

text-decoration: none}



a.smallmenu:hover, a.smallmenu:active 

{font-family: Arial, Helvetica, sans-serif;

font-size: 10px; color:yellow;

font-weight: bold;

text-decoration: none}



a.topmenu:link, a.topmenu:visited {

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color: #000000;

font-weight: bold;

text-decoration: none}



a.topmenu:hover, a.topmenu:active 

{font-family: Arial, Helvetica, sans-serif;

font-size: 12px; color:yellow;

font-weight: bold;

text-decoration: none}





h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	font-variant: normal;

	font-style: normal;

	line-height: normal;

	color: #000000;

	}

	h2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: bold;

	font-variant: normal;

	font-style: normal;

	line-height: normal;

	color: #000000;

	}