/**
 * Arctic Refrigeration CSS
 */

* 							{ padding: 0; margin:0;}
html						{ overflow: -moz-scrollbars-vertical;}
body						{ background:url(../img/bg.png) repeat-x; text-align:center;}
#wrapper 					{ width:1024px; margin:0 auto;}
/* header */
#header-wrapper				{ width:1024px; margin:0 auto;}
#header						{ width:800px; height:150px; margin:0 auto;}
#header .info				{ padding-top: 15px;}
/* contents */
#contents					{ width:800px; margin:0 auto; text-align:left;}
#cont-main					{ width:530px; float:left;}
#cont-main .box				{ width:250px; height: 140px;}
#cont-main .refrig			{ float:left;}
#cont-main .aircon			{ float:right;}
#cont-sec-wrapper			{ }
#cont-sec					{ width:242px; float:right; background: url(../img/sec_mid.png) repeat-y #dddddd;}
#cont-sec .box				{ background:url(../img/box_arrow.png) no-repeat bottom left; margin: 0 1px; overflow:auto; width:100%;}
#cont-sec .odd				{ background:url(../img/box_arrow.png) no-repeat bottom left #d8d8d8;}
#cont-sec .box:hover 		{ background:url(../img/box_arrow.png) no-repeat bottom left #999999;}
#cont-sec .box img			{ float:right; margin:10px; border:2px solid #787878; padding:0;}
#cont-sec .box h3			{ color:#363636; font-size:10px; padding:10px 10px 5px 10px; text-decoration:underline;}
#cont-sec .box h3 a			{ color:#363636;}
#cont-sec .box h3 a:hover	{ background:none;}
#cont-sec .box p			{ color:#363636; font-size:9px; padding:0 10px 10px 10px; text-align:justify;}
#cont-sec .box p a			{ color:#363636; text-decoration:none;}
#cont-sec .box p a:hover	{ background:none;}
#cont-sec .bottom			{ background:url(../img/sec_bot.png) no-repeat bottom; height:12px;}
.cont-sec-box				{ width:242px; float:right; background: url(../img/sec_mid.png) repeat-y #dddddd; margin:0 0 15px 0;}
.cont-sec-box p				{ padding:0 10px;}
.cont-sec-box .bottom		{ background:url(../img/sec_bot.png) no-repeat bottom; height:12px;}
/* air con */
.aircon-index #cont-main .logos		{ text-align:center; margin-top:15px;}
.aircon-index #cont-main .logos img	{ margin-right:10px;}
/* refrigeration */
.logos						{ text-align:center; margin-bottom:15px;}
.logos img					{ margin-right:10px;}
/* offers */
.offers-index .item 		{ margin:0 0 15px 0; padding:15px; border:1px solid #ccc;}
.offers-index .item img		{ float:right; padding:5px; border:1px solid #ccc; margin:0 0 15px 15px;}
.offers-index .item h2		{ font-size:14px; margin: 0 0 15px 0;}
.offers-index .item h2 span	{}
.offers-index .item p		{}
/* contact */
.contact-index a.map		{ background:none; border:none; margin:0 0 0 15px;}
.offers-display .created	{ color:#0066FF;}
.offers-display img			{ float:right; padding:5px; border: 1px solid #ccc; margin:0 0 15px 15px;}
.offers-display .gallery img { float:left; margin:0 15px 15px 0;}
/* footer */
#footer						{ width:800px; height:160px; margin:0 auto 15px auto; background:#666;}


/* Navigation */
ul#navigation				{ list-style-type:none; height:35px; width:800px; margin:15px auto; padding:0;}
ul#navigation li			{ float:left; line-height:35px; background: url(../img/navigation.png) no-repeat; }
ul#navigation li a			{ display:block; text-indent:-9999px; padding:0 20px; height:35px; outline:none;}
ul#navigation li.n-home		{ width:94px; background-position: 0 0;}
ul#navigation li.n-refrig	{ width:129px; background-position: -94px 0;}
ul#navigation li.n-aircon	{ width:141px; background-position: -223px 0;}
ul#navigation li.n-sales	{ width:73px; background-position: -364px 0;}
ul#navigation li.n-service	{ width:83px; background-position: -437px 0;}
ul#navigation li.n-offers	{ width:85px; background-position: -520px 0;}
ul#navigation li.n-about	{ width:88px; background-position: -605px 0;}
ul#navigation li.n-contact	{ width:107px;  background-position: -693px 0;}
/* hover states */
ul#navigation li.n-home a:hover			{ background: url(../img/navigation.png) no-repeat; background-position: 0 -35px;}
ul#navigation li.n-refrig a:hover		{ background: url(../img/navigation.png) no-repeat; background-position: -94px -35px;}
ul#navigation li.n-aircon a:hover		{ background: url(../img/navigation.png) no-repeat; background-position: -223px -35px;}
ul#navigation li.n-sales a:hover		{ background: url(../img/navigation.png) no-repeat; background-position: -364px -35px;}
ul#navigation li.n-service a:hover		{ background: url(../img/navigation.png) no-repeat; background-position: -437px -35px;}
ul#navigation li.n-offers a:hover		{ background: url(../img/navigation.png) no-repeat; background-position: -520px -35px;}
ul#navigation li.n-about a:hover		{ background: url(../img/navigation.png) no-repeat; background-position: -605px -35px;}
ul#navigation li.n-contact a:hover		{ background: url(../img/navigation.png) no-repeat; background-position: -693px -35px;}
/* highlight page */
.m-home ul#navigation li.n-home a		{ background: url(../img/navigation.png) no-repeat; background-position: 0 -35px;}
.m-refrig ul#navigation li.n-refrig a	{ background: url(../img/navigation.png) no-repeat; background-position: -94px -35px;}
.m-aircon ul#navigation li.n-aircon a	{ background: url(../img/navigation.png) no-repeat; background-position: -223px -35px;}
.m-sales ul#navigation li.n-sales a		{ background: url(../img/navigation.png) no-repeat; background-position: -364px -35px;}
.m-service ul#navigation li.n-service a	{ background: url(../img/navigation.png) no-repeat; background-position: -437px -35px;}
.m-offers ul#navigation li.n-offers a	{ background: url(../img/navigation.png) no-repeat; background-position: -520px -35px;}
.m-about ul#navigation li.n-about a		{ background: url(../img/navigation.png) no-repeat; background-position: -605px -35px;}
.m-contact ul#navigation li.n-contact a	{ background: url(../img/navigation.png) no-repeat; background-position: -693px -35px;}


/* Pagination */
ul#pagination 					{ list-style-type:none; font-weight: bold; margin: 0 0 15px 0; float:left;}
ul#pagination li 				{ float:left; margin:0 5px 0 0; border-right: 1px solid #ccc;}
ul#pagination li a 				{ padding:5px; color: #007cd5; text-decoration:none; border: 1px solid #fff; margin-right: 5px; display:block;}
ul#pagination li a img 			{ border:none;}
ul#pagination li a:hover 		{ text-decoration:underline; border: 1px solid #007cd5; background:none;}
ul#pagination li.next			{ border-right: 1px solid #fff;}
ul#pagination li.disabled a,
ul#pagination li.active a 		{ color: #ccc;}
ul#pagination li.disabled a:hover,
ul#pagination li.active a:hover { text-decoration:none; border: 1px solid #fff;}
ul#pagination li.prev a 		{ padding-left: 15px; background: url(../img/prev.png) no-repeat; background-position: 4px 8px;}
ul#pagination li.prev_disabled a { background: url(../img/prev_disabled.png) no-repeat; background-position: 4px 8px; color: #ccc; text-decoration:none; border: 1px solid #fff;}
ul#pagination li.next a 		{ padding-right: 15px; background:url(../img/next.png) no-repeat; background-position: 43px 8px;}
ul#pagination li.next_disabled a { background: url(../img/next_disabled.png) no-repeat; background-position: 43px 8px; color: #ccc; text-decoration:none; border: 1px solid #fff;}
/**
 * Typography
 */
body						{ font-family:"Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
h1							{ font-size:16px; border-bottom: 1px solid #666; padding:0 0 5px 0; margin: 0 0 15px 0; color:#363636;}
h2							{ font-size:14px;}
h3							{}
p							{ padding: 0 0 15px 0; color:#363636;}
a							{ text-decoration:underline; color:#54a4de;}
a:hover						{ text-decoration:none; background: #54a4de; color:#fff;}
ul							{ margin:0 15px 15px 15px;}
/* header */
#header h1					{ text-indent:-9999px; float:left; border:none;}
#header .info				{ text-align:right; font-size:14px; font-weight:bold;}
#header .info a				{ color:#fff; background:none;}
/* contents */
#cont-main h1				{}
#cont-main .box h2			{ text-indent:-9999px; float:left;}
#cont-main .box p			{ padding: 70px 110px 0 15px; color:#fff;}
#cont-main .aircon p		{ padding:70px 0 0 15px;}
#cont-main .box a			{ color:#003250;}
#cont-main .box a:hover		{ background:#003250; color:#fff;}
#cont-sec h2,
.cont-sec-box h2			{ font-size:14px; text-align:center; background:url(../img/sec_top.png) no-repeat; padding:10px 0;}
/* footer */
#footer						{ text-align:left;}
#footer p.info				{ padding: 70px 15px 15px 280px; color:#fff;}
#footer p.tel				{ float:right; color:#fff; padding:0 15px 0 0; font-size:14px; font-weight:bold;}
#footer a					{ margin: 0 0 0 280px; color:#fff; font-size:14px; font-weight:bold; float:left; background:none;}


/**
 * Colour & Images
 */
body						{ background:url(../img/bg.png) repeat-x;}
#header-wrapper				{ background:url(../img/bg_header.jpg) no-repeat;}
#cont-main .refrig			{ background:url(../img/box_refrigeration.png) no-repeat;}
#cont-main .aircon			{ background:url(../img/box_aircon.png) no-repeat;}
#footer						{ background:url(../img/bg_footer.png) no-repeat;}

/**
 * Misc
 */
.clear						{ clear:both;}
ul.errors					{ padding: 5px; margin: 10px 0; background: #ffd9d9; border: 2px solid #cc0000; list-style-type:none;}
ul.errors li				{ padding:0; margin:0 0 5px 0;}
.success					{ padding: 5px; margin:10px 0; background: #c2e085; border: 2px solid #99cc33; font-weight:bold;}
.failure					{ padding: 5px; margin:10px 0; background: #eebdb1; border: 2px solid #b03223; font-weight:bold;}
.fright						{ float:right;}
.fleft						{ float:left;}

/**
 * Form
 */
form						{}
form fieldset				{ border:none;}
form fieldset legend		{ display:none;}
form fieldset label			{ width:150px; float:left; font-weight:bold;}
form fieldset label span	{ color:#990000;}
form fieldset .input		{ padding: 10px 0;}
form fieldset input			{ width: 250px; border:1px solid #54a4de; padding:5px;}
form fieldset textarea		{ width:375px; height:200px; border:1px solid #54a4de;}
form fieldset .error		{ background: #ffd9d9;}
form fieldset select		{ border:1px solid #54a4de;}
form fieldset select option	{ padding-right:5px;}

#form_quote fieldset label		{ width:200px; line-height:20px;}
#form_quote fieldset #address	{ width:260px; height:100px;}
#form_quote fieldset #additional{ width:260px; height:100px;}

/**
 * Table
 */
table						{ width:100%; border:1px solid #ccc; margin:15px 0; border-collapse:collapse; text-align:center;}
table thead tr				{}
table thead tr th			{ padding:5px;}
table tbody	tr				{}
table tbody td				{ padding:5px;}
table tbody tr.odd			{ background:#ebebeb;}
table tbody tr.hover		{ background:#bbd9ee;}