body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, p, blockquote, address, th, td { margin : 0; padding :0; }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, em, i, strong, b, th, var { font-style : normal; font-weight : normal; }
q:before, q:after { content :''; }


html, body {
margin: 0;
padding: 0;
height: 100%
}

h1, h2, h3, h4, h5, h6{font-size: 12px;}

html {overflow-Y: scroll;}
body{ font-size: 12px; color:#000; font-family: Arial, Helvetica, sans-serif; text-align: center; min-width: 1024px; background-color: #fff;}
.clear{clear: both;}

img.centeralign{display:block; margin: 0 auto;}
#wrapper {width: 1044px;margin: 0 auto; text-align: left; border-top: solid 4px #000;}
#container{float:left;width: 1000px; padding: 0 22px 0 22px; margin:0; }
#header{float:left; width: 1000px; padding:0; margin:0; border-bottom: solid 4px #000;}
#logo{float:left; width: 490px; height:115px; margin: 0; padding: 0; z-index:9999;}
#mini-cart{float:right; width: 390px; height:125px; margin: 0; padding:0;}
#content{float:left; width: 1000px; padding:0; margin:10px 0px 0px 0px; }

/*# Heading#*/
h1.heading1, h2.heading2{font-size: 24px;display:block; line-height:20px; margin: 0 0 10px 0;}

/*# Content Page #*/
span.text h2{display:block; text-align:left; font-size: 20px; font-weight:bold; margin: 0 0 15px 0;}
span.text h3{display:block; text-align:left; font-size: 16px; font-weight:bold; margin: 0 0 8px 0; }
span.text p{margin: 0 0 10px 0; text-align: justify; color: #000; font-size: 12px; line-height: 15px;}
span.text ul{list-style: disc; list-style-position: inside;} 
span.text li{ padding: 0 0 5px 15px; font-size: 12px; line-height: 18px; }

/*# Shopping Cart Preview #*/
#mini-cart ul{float: right; width: 390px; clear: both; }
#mini-cart li{ float:left; width: 90px; height: 30px; margin: 0 5px 0 0; background: url(/images/misc/cart_background.aspx) repeat-x left top; text-align: center; line-height: 30px;} 
#mini-cart li.last{ margin: 0; padding:0;}
#mini-cart .ShoppingCartIcon{display:none;}
#mini-cart a, #mini-cart a:link, #mini-cart a:visited {text-decoration:none; color: #fff;}
#mini-cart span.SmallTextLabel{float: left; color: #f00; font-size:13px !important; margin: 8px 0 0 0;}

/*# PhoneOrder #*/
.phoneorders{clear:both;float:right; margin: 5px 0 5px 0;}

/*# Main Navigation #*/
#mainNav{float:left;width: 650px; overflow: hidden;}
#mainNav ul{margin: 0 0 0 15px; padding: 0;clear:both; z-index: 9999;}
#mainNav li{float: left; list-style: none;}
#mainNav li a, #mainNav li span{width:auto; display: block; text-decoration: none;white-space: nowrap; margin: 0 5px 0 0;}
#mainNav li ul{position: absolute; margin: 0; padding: 0; visibility: hidden;z-index: 9999;}
#mainNav li ul li{float: none; display: inline; }
#mainNav li ul li a{width: 180px; height:35px; text-indent:10px; line-height:35px; background: #000; color: #fff; border-bottom: solid 1px #666;}
#mainNav li ul li a:hover{color: #fff; background-color:#666;}

/*# Footer #*/
#footer {float:left; width: 1000px; margin: 0; padding: 0 22px 0 22px; }
#footer div.bottom{float:left; display: block; width: 1000px; height: 15px; }
#footer div.container{float:left; display: block; width: 1000px; padding: 0; margin 0;}
#footer div.row-a{float:left; display: block; width: 1000px; margin: 0px; }
#footer div.row-b{float:left; display: block; width: 1000px; margin: 0 auto; padding: 10px 0px 0px 0px; height: 22px; background-color: #000000;}
#footer p{float:left; display: block; width: 100%; padding: 0px 0px 10px 0px; text-align:center; background-color: #000000; color: #0096ff;}

/*# Footer Box #*/
#footer div.boxLeft {float:left; width:244px; height: 210px; padding: 0; margin: 0px 1px 2px 0px; border: 2px solid #d6d6d6; background-color: #000000; overflow: hidden;}
#footer div.box {float:left; width:245px; height: 210px; padding: 0; margin: 0px 1px 2px 1px; border: 2px solid #d6d6d6; background-color: #000000; overflow: hidden;}
#footer div.boxRight {float:left; width:244px; height: 210px; padding: 0; margin: 0px 0px 2px 1px; border: 2px solid #d6d6d6; background-color: #000000; overflow: hidden;}
#footer div.innerbox {width: 215px; color:#ffffff; padding: 5px 5px 5px 10px; margin:0;}
#footer div.innerbox img{display:block; margin: 0px; float: right;}
#footer div.innerbox span.detail{float:left; width: 215px; display: block; height: 125px;}

#footer div.innerbox span.detail p {text-align:left; color: #ffffff; }
#footer div.innerbox span.detail img {float:right;}

#footer div.innerbox span.detail div.innerData {float:left; text-align:left; color: #ffffff; height: 110px; margin: 0px 0px 5px 0px; display: block; overflow: hidden; }
#footer div.innerbox span.detail div.innerData a {text-align:left; color: #ffffff; }
#footer div.innerbox span.detail div.innerData p {text-align:left; color: #ffffff; }
#footer div.innerbox span.detail div.innerButton {float:right; display: block; overflow: hidden; }

#footer div.innerbox a{float: left; display:block; width: 215px;}
#footer div.innerbox a img{display: block; margin: 0 auto;}

ul.footer { margin-left:auto; margin-right:auto; text-align:center; color: #888888;}
ul.footer li { display: inline-block; color: #888888;}
ul.footer li.last { display: inline-block; color: #888888;}
ul.footer a, li a:link, ul.footer li a:visited { text-decoration: none; color: #888888;}
ul.footer li a:hover, ul.footer li a:active{ text-decoration: underline; color: #888888;}


/*# Footer NewsLetter#*/
#footer div.newsletter{float:left; width: 400px;}

/*# Search Bar #*/
#search{float:right; width: 330px; height: 35px;}
#search .searchwrapper{float: left; border: 1px solid #ccc; width:325px; height: 30px;}
#search .input{float: left; color: #ccc;  padding: 0; margin: 7px 0 0 5px; border: 0; width: 285px; background: none;  font-size: 12px;} 
#search .button{float: right; margin: 3px 4px 0 0; background:transparent;}    

/*# Callouts #*/
ul.callouts-a {float:left; width: 1000px; padding:0; margin:0 0 8px 0; overflow: hidden;}
ul.callouts-a li{float:left; width: 245px; margin: 0 6px 0 0;}
ul.callouts-a li.last{float:right; width: 245px; margin: 0;}

div.callouts{float:left; width: 1000px; padding:0; margin:0 0 0 0; background: #E6E6E6 url(/images/misc/Callout_Separator_Image.aspx) repeat-y left top;}
div.callouts div.box{float:left; width:240px; padding: 0 5px 5px 5px; margin: 0;}
div.callouts div.box h2 img{padding: 0 !important; margin: 12px 0 0 0 !important;}
div.callouts div.innerbox{float:left; width: 220px; color:#666; padding: 10px 10px 10px 10px; margin:0;}
div.callouts div.innerbox img{float:left; padding: 0 5px 5px 0;}
div.callouts h3.heading3{font-size: 12px; font-weight:bold; display:block; color: #565656; line-height:14px; margin: 0 0 8px 0;}
div.callouts a{float: left; display:block; width: 215px;}
div.callouts a img{display: block; margin: 0 auto;}

#calloutscroll{float: left; margin:0; padding:0;}
#calloutscroll ul  li{float:left; width: 239px; list-style:none;  margin: 0; padding:0; height: 300px;}

/*# Latest News#*/
div.latestnews {float:left; width: 215px; color:#666; padding: 10px 10px 10px 10px; margin:0;}
div.latestnews .detail{float:left; height: 270px; clear: both; overflow:hidden;}
div.latestnews .datetime{float:left; width:50px; height: 120px; padding: 0 5px 5px 0; background: url(/images/misc/Latest_News_Icon.aspx) no-repeat left top;}
div.latestnews span.date{display:block; padding: 15px 0 15px 0; text-align:center; color: #566143; font-size: 14px;}
div.latestnews span.month{display:block; text-align:center; color: #fff; font-size: 13px;}
  
/*# Featured SLC Designers #*/
div.slcdesigner{float:left; width: 215px; color:#666; padding: 10px 10px 10px 10px; margin:0;}
div.slcdesigner .detail{float:left; height: 270px; clear: both; overflow:hidden;}
div.slcdesigner{float:left; width:215px;}
div.slcdesigner img.teaser{float:left;width: 75px;}

/*# NewsLetter#*/
div.callouts .Subscription{clear: both; margin: 10px 0 0 0;}
div.callouts img.newsletter{display:block; margin: 0 auto; padding: 0 0 8px 0;}
div.callouts fields{border:0;}
div.callouts legend{display:none;}
div.callouts label{float:left; width: 215px; margin: 0 0 7px 0;}
div.callouts .SubscriptionTextbox{float: right; width: 215px;  padding: 5px 0 5px 0; margin: 0 0 7px 0; border: solid 1px #8A8A8A; font-size: 12px;} 
div.callouts p.image {margin: 0 0 0 60px;}
div.callouts p.validation span{float:left; display:block; width: 100%; text-align:left; padding: 0 0 5px 0!important; margin: 0 !important; color: #f00 !important;}


/*# Banners #*/
ul.banners {float:left; width: 1000px; padding:0; margin: 0;}
ul.banners img{margin: 0 0 8px 0;}

/*# Buttons #*/
ul.buttons {float:left; width: 1000px; padding:0; margin: 0;}
ul.buttons li{float:left; width: 250px; margin: 0 0 0 0;}
ul.buttons li.last{float:left; width: 250px; margin: 0;}


/*# Pattern Home Page #*/
.main-callout{float:left;width: 1000px; padding: 0; margin:0; }
ul.callout-category{float:left; width: 1000px; padding:0; margin:3px 0 3px 0; }

/*# Product Page #*/
#product-content{float:left; width: 1000px; margin:0; padding:5px 0 0 0;}
#product-content div.left{float:left; width: 250px; margin:0; padding:5px 0 0 0; overflow: hidden;}
#product-content div.right{float:right; width: 750px; margin:0; padding:0; overflow:hidden;}
#product-content h1{font-size: 24px;display:block;line-height:20px; margin: 0 0 15px 0;}
#product-content p{margin: 0 0 10px 0; text-align: justify; color: #000; font-size: 12px; line-height: 15px;}
#product-content table{width: 100% !important;}
#product-content table th{background-color: #d8d8d8;font-weight: bold; padding: 5px;}
#product-content table td{text-align: left !important; vertical-align: top; padding: 5px; }
#product-content table b{font-weight: bold;}
#product-content-right {float:left; width: 750px; margin:0; padding:0; overflow:hidden; }

#secNav{float:left; width: 240px; padding:0; margin:0; background: url(/images/misc/menu_top.aspx) no-repeat left top; overflow: hidden;}
#secNav h2 img{margin:0; padding: 5px 0 0 13px; }
#secNav ul{float:left; width: 214px; min-height: 350px; padding: 0px 12px 0 12px;  margin:5px 0 0 0; background: url(/images/misc/menu_vertical.aspx) repeat-x left top; border-left: solid 1px #cdcdcd; border-right: solid 1px #cdcdcd;}
#secNav ul li{float:left; width: 214px; clear:both; margin: 0; line-height:25px; border-bottom: solid 1px #cdcdcd;}

#secNav ul li ul{margin: 0; padding:0;line-height:25px; min-height: 100px; border:none; background:none;}
#secNav ul li ul li{text-indent: 12px; margin: 0; line-height:25px; border:none;}


#secNav a, #secNav a:link, #secNav a:visited {color: #000; text-decoration:none;}
#secNav .bottom{ float:left;width: 255px; line-height: 40px; background: url(/images/misc/menu_bottom.aspx) top left no-repeat;}

/*# Breadcrumbs#*/
#breadcrumb{float:right; margin: 0 0 8px 0;color: #666;}
#breadcrumb a{color: #666;}

/*# Product Categories #*/
ul.categories {float:left; width: 750px; padding:0; margin:0; }
ul.categories ul, li {margin:0;padding:0; list-style:none;}
ul.categories li.normal{float:left; width: 235px; height:265px; margin: 0 22px 0 0; padding:0;  background: url(/images/misc/item-container.aspx) top left no-repeat; overflow: hidden;}
ul.categories li.last{float:right; width: 235px; height:265px; margin: 0 0 0 1px; padding:0;  background: url(/images/misc/item-container.aspx) top left no-repeat; overflow: hidden;}
ul.categories li.normal a, ul.categories li.normal a:link, ul.categories li.normal a:visited{display:block; text-decoration:none;}
ul.categories li.last a, ul.categories li.last a:link, ul.categories li.last a:visited{display:block; text-decoration:none;}
ul.categories span.image{float:left; width:235px; height: 180px; overflow: hidden;}
ul.categories span.image img{display: block; margin:0 auto; padding: 15px 0 0 0;}
ul.categories span, ul.categories span, ul.categories span{display: block; text-align:center; margin:0; padding: 5px 7px 0 7px; color: #000; font-weight:bold;}
ul.categories img.button{padding:20px 0 0 0; display: block; margin: 0 auto;}
ul.categories hr{clear:both; border:0 !important; color:#fff; height: 1px;}

/*# WishList#*/
ul.wishlist{float:left; width: 100%; padding:0; margin:0;}
ul.wishlist ul, li {margin:0;padding:0; list-style:none; }
ul.wishlist li.normal{float:left; width: 235px; height:285px; margin: 0 12px 0 0; padding:0;  background: url(/images/misc/product-item-container.aspx) top left no-repeat; overflow: hidden;}
ul.wishlist li.last{float:right; width: 235px; height:285px; margin: 0 ; padding:0;  background: url(/images/misc/product-item-container.aspx) top left no-repeat; overflow: hidden;}
ul.wishlist .image{float:left; width:235px; height: 175px; overflow: hidden;}
ul.wishlist .image img{display: block; margin:0 auto; padding: 15px 0 0 0;}
ul.wishlist span.number{display: block; text-align:center; padding: 8px 0 0 0; color: #000; font-weight:bold;}
ul.wishlist span.price{display: block; text-align:center; padding: 5px 0 0 0; color: #f00; font-weight:bold;}
ul.wishlist .buttons{float:left; display: block; margin: 0 0 0 50px; padding:5px 0 0 0;}
ul.wishlist hr{clear:both; border:0; height: 1px;}

/*# Product List#*/
ul.productlist{float:left; width: 750px; padding:0; margin:0;}
ul.productlist ul, li {margin:0;padding:0; list-style:none; }
ul.productlist li.normal{float:left; width: 235px; height:285px; margin: 0 19px 0 0; padding:0;  background: url(/images/misc/product-item-container.aspx) top left no-repeat; overflow: hidden;}
ul.productlist li.last{float:right; width: 235px; height:285px; margin: 0 0 0 1px; padding:0;  background: url(/images/misc/product-item-container.aspx) top left no-repeat; overflow: hidden;}
ul.productlist li.normal a, ul.productlist li.normal a:link, ul.productlist li.normal a:visited{display:block; text-decoration:none;}
ul.productlist li.last a, ul.productlist li.last a:link, ul.productlist li.last a:visited{display:block; text-decoration:none;}
ul.productlist span.image{float:left; width:235px; height: 175px; overflow: hidden;}
ul.productlist span.image img{display: block; margin:0 auto; padding: 15px 0 0 0;}
ul.productlist span.number{display: block; text-align:center; padding: 8px 0 0 0; color: #000; font-weight:bold;}
ul.productlist span.price{display: block; text-align:center; padding: 5px 0 0 0; color: #f00; font-weight:bold;}
ul.productlist img.button{padding:5px 0 0 0;}
ul.productlist hr{clear:both; border:0; height: 1px;}

/*# Product Detail#*/
ul.productlist {width:100%;}
ul.productlist h1.heading1{font-size: 24px;display:block;line-height:20px; margin: 0 0 15px 0;}
ul.productlist img{display:block; margin: 0 auto;}

ul.productlist .CartItemSelectorContainer{float:left; width: 98%; padding: 15px 5px 15px 5px; margin: 15px 0 0 0; border: solid 1px #E6E6E6; background-color:#F6F6F6; overflow: hidden;}
ul.productlist .CartItemSelector{float:left; width:220px; height:30px; min-height:30px;}
ul.productlist .ProductOptionSelectorContainer select{display:block; margin: 0 0 0 5px;}
ul.productlist .OptionCategoryName{padding: 0; line-height:20px; font-weight:bold;}
ul.productlist .ProductOptionSelector{padding: 0; line-height:20px;}
ul.productlist .AddToCartContainer{float:left; padding: 15px;}

ul.productlist .PricesContainer{float:right; width:200px;}
ul.productlist .TotalPriceContainer{float:right; width:200px; margin: 0 0 5px 0;}
ul.productlist .WarningBox{font-size: 14px; font-weight: normal; width: 400px; clear:both; margin: 5px auto 5px auto; padding: 5px; background-color: #FFFF35; border: solid 1px #ccc; text-align:left; }
ul.productlist span.TotalRetailPriceLabel{line-height:20px;}
ul.productlist span.TotalRetailPrice{line-height:20px; color: #000; font-size: 13px;}
ul.productlist span.TotalPublicPriceLabel{line-height:20px; font-weight:bold;}
ul.productlist span.TotalPublicPrice{line-height:20px; color: #f00; font-size: 16px;}
ul.productlist span.TotalMembersPriceLabel{line-height:20px; font-weight:bold;}
ul.productlist span.TotalMembersPrice{line-height:20px; color: #f00; font-size: 16px;}
ul.productlist ul.tabs{float:left; width:100%; padding:0 !important; margin:15px 0 0 0 !important; list-style: none; height: 32px;	border-bottom: 1px solid #999; border-left: 1px solid #999;}
ul.productlist ul.tabs li{float: left;margin: 0;padding: 0; height: 31px;line-height: 31px; border: 1px solid #999;border-left: none;margin-bottom: -1px; background: #e0e0e0;overflow: hidden;position: relative; background: url(/images/misc/Tabbed_Background_Down.aspx) repeat-x left top;}
ul.productlist ul.tabs li a{ padding: 0 10px 0 10px; text-decoration: none;color: #000;display: block;font-size: 12px; border: 1px solid #fff;outline: none;}
ul.productlist ul.tabs li a:hover{}
ul.productlist ul.tabs li.active {background: #fff;border-bottom: 1px solid #fff;}
ul.productlist .tab_container {width:748px; border: 1px solid #999;border-top: none;clear: both;}
ul.productlist .tab_content{padding:10px; font-size: 13px;}
ul.productlist .tab_content img{display:block; margin: 0 auto;}
table{width: 100% !important;}
table td{text-align: left !important; padding: 0 0 5px 0 ; }
table b{font-weight: bold;}
div.description{float:left; display:block; padding: 10px 0 0 0; font-size: 13px;}
div.description span.title{display:block; font-weight:bold; margin: 0 0 5px 0;}
div.description span.author{display:block; font-weight:bold; margin: 0 0 5px 0;}

/*# Buttons Navigation #*/
div.buttonNav{float:left; width: 1000px; padding:0; margin:0; border-bottom: 1px solid #1c1c1c; border-right: 1px solid #1c1c1c; border-left: 1px solid #1c1c1c; background-color: #302f2f;}
div.buttonNav .box{float:left; width: 250px; margin: 0;}
div.buttonNav ul, li {margin:0;padding:0; list-style:none; }
div.buttonNav .slider {}  
div.buttonNav .slidermenu {display:none; width:245px;  background-color: #302f2f;}  
div.buttonNav .slidermenu li {background-color: #302f2f; padding: 5px 0 2px 8px; }
div.buttonNav .slidermenu li a {color:#ccc;text-decoration:none; display:block;}
div.buttonNav .slidermenu li a:hover {color: #fff;}  

/*# Category Caousel#*/
#carousel_container{float:left; width: 996px; padding:0; margin:0; border: 2px solid #d6d6d6; overflow: hidden;}
#carousel_category{float:left;width: 896px; overflow:hidden; /* Fix for IE */position:relative;}
#carousel_category ul{position: relative; padding: 0; margin: 0;}
#carousel_category li{float: left;list-style: none; width: 220px; height: 192px;  margin: 0 8px 0 0; }
#carousel_category li.last{}
#left_scroll{float:left; width: 45px; margin: 80px 5px 0 0;}
#right_scroll{float:left; width: 45px; margin: 80px 0 0 5px;}
#left_scroll img, #right_scroll img{cursor: pointer;}   


/*#PagerControl#*/
.PagerControl{ float: left;  width: 99.8%; margin: 0 0 10px 0; clear: both !important; background-color:#EEEDE9; padding:5px 0 5px 0; border: solid 1px #ccc;}
.PagerResults{ float: left; color: #666 !important; font-weight:normal !important; font-size: 13px; padding:0 !important; line-height:20px; vertical-align: middle; padding: 0 0 0 5px !important;}
.PagerNumberArea{float: right; color: #2f435e !important;}
.PagerNumberArea span{line-height:0px; padding:0 !important; margin:0 !important;}
.PagerNumberArea span a:link, .PagerControl span a:visited, .PagerControl span a {float:left; display:block; font-weight:bold; width:25px; line-height:20px; font-size:12px; text-align:center; border:1px solid #ccc;  background-color:#fff; border: solid 1px #ccc; color: #666; margin:0 0 0 2px; text-decoration:none;}
.PagerNumberArea span a:hover{ float:left; display:block; font-weight:bold; width:25px; line-height:20px; font-size:12px; text-align:center; border:1px solid #ccc; margin:0 0 0 2px; background-color:#666; color: #fff;text-decoration:none;}
span.SelectedPrev, span.UnselectedPage, span.UnselectedNext, span.UnselectedPrev, span.SelectedNext 
{float:left; display:block; font-weight:bold; width:25px; line-height:20px; font-size:12px; text-align:center; border:1px solid #ccc; margin:0 0 0 2px; background-color:#fff; color: #000;}
span.SelectedPage {float:left; display:block; font-weight:bold; width:25px; line-height:20px; font-size:1.1em; text-align:center; border:1px solid #666; margin:0 0 0 2px; background-color:#666; color: #fff;}

/*# Uni Pager#*/
div.unipager{ float: left;  width: 99.8%; margin: 0 0 10px 0; clear: both !important; background-color:#EEEDE9; padding:5px 0 5px 0; border: solid 1px #ccc;}
div.unipager span.results{ display:block; float: left; color: #666 !important; font-weight:normal !important; font-size: 13px; padding:0 !important; line-height:20px; vertical-align: middle; padding: 0 0 0 5px !important;}
div.unipager div.pagelinks{float: right; color: #2f435e !important; width: auto !important;}
div.pagelinks a{float:left; display:block; font-weight:bold; width:25px; line-height:20px; font-size:12px; text-align:center; border:1px solid #ccc;  background-color:#fff; border: solid 1px #ccc; color: #666; margin:0 0 0 2px; text-decoration:none;}
div.pagelinks a:hover{ float:left; display:block; font-weight:bold; width:25px; line-height:20px; font-size:12px; text-align:center; border:1px solid #ccc; margin:0 0 0 2px; background-color:#666; color: #fff;text-decoration:none;}
div.pagelinks a.firstpage,
div.pagelinks a.previouspage,
div.pagelinks a.nextpage,
div.pagelinks a.lastpage
{float:left; display:block; padding: 0 3px 0 3px; font-weight:bold; width: auto !important; line-height:20px; font-size:12px; text-align:center; border:1px solid #ccc;  background-color:#fff; border: solid 1px #ccc; color: #666; margin:0 0 0 2px; text-decoration:none;}
div.pagelinks span.currentpage{float:left; display:block; font-weight:bold; width:25px; line-height:20px; font-size:12px; text-align:center; border:1px solid #ccc; margin:0 0 0 2px; background-color:#666; color: #fff;text-decoration:none;}

/*#ShoppingCart#*/
.CartTable{}
.LineErrorLabel{color: #ff0000;text-align: left;}
.ShoppingCartMiniPreviewArea Table{margin-left:auto;}

/*# Overall #*/
.HiddenButton{display: none; width:auto !important; text-align: center;background-color:#000; color:#fff; border:1px solid #2f435e; text-transform:uppercase; font-size:11px;}
.ContentButton{width:auto !important; padding: 5px; text-align: center; background-color:#000; color:#fff; border:1px solid #2f435e; text-transform:uppercase; font-size:11px;}
.ErrorLabel{color: #ff0000;display: block;padding-bottom: 10px;text-align: left;}
.DropDownField{width: 285px;}
.TextboxField, .TextBoxField{width: 280px;}
.FieldLabel {text-align: right; padding: 0 5px 0 0 !important;}

/*# Addresses #*/
.BlockContent{padding: 5px;}
.BlockTitle{font-size: 13px;font-weight: bold;display:block;}
.BlockContent td{padding: 0 0 5px 0;}

/*# Shopping cart #*/
.AddressPreview{padding: 0px 5px 5px 5px;height: 100%;}
.AddressPreviewLabel{color: #000000;display: block;}
.DiscountCouponPanel{float:left;}
.PricePanel{float:right;}
.CartStepInnerPanel{margin: 10px;}
.CartStepPanel{padding-bottom:10px;}
.CartStepPanel  fieldset{border: 1px solid #ccc; margin: 0 5px 0 0;}
.CartStepPanel legend{margin-left: -8px;margin-right: 4px;color: #E36C26;padding: 5px;font-weight: bold; font-size: 12px;}
.AddressTitle{font-size: 16px;	font-weight: bold;}
.SmallTextLabel{font-size: 10px;}
.ShoppingCartIcon{vertical-align: middle;}
.UnitsTextBox{width: 50px;}
.ButtonSendPassword{width:auto !important; text-align: center;background-color:#2f435e; color:#fff; border:1px solid #2f435e; text-transform:uppercase; font-size:11px;}
.LongButton{width:auto !important; padding: 5px; text-align: center;background-color:#000; color:#fff; border:1px solid #2f435e; text-transform:uppercase; font-size:11px;}
.ItemsNotAvailable{color: Red;}
.InvoiceCompanyAddressTitle{display:block;font-weight: bold;}
.PaymentGatewayDataContainer{}
.PaymentFormSeparator{height: 10px;}
.InfoLabel{color: #000000;display: block;padding-bottom: 10px;}
.AddressPreviewWithTwoColumns td{width: 46%;}
.AddressPreviewWithThreeColumns td{width: 29%;}

/*# Prodcut price detail #*/
.PriceDetailSummaryTable{border: 1px solid #000000;border-collapse: collapse;color: #000000;width: 100%;}
.PriceDetailSummaryTable th{border: 1px solid #000000;border-collapse: collapse;background-color: #d8d8d8;font-weight: bold;}
.PriceDetailSummaryTable td{border: 1px solid #000000;border-collapse: collapse;}
.PriceDetailSubtotalTable{border: 1px solid #000000;border-collapse: collapse;width:100%;margin-bottom: 20px;margin-top: -1px; /* only in Internet Explorer */}
.PriceDetailSubtotalTable tr{border: 1px solid #000000;	border-collapse: collapse;}
.PriceDetailSubtotalTable td{border-top: 1px solid #000000;border-collapse: collapse;}
.PriceDetailSubtotalTable th{background-color: #d8d8d8;font-weight: bold;}
.PriceDetailSubtotal{background-color:#fde9d9;color: #000000;}
.PriceDetailHeader td{background-color: #333333;color:#ffffff;	font-weight: bold;}
.ProductPriceDetailTitle{font-weight:bold;font-size: 16px;display: block;margin-bottom: 20px;margin-top: 10px;border-bottom: 1px solid #000000;}
.ProductPriceDetailLink a, .ProductPriceDetailLink a selected{color: #000000;text-decoration: underline;}

/*# Shopping cart #*/
.CartTable{}
.CartStepTable{border: 1px solid #000; border-collapse: collapse;}
.CartStepTable th{background-color: #000; color: #ffffff; padding: 5px; font-size: 11px;}
.CartStepHeader{background-color: #000;color: #ffffff; padding: 5px; font-weight: bold;font-size: 13px;margin-bottom: 5px;}
.CartStepBody{}
.CartContentTable{width:100%;}
.CartContentTable td{border: 1px solid #dddddd;	background-color: #ffffff;padding: 4px;}
.CartContentTable th{border: 1px solid #dddddd;	font-size: 11px;}
.ShoppingCartStepImage{  border: none;	margin: 10px 10px 0 0;padding:0px;vertical-align: middle;}
.ShoppingCartStepSeparator{border: none;   margin-top: 10px;   padding: 0 20px;vertical-align: middle;}
.TextRight{text-align: right;}
.TextLeft{text-align: left;}

/*# Dialog Contactus #*/
#dialog-contacus{overflow:hidden;display:none;}
#dialog-contacus input, #dialog-contacus textarea{ display:block; width:100%; margin:0 0 7px 0;}
#dialog-contacus textarea{height:200px;}
#dialog-contacus label{display:block; width:100%; text-align:left;}
#dialog-contacus fieldset { padding:0; border:0; margin-top:15px; }
#contactus-button{padding: 0; margin:0; background: none !important; border: none !important; cursor:pointer;}

/*# Dialog Feedback #*/
#dialog-feedback{overflow:hidden;display:none;}
#dialog-feedback input, #dialog-feedback select, #dialog-feedback textarea{ display:block; width:100%; margin:0 0 7px 0;}
#dialog-feedback textarea{height:100px;}
#dialog-feedback label{display:block; width:100%; text-align:left;}
#dialog-feedback fieldset { padding:0; border:0; margin-top:15px; }
#feedback-button{padding: 15px 0 0 0; margin:0; background: none !important; border: none !important; cursor:pointer;}

/*# Someone Just Bought #*/
#someonejustbought {width:100%;}
#someonejustbought ul{margin:0; padding:0;}
#someonejustbought ul li{display:block; list-style:none;  margin: 0 0 5px 0; padding:0; height: 170px;}
#someonejustbought .thumbnail { float:left; width:120px; overflow:hidden;}
#someonejustbought .info { float:right; width:90px;}
#someonejustbought a{clear:both; margin: 0 0 6px 0; display:block; color: #666; font-weight:bold;}
#someonejustbought span.price {display: block; font-size:12px; color:#f00; }

/*# FAQ #*/
.faq{float:left; width:1000px;}
h2.trigger {float: left; padding: 0 0 0 50px; margin: 0 0 5px 0; background: url(/images/misc/h2_trigger_a.aspx) no-repeat; height: 46px; line-height: 46px; width: 1000px; font-size: 14px; font-weight: normal; }
h2.trigger a {color: #fff; text-decoration: none;display: block;}
h2.trigger a:hover {color: #ccc;}
h2.active {background-position: left bottom;}
.toggle_container {margin: 0 0 5px 0; padding: 0; border-top: 1px solid #d6d6d6; background: #f0f0f0 url(/images/misc/toggle_block_stretch.gif) repeat-y left top; overflow: hidden; font-size: 13px; width: 980px; clear: both;}
.toggle_container .block {padding: 20px; background: url(/images/misc/toggle_block_btm.gif) no-repeat left bottom;}

#registerlogin{float:left; width: 730px; clear:both; margin: 15px 0 0 0; overflow:hidden;}
#registerlogin .loginform{float:left; width:360px; height: 310px; margin:0; background: url(/images/misc/Login_Signup_Background.aspx) no-repeat left top; overflow:hidden;}
#registerlogin .registerform{float:right; width:360px; height: 310px; margin: 0; background: url(/images/misc/Login_Signup_Background.aspx) no-repeat left top; overflow:hidden;}

/*# Login Form #*/
.loginform img{float:left; padding: 15px 0 0 15px;}
.loginform fieldset {float:left; padding:0; border:0; width: 350px;}
.loginform legend{ display:none;padding:0; border:0; font-size: 16px; font-weight: bold; }
.loginform p{float:left; clear:both; width:340px; margin: 0 0 10px 0;}
.loginform p.validation span{float:left; display:block; width: 100%; text-align:center; padding: 5px !important; margin: 0 !important; color: #f00 !important;}
.loginform label{float:left; display:block; width:110px; text-align:right; padding: 0 5px 0 0;}
.loginform span.required{float:left; display:block; width:80px; margin: 0 0 0 10px;}
.loginform .input{float:left; display:block; width:180px;}
.loginform .button{margin: 0 0 0 130px;}
.loginform a{margin: 5px 0 5px 130px;}
.loginform p span.input{float:left; width: 340px;  padding: 0 0 0 130px;}
.loginform p span.input input{float:left; }
.loginform p span.input label{float:left; display:block; width: auto !important; padding: 0 0 0 5px; text-align:left !important; }
.loginform span.info{display:block; clear:both; padding: 10px 0 0 20px; font-weight:bold; font-size: 12px;}
.loginform a{display: block; color: #666; margin: 10px 0 5px 130px;}

/*# Register Form #*/
.registerform img{float:left; margin: 15px 0 0 15px;}
.registerform fieldset { float:left;padding:0; border:0; width: 350px;}
.registerform legend{ display:none;padding:0; border:0; font-size: 16px; font-weight: bold;}
.registerform p{float:left; clear:both; width:340px; margin: 0 0 10px 0;}
.registerform p.validation span{float:left; display:block; width: 100%; text-align:center; padding: 5px !important; margin: 0 !important; color: #f00 !important;}
.registerform label{float:left; display:block; width:110px; text-align:right; padding: 0 5px 0 0;}
.registerform span.required{float:left; display:block; width:80px; margin: 0 0 0 10px;}
.registerform .input{float:left; display:block; width:180px;}
.registerform .button{margin: 0 0 0 130px;}
.registerform p span.input{float:left; width: 340px;  padding: 0 0 0 130px;}
.registerform p span.input input{float:left; }
.registerform p span.input label{float:left; display:block; width: auto !important; padding: 0 0 0 5px; text-align:left !important; }
.registerform span.info{display:block; clear:both; padding: 10px 0 0 20px; font-weight:bold; font-size: 12px;}

/*# Sew Loyal Club  #*/
.sewloyalbenifits{float:left; width: 730px; clear:both;}
.sewloyalbenifits .logo{float:left; width: 210px;}
.sewloyalbenifits span.text{float:right; font-size: 14px; font-weight: bold; color: #CE0000; display:block; width: 500px; line-height:20px;}
.sewloyalbenifits span.text li{background: url(/images/misc/slc_bullet.aspx) no-repeat left center; font-size: 14px; font-weight: bold; color: #CE0000; margin: 0 0 5px 0; padding:6px 0 6px 50px; line-height:20px;}

/*# My Account #*/

#myaccount{float: left; width: 1000px;}
#myaccount div.TabsHeader{background-color: #000; height: 35px;}
#myaccount td.TabControl{float:left; padding: 0 15px 0 0; margin:0;}
#myaccount td.TabControlSelected{float:left;  padding:  0 15px 0 0; margin:0;}
#myaccount .TabsHeader a{text-indent: 5px; display: block; color: #fff; text-decoration: none; font-weight: bold; text-align: left; line-height: 35px; text-transform:uppercase;}
#myaccount td.TabControlSelectedLeft{width:0px !important; display:none;}
#myaccount td.TabControlSelectedRight{width:0px !important; display:none;}
#myaccount td.TabControlLeft{width:0px !important; display:none;}
#myaccount td.TabControlRight{width:0px !important; display:none;}
#myaccount .TabsContent{margin-top: 10px;}


/*Personal settings tab*/
#myaccount .TabsContent td.EditingFormLabelCell{width: 200px;}
#myaccount .TabsContent td.EditingFormValueCell{}
#myaccount .TabsContent .RadioButtonList {width:150px !important;}

/*Detail settings tab*/
#myaccount .TabsContent td.FieldLabel{width: 200px;}
#myaccount .TabsContent .RadioButtonList label{margin: 0 0 0 5px !important;}

/* Grids */
#myaccount .Grid td{border: 1px solid #dddddd; background-color: #ffffff;padding: 4px;}
#myaccount .UniGridHead th{background-color: #000; color: #ffffff; padding: 8px; font-size: 12px;}
#myaccount .Grid a { color:#000; text-decoration: none; font-size: 12px;}
#myaccount .Grid td{padding:8px;}

/* Subscriptions*/
#myaccount legend{display:none;}
#myaccount .SubscriptionsPanel{display:none;}
#myaccount input{margin: 0 5px 0 0;}


/*# News List#*/
ul.news{float:left; width: 1000px; padding:0; margin:0;}
ul.news ul, li {margin:0;padding:0; list-style:none; }
ul.news li{float:left; border: 1px solid #d6d6d6; background: #E6E6E6; width: 980px; margin: 0 0 10px 0; padding:10px;  overflow: hidden;}
ul.news li h1.heading1{color: #000; font-size: 20px; display:block;line-height:24px; margin: 0 0 10px 0;}
ul.news li a{float:left; color: #666; margin: 5px 0 0 0;}
ul.news img.teaser{float:left; padding: 0 15px 10px 0;}
ul.news span.datetime{display: block; text-align:left; padding: 0 0 5px 0; color: #000; font-weight:bold;}
ul.news span.summary{display: block; text-align:left; padding: 5px 0 0 0; color: #666; line-height:18px; }
ul.news li.detail span.summary{color: #000; font-weight:bold;}
ul.news span.detail{display: block; text-align:left; padding: 5px 0 0 0; color: #666; line-height:18px; }
ul.news span.detail h1{display: block; font-size: 20px; padding-bottom:10px; font-weight:bold; text-align:left; line-height:22px; }
ul.news span.detail h2{display: block; font-size: 18px; font-weight:bold; text-align:left; line-height:18px; }
ul.news span.detail h3{display: block; font-weight:bold; text-align:left; line-height:18px; }
ul.news span.detail h4{display: block; font-style:italic; text-align:left; line-height:18px; }
ul.news hr{clear:both; border:0; height: 1px;}


/*# Featured SLC Designer List#*/
ul.slcdesigner{float:left; width: 1000px; padding:0; margin:0;}
ul.slcdesigner ul, li {margin:0;padding:0; list-style:none; }
ul.slcdesigner li{float:left; border: 1px solid #d6d6d6; background: #E6E6E6; width: 960px; margin: 0 0 10px 0; padding:10px;  overflow: hidden;}
ul.slcdesigner li h1.heading1{color: #000; font-size: 18px; display:block;line-height:20px; margin: 0 0 10px 0;}
ul.slcdesigner li a{float:left; display:block; text-decoration:none; color: #666; margin: 10px 0 0 0;}
ul.slcdesigner img.teaser{float:left; padding: 0 15px 10px 0;}
ul.slcdesigner span.summary{display: block; text-align:left; padding: 5px 0 0 0; color: #666; font-weight:normal; line-height:18px; }
ul.slcdesigner li.detail span.summary{color: #000; font-weight:bold;}
ul.slcdesigner span.detail{display: block; text-align:left; padding: 5px 0 0 0; color: #666; font-weight:normal; line-height:18px; }
ul.slcdesigner hr{clear:both; border:0; height: 1px;}

/*# Product multiple images#*/
ul.doubleImage {float:left; width: 720px; padding:0; margin:0 0 8px 0;}
ul.doubleImage li.left{float:left; width: 350px; margin: 0 8px 0 0;}
ul.doubleImage li.right{float:left; width: 350px; margin: 0 8px 0 0;}

/*# Welcome Info #*/
.welcomeinfo {float:left; width:100%; margin: 5px 0 0 0;}
.welcomeinfo span{float:left; display:block; text-align:left; font-weight:bold; padding: 0 5px 0 0; font-size: 14px;}
.welcomeinfo span.expiry, .welcomeinfo a{clear:both; margin: 0 0 6px 0; display:block; font-weight:normal; color: #000 !important; font-size:12px;}



/*#Polls#*/

.PollControl{float:left; border: 1px solid #d6d6d6; background: #E6E6E6; width: 980px; padding: 10px; margin: 15px 0 0 0;}
.PollTitle{display:none !IMPORTANT;}
.PollAnswers{font-weight:bold;font-size: 12px; margin: 5px 0 0 0; color: #000;}
.PollAnswerRadio input{margin: 0 5px 0 0;}
.PollGraph{height: 8px;border: 1px solid #b0b0b0; width:99%;}
.PollGraph div{height: 8px;background: url(../App_Themes/EcommerceSite/Images/poll03.gif) 100% 0% repeat-x;line-height: 0px;font-size: 0px;}
.PollQuestion{font-size:18px;font-weight: bold; display: block; margin: 0 0 10px 0; }
.PollCount{ text-align: right;}
.PollFooter{margin-top:10px;}



/*#Sitemap#*/

.CMSSiteMapList ul{padding:0; margin:0 0 10px 0;}
CMSSiteMapList ul li{ margin: 0; line-height:25px; font-weight: bold;}
.CMSSiteMapList  ul li ul{margin: 0 0 10px 0; padding:0;line-height:25px; }
.CMSSiteMapList  ul li ul li{text-indent: 12px; margin: 0; line-height:25px;}
.CMSSiteMapList a, .CMSSiteMapList  a:link, .CMSSiteMapList  a:visited {color: #000; text-decoration:none;}


/*#Size Help#*/
.sizehelp h1 {font-size: 18px; line-height:25px; font-weight: bold;}
.sizehelp h2 {font-size: 14px; font-weight: bold;}
.sizehelp h3 {font-weight: bold;}


/* jQuery Countdown styles 1.5.5. */
.hasCountdown {border: 1px solid #ccc;background-color: #eee;}
.countdown_rtl {direction: rtl;}
.countdown_holding span {background-color: #ccc;}
.countdown_row {clear: both;width: 100%;padding: 0px 2px;text-align: center;}
.countdown_show1 .countdown_section {width: 98%;}
.countdown_show2 .countdown_section {width: 48%;}
.countdown_show3 .countdown_section {width: 32.5%;}
.countdown_show4 .countdown_section {width: 24.5%;}
.countdown_show5 .countdown_section {width: 19.5%;}
.countdown_show6 .countdown_section {width: 16.25%;}
.countdown_show7 .countdown_section {width: 14%;}
.countdown_section {display: block;float: left;	font-size: 75%;text-align: center;}
.countdown_amount {font-size: 200%;}
.countdown_descr {display: block;width: 100%;}

/*# Blogs #*/
.blogLeft{float:left; width: 700px;}
.blogLeft .blogImage{float:left; width: 700px;}
.blogLeft .blogContent{float:left; width: 700px;}
.blogRight{float:right; width: 270px;}

.sidebox {width: 260px; background: url(/images/misc/sbbody-r.aspx) no-repeat bottom right;font-size: 100%;}
.boxhead {background: url(/images/misc/sbhead-r.aspx) no-repeat top right;margin: 0;padding: 0;text-align: center;}
.boxhead h2 {background: url(/images/misc/sbhead-l.aspx) no-repeat top left;margin: 0;padding: 0;color: #fff; font-weight: bold; font-size: 1.2em; line-height: 1em;padding: 22px 30px 5px;}
.boxbody {background: url(/images/misc/sbbody-l.aspx) no-repeat bottom left;margin: 0;padding: 5px 30px 31px; color: #788DB1; font-size: 14px;}

/*# Tag Clouds #*/
div.TagCloud a{color: #788DB1;}

/*# BlogList Right#*/
ul.bloglistright ul {margin:0;padding:0; list-style:none;}
ul.bloglistright li{margin: 0 0 5px 0; padding:0; font-size: 12px;}
ul.bloglistright a{color: #788DB1; text-decoration: none;}

/*# BlogList Archive#*/
ul.blogpostarchive ul {margin:0;padding:0; list-style:none;}
ul.blogpostarchive li{margin: 0 0 5px 0; padding:0; font-size: 12px;}
ul.blogpostarchive a{color: #788DB1; text-decoration: none;}

/*# Blog Latest Comments#*/
ul.latestcomments ul {margin:0;padding:0; list-style:none;}
ul.latestcomments li{margin: 0 0 5px 0; padding:0; font-size: 12px;}
ul.latestcomments li span.commentdate{display: block; font-weight: bold; margin: 0 0 5px 0; font-size: 13px;}
ul.latestcomments li span.comment{font-size: 12px; display: block; margin: 0 0 5px 0;}
ul.latestcomments a{color: #788DB1; text-decoration: none; display: block; text-align: right;}

/*# Blog Bookmarks#*/
.bookmarks a{padding: 5px;}

/*# Blogs BreadCrumbs #*/
.blog-breadcrumbs{width: 100%; padding-bottom: 2px;margin: 7px 0px 10px; font-size: 18px;}
.blog-breadcrumbs .CMSBreadCrumbsLink, .blog-breadcrumbs .CMSBreadCrumbsCurrentItem{margin: 7px 0px 15px;	padding-bottom: 2px;color: #000;text-decoration: none;font-size: 18px;}
.blog-breadcrumbs .TitleBreadCrumbLast{	font-weight: normal !important;	font-size: 11px !important;}

/*# Blogs List #*/
ul.bloglist {float:left; width: 700px; padding:0; margin:0;}
ul.bloglist ul{margin:0;padding:0; list-style:none;}
ul.bloglist li{float:left; width: 700px; margin: 0 0 10px 0; padding:0;  }
ul.bloglist li h1.title{font-size: 22px;display:block; line-height:20px; padding: 5px; background-color: #9DADC6; color: #fff;}
ul.bloglist li div.description{padding: 10px 0 0 0; line-height:20px; font-weight: 12px;}
ul.bloglist li a{display: block; float:right; text-decoration: none; color: #828B99; font-size: 15px; padding: 5px 0 0 0;}

/*# Blogs Posts #*/
ul.blogposts {float:left; width: 700px; padding:0; margin:0;}
ul.blogposts ul, li {margin:0;padding:0; list-style:none;}
ul.blogposts li{float:left; width: 700px; margin: 0 0 10px 0; padding:0;  }
ul.blogposts li h1.title{font-size: 22px;display:block; line-height:20px; padding: 5px; background-color: #9DADC6; color: #fff;}
ul.blogposts li div.summary{padding: 10px 0 0 0; line-height:20px;}
ul.blogposts li a.readmore{float:right; width: 700px; display: block; text-align:right;  text-decoration: none; color: #828B99; font-size: 15px; padding: 5px 0 5px 0;}
ul.blogposts li div.footnote{float: left; width: 690px;margin: 5px 0 0 0; font-size: 12px; background-color: #e5e5e5; padding: 5px; color: #788DB1;}
ul.blogposts li div.footnote a{font-size: 13px; color: #788DB1; font-weight: bold;}
ul.blogposts li div.footnote strong{font-weight: bold;}
ul.blogposts li div.description{float:left;  width: 700px; padding: 10px 0 0 0; line-height:20px;}
ul.blogposts li div.description h1{font-size: 30px;display:block; line-height:35px;}
ul.blogposts li div.description h2{font-size: 20px;display:block; line-height:25px;}
ul.blogposts li div.description h3{font-weight: bold;display:block;}
ul.blogposts li div.description b{font-weight: bold;}
ul.blogposts li div.description ul{padding: 0 0 0 20px; line-height:20px;}
ul.blogposts li div.description li{float:left; background: url(/images/misc/bullet-black.aspx) no-repeat left center; float:left; width: 700px; margin: 0 0 5px 0; padding:6px 0 6px 30px; }
ul.blogposts .boxLeft {border: rgb(204,204,204) 1px solid; padding: 5px; margin: 5px; float: left;}
ul.blogposts .boxRight {border: rgb(204,204,204) 1px solid; padding: 5px; margin: 5px; float: right;}
ul.blogposts .boxHighlight {display:block; border: rgb(204,204,204) 1px solid; padding: 5px; margin: 5px; background-color: #FFF591 }
ul.blogposts .bold{font-weight: bold;}
ul.blogposts div.tags{float: left; width: 690px;margin: 5px 0 0 0; font-size: 12px; background-color: #e5e5e5; padding: 5px; color: #788DB1;}
ul.blogposts div.tags a{font-weight: bold; font-size: 13px; color: #788DB1;}

/* Desciption override*/
ul.blogposts li div.description a{color: #000; font-weight: bold;}
ul.blogposts li div.description li a{color: #000; font-weight: bold; }
ul.blogposts li div.description h2{ margin: 0 0 10px 0;}
ul.blogposts li div.description p{ margin: 0 0 5px 0;}

/*#Content rating#*/
.ratingStar{font-size: 0pt;width: 13px; height: 12px; margin: 0px; padding: 0px;cursor: pointer; display: block;padding-right: 5px;background-repeat: no-repeat;}
.filledRatingStar {background-image: url(/images/misc/FilledStar.aspx);}
.emptyRatingStar {background-image: url(/images/misc/EmptyStar.aspx);}
.savedRatingStar {background-image: url(/images/misc/SavedStar.aspx);}
.blogContentRating .CntRatingResult{clear: both; width: 100%;}
.blogContentRating .CntRatingMessage{padding-bottom: 5px;font-weight: bold;}

.BlogCommentsTitle{font-size: 20px;}
.CommentDetail{width: 700px; margin: 5px 0 0 0;}
span.CommentUserName{float: left; width: 690px;margin: 5px 0 0 0; font-size: 14px; background-color: #e5e5e5; padding: 5px; color: #788DB1; font-weight: bold;}
span.CommentText{padding: 10px 0 0 0; line-height:20px;}
span.CommentDate{display: block; text-align: right; font-weight: bold;}
.buttonpedding a{padding: 5px; float: right; text-decoration: none; padding: 5px; color: #788DB1;}
.PostCommentSeparatorLine{height: 1px;width: 100%;margin-bottom: 12px;font-size: 0px; border: solid 1px #ccc;}

.BlogPanel{width: 400px !important; }
.BlogLeaveComment{font-size: 14px; font-weight: bold;}
.BlogPanel a{font-size: 14px; color: #000; font-weight: bold; float: right;}
.BlogPanel label{font-size: 12px; color: #000;}
.BlogPanel span.InfoLabel{font-size: 12px; color: #f00; font-weight: bold; margin: 5px 0 0 0;}
.BlogPanel .BlogRequiredValidator{font-size: 12px; margin: 5px 0 0 0;}
.BlogPanel input.TextBoxField, .BlogPanel textarea {width: 99%; margin: 5px 0 0 0;}
.BlogPanel span.CheckBoxMovedLeft label{padding: 0 0 0 5px; font-weight: bold;}

/*#Abuse report#*/
.AbuseBody .ReportComment{width: 300px;height: 200px;}
.ModalPanel{text-align: left;width: 400px;}
.DialogAbuseBody .ReportComment{width: 397px;height: 215px;font-size: 12px;}
.DialogAbuseBody .Messages{padding: 10px 0px 10px 0px;}
.DialogAbuseBody .Buttons{padding-top: 10px;}
.DialogAbuseBody .ErrorLabel{padding: 0px !important;}

/*#Modal popup#*/
.ModalBackground{z-index: 10000 !important;background-color: #888888;filter: alpha(opacity=70);opacity: 0.7;}
.ModalPanel{background-color: #ffffff;   padding: 10px;}
.ModalPanel .ContentButton{width: 100px;}
.ModalPanel .PageHeader span{vertical-align: top;}
.ReportComment{width: 200px;}

/*# WarningBox #*/
.warningbox{font-size: 16px; font-weight: bold; width: 500px; clear:both; margin: 5px auto 5px auto;  padding: 5px;background-color: #FFFF35; border: solid 1px #ccc;text-align:left;}

/*# Home Page V1.0 #*/
ul.callouts {float:left; width: 330px; height: 429px; padding:0; margin: 0; overflow:hidden;}
ul.callouts li{float:left; width: 100%; height: 213px; margin: 0; padding:0;}
ul.callouts li.last{float:left; width: 100%; height: 213px; margin: 3px 0 0 0; padding:0;}

div.slideshow-home{float:right; width: 667px; height: 430px; overflow: hidden;}
div.slideshow-home ul.items{float: right; height: 429px; width: 100%;}
div.slideshow-home li{float:right; width: auto;}

ul.promotionbanners{float:left; width: 1000px; padding:0; margin:0; overflow: hidden; }
ul.promotionbanners li{float:left; width: 100%; margin:0; height: 60px;}

ul.promotions {float:right; width: 500px; height: 380px; padding:0; margin:0; overflow: hidden; }
ul.promotions li{float:left; width: 100%; margin:0;}


ul.brands {float:left; width: 1000px; padding:0; margin:0; border: 0; overflow: hidden; }
ul.brands li.left {float:left; width: 244px; height: 185px; padding:0px; margin:2px 1px 2px 0px; border: 2px solid #d6d6d6; overflow: hidden;}
ul.brands li {float:left; width: 245px; height: 185px; padding:0px; margin:2px 1px 2px 1px; border: 2px solid #d6d6d6; overflow: hidden;}
ul.brands li.right {float:left; width: 244px; height: 185px; padding:0px; margin:2px 0px 2px 1px; border: 2px solid #d6d6d6; overflow: hidden;}

ul.homebox{float:left; width: 1000px; padding:0; margin:1px 0 0 0; overflow: hidden; display:none; }
ul.homebox li.box{float:left; width: 248px; height: 210px; margin:0; padding: 0px; overflow: hidden; background: url(/images/misc/footerbox.aspx) repeat-x left top;}
ul.homebox li h1.heading1{float:left; line-height: 24px; width: 100%; margin: 15px 0 5px 0px;}
ul.homebox li h1.heading1 img{display: block; margin: 0 auto;}
ul.homebox li span.detail{float:left; color: #fff; display:block; width: 215px; margin: 0 15px 5px 15px; height: 120px; overflow: hidden;}
ul.homebox li h2.heading2{float:left; color: #FFCC00; font-size: 12px; font-weight: bold;}
ul.homebox li span.text{float:left; color: #fff; display:block;}
ul.homebox li a{float:left; text-align: right; width: 100%;color: #FFCC00; font-size: 12px; font-weight: bold; margin: 4px 0 0 0; }

ul.blogslist{float:left; width: 200px; padding:0px; margin: 0;}
ul.blogslist li{float:left; margin: 0; padding: 0px; width: 100%;}
ul.blogslist li a{float: left; text-align: left; width: 100%; color: #FFCC00; font-size: 12px; font-weight: bold !important; text-decoration: none;}
ul.blogslist span.date{display:block; width: 100%; color: #ccc;}

ul.homebox span.newslettertext{float:left; width: 100%; display:block; color: #fff; font-size:12px;}
ul.homebox div.newsletterform{float:left; margin: 8px 0 0 0; }
div.newsletterform label{float: left; padding: 0 5px 0 0;}
div.newsletterform input{float:left; background-color: #000; border: solid 1px #131313; color: #FFCC00; padding: 2px;}
div.newsletterform span{ color: #f00;}

/*#Colour Chart#*/

div.description ul.colourChartList3 {padding:0;margin:0;font-size:1.0em}
div.description ul.colourChartList3 li{width:240px;float:left;padding:0}
div.description ul.colourChartList3 li a{padding:8px 10px 8px 0;width:200px;float:left;text-decoration:none;color:#294f88}
div.description ul.colourChartList3 li a:hover{}
div.description ul.colourChartList3 li div.colourBlock {display:inline-block;width:50px;height:25px;float:right}
div.description ul.colourChartList3 li img.colourBlock {display:inline-block;width:50px;height:25px;float:right}

div.description ul.colourChartList6 {padding:0;margin:0;font-size:1.0em}
div.description ul.colourChartList6 li{width:120px;float:left;padding:0}
div.description ul.colourChartList6 li a{padding:8px 10px 8px 0;width:100px;float:left;text-decoration:none;color:#294f88}
div.description ul.colourChartList6 li a:hover{}
div.description ul.colourChartList6 li div.colourBlock {display:inline-block;width:50px;height:25px;float:right}
div.description ul.colourChartList6 li img.colourBlock {display:inline-block;width:50px;height:25px;float:right}

div.description ul.colourChartList7 {padding:0;margin:0;font-size:1.0em}
div.description ul.colourChartList7 li{width:104px;float:left;padding:5}
div.description ul.colourChartList7 li a{padding:8px 10px 8px 0;width:80px;float:left;text-decoration:none;color:#294f88}
div.description ul.colourChartList7 li a:hover{}
div.description ul.colourChartList7 li div.colourBlock {display:inline-block;width:50px;height:25px;float:right}
div.description ul.colourChartList7 li img.colourBlock {display:inline-block;width:50px;height:25px;float:right}

.homeTop 		{ width:326px; height:209px; text-align: center; float:left; padding:0px; margin:0px 0px 2px 0px; border: 2px solid #d6d6d6; overflow: hidden; }
.homeTop a	 	{ text-decoration:none; }
.homeTop div.pow	{ width: 100%; height: 190px; margin:3px 0px 0px 3px; display:inline-block; float: left; }
.homeTop div.info 	{ padding: 3px; float: right; display:block; }
.homeTop div.info h1 	{ font-size: 18px; }
.homeTop div.info span.memberPrice { font-size: 24px; font-weight: bold; padding: 100px 0px 10px 0px; color: #ff0000; display:block; white-space: nowrap; }
.homeTop div.info span.retailPrice { font-size: 12px; color:#294f88; display:block; }
.homeTop div.footer 	{ width: 100%; display:block; float: left; }
.homeTop div.footer a 	{ color:#294f88; text-decoration:none; }

.homeSlideshow 		{ width:663px; height:424px; text-align: center; float:left; padding:0px; margin:0px 0px 2px 0px; border: 2px solid #d6d6d6; overflow: hidden; }