/* ---------------------
basic layout
--------------------- */

* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}



div,
td,
p {
	font-size:11px;
	line-height:16px;
	color:#000000;
}



ul {
	margin: 5px;
	padding: 5px;
	list-style: none;
	list-style-type: square;
}

li {
	line-height: 18px;
	padding-left: 5px;
	padding-top: 0px;
	list-style-position: inside;
}

img {
	border-style: none;
}

/* ---------------------
template layout
--------------------- */

/** wrapper to make the page center **/
#popup {
	position:absolute;
	width:453px;
	height:auto;
	padding:0;
	text-align: left;
	margin-top: 100px;
	margin-right: auto;
	margin-left: 120px;
	z-index:100;
	background-color:#FFFFFF;
	border: 9px solid #000000;
}
#language {
	position:fixed;
	width:100px;
	height:auto;
	padding:0;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-left: 760px;
	z-index:100;
}
#newsletter {
	position:fixed;
	width:100px;
	height:100px;
	padding:0;
	text-align: left;
	margin-top: 100px;
	margin-right: auto;
	margin-left: 760px;
	z-index:100;
}
#sosqplaylist {
	position:fixed;
	width:170px;
	height:150px;
	padding:0;
	text-align: left;
	margin-top: 230px;
	margin-right: auto;
	margin-left: 760px;
	z-index:110;
}

#sampler {
	position:fixed;
	width:auto;
	height:auto;
	margin-top: 400px;
	margin-right: auto;
	margin-left: 705px;
	text-align: left;
	z-index:100;
	background-color:#ffffff;
}

#container {
	width:906px;
	height:20px;
	padding:0;
	text-align: left;
	margin-top: 20px;
	margin-right: auto;
	margin-left: 20px;
}

/**
hold background, it should be float:left
that's way we can not put it in #container
**/
#top {
	position:relative;
	padding-left: 4px;
	color:#FFFFFF;
	float:left;
	clear:left;
	background-image:url(../img/bg_top.gif);
	background-repeat: repeat;
	background-position: left top;
	width:auto;
	margin: 0px;
	padding-top: 0px;
	top: 4px;
	height:auto;
}

#maincontent {
	position:relative;
	width: 665px;
	/**background:transparent;**/
	float:left;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	z-index:80;
}
#footer {

	position:relative;
	width:665px;
	float:left;
	clear:left;
	left:55px;
	top:40px;
	
}

#debug {
	position:relative;
	float:left;
	clear:left;
	left:0px;
	top:-2px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}


#cnt_top {
	width:898px;
	position:relative;
	clear:left;
	z-index:100;
}

#cnt_fatmenu {
	position:relative;
	clear:left;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 55px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: transparent;
}
#cnt_fatmenu_a {
	position:relative;
	clear:left;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 55px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
#cnt_fatcontent {
	position:relative;
	clear:left;
	margin-top: 4px;
	margin-right: 5px;
	margin-bottom: 4px;
	margin-left: 75px;
		background-image:url(../img/checker.png);
	background-repeat: repeat;
}

#cnt_fatheader {
	position:relative;
	clear:left;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#cnt_fattext{
	position:relative;
	clear:left;
	margin-top: -5px;
	margin-right: 5px;
	margin-bottom: 16px;
	margin-left: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;

}


#cnt_title {
z-index:0;
	position:relative;
	clear:left;
	margin-top: 7px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 7px;
}
#cnt_title2 {
z-index:0;
	position:relative;
	clear:left;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 7px;
	padding-top: 21px;
	border-top:solid;
	border-top-width:1px;
	border-top-color:#000000;
}
/** MENU TOP **/
span.mt_a {
background-color:#FF0000;
}
a.mt_a:link, a.mt_a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
a.mt_a:hover {
	background-image: url(img/bg_menu.gif);
	color:#FFFFFF;
	text-decoration:none;
}

#logo {
	position:relative;
	width:100%;
	height:32px;
	width:898px;
	float:left;
	background:transparent;
}

/** div container for top menu. position:top **/
#topmenu {
	position:relative;
	float:left;
	clear:left;
	background-color:#000000;
	width: 100%;
}

