/* Reset Style.
* @author Eric Meyer
* @author Russ Tennant (russ@i2rd.com)
* @author Ben Barber (bbarber@i2rd.com)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
body{line-height: 1;color: #000;background: #FFF;}
ol, ul{list-style: none;list-style-position: inside;}
table{border-collapse: separate; border-spacing: 0;}
caption, th, td{text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after{content: "";}
blockquote, q{quotes: "" "";}

td{vertical-align: middle;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}
b, strong{font-weight: bold;}
li {
  list-style-position: outside;
}
#e_content {
	width: 900.0px;
}

#footer {
	width: 900.0px;
}

#header {
	width: 900.0px;
	height: 98.0px;
}

#main_navigation {
	clear: both;
	width: 900.0px;
	height: 38.0px;
}

#e_column_0 {
	clear: both;
	width: 900.0px;
}

#footer_navigation {
	width: 900.0px;
	height: 24.0px;
}

#column1 {
	float: left;
	padding-top: 5.0px;
	width: 122.0px;
}

#e_column_content {
	float: right;
	width: 778.0px;
	min-height: 530.0px;
}
* html #e_column_content {
	height: 100%;
}

#column2 {
	float: left;
	padding: 10.0px 28.0px 10.0px 12.0px;
	width: 560.0px;
}

#column3 {
	float: left;
	padding: 10.0px 0.0px 10.0px 0.0px;
	width: 160.0px;
}
.articlecontainer .ac_heading {
  font-size:1.3em;
  padding-bottom:10px;
  text-transform:uppercase;
  font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
  font-weight:bold;
}
ol.ac_style_list .article_heading {
  font-weight: bold;
  padding-bottom: 5px;
}

/*faq page --------*/
.collapsible-control .article_heading {
  font-weight: bold;
  padding: 10px 15px;
  cursor: pointer;
  cursor: hand;
}
.collapsible .shown .article_heading {
  text-transform: uppercase;
  padding-top: 23px;
  background: url(/resources/all/files/1717/_fn/collapsible_top.png) no-repeat top left;
}

.collapsible-shown,
.shown .collapsible-control {
  color: black;
  background: url(/resources/all/files/3820/_fn/affiliate_middle_06.png) repeat-y top left;
}
.collapsible .hidden .article_heading {
  background: url(/resources/all/files/999/_fn/arrow_article_hidden.gif) no-repeat left center;
}
.collapsible .collapsible-shown div.article_content {
  background: url(/resources/all/files/1006/_fn/affiliates_bottom_08.png) no-repeat bottom left;
  padding: 0 30px 15px 20px;
  overflow: hidden;
 
}
.collapsible-shown a {
  color: black;
  font-weight: bold;
}


/* 
Basic Styles
File: styles.css
Author: Vivian Clark (vclark@i2rd.com)
Client: Wallbangers
*/

