/* Creative Ceramics Base CSS */
/* Created by Creative-Glass*/
/* Author: Brian Laughlan*/
/* Date: 27 March 2009*/

* { padding: 0; margin: 0; outline: 0;}


img{border:none;}

h1 a, h2 a, h3 a, h4 a{
text-decoration:none;
}

h1, h2, h3{
text-decoration:none;
font-family:Calibri, Arial, Helvetica, sans-serif; 
}

h1, h1 a{
font-size:17px;
color:#8D8D8D;
border-bottom:solid 1px #D4D4D4;
margin:0 10px 10px 10px;
padding:5px 0 5px 22px;
}

h2, h2 a, h2 a:visited{
font-size:12px;
font-weight:bold;
color:#979797;
margin:0 10px 0 1px;
padding:6px 0 0 12px;
}

h3, h3 a, h3 a:visited{
font-size:12px;
font-weight:bold;
color:#979797;
padding:6px 0 0 5px;
}

h4, h4 a, .botMenu li, .botMenu li a, .botMenu2 li, .botMenu2 li a, #submitBtn{
font-family: Arial, Helvetica, sans-serif; 
font-size:11px;

color:#AAAAAA;
}

#infoCentrePanel h4, #infoCentrePanel h4 a{
color:#BABABA;
padding:0 0 0 31px;
}

#latestNewsPanel h4{
padding:0 0 0 47px;
}

#infoCentrePanel h2{
height:17px;
padding-left:16px;
margin-bottom:0;
padding-bottom:0;
}

h2:hover, h2 a:hover, h3:hover, h3 a:hover{
color:#669999;
}

h4, h4 a{
padding:2px 0 0 6px;
}

h5 a{
text-decoration:none;
}

h5 a:hover{
color:#666666;
}


h5{
background:url(../images/dot_border.gif) repeat-x bottom;
}

h5, h5 a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
font-weight:normal;
margin:5px 5px;
color:#BCBCBC;
padding-bottom:6px;
}

.sideMenu{
margin-top:10px;
padding-bottom:15px;
}

.subs, .subs a, .subsactive, .subsactive a{
font-size:11px;
font-family: Arial, Helvetica, sans-serif; 
color:#666666;
text-decoration:none;
list-style:none;
text-align:left;
}

.mainactive a, .subsactive A:active{
font-weight:bold;
}

.mains, .mains a, .mainactive, .mainactive a{
height:27px;
font-family: Arial, Helvetica, sans-serif; 
font-size:12px;
color:#666666;
text-decoration:none;
list-style:none;
text-align:left;
padding:10px 3px 0 5px;
margin:0 7px;
line-height:normal;
}

.subs, .subsactive{
height:11px;
padding:4px 3px 4px 0;
margin:6px 10px 3px 27px;
background:#FFFFFF url(../images/subsArrow.gif) 2px 5px no-repeat;
}

.subs a, .subsactive a{
padding-right:5px;
padding-left:13px;
}

.subsactive a{
background:#F9FFEE url(../images/subsArrow.gif) 2px 1px no-repeat;
}

.subs a:hover{
background:#F9FFEE url(../images/subsArrow.gif) 2px 1px no-repeat;
}

.mains{
background:url(../images/menuArrow.gif) no-repeat;
}

.mainactive{
background:url(../images/menuArrowDown.gif) no-repeat;
}

.botMenu, .botMenu2{
margin:0 auto;
height:10px;
}

.topMenu{
padding-bottom:3px;
height:12px;
float:right;
}

.topMenu li, .topMenu li a{
font-family: Arial, Helvetica, sans-serif; 
font-size:10px;
color:#aaaaaa;
text-decoration:none;
list-style:none;
display:inline;
float:left;
text-align:right;
padding:0 3px;
}

.botMenu{
width:220px;
}

.botMenu2{
width:150px;
}

.botMenu li, .botMenu li a, .botMenu2 li, .botMenu2 li a{
font-weight:bold;
text-decoration:none;
list-style:none;
float:left;
padding:0 5px;
}

body{
behavior:url("css/hoverfix.htc");
background:#DBDBDB url(../images/bg.jpg);
}

