/* CSS Document */

/*PAGE LAYOUT*/
body {
	background: url("images/img_bg_grd.jpg") repeat-x scroll 0 0;	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	}
h1 {
    font-size: 100%;
    font-weight: normal;
    letter-spacing: 1.3px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 35px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-align: center;
    text-transform: uppercase;
}
h2 {
    font-size: 70%;
    font-weight: normal;
    letter-spacing: 1.1px;
    margin-bottom: 0;
    margin-left: 10;
    margin-right: 0;
    margin-top: 15px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-align: left;
    text-transform: uppercase;
}

h3 {
    font-size: 85%;
    font-weight: bold;
    letter-spacing: 1.1px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
    padding-bottom: 0;
    padding-left: 8;
    padding-right: 0;
    padding-top: 0;
    text-align: left;
	color:#E15705;
    text-transform: uppercase;
	
}

h4 {
	font-size: 0.9em;
	text-align:center;
	font-style: italic;
	letter-spacing: 5px;
	margin-top: 0;
	padding-right: 0px;
	padding-left: 0px;
	color: #688113;
}


p {
	font-size: 0.75em;
	text-align: justify;
	padding-right: 5px;
	padding-left: 7px;
	float: none;
	margin-left: 5px;
 }

#toppage{
	width:1000px;
}
#date{
	float:left; width:290px; height:39px; border-bottom:solid 1px #999999; border-right:solid 1px #999999;
}
#header_nav{
	float:left; color:#FFF; width:290px; height:39px;  padding-top:15px; border-bottom:solid 1px #999999;font-family:Verdana, Helvetica, Arial, sans-serif;text-align:center;
	
}
#topbar{
	float:left;
	width:715px;
	height:40px;
	background-image:url(images/toptr-bg.jpg);

	background-repeat:repeat-x;
	border-right:1px solid #999999
}
#header{
	width:1000px;
}
#content{
	width:1000px;
}
#contenttext{
	float:left;
	width:725px;
	background-color:#F7F7F7;
	border-left:solid 1px #CCC;
	border-right:solid 1px #999999;
	border-bottom:solid 1px #999999;
	border-top: none;
	min-height:360px;
	background-image: url("/images/bg_hdrvs.jpg");
	background-repeat: repeat-x;
	background-position: 0px 0px;
	color: #555;
	}
.cartbox{
	float:left;
	width:176px;
	background-image: url(/images/smallbox_bg.jpg);
	min-height:92px;
	color: #5D5D5D;
}

.contactbox{
	width:200px;
	background-color:#FDFDFD; background-image:url(/images/sidebar.jpg);
	min-height:70px;
}
.contactbox p {
	float: right;
	font-size: 90%;
	padding-bottom: 5px;
	padding-left: 0;
	padding-right: 10px;
	padding-top: 5px;
	width: 180px;
	margin: 0;
	text-align:left;
}
#logo{
	float:left;
	width:196px;
	height:100px;
	background-color:#F7F7F7;
	border-left:solid 1px #999999;
	background-image: url("/images/bg_hdr.jpg");
	color: # 999;
	
}
#pagetitle{
	position:relative;
	float:left;
	width:705px;
	height:100px;
	background-color:#F7F7F7;
	border-right:solid 1px #999999;
	background-image: url("/images/bg_hdr.jpg");
}
#title{
	position:absolute; right:10px; bottom:0px; width:600px;
}
#menu{
	float:left; width:176px; height:200px; margin:0px;
}

#footer{
	background-color: #F7F7F7;
	width:699px;
	padding-top: 10px;
	padding-bottom: 5px;
	border-left-color:#DDD;
	border-right-color:#DDD;
	border-bottom-color:#DDD;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #EDEDED;
}

TABLE.cobtbl{
background-color: #FF0000;
}
TD.cobhl{
background-color: #FFBA2C;
}
TD.cobll{
background-color: #FFF7B8;
color : #666666;
}

#right_box {
	width:185px;
	height:203px;
	text-align: left;
	color: #6A6A6A;
	overflow: hidden;
	float: right;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	margin-left: 10px;
	padding: 10px;
	background-color: #F7F7F7;
	margin-top: 5px;
	}


