/* ONLINE-SHOP.CSS Document */

div.errorText {
	padding-bottom:10px;
}
div.errorText p {
	color:#E11C1C;
	font-size:0.75em;
	margin-bottom:10px;
}
div.errorText ul {
	margin-bottom:10px;
}
div.errorText li {
	color:#E11C1C;
	font-size:0.75em;
	line-height:1.4em;
	margin-bottom:0;
}

/*****************************************************************************************************************************/
/****** DisplayCategories ******/
#DisplayCategories {
	padding-bottom:10px;
	width:750px;
}
/* class - category row */
#DisplayCategories div.catGroup {
	margin-bottom:20px;
	width:750px;
}

/* category */
#DisplayCategories div.category {
	float:left;
	border:1px solid #000;
	margin-right:24px;
	min-height:230px;
	padding:15px 10px 5px 10px;
	text-align:center;
	width:212px;
	height:240px;
}


#DisplayCategories div.category img {
	border:1px solid #000; 
}
#DisplayCategories div.category p {
	padding:5px 0;
	margin-bottom:0;
	height:25px;
	overflow:hidden;
}



#DisplayCategories div.category a:link, #DisplayCategories div.category a:visited {
	color:#000;
	text-decoration:none;
}
#DisplayCategories div.category a:hover, #DisplayCategories div.category a:active {
	color:#000;
	text-decoration:underline;
}


#DisplayCategories div.noRightMargin {
	margin-right:0;
}


/*****************************************************************************************************************************/
/****** DisplayProduct ******/
#DisplayProduct {
	padding-bottom:20px;
	padding-left:10px;
}

#DisplayProduct h2 {
	font-size:0.75em;
}

#DisplayProduct div.productLeft {
	float:left;
	margin-top:5px;
	width:250px;
}
#DisplayProduct div.mainInformation {
	float:left;
	margin-top:10px;
	width:490px; 
}



/* --- productImages --- */
#DisplayProduct div.productImages {
	padding-bottom:14px;
	width:250px; 
}
div.productImages div.mainImage {
	text-align:center;
	width:182px;
}
div.productImages div.mainImage img {
	border:1px solid #000;  
}
div.productImages div.smallImages {
	margin-top:15px;
	padding-bottom:3px;
}
div.productImages div.smallImages div.smallImage {
	float:left;
	width:82px;
}
div.productImages div.smallImages div.smallImage img {
	border:1px solid #000;  
}
div.productImages div.smallImages div.LeftImage {
	margin-right:18px;
}


/* --- addbasket --- */
div.addbasket {
	margin-top:12px;
	width:250px; 
}

/* sizing */
div.addbasket div.sizing {
	width:100%; 
}
div.addbasket div.sizing p {
	margin-bottom:4px;
}
div.addbasket div.sizing select {
	width:195px;
}

/* flexibility */
div.addbasket div.flexibility {
	width:100%; 
	margin-top:5px;
}
div.addbasket div.flexibility p {
	margin-bottom:4px;
}
div.addbasket div.flexibility select {
	width:195px;
}

/* colours */
div.addbasket div.colours {
	width:100%;
	margin-top:2px;
}
div.addbasket div.colours p {
	margin-bottom:4px;
}
div.addbasket div.colours select {
	width:195px;
}

/* buttons */
div.addbasket div.qtybutton {
	margin-top:10px;
	width:100%; 
}

/* quantity */
div.addbasket div.quantity {
	float:left;
	margin-top:2px;
	width:73px;
}
div.addbasket div.quantity div.label {
	float:left;
	text-align:center;
	width:28px;
}
div.addbasket div.quantity div.label p  {
	padding-top:2px;
}
div.addbasket div.quantity div.value {
	float:left;
	text-align:right;
	width:45px;
}
div.addbasket div.quantity select {
	width:42px;
}

/* button */
div.addbasket div.button {
	float:left;
	text-align:right;
	width:122px;
}




/* --- price --- */
#DisplayProduct div.price {
	padding-left:8px;
	width:482px; 
}
#DisplayProduct div.price p {
	font-size:0.95em;
	padding-top:3px;

}


