/************************************************************************************
SNIPPETS
*************************************************************************************/
.m5 {margin:5px;}
.m10 {margin:10px;}
.m20 {margin:20px;}

.width100 { width: 100%; } 
.width75 { width: 75%; } 
.width50 { width: 50%; } 
.width40 { width: 40%; } 
.width25{ width: 25%; } 
.width33 { width: 33%; display:inline;} 

.top { vertical-align: top; } 
.middle { vertical-align: middle; } 
.bottom { vertical-align: bottom; } 
.sup { vertical-align: super; } 
.sub { vertical-align: sub; } 

.b { font-weight: bold; } 
.i { font-style: italic; } 

.u { text-decoration: underline; } 
.o { text-decoration: overline; } 
.s { text-decoration: line-through !important;} 

.lowercase { text-transform: lowercase; } 
.uppercase { text-transform: uppercase; } 
.capitalize { text-transform: capitalize; } 

.smallCaps { font-variant: small-caps; } 
.small {font-size:80%;}
.slant { font-style: oblique; } 
.indent { text-indent: 10px; } 
.wrap { word-wrap: break-word; white-space: normal; } 
.pre { white-space: pre; } 

.block { display: block; } 
.inline { display: inline; } 
.hide { display: none; } 

.flow {overflow:visible;}
.limit{overflow:hidden;}
.scroll{overflow:auto;}

.visible { visibility: visible; } 
.hidden { visibility: hidden; } 
.collapse { visibility: collapse; } 

.circle { list-style-type: circle; } 
.disc { list-style-type: disc;} 

img, object, embed {max-width: 100%;}


/************************************************************************************
CLEAR & ALIGNMENT
*************************************************************************************/
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.textleft {
	text-align: left;
}
.textright {
	text-align: right;
}
.textcenter {
	text-align: center;
}

