how do I remove padding in this div tag? I dont see it enabled anywhere

Hi I have a webpage www.cellprophones.com and I just edited the template- I created a column by adding a div tag. I had 1 div with a large content area, (736 pixels wide) and I cut it down to like 368 pixels wide and created a second, also 368 pixels wide. The second one is fine, however my original one has padding enabled on both the right and left sides. I checked the tags in the html, and also in the css, I dont see anything with padding enabled for that div tag (the original). I was wondering how to remove the padding? PS- also there is a difference in the line spacing  note the original div and the 2nd div have different spacings.  

Does anyone have any ideas how to fix?

Html location: www.cellprophones.com/index.html
Css location: www.cellprophones.com/style2.css,
(ps- css is also attached below)



body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #28373c;
	background:#FFFFFF url(images/bg.jpg) top left repeat-x;
	margin:0px;
	margin-top:16px;
	margin-bottom:16px;
}
h1 {
	font-family:Helvetica, sans-serif;
	color:#0059ab;
	font-size:32px;
	font-weight:normal;
	padding-top:25px;
	margin-top:0px;
	padding-bottom:5px;
	margin-bottom:0px;
}
h2 {
	font-family:Arial,Helvetica, sans-serif;
	color:#28373c;
	font-size:12px;
	font-weight:normal;
	padding-top:5px;
	margin-top:0px;
}
 
p {
	padding-top:5px;
	padding-bottom:5px;
	margin-top:0px;
	margin-bottom:0px;
}
.hr {
	width: 100%; 
	text-align:center; 
	height:24px; 
	background:url(images/bg_hr.gif) left top repeat-x; 
	border:0px none;
}
.clear {clear:both}
 
/* Wrap */
#wrap {margin:0px auto; width: 736px; padding:12px; padding-bottom:0px; background:#FFFFFF; border:1px solid #666666}
 
/* Header */
#header {width:736px; margin:0px auto}
 
 
/* Navbar */
#navbar {
	background: #0070A0 url(images/navbar.gif);
	width: 736px;
	height: 31px;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #1F8CC4;
	border-bottom: 1px solid #00557C;
	margin-top:6px;
	}
	
#navbar a, #navbar a:visited {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 0px 0px 3px;
	background:url(images/nav_separator.gif) right no-repeat;
	}
	
#navbar a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background:url(images/nav_separator.gif) right no-repeat;
	}
	
#navbar p {
	color: #FFFFFF;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 10px;
	font-weight: bold;
	}
	
#navbarright a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}
	
#navbarleft {
	width: 736px;
	float: left;
	margin: 0px;
	padding: 8px 0px 8px 0px;
	}
	
#navbarright {
	width: 194px;
	font-size: 11px;
	float: right;
	margin: 0px;
	padding: 0px;
	}
	
#navbar ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
	
#navbar li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#navbar ul li a, #navbar ul li a:visited {
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	color: #FFFFFF;
	margin: 0px -3px 0px 0px;
	padding: 8px 36px 9px 34px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	}
 
#navbar ul li a:hover {
	color: #FFFFFF;
	margin: 0px -3px 0px 0px;
	padding: 8px 36px 9px 34px;
	text-decoration: none;
	background:#004883 url(images/navbar_hover.gif) left repeat-x;
	}
	
.current_page_item a, .current_page_item a:hover {
    background: #004883 !important;
    color: #FFFFFF !important;
    }
 
/* Search */
.search_pos {float:left; width:134px; padding-left:20px;}
.search_input {
	background:url(images/bg_search.gif) repeat-x 0px 0px; 
	width:132px; height:18px; 
	padding-left:2px; 
	border:0px none; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#787772; 
	font-size:11px; 
	font-weight:bold; 
	padding-top:8px;
}
.button_pos {padding-top:6px; float:left}
.lajsna {
	width:736px; 
	height:9px;
	line-height:9px; 
	background:url(images/bg_nav_bottom.gif) left top repeat-x; 
	display:block; 
	padding-bottom:0px; 
	margin-bottom:0px;
	padding-top:0px;
}
 