/* --- linked products --- */
div.linkedproducts {
	padding:16px 0 0 8px;
	width:482px; 
}
div.linkedproducts div.linkeditem {
	float:left;
	margin-right:10px;
	width:154px;
}
div.linkedproducts div.linkeditem div.miniimage {
	text-align:center;
}
div.linkedproducts div.linkeditem div.miniimage img {
	border:1px solid #000; 
}
div.linkedproducts div.linkeditem div.desc {
	padding-top:4px;	
	text-align:center;
}
div.linkedproducts div.linkeditem div.desc p {
	margin-bottom:2px;
}
div.linkedproducts div.noRightSpacing {
	margin-right:0;
}

/* --- alsobought products --- */
div.alsoboughtproducts {
	padding:18px 0 0 8px;
	width:482px; 
}
div.alsoboughtproducts div.alsoitem {
	float:left;
	margin-right:10px;
	width:154px;
}
div.alsoboughtproducts div.alsoitem div.miniimage {
	text-align:center;
}
div.alsoboughtproducts div.alsoitem div.miniimage img {
	border:1px solid #000; 
}
div.alsoboughtproducts div.alsoitem div.desc {
	padding-top:4px;	
	text-align:center;
}
div.alsoboughtproducts div.alsoitem div.desc p {
	margin-bottom:2px;
}

div.alsoboughtproducts div.noRightSpacing {
	margin-right:0;
}


/* --- benefitsFeatures --- */
#DisplayProduct div.benefitsFeatures {
	padding-top:15px;
	width:745px;
} 
#DisplayProduct div.benefitsFeatures ul {
	margin-left:26px;
}
#DisplayProduct div.benefitsFeatures li {
	line-height:1.2em;
}


/* --- displaysizes --- */
div.displaysizes {
	padding-top:15px;
	width:745px;
}

div.displaysizes table.sizing {
	border-top:1px solid #000;
	border-right:1px solid #000;
	margin-bottom:15px;
}
div.displaysizes table.sizing tr.tr1 {
	background-color:#344755;
}
div.displaysizes table.sizing tr.tr2 {
	background-color:#6B8DA6;
}
div.displaysizes table.sizing tr.tr3 {
	background-color:#4D6A7F;
}
div.displaysizes table.sizing td {
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	color:#FFF;
	padding:3px;
	text-align:center;
}
div.displaysizes table.sizing td.height {
	background-color:#689fc8;
}
div.displaysizes table.sizing td.chest {
	background-color:#bd454b;
}
div.displaysizes table.sizing td.waist {
	background-color:#1d9c44;
}
div.displaysizes table.sizing td.hips {
	background-color:#a69d4a;
}
div.displaysizes table.sizing td.image {
	background-color:#000;
}



/*****************************************************************************************************************************/
/****** ProductOptions ******/
#ProductOptions {
	margin-top:8px;
	width:745px;
}

#ProductOptions div.label p {
	margin-bottom:0;
	
}


/* leftrighthand */
#ProductOptions div.leftrighthand {
	margin-top:10px;
	padding-left:10px;
	width:735px;
}
#ProductOptions div.leftrighthand div.label {
	float:left;
	padding-top:3px;
	width:130px;
}
#ProductOptions div.leftrighthand div.value {
	float:left;
	padding-left:5px;
}
#ProductOptions div.leftrighthand div.value select {
	width:140px;
}


/* personalisename */
#ProductOptions div.personalisename {
	margin-top:10px;
	padding-left:10px;
	width:735px;
}
#ProductOptions div.personalisename div.label {
	float:left;
	padding-top:3px;
	width:130px;
}
#ProductOptions div.personalisename div.value {
	float:left;
	padding-left:5px;
}
#ProductOptions div.personalisename div.value input  {
	width:296px;
}


/* countrySelect */
#ProductOptions div.countrySelect {
	margin-top:10px;
	padding-left:10px;
	width:735px;
}
#ProductOptions div.countrySelect div.label {
	float:left;
	padding-top:3px;
	width:130px;
}
#ProductOptions div.countrySelect div.value {
	float:left;
	padding-left:5px;
}
#ProductOptions div.countrySelect div.value select {
	width:300px;
}