#contentarea{
	margin-top:10px;
	height:auto;
	width:868px;
	overflow:hidden;
	background:#fff;

	float: left;
	
	color: #555;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #ddd;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	border-left-color: #ddd;
}
.commercial-container {
	   
    margin: 0 30px 0 0;
	width: 200px;
	float: left;
	padding-right: 5px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 15px;
}


.commercial {
	color:#27749D;
	-moz-background-clip: border;
	-moz-background-origin: padding;
	-moz-background-size: auto auto;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(images/ad_box_s.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	float: left;
	margin-bottom: 0;
	margin-left: 6px;
	margin-right: 6;
	margin-top: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	padding-top: 5px;
	width: 200px;
	height: 130px;
}
.commercialPR {
	color:#27749D;
	-moz-background-clip: border;
	-moz-background-origin: padding;
	-moz-background-size: auto auto;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(images/ad_box_inverter.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	float: left;
	margin-bottom: 0;
	margin-left: 10px;
	margin-right: 3;
	margin-top: 5px;
	padding-bottom: 0;
	padding-left: 2px;
	padding-top: 5px;
	width: 200px;
	height: 130px;
}
.commercialRE {
	color:#27749D;
	-moz-background-clip: border;
	-moz-background-origin: padding;
	-moz-background-size: auto auto;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(images/ad_box_re.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	float: left;
	margin-bottom: 0;
	margin-left: 6px;
	margin-right: 6;
	margin-top: 5px;
	padding-bottom: 0;
	padding-left: 10px;
	padding-top: 5px;
	width: 200px;
	height: 130px;
	padding-right: 0px;
}
.last-commercial {
	margin-right: 6;
	margin-left: 10px;
}
.commercial img {
    float: left;
    margin-top: 25px;
}
.commercialPR img {
    float: left;
    margin-top: 35px;
}
.commercialRE img {
    float: left;
    margin-top: 30px;
}
.commercial p {
	float: right;
	font-size: 90%;
	padding-bottom: 5px;
	padding-left: 0;
	padding-right: 10px;
	padding-top: 30px;
	width: 80px;
	margin: 0;
	text-align:left;
}
.commercialPR p {
	float: right;
	font-size: 90%;
	padding-bottom: 5px;
	padding-left: 0;
	padding-right: 15px;
	padding-top: 35px;
	width: 90px;
	margin: 0;
	text-align:left
}
.commercialRE p {
	float: right;
	font-size: 90%;
	padding-bottom: 5px;
	padding-left: 0;
	padding-right: 15px;
	padding-top: 30px;
  width: 87px;
	margin: 0;
	text-align:left;
}
.commercial .headline {
    font-weight: bold;
}
.last-row {
	color:#DF574B;
	-moz-background-clip: border;
	-moz-background-origin: padding;
	-moz-background-size: auto auto;
	background-attachment: scroll;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	clear: left;
	float: left;
	height: 15px;
	text-align: center;
	width: 175px;
}
.last-row a {
    color: Green;
    display: block;
    font-size: 76%;
    height: 100%;
    margin-left: -20px;
    margin-top: 5px;
    text-decoration: none;
    width: 100%;
}

.click {
	-moz-background-clip: border;
	-moz-background-origin: padding;
	-moz-background-size: auto auto;
	background-attachment: scroll;
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 100%;
	clear: left;
	float: left;
	height: 13px;
	text-align: center;
	width: 175px;
	text-decoration: underline;

}

/*TEXT STYLES*/
.bodytext {
	font: 0.7em Tahoma, sans-serif;
	color: #666666;
	overflow: hidden;
}
.smalltext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	color: #666666;
}
.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}
.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CCCCCC;
}
.smallgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CCCCCC;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:underline;
}
.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:50px;
	font-weight:bold;
	color: #C4C4C4;
}


.titletextt {
	font: 0.7em Tahoma, sans-serif;
	font-size:50px;
	font-weight:normal;
	color: #999999;
}