body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 11px;
  color: white;
  background: url(/resources/all/files/559/_fn/body_bg.gif) repeat top left;
}
.page {
  width: 900px;
  margin: 0 auto;
}
#e_content {
  border-left: 3px solid white;
  border-right: 3px solid white;
  border-bottom: 3px solid white;
}
/* header ----------------*/
#header {
  position: relative;
  background: url(/resources/all/files/766/_fn/header_bg.gif) repeat-x top left;
}
#logo {
  background: url(/resources/all/files/8786/_fn/logo_red.gif) no-repeat;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 10px;
}
#logo,
#logo h1,
#logo a {
  width: 233px;
  height: 89px;
}
#logo h1 a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  text-indent: -4000em;
}
/* top navigation ----------------------*/
#topmenu {
  position: absolute;
  right: 10px;
  bottom: 16px;
}
#topmenu li {
  float: left;
  text-transform: uppercase;
  padding: 0 10px;
  border-right: 1px solid black;
}
#topmenu li a {
  color: black;
}
#topmenu li.last {
  border: none;
}
/*logout component ------------------------*/
.logoutbean {
  position: absolute;
  top: 52px;
  right: 10px;
  text-transform: uppercase;
}
.logoutbean span.logout_url a,
.logoutbean span.username {
  color: black;
}
.logoutbean span.logout_url a {
  padding-left: 5px;
  margin-left: 5px;
  border-left: 1px solid black;
}
/*search component -----------------------*/
#header div.sitesearch {
  margin: 0;
  position: absolute;
  bottom: 16px;
  left: 10px;
}
.sitesearch input.site_search_query,
.sitesearch input.site_search_button {
  font-size: 10px;
  border: 1px solid #aaa;
  font-family: verdana, sans-serif;
}
.sitesearch input.site_search_query {
  height: 11px;
  background: white;
  line-height: 1;
  margin-right: 3px;
}
.sitesearch input.site_search_button {
  background: url(/resources/all/files/591/_fn/search_bg.gif) repeat-x top left;
  height: 15px;
  color: white;
  text-transform: uppercase;
}
/* main navigation ----------------------*/
#main_navigation {
  background: url(/resources/all/files/583/_fn/main_menu_bottom.gif) repeat-x bottom left;
}
#main_menu {
  background: url(/resources/all/files/581/_fn/main_menu_bg.gif) repeat-x top left;
  width: 900px;
  height: 30px;
}
#main_menu ul {
  position: relative;
  z-index: 1;
}
#main_menu ul ul {
  width: auto;
}
#main_menu li {
  text-transform: uppercase;
  height: 28px;
  margin: 3px 10px 0;
  padding:  0 0 0 5px;
  font-size: 12px;
}
#main_menu li a {
  display: block;
  float: left;
  height: 15px;
  color: white;
  padding: 6px 15px 6px 10px;
}
#main_menu li.over a,
#main_menu li a:hover,
#main_menu li.mi_active a {
  color: black;
  text-decoration: none;
  background: url(/resources/all/files/8798/_fn/nav_right.gif) no-repeat top right;
}
#main_menu li.over,
#main_menu li.mi_active {
  background: url(/resources/all/files/8796/_fn/nav_left.gif) no-repeat top left;
}
#main_menu li ul {
  z-index: 100;
  position: absolute;
  top: 38px;
  left: 8px;
  padding: 0;
  background: #EBF7F9 url(/resources/all/files/766/_fn/header_bg.gif) repeat-x bottom left;
}
#main_menu li ul li {
  z-index: 1000;
  float: none;
  height: 12px;
  padding: 5px 10px;
  left: 0;
  background: transparent;
  width: 155px;
  list-style-position: outside; /* fix position on IE*/
}
#main_menu li ul li a,
#ie6only #main_menu li.over ul li a {
  color: black;
  background-image: none;
  float: none;
  padding: 0;
}
#main_menu li.over ul li a:hover,
#main_menu li.over ul li.over a,
#ie6only #main_menu li.over ul li a:hover,
#ie6only #main_menu li.over ul li.over a {
  text-decoration: none;
  color: white;
  background-image: none;
}
#main_menu li ul li.over {
  color: white;
  background: url(/resources/all/files/575/_fn/footer_bg.gif) repeat-x top left;
}

/* columns ------------------------------*/

#e_column_0_wc_0,
#e_column_0_wc_1 {
  overflow: hidden;
  width: 900px;
}
#e_column_0_wc_0 {
  background: url(/resources/all/files/569/_fn/column1_bg.gif) repeat-y top left;
}
#e_column_0 {
  background: #738491 url(/resources/all/files/571/_fn/columns_bg.gif) repeat-x bottom left;
}
#e_column_0_wc_1 {
  background: url(/resources/all/files/802/_fn/column2_bg.png) repeat-y 706px top;
}
#home_template #e_column_0_wc_1 {
  background-position: 612px top;
}
#home_template #ie6only #e_column_0_wc_1 {
  background: url(/resources/all/files/800/_fn/column2_bg.gif) repeat-y 612px top;
}

#ie6only #column2 {
  padding-right: 20px;
}
#ie6only #e_column_0_wc_1 {
  background: url(/resources/all/files/800/_fn/column2_bg.gif) repeat-y 700px top;
}

