html {
	min-width: 958px
	}

body, div, td, th, h2, h3, h4 {
	color: #565656; 
	font-size: 12px; 
	font-family: Verdana, "trebuchet ms", Arial, Helvetica, sans-serif; 
	voice-family: inherit;
} 

.clearhack { 
	display: inline;
	} /*Clears Box Model Hack in IE5*/

body { 
	padding: 16px; 
	margin: 0;
	background: #000 url(http://www.sust-it.net/images/clouds.jpg) fixed;
	}

a { 
	text-decoration: none; 
	color: #4aa700
	}
	
a:hover { 
	text-decoration: underline; 
	color: #333; 
	background: none; 
	}
	
a.more { 
	font-size: 32px; 
	text-decoration: none; 
	color: #57b71f;
	}
	
a:active { 
	color: #000; 
	}

p { 
	margin-bottom: 1em; 
	margin-top: 1em; 
	font-size: 12px;
	line-height: 140%; 
	}

h1,h2 {
	font-family: trebuchet ms, Helvetica;
	font-weight: bold;
	color: #333;
}

h1 {
	font-size: 180%;
	margin: 0;
}

h1 a { text-decoration: none; color: #333; }
h1 a:hover { border-bottom: 1px dotted #666; color: #000; }

h2 {
	padding-bottom: 2px;
	border-bottom: 1px solid #CCC;
	margin: 0;
	}
	
.space { 
	font-size: 11px; 
	padding: 4px 6px 4px 4px;
	}
	
.space_list {
	padding-left: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
	padding-top: 4px;
	}

.uc { 
	text-transform: uppercase 
	}

.header_text  {
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	padding-top: 0px;
	width: 460px;
	font-weight: bold;
	position: relative;
	line-height: 120%;
	margin-top: -32px; 
	font-size: 123.1%;
	color: #fff;
}

.sust-it { 
	color: #57b71f; 
	font-weight: bold 
	}

a.tooltip { 
	color: #565656; 
	text-decoration:none; 
	border-bottom: 1px dotted gray;
	}
	
a.tooltip span {
	text-decoration: none; 
	color: #858585; 
	display:none; 
	padding:2px 3px; 
	margin-left:8px; 
	width:300px;
	}
	
a.tooltip:hover span {
	font-size: 10px; 
	display:inline; 
	position:absolute; 
	background:#C8F69E; 
	border:1px solid #cccccc; 
	color:#6c6c6c;
	}

.page_footer {
  height: 32px;
  padding-top: 16px;
  width: 928px;
 }   
 
.page_footer_left { 
	text-align: left; 
	float: left; 
	width: 400px; 
	position: relative; 
	top: 0px; 
	font-size: 90%;
	color: #2e4380;
	font-weight: bold;
}

.page_footer_right { 
	text-align: right; 
	width: 400px; 
	position: relative; 
	float: right; 
	top: 0px; 
	font-size: 90%;
	color: #2e4380;
	font-weight: bold;
}

li { 
	list-style-image: url("../images/bullet.gif") 
	}

.searchbox	{  
	padding: 0px;  
	margin-top: 6px;  
	border-width: 0px;  
	border-style: none;  
	width: 160px;          
	margin-bottom: 16px;
	                        
	font-size: 11px;	            
	height: auto;
	}

.searchtop  { 
	padding-bottom: 0px; 
	margin: 0px; 
	text-transform: lowercase; 
	font-size: 10px; 
	border-bottom-style: none; 
	border-width: 1px; 
	padding-right: 8px; 
	padding-left: 8px; 
	padding-top: 0px; 
	border-left-style: solid; 
	border-right-style: solid; 
	border-top-style: solid; 
	border-color: #fff; 
	border-right-color: #fff; 
	border-top-color: #fff; 
	color: white; 
	font-weight: bold; 
	background: #59c900;  }

.searchbot  { 
	text-align: center; 
	border-left-width: 1px; 
	border-bottom-width: 1px; 
	border-right-width: 1px; 
	border-top-width: 0px; 
	margin: 0px; 
	background-color: #f2f2f2; 
	border-right-color: #fff; 
	border-left-color: #fff; 
	border-bottom-color: #fff; 
	border-left-style: solid; 
	border-bottom-style: solid; 
	border-right-style: solid; 
	border-top-style: none; 
	padding-left: 8px; 
	padding-bottom: 0; 
	padding-right: 8px; 
	padding-top: 8px; 
	}

.besttop  { 
	border-bottom-color: white; 
	padding-bottom: 0px; 
	margin: 0px; 
	text-transform: lowercase; 
	font-size: 10px; 
	border-bottom-style: solid; 
	border-width: 1px; 
	padding-right: 8px; 
	padding-left: 8px; 
	padding-top: 0px; 
	border-left-style: solid; 
	border-right-style: solid; 
	border-top-style: solid; 
	border-left-color: white; 
	border-right-color: white; 
	border-top-color: white; 
	color: white; 
	font-weight: bold; 
	background: #4C9FEE;

	}

.bestbot  { 
	color: white; 
	border-width: 1px; 
	border-top-color: white; 
	text-align: center; 
	margin: 0px; 
	background-color: #4C9FEE; 
	border-right-color: white; 
	border-left-color: white; 
	border-bottom-color: white; 
	border-left-style: solid; 
	border-bottom-style: solid; 
	border-right-style: solid; 
	border-top-style: solid; 
	padding-left: 8px; 
	padding-bottom: 0; 
	padding-right: 8px; 
	padding-top: 8px; 
	}

.rankedby {
	font-family: trebuchet ms, Helvetica;
	font-weight: bold;
	color: #333;
	font-size: 130%;
}

.botlink a { 
	font-size: 11px; 
	color: #afafaf; 
	}
	
.botlink a:hover { 
	font-size: 11px; 
	color: black; }

#content_wrapper {
	padding-bottom: 16px;
	border-bottom-color: white;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-align: left;
	padding-top: 6px;
	width: 958px;
	border-right-color: white;
	border-left-color: white;
	border-right-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	min-height: 720px;
	background-position: 0 0px;
	background-repeat: repeat-x;
	background-image: url(../images/main_content_bg.gif);
	background-color: #f4f4f4;
	overflow: auto;
}
#page_body {
	margin-top: 16px;
	margin-left: 32px;
	padding-bottom: 16px;
	position: relative;
	width: 480px;
	height:auto;
	float: left;
	text-align: left;

	}
	
#page_body_nopic {
	margin-top: 16px;
	margin-left: 16px;
	padding-bottom: 16px;
	position: relative;
	width: 784px;
	height:auto;
	float: left;
	text-align: left;
	}
	
