Old Boneham Stylesheet

style.css

/* =Boneham */

/* =Clean the world */
	* {margin:0;padding:0;}

/* Form Styling */
.field-validation-error
{
    color : Red;
	float : right;
}

.block{
display:block;
}

/* This is the error form on the accounts page */
.error {
    background: none repeat scroll 0 0 #FF0000;
    border: 1px solid #B91D21;
    color: #FFFFFF;
    display: block;
    margin: 10px 0;
    padding: 5px 10px;
    text-align: center;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/* PDF's */

.pdfs {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.pdfs a[href$=".pdf"] {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #2C2C2C;
    background-image: url("/images/smpdf.jpg");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    display: block;
    height: 45px;
    margin-bottom: 20px;
    outline: medium none !important;
    position: relative;
    text-indent: -9999px;
    width: 100%;
}

.pdfs a[href$=".pdf"]:after {
    color: #FFFFFF;
    content: "Click to Download PDF";
    display: inline-block;
    font-size: 14px;
    position: absolute;
    right: 25px;
    text-indent: 0;
    top: 14px;
}

.field-validation-valid
{
    display : none;   
}

.input-validation-error
{
    border : 1px solid Red;
    background-color : #FFEEEE;   
}

.validation-summary-errors
{
    font-weight : bold;
    color : Red;   
}

.validation-summary-valid
{
    display : none;   
}

/* =Sitemap */
.sitemap ul li
{
list-style-type : none !important;
}

.sitemap ul
{
clear : both !important;
}


.social{}
.social a {
    border-radius: 4px 4px 4px 4px;
    clear: both;
    display: block;
    height: 32px;
    margin-bottom: 15px;
    padding: 5px 0 4px 7px;
    width: 95%;
}

.social a:hover {background: #476bad; color:#fff; }
.social a span + span { display:inline-block; padding: 5px 0 0 5px;}

.facebook, .twitter, .linkedin{
background-image: url('images/boneham-socials.png');
background-repeat: no-repeat;
width:34px;
height:36px;
inline-block;
float:left;
margin-right:1px;
}

.facebook{background-position:0 0;} 
.twitter{background-position:-37px 0;} 
.linkedin{background-position:-74px 0;}





/* =Selections */

.noselect::selection { background: none; }
.noselect::-moz-selection { background: none; }

::selection { background: #666; color: #fff;}
::-moz-selection { background: #666; color: #fff; }


/* =Body */
	body{
		background: #f9f9f9 url(/images/backing.jpg) center repeat-y;
		color: #333;
		font: normal 15px/120% arial;
		min-width: 960px;
	}
	
	#contained{
		margin: 0 auto;
		width:960px;
		padding: 0 ;
		background: #fff;
		overflow: hidden;
	}
	


/* =Text Based Elements */

	a{color:#BF2026;}
	a:hover{text-decoration: underline;}
	a:active{}
	
	
	
	img, img a {border:none;}

	p{
		margin-bottom: 1.3em;
		font:lighter 13px/160% helvetica;
	}


	h1{ margin: 1em 0 1em;}
	h3{margin: 0 0 1em;}
	strong{font-weight: bold;}




/* =I'd rather state a list-style than have one forced */
	li{
	list-style: none;
	font:lighter 13px/160% helvetica;
	}



.clean {margin:20px 0;}
.marginright{margin-right: 20px;}

/* =Navigation */
	nav{
		background: #BF2026 url(/images/nav-red.jpg)  ; 
	    height: 60px;
	    margin: 0 auto;
	    padding: 10px;
	    color:#fff;
	    display:block;
	}
	
	nav ul{
		width:960px;
		margin: 0 auto;
			

	}
	
	nav li{
		float: left;
		list-style: none;
		position: relative;
	}
	
	nav li a{
		color: #fff;
		padding: 20px;
		display: block;
		text-decoration: none;
		border-right:1px solid #690807;
		font: 500 15px/120% arial;
	}
	
	nav li a:hover{
		background: url(/images/hover-light.png) no-repeat center center;
	}
	
	



	nav ul > li > ul{
	    display: none;
	    left: -14px;
	    padding: 11px 5px 2px;
	    position: absolute;
	    text-align: center;
	    top: 55px;
	    width: 148px;
		background: url("/images/nav-red.jpg") repeat scroll 0 0 #BF2026;
		
	    /* =CSS3 Transition*/
	   	-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
		
	}
	
	nav ul > li:hover > ul{display: block;  top: 55px;

}

	nav ul > li > ul > li > a{
		text-align: center;
		color: #fff;
		padding: 0px;
		display: block;
		text-decoration: none;
		font: 500 13px/120% arial;
		padding: 10px;
		border-top: 1px #870f17 dotted;
	}	
	

	
	nav ul > li > ul > li{
	float: none;
	}
	
	/* =last child without the last child */
	nav li + li + li + li + li a{
		border-right:0px solid #690807;
	}
	
	nav ul ul{
		padding: 0;
	}
	

.detailsright {
    float: right;
    width: 30%;
}

	nav ul ul li {
		padding: 0px;
		text-align: right;
		float: right;
	}
	
	nav ul ul li a{
		padding: 0;
		display: inline;
		border-right:0px solid #690807;
	
	}
	



/* =Masthead */

	#masthead{ width:960px; height:160px; margin:0 auto; padding: 20px 0px; background: #fff;}
	
	#masthead  #logo{float: left; width:260px;}
	
	#masthead  #name{float: left; width:440px; font:100 28px/120% Helvetica; margin-top: 40px;}
	#masthead  #name strong{font-weight: bold;}
	
	#masthead  #address{float: left; width:260px; text-align: right;}
	

/* =Masthead Slideshow - Images */
	
	#masthead-slideshow{
		width: 78%;
		float: right;
		text-align: center;
		clear:both;
		margin-bottom: 20px;
	}
	
	#masthead-slideshow .tagline{
	    font: lighter 30px/120% Helvetica;
	    margin: 10px 0 -10px;
	}
	
/* =Content - Home Page */
	
	.three-column{

	}
	
	.three-column span{
		}
	
	.three-column span p{
		text-align: justify;
		font: lighter 14px/24px helvetica;
	}





/* =Sidebar Left - Products and adverts  */

#sidebar-left{
	width:195px	;
	float: left;
	
	}



#cat-list{

}


#cat-list h2	{
	font: 100 22px/120% helvetica;
	padding: 10px; 
	background: #F2F2F2	;
    border-top: 1px solid #CCCCCC;
	border-left: 1px #ddd solid;
	border-right: 1px #ddd solid;
	display: block;
	}

