/*********************************************************************************************

Project : rwdgrid - responsive grid system for your next project
URI: http://rwdgrid.com/
Version: 1.0
Author: Vineeth G S 
Author URI: http://www.gsvineeth.com
Github URI: https://github.com/gsvineeth/rwdgrid/

**********************************************************************************************

1.  Site Styles      
2.  Page Styles
3.  720px
4.  lt 720px 


**********************************************************************************************/	
	
/********************************************************************************************* 

1.  SITE STYLES        

*********************************************************************************************/  

html,body { height:100%; }
.main-content{ min-height: 100%; }
.inner-content{ overflow:auto; }
#footer{ position: relative; clear:both;}

.machinery-search .search-button.mach-search input {width:100%;padding:8px 10px; margin-top:24px;}

body{ font-family: 'Droid Serif', serif; font-size:100%; line-height:130%; font-weight:400; margin:0px; padding:0px; background-color:#FFFFFF; color:#000000; background-image:url(../buildgfx/background-image.jpg); background-attachment:fixed; background-position:50% 20%; background-repeat:no-repeat; background-size:cover; }

h1, h2, h3, h4{ font-weight:700; color:#000000; line-height:120%; margin:0px 0px 16px 0px; }
h1{ font-size: 1.5em; }
h2{ font-size: 1.25em; }
h3{ font-size: 1.125em; }
h4{ font-size: 1em; }
p{ font-size:1em; font-weight:400; line-height:130%; margin:0px 0px 14px 0px; }

.text-content{ padding:20px 20px 20px 12px; }
.text-content.notop{ padding:0px 20px 20px 12px; }
.text-content.nobottom{ padding:20px 20px 0px 12px; }
.text-content.notopbottom{ padding:0px 20px 0px 12px; }
.text-content.home{ padding:10px 10px 10px 14px; }
.text-content.home p{ font-size:0.938em; }
.text-content a{ color:#cda23b; text-decoration:underline; }
.text-content a:hover{ text-decoration:none; }
.text-content ul, .text-content ol{ margin:12px; padding-left:20px; }
.text-content ul li, text-content ol li{ color:#000000; font-size:1em; line-height:130%; }

.as-field{ display:none; }

.text-content ul.pagination{ margin:30px 0px 0px 0px; padding:0px; }
ul.pagination li { display: inline; font-size:0.875em; list-style-type: none; font-weight:normal; }
ul.pagination li.disabled a { cursor: default; }
ul.pagination li a { display: block; float: left; margin-right: 3px; padding: 6px 12px; color:#FFFFFF; text-decoration:none; margin-bottom:20px; }
ul.pagination li.selected a.page { background-color: #cda23b; color:#FFFFFF; }
ul.pagination li a.page { background-color: #000000; color:#FFFFFF; }
ul.pagination li a.page:hover { background-color: #cda23b; color:#FFFFFF; }
ul.pagination li a.pagination-previous{ padding-left:0px; }

.back-link{ padding:24px 0px 20px 0px; font-size:1em; font-weight:700; }
.back-link a{ display:block; padding-left:28px; line-height:18px; background-image: url(../buildgfx/arrow-left-gold.png); background-position:left center; background-repeat:no-repeat; text-decoration:none; color:#cda23b; }
.back-link a:hover{ text-decoration:underline; }

.main-content{ background-color:#FFFFFF; -moz-box-shadow: 0px -7px 10px 4px #333333; -webkit-box-shadow: 0px -7px 10px 4px #333333; box-shadow: 0px -7px 10px 4px #333333; }

.masthead{ position:relative; border-bottom:5px solid #ed1c24; }
.logo{ position:absolute; top:0px; left:0px; height:100%; background-color:rgba(0,0,0,0.65); }
.logo-inner{ padding:22px 30px; }

.main-navigation{ border-top:5px solid #cda23b; width:100%; background-color:#000000; }
.main-navigation ul{ margin:0px; padding:0px; }
.main-navigation ul li{ list-style:none; display:block; float:left; }
.main-navigation ul li a{ display:block; float:left; color:#FFFFFF; text-decoration:none; font-size:1.063em; text-transform:uppercase; font-weight:700; padding:18px 15px 18px 15px; line-height:100%; }
.main-navigation ul li a.home{ padding:18px 15px 18px 23px; }
.main-navigation ul li a:hover, .main-navigation ul li a.active{ background-color:#cda23b; }
.show-menu { text-decoration: none; color: #FFFFFF; font-size:1em; font-weight:700; background: #000000; text-align: center; padding: 18px 0px; display: none; cursor:pointer; border-bottom:2px solid #cda23b; }
.show-menu:after{ border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #FFFFFF; content: "&darr"; display: inline-block; height: 0; margin-left: 8px; margin-top: 6px; opacity: 1; text-indent: -99999px; vertical-align: top; width: 0; }
.main-navigation input[type=checkbox]{ display: none; }
.main-navigation input[type=checkbox]:checked ~ #menu{ display: block; }

.footer-fw{ background-color:#000000; border-top:3px solid #cda23b; padding:30px 0px 18px 0px; }
.footer-text{ color:#FFFFFF; font-size:1.063em; font-weight:400; line-height:120%; padding:0px 0px 12px 14px; }
.yellow{ color:#cda23b; }
.s-icon{ margin-bottom:8px; }
.footer-block{ position:relative; }
.footer-text-block{ padding-right:40px; }
.footer-social-icons{ position:absolute; right:10px; top:0px; }

.footer-sign-up{ padding-right:80px; }
.footer-sign-title{ font-weight:700; font-size:1em; line-height:120%; padding-bottom:8px; color:#cda23b; }
.footer-sign-text{ font-size:0.75em; line-height:120%; padding-bottom:10px; color:#FFFFFF; }
.footer-form .input{ border:none; background-color:#FFFFFF; padding:8px 8px; margin:0px 0px 8px 0px; -moz-box-shadow:inset 2px 2px 3px #333333; -webkit-box-shadow: inset 2px 2px 3px #333333; box-shadow: inset 2px 2px 3px #333333; }
.footer-form .input input{ border:none; background-color:#FFFFFF; padding:0px; margin:0px; width:100%; font-size:0.75em; color:#cda23b; line-height:120%; }
.footer-form .button input{ float:right; background-color:#cda23b; color:#000000; border:none; padding:8px 6px; font-size:0.813em; line-height:120%; cursor:pointer; font-weight:700; box-shadow:1px 1px 0px #000, /*bottom external highlight*/ 0 0px 1px #000, /*top external shadow*/ inset 0 -1px 1px rgba(154,122,44,1), /*bottom internal shadow*/ inset 1px 1px 1px rgba(226,201,142,1); /*top internal highlight*/ }
.footer-row{ background-image:url(../buildgfx/footer-trailer.png); background-position:75% 22%; background-repeat:no-repeat; }
.footer-icon{ float:right; padding-bottom:12px; }
.footer-copy{ text-align:right; font-size:0.75em; line-height:120%; color:#FFFFFF; }

/********************************************************************************************* 

2.  PAGE STYLES

*********************************************************************************************/  

h1.home{ font-size:1.438em; font-weight:700; line-height:120%; color:#000000; padding:20px 23px; margin:0px; }
.left-link{ position:relative; }
.left-link a{ display:block; margin:0px 0px 16px 0px; border:4px solid #cda23b; background-color:#000000; color:#FFFFFF; text-decoration:none; font-size:1.313em; font-weight:700;   }
.left-link a .left-link-title{ display:block;  background-image:url(../buildgfx/arrow-right.png); background-position:94% 50%; background-repeat:no-repeat; padding:34px 25px 34px 20px; line-height:120%; position:relative; z-index:1; }
.left-link a:hover .left-link-title{ text-decoration:underline; }
.left-link-icon{ position:absolute; bottom:0; right:8px;  }

.slider-caption{ display:block; border-top:4px solid #cda23b; background-color:#000000; padding:16px; font-size:1.125em; line-height:120%; color:#FFFFFF; }

.home-featured-item{ margin:10px 0px 20px 0px; border:4px solid #cda23b; padding:12px 20px; }
.home-featured-item a{ text-decoration:none; color:#000000; }
.home-featured-item a:hover .featured-sub-title{ text-decoration:underline; }
.featured-title{ display:block; text-transform:uppercase; text-align:center; font-weight:700; color:#000000; font-size:1.125em; line-height:120%; margin-bottom:12px; border-bottom:1px solid #cda23b; padding-bottom:8px; }
.featured-image{ display:block; margin:20px 0px; position:relative; }
.featured-image img{ margin:0px auto; }
.featured-sub-title{ display:block; text-align:center; text-transform:uppercase; font-weight:700; color:#000000; font-size:1.125em; padding-bottom:6px; line-height:120%; }
.featured-desc{ display:block; text-align:center; font-size:1em; line-height:120%; }
.featured-more{ font-weight:700; color:#cda23b; display:block; padding-top:8px; }

.home-news-title{ margin-top:26px; text-transform:uppercase; font-weight:700; color:#000000; font-size:1.125em; line-height:120%; margin-bottom:22px; border-bottom:1px solid #cda23b; padding-bottom:8px; }
.home-news{ margin-bottom:20px; }
.home-news a{ text-decoration:none; color:#000000; }
.home-news a:hover .home-news-headline{ text-decoration:underline; }
.home-news-date{ display:block; width:17%; float:left; }
.date-wrapper{ display:block; background-color:#000000; color:#FFFFFF; padding:8px 12px; font-size:1em; line-height:120%; }
.home-news-text{ display:block; width:79%; float:left; margin-left:4%; }
.home-news-headline{ display:block; font-weight:700; font-size:1em; line-height:120%; padding-bottom:8px; }
.home-news-desc{ display:block; font-size:0.875em; line-height:120%; }
.home-news-more{ font-weight:700; color:#cda23b; }

.news-item{ margin:20px 0px 26px 0px; }
.news-item a{ text-decoration:none; color:#000000; }
.news-item a:hover .news-item-title, .news-item a:hover .news-item-more{ text-decoration:underline; }
.news-item-image{ display:block; float:left; margin:4px 2% 6px 0px; width:20%; }
.news-item-top{ display:block; padding-bottom:12px; border-bottom:1px solid #cda23b; margin-bottom:16px;}
.news-item-title{ display:block; float:left; width:70%; font-weight:700; font-size:1.125em; line-height:120%; }
.news-item-date{ display:block; float:right; width:28%; padding-left:2%; text-align:right; font-size:0.813em; line-height:162%; }
.news-item-desc{ display:block; font-size:1em; line-height:130%; padding-bottom:10px; }
.news-item-more{ display:block; font-weight:700; color:#cda23b; font-size:0.938em; }
.right-image-block{ margin:24px 0px; }
.right-image-block.page{ margin:0px 0px 24px 0px; }
.right-image{ border-bottom:4px solid #cda23b; }
.right-image-caption{ background-color:#000000; color:#FFFFFF; padding:12px; font-size:0.875em; line-height:120%; }

.pdf-block{ padding-bottom:6px; }
.pdf-block a{ text-decoration:none; }
.pdf-block a:hover .pdf-text{ text-decoration:underline; }
.pdf-text{ display:inline-block; font-size:1em; background-image: url(../buildgfx/arrow-right-white.png); background-position:right center; background-repeat:no-repeat; line-height:18px; padding-right:28px;}

.contact-form{ padding:0px 20px 20px 13px; }
.contact-form .label, .enquire-form .label{ font-size:1em; padding-bottom:6px; line-height:120%; }
.contact-form .input, .enquire-form .input{ border:1px solid #cda23b; padding:6px; margin:0px 0px 12px 0px; background-color:#FFFFFF; }
.contact-form .input input, .contact-form .input textarea, .enquire-form .input input, .enquire-form .input textarea{ border:none; outline:none; width:100%; padding:0px; margin:0px; font-size:14px; line-height:120%; }
.contact-form .submit-button input, .enquire-form .submit-button input{ border:1px solid #000000; background-color:#000000; color:#FFFFFF; font-size:14px; line-height:120%; cursor:pointer; margin:0px; padding:10px; margin-top:12px; }
.location-map{ padding-right:10px; }
.map-box{ border:4px solid #cda23b; margin-bottom:20px; }
.contact-form .help-block, .enquire-form .help-block{ font-size:13px; }
.contact-form .form-error, .enquire-form .form-error{ color:#ed1c24; }

.sale-item{ margin-bottom:30px; }
.sale-item.one{ padding-left:12px; }
.sale-item.two{ padding-left:6px; padding-right:6px; }
.sale-item.three{ padding-right:12px; }
.sale-item a{ color:#000000; text-decoration:none; }
.sale-item a:hover .sale-item-title, .sale-item a:hover .sale-item-more{ text-decoration:underline; }
.sale-item-image{ display: block; border-bottom:4px solid #cda23b; position:relative; }
.sale-item-flag{ position:absolute; top:12px; left:-10px; z-index:10; background-color:#9e0b0f; color:#FFFFFF; padding:6px 18px 6px 18px; font-size:0.875em; }
.sale-item-flag:after { content: ' '; position: absolute; width: 0; height: 0; left: 0; top: 100%; border-width: 5px 5px; border-style: solid; border-color: #666 #666 transparent transparent; }
.sale-item-flag.yellow{ background-color:#cda23b; color:#FFFFFF; }
.sale-item-text{ display:block; background-color:#000000; color:#FFFFFF; padding:12px; }
.sale-item-title{ display:block; font-size:1.125em; line-height:130%; font-weight:700; padding-bottom:12px; }
.sale-item-stock-id, .sale-item-cat, .sale-item-price{ display:block; font-size:0.875em; padding-bottom:4px; }
.sale-item-more{ display:inline-block; font-size:1.063em; font-weight:700; color:#cda23b; padding:8px 28px 8px 0px; background-image:url('../buildgfx/arrow-right-gold.png'); background-repeat:no-repeat; background-position:right center; }

.main-item-ref{ font-size:1em; font-weight:700; text-align:right; padding-top:6px; }
.main-item-slideshow{ position:relative; }
.main-item-image-single{ margin-bottom:20px; position:relative; }
.main-item-image-single-caption{ color:#FFFFFF; padding:16px; font-size:1.125em; line-height:120%; background-color:#000000; border-top:4px solid #cda23b; }
.main-item-price{ font-size: 1.25em; font-weight:700; padding-bottom:14px; }
.main-item-category{ font-size:1em; font-weight:400; line-height:130%; padding-bottom:14px; }

.enquire-title{ margin-top:26px; text-transform:uppercase; font-weight:700; color:#000000; font-size:1.125em; line-height:120%; margin-bottom:22px; border-bottom:1px solid #CDA23B; padding-bottom:8px; }
.enquire-form{ width:60%; float:left; margin-bottom:26px; }
.enquire-form-inner{ padding-right:30px; border-right:1px solid #CDA23B; margin-right:30px; }
.enquire-text{ width:40%; float:left; padding-top:12px; }

.machinery-search{ margin:20px 0px; }
.machinery-search .search-label{ font-size:1em; padding-bottom:6px; line-height:120%; }
.machinery-search .search-input{ border:1px solid #cda23b; padding:6px; margin:0px 0px 12px 0px; background-color:#FFFFFF; }
.machinery-search .search-input input, .machinery-search .search-input select{ border:none; outline:none; width:100%; padding:0px; margin:0px; font-size:14px; line-height:120%; }
.machinery-search .search-button input{ border:1px solid #000000; background-color:#000000; color:#FFFFFF; font-size:14px; line-height:120%; cursor:pointer; margin:0px; padding:10px; }
.machinery-search .search-left{ width:48%; padding-right:2%; float:left; }
.machinery-search .search-right{ width:48%; padding-left:2%; float:left; }

/********************************************************************************************* 

3.  720px 

*********************************************************************************************/ 

@media only screen and (max-width: 1420px) {
	
	body{ background-size:auto; }
	
}

@media only screen and (min-width: 720px) and (max-width: 959px) {
 
 	.logo-inner{ width:66%; }
	.main-navigation ul li a{ padding:18px 6px; font-size:0.875em; }
	.main-navigation ul li a.home{ padding:18px 6px; }
	h1.home{ font-size:1.068em; }
	.left-link a .left-link-title{ padding:25px 20px; }
	.left-link a{ font-size:1.125em; }
	.slider-caption{ padding:17px 16px; }
	.date-wrapper{ padding:8px; font-size:0.813em; }
	.home-news-text{ width:77%; margin-left:6%; }
	.text-content.home p{ font-size:15px; }
	.footer-row{ background-image:none; }
	.footer-sign-up{ padding-right:0px; }
	.footer-copy{ font-size:0.625em; }
	.footer-text{ font-size:0.813em; }
	.footer-text-block{ padding-right:30px; }
	.footer-social-icons{ right:0px; }	
	
	.news-item-image{ width:30%; }
 
}

/********************************************************************************************* 

4.  lt 720px 

*********************************************************************************************/ 

@media only screen and (max-width: 719px) {

	body{ background-image:none; }
	.logo{ position:relative; background-color:#000000; }
	h1.home{ font-size:1.068em; }
	.left-link{ margin:0px 10px; }
	.slideshow{ margin:0px 10px 20px 10px; }
	.home-featured-item{ margin:0px 10px; }
	.home-news-title{ margin:26px 10px 22px 10px; }
	.home-news{ margin:0px 10px 30px 10px; }
	.footer-row{ background-image:none; }
	.footer-sign-up{ margin:20px 0px 20px 14px; padding-right:0px; }
	.footer-icon{ float:none; margin:0px 0px 0px 14px; }
	.footer-copy{ margin:0px 0px 20px 14px; text-align:left; }
	.show-menu {display:block;}
	.main-navigation ul{ position:static; display:none; }
	.main-navigation ul li{ list-style:none; display:block; float:none; }
	.main-navigation ul li a{ display:block; float:none; width:100%; text-align:center; color:#FFFFFF; text-decoration:none; font-size:0.938em; text-transform:uppercase; font-weight:700; padding:18px 0px 18px 0px; line-height:100%; border-bottom:2px solid #cda23b; }
	.main-navigation ul li a.home{ padding:18px 0px; }
	.main-navigation ul li a.active, .main-navigation ul li a:hover{ background-color:#000000; text-decoration:underline; }

	.news-item-image{ width:auto; float:none; margin:4px 0 12px 0px; }
	.news-item-title{ float:none; width:auto; padding-bottom:8px; }
	.news-item-date{ float:none; width:auto; padding-left:0; text-align:left; }
	.right-image-block{ padding:0px 20px 0px 13px; }
	
	.location-map{ padding:20px 20px 20px 13px; }
	
	.sale-item.one, .sale-item.two, .sale-item.three{ padding:0px 20px 0px 13px; }
	.main-item-ref{ text-align:left; padding:0px 0px 20px 0px; }
	.enquire-form{ width:auto; float:none; margin-bottom:26px; }
	.enquire-form-inner{ padding-right:0px; border-right:none; margin-right:0px; }
	.enquire-text{ width:auto; float:none; padding-top:0px; }
	.machinery-search .search-left{ width:auto; padding-right:0; float:none; }
	.machinery-search .search-right{ width:auto; padding-left:0; float:none; }
	
}