/* column1 buttons ---------------------*/
.column1_button h3 a {
  background-image: url(/resources/all/files/565/_fn/buttons_column1.gif);
  background-repeat: no-repeat;
  display: block;
  text-indent: -4000em;
  width: 121px;
}
#newsletter.column1_button h3 a {
  background-image: url(/resources/all/files/8920/_fn/newsletter_button.gif);
}
.column1_button h3 {
  padding: 0;
}
.column1_button img {
  display: block;
  margin: 0 auto;
  padding-left: 2px;
}
.column1_button p {
  margin: 0;
}
#installation_tips h3 a {
  background-position: left -45px;
  height: 36px;
  margin-top: 5px;
}
#installation_tips h3 a:hover {
  background-position: left -11px;
}
#photo_tips h3 a {
  background-position: left -181px;
  height: 96px;
}
#photo_tips h3 a:hover {
  background-position: left -83px;
}
#newsletter h3 a {
  background-position: 7px -30px;
  height: 31px;
}
#newsletter h3 a:hover {
  background-position: 7px 0px;
}

/*
#famous h3 a {
  background-position: left -377px;
  height: 97px;
}
#famous h3 a:hover {
  background-position: left -278px;
}
#join_team h3 a {
  background-position: left -577px;
  height: 97px;
}
#join_team h3 a:hover {
  background-position: left -477px;
}
*/

/* column1 Team Navigation ------------*/
#find_team_menu button {
  display: none;
}
#find_team_menu {
  margin-bottom: 10px;
}
#find_team_menu select,
#find_team_menu option {
  background: #EBF7F9;
  font-size: 10px;
}
#find_team_menu select {
  width: 104px;
}
#ie7andup #find_team_menu select.iefocus {
  width: auto;
}
#ie6only #find_team_menu select.iefocus {
  width: 104px; /* width: auto won't work for ie6 */
}
.find_team_title p {
  margin: 10px 0 0;
}
div.find_team_title,
#find_team_menu {
  padding: 0 0 0 12px;
}

/* footer --------------------------------*/
#footer_navigation {
  background: url(/resources/all/files/575/_fn/footer_bg.gif) repeat-x top left;
}
#footer_menu {
  margin: 0 auto;
  width: 600px;
}
#footer_menu li {
  padding: 5px 0;
}
#footer_menu li a {
  color: #DCF1F7;
  padding: 0 15px;
  border-right: 1px solid #DCF1F7;
}
#footer_menu li.last a {
  border-right: none;
}