#cat-list ul	{
    border-bottom: 1px solid #DDD;

}

#cat-list ul > li > ul {
    background: #F2F2F2;
    padding: 0;
    position: absolute;
    left: 100%;
    width:150px;
    top: 0;
}


#cat-list ul > li > ul  {display:none;}
#cat-list ul > li:hover > ul {display: block;}
#cat-list ul > li > ul > li > ul {display:none;}
#cat-list ul > li > ul > li:hover > ul {display: block;}
#cat-list ul > li > ul > li > ul > li > ul{display:none;}
#cat-list ul > li > ul > li > ul > li:hover > ul {display: block;}
#cat-list ul > li > ul > li > ul > li > ul > li > ul{display:none;}
#cat-list ul > li > ul > li > ul > li > ul > li:hover > ul {display: block;}
#cat-list ul > li > ul > li > ul > li > ul > li > ul > li > ul {display:none;}
#cat-list ul > li > ul > li > ul > li > ul > li > ul > li:hover > ul {display: block;}





#cat-list ul ul li a, #cat-list li { position: relative; font: normal 13px/120% arial;}

#cat-list li a	{
    background: none repeat scroll 0 0 #f8f8f8;
    border-bottom: 1px solid #EEEEEE;
    border-top: 1px solid #CCCCCC;
	border-left: 1px #ddd solid;
	border-right: 1px #ddd solid;
    color: #333333;
    display: block;
    font-size: 13px;
    padding: 7px 10px;
    position: relative;
    text-decoration: none;
    z-index: 2;

    /* =CSS3 Transition*/
   	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	}


