/* 	Color scheme: #a2c9ec, #799cbc, #587691, #3571b8 */

* {
    font-family: Trebuchet MS1,Trebuchet MS,sans-serif;
    font-size: 11pt;
    line-height: normal;
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
}

html, body 				{height: 100%; padding: 0; margin: 0;}

.max {
display: block !important;
}
.min {
display: none !important;
}
.outer 					{position: relative;left: 50%;float: left;clear: both;text-align: left;}
.inner 					{position: relative;left: -50%;text-align: left;}
    .clearfix:before,  
    .clearfix:after {  
        content: " ";  
        display: table;  
    }  
    .clearfix:after {  
        clear: both;  
    }  
    .clearfix {  
        *zoom: 1;  
    }  

.body_container {
	float: left;
    min-height: 100%;
    width: 100%;
    position: relative;
}

body {
    background: #ffffff;
    color: #333333;
	float: left;
    min-width: 100%;
}

/* Header Elements */


h1 {
	font-size: 32px;
}
.header_wrapper {
	float: left;
	width: 100%;
	background: #000000;
	background: -moz-linear-gradient(top,  #000000 0%, #333333 100%);
	background: -webkit-linear-gradient(top,  #000000 0%,#333333 100%);
	background: linear-gradient(to bottom,  #000000 0%,#333333 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#333333',GradientType=0 );
	margin-top: 27px;
}
.header {
	float: left;
    clear: both;
    margin: 0 calc(50% - 480px);
    position: relative;
    width: 960px;
}
.header img {
	display: none;
}
.headlinks_wrapper {
    background: #222222;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
	height: 27px;
}
.headlinks {
    color: #999999;
    display: block;
    font-weight: bold;
    height: 27px;
    margin: 0 auto;
    position: relative;
    width: 960px;
}
.headlinks span {
    float: left;
}
.headlinks a {
    color: #e0e0e0;
    float: left;
    font-size: 16px;
    font-weight: lighter;
    line-height: 17px;
    text-decoration: none;
}
.headlinks a:hover {
	color: #8ea8be !important;
}
.headlinks_div 									{float: left;margin: 0 14px; height: 10px;}
.headlinks img 									{display: inline;float: left;margin: 2px 10px 4px 0px;}
.headlinks_item {
    float: left;
    height: 17px;
    padding: 0px;
    margin: 5px 0px;
}
.headlinks_left									{float: left;}
.headlinks_middle								{float: right; margin-right: 20px; width: auto; min-width: 200px;}
.headlinks_right								{float: right;z-index: 9999;}

.header_left {
    display: inline;
    float: left;
    height: 57px;
    margin: 28px 0;
    width: 384px;
}
.header_center {
	float: left;
	width: auto;
	margin: 22px calc(50% - 406px) 0 calc(50% - 405px);
}
.header_center a img {
	display: block;
	width: 240px;
	height: 85px;
}
.header_right {
    display: inline;
    float: right;
    padding: 13px 0;
	color: #c0c0c0;
	margin: 28px 0;
}
#phones {
    float: left;
	width: 140px;
}
#phones p {
    position: absolute;
    display: none;
}
a#topbar_phone {
	padding-left: 27px;
	background: url("../img/topbar_phone.png") no-repeat 0px 0px;
}
a#topbar_phone:hover {
	background: url("../img/topbar_phone.png") no-repeat 0px -17px;
}
a#topbar_support {
	padding-left: 28px;
	background: url("../img/topbar_support.png") no-repeat 0px 0px;
}
a#topbar_support:hover {
	background: url("../img/topbar_support.png") no-repeat 0px -17px;
}
a#topbar_stores {
	padding-left: 23px;
	background: url("../img/topbar_stores.png") no-repeat 0px 0px;
}
a#topbar_stores:hover {
	background: url("../img/topbar_stores.png") no-repeat 0px -17px;
}
a#topbar_login {
	padding-left: 27px;
	background: url("../img/topbar_login.png") no-repeat 0px 0px;
}
a#topbar_login:hover {
	background: url("../img/topbar_login.png") no-repeat 0px -17px;
}
a#topbar_myaccount {
	padding-left: 26px;
	background: url("../img/topbar_myaccount.png") no-repeat 0px 0px;
}
a#topbar_myaccount:hover {
	background: url("../img/topbar_myaccount.png") no-repeat 0px -17px;
}
a#topbar_cart {
	padding-left: 29px;
	background: url("../img/topbar_cart.png") no-repeat 0px 0px;
}
a#topbar_cart:hover {
	background: url("../img/topbar_cart.png") no-repeat 0px -17px;
}
div#topbar_cart_qty {
	display:none;
	background: #1467AC; 
	padding: 1px 3px; 
	border: 1px solid #DFDFDF; 
	color: #FFFFFF; 
	border-radius: 6px; 
	font-size: .9em;
}
a#topbar_profile {
	padding-left: 25px;
	background: url("../img/topbar_profile.png") no-repeat 0px 0px;
}
a#topbar_profile:hover {
	background: url("../img/topbar_profile.png") no-repeat 0px -17px;
}

