@import url('content.css');

body { background: #000 url(bgr1.jpg) no-repeat; height: 100%; padding: 0; margin: 0; }
textarea { overflow: auto; }
table, td { padding: 0; margin: 0; border-collapse: collapse; }
ul { padding: 0; margin: 0; }
div { font: normal x-small/25px Verdana, sans-serif; }
a { color: #900; text-decoration: none; }
a:hover  { color: #fff; text-decoration: none;}
a img { border: none; }
p { padding: 0 0 20px 0; margin: 0; }

h1, h2, h3, h4, h5, h6  { padding: 0; margin: 0; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span  { display: none; }

.cleaner { display: block; clear: both; font-size: 0; height: 1px; line-height: 1px; overflow: hidden; }
.error { display: block; color: #C00; line-height: 18px; font-weight: bold;  }

#page { width: 100%; height: 100%; text-align: center; }
#page_in { width: 970px; text-align: left; margin: 0 100px 100px 100px auto; }
#page_in2 { width: 970px; text-align: left; margin: 0 100px 0 0 auto; }
#info_page { background: #F5F5F5; }
.basket #page td { vertical-align: top; }
.basket #page_in { margin: 0 auto; }
.basket #col-main { margin-top: 35px;  }
.basket #col-main .top { display: none; }

#col-nav { width: 200px; overflow: hidden; float: left;   }
#col-main { width: 560px; overflow: hidden; float: left; }
#col-sub { width: 200px; overflow: hidden; float: left; }

#headn   { display: block; width: 200px; height: 110px; background: url(logo_site.gif) left top no-repeat; float: left; }
#col-nav li { display: block; border-top: 1px solid #333; list-style: none; text-transform: uppercase; text-indent: 20px;  }
#col-nav li li { text-align: right; line-height: 14px; border: none; text-transform: lowercase; font-weight: normal; }
#col-nav li ul { border-top: 1px solid #ccc; padding: 5px 0; }
#col-nav li, #col-nav li a { color: #373737; font-weight: bold; }
#col-nav li, #col-nav li a:hover { color: #900; font-weight: bold; }
#col-nav li li, #col-nav li li a { color: #900; }

#col-nav .selected {  }
#col-nav .selected a { color: #900; }
#col-nav .selected li a { font-weight: normal; color: #900; }
#col-nav .selected li a:hover { color: #900; font-weight: normal; letter-spacing: 1px; }
#col-nav .selected .selected a { font-weight: bold; }
#col-nav .first { border-top: none; }
#col-nav .last { }

#col-main .inner { padding: 0 30px; }
#col-main .top { text-align: right; color: #666; overflow: hidden; clear: both; }
#col-main .top span { line-height: 30px; padding: 2px 0 2px 20px; background: url(icon_basket.gif) left center no-repeat; }
#col-main .top span.left { float: left; background-image: none; padding: 0; }

#page_in2 .bot { height: 50px; float: right; }

#col-main .cnt { border: solid 1px #333; width: 100%; }
#col-main .cnt .inner { height: 385px; overflow: auto; }
#col-main .cnt .inner div { text-align: left; padding: 15px 0px; line-height: 180%; overflow: auto; }
#col-main .cnt td { vertical-align: top; }

#col-main .pic { background-color: #fff; border: solid 1px #333; width: 100%; }
#col-main .pic img { display: block; margin: 0 auto; }
#col-main .pic .inner { height: 385px; overflow: hidden;  }
#col-main .pic .inner div { padding: 15px 0px; height: 100%; overflow: hidden; }

#col-main .pic .inner.gallery { width: 120%; } 
* html #col-main .pic .inner.gallery { width: 100%; } 

#col-main .pic.cnt .inner div { height: auto;  }


#col-main #pic-gallery { border: none; }
#col-main #pic-gallery object { width:500px;  height:378px; display: block; }
#col-main #pic-gallery .inner div { padding: 0; margin-left: -30px;  }

.tblcenter { width: 100%; border-collapse: collapse; height: 92%;  }
.tblcenter td { background-color: #fff; vertical-align: middle; }

#col-sub .pannel { padding-top: 25px; }
#col-sub .pannel h3 { font-size: x-small; text-transform: uppercase; }
#col-sub .pannel div { padding-left: 0; }
#col-sub .pannel .cnt { border-top: 1px solid #333; line-height: 12px; padding-top: 10px; padding-bottom: 0; }
#col-sub .pannel .cnt ul li { list-style-type: none; }

#col-sub #info h3 { color: #900; }
#col-sub #info .bask { width: auto; font-weight: bold; color: #FFF; white-space: nowrap;  }
#col-sub #info .ftr, #col-sub #info .ftrm { width: auto; margin: 10px 0 0 0; padding: 0 10px 0 25px; height: 19px; line-height: 15px; float: left; }
#col-sub #info .ftr { background: url(icon_basket_add.gif) left center no-repeat; clear: both; }
#col-sub #info .ftrm { background: url(icon_basket_remove.gif) left center no-repeat; }
#col-sub #info .cnt .inches { color: #666; }

#col-main .pannel { padding-top: 25px; }
#col-main .pannel h3 { font-size: small; text-transform: uppercase; }
#col-main .pannel div { padding-left: 0; }
#col-main .pannel .cnt { border-top: solid 1px #CCC; line-height: 12px; padding-top: 10px; padding-bottom: 0; }
#col-main .pannel .cnt ul li { list-style-type: none; }

#col-main #info h3 { color: #333; }
#col-main #info .bask { width: auto; font-weight: bold; color: #fff; white-space: nowrap; }
#col-main #info .ftr, #col-sub #info .ftrm { width: auto; margin: 10px 0 0; padding: 0 10px 0 25px; height: 19px; line-height: 15px; float: left; }
#col-main #info .ftr { background-image: url(icon_basket_add.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; clear: both; }
#col-main #info .ftrm { background: url(icon_basket_remove.gif) left center no-repeat; }
#col-main #info .cnt .inches { color: #666; }


#col-sub #gallery .cnt a { display: block; background: #ccc; width: 95px; height: 70px; overflow: hidden; float: left; margin: 0 2px 7px 0; padding-left: 1px; border-left: 2px solid #ccc; }
#col-sub #gallery .cnt img { width: 95px; }
#col-sub #gallery .cnt .selected { border-color: #c00; }
#col-sub #gallery .cnt .selected img { display: inline;  }
#col-sub #gallery .cnt .end { margin-right: 0; }
#col-sub #gallery .ftr a.selected { font-weight: bold; color: #fff; border-bottom: 2px solid #c00; }

#col-sub #personal { padding-top: 60px; }
#col-sub #personal h3 { color: #900; }
#col-sub #personal .cnt { border-bottom: none; }

#col-sub .def { padding-top: 110px;}

#col-sub #help h3 { background-color: #fff; }
#col-sub #help .cnt { line-height: 14px; background-color: #fff; padding-right: 20px; }

/* -------------- Basket ------------------------------------ */
dl#basket { width: 100%; height: 100%; padding: 0; margin: 0 0 20px 0; border-bottom: 1px solid #ccc;  }
#basket dd, #basket dt { margin: 0; padding: 10px 0 0 0; border-top: 1px solid #ccc; }
#basket dt { float: left; padding-right: 10px; padding-left: 10px; width: 50px; overflow: hidden; clear: both; height: 40px; }
#basket dt img { width: 100%; }
#basket dd { width: 430px; padding-bottom: 5px; color: #666; float: left; line-height: 14px; overflow: hidden; }
#col-main #basket dd h3 { margin: 0 0 3px 0; color: #444; line-height: normal; text-transform: uppercase; font: bold 10px Verdana, sans-serif; }
#basket span { display: block; float: left; }
#basket p { padding: 0; }
#basket ul { margin-top: 5px;  }
#basket li { display: block; float: left; margin-right: 5px; padding-right: 5px; font-weight: bold; border-right: 1px solid #ccc;  }
#basket li.price { border: none; } 
#basket li.rem { float: right; margin-bottom: -3px; padding: 0 10px 0 25px; border: none; background: url(icon_basket_remove.gif) no-repeat; height: 19px; }
#basket li.rem a { color: #fff;}
#basket dd.last, #basket dt.last {  }

#confirm { border-collapse: collapse; border-top: 1px solid #ccc; }
#confirm td, #confirm th { border-bottom: 1px solid #ccc; padding: 5px; font-weight: bold; }
#confirm th { text-align: center;}
#confirm th img { display: block; height: 30px; }

#frames li { width: 33%; height: 100px; float: left; display: block; position: relative; margin-bottom: 10px; margin-right: 1px; }
#frames li img { display: block; padding: 5px; border: 1px solid #ccc; margin: 5px 5px 1px 0; float: left; }
#frames li span { padding-right: 10px; }
#frames li .hdr { display: block; text-transform: uppercase; }
#frames li .bottom { display: block; position: absolute; bottom: 0px; left: 0; }

.action { padding-top: 5px; margin: 0 0 30px 0; border-top: 1px solid #ccc; height: 30px; overflow: hidden; }
.action li { list-style: outside none; display: block; color: #999; }
.action li.order { overflow: hidden; margin-left: 165px; }
.action li.order input { display: block; border: none; width: 123px; float: right; background: url(btn_bgrd.gif) top right no-repeat; color: #fff; font-weight: bold; text-align: left; padding-left: 20px;  }
.action li.total { font-weight: bold; color: #000; }

/* -------------- Forms ------------------------------------ */
input, label, textarea, option, select { font: x-small Verdana, sans-serif; background-color: #fff; padding: 2px 4px; }

.formInputLong { background-color: #fff; width: 90%; }
.formInputMedium { background-color: #fff; width: 66%; }
.formInputShort { background-color: #fff; width: 33%; }
.formButton { background-color: #fff; padding: 3px 10px; }

form { font: x-small Verdana, sans-serif; background-color: #fff; margin: 0; padding: 0; }
form input, form textarea { background-color: #fff; border: solid 1px #ccc; }
form label { font-weight: bold; line-height: 16px; background-color: #fff; }
form table { background-color: #fff; width: 100%; table-layout: fixed; border-collapse: separate; margin-bottom: 10px; }
form th, form td { background-color: #fff; padding: 2px 0; }
form th { background-color: #fff; width: 30%; padding-right: 5px; vertical-align: top; }
form ul { background-color: #fff; margin-bottom: 10px; }
form ul li { list-style: none; line-height: 16px; background-color: #fff; padding-bottom: 5px; float: none; border: none; }
form .col .radio, form  .radio { background-color: #fff; margin: 0 0 -3px; padding: 0; border: none; display: inline; }
form .btn { background-color: #fff; border-top: 1px solid #ccc; padding: 5px 20px 0 0; } 
form .col { background-color: #fff; width: 50%; float: left; }
form .col .checkbox, form .checkbox { background-color: #fff; display: inline; margin: 0; border: none; }

#frames_form { background-color: #fff; }
#frames_form input { background-color: #fff; border: none; }

#col-main form .col .inner { padding: 0 10px; line-height: normal; background-color: #fff; }
form .col input, form .col textarea { background-color: #fff; display: block; margin-bottom: 5px; }
* html form table { background-color: #fff; border-collapse: collapse; width: auto; }

#search { background: #F5F5F5; padding: 3px 10px 3px 0; margin-left: -10px; }
#search #inp { width: 130px; display: inline; }
#search #btn { width: 30px; margin-left: 5px; padding: 0px; height: 18px; font-weight: bold; background: #E5E5E5;  display: inline; margin-bottom: -1px; }
* html #search { padding-left: 20px; }
* html #search #btn { margin-bottom: 0; }