/* Resets and overrides */
img{border: 0;}
a:link, a:active, a:visited{color: #484848;text-decoration: none; outline: 0 ! important;}
a:hover{text-decoration: underline;}
input{font-family: Arial, Trebuchet MS, Verdana; outline: 0;}
textarea{font-family: Arial, Trebuchet MS, Verdana; outline: 0;}
b{font-weight: bold ! important;}
label{font-weight: bold ! important;}
ul{list-style: none;margin: 0;padding: 0;}
ul.horizontal li{display: inline;}
.nomargin{margin: 0 ! important;}
.nomargintop{margin-top: 0 ! important;}
.nomarginbottom{margin-bottom: 0 ! important;}
.nopadding{padding: 0 ! important;}
.normal{font-weight:normal ! important; font-style: normal ! important; text-decoration: none ! important;}
.bold{font-weight: bold ! important;}
.italic{font-style: italic ! important;}
.underline{text-decoration: underline ! important;}
.nounderline{text-decoration: none ! important;}
a.underline:hover{text-decoration: none ! important;}
.cursorpointer{cursor:pointer;}
.cursordefault{cursor:default;}
div.clear{clear: both ! important;}
.floatleft{float: left ! important;}
.floatright{float: right ! important;}
.textleft{text-align:left ! important;}
.textright{text-align:right ! important;}
.textcenter{text-align:center ! important;}
.w100pc{width:100% ! important;}
.block{display:block ! important;}
.inline{display:inline ! important;}
.ts12{font-size:12px ! important;}
.ts14{font-size:14px ! important;}
.ts16{font-size:16px ! important;}
.ts18{font-size:18px ! important;}
.ts20{font-size:20px ! important;}
.ts22{font-size:22px ! important;}
.ts24{font-size:22px ! important;}
.ts26{font-size:22px ! important;}
.ts28{font-size:22px ! important;}
table{border-collapse: collapse;}
table tr td, table tr th { padding: 0; }

/* Button */
.button{text-align: center;border: 1px solid #666 !important; padding: 8px 12px 8px 12px; font-weight: bold; font-size: 12px; color: #fff !important;outline: 0;display: inline-block;margin: 4px; cursor:pointer; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.button.small{padding: 6px 10px 6px 10px ! important; font-size: 10px ! important;}
.button.med{}
.button.large{padding: 10px 14px 10px 14px ! important; font-size: 16px ! important;}
.button.xlarge{padding: 12px 16px 12px 16px ! important; font-size: 18px ! important;}
.button.xxlarge{padding: 14px 18px 14px 18px ! important; font-size: 20px ! important;}
.button.xxxlarge{padding: 16px 20px 16px 20px ! important; font-size: 22px ! important;}
a.button:hover{text-decoration: none;}

/* Colours */
.redbg{background-color: #ff0000 ! important;}
.greenbg{background-color: #1f9407 ! important;}
.bluebg{background-color: #073c94 ! important;}
.blackbg{background-color: #000 ! important;}
.orangebg{background-color: #F88F1A ! important;}
.grey1bg{background-color: #484848 ! important;}
.grey2bg{background-color: #dcdcdc ! important;}
.grey3bg{background-color: #f8f8f8 ! important;}
.grey4bg{background-color: #e0dfdf ! important;}
.whitebg{background-color: #fff ! important;}
.redtxt{color: #940707 ! important;}
.greentxt{color: #1f9407 ! important;}
.bluetxt{color: #073c94 ! important;}
.blacktxt{color: #000 ! important;}
.grey1txt{color: #484848 ! important;}
.grey2txt{color: #dcdcdc ! important;}
.grey3txt{color: #f8f8f8 ! important;}
.whitetxt{color: #fff ! important;}
.orangetxt{color: #F88F1A ! important;}
div.statusmsg {float: left;}
div.statusmsg img {float:left;}
div.statusmsg p {float:left; margin: 4px 0 0 5px;vertical-align: middle;}
.avatar.s50{width:50px ! important;}
.avatar.s75{width:80px ! important;}
.avatar.s100{width: 100px ! important;}
.avatar.border{padding: 2px ! important;border: 1px solid #484848 ! important;}

/* Web site structure */
body{font-family: Arial, Trebuchet MS, Verdana;font-size: 12px;color: #484848;background-color: #000;margin: 0;padding: 0;}
div#container{width: 100%;}
div.child{width: 960px; height: 100%; margin: 0 auto;}

/* Header */
div#header_top{width: 100%; height: 77px; background-image: url(images/header_top.png); background-repeat: repeat-x; color: #fff;}
div#header_top img.logo{float: left;}
div#header_top div.right{float: right; text-align: right;}
div#header_top div.child{width: 960px;}
div#header_top div.child div.right ul{position: relative; top: 6px; right: 10px;}
div#header_top div.child div.right ul li.break{margin: 0 3px 0 2.5px;}
div#header_top div.child div.right ul li.createa{}
div#header_top div.child div.right ul li a{color: #fff;}
div#header_top div.child div.right ul li.basket{margin-left: 40px;}
div#header_top div.child div.right ul li.basket img{position: relative; top: 2px;}
div#header_top div.child div.right p.callus{position: relative; top: 10px;}
div#header_top div.child div.right p.callus span.telno{font-size: 22px; margin-left: 5px;}
div#header_btm{width: 100%; height: 42px; background-image: url(images/header_btm.png); background-repeat: repeat-x; color: #fff;}
div#header_btm div.child{width: 960px;}
div#header_btm div.child ul.headnav{float: left; text-transform: uppercase; font-weight: bold;}
div#header_btm div.child ul.headnav li a{height: 20px; padding: 11px; margin: 0 30px 0 0; color: #fff;outline: 0; display: block; float: left; cursor: pointer;}
div#header_btm div.child ul.headnav li.subnav ul{ background: #202222; width: 200px; list-style: none; z-index: 100 ! important; }
div#header_btm div.child ul.headnav li.subnav ul li a{ width: 200px; padding: 8px; }
div#header_btm div.child ul.headnav li.subnav ul li:first-child a{padding-top: 20px;}

/* Middle */
div#ctl00_middle{width: 100%;background-color: #fff; padding: 10px 0 10px 0; float: left;}
div#ctl00_middle div.child{margin: 0 auto; background-color: #fff; width: 960px; min-height: 520px;}
div#ctl00_middle div.child p{line-height: 17px;}
div#ctl00_middle div.child h1{font-size: 32px;margin-top:0; font-weight: normal;}
div#ctl00_middle div.child h2{font-size: 18px;}
div#ctl00_middle div.child h3{font-size: 14px;}
div#ctl00_middle div.child img.displayimage{border: 1px solid #dcdcdc ! important;}

div#ctl00_middle div.child div.box{margin: 0;}
div#ctl00_middle div.child div.box div.header{height: 22px; color: #fff; font-size: 14px; font-weight: bold; padding: 5px 10px 0 10px; cursor: default;}
div#ctl00_middle div.child div.box div.content{padding: 10px; border-left: 1px solid #6a6a6a; border-right: 1px solid #6a6a6a; border-bottom: 1px solid #6a6a6a;}
div#ctl00_middle div.child div.box.c1{width: 357px; margin: 0;}
div#ctl00_middle div.child div.box.c1 div.header{background-image: url(images/boxheader1.gif); background-repeat: no-repeat;}
div#ctl00_middle div.child div.box.c2{width: 729px; margin: 0;}
div#ctl00_middle div.child div.box.c2 div.header{background-image: url(images/boxheader2.gif); background-repeat: no-repeat;}
div#ctl00_middle div.child div.box.c3{width: 930px; margin: 0;}
div#ctl00_middle div.child div.box.c3 div.header{background-image: url(images/boxheader3.gif); background-repeat: no-repeat;}
div#ctl00_middle div.child div.box.c4{width: 170px; margin: 0;}
div#ctl00_middle div.child div.box.c4 div.header{background-image: url(images/boxheader4.gif); background-repeat: no-repeat;}

div#ctl00_middle div.child div.latestdesigns{float: left; margin: 20px 0 0 0; width: 525px;}
div#ctl00_middle div.child div.latestdesigns div.header{background-image: url(images/latestdesignsheader.gif); background-repeat: no-repeat;}
div#ctl00_middle div.child div.latestdesigns div.content{text-align: center; padding: 10px 0px 10px 0px; border-left: 1px solid #6a6a6a; border-right: 1px solid #6a6a6a; border-bottom: 0 ! important;}
div#ctl00_middle div.child div.latestdesigns img{padding: 4px; border: 1px solid #989898; width: 120px;}
div#ctl00_middle div.child div.latestdesigns div.content p{text-align: center;}
div#ctl00_middle div.child div.latestdesigns div.footer{width: 525px; height: 7px; background-image: url(images/latestdesignsfooter.gif); background-repeat: no-repeat;}
div#ctl00_middle div.child div.topproducts{float: right; margin: 20px 0 0 0; width: 183px; background-image: url(images/topproductsheader.gif);background-repeat: no-repeat;background-color: #e2e2e2;}
div#ctl00_middle div.child div.topproducts div.content{border-bottom: 1px solid #6a6a6a; border-left: 1px solid #6a6a6a; border-right: 1px solid #6a6a6a; padding: 0px 5px 0px 5px;}
div#ctl00_middle div.child div.topproducts div.content ul li{padding: 10px 0 10px 0; border-bottom: 1px dotted #787878;}
div#ctl00_middle div.child div.topproducts div.content ul li:last-child{border-bottom: 0;}
div#ctl00_middle div.child div.topproducts div.content ul li span.c1{font-weight: bold;}
div#ctl00_middle div.child div.topproducts div.content ul li span.c2{margin: 0 0 0 10px;}
div#ctl00_middle div.child table.products{width: 100%;}
div#ctl00_middle div.child table.products tr td{vertical-align: middle;text-align: center;}
div#ctl00_middle div.child table.products tr td a img{border: 1px solid #989898;}
div#ctl00_middle div.child table.products tr td a.name{margin: 5px 0 10px 0;display: block;}
div#ctl00_middle div.child table.paging{width: 100%;}
div#ctl00_middle div.child table.paging a.prev{margin-right: 5px;float: left;}
div#ctl00_middle div.child table.paging a.next{margin-left: 5px;float: left;}
div#ctl00_middle div.child table.paging td.currpage{text-align: left;width: 100px;}
div#ctl00_middle div.child table.paging td.currpage{text-align: right;width: 100px;}
div#ctl00_middle div.child table.paging td.info{text-align: center;}
div#ctl00_middle div.child table.paging a.page{float: left;margin: 0px 5px 0px 5px;}
div#ctl00_middle div.child table.paging a.currpage{font-weight: bold;}

/* Footer */
div#footer{width: 100%; background-image: url(images/footer.png); background-repeat: repeat-x; background-color: #000; border-top: 1px solid #2a3a3c; color: #c6c7c8; font-family: Trebuchet MS;}
div#footer p{color: #ffffff;}
div#footer a{color: #c6c7c8;}
div#footer ul li.header a{color: #fff;}
div#footer div.child div.line{background-image: url(images/footersep.gif);background-repeat: repeat-y; width: 2px; height: 220px;}
div#footer div.child div.line.left{float: left;}
div#footer div.child div.line.right{float: right;}
div#footer div.child div.f1{float: left; padding: 15px 0 15px 18px;}
div#footer div.child div.f1 .header{font-size: 14px; font-weight: bold; color: #fff;}
div#footer div.child div.f1 ul li{margin: 0 0 2px 0;}
div#footer div.child div.norm{width: 165px;}
div#footer div.child div.f1.contact{padding: 15px 0 15px 24px;}
div#footer div.child div.f1 fieldset{border: 0;}
div#footer div.child div.f1 input{color: #fff;}
div#footer div.child div.f1 .name{width: 160px; height: 20px; background-color: #1f2a2f;border: 1px solid #000; color: #fff;}
div#footer div.child div.f1 .email{width: 160px; height: 20px; background-color: #1f2a2f;border: 1px solid #000; color: #fff;}
div#footer div.child div.f1 .message{width: 160px; height: 66px; background-color: #1f2a2f;border: 1px solid #000; color: #fff; overflow: hidden;}
div#footer div.child div.f1 input.send{width: 68px; height: 24px; font-weight: normal; background-image: url(images/btncontactsend.gif); border: 0; outline: 0; margin-top: 20px; background-color: #000;}
div#footer div.child div.copyright{float: left; margin: 50px 0 0 0; width: 100%; text-align: center; border-top: 1px solid #161e1c; padding: 10px 0 10px 0; color: #505151;}