#cat-list li a:hover	{
	background: #C12026;
	color:#fff;
    border-bottom: 1px solid #7f0e17;
    border-top: 1px solid #96111b;
    border-left: 1px solid #96111b;
    border-right: 1px solid #96111b;
}


#cat-list li:after{
/* =This makes the arrow appear */
    border-color: transparent transparent transparent #333;
    border-style: solid;
    border-width: 16px;
    content: "";
    height: 0;
    position: absolute;
    right: 0px;
    top: 0;
    width: 0;
    z-index: 1;
    
    /* =CSS3 Transition*/
   	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
    
   }
#cat-list li:hover:after {
    border-color: transparent transparent transparent #C12026;
    border-style: solid;
    border-width: 16px;
    content: "";
    height: 0;
    position: absolute;
    right: -32px;
    top: 2px;
    width: 0;
}
}

.cat-items{
	overflow: hidden;
}

.cat-items img{
	border:1px solid #f5f5f5;
}

.cat-prod-name{text-align: center; font-size: 12px;}

/* =Downloads */

.download-item{
	width:125px;
	background: url(/images/pdf.jpg) no-repeat top center;
	margin-right: 10px;
	margin-bottom: 30px;
	display: block;
	height: 210px;
	float: left;
	text-align: center;
	color: #333;

}

.download-item a{
}


.download-item:nth-child(4n+4){margin-right: 0;}
.download-item .about{
    font-size: 13px;
	color: #333;
    text-decoration: none;

    margin-top: 140px;
    display: block;
}

.clicktodown{ font-size: 11px; clear: both;}


/* =Product Page - Product images */

.prod-items {margin: 0 20px 0 0; float: left;}
.prod-items img{margin-right: 15px;}



#sidebar-left .advert, #sidebar-right .advert{
	margin: 20px 0;
	display: block;

}


#product-details{
	overflow:hidden;
	margin:20px 0;
}

/*findme*/
.tiny-thumbs{}

.tiny-thumbs a {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 70px;
}

.tiny-thumbs a + a + a{margin-right:0;}
.tiny-thumbs a + a + a + a{margin-right:10px;}
.tiny-thumbs a + a + a + a + a + a{margin-right:0px;}

.thumbnail{}


/* =products */
.smallmargin{margin:10px auto;}
.largemargin{margin:20px auto;}
.headermargin{margin: 0 0 1em;}
.margintop{margin-top:1em;}
.sizes {
    float: left;
    margin-top: 36px;
}

.sizes-image{float: right;}

.sizesel select {
    float: right;
    width: 45%;
}
.sizes .new-item {
    border-bottom: 1px solid #777777;
    display: block;
    padding: 10px 0;
}
.sizes .new-item:last-child {
	border-bottom: 0;
}

.sizes .x {
    font-size: 12px;
    font-weight: bold;
    height: 40px;
    text-align: center;
    width: 30px;
}

.sizes .y{}

.sizes .y input[type="text"] {
    font-size: 10px;
    font-weight: bold;
    padding: 5px;
    text-align: right;
    width: 30px;
}

.sizes .z {
    font-size: 11px;
}
.sizes .z input[type="text"] {
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    width: 30px;
}

.label{margin: 0 10px 10px 0;}
.additioninfo textarea{resize: none; width:88%; padding:1%; height:100px;}


.outlined {
    border: 1px solid #888888;
    float: left;
    padding: 20px 10px 0;
}

.clear{
	clear:both;
}

.atc input[type='submit']{
    background: url("/images/add-to-cart.jpg") repeat scroll -46px -7px #CC0000;
    border: 0 none;
    color: #FFFFFF;
    float: right;
    font-size: 13px;
    margin: 10px 0 0;
    padding: 6px 0 8px 12px;
    width: 140px;
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    float: right;

}





/* =Breadcrumbs */