/** div container for image header **/
#imgheader {
	position:relative;
	float:left;
	clear:left;
	width:900px;
	height:32px;
	overflow:hidden;
	margin:1px 1px 0px 1px;
}

#container_inner {
	position:relative;
	float:left;
	clear:left;
	width:900px;
}

/** div container for left column **/
#leftcol {
	position:relative;
	float:left;
	clear:left;
	width:172px;
	background:transparent;
	/**background:transparent url(../images/bg_leftcol.jpg) repeat-y left top;**/
}

#leftcolmenu {
	position:relative;
	/**background:transparent url(../images/bg_leftcol.jpg) repeat-y left top;**/
	overflow:auto;
	background:transparent;
}


/** div wrapper for user2 & user3 **/
#content_top_wrapper {
	position:relative;
	float:right;
	clear:right;
	width:688px;
	display:inline;
	margin: 0 0 0 0;
}

/** div container for position:user2 **/
#content_top1 {
	position:relative;
	float:left;
	clear:left;
	width:269px;
}

/** div container for position:user3 **/
#content_top2 {
	position:relative;
	float:right;
	clear:right;
	width:269px;
}

/** div container for mainbody **/
#content_main {
	position:relative;
	float:left;
	width:726px;
	margin:1px 1px 1px 1px;
	background:#ffffff;
	/**background-color:transparent;**/
}

/** div container for right column **/
#rightcol_top,
#rightcol {
	float:left;
	clear:left;
	width:0px;
	margin:0 0 0 1px;
	display:inline;
	overflow:auto;
}

/** div container for right column position:header **/
#rightcol_top {
	height:200px;
	min-height:200px;
}

/** div container for banner position:banner **/
#banner {
	position:relative;
	clear:left;
	float:left;
	width:515px;
	height:65px;
	min-height:65px;
	color:#FFFFFF;
	font-size:10px;
	padding: 20px 0 0 215px;
}

#blackline {
	position:relative;
	clear:left;
	float:left;
	width:900px;
	height:1px;
	min-height:1px;
	background-color: #000000;
	color:#FFFFFF;
	font-size:10px;
}

/** copyright **/

#copyright {
	position:relative;
	width:900px;
	display:block;
	clear:both;
	float:left;
}

#copyright div {
	color:#666666;
	font-size:10px;
	font-weight:bold;
	display:block!important;
	width:900px;
	float:left;
	clear:left;
	margin:-10px 0 0 0;
	text-align:left;
}


a.button_std:link, a.button_std:visited {
	background-color:#FFFFFF;
	position:relative;
	float:left;
	margin-right:10px;
}
a.button_std:hover {
	background-color:#FF6600;
	position:relative;
	float:left;
}


a.az_href, a.az_href:visited  {
	color:#FF6600;
	text-decoration:none;
}
a.az_href:hover  {
background-color:#FF6600;
	color:#FFFFFF;
	text-decoration:none;
}

li.linkbox {
font-size:16px;

}

/** collumn layout **/
#lay_hline{
height:1px;
background:#000000;
}


#cnt_col299{
	float: left;
	width:269px;
	/** top right bottom left**/
	margin: 12px 12px 12px 18px;
}
#cnt_col279{
	float: left;
	width:249px;
	/** top right bottom left**/
	margin: 12px 12px 12px 18px;
}
#cnt_col279nm{ /** collumn for images without marbin**/
	float: left;
	width:262px;
	/** top right bottom left**/
	margin: 0px 0 0 18px;
	background-color:#00CC33;
}
#cnt_col279nml{ /** collumn for images without marbin**/
	float: left;
	width:262px;
	/** top right bottom left**/
	margin: 0px 18px 0 0;
	background-color:#00CC33;
}
#cnt_col299nm{ /** collumn for images without marbin**/
	float: left;
	width:282px;
	/** top right bottom left**/
	margin: 1px 0 0 18px;
	background-color:#00CC33;
}
#cnt_col339{
	float: left;
	width:309px;
	/** top right bottom left**/
	margin: 12px 12px 12px 18px;
}
#cnt_col598{
	float:left;
	width:568px;
	/** top right bottom left**/
	margin: 12px 12px 12px 18px;
}
#cnt_col897{
	float:left;
	width:867px;
	/** top right bottom left**/
	margin: 12px 12px 12px 18px;
}
#cnt_img{

}