/* Body of Page */
#left {
	float:left; 
	width:199px; 
	border-top:1px solid #FFFFFF; 
	border-left:0px none; 
	border-bottom:1px solid #FFFFFF; 
	border-right:1px solid #FFFFFF; 
	background:#FFFFFF url(images/bg_left.gif) top left repeat-x;
}
 
#left .body {
	padding:10px;
}
 
#right {
	float:left; 
	width:198px; 
	border-top:1px solid #FFFFFF; 
	border-left:1px solid #FFFFFF; 
	border-bottom:1px solid #FFFFFF; 
	border-right:1px solid #D1CFD0; 
	background:#D4D4D4 url(images/bg_left.gif) top left repeat-x;
}
#right .body {
	padding:10px;
}
#content {
	float:left; 
	width:537px; 
	background:url(images/bg_body.gif) left top repeat-y; 
	border:0px none;
}
#content .body {
	padding-left:36px;
	padding-right:36px;
} 
 
#full_content {
	width: 368px;
	background-color:#ffffff;
	float: left;
 
}
#full_content2 {
	width: 368px;
	background-color:#ffffff;
	float: right;
 
}
 
#full_content .body {
	padding-left:36px;
	padding-right:36px;
} 
#full_content .body img {
	float:left;
	margin-right:10px;
	border:1px solid #D1CFD0;
} 
 
/* Bottom menu */
#bottom_menu {
	padding-top:20px; text-align:center;
	}
#bottom_menu ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
	
#bottom_menu li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#bottom_menu ul li a, #bottom_menu ul li a:visited {
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	color: #000000;
	margin: 0px -3px 0px 0px;
	padding: 8px 16px 9px 14px;
	font-weight: bold;
	text-decoration: none;
	text-transform: capitalize;
	}
 
#bottom_menu ul li a:hover {
	color: #0076b7;
	margin: 0px -3px 0px 0px;
	padding: 8px 16px 9px 14px;
	text-decoration: none;
	}
 
/* Footer */
 
#footer {
 	margin:0px auto; 
	width: 736px; 
}
 
#footer .body {
	padding-top:10px; 
	text-align:center; 
	padding-bottom:10px; 
	font-size:10px; 
	color:#0076b7;
}
 
#footer .body a {
	font-size:11px; 
	color:#000000;
	font-weight:bold; 
	text-decoration:underline;
}
#footer .body a:hover {
	font-size:11px; 
	color:#0076b7;
	font-weight:bold; 
	text-decoration: none;
}
 
/* rollover buttons */
.rollover {
	width:145px;
	float:right;
}
.rollover a {
	display:block;
	width: 145px;
	padding-left:10px;
	padding-top:6px;
	padding-bottom:7px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#595959;
	background: url(images/rollover-image.gif) 0 0 no-repeat;
	text-decoration: none;
}
.rollover a:hover { 
	background-position: 0 -28px;
	color: #FFFFFF;
}
.rollover a:active {
	background-position: 0 -28px;
	color:#fff;
}
 
.contact_us {
	width:175px; 
}
.contact_us a {
	width:165px; 
	display:block;
	padding-left:10px;
	padding-top:44px;
	padding-bottom:7px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#0059AC;
	background: url(images/contact_us.gif) 0 0 no-repeat;
	text-decoration: none;
}
.contact_us a:hover {
	background-position: 0 -66px;
	color:#fff;
}
.contact_us a:active {
	background-position: 0 -66px;
	color:#fff;
}
 
.submit_request {
	width:175px; 
}
.submit_request a {
	width:165px; 
	display:block;
	padding-left:10px;
	padding-top:44px;
	padding-bottom:7px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#0059AC;
	background: url(images/submit_request.gif) 0 0 no-repeat;
	text-decoration: none;
}
.submit_request a:hover {
	background-position: 0 -66px;
	color:#fff;
}
.submit_request a:active {
	background-position: 0 -66px;
	color:#fff;
}
.receive {
	width:175px; 
}
.receive a {
	width:165px; 
	display:block;
	padding-left:10px;
	padding-top:44px;
	padding-bottom:7px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#0059AC;
	background: url(images/receive.gif) 0 0 no-repeat;
	text-decoration: none;
}
.receive a:hover {
	background-position: 0 -66px;
	color:#fff;
}
.receive a:active {
	background-position: 0 -66px;
	color:#fff;
}
.pauza {clear:both; padding-bottom:8px;}
 