#breadcrumb {
    border-bottom: 1px solid #444444;
    display: inline-block;
    height: auto;
    padding: 0 0 10px;
	width: 100%;
}
#breadcrumb a {font-size: 11px;}
#breadcrumb ul { padding: 0 !important;}
#breadcrumb li {float: left; list-style: none !important; padding: 0 !important;}
#breadcrumb li:after {content: ">"; padding: 0 5px;}
#breadcrumb li:last-child:after{ content: "";}







/* =term */

.alpha {text-align: justify;}
.alpha a{ display: inline; margin: 0 2px;}

.terminology dl{ float: left;}

.terminology dt {
    font-weight: bold;
    margin: 10px 0;
    text-decoration: underline;
}
.terminology dd {
    border-bottom: 1px dashed #999999;
    padding-bottom: 10px;
}






/* =Content Area in the middle */



#content-area{
    float: left;
    margin: 0 20px;
    width: 530px;
}


/*#content-area ul{float: left; width:90%; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box;}*/
#content-area ul {
	-moz-box-sizing: border-box;
	float: none;
	padding: 10px;
	width: 100%;
}

#content-area li{ list-style: square inside none; font:lighter 12px/170% helvetica;}

#content-area a{}

#categories{
	
}

.span_3{
    float: left;
    margin: 10px 13px 10px 0;
    width: 122px;
 	text-align: center;  
    min-height: 200px;
}

.span_3 img{
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}

.span_6{
    float: left;
    margin: 10px 32px 10px 0;
    width: 122px;
 	text-align: center;  
}

.span_6 img{
	border: 1px solid #ddd;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.featured-cat-items{width:530px;float:left; margin: 30px 0;}

.featured-cat-items .span_6:nth-child(5n+5){
	margin:10px 0 10px 0;
}


.span_3:nth-child(4n+4){
	margin:10px 0 10px 0;
}


.span_full{
	width:100%;
	clear:both;
}



#item-information {
	margin: 0;
}

#item-information h2{
    font-size: 16px;
    line-height: 130%;}
/* =Buy now buttons / quanity */

.buy-box{
	font-size: 13px;
}

.buy-box .product-id{
	font-weight: bold;
float:left;
}

.buy-box .price{
	float: right;
}

.buy-box .excerpt{
    border-bottom: 1px solid #222222;
    border-top: 1px solid #222222;
    display: block;
    margin: 7px 0;
    padding: 7px 0;
}

.buy-box .quantity {
    float: left;
    margin-top: 8px;
}

.buy-box .quantity-amount input[type='text'], .buy-box .quantity-amount select
{
    float: right;
    font-size: 12px;
    width: 120px;
    border: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

li p{display:inline;}

.buy-box .quantity-amount input[type='text']
{
	height: 16px;
    padding: 8px 10px;
border: 1px solid #888888;
}

.buy-box .addtocart input[type='submit']{
    background: url("/images/add-to-cart.jpg") repeat scroll -46px -7px #CC0000;
    border: 0 none;
    color: #FFFFFF;
    float: right;
    font-size: 13px;
    margin: 10px 0 0;
    padding: 6px 0 8px 12px;
    width: 140px;
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    float: right;

	cursor : pointer;
}

.buy-box .addtocart input[type='submit']:active{
	background: url("/images/add-to-cart.jpg") repeat scroll -46px -145px #CC0000;
}

.option{
    background: none repeat scroll 0 0 #F1F1F1;
    border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    float: left;
    margin-bottom: 20px;
	margin-right: 0px;
    padding: 9px;
    width: 255px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;  
	box-sizing: border-box;

}

.option:nth-child(2n+2){
	margin-left: 20px;
}





/* =feedback
-------------------*/

.feedback {}

.feedbackform .fieldname {
    float: left;
    margin-bottom: 20px;
    padding: 5px;
    width: 30%;
}

.feedbackform input[type="text"] {
    float: right;
    margin-bottom: 20px;
    padding: 5px;
    width: 60%;
}
.feedbackform h2 {
    float: left;
    margin: 20px 0;
    text-align: left;
    width: 100%;
}

.feedbackform .area {
    clear: both;
    float: left;
    margin: 20px 0;
    width: 100%;
}

.feedbackform .area h3 {
    float: left;
    height: 60px;
    width: 25%;
}

.feedbackform .area .rating {
    float: left;
    font-weight: bold;
    height: 30px;
    width: 75%;
    
    
}

.feedbackform .area .third {
    float: left;
    text-align: left;
    width: 33.333%;
}

.feedbackform .area .third + .third{text-align: center;}
.feedbackform .area .third + .third + .third {text-align: right;}


.feedbackform .area .onetoten {
    float: left;
    text-align: justify;
    width: 75%;
}

.feedbackform .area .onetoten .x {
    float: left;
    text-align: center;
    width: 10%;
}

.feedbackform .area textarea {
    font: 16px/170% arial;
    height: 150px;
    margin: -40px 0 0;
    padding: 10px 20px;
    resize: none;
    width: 92%;
} 

.feedbackform input[type='submit']{
    margin-left: 4px;
    width: 352px;

    border: 1px solid #888888;
    border-radius: 3px 3px 3px 3px;
    padding: 7px 10px;
    width: 330px;
    
    }
    
/* =Sidebar Right - Search, Shopping cart and adverts  */

#sidebar-right{
	width:195px;
	float: right;
}