#top{
background:url(../images/top_bg.gif) repeat-x;
height:20px;
}

#bodyWrap{
background:#DBDBDB url(../images/bg.jpg) top repeat;
}
.clear { clear:both;}
/*Overall Site Width Setting*/
#mainCont, #headWrap, #banner{
width:881px;
}

#topcurve, #botcurve{
margin:0 auto;
width:905px;
}

#topcurve{
height:20px;
background:url(../images/head_back.gif) no-repeat #FFFFFF;
}

#botcurve{
height:5px;
background:url(../images/foot_back.gif) bottom no-repeat #FFFFFF;
}

#mainCont{
border:#ffffff 10px solid;
border-top:none;
border-bottom:none;
background:#ffffff;
margin:0 auto;
}

#logoWrap{
height:62px;
background:#ffffff;
}

#twitter{
float:left;
margin-top:4px;
margin-left:120px;
height:67px;
width:170px;
}

#logoPanel{
width:360px;
float:left;
background:#ffffff;
height:62px;
}

#logoContRight{
text-align:right;
display:inline;
width:360px;
float:right;
height:62px;
}

#mainMenu{
list-style:none;
}

#mainMenu li a:hover{
color:#999999;
}

#mainMenu li a{
color:#696969;
}

#mainMenu li a:active{
color:#CCCCCC;
}

#mainMenu li, #mainMenu li a, #mainMenu li p{
float:left;
display:inline;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif; 
font-size:15px;
font-weight:bold;
}

#mainMenu li{
padding:6px 0 5px 0;
}

#mainMenu li a, #mainMenu li p{
padding:6px 20px 5px 20px;
}

#mainMenu li a, #mainMenu li p{
background:url(../images/menu_over.gif) no-repeat left;
}

#blank{
height:10px;
width:1px;
}

#menuWrap{
margin-top:5px;
height:41px;
background:url(../images/menu_bg.jpg) no-repeat;
width:879px;

}

#headWrap{
height:113px;
margin-bottom:3px;
}

#banner{
background:#ffffff;
height:270px;
margin-bottom:8px;
overflow:hidden;
}

#homeBotLeft, #homeBotRight{
-webkit-border-radius:5px; -moz-border-radius:5px;
padding:10px;
float:left;
min-height:405px;
height:auto !important;
height:405px;
margin-bottom:10px;
display:inline;

background:#E3E3E3;
}
#homeBotLeft{

width:260px;
margin-right:8px;
}

#infoCentrePanel, #newsLetterPanel, #newMouldsPanel, #latestNewsPanel, #galleryPanel{
background:#F9F9F9;
}

#newsLetterPanel, #latestNewsPanel, #galleryPanel{
margin-top:7px;
}

#infoCentrePanel{
min-height:273px;
height:auto !important;
height:273px;
}

.boxLink{
margin:12px 8px;
-webkit-border-radius:5px; -moz-border-radius:10px;
background:#ffffff url(../images/downloadBg.jpg) no-repeat;
min-height:54px;
padding:11px 0px 0px 35px;
height:auto !important;
height:54px;
}

.boxLink img{
float:left;
margin:4px;
border:1px #999999 solid;
}

#newsLetterPanel{
min-height:125px;
height:auto !important;
height:125px;
}

#name2, #yhvg-yhvg{
float:left;
font-size:11px;
height:14px;
padding:3px 4px;
color:#666666;
-webkit-border-radius:5px; -moz-border-radius:5px;
margin-bottom:4px;
margin-left:10px;
border:1px #CCCCCC solid;
width:155px;
}

#submitBtn{
float:right;
display:inline;
font-weight:bold;
padding-left:4px;
margin-top:11px;
padding-top:2px;
height:28px;
width:79px;
background:url(../images/submitBtn.jpg);
border:none;
}

#formRight,#formLeft{
height:55px;
width:20px;
}

#formLeft{
float:left;
}

#formRight{
float:right;
}

#submitBtn:hover{
cursor:pointer;
}

#homeBotRight{
width:572px;
}

#newMouldsPanel{
min-height:191px;
height:auto !important;
height:191px;
}

#mouldScrollWrap{
height:110px;
margin:1px 10px 0 10px;
padding-bottom:11px;
}