.buttons {
	width:175px; 
}
.buttons a {
	width:163px; 
	display:block;
	padding-left:12px;
	padding-top:11px;
	padding-bottom:11px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#595959;
	background: url(images/buttons.gif) 0 0 no-repeat;
	text-decoration: none;
}
.buttons a:hover {
	background-position: 0 -36px;
	color:#fff;
}
.buttons a:active {
	background-position: 0 -36px;
	color:#fff;
}
 
.selected_top {
	width:163px; 
	display:block;
	padding-left:12px;
	padding-top:11px;
	height:25px;
	font: bold 11px Arial, Helvetica, sans-serif;	
	color:#595959; 
	background:url(images/selected_top.gif) 0 0 no-repeat; 
	text-decoration: none;
}
 
.selected_body {
	width:175px; 
	background:url(images/bg_selected.gif) bottom left no-repeat; 
	color:#FFFFFF;
	font-size:11px;
}
.selected_body ul {
	padding-left:0px;
	margin-left:0px;
	padding-top:0px;
	margin-top:0px;
	line-height:18px;
	padding-bottom:0px;
	margin-bottom:0px;
}
.selected_body ul li {
	font-weight:normal;
	text-decoration:none;
	color:#FFFFFF;
	list-style-type:none;
 
}
.selected_body a {
	font-weight:normal;
	text-decoration:none;
	color:#FFFFFF;
	padding-left:16px;
}
.selected_body a:hover {
	font-weight: normal;
	text-decoration:none;
	color:#FFFFFF;
	background:url(images/plot.gif) no-repeat 2px 0px;
}
 
.selected_bottom {
	width:175px; 
	display:block;
	height:14px; 
	background:url(images/selected_bottom.gif) 0 0 no-repeat; 
}
 
.field1 {float:left; width:160px;}
.field2 {width:208px; border:1px solid #848484; font-family:Arial, Helvetica, sans-serif; font-size:11px; background-color:#FDFDF5;}
.field2-pos {float:left; width:210px;}
.field-sex {float:left; width:80px; margin-right:5px;}
 
.field3 {width:292px; border:1px solid #848484; font-family:Arial, Helvetica, sans-serif; font-size:11px; background-color:#FDFDF5;}
.field4-pos {float:left; width:294px;}
select  {border:1px solid #848484; font-family:Arial, Helvetica, sans-serif; font-size:11px; background-color:#FDFDF5; padding:0px; margin:0px;}
 
.red {
	color: #FF0000;
	font-weight: bold;
}
 
.link_border {border-bottom:1px solid #CCCCCC; height:25px;}
.link_txt {float:left; width:500px; padding-top:4px;}
.link_link {float:left; text-align:right; padding-top:4px; width:162px; color:#005cad;}
.link_link a {color:#005cad; text-decoration:underline;}
.link_link a:hover {color:#005cad; text-decoration:none;}
 
 
/* ACCORDION MENU */
/* sidebar menu */
.arrowlistmenu {padding:0px; margin:0px; width:175px;}
.arrowlistmenu .menuheader{ 
	display:block;
	padding-left:12px;
	padding-top:11px;
	padding-bottom:11px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#595959;
	background: url(images/buttons.gif) 0 0 no-repeat;
	text-decoration: none;
	cursor: hand;
	cursor: pointer;
}
 
 
.arrowlistmenu .openheader{ 
	display:block;
	padding-left:12px;
	padding-top:11px;
	padding-bottom:11px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#fff;
	background: url(images/buttons.gif) 0 -36px no-repeat;
	text-decoration: none;
}
 
.arrowlistmenu ul{ 
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; 
}
 
.arrowlistmenu ul li{
padding-bottom: 0px;
 
}

Open in new window

Image3.jpg
kate_nelson2001Asked:
Who is Participating?
 
shurdsfieldConnect With a Mentor Commented:
its the

#full_content .body (line 222)
{
padding-left: 36px;
padding-right: 36px;
}

that is causing this. The left column is inside this div.  Have a look and see if thats what you meant.
0
 
kate_nelson2001Author Commented:
thanks!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.