/* clearfix */
.clearfix:after, .widget li:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, .menu:after, .gallery:after, #content:after
{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content
{ display: inline-block; }
/* clearfix for ie7 */
.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content
{ display: block; zoom: 1; }


/*------page-----*/

body {background:#332d2d url(../images/pageBg.png); color: #dad5d6; font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;}
#body {margin: -20px 0 0;}



/*-----fonts------*/
.highlight {font-size: 130%;}

h1, h2, h3, h4, h5 {font-family: 'PT Sans Narrow', sans-serif;}

p {font-size: 100%; line-height: 1.5;}

a {
	color: #1f7bb6;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}

/*-----titles------*/
.sectionhead {background: #5f5758; color:#443d3e; font-size: 240%; padding: .1em .5em; font-weight: normal;font-family: 'PT Sans Narrow', sans-serif;}
.sectionhead.light {color: #a7a2a3;}



/*----header-------*/

#headerwrap {background:url(../images/headerGradientBg.png) repeat-x; position: relative; margin: 0 0 5em;}

#header {height: 105px; margin:0 5%;}
#site-description {display:none;}

#site-logo {top:10px;}
#header #searchform {top:10px; width:250px;}
#header #searchform #s {border:none; background: transparent url(../images/searchFieldBg.png) no-repeat; height: 20px; width:140px; font-size: 120%; padding-left: 8px;}
#header #searchform #s:focus {width:250px; color:#fff;}

/*--------menus---------*/

#main-nav {right:25px; bottom:-10px; position: absolute; list-style-type: none;}
#main-nav li {height: 50px; font-size: 100%; float: left; padding: 0 .6em;}
#main-nav li:hover, #main-nav .current_page_item, #main-nav .current-menu-item {background: url(../images/navActiveLinkBg.png) no-repeat; background-size:100%;}
#main-nav li a {margin:5px 0 0; display:block; color:#ccc;}
.username, #main-nav li.username:hover {margin:5px 0 0; display:block; color:#1f7bb6; background: none;}
#main-nav .current_page_item a, #main-nav .current-menu-item a {
	background: none;
	color: #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.secondary_menu {list-style-type: none; display: inline-block;}
.secondary_menu li {background: #fff;-moz-border-radius: 5px; -webkit-border-radius: 5px; -border-radius: 5px; border-radius: 5px; float: left; padding:1px 5px; margin: 10px 3px;}
.secondary_menu li a {color:#443D3E;}


.admin_menu {list-style-type: none;}
.admin_menu li {background: #fff;-moz-border-radius: 5px; -webkit-border-radius: 5px; -border-radius: 5px; border-radius: 5px; float: left; padding:1px 5px; margin: 10px 3px;}
.admin_menu li a {color:#1F7BB6;}

.wholesalerActionArea, .retailerInfo {width:50%; float:left;}
#wholesaler-menu {float: right;}

/*-----content------*/

.brown-wrapper {background: #504849;-moz-border-radius: 10px; -webkit-border-radius: 10px; -border-radius: 10px; border-radius: 10px; padding: 20px 15px; margin-bottom:1em !important;}

#sidebar, #content {padding-top:1%;}

.validation-summary-errors li { list-style-type: none; color:Orange};

/*-----tables-------*/
table {clear:both; margin: 1.5em 0 1em;}
#history .grid { } 
#history .head {  } 
#history .grid th, #history .grid td { font-size:80%; } 
#history .alt {  } 
#history .detail {	} 

.grid tr.head {}
.grid th {text-align: left; border-bottom: 3px solid #6b6566; padding: 4px 0;}
.grid th a {color: #fff;}
.grid tbody td {padding: 5px 0;}
.grid tbody {border-bottom: 3px solid #6b6566;}

/*-----views-------*/
.retailerSummary {}

#AddRetailerDialog_dialogContainer {margin: 0 0 1em;}

.ui-dialog-title {font-family: 'PT Sans Narrow', sans-serif; font-size: 1.3em;}


#selectProducts {list-style-type: none;}
#selectProducts li {float: left; width:30%; margin:0 1.3em 2em 0;}
#selectProducts h2,
#selectProducts h3 {margin: 0;}
#selectProducts p {font-size: 80%;}
#selectProducts li span {color:#fff;}
#selectProducts li.row {width:100%;}
#selectProducts div input {width:30px; padding:5px; margin:0 3px;}

#orderTotal {float:right; margin: 10px 40px 0 0;}


/* FORM
================================================ */
fieldset .sectionhead {font-size: 160%;}

/* form input */
form.basic .form_button:after
{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

form.basic div {clear: both; padding: .5em 0;}
form.basic label { color:#fff;}
form.basic input {width: 300px; float: left;}
form.basic span {display:block; width: 200px; float: left;}
form.basic input[type=reset], form.basic input[type=submit] {clear:both; margin: 20px 0;width:100px;}
form.basic input[type=checkbox] {width: 20px; margin:5px;}

form.basic span.button { background: #1F7BB6;
	color: #fff;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; height: 34px; width:100px; text-align: center;}
	
form.basic span.button a {color: #fff; display:block; padding: 2px;}

label {font-size: .85em; /*color: #40393a;*/}

input, textarea, select, input[type=search] {
	font-size: 100%;
	font-family: inherit;
}

input[type=text], input[type=password], textarea, input[type=search] {
	background: #f3f3f3;
	border: solid 1px #ddd;
	padding: 6px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-appearance: none;
	font-size: .85em;
	color: #40393a;
}
input[type=text], input[type=search] {
	width: 240px;
	max-width: 90%;
}

/* text area */
textarea {
	line-height: 150%;
	width: 94%;
	color: #40393a;
}

/* form input:focus */
textarea:focus, input[type=password]:focus, input[type=text]:focus, input[type=search]:focus {
	outline: none;
	background: #f9f9f9;
}

/* form button */
input[type=reset], input[type=submit] {
	background: #1F7BB6;
	color: #fff;
	border: none;
	padding: 7px 20px;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* form input:hover */
input[type=reset]:hover, input[type=submit]:hover {
	background: #40393a;
	color: #fff;
}


.editor-label {margin: .5em 0 0;}

/*-----footer------*/

#footer {border: none;}




@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
	p {}
	#pagewrap {width:100%;}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
    #sidebar {display: none;width:0;}
    .sidebar1 #content {width:100% !important;max-width: 100%;}
	#headerwrap .wrapper {top:350px;}
	#stripePromo {height: 70px}
	#introSlides {max-height:350px;background-size: 100%;}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
  
  #introSlides {max-height:400px;background-size: 100%;}
  #headerwrap .wrapper {top:380px;}
}


/*
_______________________________
Mobile version - preset code from cssgrid.net */

@media handheld, only screen and (max-width: 767px) {

#headerwrap { margin: 0;}
#header {height: 150px; padding-top:0;}
#header hgroup {}
#site-logo {clear: both; float: none;}

#main-nav {right:0px; top:70px; width:auto; margin: 0 auto; text-align: center;}

#main-nav li {height:30px;}



/*
_______________________________
Provide higher res assets for iPhone 4 - preset code from cssgrid.net */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 




}