/*
classes.css

This contains all the classes used by the website other than those defined in default.css
Typically this will include header and footer css as well as any styles required by any bespoke areas of the website
*/

/* Products */

.hold-message {text-align:center;}
.hold-message h2 { font-family: Arial, Helvetica, sans-serif; font-size:23px; color:#666; }


.sin-prodimg-main
{
	float:left;
}

.sin-prodtitle-main
{
	margin-left:240px;
}

.sin-prodtext-main
{
	float:right;
	width:300px;
	clear:right;
	text-align:left;	
}

.sin-mid-box-main
{
	width:540px;
}

.sin-mid-box
{
	width:210px;
	color:#000;
}

.sin-prodtitle
{
	text-align:center;
}

.sin-prodtext
{
	text-align:center;
}

#cartstock
{
	line-height:0;
	margin-right:70px;
	width:180px;
}

#cartbtn
{
	float:left;
	margin:-15px 0px 0px 8px;
	padding-bottom:30px;
}
.add-to-cart
{
	float:left;
	margin-left:52px;
}

.addqty
{
	float:left;
}

.add-btn
{
	position:relative;
	top:11px;
}

/* End Products */

.outerContainer
{
	width:994px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	height:400px;
}

.innerContainer
{
	float:left;
	display:inline;
	width:974px;
	margin-right:10px;
	margin-left:10px;
}

.container
{
	width:974px;
	float:left;
	display: inline;
	margin-left:0px;
	margin-right:0px;
	text-align:left;
	background-color:#999999;
	margin-bottom:5px;
}

.boxHeader
{
	padding-top:1px;
	padding-left:10px;
	width:198px;
	height:23px;
	color:#FFFFFF;
	float:left;
	display:inline;
	background-image:url(images/boxHeader.jpg);
	margin-left:2px;
	border-right:1px solid #000;
	border-top:1px solid #000;
}

.boxHeader a
{
	
	color:#FFFFFF;
	
}



.boxHeaderCart {

	padding-top:1px;

	padding-left:10px;

	width:200px;

	height:23px;

	color:#FFFFFF;

	float:left;

	display:inline;

	background-image:url(images/boxHeaderCart.jpg);

}



.box {

	width:195px;

	display:inline;

	float:left;

	border-bottom:1px solid #333333;

	border-left:3px solid #333333;

	border-right:1px solid #333333;

	font-size:80%;

	margin-left:2px;

	padding-left:10px;

	padding-bottom:5px;

	background-image:url(images/box.jpg);	

}



.BreadCrumb {

	float:left;

	display:inline;

	font-size:70%;

	margin-top:5px;

	margin-bottom:7px;

	color:#FFFFFF;

	margin-left:4px;

	width:750px;

	font-family:Arial, Helvetica, sans-serif;

}



.Crumb{

	float:left;

	display:inline;

	text-indent:0px;

	margin-left:4px;

}



.Crumb a:link {

	color:#FFFFFF;

	text-decoration:none;

}

.Crumb a:active {

	color:#FFFFFF;

	text-decoration:none;

}

.Crumb a:visited {

	color:#FFFFFF;

	text-decoration:none;

}

.Crumb a:hover {

	color:#FFFFFF;

	text-decoration:underline;

}



.shoppingCart {

	width:195px;

	display:inline;

	float:left;

	border-bottom:1px solid #333333;

	border-left:3px solid #333333;

	border-right:1px solid #333333;

	font-size:80%;

	margin-left:2px;

	padding-left:10px;

	padding-bottom:5px;

	background-color: #666666;



}





.header {

	width:974px;

	float:left;

	display:inline;

	background-color:#fff;

	margin: 5px 0px 5px 0px;

}



.logoContainer {

	float: left;

	display: inline;

	width: 300px;
	
	margin-top:5px;	

}



.homeImages {

	float:left;

	display:inline;

	text-align:center;

}



.login {

	float:right;

	text-align:left;

	color:#ff9900;

	display:inline;

}



.shopLogo {

	float:right;

	display:inline;

	text-align: right;

	width: 330px;
	
	margin-top:10px;

}



.footer {

	display:inline;

 	width:986px;

	height:35px;

	float:left;

	padding-top:15px;

	padding-right:10px;

	text-align:right;

	color:#FFFFFF;

	background-color:#333333;

	margin-left:-1px;

}



.frontImages {

	float: left;

	display: inline;

	width: 974px;

	text-align: center;

}



.leftArea {

	float:left;	

	display:inline;

	margin-left:8px;

	width:215px;

}



.nav {

	float:left;

	display:inline;

	padding-top:4px;

 	width:974px;

	height:21px;

	font-size:90%;

	text-align:center;

	background-color:#333333;

}

.nav a
{
	color:#fff;
}
.nav a:hover
{
	color:#ff9900;
}

.navItem {

	float: left;

	display: inline;

	margin: 0px 17px 0px 17px;

}



.rightArea {

	float:left;

	display:inline;

	color: #000000;

	margin-left:30px;

	width:720px;

	font-size:80%;

	text-align:left;

}



/* Text */


.rightAreaText {



	width:460px;

	float:left;

	display:inline;

	text-align:left;
	
	color:#000000;

}



/* NavText */



.ProductContainer {

	float: left;

	display:inline;



	color: #333333;

	border: 1px solid #ffffff;



	width: 148px;

	height: 173px;



	background-color: #ffffff;



	text-align: center;

	font-size:95%;



	margin: 0px 15px 15px 0px;

}



	.ProductContainer a {

		color:#333333;

		text-decoration:none;

	}



.pagerContainer {

	float: left;

	display: inline;

}



.pagerLeft {

	float: left;

	display: inline;

	width: 150px;

	text-align: left;

}



.pagerMiddle {

	float: left;

	display: inline;

	text-align: center;

}



.pagerRight {

	float: right;

	display: inline;

	width: 150px;

	text-align: right;

}



.productImageContainer {

	float: left;

	display: inline;

	text-align: left;	

	width: 200px;

	border: 1px solid #ffffff;

	height: 200px;

}



.productDetailContainer {



	float: left;

	display: inline;

	text-align: left;	

	width: 240px;

	padding: 0px 0px 0px 10px;

	font-size: 110%;

}



.productInfo {

	color: #ff9900;

	font-weight: bold;

}



.shoppingCartSummary {

	float: left;

	display: inline;

	width: 100%;

}


/*
.shoppingCartSummary table, tr, td {border: 1px solid #3399ff;}
*/
.shoppingCartSummary th {

	font-weight: bold;

	border: 1px solid #3399ff;

}



.OrdersTable {

	color: #ffffff;

	width: 100%;

	border: 1px solid #cccccc;

}

/*
.OrderStable tr, td {border: 1px solid #cccccc;}
*/

.orderRowPENDING {

}



.orderRowCOMPLETE {

	background-color: #FFFFCC;

	color: #0066CC;

}



a.linkPager {

	display:block;

	color:#FFFFFF;

	text-decoration:none;

	padding:2px;

	background-color:#111111;

}

a.linkPager:hover {

	display:block;

	color:#ff9900;

	text-decoration:none;

	padding:2px;

	background-color:#333333;

}

/*
 * cart css
 */
 
div.cart_cartitems table tr
{
	background-color: #666666;
	color: #fff;
}

.cartitem_quantity
{
	color: #fff;
font-weight:	bold;
}

div.checkout_confirmation_addresses
{
background-color:#000000;
}

div.checkout_confirmation_addresses p
{
background-color:#666666;
padding:5px 5px 0px; 
}

div.checkout_confirmation_address
{
padding: 5px;
}

div.checkout_confirmation_comments
{
background-color:#000000;
}

/* Admin 
div#managepagelayout div.layoutmenu ul li a
{
	color:#000000;
}
.sectionheading
{
	color:#000000;
}

div.layoutitem
{
	background-color:#000000;
}

div.layoutitemheading
{
	color:#000000;
}

div.layoutitemheadingmenu
{
	color:#000000;
}
*/
div#layoutitemsettings form label#label_content
{
	display:none;
}


#manageproductform a
{
	color:#fff;
}


table.cart_heading tr td.cartheading_title {
width:25%;
}

div.cart_cartitems table tr td.cartitem_title {
width:25%;
}


table.cart_heading tr td.cartheading_code {
width:10%;
}

div.cart_cartitems table tr td.cartitem_code {
width:10%!important;
}

.cartitem_code
{
	width:30%!important;
}

#optionform
{
	width:200px;
}

