/*
Theme Name: Ceramexcel Website
Theme URI:		
Description: Ceramexcel Website
Version:		1.1
Author:			Robert Fyffe & Martin Cameron
Author URI:		http://www.robertfyffe.com
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* =Float Fix
----------------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    margin:0;
    padding:0;
}


/* =Global Classes
----------------------------------------------- */
.box-1, .box-2, .box-3, .box-4, .box-5, .box-6, .box-7, .box-8, .box-9, .box-10, .box-11, .box-12, .box-13, .box-14{float:left;text-align:left;}
.box-1{width:23px;}
.box-2{width:894px;}
.box-3{width:23px;}
.box-4{width:940px;}
.box-5{width:940px;}
.box-6{width:940px;}
.box-7{width:675px;}
.box-8{width:200px;}
.box-9{width:320px;}
.box-10{width:485px;}
.box-11{width:850px;}
.box-12{width:400px;}
.box-13{width:305px;}
.box-14{width:650px;}

/* =HTML elements
----------------------------------------------- */
body{
	font-family: "Lucida Grande",Verdana,Helvetica,sans-serif;
	font-size:85%;
	color:#5a5a5a;
	text-align:center; /*IE trick to center DIV */
	background:#aeaeae  url(images/ceramexcel-pagebg.gif) repeat-x scroll center top;
	line-height: 1.4;
}
a {color:#666666;text-decoration:none;}
a:hover {color:#F37610;text-decoration:none;}
h1{font-size:2em; color:#fcdcc2;font-weight:normal;margin:20px 0  0 20px;} 
h2 {padding: 0 0 0 0;font-size:1em;text-transform:uppercase;color:#5A5A5A;font-weight:bold;}
h3 {padding: 0 30px 20px 0;font-size:1em;color:#f37610;}
h4 {padding: 0 30px 20px 0;font-size:1.4em;color:#f37610; text-transform:uppercase;}
h5 {font-weight:bold;font-size:0.9em;}
h6 {padding: 0 30px 10px 0;font-size:1.5em;color:#f37610;text-transform:uppercase;}
p {padding: 0 33px 0 33px;font-size:0.9em; }
scan {}

/* =Section Containers
----------------------------------------------- */
#header{
	width:100%;
	text-align:left;
}
#primary{
	width:100%;	
	text-align:left;
}
#footer{    
	width:100%;
	text-align:left;
}
.inside{
	width:940px;
	margin:0 auto; /*Center DIV on Page */
	padding: 0;
	border-left:10px solid #5a5a5a;
	border-right:10px solid #5a5a5a;
}

/* =Header Styles
----------------------------------------------- */
#header .inside {
	background:#5A5A5A url() no-repeat scroll left top;
}
#header h2 {
    float:right;
    padding:10px 0 0 0;
}
#header h2 a {
	background: url(images/ceramexcel-logo.png) no-repeat scroll right top;
	border:0 none;
	display:block;
	width:101px;
	height:101px;
	text-decoration:none;
	text-indent:-10000px;
}
#header .box-1 {
	background: url(images/ceramexcel-navleft.png) no-repeat scroll left top;
	height:133px;
}
#header .box-2 {
	background: url(images/ceramexcel-navmiddle.png) repeat-x scroll left top;
	height:133px;
}
#header .box-3 {
	background: url(images/ceramexcel-navright.png) no-repeat scroll left top;
	height:133px;
}
#header .box-4 p{
 padding:0;
}
#header .box-5 {
    margin: 10px 0 0 0;
    padding: 5px 0 0 0;
}
#header .box-7 {
    width:628px;
    position:relative
}
#header .box-8 {
    float:right;
    width:238px;
}
#header .navigation{
    position:absolute;
    top:87px;
    left:0;
}
        /* =Header Styles - Navigation
		----------------------------------------------- */    
        #header .box-7 ul li{
            float:left;
            margin:0;
            padding:7px 0;            
        }            
       #header .box-7 li a {
            padding:7px 20px;
            color:#FFF;
       }       
       #header .box-7 ul li.current_page_item a{
	        background:#5A5A5A url() no-repeat scroll left top;
	        color:#FFF;
	        border-bottom:#5A5A5A solid 1px;
	        -moz-border-radius-topright:5px;
	        -webkit-border-top-right-radius:5px;
	        -moz-border-radius-topleft:5px;
	        -webkit-border-top-left-radius:5px;
       }           
       #header .box-7 ul li a:hover {
	        background:#FFF url() no-repeat scroll left top;    
	        color:#5A5A5A;
	        -moz-border-radius-topright:5px;
	        -webkit-border-top-right-radius:5px;
	        -moz-border-radius-topleft:5px;
	        -webkit-border-top-left-radius:5px;
       }
       
       
/* =General Elements
----------------------------------------------- */
.lipsum {
	color:#8e898b;
	font-size:0.8em;
	line-height:1em;
}

