/* MAIN WEBSITE AND LAYOUT STYLES */

body { font-family: Arial, Verdana; font-size: 12px; font-weight: normal; color: #999999; margin: 0px; padding: 0px; background: #B0B0B1 url(/images/body_background.gif) repeat-x 0 0px; min-width: 1050px; }

#mainContainer { width: 1000px; padding: 0px; margin: auto; }

#bannerContainer { width: 1000px; height: 139px; margin: auto;background: url(/images/dining_chair.jpg) no-repeat top right #FFF;}
#bannerLogo { float: left; width: 214px; padding: 10px 0px 0px 36px; }
#bannerRight { float: left; width: 560px; height: 139px; margin-right: 190px; padding: 10px 0px 0px 0px; }
#bannerSearch { padding-left: 220px; }
#bannerCart { text-align: right; font-size: 14px; padding: 0px;}
#bannerTel { font-size: 28px; font-style: none; font-weight: normal; color: #CC3333; padding: 10px 0px 0px 10px; }
#bannerTel img { padding: 0px 0px 0px 6px; }
fieldset.search { border: none;	width: 334px; background: #FFF; }
.search input, .search button {	border: none; float: left; }
.search input.box {	color: #333; font-size: 12px; width: 251px; height: 23px; padding: 3px 0px 0px 0px; background:   url(/images/search_background.gif) no-repeat left top; margin-right: 0px; text-indent: 10px; }
.search input.box:focus { background: url(/images/search_background.gif) no-repeat left top; outline: none; }
.search button.btn { width: 83px; height: 23px; cursor: pointer; text-indent: -9999px; background:   url(/images/search_button.gif) no-repeat top right; }

#navContainer { width: 1000px; height: 26px; text-align: center; }
#navContainer ul { margin: 0px 0px 0px 0px; padding: 11px 8px 13px 8px; }
#navContainer ul li { list-style: none; margin: 0px 0px 0px 0px; display: inline; }
#navContainer ul li a { color: #FFF; font-size: 13px; font-weight: bold; background: url(/images/top_menu_off.gif); text-decoration: none; padding: 9px 10px 11px 10px; }
#navContainer ul li a:hover { background: url(/images/top_menu_on.gif); }

#navTriangle { width: 878px; height: 9px; padding-left: 122px; background: #FFF; }

#contentContainer { width: 1000px; margin: 0px auto 0px auto; background: #FFF; }
#contentLeft { float: left; width: 216px; margin-top: 15px; padding: 0px 4px 0px 20px; font-size: 14px; color: #CC3333; background: url(/images/left_menu_top.gif) no-repeat; }
#contentLeft ul { margin: 24px 0px 15px 0px; padding: 0px; }
#contentLeft ul li { list-style: none; margin: 0px 0px 0px 0px; border-bottom: 1px solid #CCC; }
#contentLeft ul li a { font-size: 12px; text-decoration: none; display: block; width: 216px; height: 20px; padding: 6px 0px 0px 0px; color: #666; background: url(/images/left_menu_background.gif) no-repeat right; }
#contentLeft ul li a:hover { background: url(/images/left_menu_background.gif) no-repeat right #eee; }
#contentRight { float: left; width: 717px; margin-top: 0px; padding: 0px 20px 20px 23px; }
#contentShop { width: 960px; margin: 0px; padding: 1px 20px 20px 20px; background: #FFF; }

#stripesLeft { float: left; width: 790px; font-size: 28px; font-style: none; font-weight: normal; color: #CC3333; text-indent: 255px; }
#stripesRight { float: left; width: 210px; height: 34px; background: url(/images/dcuk_stripes.gif) no-repeat; }

#footerTop { width: 100%; height: 7px; clear: both; background: #CC3333; }
#footerMiddle { width: 100%; height: 235px; background: #000; padding-top: 10px; }
#footer { width: 1000px; margin: auto; color: #FFF; font-size: 12px; }
#footer a:link { color: #FFF; text-decoration: none; background-color: inherit; }
#footer a:visited { color: #FFF; text-decoration: none; background-color: inherit; }
#footer a:active { color: #FFF; text-decoration: underline; background-color: inherit; }
#footer a:hover { color: #FFF; text-decoration: underline; background-color: inherit; }
#footer .title { color: #CC3333; font-size: 14px; font-weight: bold; margin-bottom: 10px; }
#footerL { float: left; width: 200px; }
#footerC { float: left; width: 410px; padding: 0px 50px 0px 0px; }
#footerR { float: left; width: 340px; }
#footerBottom { width: 100%; height: 23px; background: #CC3333; text-align: center; color: #FFF; padding-top: 7px; }
#footerBottom a:link { color: #FFF; text-decoration: none; background-color: inherit; }
#footerBottom a:visited { color: #FFF; text-decoration: none; background-color: inherit; }
#footerBottom a:active { color: #FFF; text-decoration: underline; background-color: inherit; }
#footerBottom a:hover { color: #FFF; text-decoration: underline; background-color: inherit; }

.swatchBlock { float: left; width: 71px; height: 100px; text-align: center; font-size: 10px; }
.swatchImage { }

.clear { clear: both; }

#homeImages img { padding: 15px 4px 0px 0px; }
#gallery { position:relative; height:273px; margin-top: 20px; }
#gallery a { float:left; position:absolute;	}
#gallery a img { border:none; }
#gallery a.show { z-index:500; }
#gallery .caption { z-index:600; background-color:#000; color:#ffffff; height:45px; width:100%; position:absolute;	bottom:0; }
#gallery .caption .content { margin:5px	}
#gallery .caption .content h3 { margin:0; padding:0; color:#1DCCEF; }

h1 { font-size: 16px; font-weight: normal; color: #CC3333; background-color: inherit; } 
h2 { font-size: 14px; font-weight: normal; color: #CC3333; background-color: inherit; } 

a:link, a:visited { color: #0000DD; text-decoration: underline; }
a:active, a:hover { color: #FF0000; }

.textErrors { color: #DD0000; font-weight: bold; font-size: 14px;  }

input,textarea,select,checkbox,radio { border: 1px solid #999999; background: #EEEEEE; font-size: 11px; padding: 2px; }

/* jquery slide out contact form */
.slide-out-div { padding: 20px; width: 400px; background: #efefef; color: #333; border: 1px solid #ccc; z-index:700; }  

/* ##########################################################*/
/* AMBROWCART SHOP STYLES */

/* Generic */
.pageTitle { color: #fff; }

#shopCatLinks { font-family: arial; font-size: 12px; color: #999; }
#shopCatLinks a:link { text-decoration: none; color: #999; }
#shopCatLinks a:visited { text-decoration: none; color: #999; }
#shopCatLinks a:hover { text-decoration: underline; color: #999; }
#shopCatLinks a:active { text-decoration: underline; color: #999; }

/* category view */
.catCell { float: left; width: 310px; padding: 0px 10px 20px 0px; }
.catImage { text-align: center; }
.catCatname { border-bottom: 1px solid #CCC; }
.catCatname a { text-decoration: none; color: #999; }

/* Product summary screen */
.prodNoProducts {  }
.prodClickImage {  }
.prodResultsPage { text-align: center; padding: 15px 0px 15px 0px; }
.prodCell { float: left; width: 150px; padding: 0px 10px 20px 0px; }
.prodImage { text-align: center; }
.prodProduct { border-bottom: 1px solid #CCC; }
.prodProduct a { text-decoration: none; color: #999; }
.prodDescription { font-size: 11px; }
.prodPrice { font-size: 11px; }
.prodAddForm { text-align: left; }
.prodAddButton { text-align: left; background: #eee; color: #666; font-size: 9px; padding: 2px; border: none; cursor: pointer; }
.prodAddButton:hover { background: #ccc; }
/* custom for DCUK */
.prodCell4 { float: left; width: 230px; min-height: 280px; padding: 0px 10px 10px 0px; }
.prodCell4-2 { float: left; width: 460px; min-height: 280px; padding: 0px 10px 10px 0px; }
.prodCell6 { float: left; width: 150px; min-height: 280px; padding: 0px 10px 10px 0px; }
.prodCell6-2 { float: left; width: 310px; min-height: 280px; padding: 0px 10px 10px 0px; }
.prodCell8 { float: left; width: 110px; min-height: 280px; padding: 0px 10px 10px 0px; }

/* product details view */
.detCell {  }
.detImage { }
.detProduct { border-bottom: 1px solid #CCC; }
.detDescription { font-size: 12px; }
.detPrice { font-size: 12px; }
.detVariants { width: 460px; margin-top: 10px; }
.detVariantsName { float: left; width: 340px; border-bottom: 1px solid #CCC; }
.detVariantsPrice { float: left; width: 100px; border-bottom: 1px solid #CCC; }
.detVariantsRadio { float: left; width: 20px;  }
.detAddForm { text-align: left; margin-top: 10px; }
.detAddButton { text-align: left; background: #eee; color: #666; font-size: 9px; padding: 2px; border: none; cursor: pointer; }
.detAddButton:hover { background: #ccc; }
.detMoreDetails {  }

.cartBorders { background-color: #CCCCCC; font-weight: normal; color: #838383; }
.cartTotals { background-color: #B1D9FB; font-weight: normal; color: #838383; }
.cartContents {	background-color: #FFFFFF; color: #838383; }
.cartheaderBackground {	background-color: #CCCCCC; }
.cartheaderText { font-size: 10px; color: #000000; }
.cartfooterText { font-size: 12px; color: #000000; }
.cartButtonAdd { text-align: left; background: #eee; color: #666; font-size: 9px; padding: 2px; border: none; cursor: pointer; }
.cartButtonRemove { text-align: left; background: #eee; color: #666; font-size: 9px; padding: 2px; border: none; cursor: pointer; }
.cartButtonDelete { text-align: left; background: #eee; color: #666; font-size: 9px; padding: 2px; border: none; cursor: pointer; }
.cartButtonUpdate { text-align: left; background: #eee; color: #666; font-size: 9px; padding: 2px; border: none; cursor: pointer; }
.cartButtonContinue { text-align: left; background: #eee; color: #666; font-size: 9px; padding: 2px; border: none; cursor: pointer; }
.cartButtonCheckout { text-align: left; background: #eee; color: #666; font-size: 9px; padding: 2px; border: none; cursor: pointer; }
.cartButtonEnterDetails { text-align: left; background: #eee; color: #666; font-size: 9px; padding: 2px; border: none; cursor: pointer; }
.cartButtonConfirm { text-align: left; background: #eee; color: #666; font-size: 9px; padding: 2px; border: none; cursor: pointer; }