CSS как двигать элементы в дизане

Всем доброго времени суток. Такой вопрос добавил третью колонку на сайт cyberclimat.ru но вертикальные линии, отгораживающие колонки друг от друга хз как двигать css выглядит так

html,body{
 margin:0;
 padding:0;
 height:100%;
 min-width:1001px;
 font-family:Tahoma,sans-serif;
 font-size:13px;  
 background:#fff; 
}
a,img{border:0}
h1{color:#1C50A8;text-align:center;font-size:1.2em;}
a,a:visited,h2,h3,legend,strong{color:#1C50A8;}
p{margin:1.2em auto;}
li{margin-top:10px;}
fieldset{margin:20px 10px;}
legend{font-weight:bolder;}
.container {
 position:relative;
 width:1148px; /*Общая ширина (сумма всех 3-х колонок)*/
 min-height:100%; 
 left:50%;
 margin-left:-574px; /*половина общей ширины*/
 margin-bottom:-50px;  
 background:]('images/line.jpg') repeat-y;
}
.header {
 height:110px;
 background:url('images/top_bg.jpg') no-repeat;  
}
.left {
 float:left;
 width:202px;/*ширина левой колонки*/ 
 margin:15px;
 margin-right:0px; 
}
.right {
 float:left;
 width:696px;/*ширина средней колонки*/ 
 margin-left:10px;
 margin-right:0px; 
}
.right2 {
 float:left;
 width:200px;/*ширина правой колонки*/ 
 margin:15px;
 margin-right:0px; 
 padding-right: 5px;
}
.footer{
 position:relative;
 width:1148px;/*общая ширина для подвала (такая-же, как и общая ширина ввежху css)*/
 left:50%;
 margin-left:-574px;/*половина общей ширины*/
 padding-top:-5px;
 height:40px;
 background:url('images/footer.jpg') no-repeat; 
 font-weight:bolder;
 color:#fff; 
 }

.phone {
 float:right;
 margin-top:40px;
 margin-right:50px;
 text-align:right;
 font-weight:bolder;
 color:#fff;
}
.copy {
 text-align:center; 
   }

.path {
 position:relative;
 height:40px;
 margin-top:-40px;
}
.path,.path a,.path a:visited {
 color:#fff;
 font-weight:bolder;
}
.properties {
 width:60%;
 float:right;
}
.error{
 font-weight:bolder;
 color:#fff;
 background:red;
 text-align:center;
 margin:10px 0;
}
.done{
 font-weight:bolder;
 color:#fff;
 background:#1C50A8;
 text-align:center; 
 margin:10px 0;
}
a.menu {
 display:block;
 text-align:left;
 font-weight:bolder;
 margin:10px 0;
}
a.menu2 {
 display:block;
 text-align:left;
 font-weight:bolder;
 color:red;
 margin:10px 0;
 padding-left:50px;
}
a.menu:hover,a.menu2:hover{text-decoration:none;}
table.productList {
margin: 20auto;
 width:100px;
 border:0;
 background:#000;
 border-spacing:1px;
 font-size: 88%;
}
table.productList td {
 background:#fff;
 padding:5px;
}
table.productList th {
 color:#fff;
 background:#6CB5D8;
 padding:5px;
 vertical-align:top;
}

table.productList th a {
 font-size:1.2em;
 text-decoration:none; 
 color:red;
}

table.order {
 border:0;
 width:100%;
}
table.order th{
 text-align:left;
}
table.order input[type="text"],table.order textarea {
 width:90%;
}

.oldIE {

 background:#FFAA1D;
 text-align:center;
 border:1px solid #000;

}

.faq1 {
 padding-left: 10px;
 margin:12px 0;

}

.faq1 img {
 float:left;
 margin-right:5px;
}

.faq1 p {
padding-left: 4px;
 font-size:11px;
 padding-right: 7px;
 }

.faq1 h3{color:red;
padding-left: 4px;
margin-top: 10px;
}
a.bfooter{
color:#fff;
}
.podval(
color:#000;)