#page_body_noside {
	margin-top: 16px;
	margin-left: 16px;
	padding-bottom: 16px;
	position: relative;
	width: 624px;
	height:auto;
	float: left;
	text-align: left;

	}
	
	#page_body_full {
	margin-top: 16px;
	margin-left: 16px;
	padding-bottom: 16px;
	position: relative;
	width: 924px;
	height:auto;
	float: left;
	text-align: left;
	}
	
#page_side {
	position: relative;
	margin-top: 16px;
	margin-left: 24px;
	float: left;
	border-color: #c2c2c2;
	border-width: 1px;
	border-style: solid;
	background-color: white;
	top: 0px;
	right:0px;
	width: 118px;
	height:auto;
	}
	
.main_layout {
	width: 960px;
}

.tr_header {
	height: 96px;
	}
	
.td_header {
	width: 960px;
	vertical-align: top;
}

.td_gap {
	/* background-color: #86c57c; */
	width: 16px;
	min-width: 16px;
	vertical-align: top;
	}

.td_side {
	/* background-color: #e5fea4; */
	width: 120px;
	vertical-align: top;
}

.td_ads {
	min-width: 120px;                          
	width: 120px;
	vertical-align: top;
}

.td_body {
	width: 958px;
	min-width: 958px;
	vertical-align: top;
}

.main_content_div {
	margin-left: 32px;
	position: relative;
	width: 480px;
	height:auto;
	float: left;
	text-align: left;
}

.side_panel_div {
	margin-right: 4px;
	position: relative;
	width: 120px;
	height:auto;
	float: right;
}

.footer_div {
	padding-right: 16px;
	padding-left: 16px;
	text-align: center;
	padding-top: 16px;
	bottom: 0px;
	position: relative;
	width: 924px;
	clear: both;
}

.your_tariff {
	background-color: #959595;
	color: white;
	height: 28px; 
	}
	
.prod_type {
	background-color: #4C9FEE;
	color: white;
	height: 28px; 
	}

a.info_btn { 
	padding-bottom: 8px; 
	padding-top: 8px; 
	font-size: 11px; 
	text-decoration: none; 
	color: #58c700; 
	}
a.info_btn:hover { 
	font-size: 11px; 
	font-weight: bold; 
	text-decoration: none; 
	color: #000000; 
	}
