/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */
/* BODY - GENERIC SETTINGS */
/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */

body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; margin: 14px; background-color: #BCBCBC;}

/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */
/* MACRO LAYOUT - STYLES APPLIED TO CELLS OF MACRO TABLE / TEMPLATE */
/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */

/* HOME PAGE */
.hBanner 			{padding: 0px;}
.hMenuMain			{padding: 0px 0px 0px 0px;}
.hNavBottom			{padding: 15px 15px 5px 15px;}
.hBreadcrumbs		{padding: 0px 0px 0px 20px;}
.hPage				{background-color: #e9e9e9;}
.hContent1			{padding: 0px 0px 7px 0px; background-color: #ffffff;}
.hContent2			{padding: 15px 0px 0px 0px;}
.hFooter			{padding: 15px;}

/* CONTENT PAGES */
#cLayout 			{z-index: 1; width: 980px;}
.cBanner 			{padding: 0px;}
.cNavMain 			{padding: 0px;}
.cNavSub 			{padding: 0px 0px 5px 0px; background-color: #FFFFFF;}
.cNavBreadcrumbs 	{}
.cNavBottom 		{padding: 15px 15px 5px 0;}
.cContent1 			{padding: 7px 0px 20px 0px; background-color: #ffffff;}
.cContent2 			{padding: 0px; background-color: #FFFFFF;}
.cFooter 			{padding: 15px;}


/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */
/* PAGE DESIGN - HEADINGS - TEXT - LISTS */
/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */
/* These basic formatting styles match those in the content1 and content1_admin stylesheets */ 
/* They are duplicated here so that the dynamic pages like NEWS can adopt the same consistent look */
/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */

/* LINKS */

a:link, a:visited	{color: #0066FF; text-decoration: underline;}
a:active, a:hover	{color: #000000; text-decoration: underline;}

/* HTML TAGS - General Text */
p				{font-size:12px; line-height:16px;}
ul li			{display: list-item; list-style:disc; list-style-position: outside; font-size:12px; line-height:15px;}
ol li			{list-style-position: outside; font-size:12px; line-height:15px;}
hr 				{color: #999999;}
H1				{font-size:18px; font-weight:bold; color: #384f7b;}

/* HEADINGS */
.Head1			{font-size:15px; font-weight:bold; color: #3C5787; line-height:20px;}
.Head2			{font-size:14px; font-weight:bold; color: #000000;}
.Head3			{font-size:12px; font-weight:bold; color: #0066FF;}

/* TEXT - CUSTOM SETTINGS */
.Text1			{font-size: 12px; color: #000000; line-height: 15px;}
.Text2			{font-size: 12px; color: #666666;}
.Text3			{font-size: 12px; color: #999999; font-style: italic;}
.Text4			{font-size: 12px; color: #FFFFFF;}
.Text5			{font-size: 12px; color: #FFFF00;}

.TextSml1		{font-size: 10px; color: #666666; line-height:14px;}
.TextSml2    	{font-size: 11px; color: #666666;}

.TxtSpecialNote {font-size: 12px; color: #cc0000; line-height: 15px;}

.NoStyle		{border:0px; margin:0px;}

/* TABLES */

.TableHead 		{font-size:12px; font-weight:bold; color: #ffffff; background-color: #666666;}
.TableSubHead 	{font-size:11px; color: #000000; background-color: #cccccc;}
.TableCell 		{font-size:11px; color: #000000; background-color: #ffffff;}
.TableBorder 	{border:1px solid #cccccc; background-color:#F4F4F4;}

/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */
/* SITE BASICS - FORMS - USER CONTROLS - ALERTS */
/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */

/* ALERT POP-UP MESSAGES */
.AlertHeader 	{font-size: 15px; padding: 4px 0 4px 10px; font-weight: bold; color: #ffffff;}
.AlertImage1 	{font-size: 12px; background-image: url(../images/msg_type_01.jpg); padding: 2px 0 2px 0;}
.AlertImage2 	{font-size: 12px; background-image: url(../images/msg_type_02.jpg); padding: 2px 0 2px 0;}
.AlertImage3 	{font-size: 12px; background-image: url(../images/msg_type_03.jpg); padding: 2px 0 2px 0;}
.AlertTxt 		{padding: 10px 4px 4px 4px; font-size: 12px;}
.AlertBox 		{cursor:auto; visibility:visible; width:238px; position:absolute; bottom:20px; right:20px; z-index:10000;}
.AlertBoxInner 	{top:0px; left:0px; position:absolute; z-index:9999;}
.AlertBoxFrame 	{top:0px; left:0px; position:relative; width:1px; height:1px; z-index:9998;}
.AlertNoResult	{padding: 10px; border: 1px solid #e5e5e5; background: #f7f7f7;}

/* FOOTER */
.FooterText 		{font-size: 9px; color: #666666; line-height: 15px;}
.FooterText a:link, .FooterText a:visited {color: #ffffff; text-decoration: underline;}
.FooterText a:hover, .FooterText a:active {color: #003366; text-decoration: underline;}

/* FORMS */
.FormTextBox				{padding:1px; font-size:11px; color:#000000; background-color: #ffffff; border:inset 1px #708090;}
.FormPulldown				{padding:2px; font-size:11px; color:#000000; background-color: #b0becd;}
.FormButton 				{padding:4px 8px 4px 8px; font-size:12px; color:#393b4a; background-image: url(../images/button_tile.jpg); background-repeat:repeat-x; background-color: #b0becd; border:inset 1px #708090; cursor: hand; cursor: pointer;}
.FormButtonSubmit 			{padding:4px 8px 4px 8px; font-size:12px; color:#393b4a; background-image: url(../images/button_tile.jpg); background-repeat:repeat-x; background-color: #b0becd; border:inset 1px #708090; cursor: hand; cursor: pointer;}
.FormInvalid 				{padding:1px; font-size:11px; color:#000000; background-color: #fbb5b3; border:inset 1px #708090;}
.FormRequired				{color:#FF6600;}
.FormIndent					{background-color:#FFFF00; border-right:1px solid #FFFFFF; border-top:1px solid #FFFFFF;}


.Captcha 		{text-align:left;}
.Captcha input  {padding:1px; font-size:11px; color:#000000; background-color: #ffffff; border:inset 1px #708090;} /* only for custom features ie CAPTCHA control */


.FormTable      	{padding: 3px;}
.FormTable th		{font-size: 12px; color: #333333; font-weight: bold; padding: 7px 5px 5px 15px;}
.FormTable td     	{font-size: 11px; color: #333333; background-color: #F1F3F6; padding: 3px;}

.FormTableHead		{font-size: 14px; color: #F3E729; background-color:#3C5787; font-weight: bold; padding: 3px 0px 3px 15px;}

.FormTableResult		{padding:3px; margin-top:10px;}
.FormTableResult td	{background-color:#c1dfff; font-size:13px;}

.FormCellHeadSub 	{font-size: 12px; color: #FFFFFF; font-weight: bold; padding: 3px 3px 3px 8px; background-color: #828FA5; border-top:1px solid #FFFFFF;}

.FormCellLabel 		{font-size: 11px; color: #2c4064; background-color: #fcfcf8; padding: 3px;}

.InstructTextSml	{font-size: 10px; color: #333333;}

/* CHECKOUT SCREENS */
.FormTableCheckout      	{border: 1px solid #ffffff; font-size: 11px; background-color: #ffffff;}
.FormTableCheckout th		{font-size: 12px; color: #ffffff; font-weight: bold; padding: 4px; background-color: #3d5aa6;}
.FormTableCheckout td    	{padding: 3px;}

.FormCheckoutTotal		 	{font-size: 12px; color: #000000; font-weight:bold; padding: 3px; background-color: #e5e5e5;}

.FormCellHeadSubCheckoutAlt {font-size: 10px; color: #000000; padding: 2px; background-color: #e5e5e5;}

.FormCellHeadSubCheckout 	{font-size: 11px; color: #000000; padding: 3px; background-color: #cccccc;}
.CheckoutHeading			{font-size:11px; font-weight:bold;}
.CheckoutTextMain			{font-size:11px;}
.CheckoutTextMainAlt		{font-size:11px; color:#666666;}
.CheckoutTextSmall			{font-size:10px;}
.CheckoutTextNote			{font-size:11px; color:#ff0000;}

/* DATAGRID */
.datagrid         		{padding: 3px; font-size: 11px; background-color: #ffffff; font-size: 11px; border-bottom: 1px solid #cccccc;}
.datagridAlter 			{padding: 3px; background-color: #f0f0f0; border-bottom: 1px solid #cccccc; font-size: 11px;}
.datagridOver 			{color: #cc0000;}
.datagridColumn 		{font-size: 10px; color: #ffffff; font-weight: bolder; background-color: #a5a7b3;}
.datagridColumnSelected {font-size: 10px; color: #ffffff; font-weight: bolder; background-color: #a5a7b3;}
.datagridPager 			{font-size: 10px; color: #000066; font-weight: normal; background-color: #e5e6e7;}

/* USER CONTROL STYLES */
.FaqQuestionHead		{font-size:12px; font-weight:bold; color: #000000; line-height:15px;}
.DownloadsHead			{font-size:12px; font-weight:bold; color: #000000; padding: 4px 4 4px 8px; background-color:#e7e7e7}
.LinksHeader			{font-size:12px; font-weight:bold; color: #000000; padding: 4px 4 4px 8px; background-color:#e7e7e7}

#ProductList, #ProductList ul	{list-style: none; line-height: 14px; padding: 0; margin: 0; background-color:#e5e5e5;}
#ProductList .sel			 	{background-color: #ffffff; background-image: url(../images/arrow_prod_toplevel_on.gif);}
#ProductList a 					{font-weight:normal; display: block; text-decoration: none; color:#000000;}
#ProductList li 				{margin: 0; padding: 0; background: url(../images/arrow_prod_toplevel.gif) 3px 6px no-repeat; list-style: none; border-bottom: 1px solid #f7f7f7;}
#ProductList li a 				{width: 146px; w\idth: 126px; padding: 4px 5px 3px 15px; background: url(../images/arrow_prod_toplevel.gif) 3px 6px no-repeat; color: #878c9c;}
#ProductList li ul 				{border-width: 0;}
#ProductList li li .sel			{background-color: #ffffff; color:#cc0000; background-image: url(../images/arrow_prod_level2_on.gif);}
#ProductList li li 				{margin: 0; padding: 0; background: url(../images/arrow_prod_level2.gif) 10px 6px no-repeat; background-color: #f7f7f7; border-bottom: 1px solid #ffffff;}
#ProductList li li a:hover		{color: #cc0000; background-image: url(../images/arrow_prod_level2_on.gif);}
#ProductList li li a 			{width: 146px; w\idth: 116px; padding: 4px 5px 3px 25px; background: url(../images/arrow_prod_level2.gif) 10px 6px no-repeat;}
#ProductList a:hover 			{color: #cc0000; background-image: url(../images/arrow_prod_toplevel_on.gif);}

.TableHeadProductList 	{font-size:12px; font-weight:bold; color: #ffffff; background-color: #666666; padding: 3px 3px 3px 6px;}

.ProductSearch	 		{background-color: #cbcbcb;}
.ProductSearch th 		{font-size:12px; font-weight:bold; color: #ffffff; background-color: #cbcbcb; padding: 0px;}
.ProductSearch td 		{font-size:11px; color: #666666; background-color: #cbcbcb; padding: 0px 3px 3px 6px;}

/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */
/* HOMEPAGE SPECIAL FONTS */
/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */
.SearchEngineTxt		{font-size: 12px; font-height: 17px; background-color:#f2f2f3; padding: 10px;}
.NewsHomeFeatureHead	{padding: 0;}
.EventsHomeFeatureHead	{padding: 0; background-color:#cccccc;}
/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */
/* SITE SPECIFIC STYLES FOR TEMPLATE DRIVEN PAGES, SUCH AS NEWS, STAFF ETC - NEVER EXPOSED THROUGH AN HTML EDITOR */
/* NORMAL THAT CONTENT BLOCK STYLES WILL BE USED - THE FOLLOWING IS FOR WHEN THOSE DON'T COVER THE FULL NEED */
/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */

/*Modal Popup*/
.modalBackground {background-color:Gray;filter:alpha(opacity=70); opacity:0.7;}
.modalPopup {	display:none;}

/* AJAX POP-UP FORMS */
.FormTopPopup					{padding:2px; background-image: url(/images/tile_stripe.jpg); background-repeat: repeat-x; color:#ffffff;font-weight:bold;}
.FormTextBoxPopup				{padding:3px; font-size:14px; color:#000000; background-color: #ffffff; border:inset 1px #90AABB;}
.FormPulldownPopup				{padding:6px; font-size:14px; color:#393b4a; background-color: #b0becd;}
.FormButtonPopup 				{padding:6px 12px 6px 12px; font-size:14px; color:#393b4a; background-image: url(/images/tile_ajaxform_header.jpg); background-repeat:repeat-x; background-color: #b0becd; border:inset 1px #708090; cursor: hand; cursor: pointer;}
.FormHeaderPopup				{padding:3px; font-size:14px; font-weight:bold; color:#393b4a; background-image: url(/images/tile_ajaxform_header.jpg); background-repeat: repeat-x;}

/* Tyre Popup */
.TyresPopupHeader		{background-image:url(../images/tile_tyres_popup_header.gif); background-repeat:repeat-x; background-color:#FFFFFF;}
.TyresPopupImage		{padding:20px; background-color:#FFFFFF;}

/* TYRE PRODUCTS */
.TyreName				{color:#223C88; font-size:18px; font-weight:bold;}
.TyreSpecList			{border-top:1px dotted #CCCCCC; padding:3px 0px 3px 0px;}
.TyreSpecShadow			{background-image: url(/images/tyrespec_shadow.jpg); background-repeat:no-repeat;}

.TyreSpecTable			{background-color:#F1F3F6; border:1px solid #CCCCCC; border-collapse:inherit;}
.TyreSpecTable th		{font-size:14px; font-weight:bold; color:#FFFFFF; background-color:#3C5787; padding:6px; border-bottom:2px solid #FFFF00;}
.TyreSpecTable td		{border-bottom:1px solid #CCCCCC;}
.TyreTableSubHead		{font-size:11px; font-weight:bold; background-color:#828FA5; color:#FFFFFF; padding:2px;}

.TyresHeaderSearch		{color:#003399; font-size:14px; font-weight:bold; background-color:#F4EE8F; padding:6px; background-image:url(/images/tile_store_header.jpg); background-repeat:repeat-x;}

/* STORE INFO */
.StoreHeader			{color:#003399; font-size:14px; font-weight:bold; background-color:#F4EE8F; padding:6px; background-image:url(/images/tile_store_header.jpg); background-repeat:repeat-x;}
.StoreSubHead			{color:#333333; font-size:12px; font-weight:bold; padding:4px 6px 4px 6px; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC;}
.StoreFeatures			{margin-top:5px; margin-bottom:5px;}
.StoreDescText			{padding: 4px 0px 4px 0px; font-size:12px;}
.StoreIcon				{background-image:url(/images/tile_store_header.jpg); background-repeat:repeat-x; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC;}
.StoreSearch			{padding-top:4px; padding-bottom:4px;}

/* SPECIAL OFFERS */
.SpecialHeader			{color:#003399; font-size:14px; line-height:17px; font-weight:bold; margin-top:6px; background-image: url(/images/tile_special_header.jpg); background-repeat: repeat-x; padding:8px; background-color:#FFCC33;}
.SpecialTxt				{color:#000066; font-size:14px; line-height:17px;}
.SpecialTileTop			{background-image: url(/images/tile_special_top.jpg); background-repeat: repeat-x;}
.SpecialTileBottom		{background-image: url(/images/tile_special_bottom.jpg); background-repeat: repeat-x;}
.SpecialTileLeft		{background-image: url(/images/tile_special_left.gif); background-repeat: repeat-y;}
.SpecialTileRight		{background-image: url(/images/tile_special_right.gif); background-repeat: repeat-y;}
.SpecialTable			{margin-bottom:8px;}

/* GOOGLE POP-UP STORE INFO */
.GoogleStorePopup			{background-color:#FFFFFF; font-size:10px; padding:3px; color:#000000;}
.GoogleStorePopupHeading	{background-color:#FFFFFF; font-size:11px; font-weight:bold; padding:3px; color:#3C5787;}

/* CUSTOMER FEEDBACK PANEL */
.RatingHeader			{background-image:url(../images/header_rating.gif); background-repeat:no-repeat; background-position:left; height:25px; width:173px;}
.RatingGoodText			{color:#009222; font-size:11px; line-height:16px;}
.RatingBadText			{color:#FF3333; font-size:11px; line-height:16px;}
.RatingTextNormal		{font-size:10px; line-height:12px;}
.RatingTextScore		{font-size:12px; line-height:12px;}
.RatingTextDate			{font-size:11px; line-height:12px;}

/* CONTACT PANEL */
.ContactPanel				{color:#384f7b; background-image:url(../images/contact_panel_tile.gif); background-repeat:repeat-x; background-color:#fefad2;}