// JavaScript Document
/********************************
Fix browser css isues using javascript and jQuery

@version 1.0
@since 	 1.0

~ Because some browsers just don't get it! ~
*********************************/

$(document).ready(function (){
	
	var u_window_width = parseInt($(window).width());
	
	if($.browser.msie){
		//here is one
		$('div.pdbox_main').css('width', '770px');
		$('div#text_deswrapper').css('line-height', 'normal');
		$('div#text_deswrapper table > td:first').css('padding-top', '0px');
		
		$('div.main').css('margin-top', 'inherit');
		$('div#Sidebar').css('margin-left', '22px');
		$('div#Menu').css('width', '99.9%');
	}
	
	if($.browser.mozilla){
		$('div#Sidebar').css('margin-left', '22px');
		$('div#Menu').css('width', '99.9%');
	}
	
	if($.browser.opera){
		//here is another one
		$('div.sbd_links_top').css('background-position', 'center top');
		$('div.sbd_links_top').css('width', '86%');
		
		$('div#how-it-works_div').css('width', '100%');
		$('div#how-it-works_div ul').css('padding-left', '21px');
		
		$('div#visits_div ul').css('line-height', '16px');
		
		if(u_window_width < 1200){
			$('div#ColorGuide').css('width', '309px');
			$('div#ColorGuide').css('left', '560px');
		}
	}
});