#search, #basket{
	background: #f2f2f2;
	padding: 9px;
	margin-bottom: 20px;
	border: 1px solid #DDDDDD;
}

#search h2{
	margin-bottom: 10px;
	font: 100 22px/120% helvetica;
}


.search-submit{
    background: url(/images/search-icn.jpg) 50% 60% #990000;
    border: 0 none;
    float: left;
    height: 26px;
    padding: 5px 0 20px;
    width: 28px;
}

.searchbar {
    border-color: #999999;
    border-left: 0 none #999999;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    padding: 5px 11px;
    width: 124px;
}




/* =Quick Cart */

.applyquick{

    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    padding: 5px 11px;
	width:151px;
	}

.quickcart {
    background: url("/images/add-to-cart.jpg") repeat scroll -23px -7px #CC0000;
    border: 0 none;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-size: 13px;
    margin: 10px 0 0;
    padding: 6px 0 8px 12px;
    width: 175px;
    }

.quickcart:active {

    background: url("/images/add-to-cart.jpg") repeat scroll -23px -53px #CC0000;

}


.viewcart {
    background: url("/images/view-cart.jpg") repeat scroll -23px -7px #CC0000;
    border: 0 none;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-size: 13px;
    margin: 10px 0 0;
    padding: 6px 0 8px 12px;
    width: 175px;
    }

.viewcart:active {

    background: url("/images/view-cart.jpg") repeat scroll -23px -53px #CC0000;

}



/* =Shopping basket */

#basket{border: 1px solid #DDDDDD;}
#basket h2{ margin-bottom: 10px;font: 100 22px/120% helvetica;}
#basket span{ display: block; margin-bottom: 10px; font-size: 13px;}


#basket table .new-item{
    border-bottom: 1px dotted #555555;
    display: block;
    padding: 5px 0;
}

#basket table .new-item:last-child{
	border-bottom: 0 none;
}


	
	.thumb-item, .item-amount, .item-desc {}
	
	
	.thumb-item{
		width:30px;
	}
	
	.item-amount{
		font-size: 12px;
		width:30px;
		text-align: center;
		vertical-align: middle;
	}
	
	.item-desc{
		font-size:11px;
		vertical-align: middle;

	}
	
	#sum{
		border-top: 1px #888 solid;
		padding: 10px 0;
		margin-top: 10px;
	}
	
	.sub, .del, .vat, .tot {
		text-align: right;
		width:150px;
	}

	.num{
		text-align: right;
		width: 50px;
		padding-left: 10px;
	}


	#howto{}