#mouldScrollLeft, #mouldScrollRight, #mouldScrollCont{
display:inline;
height:110px;
float:left;
}

#mouldScrollLeft, #mouldScrollRight{
width:35px;
}

#mouldScrollCont{
width:550px;
}

.mouldThumb img{
width:70px;
}

.mouldThumb{
-webkit-border-radius:5px; -moz-border-radius:10px;
float:left;
text-align:center;
padding-top:10px;
display:inline;
margin:11px 11px 0 12px;
height:68px;
width:78px;
background:#FFFFFF;
border:4px #D9D9D9 solid;
}

#latestNewsPanel, #galleryPanel{
float:left;
display:inline;
min-height:207px;
height:auto !important;
height:207px;
}

#latestNewsPanel{
width:351px;
}

#productlistwrap, #innerlistwrap{
margin:0 auto;
}

#productlistwrap{
width:670px;
}

#innerlistwrap{
background:green;
}

#productlistwrap{
height:65px;
}

#featurewrap{
background:url(../images/dot_border.gif) repeat-x top;
height:120px;
float:left;
margin:0 10px;
display:inline;
width:350px;
}

#Prodfunction li{
height:9px;
margin:3px 0 0 5px;
padding:13px 0 13px 40px;
list-style:none;
float:left;
}

a:link{
color:#666666;
}

#Prodfunction a:visited{
color:#666666;
}

a:link:hover{
color:#999999;
}

#Prodfunction{
width:350px;
margin-top:8px;
height:112px;
}

.productlist li.Over, .productlist li:hover{
background:#F4FFF4;
}

.productlist li img{
width:120px;
}

#prodImage img{
width:240px;
}

#prodImage, #prodInfoBox{
float:left;
display:inline;
border:#E4E4E4 1px solid;
background:#FFFFFF;
}

#prodImage{
width:250px;
height:241px;
margin-right:30px;
text-align:center;
}

#prodInfoBox{
height:176px;
width:380px;
}
#prodInfoBox h1{ padding-left:0px; }

#prodInfoWrap{
padding:0 5px;
margin:0 5px;
}

#prodInfoWrap{
height:270px;
}

.textArea{
color:#333333;
font-size:11px;
margin:20px 15px;
text-align:justify;
}

.textArea a, .textArea a:link{
color:#333333;
}

.textArea ul{
margin:0px 30px;
}

.textArea li{
margin-bottom:10px;
}

.homeLink, .homeLink a, .homeLink a:link{
text-align:center;
font-size:16px;
font-weight:bold;
color:#333333;
}

#prodDescWrap, .pageDescWrap{
border:#E4E4E4 1px solid;
-webkit-border-radius:5px; -moz-border-radius:5px;
background:#FFFFFF;
width:652px;
padding:0 5px 7px 5px;
margin:0 10px 10px 10px;
min-height:100px;
height:auto !important;
height:100px;
float: left;
display: inline;
}

#prodDescWrap a:link, #prodDescWrap a:visited{
text-decoration:none;
color:#666666;}

#prodDescWrap a:link:hover, #prodDescWrap a:visited:hover{
color:#669999;}



.prodInfoList{
color:#666666;
float:left;
list-style:none;
text-decoration:none;
padding:0;
height:64px;
}

.prodInfoList li{
margin:0 50px 0 10px; 
}

.prodImageSml{
margin:0 auto 5px auto;
background:#FFFFFF;
width:134px;
height:100px;
}

.productlist a{
color:#666666;
font-family: Arial, Helvetica, sans-serif; 
font-size:11px;

}

.productlist li{
text-align:center;
width:137px;
height:165px;
margin:15px 8px 20px 19px;
display:inline;
background:#FFFFFF;
border:#E4E4E4 1px solid;
float:left;
}

.prodtitle{
margin-bottom:2px;
}

.prodtitle a{
font-weight:bold;
color:#666666;
}

#galleryPanel{
margin-left:7px;
width:214px;
}

#footMenuWrap{
height:100px;
width:900px;
padding-top:10px;
margin:0 auto;
}

.footMenu{
margin:10px 25px 0 45px;
width:155px;
height:100px;
float:left;
display:inline;
list-style:none;
}

