Hey guys,

I've just purchased a template and I need to add a border to the styles.css, im not familiar with it, can someone help? I've attached the actull contects of style.css. I want the border to be in red and have rounded edges, I want the border to be the out side of the site.

Can any one help?

here is the code

//////////////////////////////////////////////


td, table{
font-family:verdana;
font-size:9px;
vertical-align:top;
line-height:12px;
color:#7F7F7F;

}


form { margin:0px; padding:0px}
body { margin:0px; padding:0px; background-color: #FFFFFF}

a { color:#E93400; text-decoration:none}
a:hover{ text-decoration:underline}

span a { color:#E93400; text-decoration:underline}
span a:hover{ text-decoration:none}

.list ul{margin:0px; padding:0px; list-style:none; line-height:19px;}
.list ul li{ background:url(images/list_marker.gif) no-repeat left top; padding:0 0 0 10px}
.list ul li a{ color:#E93400; text-decoration:underline}
.list ul li a:hover{text-decoration:none}

.policy{ color:#7F7F7F}
.policy a{ color:#000000; text-decoration:none}
.policy a:hover{ text-decoration:underline}

span{ color:#000000}

strong a{ font-size:10px}

strong{ font-size:10px}
b{ color:#E93400}

.form input {
width:191px;
height:21px;
font-family:verdana;
font-size:9px;
color: #7F7F7F;
padding:2 0 0 6px;
border-color:#D5D5D5;
border-style:solid;
border-width:1px;
background-color:#F8F8F8
}

.form textarea {
width:191px;
height:102px;
font-family:verdana;
font-size:9px;
color:#7F7F7F;
overflow:hidden;
padding:2 0 0 6px;
border-color:#D5D5D5;
border-style:solid;
border-width:1px;
background-color:#F8F8F8
}

////////////////////////////

thanks heaps

I want the border to be in red and have rounded edges

You can't do that by simply adding border rules.

You might find one of these methods helpful:
http://www.smileycat.com/miaow/archives/000044.php

Until CSS 3 becomes official, there is no easy way to add rounded corners without adding extra markup.

This is a difficult solution and I do not recommend attempting it without a solid grasp of what CSS does and how it does it. You will need either 4 extra <div>'s or else a javascript that adds them for you. Rounded corners is accomplished with background images used as borders.

The extra markup assumes that you need a flexible box (one that expands with content). If all you need is a fixed-width window the solution is much easier. If this is the case, let me know and I'll help you.