/* =========================================*/
/* =============== Buttons =================*/
/* =========================================*/

.wsLayout_CSSButton {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	padding:2px 4px 2px 4px;
	background-color:#005596;
	background-image:url(http://taysideaviation.co.uk/configuration_claymorepaintball.com/images/wsLayout/ws_grad_button_back.gif); /*MUST EDIT*/
	background-repeat:repeat-x;
	background-position:bottom;
	z-index:2;
}

.wsLayout_CSSButton_Small { /*All buttons use .wsLayout_CSSButton, so just overwrite with this style as needed */
	font-size:10px;
	color:#ffffff;
}
.wsLayout_CSSButton_Big { /*All buttons use .wsLayout_CSSButton, so just overwrite with this style as needed */
	font-size:13px;
	padding:6px;
	padding-left:8px;
	padding-right:9px;
	font-weight:bold;
}

/* ================================================*/
/* =================== All Pages ==================*/
/* ================================================*/

.PageTitleDiv {
	margin-bottom:10px;
}

/* ======================================================*/
/* =================== Contact Us Page ==================*/
/* ======================================================*/

.wsLayout_ContactAdMapBox {
	background-color:#b7e2f5;
	border:1px solid #BDBDBD;
	line-height:16px;
	padding:10px;
	height:320px;
	min-height:340px; /*allows moz to display box with 10px padding*/
	overflow:hidden;
}
.wsLayout_ContactCoRegBox {
	background-color:#b7e2f5;
	border:1px solid #BDBDBD;
	color:#333;
	font-size:10px;
}

/* ======================================================*/
/* ================== Secure Login Page =================*/
/* ======================================================*/

.wsLayout_LoginBox {
	display:block;
	width:280px;
	background-color:#b7e2f5;
	border:1px solid #BDBDBD;
	line-height:20px;
	text-align:center;
	margin:0 auto;
	vertical-align:middle;
	padding:10px;
}
.wsLayout_LoginBoxFont {
	color:#000;
}
.wsLayout_LoginBoxFontRed {
	color:#EE0000;
}


/* =====================================================*/
/* =============== Shop: List All Page =================*/
/* =====================================================*/

.wsLayout_ShopNavArea {
	width:100%;
	/*background-color:#F8F8F8;*/
}
.wsLayout_ShopNavAreaInnerTable {
	margin-left:0px; /* Adjust this to push the shop nav boxes towards the center */
}

.wsLayout_ShopBox {
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	border:0px solid #acb8cd;
	color:#000;
	height:45px;
	margin:1px;
	float:left;
	text-align:left;
	padding-left:6px; padding-right:6px;
	background-color:#ACACAC;
	background-image:url(../images/wsLayout/ws_grad_box_back.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	display:table;
}

.wsLayout_ShopNavFormElementsBack {
	background-color:#fff;
	color:#000;
	border:1px solid #fff;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.wsLayout_ShopNavFormElements_Manufacturer {
	background-color:#fff;
	border:1px solid #fff;
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
	margin-top:5px;
	margin-bottom:5px;
	width:130px; /*Adjust this to correct size of boxes by pushing form element size larger*/
}
.wsLayout_ShopNavFormElements_Department {
	background-color:#fff;
	border:1px solid #fff;
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
	margin-top:5px;
	margin-bottom:5px;
	width:182px !important; /*Adjust this to correct size of boxes by pushing form element size larger*/
	width:194px; /*Adjust this to correct size of boxes by pushing form element size larger*/
}
.wsLayout_ShopNavFormElements_Search {
	background-color:#fff;
	border:1px solid #fff;
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
	margin-top:5px;
	margin-bottom:4px;
	width:220px; /*Adjust this to correct size of boxes by pushing form element size larger*/
}
.wsLayout_ShopNavFormElements_Sort {
	background-color:#fff;
	border:1px solid #fff;
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
	margin-top:5px;
	margin-bottom:5px;
	width:180px; /*Adjust this to correct size of boxes by pushing form element size larger*/
}

.wsLayout_SearchResultPageArea {
	width:100%;
	padding-top:5px;
	padding-bottom:10px;
	padding-left:2px;
	margin-top:4px;
	display:table;
	/*background-image:url(../images/wsLayout/ws_grad_box_back.gif);
	background-repeat:repeat-x;
	background-position:bottom;*/
}

.wsLayout_SearchResultsBox_Tick {
	background-color:#12b5ea;
	color: #12b5ea;
	border:#12b5ea 1px solid;
	margin:2px;
	float:left;

}
.wsLayout_SearchResultsBox_Tick tr td {
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.wsLayout_SearchResultsBox_Cross {
	background-color:#12b5ea;
	color: #12b5ea;
	border:#12b5ea 1px solid;
	margin:2px;
	float:left;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
}
.wsLayout_SearchResultsBox_Cross tr td {
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.wsLayout_SearchResultsBox_Tick_inner {
	background-color:#fff;
}
.wsLayout_SearchResultsBox_Cross_inner {
	background-color:#fff;
}

/* --- Grid View Boxes ---*/
.wsLayout_ProductsGridViewArea { /* Area containing grid list */
	width:550px;
	border-top:1px solid #acacac;
	padding-top:10px;
}
.wsLayout_ProductsGridViewBox { /* Entire bounding box for each product in grid view */
	border:1px solid #acacac;
	margin: 4px 5px 4px 5px;
	width:260px;
	float:left;
}
.wsLayout_ProductsGridViewBoxImg { /* The image in the product box */
	background-color:#fff;
	text-align:center;
	vertical-align:middle;
}
.wsLayout_ProductsGridViewBoxMoreInfo { /* For the text next to [i] */
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#153C7A;
	cursor:pointer;
	padding:3px;
	display:inline;
	text-align:center;
	float:left;
	vertical-align:middle;
}
.wsLayout_ProductsGridViewBoxMoreInfo img { /* This is for the [i] icon */
	filter:alpha(opacity=60);
}
.wsLayout_ProductsGridViewBoxInfo { /* Product Info area for each stock item in list */
	font:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#555;
	background-color:#e0f2fa;
	width:100%;
	text-align:center;
	vertical-align:text-top;	
}
.wsLayout_ProductsGridViewBoxInfo_Manu { /* Manufacturer text in info area */
	font-size:10px;
	cursor:pointer;
}
.wsLayout_ProductsGridViewBoxInfo_Name { /* Product name/title text in info area */
	font-size:10px;
}
.wsLayout_ProductsGridViewBoxInfo_Cost { /* Product price text in info area */
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	display:block;
	margin-top:6px;
	margin-bottom:6px;
}
.wsLayout_ProductsGridViewBoxInfo_Cost font { /* This is the SALE Price text (eg "ON SALE £89.99") */
	font-size:12px;
	color:#dd2222;
	font-weight:bold;
}
.wsLayout_ProductsGridViewBoxInfo_StockLevel { /* Product stock levels (eg "6 in stock") text in info area */
	font-size:9px;
	border-top:1px #CCC dotted;
	border-bottom:1px #CCC dotted;
	width:100%;
	text-align:center;
}
.wsLayout_ProductsGridViewBoxInfo_InfoBuyArea {
	font:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000;
	background-color:#e0f2fa;
	width:100%;
	text-align:center;
	vertical-align:text-top;	
}
.wsLayout_ProductsGridViewBoxBuy { /* Buy button area */
	text-align:center;
	float:right;
	margin:2px;
}
/* --- End Grid View Boxes ---*/

/* =====================================================*/
/* ============= Shop: Current Item Page ===============*/
/* =====================================================*/

.wsLayout_ProductItemProductNameBox {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:0px solid #acb8cd;
	color:#000;
	width:100%;
	padding:12px 12px 12px 12px;
	margin:1px 1px 1px 1px; /* top right bottom left */
	background-color:#ACACAC;
	background-image:url(../images/wsLayout/ws_grad_box_back.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

.wsLayout_ProductItemSubHeadingsBox { /* Sets margins for sub-header bars - current shop product */
	margin:1px 1px 8px 1px;
	padding:20px 0px 0px 0px;
	border-top:1px solid #DDD;
}
.wsLayout_ProductItemSubHeadingsBox span { /* Sets sub-header bars - current shop product */
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:0px solid #acb8cd;
	color:#000;
	margin:1px 1px 8px 1px;
	padding:6px;
	background-color:#ACACAC;
	background-image:url(../images/wsLayout/ws_grad_box_back.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
.wsLayout_ProductItemSubHeadingsBox font { /* Used to set the 'You can choose from these in ur basket' text */
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#2252C1;
}

.wsLayout_ProductItemSpecItemTable { /* This changes the specifications (as a group) table */
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:right;
	border:1px solid #acb8cd;
	margin:14px 0px 0px 9px; /* top right bottom left */
}
.wsLayout_ProductItemSpecItemTable span { /* This changes the optional extras text*/
	font:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#888;
}
.wsLayout_ProductItemSpecItemList { /* This changes the spec details eg: add/don't add and price box */
	font:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#ccc;
	width:100%;
	padding-left:4px;
	padding-right:4px;
	border:4px solid #e0f2fa;
	background-color:#e0f2fa;
}
.wsLayout_ProductItemSpecItemList li { /* Changes the look of each list item in wsLayout_ProductItemSpecItemList */
	color:#000;
}
.wsLayout_ProductItemSpecItemList span { /* This changes the 'add' text in specification boxes */
	font:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#888;
}

.wsLayout_ProductItemSubOptTable { /* Generic box for sub items on current item page */
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	border:1px solid #acb8cd;
	margin:14px 0px 0px 10px; /* top right bottom left */
	/*background-color:#CDE782;*/
}

.wsLayout_ProductItemSubProductBox { /* People who bought this also bought product boxes */
	float:left;
	width:114px;
	height:140px;
	border:1px solid #acb8cd;
	background-color:#fff;
	padding:2px;
}
.wsLayout_ProductItemSubProductBox_TextArea { /* People who bought this also bought product boxes bottom bar */
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	background-color:#e0f2fa;
}
/* ===========================================*/
/* =========== Products - Basket =============*/
/* ===========================================*/

.wsLayout_BasketItemBox {
	border-top:1px solid #ACACAC;
	padding-top:3px;
	width:100%;
}

.wsLayout_BasketItemImg {
	border-left:4px solid #fff;
	border-right:4px solid #fff;
	border-bottom:4px solid #fff;
}
.wsLayout_BasketItemProductName {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:0px solid #acb8cd;
	color:#000;
	padding:6px;
	margin-left:2px;
	margin-right:2px;
	background-color:#ACACAC;
	background-image:url(../images/wsLayout/ws_grad_box_back.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
.wsLayout_BasketItemQuantity {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	margin-top:10px;
	margin-left:10px;
}

.wsLayout_BasketItemSpecBox { /* This is for each Specification box */
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#555;
	margin:6px;
	text-align:left;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background-color:#e0f2fa;
}
.wsLayout_BasketItemSpecBoxTitle {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-bottom:1px dotted #555;
	color:#555;
	padding:4px;
	padding-left:20px;
}
.wsLayout_BasketItemSpecItem {
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	background-color:#e0f2fa;
}
.wsLayout_BasketItemSpecItem_selected {
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	background-color:#a9b83e;
}
.wsLayout_BasketItemSpecFreeTextBox { /* This is the message area for text input */
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top:6px;
	padding-bottom:6px;
	text-align:center;
}
.wsLayout_BasketTextareaBox { /* This is for the HTML Textarea part of message input area */
	color:#005596;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:2px;
	height:40px;
	width:200px;
}
.wsLayout_BasketItemSpecFreeTextBox font { /* This is just for the character counter text for text message box */
	font:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#777;
	text-align:left;
}
.wsLayout_BasketItemSpecCost { /* This is the cost on right of each item in basket */
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#005596;
	text-align:right;
}
.wsLayout_BasketItemSpecCost font { /* This is the (£xx) unit price when quantity >1 */
	font:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#fff;
	text-align:right;
}
.wsLayout_BasketTotalCheckoutBox {
	margin-top:10px;
}
.wsLayout_BasketTotalCost {
	border:1px solid #bbb;
	font-size:12px;
	padding:6px;
}


/* ========================================================*/
/* ============ Shop: Invoice & Delivery Page =============*/
/* ========================================================*/

.wsLayout_InvTopOfPageInfoBox { /* Used for booking pages etc for booking info */
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #acb8cd;
	color:#555;
	width:45%;
	padding:12px 12px 12px 12px;
	margin:1px 1px 1px 1px; /* top right bottom left */
	background-color:#ACACAC;
	background-image:url(../images/wsLayout/ws_grad_box_back.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
.wsLayout_InvDelPageArea {
	width:578px;
}
.wsLayout_InvDelPageCantContinueBox{
	text-align:center;
	color:#fff;
	width:75%;
	padding:6px;
	background-color:#dd2222;
}
.wsLayout_InvDelPageBox {
	border:1px solid #DDD;
	float:left;
	padding:6px;
	margin:10px;
	width:250px;
	background-color:#e0f2fa;
}

.wsLayout_InvDelPageBox table {
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
}
.wsLayout_InvDelPageBox table tr { /* Text inside Invoice / Delivery Boxes eg Name: Address: etc */
	color:#000000;
}
.wsLayout_InvDelPageBox table tr td { /* Text inside Invoice / Delivery Boxes eg Name: Address: etc */
	font-size:11px;
}
.wsLayout_InvDelPageBox h1 {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #acb8cd;
	color:#555;
	padding:6px;
	margin-left:2px;
	margin-right:2px;
	text-align:center;
	background-color:#ACACAC;
	background-image:url(../images/wsLayout/ws_grad_box_back.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

.wsLayout_InvDelFormElementsBack {
	background-color:#FFF;
	color:#000;
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	border:1px solid #CCC;
}
.wsLayout_InvDelFormElementsBackRequired {
	background-color:#dd2222;
	color:#fff;
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.wsLayout_InvDelTotalCostBox {
	text-align:right;
	font-size:12px;
	border:1px solid #bbb;
	padding:6px;
}


/* ========================================================*/
/* ================= Shop: Pagment Page ===================*/
/* ========================================================*/

.wsLayout_PaymentPageBox h1 {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #acb8cd;
	color:#555;
	padding:6px;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:0px;
	text-align:center;
	background-color:#ACACAC;
	background-image:url(http://taysideaviation.co.uk/configuration_claymorepaintball.com/images/wsLayout/ws_grad_box_back.gif); /*MUST EDIT THIS LINE!!!!*/ 
	background-repeat:repeat-x;
	background-position:bottom;
}
.wsLayout_PaymentMsgTotalBox { /* Bounding box for top bar message and cost boxes */
	width:586px;
	text-align:center;
}
.wsLayout_PaymentPageCantContinueBox{
	text-align:center;
	color:#fff;
	width:75%;
	padding:6px;
	background-color:#dd2222;
}
.wsLayout_PaymentCallbackBox {
	margin-top:10px;
	display:block;
	width:390px;
	color:#000000;
	border:1px solid #acb8cd;
	background-color:#ACACAC;
	background-image:url(http://taysideaviation.co.uk/configuration_claymorepaintball.com/images/wsLayout/ws_grad_box_back.gif); /*MUST EDIT THIS LINE!!!!*/ 
	background-repeat:repeat-x;
	background-position:bottom;
}
.wsLayout_PaymentFormElementsBack {
	background-color:#fff;
	color:#000;
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	border:1px solid #CCC;
}
.wsLayout_PaymentFormElementsBackRequired {
	background-color:#fff;
	color:#dd2222;
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	border:1px solid #dd2222;
}
.wsLayout_PaymentPageTotalCostBox { /* Small box for sub-total, shipping and total */
	text-align:right;
	border:1px solid #bbb;
	padding:6px;
}
.wsLayout_PaymentPageCardDetailsBox { /* Entire card details entry bounding box */
	border:1px solid #ddd;
	background-color:#e0f2fa;
	text-align:center;
}
.wsLayout_PaymentPageCardDetailsBox table { /* Entire card details entry bounding box inner table */
	color:#000000;
}
.wsLayout_PaymentPageLabels { /* Labels on payment page eg "Card Number" */
	color:#000;
}
.wsLayout_PaymentPageCardDetailsDesc { /* Each card element right side description */
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#555;
	padding-left:8px;
}
.wsLayout_PaymentPageCardDetailsDesc a { /* Used for link text in description eg "what is the security code?" */
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#005596;
}
.wsLayout_PaymentPageGiftAidBox {
	border:1px solid #DDD;
	background-color:#ACACAC;
	background-repeat:repeat-x;
	background-position:bottom;
}
.wsLayout_PaymentPageMakePaymentBox {
	border:1px solid #bbb;
	padding:20px;
}
.wsLayout_PaymentPageSecuredBySSLBox {
	margin-top:25px;
	background-color:#ddd;
	/*background-image:url(http://taysideaviation.co.uk/configuration_claymorepaintball.com/images/wsLayout/ws_grad_box_back.gif); /*MUST EDIT THIS LINE!!!!*/ 
	/*background-repeat:repeat-x;
	background-position:bottom;*/
}
.wsLayout_PaymentPageSecuredBySSLBox td{color:#666;}

/* ========================================================*/
/* =========== Shop: Order Confirmation Page ==============*/
/* ========================================================*/

.wsLayout_OrderConfirmBox {
	color:#000;
	background-color:#FFF;
}
.wsLayout_OrderConfirmBoxHeading {
	background-color:#ACACAC;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
}
.wsLayout_OrderConfirmNegativeValues {
	color:#DD0000;
}
.wsLayout_OrderConfirmSmallText {
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.wsLayout_OrderConfirmSpecBox {
	margin-top:4px;
	background-color:#eee;
	border:#999999 solid 1px;
}
.wsLayout_OrderConfirmSpecBox td{ /*text inside spec box */
	color:#000000;
}

/* ========================================================*/
/* =============== Shop: Search Drop-Down =================*/
/* ========================================================*/

.wsLayout_SearchDDListItem {font:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#ACACAC}
a.wsLayout_SearchDDListItem:hover{font:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#FFF; background-color:#ACACAC;}
.wsLayout_SearchDDListItem_hover {font:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#FFF; background-color:#ACACAC;}
.wsLayout_SearchBoxNothingFound {font:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#EE0000;}


/* ======================================================*/
/* ==================== Photo Gallery ===================*/
/* ======================================================*/

.wsLayout_PhotoGalleryCollection {
	float:left;
	margin:5px;
	text-align:center;
	border:1px solid #fff;
	height:190px;
	padding:10px;
	background-color:#fff;
	font-weight:bold;
}