.footMenu li{
padding:0;
display:block;
margin:0;
}

.footerCopy{
float:left;
background:url(../images/foot_logo.jpg) left no-repeat;
padding:23px 10px 10px 190px;
height:40px;
width:315px;
}

#footerWrap{
width:870px;
height:80px;
margin:0 auto;
}

#indexBot{
height:80px;
margin-bottom:10px;
width:880px;
float:left;
display:inline;
}

.footerCopy, .footerCopy a{
text-align:left;
color:#666666;
}

.footTitle, .footMenuItem, .footerCopy a{
text-decoration:none;
font-family: Arial, Helvetica, sans-serif; 
font-size:11px;
}

.footTitle{
height:25px;
font-weight:bold;
color:#626262;
}

.footMenuItem, .footMenuItem a{
text-decoration:none;
height:15px;
color:#A1A1A1;
}

#footer{
background: url(../images/footer.jpg) bottom repeat-x;
height:75px;
clear:left;
margin:0 auto;
display:block;
}

.viewingChart{ margin:0px 0px 5px 15px; padding:2px 5px 3px 35px; background: url(../images/tick.jpg) no-repeat #F4FFF1; width:350px; font:Arial, Helvetica, sans-serif; font-weight:bold; color:#006600; font-size:13px;background-position:center left;}

.greenNote{ margin:13px 0px 5px 10px; padding:2px 5px 3px 35px; background: url(../images/tick.jpg) no-repeat #F4FFF1; background-position:center left; width:340px; font:Arial, Helvetica, sans-serif; font-weight:bold; color:#006600; font-size:13px; float:left; display:inline;}

.greenNote a, .greenNote a:link{ text-decoration:none;color:#006600; }
.noteBox, .TutLinkBox, .warnBox, #verifyBox{
-webkit-border-radius:5px; -moz-border-radius:5px; 
margin:0 auto;
min-height:30px;
height:auto !important;
color:#666666;
margin-bottom:15px;
}

.noteBox{
height:30px;
padding:15px 15px 15px 65px;
border:1px #F8F896 solid;
background:#FFFFEA url(../images/icon_tip.jpg) left no-repeat;
}

.TutLinkBox{
height:30px;
width:500px;
padding:11px 15px 11px 65px;
border:1px #94C9E1 solid;
background:#E0F4FD url(../images/tutlink.jpg) left no-repeat;
}

#verifyBox{
width:380px;
margin-top:10px;
padding:11px 15px 11px 65px;
border:1px #94C9E1 solid;
background:#E0F4FD url(../images/validateIcon.jpg) left no-repeat;
}



.blueHighlight{
width:100px;
height:20px;
padding:10px 1px 10px 0px;
margin:0px 6px 5px 0px;
float:left;
font-size:18px;
display:block;
font-weight:bold;
color:#666666;
text-align:center;
border:1px #CECFD0 solid;
background:#F4FBFD;
}

#verifyWrap{
width:190px;
margin:0 auto;}

.warnBox{
color:#864F58;
margin-left:10px;
padding:17px 15px 20px 65px;
border:1px #ECB2BB solid;
background:#F8D5DB url(../images/notebox_warn.jpg) left no-repeat;
}
    
.TutLinkBox h2{
color:#2697CE;
margin:0;
font-size:20px;
padding:0;
height:15px;
}

#cats{
list-style:none;
float:left;
}

#cats li{
float:left;
padding:5px 13px 0px 13px;
}

#cats li h1, #cats li h1 a{
text-align:center;
border:none;
padding:0px;
margin:0px;
}

.pageDescWrap h1, #prodDescWrap h1, #contact h1 { color:#666666; padding:2px 5px; margin-top:10px; border:none; background: #DADADA; }
.pageDescWrap h1 a{ border:none;}
.Qbox1, .Qbox2, .Abox1, .Abox2{ min-height:38px; height:auto !important; height:38px; margin:0px 11px 0px 11px; padding:9px 9px 3px 9px;}