a#topbar_addresses {
	padding-left: 25px;
	background: url("../img/topbar_addresses.png") no-repeat 0px 0px;
}
a#topbar_addresses:hover {
	background: url("../img/topbar_addresses.png") no-repeat 0px -17px;
}
a#topbar_creditcards {
	padding-left: 25px;
	background: url("../img/topbar_creditcards.png") no-repeat 0px 0px;
}
a#topbar_creditcards:hover {
	background: url("../img/topbar_creditcards.png") no-repeat 0px -17px;
}
a#topbar_history {
	padding-left: 25px;
	background: url("../img/topbar_history.png") no-repeat 0px 0px;
}
a#topbar_history:hover {
	background: url("../img/topbar_history.png") no-repeat 0px -17px;
}
a#topbar_coupons {
	padding-left: 25px;
	background: url("../img/topbar_coupons.png") no-repeat 0px 0px;
}
a#topbar_coupons:hover {
	background: url("../img/topbar_coupons.png") no-repeat 0px -17px;
}
a#topbar_rewards {
	padding-left: 25px;
	background: url("../img/topbar_rewards.png") no-repeat 0px 0px;
}
a#topbar_rewards:hover {
	background: url("../img/topbar_rewards.png") no-repeat 0px -17px;
}
a#topbar_logout {
	padding-left: 25px;
	background: url("../img/topbar_logout.png") no-repeat 0px 0px;
}
a#topbar_logout:hover {
	background: url("../img/topbar_logout.png") no-repeat 0px -17px;
}

div#header_user_info {
	float: left;
	display: block;
	position: relative;
	padding: 0px 10px;
}
div#headlinks_myaccount {
    background: #222222;
    border-radius: 0 0 4px 4px;
    display: none;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 22px;
    width: 240px;
    z-index: 5000;
    float: left;
	padding: 5px 10px;
}
div#headlinks_myaccount span {
	width: 100%;
	margin: 5px;
}
#headlinks_myaccount-panel {
	position: absolute; 
	width: 160px;
	overflow: hidden;
	background: #000000;
	background: -moz-linear-gradient(top, #000000 0%, #1e1e1e 100%);
	background: -webkit-linear-gradient(top, #000000 0%,#1e1e1e 100%);
	background: linear-gradient(to bottom, #000000 0%,#1e1e1e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#1e1e1e',GradientType=0 );
	border-radius: 0 0 6px 6px;
	display: none;
	left: -10px;
	top: 36px;
}
#headlinks_myaccount-panel span {
	float: left;
	clear: left;
	width: calc(100% - 20px);
	padding: 5px 10px 10px 10px;
	margin: 0 0px;
	border-bottom: 1px solid #444444;
	font-size: 17px;
}
#headlinks_myaccount-panel span:last-child {
	border-bottom: 0;
}
#headlinks_myaccount-panel span:hover {
	background-color: #393939;
}
#shopping_cart {
	float: left;
	position: relative;
}
span.ajax_cart_quantity,
span.ajax_cart_product_txt,
span.ajax_cart_product_txt_s,
span.ajax_cart_total,
span.aja_cart_no_product {
	float: left;
	margin-left: 4px;
}
.header_menu_wrapper {
	width: 100%;
	float: left;
	height: auto;
	background: #555555;
}
.header_menu {
	float: left;
    display: block;
    height: 36px;
    margin: 0 calc(50% - 480px);
	width: 960px;
}

.logo {
    background: url('../img/logo_purecigs_384x57_blkbg.png') no-repeat scroll left top transparent;
    float: left;
    height: 0;
    overflow: hidden;
    padding-left: 384px;
    padding-top: 57px;
    width: 0;
	display: block;
}

/*main menu settings*/
ul.nav li.mobile {
    display: none;
}
ul.nav {
	display: inline-block;
    height: 36px;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
.nav li {
    display: inline;
    float: left;
    margin: 0 auto;
    padding: 9px 12px 7px 12px;
    text-align: center;
    width: auto;
}
.nav li:hover{
	color: #8ea8be;
    cursor:pointer;
	transition: 0.3s ease;
}
.nav a li {
    color: #FFFFFF;
    cursor: pointer;
    display: inline;
    font: 15px "Open Sans Condensed",Helvetica,Arial,sans-serif;
    position: relative;
    text-transform: uppercase;
    z-index: 3;
	line-height: 20px;
}
.nav li.last {
	border-right: none;
}
#pull {
	display: none;
}

.page_content_wrapper {
	background: #ffffff;
	border-radius: 12px;
    clear: both;
    display: block;
	float: left;
    height: 100%;
    margin: 20px 0;
    text-align: left;
	width: 100%;
}
.page_wrapper {
	float: left;
    background: none;
    clear: both;
    display: block;
    height: 100%;
    margin: 0 auto;
    text-align: left;
	padding: 0 0 418px 0;
    width: 960px;
	margin: 0 calc(50% - 480px);
}
.index_page_wrapper {
	background: none;
	margin: 0 auto;
	width: 960px;
}
.center_column_wrapper {
    background: none repeat scroll 0 0 #DDDDDD;
    clear: both;
    display: block;
    height: 100%;
    margin: 0 auto;
    padding: 10px;
    text-align: left;
    width: 940px;
}

.center_column {
    clear: both;
    display: block;
    margin: 0 auto;
    width: 940px;
}

