/*!
 * McConnell
 * Designed and developed by Techno Digital
 */

/************************************************************************************
*								                                     SITE LAYOUT    *
************************************************************************************/

  body { background: #fff url(../images/bk.jpg) no-repeat; font-family:Arial; color:#6a6a6a; margin:0; }
  p    { font: 14px/40px Arial;text-align:left; line-height:21px; color:#6a6a6a;}
  a    { color: #e31837; text-decoration: none; }
  a:hover { color: #e31837;}
  h1,h2,h3 { font-weight:normal;}
  h1 { font-size:21pt; color:#FFF; }
  h2 { color:#e31837; font-weight:normal; margin-top:20px;}
  h3 { color:#0067B1; }
  
  .container { background:url(../images/container-bk.jpg) repeat-x top left; min-height:183px; margin:0; padding:0; }
  .container-wrap, .content-wrap { width:745pt;}
  .wrapper { background:#FFF;width: 700pt;margin: 0 auto;position: relative;top: 22px; }
  .container-wrap { background:url(../images/contentwrap-bk.png) no-repeat left top; margin:auto; top:12pt; position:relative; }
  .header, .banner-wrap, .footer { width:679pt;margin:0 auto;}
  
  .clear {	clear:both;height:0;font-size: 1px;line-height: 0px;}
  .right { float: right; margin-left: 8px;}
  .left  { float: left;margin-right: 8px; }
  .required { color:#e31837; }
  .button { width: 187px;background: #e31837;color: #fff;padding: 10px;font-size: 14px;text-align: center; border-radius:7px;}
  .button a { color:#FFF; }
  .blog-featured { display:none; }

/************************************************************************************
*								                                         HEADER     *
************************************************************************************/
	.header { height:48pt; margin-top:0; margin-bottom:28pt; border-bottom:2px solid #e31837; }
	.logo { float:left; }
	.logo a { position:absolute; top:3px; }
	.logo img { border:none; }
	.nav { float:right; }
	
/*___MAINMENU__*/	
/*	.nav ul { list-style:none; margin:0; padding-top:40px; background:#FFF;display: inline-table; position:relative; }
	.nav ul li { float:left; }
	.nav ul li:hover { background:none; }
	.nav ul li:hover a { color: #fff;}
	
	.nav ul li a {  display:block; padding:0 9px; color:#6D6E71;    }
	.nav ul ul { display:none;position:absolute;padding:0;background:#e31837;top: 100%; margin-top:8px;z-index:10;}
    .nav li:hover > ul{ display:block; }
    .nav ul ul li{ float:none; border-top:1px solid #fff; position:relative; color:#fff;}
	.nav ul ul li:first-child { border:none; }
	.nav ul ul li a {padding: 9px;font-size: 14px;text-transform:none;}
	.nav ul ul li a:hover { background-color:#7F0D1F; }*/
	/*.nav ul li:first-child { display:none; }*/
	.nav ul ul { display: none;}
	.nav ul li:hover > ul { display: block;}
	.nav ul { background: #fff;list-style: none;position: relative;display: inline-table;/* padding: 0 20px;*/}
	.nav ul:after {content: ""; clear: both; display: block;}
	.nav ul li {float: left;}
	.nav ul li:hover {background: none;}
	.nav ul li:hover a { color: #6D6E71;}
	.nav ul li a {display: block; padding: 24px 9px 6px 22px;color: #757575;text-decoration: none;text-transform:uppercase;font-size: 14px; }			
	.nav ul ul { background: #e31837; padding: 0;position: absolute; top: 100%;z-index:10; }
	.nav ul ul li {float: none; border-top:1px solid #fff; color:#FFF; position: relative;}
	.nav ul ul li a { padding: 9px; text-transform:capitalize;color: #fff !important;}	
	.nav ul ul li a:hover { background: #7F0D1F;}
	.nav ul ul ul { position: absolute; left: 100%; top:0;}
	/*	.nav ul ul {display: none;}

	.nav ul li:hover ul {display: block;position:absolute;}
	.nav ul ul {background: #5f6975; border-radius: 0px; padding: 0;position: absolute; top: 100%;}
	.nav ul ul li {float: none; border-top: 1px solid #6b727c;border-bottom: 1px solid #575f6a;position: relative;}
	.nav ul ul li a { padding: 15px 40px;color: #fff;}	
	.nav ul ul li a:hover { background: #4b545f;}*/

	
	
/************************************************************************************
*								                                        CONTENT     *
************************************************************************************/
/*___BANNNER__*/
	.banner-wrap { min-height:251pt; height:251pt; margin-bottom:14px; overflow:hidden; }
	.banner-text, .content-wrap .site-title, .figcaption, .products .moduletable h3,.cart-from-bk,.userfields_info { background:#0067B1 url(../images/title-bk.jpg) no-repeat right bottom; height:46px;line-height:46px; }
	.banner-text, .gkIsWrapper-gk_shop_and_buy .figcaption{ width:93%; margin:0 auto; padding:0 14px; position:relative; bottom:68px; left: 30px; }
	.gkIsWrapper-gk_shop_and_buy .figcaption h3 { text-align:left;line-height: 45px; font-size:26px; font-weight:normal; text-transform:none; }
	.gkIsWrapper-gk_shop_and_buy img { }
	
/*___PANEL__*/	
	.panel { width:739pt; }
	.panel h2 {margin:10px 0 8px 0; color:#0067B1;}
	.panel { background:#e8e8e8 url(../images/panel-bk.jpg) no-repeat left bottom; min-height:112pt;position: relative;
left: -28px;}
	.panel .panelwrap { width:93%; margin:0 auto; background:green;}
	.panel .panel-img { float:left; width:138px;}
	.panel .panel-desc { float:right; width:760px;}
	.panel .panel-desc p { margin:0 0 10px 0; }
	
	.content-wrap { background:#FFF; width:700pt; min-height:312px; margin:0 auto;}
	.content-wrap .content-wrapper { width:678pt; margin:0 auto; }
	.content-wrap .product-filter { width:350px; height:53px; margin-bottom:20px; font-size:14px; }
	.content-wrap .featured-img, .content-wrap .img-intro-left,.img-fulltext-left { width:520px; height:270px; margin-bottom:20px; position: absolute;left: 398px;top: 92px; overflow:hidden;}
	
	
	.content-wrap .site-title { width:96.78%; margin:0 auto; padding:0 14px;}
	.content-wrap .range-title { margin-bottom:20px;}
	.content-wrap .home { margin-top:-20px; margin-bottom:-20px;}
	.content-wrap ul, .content-wrap ol { font: 14px/21px Arial;}
/*___PRODUCTS BANNER__*/	
	/*.products { display:none; }*/
	.products .product-wrapper, .product-list .product-wrapper { width:122px; height:200px;padding:8px; background:#E6E6E6;}
	.product-list { margin-top:20px; }
	.product-list .product-wrapper { float:left;margin: 10px;width: 135px; }
	.product-list .product-wrapper img {width: 100%;height: auto;border: 0;margin: 0;}
	.product-list .product-wrapper .description { font-size:15px; line-height:15px;}
	/*.content-wrap .product-filter, .content-wrap .featured-img { display:none; }*/
	

	
	.products ul { list-style:none;margin-left: -21px; }
	.products .product-list li { float:left; margin: 15px 8px; }
	.products .description, .product-list .product-wrapper .description { width: 100%;text-align: center;padding: 15px 0;text-transform: uppercase;line-height: 14px;}
	.productselection { width: 238px;padding: 9px;font-size: 16px;color: #6a6a6a;}
	
	.products ul.VMmenu { margin-left: 0; }
	.products ul.menu { margin-left:10px; }
	.featured-img-current { padding: 5px;}
	span.addtocart-button input.addtocart-button { background:#E31837; border:1px solid #E31837;}
	.PricepriceWithoutTax {display: inline-table !important;}
	.productdetails-view .spacer-buy-area { padding:0; }
	span.title { border:none; }
	
	a.product-details, a.details, div.details, .loginbtn ,button.default,
	span.custom-variant-inputbox input.custom-attribute:hover, span.quantity-box input.quantity-input:hover, input.vm-default:hover, span.quantity-box input.quantity-input:hover, .ask-a-question-view input.counter:hover, .ask-a-question-view input#email:hover, a.ask-a-question:hover, a.details:hover, div.details:hover, a.product-details:hover, button.default:hover,.vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited  { background:#E31837; color:#FFF;padding: 8px 24px;font-size: 14px; border:1px solid #E31837;font-weight:normal;}
	label,.output-shipto {font-size:14px;}
	.userdata,.featured-img-current,input, textarea, keygen, select, button, isindex, fieldset, hr { border:1px solid #DDD; }
	input, textarea, keygen, select, button, isindex, option { padding:5px;color: #6A6A6A; font-size:14px; }
	/*.content-wrap .contents .prod-details table, th, td { border:none !important; }*/
	.scss,.browse-view .row .product .spacer span  { font-size:14px; }
	.browse-view .row .product .spacer img { max-width:100%; }
	.marginauto { margin:0 auto; }
	.marginleftright10 { margin:0 10px; }
	.margin5 { margin:5px 0; }
	.margin10 { margin:10px 0; }
	.padding5 { padding:5px 0; }
	.orderby-displaynumber { border-bottom: solid #ddd 1px;border-top: solid #ddd 1px; }
	.product-block { border:1px solid #ddd; width:22%; margin:8px; min-height:33%;}
	.cat-block { border:1px solid #ddd; width:22%; margin:8px;}
	.cat-product-name { height: 54px;vertical-align: middle;display: table-cell;width: 5%;}
	.product-price .PricepriceWithoutTax { display:none!important; }
	.product-price .PricetaxAmount { display:none!important; }
	
	.loginbtn { border-radius:7px; }
	.cart-from-bk { line-height: 29px;}
	.userfields_info { color:#fff; padding:5px; height: 36px;line-height: 36px;}
	table.cart-summary tr th { background: none;border-bottom: solid #DDD 1px;padding: 6px;color: #FFF;}
	/*table.user-details input.invalid { background:none; border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0; border:none; }*/
	table.user-details input,table.user-details .vm-chzn-select { margin: 5px 0; }
	.control-buttons button.default { margin: 12px 0 5px 8px; }
	.vm-button-correct { font-weight:normal;padding: 8px 0; font-size:14px;}
	.billto-shipto { border-bottom:none; }
	.checkout-button-top { margin-top:8px; }
	fieldset { padding:0; border:none !important; }
	
	.directionnav-wrap { position: relative;top: -147px;}
	.products .product-directionnav { margin:0; padding:0;}
	.products .product-directionnav li .prev { width: 30px;height: 30px;background: url(../images/prev.jpg) no-repeat;text-indent: -9999em;display: block;}
	.products .product-directionnav li  .next {width: 30px;height: 30px;background: url(../images/next.jpg) no-repeat;text-indent: -9999em;margin-left: 4px;position: absolute;left: 890px; bottom:0;display: block;}
	#navigation88 {top: 28.873016%;
margin: 0 -25px;}
	#prev111 { left: -28px; }
	#next111 { right: -20px; }
	
	.content-wrap .contents { background:#FFF; width:96%; min-height:auto; margin:0 auto;padding-bottom: 90px; overflow:hidden;}
	/*.content-wrap .contents h2 { color:#e31837; font-weight:normal; margin-top:0;}*/

/*___NEWS__*/	
	.content-wrap .sidemenu {width:180px; float:left;margin-top: 20px; }
	.content-wrap .sidemenu ul { list-style:none;margin: 0;padding: 0; }
	.content-wrap .sidemenu ul li { width:178px; /*height:49px; line-height:49px;*/border-bottom:1px solid gray; background:url(../images/news-bk.jpg) no-repeat right center;}
	.content-wrap .sidemenu ul li:first-child { border-top:1px solid gray; }
	.content-wrap .sidemenu ul li h4 { font-weight:normal; margin:0; padding:14px 8px; }
	.content-wrap .sidemenu ul li a { width:100%; text-decoration:none; color:#e31837; line-height:16px;}
	.content-wrap .content {width:640px; float:right; }
	.content-wrap .content h1 { display:none; }
	.content-wrap .page-direction { text-align:center; width:100%; }
	.content-wrap .pagination { width:auto; margin: 40px auto 0 auto; text-align:center; }
	.content-wrap .pagination .pagination1 span { margin:0 5px; }
	.content-wrap .pagination ul { list-style:none; text-align:center; }
	.content-wrap .pagination ul li { margin:0 5px;display: inline-block;  }
	.content-wrap .pagination .counter { text-align:center;}
	
	.content-wrap .content .items-more{ display:none; }
/*	.content-wrap .pagination .pagination-start:before { content:'<<'; }
	.content-wrap .pagination .pagination-start { text-indent: -9999px;}*/
	
/*___PRODUCTS__*/		
	.content-wrap .contents .prod-quote { width:350px; }
	.content-wrap .contents .prod-quote h2 { margin-top:30px; }
	.content-wrap .contents .prod-details { width:534px; float:left; margin-right:10px;margin-bottom: 20px;}
	.content-wrap .contents .prod-details ul { padding: 0 18px;}
	.content-wrap .contents .prod-image { width:323px; min-height:410px; float:right;margin-bottom: 78px;margin-top: 15px;}
	.content-wrap .contents .prod-image ul { list-style:none; padding:0; margin:0;margin-top: 20px; text-align:center; }
	.content-wrap .contents .prod-image ul li img { border:1px solid gray; margin-bottom:11px;width: 157px;height: 131px;}
	.content-wrap .contents .prod-details table {border-collapse:collapse; padding:5px;}
	.content-wrap .contents .prod-details table,
	.content-wrap .contents .prod-details th, 
	.content-wrap .contents .prod-details td{border: 1px solid gray;}
	.content-wrap .contents .prod-image table {border-collapse:collapse; padding:3px; margin-top:25px; float:right;}
	.content-wrap .contents .prod-image table th { text-align:left; border:1px solid #0067B1;}
	.content-wrap .contents .prod-image table td {border: 1px solid #636466; font: 14px/21px Arial;}
	.content-wrap .contents .prod-image table tr:nth-child(odd) td {background-color:#d1d2d4;}
	.content-wrap .contents .prod-image img { margin: 0 auto;display: block;}
	.products .moduletable h3 {font-size: 21pt;color: #FFF; padding:0 14px;}
	
	.content-wrap .contents .contact-details { width:280px; float:left;}
	.content-wrap .contents .contact-details .map a { font-size:12px; line-height:28px;}
	.content-wrap .contents .contact-form { width:490px; float:right; }
	.content-wrap .contents .contact-form div { width:100%; }
	.content-wrap .contents .contact-form label {  width:26%;float:left; margin-top:8px;font-size: 14px; }
	.content-wrap .contents .contact-form .inputs { width:300px; margin-bottom:8px;}
	.content-wrap .contents .contact-form input[type=text] { height:35px; }
	.content-wrap .contents .contact-form .frmbtn { margin: 0 auto; }
	
/*___GALLERY__*/	
	.content-wrap .gallery { margin: 20px auto 0 auto;
width: 92%; }
	.content-wrap .gallery .thumb-container { width:240px; height:173px; overflow:hidden; margin:23px;float:left; }
	.content-wrap .gallery .thumb-container img { border:none; }
	.artprettyphoto { border:none;}
	
	.pagenav { list-style:none;margin: 0 auto !important;width: 160px; }
	.pagenav li { float:left; margin:0 5px; }
/************************************************************************************
*								                                          FOOTER    *
************************************************************************************/
    .footer { width: 677pt;min-height:70px; background:#FFF; border-top:2px solid #e31837; color:#6D6E71; padding-bottom:20px;font-size:12px;}
	.footer a { color:#6D6E71; }
	
	.footer .footermenu { width:100%;margin:20px auto 10px auto; text-align:center;}
	.footer ul { list-style:none;}
	.footer ul li { display:inline-block; border-left:1px solid gray;}
	.footer ul li:first-child { border:none;}
	.footer ul li a { display: block; text-align: center; margin: 0 10px; color:#6D6E71; float:left;  }
	
	.footer p { text-align:center; margin: 0;font-size:12px;}
/************************************************************************************
*								                                     MEDIA QUERY    *
************************************************************************************/