/*
Catalog like stylings for BRU
Created by L. Ellis
*/

/* extra fixes */

#cartAdd
{
	font-size:14pt;
}

/* thev boxes */
.outer_border 
{
	width : 500px;
	margin : 20px;
	padding : 0px;
}

.top_outer_border
{
	background-image : url(thev_gfx/top_outer.gif);
	margin : 0px;
	padding : 0px;
    min-height:20px;
    height:auto;
    _height:20px;
}


.top_middle
{
	margin : 0px 0px 0px 0px;
}

.top_title
{
	background-color:Black;
	background-position : top;
	font-size : 18pt;
	color : White;
	font-family : Tw Cen MT, Arial, Helvetica;
	font-weight : bold;
	letter-spacing : 1pt;
	padding-left : 4px;
	padding-top : 0px;
	padding-right : 0px;
	padding-bottom : 4px;
}

.tag_line
{
	color : White;	
	float : right;
	font-size : 11pt;
	font-family : Tw Cen MT, Arial, Helvetica;
	font-weight : bolder;
	letter-spacing : 0.5pt;
	padding-right: 8px;
}

.topleft_outer
{
	background-image : url(thev_gfx/topleft_outer.gif);
	height : 20px;
	width : 20px;
	margin : 0px;
	padding : 0px;
	float : left;
}

.topleft_inner
{
	background-image : url(thev_gfx/topleft_inner.gif);
	height : 10px;
	width : 10px;
	margin : 0px;
	padding : 0px;
	float : left;
	clear : none;
}

.topright_outer
{
	background-image : url(thev_gfx/topright_outer.gif);
	height : 20px;
	width : 20px;
	margin : 0px;
	padding : 0px;
	float : right;
}

.middle_outer_border
{
	height : auto;
}


/* 

middle row

*/

.topright_inner
{
	background-image : url(thev_gfx/topright_inner.gif);
	height : 10px;
	width : 10px;
	margin : 0px;
	padding : 0px;
	float : right;
}



.inner_text
{
	background-color : White;
	padding : 6px 11px 0px 6px;
	font-size : 10pt;
	font-family: Arial, Helvetica;
	font-weight: normal;
}

.bottom_inner_border
{
	height : 10px;
	background-color:White;
}

.bottomleft_inner
{
	background-image : url(thev_gfx/bottomleft_inner.gif);
	height : 10px;
	width : 10px;
	margin : 0px;
	padding : 0px;
	float : left;
}


.bottomright_inner
{
	background-image : url(thev_gfx/bottomright_inner.gif);
	height : 10px;
	width : 10px;
	margin : 0px;
	padding : 0px;
	float : right;
}

/* 

bottom outer border 

*/
.bottom_outer_border
{
	background-image : url(thev_gfx/bottom_outer.gif);
	margin : 0px;
	padding : 0px;
	height : 20px;
}

.left_outer
{
	background-image : url(thev_gfx/left_outer.gif);
	background-position : left;
	margin : 0px;
	padding : 0px;
	width : 20px;
}

.right_outer
{
	background-position : right;
	background-image : url(thev_gfx/right_outer.gif);
	margin : 0px;
	padding : 0px;
	width : 20px;
}


.bottomleft_outer
{
	background-image : url(thev_gfx/bottomleft_outer.gif);
	height : 20px;
	width : 20px;
	margin : 0px;
	padding : 0px;
	float : left;
}

.bottomright_outer
{
	background-image : url(thev_gfx/bottomright_outer.gif);
	height : 20px;
	width : 20px;
	margin : 0px;
	padding : 0px;
	float : right;
}

/*

picture box

*/

.picture
{
	max-width:190px;
	_width:190px;
	margin:20px;
}

.picture_top
{
	background-color : Red;
	height:20px;
}

.picture_topleft
{
	background-color : Green;
	width:20px;
	height:20px;
	float:left;
}

.picture_topright
{
	background-color : Green;
	width:20px;
	height:20px;
	float:right;
}

.picture_middle
{
	margin:20px;
}

.picture_bottom
{
	background-color : Blue;
	height:20px;
}

.picture_bottomleft
{
	background-color : Green;
	width:20px;
	height:20px;
	float:left;
}

.picture_bottomright
{
	background-color : Green;
	width:20px;
	height:20px;
	float:right;
}

/*

red box

*/

.red_outer_border 
{
	width : 500px;
	margin : 20px;
	padding : 0px;
}

.red_top_outer_border
{
	background-image : url(thev_gfx/top_outer_red.gif);
	margin : 0px;
	padding : 0px;
    min-height:20px;
    height:auto;
    _height:20px;
}


.red_top_middle
{
	margin : 0px 0px 0px 0px;
}

.red_top_title
{
	background-color : #c00000;
	font-size : 18pt;
	color : White;
	font-family : Tw Cen MT, Arial, Helvetica;
	font-weight : bold;
	letter-spacing : 1pt;
	padding-left : 4px;
	padding-top : 0px;
	padding-right : 0px;
	padding-bottom : 4px;
}