/* countryFlag */
#ProductOptions div.countryFlag {
	margin-top:10px;
	padding-left:10px;
	width:735px;
}
#ProductOptions div.countryFlag div.label {
	float:left;
	padding-top:3px;
	width:130px;
}
#ProductOptions div.countryFlag div.value {
	float:left;
	padding-left:5px;
}
#ProductOptions div.countryFlag div.value div.radioOption {
	float:left;
	width:60px;
}
div.radioOption div.radioValue {
	float:left;
	padding-right:3px;
}
div.radioOption div.radioLabel {
	float:left;
	padding-top:2px;
}
div.radioOption div.radioLabel p {
	margin-bottom:0;
}




/* flagposition */
#ProductOptions div.flagposition {
	margin-top:10px;
	padding-left:10px;
	width:735px;
}
#ProductOptions div.flagposition div.label {
	float:left;
	padding-top:3px;
	width:130px;
}
#ProductOptions div.flagposition div.value {
	float:left;
	padding-left:5px;
}
#ProductOptions div.flagposition div.value select {
}

/* button */
#ProductOptions div.button {
	margin-top:20px;
	padding-left:145px;
	width:735px;
}



/* ***** ShowItem  ***** */
#ShowItem {
	padding-bottom:10px;
}

#ShowItem table {
	border-top:1px solid #000000;
	border-right:1px solid #000000;
	margin-bottom:10px;
}
#ShowItem td {
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
	padding:3px 5px;
}

#ShowItem tr.tr1 {
	background-color:#373b3e;
}
#ShowItem tr.tr1 td {
	color:#FFFFFF;
	font-weight:bold;
	padding:5px 5px;
}

#ShowItem td.cat {
	width:11%;
}
#ShowItem td.item {
	width:40%;
}
#ShowItem td.coloursize {
	width:20%;
}
#ShowItem td.price {
	text-align:right;
	width:11%;
}
#ShowItem td.qty {
	text-align:center;
	width:7%;
}
#ShowItem td.value {
	text-align:right;
	width:11%;
}
#ShowItem td.total {
	text-align:right;
}

#ShowItem span.each {
	font-size:0.7em;
	text-transform:uppercase;
}


table.basketNoEdit {border-top:1px solid #BBB;	border-right:1px solid #BBB;	margin-left:0px;width:750px;margin-bottom:20px;}
table.basketNoEdit thead {background-color:#FFF;}
table.basketNoEdit tbody {background-color:#DDD;}
table.basketNoEdit tfoot {background-color:#FFF;}
table.basketNoEdit td, table.basketNoEdit th {border-bottom:1px solid #BBB;	border-left:1px solid #BBB;	font-size:11px;}
	
table.basketNoEdit img {border: 1px solid #AAA;}
table.basketNoEdit .image {width:52px;text-align:center;padding:5px;}
table.basketNoEdit .title {padding:5px;}
table.basketNoEdit .size {width:155px;padding:5px;text-align:left;}
table.basketNoEdit .colour {padding:5px;text-align:center;}
table.basketNoEdit .retailPrice {width:75px;padding:5px;text-align:right;}
table.basketNoEdit .quantity {width:25px;padding:5px;text-align:center;}
table.basketNoEdit .lineValue {width:75px;padding:5px;text-align:right;}


table.itemOptions {border-top:1px solid #BBB;	border-right:1px solid #BBB;	margin-left:0px;width:750px;margin-bottom:20px;}
table.itemOptions thead {background-color:#FFF;}
table.itemOptions tbody {background-color:#DDD;}
table.itemOptions tfoot {background-color:#FFF;}
table.itemOptions td, table.itemOptions th {border-bottom:1px solid #BBB;	border-left:1px solid #BBB;	font-size:11px;}

table.itemOptions .label {padding:5px;}
table.itemOptions .value {width:220px;padding:5px;text-align:left;}
table.itemOptions .retailPrice {width:75px;padding:5px;text-align:right;}
table.itemOptions .quantity {width:25px;padding:5px;text-align:center;}
table.itemOptions .lineValue {width:75px;padding:5px;text-align:right;}

table.itemOptions select {width:220px;font-size:11px;}
table.itemOptions input {width:220px;font-size:11px;}

table.itemOptions tfoot th {text-align:right;padding:5px;}
table.itemOptions tfoot input {font-size:13px;width:100px;}


div.errorMessage {
	border:1px solid #A00;
	background-color:#FFF;
	padding:8px 8px 0 8px;
	margin-bottom:10px;
}