.left{
    text-align:left;
}
.right{
    text-align:right;
    float:right;
}
.breadcrumb{
    font-size:0.8em;
    margin:0 0 10px 0;
}
#small_thumbnails li a, #main_img {

}
#small_thumbnails{
    float:right;
    height:40px;
    width:485px;
}
        #small_thumbnails ul span{
        float:left;
        text-transform:uppercase;
        color:#999999;
        }   
        #small_thumbnails ul {
        margin:10px 0;
        padding:0;
        float:right;
        }   
        #small_thumbnails li {
        background-image:none;
        float:left;
        height:20px;
        width:20px;        
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
        margin:0 0 0 10px;
        padding:0;
        border:2px solid #666;
        }    
         #swatch_thumbnails{
            float:right;
        }
        #swatch_thumbnails ul {
        margin:0;
        padding:0;
        }   
        #swatch_thumbnails li {
        background-image:none;
        float:left;
        height:65px;
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
        margin:0 0 0 10px;
        padding:0;
        width:65px;
        border:1px solid #666;
        }  
        #sizes_available{
        float:left;
        font-size:0.9em;
        padding:10px 10px 10px 0;
        width:149px;
        }
.first-paragraph{
color:#ff6633;
font-size:1em;
padding:0 0 10px 0;
 }

 #finishes{
    float:left;
    font-size:0.9em;
    padding:10px 20px 10px 20px;  
    width:120px;    
}
#pdf-catalogue{
	width:300px;
	float:left;
}
    #pdf-catalogue li a{
	background:url(images/ceramexcel-pdf-button-up.gif); 
	color:#000;
	margin:20px 0;
	width:300px;
	height:21px;
	float:left;
	padding:12px 0 10px 20px
    }
    #pdf-catalogue li a:hover{
	background:url(images/ceramexcel-pdf-button-down.gif); 
	color:#FFF;
	margin:20px 0;
	width:300px;
	height:21px;
	float:left;
	padding:12px 0 10px 20px
    }
    
#medium-image{
width:485px;
height:280px;
overflow:hidden;
}
        #small-swatches{
        width:485px;
        }
        #small-swatches ul {
        margin:0;
        padding:25px 0 0 0;
        float:left;
        }   
        #small-swatches li {
        background-image:none;
        float:left;
        height:79px;
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
        margin:10px 20px 10px 0;
        padding:0;
        width:79px;
        border:1px solid #666;
        }  
       #small-swatches li.last{
        margin:10px 0 10px 0;
        }
#product-information{
margin:0 0 20px 0;
}
.product-info-table{
	background:url(images/ceramexcel-product-bg.jpg) repeat-y left top;
	padding:3px 0;
}
.product-info-table-horizontal{
	background:url(images/ceramexcel-product-bg-horizontal.gif) no-repeat scroll left top;
	width:320px;
	height:7px;
}
.product-info-table-horizontal-2{
	background:url(images/ceramexcel-product-bg-horizontal.gif) no-repeat scroll left top;
	width:320px;
	height:7px;
}
#ngg-gallery-container{
    margin:0 45px;
}
#location-details{
    height:205px;
    color:#aeaeae;
}
#location-button{
    color:#aeaeae;
    padding:5px 0;
    margin:0 0 50px;
    text-transform:uppercase;    
    font-size:0.9em;
}
    #location-button li a{
	background:url(images/ceramexcel-map-button-up.gif) no-repeat; 
	color:#000;
	padding:14px 54px 13px 17px
    }
    #location-button li a:hover{
	background:url(images/ceramexcel-map-button-down.gif) no-repeat; 
	color:#FFF;
	padding:14px 54px 13px 17px
    }
.news-date {
font-size:0.9em;
border-top:1px solid #aeaeae;
border-bottom:1px solid #aeaeae;
padding:5px 0;
margin:0 0 10px 0;
}
.box-7 h3 {
color:#ff6633;
text-transform:titlecase;
font-size:1.1 em;
padding:0 0 10px 0;
 }
    .contact-form-left{
        float:left;
        width:320px;
    }
    .contact-form-right{
        float:left;
        width:320px; 
    } 
    .contact-form-submit{
        float:left;
        width:600px;
    } 
    input{
    border:1px solid #aeaeae;    
    padding:5px 0;
    }
    textarea{
    border:1px solid #aeaeae;     
    width:600px;
    font-size:1.5em;    
    }
.side-news-headings{
padding:20px 0;
float:left;
}
.side-news-headings li{
font-size:0.8em;
margin:10px 0;
}
    
/* =Main Content
----------------------------------------------- */
#primary .inside {
	background:#5A5A5A url() no-repeat scroll left top;
	padding:0 0 20px 0;
    position:relative;   	 
}
#primary .box-2 {
padding: 0 0 10px 45px;
}
#primary .box-4 {
	background: url(images/ceramexcel-contenttop.png) no-repeat scroll left top;
    height:21px;
}
#primary .box-5 {
	background: #fff url() no-repeat scroll left top;
    position:relative;
    z-index:1;    	
}
#primary .box-6 {
	background: url(images/ceramexcel-contentbottom.png) no-repeat scroll left top;
    height:24px;
}
#primary .box-7 {
    padding: 0 0 0 45px;
}
    #primary .box-7 span {
        color:#F37610;
     }
    #primary .box-7 strong {
        font-size:1.5em;
     }     
