@charset "utf-8";
/* CSS Document */

body {background: url(../images/bodyback.jpg);}

#footer {width: 100%;}

#btmfooter {width: 100%; background:url(../images/bottomfooter.png) repeat-x #d08e3f;}
.footerinner {width: 960px; margin: 0 auto; position: relative;}

.content {margin-top:10px;}

.leftmenuitems { padding: 0px; margin-left: 10px;}
.leftmenuitems a {color:#666; font-size: 1em; font-weight: bold; line-height: 25px;}
.frontprod {width: 180px; height: 170px; float:left; margin: 10px 5px; text-align:center;}

.frontprodtitle {height: 50px;}

.frontproddesc{height: 60px;}
.frontprodimage {text-align: center; width: 180px; height: 100px; position:relative;}

.searchprod {width: 240px; height: 150px; float:left; margin: 10px 20px 10px 0;}

.searchprodleft {width: 130px; float:left; padding: 0 5px;}
.searchprodright {width: 100px; float: right;}

.searchproddesc{height: 110px;}

.searchbox {height: 680px; clear: both;}


.nomargin {margin-right:0px;}

div.pager {float:right;}

.productname  {border-bottom: 1px solid #bdbc32; margin-bottom: 10px;}
.productimage { height: 200px; text-align:center; margin-bottom:10px;}
.productbuy { line-height: 25px; font-size:1.2em;}
.productbuy input {margin: 7px 5px; text-align: center;}

.subchildren { position: relative;}
.subchildholder { position: relative;}
.sizerestrict {height: 75px; overflow-y:hidden;}
.Usertext {clear: left;}

.shop {padding: 5px 0; font-size: 1.6em; color:#ACA151;}

.tag {float: left; margin: 5px 10px;}

.productdetails {clear: left;}
.main {width: 450px;}
.noright {width: 760px;}

.maindropdown {background:url(../images/maindropdown.png) no-repeat; width: 160px; line-height: 36px; padding-left: 10px; color:  #fff; font-size:1.4em; font-weight:bold; position:relative; right: 10px;} 

.mainheading {background:url(../images/mainheading.png) no-repeat; width: 160px; line-height: 29px; padding-left: 10px; color:  #fff; font-size:1.4em; font-weight:bold; position:relative; right: 10px;}
.rightheading {background:url(../images/rightheading.png) no-repeat; width: 155px; line-height: 29px; padding-left: 15px; color:  #fff; font-size:1.4em; font-weight:bold; position:relative; _margin-left: -10px;}

.brandimage {position: relative;text-align:center; margin: 10px 5px; height: 200px;}
.brandlogo {position: absolute; bottom: 0; right: 0; border:1px solid #aaa;}


.featuredhome {clear: both;}

#searchbox input {width: 214px; font-size:1em; color:#999; height: 18px;}

#brandlist {height: 125px;}

.splashselector {width: 580px; height: 35px; background:url(../images/splashselector.png) no-repeat; position: relative; bottom: 30px; z-index:1000; margin-bottom:-25px;}
#prev, #next{cursor: pointer;margin: 0 5px;}
#controls {position: absolute; right: 30px;  top: 10px; font-size: 2em; font-weight: bold; color: #fff; }

#slideshow {height: 220px; overflow: hidden;}


#outer_containter { margin:0px auto; width:1000px; background:#fff; border:0px solid #999; border-width:0px 1px;}
#containter { margin:0 0 0 0px; left: 100px; width:500px; background:#fff; float:left; position: relative;}
#amount_disp {width:150px; margin:10px 0px 0px 00px; left:300px; background:none; font:36pt Arial; position:relative;}
#voucher {width:500px; height:280px; background:url(../images/voucher2.jpg) no-repeat; color:#fff; text-align:left;}
#voucher label { display:block; margin-bottom:4px; float:left; clear:left; width:150px; background:none; height:22px; text-align:right; margin-right:5px; line-height:22px;}
#voucher input  { float:left; margin-bottom:4px; width:250px; height:22px; background:none; border:0px dotted #fff; border-bottom-width:1pt; color:#fff;}
#voucher select { float:left; margin-bottom:4px; width:250px; height:22px; background:none; border:0px dotted #fff; border-bottom-width:1pt; color:#999;}
#details {width:500px; background:#eee; height:352px; text-align:left; border:0px solid #ccc; border-width:0 1px 1px 0}
#details label { display:block; margin-bottom:8px; float:left; width:80px; background:none; height:22px; text-align:right; margin-right:5px; line-height:22px;}
#details input  { float:left; margin-bottom:8px; width:250px; height:22px;}
#details select  { float:left; margin-bottom:8px; width:180px; height:22px;}