#cnt_globalrow{
	float:left;
	width:100%;
	/** top right bottom left**/
	margin: 0 0 0 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}
#cnt_globalrownb{
	float:left;
	width:100%;
	/** top right bottom left**/
	margin: 0 0 0 0;
}
#cnt_globalrowaz{
	float:left;
	width:100%;
	/** top right bottom left**/
	margin: 0 0 0 0;
}
#cnt_abc{
	float:left;
	width:874px;
	/** top right bottom left**/
	margin: 10px 10px -2px 10px;
		border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000
}

#cnt_prod{
	position:relative;
}

#cnt_aztitle {
	font-weight: bold;
;
}
#cnt_aztext {
margin-bottom:10px;
}
#popupclose{
position:absolute;
display: block;
float:left;
margin-top:5px;
margin-left:422px;
height:25px;
background-color:#66CC66;
}
#popup_img{
margin-bottom:6px;
}
#popup_cnt {
margin:8px;

}

p.txt_std_home {
	position:relative;
	width:260px;
	/** height:90px; **/
	margin-top:-3px;
	margin-bottom:6px;
}
p.txt_std_wide {
	position:relative;
	width:300px;
	/** height:90px; **/
	margin-top:-3px;
	margin-bottom:6px;
}
p.txt_std_narrow {
	position:relative;
	width:240px;
	/** height:90px; **/
	margin-top:-3px;
	margin-bottom:6px;
}
textarea.edit_txt {
	background-color:#eeeeee;
	width:500px;
	height:120px;
	border:none;
}


.linkButton {
   background-color: transparent;
   text-decoration: underline;
   border: none;
   cursor: pointer;
   cursor: hand;
  }
  
/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { 
background: transparent url(/img/demobox.png) no-repeat bottom right; 
} 
.cssbox { 
width: 264px !important; /* intended total box width - padding-right(next) */ 
width: 249px; /* IE Win = width - padding */ 
padding-right: 4px; /* the gap on the right edge of the image (not content padding) */ 
margin: 0px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.cssbox_head { 
background-position: top right; 
margin-right: -4px; /* pull the right image over on top of border */ 
padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2 {
color:#FFFFFF; 
background-position: top left; 
margin: 0; /* reset main site styles*/ 
border: 0; /* ditto */ 
padding: 0px 0 0px 4px; 
/* padding-left = image gap + interior padding ... no padding-right */ 
height: auto !important; 
height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.cssbox_body { 
background-position: bottom left; 
margin-right: 5px; /* interior-padding right */ 
padding: 1px 2px 0px 4px; /* mirror .cssbox_head right/left */ 
} 




/** form stuff **/
input.invalid {
  background-color: #FEDABF;;
}
strong.error {
  color: red;
}

/* FORM STYLES */

#myform{
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding-left: 14px;
}

form span.required {
	color: red;
	text-align: left;
}

form h2 {
	clear: left;
	text-align: left;
	margin: 14px 0 0 0;
}

form label {
	color: #333333;
	margin: 0 14px 0 0;
}

form input {
	background-color:#ffffff;
	border:1px dotted #000000;
	margin: 2px;
}

div.row{
	clear: both;
	height: 16px;
	margin: 7px 0 0 0;
} 

/* COLUMN STYLES */

/* USED FOR GENERIC COLUMNS */
.col1{float: left; width: 77px; text-align: right;} 
.col2{float: left; width: 140px; text-align: left;} 
.col3{float: left; width: 114px; text-align: right;} 
.col4{float: left; width: 140px; text-align: left;} 
.col5{float: left; width: 100px; text-align: right;} 
.col6{float: left; width: 110px; text-align: left;} 

/* USED FOR ODD SIZED COLS FOR CITY, STATE, ZIP */
.colX{float: left; width: 280px; text-align: left; padding-left:14px;}
.col2b{float: left; width: 280px; text-align: left;} 
.col3b{float: left; width: 50px; text-align: left;} 
.col4b{float: left; width: 200px; text-align: left;}