/*
   __              __                                             
  /\ \  __        /\ \                                            
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____  
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\ 
 /\ \L\ \ \ \/\ \__/\ \ \\`\ /\ \/\ \/\ \/\ \L\.\_/\ \/\ \/\__, `\
 \ \___,_\ \_\ \____\\ \_\ \_\ \_\ \_\ \_\ \__/.\_\ \_\ \_\/\____/
  \/__,_ /\/_/\/____/ \/_/\/_/\/_/\/_/\/_/\/__/\/_/\/_/\/_/\/___/ design.com
  
*/

/* GENERAL
----------------------------------------------------------------------------- */

.middle{padding:30px 20px; width:817px; overflow:hidden;}
.middle .textbox{width:404px; float:left; text-align:justify; overflow: hidden;}
.middle h2{padding:10px 0;}
.middle .textbox p{padding:8px 0 8px 36px; font-weight:bold; font-size:15px;}
.middle .textbox .p1 {color:#454339; background:url(images/ordering_icon1.gif) left top no-repeat; width: 350px; }
.middle .textbox .p2 {color:#454339; background:url(images/ordering_icon2.gif) left top no-repeat;}
.middle .textbox .bd1 {border-top:1px solid #ccc;}
.middle .textbox .bd2 {border-bottom:1px solid #ccc;}

.middle .right .blockform .p3 span { display:block; text-align:center; color:#07609E; padding:0 0 10px 0; position: absolute; top: 70px; left: 32px; }
.middle .right .blockform .p3 span em { color:#6C6C6C; display: block; }
.middle .right .blockform .p3 p { padding: 0 25px 0 0; text-align: right; font-size: 11px; }

.middle .right { overflow: hidden; width:408px; }
.middle .right .blockform {width:377px; height:314px; padding:10px 18px 27px 18px; background:url(images/ordering_formbg.jpg) no-repeat; position:relative;}
.middle .right .blockform h3 {padding:0pt 0pt 30px;}
.middle .right .blockform p {padding:3px 0; margin:0;}
.middle .right .blockform .p2 {padding:10px 0 7px 20px; margin:0; font-size:12px;}
.middle .right .blockform label {padding:0 10px 0 0; display:block; width:118px; float:left; text-align:right;}
.middle .right .blockform .label2 {padding:0 10px 0 0; display:inline; width: auto; float: none; text-align:left;}
.middle .right .blockform .input {width:198px; height:18px; padding:0; margin:0; border:1px solid #ccc;}
.middle .right .bt {position:absolute; top: 310px; left:334px;}
.middle .right .btnow {position:absolute; top: 310px; left:314px;}

.middle .right .cs { background: #FDFBFC; position: absolute; top: 218px; left: 455px; width: 375px; height: 275px; z-index: 2000; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; font-size: 29px; line-height: 32px; }
.middle .right .cs span { position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -85px; }

.middle .right .splash {width:413px; position:relative;}
.middle .right .splash p { width:338px; position:absolute; top:70px; left:42px; line-height:1.8em;}
.middle .right .splash p a{color:#6C6C6C; text-decoration:underline;}

.middle .right .blockform table {padding:0px 10px 0 0;}
.middle .right .blockform th {color:#07609E; font-weight:normal; padding: 0 0 0 0; }
.middle .right .blockform td {font-weight:bold;}
.middle .right .blockform .input4 {width:30px; height:18px; padding:0; margin:0; border:1px solid #ccc;}
.middle .right .blockform select {width:202px; height:18px; padding:0; margin:0; border:1px solid #ccc;}

.p3 { padding:10px 0pt 20px 105px; !padding:5px 0pt 10px 105px; }
.p4 { padding: 10px 0 10px 0; }
.cards {position:absolute; bottom:20px; right:42px;}