.red_tag_line
{
	color : White;	
	float : right;
	font-size : 11pt;
	font-family : Tw Cen MT, Arial, Helvetica;
	font-weight : bolder;
	letter-spacing : 0.5pt;
	padding-right: 8px;
}

.red_topleft_outer
{
	background-image : url(thev_gfx/topleft_outer_red.gif);
	height : 20px;
	width : 20px;
	margin : 0px;
	padding : 0px;
	float : left;
}

.red_topleft_inner
{
	background-image : url(thev_gfx/topleft_inner_red.gif);
	height : 10px;
	width : 10px;
	margin : 0px;
	padding : 0px;
	float : left;
	clear : none;
}

.red_topright_outer
{
	background-image : url(thev_gfx/topright_outer_red.gif);
	height : 20px;
	width : 20px;
	margin : 0px;
	padding : 0px;
	float : right;
}

.red_middle_outer_border
{
	height : auto;
}


/* 

middle row

*/

.red_topright_inner
{
	background-image : url(thev_gfx/topright_inner_red.gif);
	height : 10px;
	width : 10px;
	margin : 0px;
	padding : 0px;
	float : right;
}



.red_inner_text
{
	background-color : White;
	padding : 6px 11px 0px 6px;
	font-size : 11pt;
	font-family: Arial, Helvetica;
	font-weight:bolder;
	color: #800000;
}

.red_bottom_inner_border
{
	height : 10px;
	background-color:White;
}

.red_bottomleft_inner
{
	background-image : url(thev_gfx/bottomleft_inner_red.gif);
	height : 10px;
	width : 10px;
	margin : 0px;
	padding : 0px;
	float : left;
}


.red_bottomright_inner
{
	background-image : url(thev_gfx/bottomright_inner_red.gif);
	height : 10px;
	width : 10px;
	margin : 0px;
	padding : 0px;
	float : right;
}

/* 

bottom outer border 

*/
.red_bottom_outer_border
{
	background-image : url(thev_gfx/bottom_outer_red.gif);
	margin : 0px;
	padding : 0px;
	height : 20px;
}

.red_left_outer
{
	background-image : url(thev_gfx/left_outer_red.gif);
	margin : 0px;
	padding : 0px;
	width : 20px;
}

.red_right_outer
{
	background-image : url(thev_gfx/right_outer_red.gif);
	margin : 0px;
	padding : 0px;
	width : 20px;
}


.red_bottomleft_outer
{
	background-image : url(thev_gfx/bottomleft_outer_red.gif);
	height : 20px;
	width : 20px;
	margin : 0px;
	padding : 0px;
	float : left;
}

.red_bottomright_outer
{
	background-image : url(thev_gfx/bottomright_outer_red.gif);
	height : 20px;
	width : 20px;
	margin : 0px;
	padding : 0px;
	float : right;
}

.yellowbody table
{
	border-style: none;
	padding : 0px;
	margin : 0px;
}



.yellowbody table tr td
{
	border-style: none;
	padding : 0px;
	margin : 0px;
}


/* yellow stuff */

.yellowbody
{
	background-color : #ffec67;
}

.yellowbody table
{
	margin:10px;
}

.yellowheader
{
	height : 40px;
	text-align: center;	background-image: url(thev_gfx/middle_yellow.gif);
	background-repeat:no-repeat;
	background-position:top;

}

.yellowleft
{
	float:left;
	width:60px;
	height:40px;
	background-image: url(thev_gfx/left_yellow.gif);
}

.yellowcenter
{
	margin: 0 auto;
	width:30;
	height:30;
	background-image: url(thev_gfx/middle_yellow.gif);
}

.yellowright
{
	float:right;
	width:60px;
	height:40px;
	background-image: url(thev_gfx/right_yellow.gif);
}

/* images */
.red_inner_text img
{
	padding:10px;
	vertical-align:top;
	float:left;background-color:White;
}

.inner_text img
{
	padding:10px;
	vertical-align:top;
	float:left;background-color:White;
}

.red_inner_text a img
{
	padding:10px;
	vertical-align:top;
	float:left;background-color:White;
}

.inner_text a img
{
	padding:10px;
	vertical-align:top;
	float:left;
	background-color:White;
}

.inner-white
{
	background-color:White;
}

/* table */

.inner_text table
{
	margin-top: -10px;
	margin-left: -10px;
	margin-bottom:-2px;
	margin-right:-10px;
	width : 100%;
}

.inner_text table tr td
{
	padding:10px;
	border-bottom: solid 2px black;
}

.specs_label
{
	width:100px;
	background-color:Black;
	color:White;
	text-align:right;
	font-size: 10pt;
	font-weight: bold;
}

.specs_text
{
	color: #c00000;
	font-size: 12pt;
	font-weight: bold;
}

.yellow_body
{
	text-align:center;
}
