/*----------------------------------------------------
	
	SCREEN.CSS
	
	SITE: www.kdcarpets.co.uk
	CREATED: Mon 21.12.12 @ 14:35
	AUTHOR: Kean Richmond
	
----------------------------------------------------*/

@import url("reset.css");


/*--- 00. Common Elements ---------------------------------------------------------------------------*/

body						{background:url(/img/_bkg.jpg) top center repeat-x #FFFFFF; color:#2B4E64; font-family:Georgia, "Times New Roman", Times, serif; font-size:62.5%;}

a							{color:#A10101;}
a:hover						{color:#CB1D1C;}


/*--- 01. Heading Elements ---------------------------------------------------------------------------*/

h1							{font-size:3.6em; margin:46px 0 10px 0;}
h2							{font-size:2em; margin:20px 0 5px 0;}


/*--- 02. Global Layout Elements ---------------------------------------------------------------------------*/

#main_container				{margin:0px auto; position:relative; padding:0 10px; width:970px;}
#content_container			{height:100%; overflow:hidden; padding:400px 0 0 0;}


/*--- 03. Header ---------------------------------------------------------------------------*/

#header						{background:url(/img/_bkg_header.png) no-repeat; height:400px; left:10px; position:absolute; top:0; width:970px;}
#logo						{display:block; margin:33px 0 42px 0;}

#header p					{color:#FFFFFF; font-size:3.6em; line-height:1.22em;}

#nav						{font-family:Arial, Helvetica, sans-serif; font-size:1.4em; font-weight:bold; margin:52px 0 0 0;}
#nav li						{float:left; margin:0 4px 0 0;}
#nav li a					{background:url(/img/_nav.png) -177px 0 no-repeat; color:#FFFFFF; display:block; height:12px; padding:20px 0; text-align:center; text-decoration:none; width:177px;}
#nav li a:hover				{color:#FFF727;}
#nav li a.current 			{background-position:0 0; color:#000000; height:16px; padding:18px 0;}


/*--- 04. Content ---------------------------------------------------------------------------*/

#content					{float:left; width:530px;}
#content p					{font-size:1.2em; padding:10px 0;}


/*--- 05. Side Column ---------------------------------------------------------------------------*/

#side_column				{float:right; margin:46px 0 0 0; width:381px;}
#promo_kdbeds				{display:block; margin:20px 0 0 0;}

#side_column h6				{font-size:1.6em; font-weight:bold; margin:20px 0 10px 0;}
#address p					{font-size:1.2em;}
#address a					{background:#95911C; border:0; color:#FFFFFF; cursor:pointer; display:block; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:30px 0 10px 0; padding:6px 14px; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#address a:hover			{background:#9DA84B;}


/*--- 06. Stores Page ---------------------------------------------------------------------------*/

#stores #content			{float:left; width:100%;}
#stores #content p			{height:100%; overflow:hidden;}

#stores_list				{margin:0 -5px;}
#stores_list li				{float:left; margin:5px;}
#stores_list li a			{background:#2B4E64; color:#FFF727; display:block; font-size:1.3em; padding:5px 5px 10px 5px; text-align:center; text-decoration:none; width:225px;}
#stores_list li a img		{margin:0 0 10px 0;}
#stores_list li a:hover		{background:#FFF727; color:#2B4E64;}

#map						{background:#DADADA; border:5px solid #DADADA; float:right; height:400px; position:relative; width:450px!important;}

#store_gallery				{clear:left;}
#store_gallery li			{border:1px solid #DADADA; float:left; margin:10px 10px 0 0;}
#store_gallery li a			{display:block; height:100px; overflow:hidden; margin:1px; text-align:center; width:150px;}
#store_gallery li img		{}

#store_contact a			{background:#95911C; border:0; color:#FFFFFF; cursor:pointer; display:block; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:0 0 10px 0; padding:6px 14px; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#store_contact a:hover		{background:#9DA84B;}


/*--- 50. Footer ---------------------------------------------------------------------------*/

#footer_container			{background:url(/img/_bkg_footer.jpg) repeat-x; clear:both; margin:50px 0 0 0;}
#footer						{color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; margin:0 auto; padding:20px 0; text-align:center; width:970px;}
#footer	p					{font-size:1.1em; padding:4px 0;}
#footer	p#ftr_tagline		{font-family:Georgia, "Times New Roman", Times, serif; font-size:2.4em; padding:5px 0 10px 0;}
#footer a					{color:#FFFFFF; text-decoration:none;}
#footer a:hover				{text-decoration:underline;}


/*--- 51. Form Elements ---------------------------------------------------------------------------*/

.common_form				{padding:30px 0;}
.common_form p				{clear:both; overflow:hidden; padding:5px 0!important;}

label						{float:left; font-weight:bold; padding:5px 5px 0 0; width:120px;}
input[type='text'],
select,
textarea					{background:#F7F7F7; border:1px solid #C1C1C1; border-bottom:1px solid #DEDEDE; border-right:1px solid #DEDEDE; color:#666666; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 0 0 5px; padding:5px 6px;}
option						{padding:1px 20px 1px 1px;}
textarea					{height:150px; width:300px;}
input[type='text']:focus,
select:focus,
textarea:focus				{background:#FFFFFF; border:1px solid #999999;}

input[type='submit']		{background:#95911C; border:0; color:#FFFFFF; cursor:pointer; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:0 0 0 130px; padding:6px 14px; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
input[type='submit']:hover	{background:#9DA84B;}

.optional					{background:url(/img/icon_optional.gif) no-repeat; display:block; float:left; height:13px; margin:6px 0 0 6px; text-indent:-9999px; width:53px;}
.required					{background:url(/img/icon_required.gif) no-repeat; display:block; float:left; height:13px; margin:6px 0 0 6px; text-indent:-9999px; width:53px;}
.hidden						{background:url(/img/icon_hidden.gif) no-repeat; display:block; float:left; height:13px; margin:6px 0 0 -4px; text-indent:-9999px; width:44px;}
.warning					{background:url(/img/icon_warning.png) no-repeat; display:block; float:left; height:17px; margin:4px 0 0 6px; text-indent:-9999px; width:17px;}

.input_100					{width:86px;}
.input_125					{width:111px;}
.input_150					{width:136px;}
.input_200					{width:186px;}
.input_250					{width:236px;}
.input_300					{width:286px;}

#p_security					{clear:both; display:none; height:0px; visibility:hidden;}
#p_security label			{float:none; padding:0 0 4px 0; text-align:left; width:auto;}
#p_security .input_box		{display:block; float:none;}


/*--- 52. Response Elements ---------------------------------------------------------------------------*/

#msg_response				{background:url(/img/response_bkg.jpg) #FFFFFF repeat-x; border:1px solid #CCCCCC; clear:both; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:11px!important; font-weight:bold; line-height:1.3em; margin:20px 0; padding:1px; position:relative; zoom:1; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#msg_response a				{color:#333333;}
#msg_response a:hover		{text-decoration:none;}
#msg_response span			{background:url(/img/response_close.gif) no-repeat; height:11px; position:absolute; right:10px; top:8px; width:10px;}

#msg_response div			{padding:6px 46px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.msg_error					{background:url(/img/response_error.jpg) left center no-repeat; color:#B7220A;}
.msg_success				{background:url(/img/response_success.jpg) left center no-repeat; color:#0F8915;}