/* CSS Bazaar Arts Ceramics (c) 2010 */


/* CSS Reset */


html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend
{ 
  margin:0;
  padding:0;
}

img
{
  border:0;
}

a
{
  outline:none;
}


/* Html , Body */


html
{  
  overflow-x:hidden;
  overflow-y:auto;
}

body 
{
  width:980px;
  margin:0 auto 0 auto;
  padding-top:10px;
  behavior:url(csshover.htc);
  background:#000000 url(../images/strip.jpg) repeat-x fixed;
}


/* Banner */


#bannerwrapper
{
  padding:5px;
  background:#000000;
  border:1px solid #ff9900;
}

#banner
{
  height:92px;
  color:#ff9900;
  font:9pt Arial;
  text-align:center;
  background:#000000 url(../images/banner.jpg);
}

#banner h1
{  
  padding:15px 0 10px 0;
  color:#ffffff;
  font:35pt Garamond;
  font-weight:900; 
  letter-spacing:5px;
}

.shadow
{
  text-shadow:#ff9900 0 0 10px;
  filter:
    progid:DXImageTransform.Microsoft.Glow(Color=#ff9900,Strength=5);
    progid:DXImageTransform.Microsoft.blur(pixelradius=10, enabled='true');
  font:35pt Garamond;
  font-weight:900; 
  letter-spacing:5px;
}

#banner #clock ul
{
  list-style-type:none;
  margin:0;
  padding:0;
}

#banner #clock ul li
{
  display:inline;
  margin:0;
  padding:0 3px 0 3px;
}

#banner #left
{
  float:left;
  height:90px;
  width:210px;
}

#banner #left a
{
  display:block;
  height:90px;
  width:80px;
  margin:0 80px 0 50px;
}

#banner #right
{
  float:right;
  height:90px;
  width:210px;
}

#banner #right #search #searchform
{
  float:right;
  margin-top:3px;
  color:#ffffff;
  background:#0c0d18;
  border:solid 1px #006291;
}

#banner #right #search img
{
  float:right;
}

#banner #right #user
{
  clear:right;
  float:right;
  color:#ffe3b9; 
  margin:40px 5px 0 0;
}

#panel 
{
  clear:right;
  float:right;
  color:#ffe3b9; 
  font:9pt Arial;
  margin-right:5px; 
}

#panel a 
{
  color:#ffe3b9;
  text-decoration:none;
}

#panel a:hover
{
  text-decoration:underline;
}


/* Main Navigation */


#navwrapper
{
  height:21px;
}

ul#nav 
{
  list-style:none;
  margin:0 0 0 105px;
  padding:0
}

ul#nav li
{
  position:relative;
  float:left;
  width:100px;
  margin:0 5px 0 5px;
  text-align:center;
}

ul#nav li a 
{
  display:block;
  color:#ffe3b9;  
  font:9pt Arial;
  text-decoration:none;
  font-weight:bold;	
  line-height:19px;
  border:1px solid #4e2009;
  background:#844502 url(../images/buttonbg.jpg);
}

ul#nav li a:hover 
{
  color:#ffffff; 
  background:#954e00;  
  border:1px solid #4e2009;
}

ul#nav li:hover ul, ul#nav li.over ul 
{
  display:block;
}

ul#nav li ul 
{	
  position:absolute;
  left:-39px;
  z-index:5;

  list-style:none;
  margin:0;
  padding:0;

  overflow-x:hidden;
  overflow-y:hidden;
  display:none;
  width:175px;
  background:#4E2009 url(../images/background2.jpg);
  border:1px solid #ff9900;
}

ul#nav li ul li
{
  margin:0;
  padding:0;
}

ul#nav li ul li a
{
  color:#ffffff;
  font-weight:normal;	
  line-height:23px;
  background:none;
  border:none;
  width:175px;
}

ul#nav li ul li a:hover 
{
  color:#ff9900;
  background:#371600;
  border:none;
}

ul#nav a.current
{
  color:#ffffff;	
}

ul#nav li ul a.current 
{
  color:#ff9900;	
}


/* Content */


#contentwrapper
{
  padding:5px;
  background:#000000;
  border:1px solid #ff9900;
}

#content
{ 
  min-height:450px;
  width:100%;
  color:#ffe3b9;  
  font:11pt Arial;
  text-align:center;
  background:#261005 url(../images/background1.jpg);
}

#content h1
{
  padding:20px 0 20px 0;
  color:#ff9900;
  font:20pt Garamond; 
}

#content h2
{
  color:#ff9900;
  font:14pt Garamond;
}

#content h3
{
  padding:0 0 20px 0;
  color:#ff9900;
  font:11pt Arial;
}

#content p
{
  margin:0;
  padding:0 50px 20px 50px;
}

#content a
{
  color:#ffffff;
  text-decoration:underline;
}

#content a:hover
{
  color:#ff9900;
}

#content .contentimage, #content .catalogueimage
{
  padding:5px;
  background:#000000;
  border:1px solid #4e2009;
}

#content #index p
{
  padding:20px 50px 0 50px;
}

#content #missionstatement ul
{
  list-style:none;
  margin:0;
  padding-left:5px;
}

#content #missionstatement ul li
{
  margin:0;
  padding:0;
  line-height:22px;
}

#content #history .contentimage
{
  float:left;
  margin:0 50px 50px 50px;
}

#content #history p
{
  padding:0 50px 20px 50px;
  text-align:justify;
  text-indent:30px;
}

#content #awards a, #content #prestige a
{
  text-decoration:none;
}

#content #products p
{
  list-style:none;
  margin:0; 
  padding:0 50px 20px 50px;
}

#content #products ul
{
  list-style:none;
  margin:0; 
  padding:0 0 30px 0;
}

#content #designprocess p, #content #productprocess p
{
  padding:20px 50px 0 50px;
}

#content #productprocess .contentimage
{
  margin:0 25px 0 25px;
}

#content #productarea .contentimage
{
  margin:10px;
}

#content #catalogue
{
  font-size:10pt;
  padding-bottom:50px;   
}

#content #catalogue table
{ 
  margin:15px auto 0 auto;
  padding:0; 
  width:75%;
}

#content #catalogue table table
{
  margin:0;
  padding:0;
  width:100%;
}

#content #catalogue table th, #content #catalogue table td
{
  padding:5px;
  text-align:left;
  vertical-align:top;
  border:solid 1px #ff9900;  
}

#content #catalogue table th
{
  background:#954e00;
}

#content #catalogue table tr
{
  background:#150802 url(../images/background3.jpg);
}

#content #catalogue table table td
{
  padding:5px;
  border:1px solid #4e2009;
}

#content #catalogue table .info
{
  width:275px;
  text-align:justify;
}

#content #catalogue #spacer
{
  height:50px;
}

#content #catalogue p
{
  padding-top:50px;
}

#content #catalogue #product
{
  margin:0;
  padding:0;
}

#content #orderstatus, #content #accntorderstatus
{
  width:60%;
}

#content #cart th, #content #orderstatus th, #content #accntorderstatus th
{
  text-align:left;
  padding:5px;
  border-right:1px solid #300000;
}

#content #cart td, #content #orderstatus td, #content #accntorderstatus td
{
  padding:5px; 
  vertical-align:text-top;
  border:1px solid #300000;
}

#cart, #orderstatus, #accntorderstatus
{
  margin:15px auto 0 auto;
  padding:0; 
  width:70%;
  text-align:left;
  border:1px solid #ff9900;
  vertical-align:text-top;
  font:10pt Arial;
}

#content #product table
{
  margin:0 auto 0 auto;
  padding:0; 
  width:60%;
}

#content #product table .info
{
  width:365px;
  text-align:justify;
}

#content #product #loader
{
  background:url(../highslide/graphics/loader.big.black.gif) 50% no-repeat;
}

#content #product .catalogueimage
{
  visibility:hidden;
}

#content #location a
{
  padding-top:25px;
}

#content #location p
{
  padding:20px 50px 0 50px;
}

form
{
  width:80%;
  margin:0 auto 0 auto;  
}

form fieldset
{
  margin:0;
  padding:0 10px 10px 10px;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}

form fieldset legend
{
  margin:0;
  padding:0 15px 5px 15px;
  color:#ff9900;
}

form fieldset table
{
  width:100%;
  margin:0;
  padding:10px;
  text-align:left;
  border:1px solid #4e2009;
  background:#000000 url(../images/background3.jpg);
}

form fieldset table .col1
{
  padding:0 0 0 30px;
  width:30%;
  line-height:23px;
}

form fieldset table .col1.items
{
  color:#ff9900;
}

form fieldset table .col2
{
  color:#ffffff;
  padding:0 0 0 40px;
  width:70%;
  line-height:25px;
}

form fieldset table .col2 span
{
  color:#ffe3b9;
}

form fieldset table .col2 input
{ 
  margin:1px 0 1px 0;
  padding:2px 10px 2px 10px;
  border:1px solid #301305;
  background:#000000;
  color:#ffe3b9;
  width:418px;
  font:11pt Arial;
}

form fieldset table .col2 input.product
{
  margin:0;
  color:#ffffff;
  font:10pt Arial;
}

form fieldset table .col2 input.product2
{
  margin:0;
  color:#ffffff;
  font:10pt Arial;
  width:440px;
}

form fieldset table .col2 input.product3
{
  margin:0;
  color:#ffffff;
  font:10pt Arial;
  width:53px;
}

form fieldset table .col2 input.radio
{
  border:none;
  background:none;
  margin:0 10px 0 0;
  padding:0;
  width:13px;
}

form fieldset table .col2 span.span2
{
  width:120px;
}

form fieldset table .col2 .blankbox1
{
  height:18px;
  width:419px;
  font:10pt Arial;
  margin:0;
  padding:2px 10px 2px 10px;
  border:1px solid #301305;
  background:#000000;
}

form fieldset table .col2 textarea
{  
  margin:2px 0 2px 0;
}

form fieldset table .col2 textarea.formbox
{  
  overflow-y:auto;
  width:418px;
  height:54px;
  padding:2px 10px 2px 10px;
  border:1px solid #301305;
  background:#000000;
  color:#ffe3b9;
  font:11pt Arial;
}

form fieldset table .col2 textarea.formbox2
{  
  overflow-y:auto;
  width:418px;
  height:54px;
  margin:0;
  padding:3px 10px 1px 10px;
  border:none;
  background:none;
  color:#ffffff;
  font:10pt Arial;
}

form fieldset table .col2 textarea.product
{ 
  color:#ffffff;
  font:10pt Arial;
}

form fieldset table .col2 .blankbox2
{
  overflow-x:hidden;
  overflow-y:auto;
  height:60px;
  width:419px;
  font:10pt Arial;
  margin:1px 0 2px 0;
  padding:2px 10px 2px 10px;
  border:1px solid #301305;
  background:#000000;
}

form fieldset table .col2 .blankbox22
{
  overflow-x:hidden;
  overflow-y:auto;
  height:58px;
  width:438px;
  font:10pt Arial;
  margin:1px 0 1px 0;
  padding:0;
  border:1px solid #301305;
  background:#000000;
}

form fieldset table .col2 .blankbox3
{
  height:18px;
  width:53px;
  font:10pt Arial;
  margin:0;
  padding:2px 10px 2px 10px;
  border:1px solid #301305;
  background:#000000;
}

form fieldset table .col2 .blankbox4
{
  overflow-x:hidden;
  height:100%;
  width:440px;
  font:10pt Arial;
  margin:0;
  padding:0;
  border:1px solid #301305;
  background:#000000;
}

form fieldset table .col2 .attach
{
  width:500px;
}

form fieldset table hr
{ 
  border:none;
  border-top:1px solid #bfb8bf;
}

form fieldset table span
{
  display:inline-block;
  width:87px;
}

form fieldset table#totals
{
  background:#000000;
  border:none;
}

form fieldset table#totals hr
{
  border:none;
  border-top:1px solid #301305;
}

form fieldset table#totals td
{
  margin:0;
  padding:0;
  color:#ffffff;
}

form fieldset table#totals .col1
{
  text-align:left;
  width:75px;
}

form fieldset table#totals .col2
{
  text-align:right;
  width:125px;
}

form fieldset table#totals .col3
{
  width:35px;
  text-align:left;
  padding:0 0 0 5px;
}

form fieldset table#totals .col4
{
  width:75px;
  text-align:right;
}

form fieldset table#totals .col5
{
  text-align:left;
}

form fieldset table#totals .col6
{
  width:180px;
  text-align:right;
}

form #formerror
{
  display:none;
}

form #formerror fieldset table #errortext
{ 
  text-align:center;
  color:#ffe3b9;  
  font:11pt Arial;
  line-height:22px;
}

form .sumbit
{
  font:10pt Arial;
  color:#000000;
  padding:0 10px 0 10px
}

#customerlogin form table, #stafflogin form table
{
  width:275px;
  margin:0 auto 0 auto;
  background:#160901;
  border:1px solid #4E2009;
  padding:10px;
}

#customerlogin form table .col1, #stafflogin form table .col1, #checkout form table .col1
{ 
  text-align:left;
  padding:0 0 0 10px;
}

#customerlogin form table .col2 input, #stafflogin form table .col2 input, #checkout form table .col2 input
{ 
  margin:1px 0 1px 0;
  padding:2px 10px 2px 10px;
  border:1px solid #301305;
  background:#000000;
  color:#ffe3b9;
  width:125px;
  font:11pt Arial;
}

#content #contact form, #content #feedback form, #content #mailinglist form
{
  width:70%;
  margin:0 auto 0 auto;  
}

#content #contact form fieldset table .col2, #content #feedback form fieldset table .col2, #content #mailinglist form fieldset table .col2
{
  padding:0;
  width:70%;
  line-height:25px;
}

#content #contact form fieldset table .col2 input, #content #feedback form fieldset table .col2 input, #content #mailinglist form fieldset table .col2 input
{ 
  width:390px;
  color:#ffffff;
}

input.formsmall
{
  width:200px !important;
}

input.formsmall2
{
  width:100px !important;
}

#content #contact form fieldset table .col2 textarea.formbox, #content #feedback form fieldset table .col2 textarea.formbox, #content #mailinglist form fieldset table .col2 textarea.formbox
{  
  width:390px;
  height:90px;
  color:#ffffff;
}

#content #staffadmin form fieldset table .col2 textarea.formlarge
{  
  height:175px;
}

#content #feedback form fieldset table .col2 span
{
  display:inline-block;
  width:auto;
  margin:0 13px 0 0;
}

#content #feedback form fieldset table .col2 input.radio
{
  margin:0;
  padding:0 10px 0 0;
  width:13px;
}

#content #mailinglist form fieldset table .col2 span
{
  display:inline-block;
  width:150px;
  margin:0 13px 0 0;
}

#content #mailinglist form fieldset table .col2 span.s2
{
  display:inline-block;
  width:100px;
  margin:0 13px 0 0;
}

#content #mailinglist form fieldset table .col2 input.radio
{
  margin:0;
  padding:0 10px 0 0;
  width:13px;
}

#content #mailinglist form fieldset table .col2 input.product2
{
  margin:0;
  color:#ffffff;
  font:11pt Arial;
  width:412px;
}

#content #mailinglist form fieldset table .col2 input.product3
{
  margin:0;
  color:#ffffff;
  font:10pt Arial;
  width:53px;
}

#content #checkout form fieldset table .col2 input
{
  width:412px;
}


#order #bottomright, #contact #bottomright, #sitemap #bottomright, #customorder #bottomright, #accntapplication #bottomright,
#feedback #bottomright, #customeradmin #bottomright, #catalogue #bottomright, #staffadmin #bottomright, #privacy #bottomright
{
  margin:-85px 0 0 878px;
}

#order #bottomleft, #contact #bottomleft, #sitemap #bottomleft, #customorder #bottomleft, #accntapplication #bottomleft, 
#feedback #bottomleft, #customeradmin #bottomleft, #catalogue #bottomleft, #staffadmin #bottomleft, #privacy #bottomleft
{
  margin:-85px 0 0 5px;
}

#content #copyright p
{
  padding:20px 50px 0 50px;
}

/* Footer */


#footer
{
  padding-top:4px;
  height:22px;
  width:100%;
  color:#ffe3b9;
  font:9pt Arial;
  font-weight:bold;
  text-align:right;
}

#footer #standards
{
  float:left;
  padding-top:2px;
}

#footer #standards img
{
  width:50px;
  height:20px;
  border:none;    
}

#footer #ftnav
{
  float:right;
}

#footer #hitcount
{
  clear:left;
  float:left;
  line-height:24px;
}

#footer #note
{
  clear:right;
  float:right;
  line-height:24px;
}


/* Footer Navigation */


#footer ul 
{ 
  list-style:none;
  margin:0; 
  padding:0;
}

#footer ul li 
{ 
  display:inline; 
  line-height:24px;
}

#footer ul li a
{
  padding:0 35px 0 35px;
  color:#ffffff;
  font-weight:bold;
  text-decoration:none;
}

#footer ul li a:hover
{
  color:#ff9900;
  text-decoration:underline;
  font-weight:bold;
}

#footer ul li a#footer_right
{
  padding:0 0 0 35px;
}


/* no script warning */


#noscript
{
  position:absolute;
  top:45px;
  width:980px;
  text-align:center;
  z-index:2;
}

#warning
{
  color:#ffffff;
  font:8pt Arial;
  width:550px;
  margin:auto;
  padding:10px;
  background:#000000;
  border:solid #ff9900 1px;
}


/* Other */


#sound
{ 
  position:absolute;
  top:94px;
  margin-left:8px;
  height:50px;
  width:50px;
  z-index:10;
}

#soundbtn
{ 
  position:absolute;
  top:94px;
  margin-left:8px;
  height:18px;
  width:12px;
  background:#000000;
  opacity:0.01;
  filter:alpha(opacity=1);
  z-index:15;
}

#slideshow 
{ 
  margin:0 auto 0 auto;
  width:650px;
  height:195px;
  border:1px solid #4e2009;
  background:#000000 url(../images/background3.jpg);
}

#flash_image 
{ 
  margin:0 auto 0 auto;  
  padding:5px;
  width:300px;
  height:200px;
  border:1px solid #4e2009;
  background:#000000;
}

#flash_image2 
{ 
  margin:0 auto 0 auto;  
  padding:5px;
  width:132px;
  height:300px;
  border:1px solid #4e2009;
  background:#000000;
}

#l_lamp
{
  position:fixed;
  left:-100px;
  bottom:0;
  height:290px;
  width:70px;
  z-index:55;
}

#r_lamp
{
  position:fixed;
  right:-100px;
  bottom:0;
  height:290px;
  width:70px;
  z-index:55;
}

#toolTip 
{
  position:absolute;
  padding:1px 2px 0 2px;
  text-align:left;
  background:#ffffe1;
  border:1px solid #000000;
  z-index:45;
}

div#toolTip p 
{
  margin:0;
  padding:0;
  color:#000000;
  font:8pt Arial;  
}

#topleft
{
  position:absolute;
  margin:5px 0 0 5px;
  width:85px;
  height:79px;
  background:transparent url(../images/topleft.png) no-repeat;
  z-index:2;
}

#topright
{
  position:absolute;
  margin:5px 0 0 878px;
  width:85px;
  height:79px;
  background:transparent url(../images/topright.png) no-repeat;
  z-index:2;
}

#bottomleft
{
  position:absolute;
  margin:365px 0 0 5px;
  width:85px;
  height:79px;
  background:transparent url(../images/bottomleft.png) no-repeat;
  z-index:2;
}

#bottomright
{
  position:absolute;
  margin:365px 0 0 878px;
  width:85px;
  height:79px;
  background:transparent url(../images/bottomright.png) no-repeat;
  z-index:2;
}

div#box1 
{
  background:#000000;
}

div#box2 
{
  background:#261005 url(../images/background1.jpg);
  border:1px solid #ffffff;
}

div#box2 table 
{
  color:#ffe3b9; 
  font:11pt Arial;
}

div#box2 table h3
{
  color:#ff9900;
  font:18pt Garamond;
  font-weight:bold;
}

div#box2 table img
{
  padding:5px;
  background:#000000;
  border:1px solid #4e2009;
}

#designer, #costest
{ 
  margin:0 auto 0 auto;
  border:1px solid #4e2009;
  background:#000000 url(../images/background3.jpg);
}

#costest
{ 
  width:520px;
  height:320px;
}

#designer
{ 
  width:405px;
  height:250px;
}


/* Sitemap Navigation */


#sitemap ul 
{
  list-style:none;
  margin:0;
  padding:0;
}

#sitemap ul li
{
  margin:0;
  padding:0 0 20px 0;
}

#sitemap ul ul 
{	
  list-style:none;
  margin:0;
  padding:5px 0 5px 0;
}

#sitemap ul ul li
{	
  list-style:none;
  margin:0;
  padding:2px 0 2px 0;
}

#sitemap ul ul ul
{	
  list-style:none;
  margin:0;
  padding:10px 0 10px 0;
}

#sitemap ul ul ul li
{	
  margin:0;
  padding:2px 0 2px 0;
}

#sitemap ul li a
{
  color:#ffe3b9;
  text-decoration:none;
}

#sitemap ul ul li a
{
  color:#ffffff;
  text-decoration:none;
}

#sitemap ul ul ul li a
{
  color:#b5b5b5;
  text-decoration:none;	
}

#sitemap ul li a:hover, #sitemap ul ul li a:hover, #sitemap ul ul ul li a:hover
{
  color:#ff9900; 
}


/* Links Navigation */


#links ul 
{
  list-style:none;
  margin:0;
  padding:0;
}

#links ul li
{
  margin:0;
  padding:5px 0 0 0;
}

#links ul li a div
{
  margin:0;
  padding:10px 0 20px 0;
  color:#ffe3b9;
}

#links ul li a
{
  color:#ffffff;
  text-decoration:none;
}

#links ul li a:hover
{
  color:#ff9900; 
}