.Qbox1{ background:#FFFFEA url(../images/qIcon.jpg) no-repeat 8px 8px; border:1px #F8F89D solid;}

.Qbox2{ background:#ECFCEC url(../images/qIcon2.jpg) no-repeat 8px 8px; border:1px #AAECA8 solid;}

.Qtxt{width:570px; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#747474; margin-left:40px; text-align:left; padding:6px 0px;}

.Abox1, .Abox2{ margin-top:0px; margin-left:40px; border-top:none;}

.Abox1{ background:#FFFFF7 url(../images/aIcon.jpg) no-repeat 8px 8px; border:1px #FCFCD8 solid;}

.Abox2{ background:#F9FEF8 url(../images/aIcon2.jpg) no-repeat 8px 8px; border:1px #DDF7DC solid;}

.Atxt{width:520px;}

.Abox1 .textArea, .Abox2 .textArea{ margin-left:40px; margin-top:2px;}

#faqList{ width:580px; margin:0 auto;}

#faqList li{ padding:11px 0; color:#333333; border-bottom:1px #F3F3F3 solid;}

#faqList li a{ text-decoration:none; color:#333333;}
#faqList li a:hover{color: #009999;}

.BTtop{text-align:right; height:50px;  margin:10px 10px 0px 10px;width:630px;}

.regionTopLinks{ height:24px; width:155px; float:left; display:inline; margin:5px 10px; padding:6px 0px 0px 40px; border-top:1px solid #F3F3F3;border-left:1px solid #F3F3F3;border-right:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC; -webkit-border-radius:5px; -moz-border-radius:5px; background-position:3px 0px; background-repeat:no-repeat;}

.regionTopLinks a{ font-size:14px; color:#333333; text-decoration:none;}

.distDetails{ background-color:#ECFCEC; border:1px #AAECA8 solid;float:left; display:inline;min-height:115px; height:auto !important; height:115px; }

.distDetailsMain{ background-color:#FBFBDE; border:1px #E2E2B9 solid;float:left; display:inline;min-height:115px; height:auto !important; height:115px;  }
.distDetailsTop{ background-color:#FBFBDE; border:1px #E2E2B9 solid; height:154px; }

.distDetailsMain, .distDetails, .distDetailsTop{ background-position:3px 3px; background-repeat:no-repeat;  width:618px; margin:0px 10px 20px 10px;  padding:7px;}

.detailsInner{ background:#FFFFFF; margin-left:57px; min-height:115px; height:auto !important; height:115px;border:1px #E0E0E0 solid; background-position:right; background-repeat:no-repeat; float:left; width:558px; padding-bottom:8px; display:inline;}
.detailsInner h1{ padding:0px 0px 3px 0px; margin:4px 4px 0px 10px; background:none; border-bottom:1px solid #DCDCDC; width:380px;}
.detailsInner ul{ width:200px; margin:8px 0px 0px 10px; padding:0px; float:left; display:inline; }
.detailsInner li, .detailsInner li a:link, .detailsInner li a{list-style:none; color:#666666; padding:0px; margin:0px;font-size:10px;}
.detailsInner li a:link{ text-decoration:underline;}
.detailsInner h1 a{ text-decoration:none; border:none;}
.BTtopDist{ float:right; display:inline; width:618px; margin:10px 10px 0px 10px; height:16px; text-align:right; }
.detailsInner li img{ border-bottom:1px solid #666666}

#filterBox{
background:#FDFDFD;
width:590px;
height:241px;
margin:0 auto;
padding:10px;
border:1px solid #EEEEEE;
-webkit-border-radius:5px; 
-moz-border-radius:5px;
}

.filterForm{
width:122px;
height:56px;
float:left;
margin-right:5px;
padding:60px 10px 0 10px;
}

#textobject1, #textobject2, #textobject3, #textobject4{
width:100px;
background:none;
border:none;}

#distFrom{ background:#FFFFFF; padding:30px; margin:30px; border:1px #CCCCCC solid;}
#distFrom label{ color:#666666; font-style:Arial, Helvetica, sans-serif!important; font-size:15px;}
#distFrom input{ width: 280px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0;  webkit-border-radius:5px;  }
#distsubmit:hover{ cursor:pointer;}
#distsubmit { border:1px solid #666666!important; background:#E2FFC6!important; webkit-border-radius:5px!important; }