/* bellamax.com - specific styles */

/*

	For BMax site

	Page width is 740 pixels
	
	dark gray main background color is 333333
	
	main HTML text color (light, light gray - not white) is CCCCCC
	
	red for error messages is bold and 990000
	
	footer should be centered the entire width of the page in color 999999 -- changed to cccccc 2/1
	
	page should be centered to the width of the browser on a black background with white lines down either side like this:
	
	http://themepark.com/bellamax/phase2/nav/becoming.html

*/

body
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-style: normal;
		color: white;
		background-color: black;
		margin-left: 0px; margin-right: 0px; margin-top: 0px;
	}


td
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-style: normal;
		color: white;
}	


.box	/* right col box */
	{
		margin-top: 30px;
		border: 1px solid white;
		padding: 10px;
	}

.box-pop	/* right col box */
	{
		margin-top: 30px;
		border: 1px solid white;
		padding: 10px;
		color: #FFFF00;				
	}

.promo	/* promotion headline copy */
	{
		color: #FFFF00;				
	}

.vertline
	{
		background-color: white;
	}

/* next style impacts sub-nav on services & corporate */
a:link, a:active, a:visited
	{
		color: white;
	}


.footer
	{
		color: #999999;
		text-align: center;
		margin-top: 20px;
		font-size: 12px;
	}



/* main column for content */

.main
	{
		background-color: #333333;
	}



/* compare photos pop-up */

.comparePhotos
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 70%;
		font-style: normal;
		color: #cccccc;
		background-color: #333333;
	
	}


/* cartPhoto styles */

.cartthumb
	{
		border: 5px solid white;
	}

.pageNotSelected, a.pageNotSelected:link, a.pageNotSelected:active, a.pageNotSelected:visited
	{
		text-decoration: none;
		font-weight: bold;
		color: white;
	}

.pageSelected, a.pageSelected:link, a.pageSelected:active, a.pageSelected:visited
	{
		text-decoration: none;
	}



/* home page */

.bullet
	{
		color: #993333;
	}

.bulletitem
	{
		color: #cccccc;
	}

.marg
	{
		margin-left: 5px; 
	}
	


/* order detail */

.gridTRB
	{
		border-top: 1px solid #666666;
		border-right: 1px solid #666666;
		border-bottom: 1px solid #666666;
	}

.gridTRBL
	{
		border-top: 1px solid #666666;
		border-right: 1px solid #666666;
		border-bottom: 1px solid #666666;
		border-left: 1px solid #666666;
	}


.gridBRL
	{
		border-bottom: 1px solid #666666;
		border-right: 1px solid #666666;
		border-left: 1px solid #666666;
	}


.gridBR
	{
		border-bottom: 1px solid #666666;
		border-right: 1px solid #666666;
	}


/* how it works */


.hiwBullet
	{
		color: #cccccc;
		margin-bottom: 20px;
	}