.logotext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color: #999999;
}
.orangelogotext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FF9900;
}
.orangetitle {
	font-size:16px;
	font-weight:bold;
	color:#FF9900;
	font-family: Tahoma, sans-serif;
}.redtitle {
	padding-bottom: 20px;
	font-size:11px;
	font-weight:normal;
	color:#E15705;
	font-family: Tahoma, sans-serif;
}

#singlelink a{
    float:right; 
	width:174px; 
	height:20px; 
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	color:#DF574B;
	text-decoration: underline;
}
#singlelink a:hover{
	color: #666;
}
#linksmenu a{
	float:right; 
	width:174px; 
	height:20px; 
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	background-color:#B4B533; border-left:solid 1px #DDDDDD; border-bottom:solid 1px #FCFCFC;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
	padding-top:5px;
}
#linksmenu a:hover{
	background-color:#514F1C;
}

div.block {
	border: 1px solid #ddd;
	padding: 10px;
	text-align: center;
	color: #999;
	margin-top: 5px;
	}
div.blockL {
	background-color: #FCFCFC;
	padding: 10px;
	text-align: center;
	color: #666;
	margin-top: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #ddd;
	border-right-color: #ddd;
	border-left-color: #ddd;
	}
div.blockLW {
	background-color: #FDFDFD;
	border: 1px solid #ddd;
	text-align: center;
	color: #555;
	margin-top: 25px;
	padding: 15px;
	height: auto;
	float: right;
	}
	
	
	
TD.mincart {
	font-size: 10px;
	font-family : Verdana;
}

P.mincart {
	font-size: 10px;
	font-family : Verdana;
}


input.search
{
	background-color: #FFDE9B;
	font-family: tahoma;
	color: rgb(0,0,70);
	font-size: 11px;
	
}



TD {
	font-size: 11px;
	font-family : Verdana;
	color: #999;
}

P {
	font-size: 11px;
	font-family : Verdana;
}

TD.dark {
	font-size: 11px;
	font-family : Tahoma;
	color : #FFDE9B;
}

P.dark {
	font-size: 12px;
	font-family : Verdana;
}

TD.smaller {
	font-size: 11px;
	font-family : Tahoma;
	color : #666666;
}

P.smaller {
	font-size: 11px;
	font-family : Tahoma;
	color : #666666;
}



A:link {
	color: #666666;
	text-decoration: none;
}

A:visited {
	color: #666666;
	text-decoration: none;
}

A:active {
	color: #666666;
	text-decoration: none;
}


A:hover {
	color: #C30;
	text-decoration: none;

}




A.dark:link {
	color: #666666;
	text-decoration: none;
}

A.dark:visited {
	color: #666666;
	text-decoration: none;
}

A.dark:active {
	color: #666666;
	text-decoration: none;
}

A.dark:hover {
	color: #333333;
	text-decoration: none;
}




P.catname {
text-align: center; 
margin-top: 0px; 
margin-bottom: 4px; 
vertical-align:top;
}

P.catdesc { 
margin-top: 0px; 
margin-bottom: 4px; 
vertical-align:top;
}

IMG.catimage { 
border: 1px solid #000; 
vertical-align:top; 
}

TD.catimage { 
vertical-align:top; 
} 

TD.catname { 
vertical-align:top; 
text-align: center; 
} 





.TabbedPanels {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-color: #CCC;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: 1px solid #EEE;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #EEE;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	overflow: hidden;
	padding: 4px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

.VTabbedPanels {
	overflow: hidden;
	zoom: 1;
}

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

/* Styles for Printing */
@media print {
.TabbedPanels {
	overflow: visible !important;
}
.TabbedPanelsContentGroup {
	display: block !important;
	overflow: visible !important;
	height: auto !important;
}
.TabbedPanelsContent {
	overflow: visible !important;
	display: block !important;
	clear:both !important;
}
.TabbedPanelsTab {
	 overflow: visible !important;
	 display: block !important;
	 clear:both !important;
}
}

TD.catnavigation { 
vertical-align:middle;
text-align: left; 
}
#page #contenttext .bodytext .blockL #table1 tr td p font a {
	color: #C30;
}