* {
margin:0px;
padding:0px;
}

body {
font-size:62.5%;
font-family:Arial, Verdana;
background-color: #50cbc0;
}

.clear {clear:both;}
.clearfielset {clear:both;height:10px;}

#sand_container {
width: 887px;
min-height:600px;
background: url(../images/ss_order_bkgnd.gif) no-repeat top;
}
* html  #sand_container {height:600px;}

#text {
width:816px;
position:absolute; 
left:41px; 
top:149px;
padding-bottom:15px;
}

#text h1 {
width:171px;
height:28px;
background: url(../images/place_order.gif) no-repeat;
text-indent:-111000px;
margin: 0px 0px 0px 16px;
padding:0px;
}

* html #text h1 {margin: 0px 0px -9px 16px;}

#text .top_box {
width:816px;
height:10px;
background: url(../images/top_box.gif) no-repeat;
}

* html #text .top_box {margin: 0px 0px -3px 0px;}

#text .content {
background: url(../images/repeat_box.gif) repeat-y;
}

#text .bottom_box {
width:816px;
height:16px;
background: url(../images/bottom_box.gif) no-repeat;
}

#text fieldset {
width:796px;
background: #fff;
margin: 0px auto 0px auto;
border:none;
display:block;
}

#text p {
font-size:13px;
color:#50cbc0;
font-weight:bold;
margin:10px 0px 10px 40px;
}

#text p.ref {
font-size:11px;
color:#581413;
margin:10px 0px 10px 40px;
}

#text .topfield {
width:796px;
height:12px;
background: url(../images/topfield.gif) no-repeat;
}

#text .bottomfield {
width:796px;
height:12px;
background: url(../images/bottomfield.gif) no-repeat;
}

* html #text .bottomfield {margin: 0px 0px -1px 0px;}


label {
font-size: 12px;
color:#581413;
float:left;
position:relative;
font-weight:bold;
width:120px;
text-align:right;
padding:0px 5px 0px 0px;
}

* html label {padding:2px 3px 0px 0px;}
* + html label {padding:2px 5px 0px 0px;}

label.box {width:auto;}

label.commentlabel {width:58px;}
label.additionallabel {width:58px;}

label.submit {width:5px;}
* html label.submit {width:7px;;}

.formRow {
padding: 10px 0px 0px 0px;
clear: both;
display: block;
}
* html .formRow {padding: 5px 0px 0px 0px;}

textarea {font-family: Arial,verdana, Times, Sans-Serif;}

.field {
float:left;
padding: 0px 0px 0px 0px;
}

input.txt, input.txt2, textarea, select {font-size: 12px;border:1px solid #a5acb2;}

input.txt {width:230px;}
select.payment {width:230px;}
select.bread {width:150px;}

input.txt2 {width:200px;}
textarea {width:690px;height:60px;}

input.submitimg {margin:10px 0px 0px 0px;}

input.submit {
display:block;
width:161px;
height:35px;
background: url(../images/submit.gif) no-repeat bottom;
font-size: 10px;
border:none;
cursor:pointer;
text-indent:-165496px;
margin:10px 0px 0px 0px;
}
input.submit:hover{background: url(../images/submit_hover.gif) no-repeat bottom;}

.leftform {
width:398px;
float:left;
}
.rightform {
width:398px;
float:right;
}

.name {
float:left;
width:260px;
padding-left:45px;
}
.sandwich {
float:left;
width:280px;
}
.bread {
float:left;
}

* html .name {width:257px;}
* html .sandwich {width:287px;}


.comment {
clear:both;
padding:5px 0px 0px 0px;
margin: 0px auto 0px auto;
width:756px;
}

.additional {
clear:both;
border-bottom: 1px solid #bca1a1;
margin: 0px auto 20px auto;
padding:5px 0px 15px 0px;
width:756px;
}

div.error {margin:0px 0px 0px 125px;font-size:12px;color:#50cbc0;font-weight:bold;}
* html div.error {margin:0px 0px 0px 123px;}

a.add {
margin: 0px 0px 0px 83px;
display:block;
width:125px;
height:20px;
text-indent:-1254545px;
background: url(../images/add.gif);
}

a.add:hover {
background: url(../images/add_hover.gif);
}

a.add:focus {
outline: none;
}