/* =Everything */

	.note {
	    border-radius: 3px 3px 3px 3px;
	    -moz-border-radius: 3px 3px 3px 3px;
	    -webkit-border-radius: 3px 3px 3px 3px;
	    color: #222222;
	    font: italic bold 12px/170% arial;
	    padding: 3px 0;
	    text-align: center;
	    text-decoration: underline;
	}
	.overflowhidden{overflow: hidden;}
	.ninesixty{width:730px; margin:0 auto;}
	.ninesixty h1{margin: 5px 0 1em 0;}
	.ninesixty h2{margin: 0 0 20px 0;}
	.half{width:50%;}
	.left{float: left;}
	.right{float: right;}
	.full,.whole{width:100%;}
	.inside{ -moz-box-sizing: padding-box; -webkit-box-sizing: padding-box; box-sizing: padding-box; padding: 10px;}
	.blacktext{color:#000;}
	.honour{background: url(/images/sir-boneham.jpg) no-repeat scroll 170px 0 transparent}
	.grey{background: #222;}
	.fadeded{background: url(/images/about/fadeded.jpg) center repeat-y ; }

	.topbottom{ padding: 0;}
	.borderbottom{padding-bottom: 20px;}
/*border-top:1px #444 solid; border-bottom:1px solid #444;*/
/* =About page lovely-ness */

	.cleantopbottom{margin:20px 0;}
	.international{ height:280px;}
	.height525 {height:425px;}
	.eng-r{}
	.eng-w{}
	.eng-t{}
	.backwidth{color: #000;}
	.backwidth h2{margin: 1em 0;}
	hr{
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #333;
    border-style: none none solid;
    border-width: 0 0 1px;
    display: block;
    margin: 0px auto 40px;;
    width: 188px;
    }
	
	
	
/* =Contact Form */

	#contact-form{}
	
	#contact-form .next-line{ clear:both; display: block; margin-bottom: 15px;}
	
	#contact-form label{width:170px; display: inline-block; vertical-align: top;}
	
	#contact-form input{ padding: 7px 10px; border: 1px solid #888888; width:330px; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}

	#contact-form textarea {resize: none; width:330px; padding: 10px; border: 1px solid #888888; font: 11px/120% lucida grande; height:180px; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}

	#contact-form input[type='submit']{margin-left: 4px; width: 352px;}
	
	.findus-top{ margin-top: 20px; padding-top: 20px; margin-bottom: 20px; padding-bottom: 20px; border-top: 1px #fff dashed; }
	
	#contact-form select, #login-form select{width:350px;}
	
	
	
/* =login form */

/* =Contact Form */

	#login-form{ margin: 20px 0 20px;}
	
	#login-form .next-line{ clear:both; display: block; margin-bottom: 15px;}
	
	#login-form label{width:170px; display: inline-block;}
	
	#login-form input{ padding: 7px 10px; border: 1px solid #888888; width:330px; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}

	#login-form textarea {resize: none; width:330px; padding: 10px; border: 1px solid #888888; font-family: Arial; height:180px; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}

	#login-form input[type='submit']{ width: 125px;}
	
	#fldcheckbox{width:30px !important;}
	
	.nowidth{width:auto!important;}
	

header, nav, section, article, aside, footer {
   display:block;
}
	
/* =Footer */

	footer{
		background: #333333;
		color: #fff;
		display: block;
		height:600px;
		padding: 40px 0 20px;
	}
	
	#foot{
		width: 960px;
		margin:0 auto;
		overflow: hidden;
		font: lighter 16px/170% helvetica;
	}

	#foot h3{
		color:#BF2026;
	}
	
	
	#foot ul{
		width:230px;
		float: left;
	
	}
	#foot li{
		line-height: 24px;
	
	}
	
	#foot li a{
		color: #fff;
		text-decoration: none;
	}
	#foot a:hover{text-decoration: underline;}

	#foot ul + ul + ul + ul {
		float: right;
	}
	
	
	#foot  #address {
		text-align: right;
		float: right;
		line-height: 24px;

	}

	.stamp {
	    display: block;
	    margin: 130px auto 0;
	    text-align: center;
	    width: 960px;
	}

	.stamp p{
		margin-top: 20px;
	}

