/* Reset ================================================================================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;vertical-align:top;}
.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:before, .clearfix:after {content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}

/* #Desktop
================================================== */
@media only screen and (min-width: 978px) 
{
/*
	  Forces backgrounds to span full width,
	  even if there is horizontal scrolling.
	  Increase this if your layout is wider.

	  Note: IE6 works fine without this fix.
	*/
body {min-width:1008px;overflow-x:hidden;}
.main-left {float:right !important;}
.sidebar-right {float:right !important;}
.left {float:left;}
.right {float:right;}
/* Containers
	----------------------------------------------------------------------------------------------------*/
.container_12 {margin-left:auto;margin-right:auto;width:1008px;}
/* Grid >> Global
	----------------------------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_25, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {display:inline;float:left;position:relative;margin-left:15px;margin-right:15px;}
.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12 {position:relative;}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
	----------------------------------------------------------------------------------------------------*/
.alpha {margin-left:0;}
.omega {margin-right:0;}
/* Grid >> 12 Columns
	----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 {width:54px;}
.container_12 .grid_2 {width:138px;}
.container_12 .grid_25 {width:159px;}
.container_12 .grid_3 {width:222px;}
.container_12 .grid_4 {width:306px;}
.container_12 .grid_5 {width:390px;}
.container_12 .grid_6 {width:474px;}
.container_12 .grid_7 {width:558px;}
.container_12 .grid_8 {width:642px;}
.container_12 .grid_9 {width:726px;}
.container_12 .grid_10 {width:810px;}
.container_12 .grid_11 {width:894px;}
.container_12 .grid_12 {width:978px;}
/* Prefix Extra Space >> 12 Columns
	----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 {padding-left:84px;}
.container_12 .prefix_2 {padding-left:168px;}
.container_12 .prefix_3 {padding-left:252px;}
.container_12 .prefix_4 {padding-left:336px;}
.container_12 .prefix_5 {padding-left:420px;}
.container_12 .prefix_6 {padding-left:504px;}
.container_12 .prefix_7 {padding-left:588px;}
.container_12 .prefix_8 {padding-left:672px;}
.container_12 .prefix_9 {padding-left:756px;}
.container_12 .prefix_10 {padding-left:840px;}
.container_12 .prefix_11 {padding-left:924px;}
/* Suffix Extra Space >> 12 Columns
	----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 {padding-right:84px;}
.container_12 .suffix_2 {padding-right:168px;}
.container_12 .suffix_3 {padding-right:252px;}
.container_12 .suffix_4 {padding-right:336px;}
.container_12 .suffix_5 {padding-right:420px;}
.container_12 .suffix_6 {padding-right:504px;}
.container_12 .suffix_7 {padding-right:588px;}
.container_12 .suffix_8 {padding-right:672px;}
.container_12 .suffix_9 {padding-right:756px;}
.container_12 .suffix_10 {padding-right:840px;}
.container_12 .suffix_11 {padding-right:924px;}
/* Push Space >> 12 Columns
	----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 {left:84px;}
.container_12 .push_2 {left:168px;}
.container_12 .push_3 {left:252px;}
.container_12 .push_4 {left:336px;}
.container_12 .push_5 {left:420px;}
.container_12 .push_6 {left:504px;}
.container_12 .push_7 {left:588px;}
.container_12 .push_8 {left:672px;}
.container_12 .push_9 {left:756px;}
.container_12 .push_10 {left:840px;}
.container_12 .push_11 {left:924px;}
/* Pull Space >> 12 Columns
	----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 {left:-84px;}
.container_12 .pull_2 {left:-168px;}
.container_12 .pull_3 {left:-252px;}
.container_12 .pull_4 {left:-336px;}
.container_12 .pull_5 {left:-420px;}
.container_12 .pull_6 {left:-504px;}
.container_12 .pull_7 {left:-588px;}
.container_12 .pull_8 {left:-672px;}
.container_12 .pull_9 {left:-756px;}
.container_12 .pull_10 {left:-840px;}
.container_12 .pull_11 {left:-924px;}
/* Adaptive */
/* 4 columns list */
.products-grid li.item:nth-of-type(4n+4){
		margin-right:0;
	}
.products-grid li.item:nth-of-type(4n+1){
		margin-left:0;
		clear:left;
	}
.home-layout .large, .home-layout .medium, .home-layout .small {display:inline;float:left;position:relative;margin-left:10px;margin-right:10px;margin-bottom:20px;overflow:hidden;}
.home-layout .large {width:568px;height:632px;}
.home-layout .medium {width:400px;height:303px;}
.home-layout .small {width:180px;height:309px;}
.home-layout .right {float:right;}
.home-content {height:652px}

.home-layout .m_1 {width: 400px;position: absolute;overflow: hidden;top: 0;left: 10px;}
.home-layout .m_2 {width: 299px;position: absolute;overflow: hidden;top: 0;left: 435px;}
.home-layout .m_3 {width: 299px;position: absolute;overflow: hidden;top: 273px;left: 435px;}
.home-layout .m_4 {width: 242px;position: absolute;overflow: hidden;top: 0;right: 10px;}
.home-layout .m_5 {width: 242px;position: absolute;overflow: hidden;top: 399px;right: 10px;}
.home-layout .m_6 {width: 269px;position: absolute;overflow: hidden;top: 0;left: 435px;}
.home-layout .m_7 {width: 269px;position: absolute;overflow: hidden;top:244px;left: 435px;}
.home-layout .m_8 {width: 270px;position: absolute;overflow: hidden;top: 0;right: 10px;}
.home-layout .m_9 {width: 270px;position: absolute;overflow: hidden;top: 367px;right: 10px;}

.CDPUBLIC .home-layout .m_1 {width: 503px;position: absolute;overflow: hidden;top: 0;left: 10px;}
.CDPUBLIC .home-layout .m_2 {width: 345px;position: absolute;overflow: hidden;top: 0;left: 533px;}
.CDPUBLIC .home-layout .m_3 {width: 162px;position: absolute;overflow: hidden;top: 282px;left: 533px;}
.CDPUBLIC .home-layout .m_4 {width: 162px;position: absolute;overflow: hidden;top: 282px;left: 716px;}
.CDPUBLIC .home-layout .m_5 {width: 336px;position: absolute;overflow: hidden;top: 0;right: 10px;}
.CDPUBLIC .home-layout .container_12 {width:1245px}
.CDPUBLIC .home-content {height:560px}

.home-layout .overlay p {color:#000;font-size:12px;padding:20px;}
.form_default .one_half {width:46%;margin-right:4%;float:left;}
.form_default .one_third {width:29.3%;margin-right:4%;float:left;}
.form_default .one_quarter {width:21%;margin-right:4%;float:left;}
.form_default .one_eigth {width:8.5%;margin-right:4%;float:left;}
.form_default .three_quarter {width:71%;margin-right:4%;float:left;}
.form_default .full {width:96%;clear:both;}

.featured-products .image {position:absolute;left:0}
.featured-products {padding-left:162px}

 .container_12 .product-view .grid_5 {width:400px;margin-right:5px;}
}


/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px, Gutter: 20px, Unit: 44px */
@media only screen and (min-width: 768px) and (max-width: 977px) {
/*
	  Forces backgrounds to span full width,
	  even if there is horizontal scrolling.
	  Increase this if your layout is wider.

	  Note: IE6 works fine without this fix.
	*/
body {min-width:768px;overflow-x:hidden;}
.main-left {float:right !important;}
.sidebar-right {float:right !important;}
.left {float:left;}
.right {float:right;}
/* Containers
	----------------------------------------------------------------------------------------------------*/
.container_12 {margin-left:auto;margin-right:auto;width:768px;}
/* Grid >> Global
	----------------------------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_25, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {display:inline;float:left;position:relative;margin-left:10px;margin-right:10px;}
.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12 {position:relative;}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
	----------------------------------------------------------------------------------------------------*/
.alpha {margin-left:0;}
.omega {margin-right:0;}
/* Grid >> 12 Columns
	----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 {width:44px;}
.container_12 .grid_2 {width:108px;}
.container_12 .grid_25 {width:124px;}
.container_12 .grid_3 {width:172px;}
.container_12 .grid_4 {width:236px;}
.container_12 .grid_5 {width:300px;}
.container_12 .grid_6 {width:364px;}
.container_12 .grid_7 {width:428px;}
.container_12 .grid_8 {width:492px;}
.container_12 .grid_9 {width:556px;}
.container_12 .grid_10 {width:620px;}
.container_12 .grid_11 {width:684px;}
.container_12 .grid_12 {width:748px;}
/* Prefix Extra Space >> 12 Columns
	----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 {padding-left:64px;}
.container_12 .prefix_2 {padding-left:128px;}
.container_12 .prefix_3 {padding-left:192px;}
.container_12 .prefix_4 {padding-left:256px;}
.container_12 .prefix_5 {padding-left:320px;}
.container_12 .prefix_6 {padding-left:384px;}
.container_12 .prefix_7 {padding-left:448px;}
.container_12 .prefix_8 {padding-left:512px;}
.container_12 .prefix_9 {padding-left:576px;}
.container_12 .prefix_10 {padding-left:640px;}
.container_12 .prefix_11 {padding-left:704px;}
/* Suffix Extra Space >> 12 Columns
	----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 {padding-right:64px;}
.container_12 .suffix_2 {padding-right:128px;}
.container_12 .suffix_3 {padding-right:192px;}
.container_12 .suffix_4 {padding-right:256px;}
.container_12 .suffix_5 {padding-right:320px;}
.container_12 .suffix_6 {padding-right:384px;}
.container_12 .suffix_7 {padding-right:448px;}
.container_12 .suffix_8 {padding-right:512px;}
.container_12 .suffix_9 {padding-right:576px;}
.container_12 .suffix_10 {padding-right:640px;}
.container_12 .suffix_11 {padding-right:704px;}
/* Push Space >> 12 Columns
	----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 {left:64px;}
.container_12 .push_2 {left:128px;}
.container_12 .push_3 {left:192px;}
.container_12 .push_4 {left:256px;}
.container_12 .push_5 {left:320px;}
.container_12 .push_6 {left:384px;}
.container_12 .push_7 {left:448px;}
.container_12 .push_8 {left:512px;}
.container_12 .push_9 {left:576px;}
.container_12 .push_10 {left:640px;}
.container_12 .push_11 {left:704px;}
/* Pull Space >> 12 Columns
	----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 {left:-64px;}
.container_12 .pull_2 {left:-128px;}
.container_12 .pull_3 {left:-192px;}
.container_12 .pull_4 {left:-256px;}
.container_12 .pull_5 {left:-320px;}
.container_12 .pull_6 {left:-384px;}
.container_12 .pull_7 {left:-448px;}
.container_12 .pull_8 {left:-512px;}
.container_12 .pull_9 {left:-576px;}
.container_12 .pull_10 {left:-640px;}
.container_12 .pull_11 {left:-704px;}
/* 4 columns list */
.products-grid li.item:nth-of-type(4n+4){
		margin-right:0;
	}
.products-grid li.item:nth-of-type(4n+1){
		margin-left:0;
		clear:left;
	}
.home-layout .large, .home-layout .medium, .home-layout .small {display:inline;float:left;position:relative;margin-left:10px;margin-right:10px;margin-bottom:20px;overflow:hidden;}
.home-layout .large {width:432px;}
.home-layout .medium {width:296px;}
.home-layout .small {width:138px;}
.home-layout .right {float:right;}

.home-layout .m_1 {width: 307px;position: absolute;overflow: hidden;top: 0;left: 10px;}
.home-layout .m_2 {width: 230px;position: absolute;overflow: hidden;top: 0;left: 330px;}
.home-layout .m_3 {width: 230px;position: absolute;overflow: hidden;top: 208px;left: 330px;}
.home-layout .m_4 {width: 185px;position: absolute;overflow: hidden;top: 0;right: 10px;}
.home-layout .m_5 {width: 185px;position: absolute;overflow: hidden;top: 306px;right: 10px;}
.home-layout .m_6 {width: 202px;position: absolute;overflow: hidden;top: 0;left: 335px;}
.home-layout .m_7 {width: 202px;position: absolute;overflow: hidden;top:194px;left: 335px;}
.home-layout .m_8 {width: 204px;position: absolute;overflow: hidden;top: 0;right: 10px;}
.home-layout .m_9 {width: 204px;position: absolute;overflow: hidden;top: 286px;right: 10px;}
.home-content {height:501px}

.CDPUBLIC .home-layout .m_1 {width: 503px;position: absolute;overflow: hidden;top: 0;left: 10px;}
.CDPUBLIC .home-layout .m_2 {width: 345px;position: absolute;overflow: hidden;top: 0;left: 533px;}
.CDPUBLIC .home-layout .m_3 {width: 162px;position: absolute;overflow: hidden;top: 282px;left: 533px;}
.CDPUBLIC .home-layout .m_4 {width: 162px;position: absolute;overflow: hidden;top: 282px;left: 716px;}
.CDPUBLIC .home-layout .m_5 {width: 336px;position: absolute;overflow: hidden;top: 0;right: 10px;}
.CDPUBLIC .home-layout .container_12 {width:1245px}

.CDPUBLIC .home-content {height:560px}

.home-layout .overlay p {line-height:14px;color:#000;font-size:11px;padding:10px}
.form_default .one_half {width:46%;margin-right:4%;float:left;}
.form_default .one_third {width:29.3%;margin-right:4%;float:left;}
.form_default .one_quarter {width:21%;margin-right:4%;float:left;}
.form_default .one_eigth {width:8.5%;margin-right:4%;float:left;}
.form_default .three_quarter {width:71%;margin-right:4%;float:left;}
.form_default .full {width:96%;clear:both;}
.grid_9.nav-container {margin-top:0;display:block;clear:both;width:100%;}

.featured-products .image {position:absolute;left:0}
.featured-products {padding-left:162px}
}
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px Gutter: 10px, Unit: 15px */
@media only screen and (max-width: 767px) {
.left {float:none;}
.right {float:none;}
/* Containers
	----------------------------------------------------------------------------------------------------*/
.container_12 {margin-left:15px;margin-right:15px;width:auto;}
.grid_1, .grid_2, .grid_5, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {margin-left:0;margin-right:0;}
.grid_12 {margin-left:10px;margin-right:10px;}
header#header .grid_12 {margin-left:0;margin-right:0;}
.alpha, .omega {margin-left:0;margin-right:0;}
.align_center, .align_right {text-align:left;}
/* Adaptive */
.home-layout .large, .home-layout .medium, .home-layout .small, .home-layout .m_1,.home-layout .m_2,.home-layout .m_3,.home-layout .m_4,.home-layout .m_5,.home-layout .m_6,.home-layout .m_7,.home-layout .m_8,.home-layout .m_9 {position:relative;margin-left:0;margin-right:0;overflow:hidden;clear:both;margin-bottom:10px;}
.home-layout .right {float:none;}
.home-layout .overlay p {line-height:14px;color:#000;font-size:11px;padding:10px 10px 0 10px;}
.form_default .one_half, .form_default .one_third, .form_default .one_quarter, .form_default .one_quarter, .form_default .three_quarter, .form_default full {display:block;}

.featured-products .image {display:none}
.shopping-cart-table .right {float:right}
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
body {min-width:420px;overflow-x:hidden;}
/* Containers
	----------------------------------------------------------------------------------------------------*/
.container_12 {margin-left:auto;margin-right:auto;width:420px;}
}