td.info_btn { 
	font-size: 11px; 
	font-weight: bold; 
	height: 28px; 
	text-align: center; 
	border-color: white; 
	border-width: 1px; 
	border-style: solid; 
	background-color: #c8f69e; 
	}
	
.bbdr { 
	border-right-width: 0px; 
	border-left-width: 0px; 
	border-top-width: 0px; 
	border-bottom-width: 1px; 
	border-color: #a5a5a5; 
	border-style: solid; 
	}           	                                          
.tbdr { 
	border-top-color: #a5a5a5; 
	border-top-style: solid; 
	border-right-width: 0px; 
	border-left-width: 0px; 
	border-bottom-width: 0px; 
	border-top-width: 1px; 
	}
.rbdr {
	border-right-color: #d9d9d9;
	border-right-style: solid;
	border-right-width: 1px;
	}
	
.find_product {
	
	top: 0px;
	
}	
.find_box {
	border-color: #2490ff;
	border-style: solid;
	border-width: 1px;
	width: 140px; 
	height: 20px; 
	font-size: 12px;
	}

.head  {
	width: 960px;
	position: relative;
}


.head_logo {
	text-align: left;
	left: 0px;
	position: absolute;
	top: 10px;
	float: left;
	border-style: none;
	height: 75px;
	width: 268px;
	cursor: pointer;
	}

.head_text {
	text-align: left;
	left: 284px;
	top: 37px;
	z-index: 0;
	border-style: none;
	padding-top: 0px;
	width: 600px;
	position: absolute;
	color: white;
	font: bold 146.5%/120% "Trebuchet MS", "Lucida Grande", Verdana, Arial, sans-serif;
}

.head_find  {
	right: 0px;
	float: right;
	position: absolute;
	top: 0px;
}

.head_iphone  {
	left: 320px;
	float: left;
	position: absolute;
	top: 6px;
}

.new  {
	top: -3px;
	left: -16px;
	position: relative;
}

.sub {
	font-size:80%;
	position:relative;
	bottom: -0.5em;
}   

.f_savings {
	font-size: 13px;
	color: #de2516;
}

.f_savings:hover {
	color: black;
}
 
.ad_title {
	margin-bottom: 2px;
	text-align: center;
	color: #c2c2c2;
	width: 120px;
	font-size: 10px;
}
.small {
	font-size: 85%;
}
.more_cell {
	position: relative;
}

.more_arrow {
	text-align: center;
	cursor: pointer;
	position: relative;
	top: 0;
}

.green_plug {
	left: -16px;
	position: absolute;
	top: -36px;
	z-index: 10;
	cursor: pointer;
}

a.list {
	color: black;
	}

a.list:hover {
	color: #57b71f;
	}

.list_hd {
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: white;
	}

.list_hd:hover {
	color: black;
	text-decoration: none;
	}
	
/* side buttons */

a.sidebtn {
    text-align: center;
    background: transparent no-repeat scroll top;
    color: #fff;
    display: block;
    float: left;
    font: bold 12px verdana, sans-serif;
    height: 32px;
    margin-right: 0px; /* sliding doors padding */
    text-decoration: none;
    width: 110px;
}

a.btn_red {
	background: url('../images/btn_red.gif'); ;
}

a.btn_dkblue {
	background:  url('../images/btn_dkblue.gif');
}

a.btn_ltblue {
	background:  url('../images/btn_ltblue.gif');
}

a.btn_grey {
	background:  url('../images/btn_grey.gif');
}

a.btn_green {
	background:  url('../images/btn_green.gif');
}

a.sidebtn span {
    padding-left: 0px;
    padding-bottom: 5px;
    padding-right: 0;
    padding-top: 5px;
    display: block;
    line-height: 18px;
}

a.sidebtn:hover {
    height: 32px;
    background-position: bottom ;
    outline: none; /* hide dotted outline in Firefox */
}

a.sidebtn:hover span {
    padding-left: 0px;
    padding-bottom: 4px;
    padding-right: 0;
    padding-top: 6px;
    background-position: bottom left; /* push text down 1px */
}
a.rica {
	
	font-weight: bold;
	
}
a.rica:hover {
	text-decoration: none;
	color: black;
}

#page_nav {
	padding-top: 10px;
}

.page_nav_prev {
	float: left;
	width: 240px;
}

.page_nav_next {
	float: right;
	width: 240px;
	text-align: right;

}