#footer_copyright p,
#footer_copyright a {
  color: #162934;
}
#footer_copyright {
  padding: 15px 0 0;
}
#footer_copyright p {
  margin: 0 0 8px;
  text-align: center;
}
/* general styles -----------------------*/
a {
  color: #DCF1F7;  
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
img {
  border: none;
}
img.left {
  float: left;
  margin-right: 10px;
}
p {
  margin-bottom: 12px;
  line-height: 14px;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
h1, h2, h3, h4, h5 {
  font-weight: bold;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h2 {
  font-size: 1.3em;
  text-transform: uppercase;
  padding-bottom: 10px;
}
h3 {
  font-size: 1.2em;
  padding-bottom: 5px;
}
h4 {
  font-size: 1.1em;
  padding-bottom: 8px;
}
h5 {
  font-size: 1em;
  padding-bottom: 5px;
}
.textbean ul li,
.article_content ul li,
.textbean ol li,
.article_content ol li {
  line-height: 14px;
  margin-left: 15px;
}
.textbean ul li,
.article_content ul li {
  list-style-type: disc;
}

.textbean ol li,
.article_content ol li {
  list-style-type: decimal; 
}
.textbean ul,
.article_content ul,
.textbean ol,
.article_content ol {
  margin-bottom: 12px;
}
/* table styles */
.textbean table {
  color: black;
  width: 541px;  
  background: url(/resources/all/files/1006/_fn/affiliates_bottom_08.png) no-repeat bottom left;
}
.textbean td {
  padding: 3px 12px;
  border-right: 1px solid black;
  background-image: none;
}
.textbean tr.last td {
  padding: 10px 12px 20px;
  border-top: 1px solid black;
}
.textbean th {
  background-image: none;
  padding: 20px 12px 9px;
  border-bottom: 1px solid black;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
.textbean .table_top {
  background: url(/resources/all/files/3820/_fn/affiliate_middle_06.png) repeat-y top left;
}
.textbean .table_bottom {
  background: url(/resources/all/files/6009/_fn/table_top.png) no-repeat top left;
}
.textbean tfoot th {
  display: none;
}

/* flash - what is wallbanger page */
#flash_image {
  margin-bottom: 20px;
}
/* HORIZONTAL / HORIZ. PERSISTENT CSS --------------- */
ul.menubeanh,
ul.menubeanh_persistent {
  list-style: none;
  position: relative;
  overflow: visible;
}
ul.menubeanh,
ul.menubeanh ul,
ul.menubeanh_persistent,
ul.menubeanh_persistent ul {
  padding: 0;
  margin: 0;
  list-style: none;
  /* background-color: #fff;  IE Requires a background color. */
}
ul.menubeanh li,
ul.menubeanh_persistent li {
  float: left;
  position: relative;
  list-style: none;
  /*
  	width: 8em;
	overflow: visible;
	*/
}
ul.menubeanh li ul,
ul.menubeanh_persistent li ul {
  display: none;
  position: absolute;
  top: 1.2em; /* IE */
  left: 0; /* IE */ /* background-color: #fff;  IE Requires a background color. */
}
ul.menubeanh > li > ul,
ul.menubeanh_persistent > li > ul {
  top: auto; /* Non-IE */
  left: auto; /* Non-IE */
}
/* (sub-)submenus */
ul.menubeanh ul,
ul.menubeanh ul ul,
ul.menubeanh ul ul ul,
ul.menubeanh_persistent ul,
ul.menubeanh_persistent ul ul,
ul.menubeanh_persistent ul ul ul {
  position: absolute;
  top: 0;
  left: 95%;
}
/* Interactive lines: show/hide menus */
ul.menubeanh li.over ul ul,
ul.menubeanh li.over ul ul ul,
ul.menubeanh_persistent li.over ul ul,
ul.menubeanh_persistent li.over ul ul ul {
  display: none;
}
ul.menubeanh li.over ul,
ul.menubeanh ul li.over ul,
ul.menubeanh ul ul li.over ul,
ul.menubeanh_persistent li.over ul,
ul.menubeanh_persistent ul li.over ul,
ul.menubeanh_persistent ul ul li.over ul {
  display: block;
}

/* VERTICAL CSS --------------- */
ul.menubeanv,
ul.menubeanv_persistent,
ul.menubeanv ul,
ul.menubeanv_persistent, ul { 
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li,
ul.menubeanv_persistent li {
  position: relative;
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li ul {
  display: none;
  position: absolute;
  top: 2px; /* IE */
  left: 6em; /* IE */ 
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li:hover ul,
ul.menubeanv li.over ul {
  display: block;
}

ul.menubeanv_persistent li.mi_parent {
  cursor: pointer;
}
ul.menubeanv_persistent li ul {
  display: none;
}
ul.menubeanv_persistent li.over ul {
  display: block;
}
/** CMS Tree CSS - tree.js. */
ul.cmstree li.nodeopen ul {
	display: block;
}
ul.cmstree li.nodeclosed ul {
	display: none;
}
ul.cmstree .treenode {
  cursor: pointer;
}
ul.cmstree .leafnode,
ul.cmstree .leafnode *,
ul.cmstree .leafnode ul,
ul.cmstree .leafnode li {
	cursor: default;
}
ul.cmstree .leafnode a {
    cursor: pointer;
}

/* Select options with images. */
option.image_option {
  padding: 0 0 0 20px;
  background-repeat: no-repeat;
  background-position: 1px 2px;
  vertical-align: middle;
}