#primary .box-8 {
    margin:50px 0 0 0;
    padding:0 20px 0 0;
}
#primary .box-9 {
    padding: 0 45px 0 45px;
}
#primary .box-10 {
    padding: 0 45px 0 0;
}
#primary .box-12 {
    padding: 0 0 0 45px;
}
#primary .box-13 {
    padding: 0 10px 0 0;
    margin:65px 0 0 0;
}
#primary .box-14 {
    margin:0 0 20px 0;
}
#primary .box-13 img{
padding:5px;
margin:0 0 20px 0;
border:1px solid #ccc;
}
#primary .box-11 {
    padding: 0 45px 0 45px;
}
#primary p {
    padding: 0 15px 15px 0px;
    line-height:1.5;
}
#primary span {
    color:#f37610; 
}
#slideshow1{
   height:360px;
}

        /* =Main Content - Products
        ----------------------------------------------- */   
        .category-container{
            display:inline;
            margin: 0 10px 10px 0;
            padding: 0 10px;
            float:left;
            width:185px;
            height:145px;
            background: url(images/ceramexcel-productsbg-on.png) no-repeat;
            color:#5a5a5a;
            position:relative;
        } 
        .category-container-hover{
            display:inline;
            margin: 0 10px 10px 0;
            padding: 0 10px;
            float:left;
            width:185px;
            height:145px;
            background: url(images/ceramexcel-productsbg-hover.png) no-repeat;
            color:#fff;  
        }            
        #primary .category-container p{
            padding: 0;
            font-size:0.8em;        
        }
        .category-container-thumb{
            position:relative;
            z-index:-1;            
            height:75px;
            overflow:hidden;
            margin:10px 0 0 0;
        }         
        .category-container-l{
            float:left;
            padding: 16px 0 0 5px;       
            width:142px; 
            }          
        .category-container-r{
            float:left;
            padding: 10px 5px 0 0; 
            }
        .category-container-r a{
            position:absolute;
            top:0;
            left:0;
            width:185px;
            height:145px;  
            text-indent:-9999px;
            } 
            
            
            
        /* =Main Content - homepage
        ----------------------------------------------- */   
        .side-buttons{
            display:inline;
            margin: 0 0 10px 0;
            padding: 0;
            float:left;
            width:200px;
            height:70px;
            background: url(images/ceramexcel-home-button-off.gif) no-repeat;
            position:relative;
        } 
        .side-buttons h5{ 
            font-size:0.8em;
            padding:0 0 5px 0;
        }
        .side-buttons-hover{
            display:inline;
            margin: 0 10px 10px 0;
            padding: 0;
            float:left;
            width:226px;
            height:70px;
            background: url(images/ceramexcel-home-button-on.gif) no-repeat;
            color:#fff;  
        } 
        .side-logos{
            margin: 0 0 15px 0;
        }         
        #primary .side-buttons p {
            padding: 0;
            font-size:0.8em;
            color:#F37610;            
        }        
        #primary .side-buttons-hover p{
            padding: 0;
            font-size:0.8em;
            color:#FFF;            
        }       
        .side-buttons-text{
            float:left;
            padding: 7px 0 0 15px;       
            width:142px; 
            }          
        .side-buttons-links{
            float:left;
            padding: 10px 5px 0 0; 
            }
        .side-buttons-links a{
            position:absolute;
            top:0;
            left:0;
            width:200px;
            height:70px;
            text-indent:-9999px;
            }                  
            
            
/* =Footer Styles
----------------------------------------------- */   
#footer .inside{
    width:960px;
	border: 0;
	text-transform:capitalize;
	font-size: 0.9em;
    line-height:2;	
    color:#aeaeae;        
}
#footer .box-5 {
    width:960px;
    height:45px;
	background:#5A5A5A url() no-repeat scroll left top;    
	padding:5px 0 0 0;
}
#footer .box-6   {
    text-align:right;
    width:960px;
    height:25px;
	background: url(images/ceramexcel-footerbottom.png) no-repeat scroll left top;    
}
#footer .box-7{
   width:630px;
}
#footer .box-7  p strong{
  font-weight:bold;
}
#footer .box-7  p span{
    color:#f37610;
}
#footer .box-8{
   width:250px;
}
#footer .box-8  span{
    color:#f37610;
}
#footer .box-8  p strong{
  font-weight:bold;
  color:#fff;
}
#wpcf7-f1-p12-o1 span{
font-size:0.8em;
color:#5A5A5A;
}

		/* =Footer Styles - Nav
		----------------------------------------------- */  		



/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}