/* Subheader Elements */

.navbar					{clear: both;display: block;list-style:none;padding:0px;margin:10px 0px 0px 0px; width:500px; float:right;}
.nav_item				{background: #EFEFEF;cursor:pointer;text-align:center;float: right;padding: 7px 9px;color:#a1a1a1; font-size:16px; line-height:17px; font-weight:normal; text-decoration:none;}
.nav_item:hover			{background: #DFDFDF;color:#f9f9f9; font-size:16px; line-height:17px; font-weight:normal;}
.nav_first				{border-radius: 10px 0px 0px 0px; -moz-border-radius: 10px 0px 0px 0px; -webkit-border-radius: 10px 0px 0px 0px; -khtml-border-radius: 10px 0px 0px 0px; background:url(../img/nav_first_bg.gif) no-repeat top left #EFEFEF;}
.nav_last				{border-radius: 0px 10px 0px 0px; -moz-border-radius: 0px 10px 0px 0px; -webkit-border-radius: 0px 10px 0px 0px; -khtml-border-radius: 0px 10px 0px 0px; background:url(../img/nav_last_bg.gif) no-repeat top right #EFEFEF;}
.nav_first:hover		{background:url(../img/nav_first_bg_act.gif) no-repeat top left #DFDFDF;}
.nav_last:hover			{background:url(../img/nav_last_bg_act.gif) no-repeat top right #DFDFDF;}


.menubar				{float: left; width: 960px; height: 50px; background: url(../img/menu_bg_r2.png) 0px 0px repeat-x; clear: both; display: block; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; -webkit-border-radius: 10px 0px 0px 10px; -khtml-border-radius: 10px 0px 0px 10px;}
.menu_item				{float: left; cursor: pointer; text-align: center; vertical-align: middle; padding: 10px 22px; height: 30px;color:#ffffff; text-decoration:none;font-size:30px; line-height:30px; font-weight:bold; text-transform:uppercase;}
.menu_item:hover, 
#menu_first:hover		{background:url(../img/menu_bg_r2-act.png) 0px 0px repeat-x;color: #eeeeee;}
#menu_first				{padding: 0px; height: 50px; background: url('../img/menu2_bg_r2.png') no-repeat top left;}
#menu_first:hover		{border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; -webkit-border-radius: 10px 0px 0px 10px; -khtml-border-radius: 10px 0px 0px 10px;}
.menu_first			{padding: 10px 22px;color:#ffffff; text-decoration:none;font-size:30px; line-height:30px; font-weight:bold; text-transform:uppercase;}
.menu_first:hover		{background: url('../img/menu_bg_r2-act.png') no-repeat top left;}
.menu_first:hover		{border-radius: 11px 0px 0px 11px; -moz-border-radius: 11px 0px 0px 11px; -webkit-border-radius: 11px 0px 0px 11px; -khtml-border-radius: 11px 0px 0px 11px;}

.menu_separator			{width:1px; vertical-align:top; text-align:center;float: left;}
.menu_separator	img		{width:1px;}

.search_input-rep {
    float: right;
    background: #555555;
    border-radius: 15px;
    width: 240px;
    vertical-align: middle;
    height: 30px;
}
.search_input-rep input {
	border: 0px !important;
    background: none repeat scroll 0 0 transparent !important;
    width: calc(100% - 55px);
	padding: 5px 10px !important;
	border-radius: 15px;
	color: #e0e0e0 !important;
}
.search_button-rep {
    float: right;
    height: 30px;
    padding: 0;
    position: relative;
    vertical-align: middle;
    width: 30px;
	margin-right: 5px;
}

.search_button-rep input {
    border: 0 none;
    display: block;
    float: right;
    height: 20px;
    margin: 5px 5px 0 0;
    padding: 0 !important;
    width: 20px;
}
#search_query {
	background: none;
	border: none;
	color: #555555;
	font-weight: bold;
	padding: 6px 8px;
	width: 208px;
}

/* global styles */

a 						{color: #000000;text-decoration: none;font-weight: bold;outline: none;}
a:hover 					{color: #1467AC;}
ul						{list-style-type:none;}

textarea,
checkbox, 
input[type=text], 
input[type=password], 
radio, 
select {
	border: 1px solid #333333; 
	padding: 4px 3px;
	background: #FCFCFC; 
	color: #333333;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
textarea:focus, 
checkbox:focus, 
input[type=text]:focus, 
input[type=password]:focus, 
radio:focus, 
select:focus  {
	border: 1px solid #91b3ea;
	box-shadow: 0px 0px 5px #dbe9ff;	
	background:	#ffffff;
	color: #000000;
}

fieldset 					{border: none;}
.std					{display: block;clear: both;}
.std label 				{width: 180px; float: left; margin: 8px 0px; display: block;}
.std input, select 			{margin: 5px; float: right; }
.std input.exclusive 		{display: block;clear: both;margin: 20px 0px 0px 0px;}
.std i					{font-size: 11px; clear: both; display: block; float: left;}
.std sup, p.required sup	{color: #FF0000;float: left;margin-left: 8px;}



.std label {
    display: block;
    float: left;
    margin: 8px 0;
    width: 35%;
}
.std select {
    float: left;
    margin: 4px 0;
    width: 60%;
}
.std select#months {
    float: left;
    margin: 4px 0;
    width: 18%;
}
.std select#days {
    float: left;
    margin: 4px 0 0 3%;
    width: 18%;
}
.std select#years {
    float: left;
    margin: 4px 0 0 3%;
    width: 18%;
}
.std input {
    float: left;
    margin: 4px 0;
    width: calc(60% - 7px);
	height: 17px;
}
p.checkbox input {
	width: 24px;
	height: 24px;
}
p.checkbox label {
	width: calc(100% - 35px);
	margin-left: 5px;
}
.std sup, p.required sup {
    color: #FF0000;
    float: left;
    margin: 0;
    padding: 0;
    width: 4%;
}
.std i {
    clear: both;
    display: block;
    float: left;
    font-size: 11px;
    padding-left: 35%;
    text-align: left;
    width: 65%;
}
table.std				{width: auto;}
/* Useful */
.align_center 			{text-align:center;}
.align_right 			{text-align:right;}
.middle 					{vertical-align: middle;}
.align_justify			{text-align: justify;}
.uppercase 				{text-transform:uppercase;}
.hidden, 
.collapsed, 
.block_hidden_only_for_screen { display:none; }
.wrap 					{white-space: normal;}
.bold 					{font-weight: bold;}
.strike 					{text-decoration:line-through;}
.italic 					{font-style: italic;}
.top 					{vertical-align: top;}
.span_link 				{cursor:pointer;}
.span_link:hover 		{text-decoration:underline;}
.clear 					{clear:both;}
br.clear 				{clear:both;line-height:0;font-size:0;height:0;}
noscript ul 				{list-style-type:none; background:black; color:white; padding:10px; border:1px solid gray;}

div#headlinks_myaccount form.std label {
	width: 100%;
	margin: 4px 0;
}
div#headlinks_myaccount form.std input {
	width: calc(100% - 8px);
}
div#headlinks_myaccount form.std input.button_large,
div#headlinks_myaccount form.std input.exclusive_large {
	width: 100%;
	margin: 4px 0px;
}
div#headlinks_myaccount form.std h3 {
	font-size: 18px;
	margin: 8px 0px;
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	border-top: 1px solid #888888;
	padding-top: 8px;
}

/* errors */

.error {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #ffe2e2;
    background-image: url("../img/error_icon.png");
    background-origin: padding-box;
    background-position: 12px center, 10px center;
    background-repeat: no-repeat;
    background-size: auto auto;
    clear: both;
    color: #000000;
    display: block;
    font-size: 14px;
    font-weight: normal;
    height: auto;
    margin: 1% 10%;
    min-height: 48px;
    padding: 20px 20px 20px 75px;
    text-align: center;
    width: calc(80% - 95px);
    border-radius: 6px;
}
.error p { font-weight: bold; }
.error li {
	list-style-position: inside;
	list-style-type: square;
	padding-left: 3em;
	text-align: left;
}
.warning {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #ffe2e2;
    background-image: url("../img/error_icon.png");
    background-origin: padding-box;
    background-position: 12px center, 10px center;
    background-repeat: no-repeat;
    background-size: auto auto;
    clear: both;
    color: #000000;
    display: block;
    font-size: 14px;
    font-weight: normal;
    height: auto;
    margin: 1% 10%;
    min-height: 48px;
    padding: 20px 20px 20px 75px;
    text-align: center;
    width: calc(80% - 95px);
    border-radius: 6px;
}
.warning_inline {
	color:#4987c8;
	font-weight:bold;
}

/* success */

.success {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #ddffdd;
    background-image: url("../img/success_icon.png");
    background-origin: padding-box;
    background-position: 12px center, 10px center;
    background-repeat: no-repeat;
    background-size: auto auto;
    border-radius: 0;
    clear: both;
    color: #000000;
    display: block;
    font-size: 14px;
    font-weight: normal;
    height: auto;
    margin: 1% 10%;
    min-height: 48px;
    padding: 20px 20px 20px 75px;
    text-align: center;
    width: calc(80% - 95px);
	border-radius: 6px;
}

.success_inline {
	color: #1467ac;
	font-weight:bold;
}

/* breadcrumb.tpl */
.breadcrumb {
	margin: 0 0 10px;
	font-size: 12px;
	color:#7E7E7E;
}
.breadcrumb .navigation-pipe {
	padding: 0 0.6em;
}
.breadcrumb a {
	text-decoration: none;
	color:#7E7E7E;
}
.breadcrumb a:hover {
	color: #3571b8;
}


/* transfert effect*/
.transferProduct 		{border: 2px solid #888;}

/* simple list inline */
ul.inline_list			{list-style-type:none; margin-top: 1em;}
ul.inline_list li 			{float:left; text-align:center;}
ul.inline_list li img		{display:block;}
ul.half 					{width: 45%;margin-right: 1em;float: left;}

/* inline bullets */
ul.arrow_bullets {
    float: left;
    list-style-image: url("../img/index_bullets.png");
    margin-bottom: 10px;
}

/* Category tree (i.e. in sitemap) */
div.tree_top 			{background:url('../img/sitemap-top.gif') no-repeat -1px -3px;padding-left:24px;padding-bottom:5px;padding-top:3px;}
ul.tree, ul.tree ul		{list-style-type:none;}
ul.tree li				{padding-left:1.2em;border-left:1px gray dotted;background:url(../img/sitemap-horizontal.gif) no-repeat left 10px;margin-left:1em;}
ul.tree a				{padding-left:0.2em;}
ul.tree a.selected		{font-weight:bold;}
ul.tree li.last			{background:url(../img/sitemap-last.gif) no-repeat -12px -2px;border:none;}
span.grower				{cursor:pointer;}

/* Content Boxes */


.h2_header_wrapper {
    clear: both;
    display: block;
    float: left;
    margin: 20px auto 10px;
    width: 100%;
}

.h2_header {
    background-color: #d8d8d8 !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d8d8d8), to(#f5f5f5)) !important;
    background-image: -webkit-linear-gradient(top, #d8d8d8, #f5f5f5) !important;
    background-image: -moz-linear-gradient(top, #d8d8d8, #f5f5f5) !important;
    background-image: -ms-linear-gradient(top, #d8d8d8, #f5f5f5) !important;
    background-image: -o-linear-gradient(top, #d8d8d8, #f5f5f5) !important;
    background-image: linear-gradient(to bottom, #d8d8d8, #f5f5f5) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d8d8d8, endColorstr=#f5f5f5) !important;
    border-radius: 6px 6px 0 0;
    text-align: center;
    width: 100%;
    float: left;
}

.left {
	float: left;
	clear: none;
	display: block;
	width: 48%;
	padding: 0 2% 0 0;
}
.right{
	float: left;
	clear: right;
	display: block;
	width: 48%;
	padding: 0 0 0 2%;
}
.tri {
    clear: none;
    display: inline;
    float: left;
    width: 32%;
}
.tridouble {
	clear: none;
	float: left;
	display: inline;
	width: 68%;
}
@media screen and (max-width: 480px) {
	.tri, .tridouble {
		width: 100% !important;
		clear: left;
		float: left;
	}
}
.tri img {
	float: left;
	width: 100%;
	height: auto;
}
.first {
	margin-right: 2%;
}
.last {
	margin-left: 2%;
}

.h2_header h2 {
    color: #000000;
    float: left;
    font-size: 24px;
    margin: 0;
    text-align: center;
    width: 100%;
    padding: 10px 0;
    font-weight: normal;
}
.h2_header span			{margin-left: 20px;}
.h2_header_content {
    background: #f5f5f5;
    border-radius: 0 0 6px 6px;
    clear: both;
    display: block;
    float: left;
    padding: 3%;
    width: 94%;
}
div.tri div.h2_header_content {
	min-height: 170px;
}

/* BUTTONS */

/* global button */
button.button_mini, button.button_small, button.button, button.button_large,
button.button_mini_disabled, button.button_small_disabled, button.button_disabled, button.button_large_disabled,
input.button_mini, input.button_small, input.button, input.button_large,
input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
a.button_mini, a.button_small, a.button, a.button_large,
a.button_mini_disabled, a.button_small_disabled, a.button_disabled, a.button_large_disabled,
span.button_mini, span.button_small, span.button, span.button_large,
span.button_mini_disabled, span.button_small_disabled, span.button_disabled, span.button_large_disabled,
button.exclusive_mini, button.exclusive_small, button.exclusive, button.exclusive_large,
button.exclusive_mini_disabled, button.exclusive_small_disabled, button.exclusive_disabled, button.exclusive_large_disabled,
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,
a.exclusive_mini_disabled, a.exclusive_small_disabled, a.exclusive_disabled, a.exclusive_large_disabled,
span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large,
span.exclusive_mini_disabled, span.exclusive_small_disabled, span.exclusive_disabled, span.exclusive_large_disabled {
	color: #FFFFFF !important;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px!important;
	text-align: center;
	text-decoration: none!important;	
	cursor: pointer;
	display: block;
	line-height: 34px;
	padding: 0;
	height: 34px;
	min-height: 34px;
	margin: 0 auto;
	border-radius: 6px;
}

/* classic buttons */
button.button_mini, button.button_small, button.button, button.button_large,
input.button_mini, input.button_small, input.button, input.button_large,
a.button_mini, a.button_small, a.button, a.button_large,
span.button_mini, span.button_small, span.button, span.button_large {
	background: #5f9fd4;
	background: -webkit-linear-gradient(#5f9fd4, #1467ac);
	background: -o-linear-gradient(#5f9fd4, #1467ac);
	background: -moz-linear-gradient(#5f9fd4, #1467ac);
	background: linear-gradient(#5f9fd4, #1467ac);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#5f9fd4, endColorstr=#1467ac) !important;	
}

/* classic hover */
button.button_mini:hover, button.button_small:hover, button.button:hover, button.button_large:hover,
input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover,
a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover,
span.button_mini:hover, span.button_small:hover, span.button:hover, span.button_large:hover {
	background: #284970;
	background: -webkit-linear-gradient(#284970, #5a82a3);
	background: -o-linear-gradient(#284970, #5a82a3);
	background: -moz-linear-gradient(#284970, #5a82a3);
	background: linear-gradient(#284970, #5a82a3);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#284970, endColorstr=#5a82a3) !important;	
}

/* exclusive button */
button.exclusive_mini, button.exclusive_small, button.exclusive, button.exclusive_large,
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,
span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {
	background: #888888;
	background: -webkit-linear-gradient(#888888, #333333);
	background: -o-linear-gradient(#888888, #333333);
	background: -moz-linear-gradient(#888888, #333333);
	background: linear-gradient(#888888, #333333);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#888888, endColorstr=#333333);
}

/* exclusive hover */
button.exclusive_mini:hover, button.exclusive_small:hover, button.exclusive:hover, button.exclusive_large:hover,
input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover,
a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover,
span.exclusive_mini:hover, span.exclusive_small:hover, span.exclusive:hover, span.exclusive_large:hover {
	background: #888888;
	background: -webkit-linear-gradient(#888888, #555555);
	background: -o-linear-gradient(#888888, #555555);
	background: -moz-linear-gradient(#888888, #555555);
	background: linear-gradient(#888888, #555555);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#888888, endColorstr=#555555);
}


/* disabled button */
button.button_mini_disabled, button.button_small_disabled, button.button_disabled, button.button_large_disabled,
input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
a.button_mini_disabled, a.button_small_disabled, a.button_disabled, a.button_large_disabled,
span.button_mini_disabled, span.button_small_disabled, span.button_disabled, span.button_large_disabled,
button.exclusive_mini_disabled, button.exclusive_small_disabled, button.exclusive_disabled, button.exclusive_large_disabled,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
a.exclusive_mini_disabled, a.exclusive_small_disabled, a.exclusive_disabled, a.exclusive_large_disabled,
span.exclusive_mini_disabled, span.exclusive_small_disabled, span.exclusive_disabled, span.exclusive_large_disabled {
	color: #EEEEEE !important;
	background-color: #C5C5C5; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#E5E5E5), to(#C5C5C5));
	background-image: -webkit-linear-gradient(top, #E5E5E5, #C5C5C5);
	background-image: -moz-linear-gradient(top, #E5E5E5, #C5C5C5);
	background-image: -ms-linear-gradient(top, #E5E5E5, #C5C5C5);
	background-image: -o-linear-gradient(top, #E5E5E5, #C5C5C5);
	background-image: linear-gradient(to bottom, #E5E5E5, #C5C5C5);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E5E5E5, endColorstr=#C5C5C5);
}

/* button sizing */
button.button_mini, button.button_disabled_mini, button.exclusive_mini, button.exclusive_disabled_mini, 
input.button_mini, input.button_disabled_mini, input.exclusive_mini, input.exclusive_disabled_mini,
a.button_mini, a.button_disabled_mini, a.exclusive_mini, a.exclusive_disabled_mini,
span.button_mini, span.button_disabled_mini, span.exclusive_mini, span.exclusive_disabled_mini {
	width: 50px;
}
button.button_small, button.button_disabled_small, button.exclusive_small, button.exclusive_disabled_small, 
input.button_small, input.button_disabled_small, input.exclusive_small, input.exclusive_disabled_small,
a.button_small, a.button_disabled_small, a.exclusive_small, a.exclusive_disabled_small,
span.button_small, span.button_disabled_small, span.exclusive_small, span.exclusive_disabled_small {
	width: 75px;
}
button.button, button.button_disabled, button.exclusive, button.exclusive_disabled, 
input.button, input.button_disabled, input.exclusive, input.exclusive_disabled,
a.button, a.button_disabled, a.exclusive, a.exclusive_disabled,
span.button, span.button_disabled, span.exclusive, span.exclusive_disabled  {
	width: 120px;
}
button.button_large, button.button_large_disabled, button.exclusive_large, button.exclusive_large_disabled, 
input.button_large, input.button_large_disabled, input.exclusive_large, input.exclusive_large_disabled,
a.button_large, a.button_large_disabled, a.exclusive_large, a.exclusive_large_disabled,
span.button_large, span.button_large_disabled, span.exclusive_large, span.exclusive_large_disabled  {
	width: 175px;
}


table.std {
	float: left;
	width: 100%;
	display: table;
}


table.std td, table.std th {
    padding: 1% 2%;
    vertical-align: middle;
    width: auto;
}

table.std tr.item td,
table.std tr.item th {}

table.std tr.alternate_item td,
table.std tr.alternate_item th {}



table.std th {
    background: #f8f8f8 none repeat scroll 0 0;
    color: #585858;
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
}
table.std tbody tr td {
	background: #eeeeee;
}
table.std tbody tr:nth-child(2n+1) td {
	background: #f8f8f8;
}
table.std tfoot td {
	color:#888888;
	text-align:right;
	white-space:nowrap;
}


/* id_state field in managed via JS and is firstly hidden */
form p.id_state { display:none; }

/* my account and address forms */

p { 
	clear: both; 
	display: block;
	float: left; 
	width: 100%;
}

/* Footer */

.footer {
	background: #000000;
	background: -moz-linear-gradient(top,  #333333 0%, #000000 100%);
	background: -webkit-linear-gradient(top,  #333333 0%,#000000 100%);
	background: linear-gradient(to bottom,  #333333 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=0 );
    bottom: 0;
    color: #FFFFFF;
	font-size: 16px;
    min-height: 378px;
	height: auto;
    padding: 20px 0px;
    position: absolute;
    width: 100%;
}
.footer-container {
    margin: 0 auto;
    width: 100%;
	max-width: 960px;
}

.footer-icons {
	float: right;
}
.footer-icons img{
	height: 0;
	width: 0;
	float: left;
}
.footer-icons a {
	margin-right: 10px;
	float: left;
}
.footer-icons a:last-child {
	margin: 0;
}
#footer_contact {
	background: url('../img/footer_contact.png') no-repeat top left;
	padding: 45px 44px 0 0;
}
#footer_contact:hover {
	background: url('../img/footer_contact.png') no-repeat bottom left;	
}
#footer_facebook {
	background: url('../img/footer_facebook.png') no-repeat top left;
	padding: 45px 45px 0 0;
}
#footer_facebook:hover {
	background: url('../img/footer_facebook.png') no-repeat bottom left;	
}
#footer_twitter {
	background: url('../img/footer_twitter.png') no-repeat top left;
	padding: 45px 44px 0 0;
}
#footer_twitter:hover {
	background: url('../img/footer_twitter.png') no-repeat bottom left;	
}
#footer_youtube {
	background: url('../img/footer_youtube.png') no-repeat top left;
	padding: 45px 45px 0 0;
}
#footer_youtube:hover {
	background: url('../img/footer_youtube.png') no-repeat bottom left;	
}


.footer-links {
	width: 25%;
	float: left;
	margin-right: 40px;
}
.footer h4 {
	float: left;
	clear: left;
	font-size: 16px;
	font-weight: bold;
	color: #e0e0e0;
	width: 100%;
	border-bottom: 1px solid #888888;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.footer ul{
	width: 100%;
	float: left;
	clear: left;
}
.footer ul li {
	padding: 5px 0;
}
.footer ul li a {
	color: #D0D0D0;
	font-weight: normal;
}
.footer ul li a:hover {
	color: #BDC9DF;
}

.footer-warning {
    color: #e0e0e0;
    float: left;
    font-size: 12px;
    margin: 20px auto;
    border: 1px solid #e0e0e0;
    padding: 10px;
    width: calc(100% - 22px);
}
.footer-warning b {
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
}
.footer-copy {
	float: left; 
	text-align: center; 
	width: 100%; 
}
@media screen and (max-width: 960px) {
	.headlinks, .header, .slideshow, .footer-container {
		width: 100%;
	}
	.headlinks {
		width: 98% !important;
		padding-left: 1%;
		padding-right: 1%;
	}
	.header {
		width: 100%;
		margin: 0;
	}
	.header_menu {
		float: left;
		height: 36px;
		width: 98%;
		margin: 0 1%;
	}
	.header_left {
		margin: 28px 0 28px 10px;
		float: left;
	}
	.header_center {
		margin: 22px calc(50% - 416px) 0 calc(50% - 415px);
	}
	.header_right {
		margin-right: 10px;
		float: right;
	}

	.nav li {
		padding: 9px 10px 7px 10px;
	}
	.page_wrapper, .index_page_wrapper {
		width: 98%;
		margin: 0 1%;
		padding: 0;
	}
	.footer {
		position: relative;
		display: block;
		float: left;
		width: calc(100% - 40px);
		padding: 20px;
	}	
}
@media screen and (max-width: 930px) {
	.header_menu {
		height: auto;
		width: 98%;
		margin: 0 1%;
	}	
	ul.nav {
		width: 100%;
		height: auto;
		float: left;
	}
	ul.nav li {
		float: left;
		display: block;
		width: 25%;
		padding: 5px 0;
		text-align: center;
		font-size: 1.1em;
	}
	ul.nav a:first-child {
		border-radius: 12px 0 0 0;
	}
	ul.nav a:last-child {
		border-radius: 0 0 12px 0;
	}
}
@media screen and (max-width: 810px) {
	body {
	background-position: 0px 20px;
	}
	.headlinks {
		height: 38px;
	}
	.header_wrapper {
		margin-top: 38px;
	}
	.header {
		display: block;
		float: left;
	}
	.header_two {
		display: none;
	}
	.header_left {
		display: inline;
		float: left;
		margin: 28px 0 28px 3%;
		width: 383px;
	}
	.header_right {
		margin: 28px 3% 28px 0;
	}
	.header_right span{
		display: none;
	}
	#block_asearch_search_block_top {
		width: 100% !important;
	}
	.search_input-rep {
		width: 240px;
		margin: 0 3%;
	}
	.search_input-rep input
	{
		width: calc(100% - 55px);
	}
	.search_button-rep input
	{
		width: 20px !important;
	}
	.headlinks_wrapper {
		height: 38px;
	}
	div.headlinks_div {
		display: none;
	}
	div.headlinks_item {
		height: 28px;
	}
	div#topbar_cart_qty {
		background: none repeat scroll 0 0 #1467AC;
		border: 1px solid #DFDFDF;
		border-radius: 6px;
		color: #FFFFFF;
		display: block;
		font-size: 0.9em;
		padding: 1px 3px;
		position: absolute;
		right: 6px;
		top: 0;
	}
	#topbar_cart {
		background: url("../img/topbar_cart.png") no-repeat 0px -34px !important;
		float: left;
		height: 0;
		margin-right: 10px;
		padding: 28px 0 0 32px !important;
		width: 0;
		overflow: hidden;
	}
	#topbar_phone {
		background: url("../img/topbar_phone.png") no-repeat 0px -34px !important;
		float: left;
		height: 0;
		margin: 0 10px;
		padding: 28px 0 0 28px !important;
		width: 0;
		overflow: hidden;
	}
	#topbar_support {
		background: url("../img/topbar_support.png") no-repeat 0px -34px !important;
		float: left;
		height: 0;
		margin: 0 10px;
		padding: 28px 0 0 30px !important;
		width: 0;
		overflow: hidden;
	}	
	#topbar_myaccount {
		background: url("../img/topbar_myaccount.png") no-repeat 0px -34px !important;
		float: left;
		height: 0;
		margin: 0 10px;
		padding: 28px 0 0 28px;
		width: 0;
		overflow: hidden;
	}
	#topbar_login {
		background: url("../img/topbar_login.png") no-repeat 0px -34px !important;
		float: left;
		height: 0;
		margin: 0 10px;
		padding: 28px 0 0 27px;
		width: 0;
		overflow: hidden;
	}
	#topbar_stores {
		background: url("../img/topbar_stores.png") no-repeat 0px -34px !important;
		float: left;
		height: 0;
		margin: 0 10px;
		padding: 28px 0 0 21px !important;
		width: 0;
		overflow: hidden;
	}

	#sliding-cart-panel, #headlinks_myaccount-panel  {
		display: none !important;
	}
	#headlinks_cart {
		min-width: 0 !important;
		width: auto !important;
	}
	.header_menu {
		height: auto;
		width: 94%;
		margin: 0 3%;
	}	
	ul.nav {
		width: 100%;
		height: auto;
		float: left;
	}
	ul.nav li {
		float: left;
		display: block;
		width: 50%;
		padding: 5px 0;
		text-align: center;
		font-size: 1.1em;
	}
	.page_wrapper {
		width: 94%;
		margin: 0 3%;
	}
}
@media screen and (max-width: 690px) {
	.header_left {
		float: left;
		margin: 18px calc(50% - 191.5px);
	}
	.header_right {
		width: 383px;
		margin: 0px calc(50% - 191.5px) 18px calc(50% - 191.5px);
		padding: 0;
	}
	.search_input-rep {
		width: 100%;
		margin: 0;
	}
}
@media only screen and (max-width : 680px) {
	h1 span, h2 span{
		display: none;
	}
	a.framelink {
		left: -99999px;
		top: -99999px;
	}
	.left {
		width: 100%;
		padding: 0;
	}
	.right{
		width: 100%;
		padding: 0;
	}
	.footer-links {
		width: 40%;
		margin: 0 5%;
	}
	.footer-icons {
		float: left;
		width: 208px;
		margin: 30px calc(50% - 104px) 0;
	}
}
@media only screen and (max-width : 480px) {
	.header {
		min-height: 0;
	}
	ul.nav {
		display: none;
		height: auto;
	}
	ul.nav li.mobile {
	display: block;
	}
	a#pull {
		color: #FFFFFF;
		display: block;
		float: left;
		font-size: 1.2em;
		padding: 10px 0;
		text-align: center;
		width: 100%;
		position: relative;
		text-transform: uppercase;
		z-index: 3;
	}
	a#pull:after {
		content:"";
		background: url("../img/nav-icon.png") no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 11px;
	}
	#pull:hover{
		color: #8ea8be;
		cursor:pointer;
		transition: 0.3s ease;
	}	
	div.header_right {
		margin-bottom: 16px;
	}
	ul.nav {
		width: 100%;
		height: auto;
		float: left;
	}
	.nav a li {
		border-bottom: 1px dotted #d0d0d0;
		float: left;
		display: block;
		width: 100%;
		padding: 10px 0;
		text-align: center;
		font-size: 1.2em;
	}
	
	.loyalty_banner {
	display: none;
	}
	div.tmfooterlinks div {
		float: left;
		overflow: visible;
		padding: 0;
		width: 48% !important;
	}
	div.tmfooterlinks .first-child {
		padding-left: 2%;
	}	
	.max {
		display: none !important;
	}
	.min {
		display: block !important;
	}
	.footer-links {
		width: 90%;
		margin: 0 5% 30px;
	}
	.footer-icons {
		margin-top: 0px;
	}
} 
@media only screen and (max-width : 384px) {
	div.header_left {
		width: 172px;
		margin: 18px calc(50% - 86px);
	}
	div.header_left h1 {
		padding-left: 172px;
	}
	div.header_right {
		width: 90%;
		margin: 0 5% 16px 5%;
	}
}
@media only screen and (min-width : 960px) {
	.header_menu {
		width: 936px;
		padding: 0 12px;
	}
}
@media only screen and (min-width : 1200px) {
	body {
	}
	.slideshow_wrapper {
	}
	.footer {
	}
}