/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.sidebar-nav ul li {
			width:150px;
		}
		
		.sidebar-nav ul li a {
			width:172px;
		}
		.order_form input[type=text].input_220 {
			width:164px;
		}
                .order_form input[type=text].input_50 {
			width:50px;
		}
		
		.order_form input[type=text].input_700 {
			width:548px;
		}
		
		.order_form  .order_panel input[type=text].input_220 {
			width:158px;
		}
                
                .order_form  .order_panel input[type=text].input_195 {
			width:158px;
		}
		
		.order_form .order_panel input[type=text].input_160 {
			width:110px;
		}
		
		.order_form .order_panel input[type=text].input_100 {
			width:62px;
		}
		
		.order_form .order_panel input[type=text].input_340 {
			width:254px;
		}
		.slider .fadein {
			height:325px;
		}
		.slider .fadein img {
			height:325px;
		}
		.fadein2 {
			width:172px;
			height:105px;
		}
		
		.fadein2 img {
			width:172px;
			height:105px;
		}
		.js_order_panel .order_panel {
			width:560px;
		}
                .six2 {
                    width:280px !important;
                }

                .six2 input {
                    width:266px !important;
                }
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.sidebar-nav ul li {
			width:400px;
		}
		header .container {
			height: 215px;
			background:url(../images/header-bg.png) -30px top no-repeat;
		}
		.header_use_login {
			width:420px;
		}
		.header_use_login label{
			color:#636466;
			text-shadow:1px 1px 1px #fff;
		}
		.header_use_login input[type=text]{
			width:192px;
		}

		.header_use_login input[type=password]{
			width:192px;
		}
		.sidebar-nav ul li a {
			width:420px;
		}	
		.news_updates_sidebar {
			min-height:115px;
		}
		.order_form input[type=text].input_220, .order_form input[type=text].input_700 {
			width:412px;
		}
		
		.order_form  .order_panel input[type=text].input_220,
                .order_form  .order_panel input[type=text].input_195,
		.order_form .order_panel input[type=text].input_160,
		.order_form .order_panel input[type=text].input_100,
		.order_form .order_panel input[type=text].input_340 {
			width:295px;
		}
                
                .six2 {
                    width:420px !important;
                }

                .six2 input {
                    width:295px !important;
                }
		.form_seperator2 {display:block; margin-left:-15px; width:415px;}
		.label_2, .label_2_qty {display:block;}
		.labels_wraper {display:none;}
		.slider .fadein {height:246px;}
		.slider .fadein img {height:246px;}
		.js_order_panel .order_panel {
			width:409px;
			margin-left:15px;
		}
                .Logout_user {
                    line-height:25px;
                    font-size: 11px;
                    width:420px;
                    text-align: left;
                    margin-top: 70px;
                    float:right;
                }

                .logout_btn {
                    width: 70px;
                    background: #ccc;
                    height:25px;
                    display: block;
                    text-decoration: none;
                    color: #000;
                    line-height: 25px;
                    font-size: 11px;
                    float:right;
                    text-align: center;
                    box-shadow: 0px 0px 1px 0px #333;
                }
				.content_2 {height:auto;overflow:hidden;}
				.content_3 {height:auto;overflow:hidden;}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.sidebar-nav ul li {
			width:275px;
		}
		
		.sidebar-nav ul li a {
			width:300px;
		}	
		.news_updates_sidebar {
			min-height:150px;
		}	
		header .container {
			height: 215px;
			background:url(../images/header-bg.png) 70px top no-repeat;
		}
		.header_use_login {
			width:300px;
		}
		.header_use_login label{
			color:#636466;
			text-shadow:1px 1px 1px #fff;
		}
		.header_use_login input[type=text]{
			width:132px;
		}

		.header_use_login input[type=password]{
			width:132px;
		}
		.right_img {
			float:none;
			margin:0 0 10px 0px;
			width:300px;
		}
		.order_form input[type=text].input_220, .order_form input[type=text].input_700 {
			width:292px;
		}
		.form_seperator2 {display:block; margin-left:-15px; width:295px;}
		.order_form  .order_panel input[type=text].input_220,
                .order_form  .order_panel input[type=text].input_195,
		.order_form .order_panel input[type=text].input_160,
		.order_form .order_panel input[type=text].input_100,
		.order_form .order_panel input[type=text].input_340 {
			width:174px;
		}
                
                .six2 {
                    width:300px !important;
                }

                .six2 input {
                    width:174px !important;
                }
		
		.slider .fadein {height:176px;}
		.slider .fadein img {height:176px;}
		.js_order_panel .order_panel {
			width:285px;
			margin-left:15px;
		}
                .Logout_user {
                    line-height:25px;
                    font-size: 11px;
                    width:300px;
                    text-align: left;
                    margin-top: 70px;
                    float:right;
                }

                .logout_btn {
                    width: 70px;
                    background: #ccc;
                    height:25px;
                    display: block;
                    text-decoration: none;
                    color: #000;
                    line-height: 25px;
                    font-size: 11px;
                    float:right;
                    text-align: center;
                    box-shadow: 0px 0px 1px 0px #333;
                }
				.content_2 {height:auto;overflow:hidden;}
				.content_3 {height:auto;overflow:hidden;}
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('http://www.gft-ltd.co.uk/fonts/FontName.eot');
	    src: url('http://www.gft-ltd.co.uk/fonts/FontName.eot?iefix') format('eot'),
	         url('http://www.gft-ltd.co.uk/fonts/FontName.woff') format('woff'),
	         url('http://www.gft-ltd.co.uk/fonts/FontName.ttf') format('truetype'),
	         url('http://www.gft-ltd.co.uk/fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/