.shopping-cart {width:100%;}

.pn, .pr, .qty, .ft, .ftpr, .lp {font-weight: bold;}


.shopping-cart thead td {
    border-bottom: 10px solid #EEEEEE;
    padding-bottom: 5px;
}

.shopping-cart tbody {font-size: 13px;}

.shopping-cart tbody td {
    border-bottom: 1px double #DDDDDD;
    padding: 15px 5px;
}

.shopping-cart tfoot td {padding-top:10px;}

/*=Account page after logging in
--------------------------------*/

#contact-form input[type="checkbox"]{width:auto;}

#tabs ul{margin:0; padding:0; list-style: none; width:100%;} 
#tabs li {
    float: left;
    list-style: none outside none;
    margin: 0 30px 0 0;
    padding: 0;
    width: 20%;
}

.tab-nav a, .tab-nav a:hover{text-decoration: none;  font-size: 15px;} 

.tab-nav a {
    background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #DDDDDD;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0 ;
    -webkit-border-radius: 4px 4px 0 0 ;
cursor: pointer;
    display: block;
    float: left;
    height: 20px;
    margin-bottom: 10px;
    margin-right: 6px;
    padding: 9px 10px 7px;
    text-shadow: 0 1px #FFFFFF;
    width: 100%;
    list-style: none;
    text-decoration: none;
   
}

.ui-tabs-selected a{
    background: url("../img/add-to-cart.jpg") repeat scroll -99px -7px #CC0000;
    border: 1px solid #BD2125;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0 ;
    -webkit-border-radius: 4px 4px 0 0 ;
    float: left;
    height: 20px;
    margin-bottom: 10px;
    margin-right: 6px;
    padding: 9px 10px 7px;
    text-shadow: none;
    width: 100%;
}

.ui-tabs-selected a{color: #fff;}

.logged-in{width:100%; clear:both;}
.logged-in thead{font-weight: bold;}
.logged-in td {
    padding: 10px 0;
    vertical-align: top;
}

.labeltext{width:50%;}
.longtext{width:100%;}

.longtext input, .longtext textarea{
   border-color: #999999;
    border-style: solid;
    border-width: 1px;
    padding: 5px 11px;
    width: 90%;
}

.required{color: #B30101; font-size:13px;}

.alignleft{text-align: left;}
.alignright{text-align: right;}

.logged-in .updated{
    background: url("../img/add-to-cart.jpg") repeat scroll -49px -7px #CC0000;
    border: 0 none;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-size: 13px;
    margin: 10px 0 0;
    padding: 6px 0 8px 12px;
    width: 175px;
}

/* JQUERY UI */
.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
}
.ui-helper-reset {
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after { } .ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-clearfix {
}
.ui-helper-zfix {
}
.ui-state-disabled {
    cursor: default !important;
}
.ui-icon {
}
.ui-widget-overlay {
}
.ui-widget-shadow {
}
.ui-tabs {
    position: relative;
}
.ui-tabs .ui-tabs-nav {
}
.ui-tabs .ui-tabs-nav li {
}
.ui-tabs .ui-tabs-nav li a {
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
    display: block;
    padding: 1em 1.4em;
}
.ui-tabs .ui-tabs-hide {
    display: none !important;
}

.tab-nav a {
    display: block;
    font-size: 15px;
    text-decoration: none;
}

/* Star Rating Stuff */
.jquery-ratings-star
{
	width : 36px;
	height : 36px;
	background-image : url('/images/empty-star.png');
	background-repeat : no-repeat;
	position : relative;
	float : left;
	margin-right : 2px;
}

.jquery-ratings-full
{
	background-image : url('/images/full-star.png');
}
#categories {
    float: left;
    width: 100%;
}

#product-details {
    float: left;
    margin: 20px 0;
    overflow: hidden;
    width: 100%;
}

.prod-items {
    float: left;
    margin: 0;
    width: 45%;
}

#item-information {
    float:right;
    margin:0;
    width:55%;
}

.description{
	float: left;
	clear: both;
}