/******************************************************************************************/
/* begin global styles                                                                    */
/******************************************************************************************/

/* force a vertical scrollbar in firefox, prevents horizontal page shifting */
html { min-height: 100%; margin-bottom:1px; }

body {
    padding: 0 0 0 3px;
    margin: 0;
    background-color: #fcfcfc;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12.5px;
    color: #4c4c4c;
}

.greenText {
    color: #339934;
}

.center{
    text-align:center;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

td, p, form {text-decoration:none; margin:0; }
p { margin: 0 0 1em 0; line-height:28px;}
span{ line-height:28px;}
p.topMargin { margin: 1em 0; }
ul { list-style-type:none; margin:0; padding:0; }
table caption { font-size:1.2em; font-weight:bold; }
.featuredProductsGrin figcaption span {line-height:none;}
.hidden {display:none;}
.block {display:block;}
.lowercase {text-transform:lowercase;}
/*content align*/
.align-right{text-align:right;}
.align-left{text-align:left;}
.align-center{text-align:center;}

/*font sizing*/
.font-large {font-size:14px;}
.font-larger {font-size:16px;}
.font-small{font-size:10px;}
.font-smaller{font-size:8px;}

/*column sizing*/
.colHalf{width:50%;}
.colThird{width:33.33%;}
.colQtr{width:25%;}
.colFifth{width:20%;}

h1,.h1
{
  font-size: 30px;
  font-weight:normal;
  margin:5px 0 15px;
}
h2,
.h2 {
  font-size: 26px;
  font-weight:normal;
  margin:5px 0 15px;
}
h3,
.h3 {
  font-size: 22px;
  font-weight:normal;
  margin:5px 0 15px;
}
h4,
.h4 {
  font-size: 18px;
  font-weight:normal;
  margin:5px 0 15px;
}
h5,
.h5 {
  font-size: 14px;
  font-weight:normal;
  margin:5px 0 15px;
}
h6,
.h6 {
  font-size: 12px;
  font-weight:normal;
  margin:5px 0 15px;
}

/* price display */
/*div.itemContainer .item div.price {display:table-row;}*/
/*.priceDisplay { font-weight:bold; color: #444444; }
span[itemprop="price"] { font-weight:bold; color: #444444; }*/

/* links */
a { color: #666666; text-decoration: none; }
/*a:hover { color:#E5A704; text-decoration: none; }*/
a.highlight 
{ 
	font-weight:bold; 
	color:#003718;
	padding:5px 0px;
	margin-top:5px; 
	text-decoration:none; 
}
a.link { text-decoration:underline; }
a.wishList {color:#f35530; vertical-align:middle;font-weight:bold;border: 2px solid #f35530; padding: 5px 5px 8px 5px; }
a.wishList:hover {background-color:#f35530; color:#fff;}
a.linked, .linked:link, .linked:visited { text-decoration: underline; }
.linked:hover { color:#CAB999; }

/* input elements */
input { vertical-align:middle;}
input[type="radio"], input[type="checkbox"] { margin: 0px 5px 3px 9px; }
input[type="radio"]:first-child, input[type="checkbox"]:first-child { margin-left:3px; }

/*input.textBox 
{ 
	background-color:#FFFFFF; 
	border:1px solid #b3b3b3;
	padding: 2px; 
	width:190px; 
	height:16px; 
	margin:0 3px 0 15px; 
}*/ 

/* updown control images */
.quantityUpDown #Up{ background: url(images/up.gif) center no-repeat; display:block; width:12px; height:12px; }
.quantityUpDown #Down{ background: url(images/down.gif) center no-repeat;  display:block; width:12px; height:12px;  }

/* buttons */
.button {
    cursor: pointer;
    background-color: #339933;
    color: #fff;
    font-size: 100%;
    font-weight: bold;
    /*line-height:2.2em;*/
    /*margin:2px 2px 2px 0;*/
    padding: 10px 20px;
    text-decoration: none;
    white-space: nowrap;
    border: 0px;
    font-family: Verdana;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    display:inline-block;
    margin-bottom:5px;
}

.button:hover {
    background-color: #fff;
    color: #339933 !important;
    border: 2px solid #339933;
    padding: 8px 18px;
}

.buttonInvert {
    cursor: pointer;
    background-color: #fff;
    color: #339933;
    border: 2px solid #339933;
    padding: 10px 20px;
    text-decoration: none;
    white-space: nowrap;
    border: 0px;
    font-family: Verdana;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    border: 1px solid #339933;
}

.buttonInvert:hover {
    background-color: #339933;
    color: #fff;
    border: 2px solid #339933;
}

.buttonHover {
    background-color:#339933; 
	color: #fff !important; 
}

.wishListHover{
    background-color: #f35530;
    color: #fff !important;
}

a.button:hover
{
    color:#339933;
}

.button:active
{
    color: #fff !important; 
}
.processingButton {
    cursor: not-allowed;
    font-style:italic;
    background-color: #99cc33;
    color: #339933;
    font-size: 90%;
    font-weight: bold;
    /*line-height: 2.2em;*/
    /* margin: 2px 2px 2px 0; */
    padding: 9px 9px 10px;
    text-decoration: none;
    white-space: nowrap;
    border: 0px;
    font-family: Verdana;
    display:none;
    text-transform:uppercase;
}

.basket .button {
    background-color: #fff;
    color: #339933;
    border: 1px solid #339933;
    font-weight:bold;
    font-size:15px;
}

.basket .button:hover {
    color: #fff !important;
    background-color: #339933 !important;
}


.test
{
cursor: pointer;
background-color:#E0EAF1;
border-bottom:1px solid #e4e4e4;
border-right:1px solid #e4e4e4;
color:#3E6D8E;
font-size:90%;
line-height:2.2;
margin:2px 2px 2px 0;
padding:3px 4px;
text-decoration:none;
white-space:nowrap;
}

/* Text styles used to provide status information */
.goodCondition{font-weight: bold; color: #008000; padding-bottom: 3px;}
.warnCondition{font-weight: bold; color: #FFA500; padding-bottom: 3px;}
.errorCondition{font-weight: bold; color: #FF0000; padding: 3px;}

.error {color:#FF0000;}
.requiredField {color: #FF0000; padding-bottom: 3px; margin-left:3px;}
p.success { font-weight:bold; color: #008000; }
p.error { font-weight:bold; color: #FF0000; }

/* misc general styles */
.contentArea { padding:5px 10px 5px 10px; }
.borderArea { border:1px solid #e4e4e4;}
.borderTop {border-top:1px solid #e4e4e4;}
.borderBottom { border-bottom:1px solid #e4e4e4;}
.borderRight {
    border-Right: 1px solid #666666;
}
.borderLeft { border-Left:1px solid #e4e4e4;}
.noTopPadding { padding-top:0; }
.noBottomPadding { padding-bottom:0;}
.noRightPadding { padding-right:0;}
.noLeftPadding { padding-left:0;}
.noTopBottomPadding {padding-top:0; padding-bottom:0;}
.noLeftRightPadding {padding-left:0; padding-right:0;}
div.noResultsPanel {padding:10px; text-align:center;}
p.highlight { color:#DB0B0B; padding-top:5px; margin-top:5px; text-decoration:none; }
.visiblePanel { display:block; }
.hiddenPanel { display:none; }
span.label { font-weight:bold; }
.fieldHeader {font-weight:bold;}
.noteText {}
span.msrp { text-decoration:line-through; }
.textContent {padding-bottom:20px;}
span.message {padding-left:5px;}
div.message {display:block;margin-bottom:1em;}
.clearRight {clear:right;}
.clearLeft {clear:left;}
.clear {clear:both;}
.center {
    margin: 0 auto;   
    text-align:center;     
}

/*Chef Shop colors*/
.standardGrey{color:#666666;}
.darkGreen {color:#339933;}
.lightGreen {color:#99cc33;}
.orange {color:#f36630;}
.yellow {color:#facd2a;}
.lightBrown{color:#c58545;}
.darkBrown {color:#895d38;}
.lightGrey {color:#4c4c4c;}

/* Spacing */
.space-bottom-5 {padding-bottom: 5px;}
.space-bottom-10 {padding-bottom: 10px;}
.space-bottom-15 {padding-bottom: 15px;}
.space-right-5 {padding-right: 5px;}
.space-right-10 {padding-right: 10px;}
.space-right-15 {padding-right: 15px;}
.space-left-5 {padding-left: 5px;}
.space-left-10 {padding-left: 10px;}
.space-left-15 {padding-left: 15px;}
.space-top-5 {padding-top: 5px;}
.space-top-10 {padding-top: 10px;}
.space-top-15 {padding-top: 15px;}

/*margin spacing*/
.margin-bottom-5 {margin-bottom: 5px;}
.margin-bottom-10 {margin-bottom: 10px;}
.margin-bottom-15 {margin-bottom: 15px;}
.margin-right-5 {margin-right: 5px;}
.margin-right-10 {margin-right: 10px;}
.margin-right-15 {margin-right: 15px;}
.margin-left-5 {margin-left: 5px;}
.margin-left-10 {margin-left: 10px;}
.margin-left-15 {margin-left: 15px;}
.margin-top-5 {margin-top: 5px;}
.margin-top-10 {margin-top: 10px;}
.margin-top-15 {margin-top: 15px;}

/******************************************************************************************/
/* end global styles                                                                      */
/******************************************************************************************/

/******************************************************************************************/
/* begin common page layout and container styles                                          */
/******************************************************************************************/

/* high level containers */
#outerPageContainer {width: 100%; margin-top: 5px; margin-bottom: 10px;}
#innerPageContainer {width: 980px; margin-left:auto; margin-right: auto;}

#mainColumn, #leftColumn, #rightColumn, .column_1, .column_2, .column_3 
{
    display: inline;
	float: left;
	margin-left: 0;
	margin-right: 0;
}
div.clear { clear:both; }

#header
{
    width:980px;
	display:block;
	margin-bottom:1em;
	margin-left: 0;
	margin-right: 0;
    clear: both;
}

#header div.zone {}

.CookieDisclosure{
    position:fixed;
    bottom:0;
    width:100%;
    height:45px;
    padding-top:18px;
    text-align:center;
    background-color:lightgrey;
    color:#000;
    z-index:2;
}

.CookieDisclosure span{
    font-size:18px;
}

#footer {
    width: 100%;
    display: block;
    margin-left: 0;
    margin-right: 0;
    clear: both;
    margin-top:30px;
}

#leftColumn { width: 216px; }
#leftColumn div.zone {padding:0 10px 0 15px;}

#rightColumn { width: 250px; margin-left:30px; }
#rightColumn div.zone {padding:0 10px 0 10px;}

#mainColumn {width:460px;}
#mainColumn.leftSidebarLayout {width: 764px;}
#mainColumn.rightSidebarLayout {width: 690px; padding-left: 10px;}
#mainColumn.threeColumnLayout {width: 440px;}
#mainColumn.oneColumnLayout {width:980px;}

#mainColumn div.zone {padding:0 0px 0 0px}
div.zone {}

/* column gutters */

.columnsWrapper{
    display:flex;
    justify-content:space-between;
}

.basketTotalSummaryWidget {
    overflow: visible !important;
}

.column_1 {
    /*margin-right:55px;*/
}
.column_2,
.column_3
{
	max-width:325px;
}

/* standard styling for three columns at page top */
/* 20px zone padding + 40px gutter + (300*3) = 960 */
.thirdsColumn { width: 30%; display:inline-block;}
.thirdsColumn .widget { min-height:150px; overflow:visible !important;}

/* standard styling for pages split in two columns */
/* 20px zone padding + 20px gutter + (460*2) = 960 */
.halfColumn {
    width: 460px;
    padding:10px;
}

/* standard styling for pages split into main section with sidebar */
/* 20px zone padding + 20px gutter + 600 + 320 = 960 */
.mainColumn { width: 600px; }
.sidebarColumn { width: 320px; }

/* make sure column sections are cleared */
.section { clear:both; }

/******************************************************************************************/
/* end common page layout and container styles                                            */
/******************************************************************************************/

/******************************************************************************************/
/* begin header, footer, and sidebar styling                                              */
/******************************************************************************************/

/* header area styling */

.header {/*margin-left:15px; margin-right:15px;*/}

#storeheader {}
#headerTop{height:30px;}
#storeHeader #headerTop .shortcuts {text-align:right;position: relative;top: 7px;float: right;}
    #storeHeader #headerTop .shortcuts .admin {
        color: #666666;
        font-size: 1012pxpx;
    }
    #storeHeader #headerTop .shortcuts .phoneSpan {
        color: #666666;
        font-size: 12px;
    }
    #storeHeader #headerTop .shortcuts .phoneNumber {
        color: #339933;
        padding-left: 0;
        font-weight: bold;
        font-size: 12px;
    } 
#storeHeader #headerTop .shortcuts .acct {font-size:12px;} 
#storeHeader #headerTop .shortcuts .wishlist {font-size:12px;}
.loginWidget, .registerDialog, .registerWidget {
    border: 1px solid #e6e6e6;
    padding: 10px;
}

.registerWidget h4{
    margin-top:30px;
    text-align:center;
}
    #storeHeader #headerTop .shortcuts .login {
        padding-right: 0;
        font-size: 12px;
    }
    #storeHeader #headerTop .shortcuts .logout {
        padding-right: 10px;
        font-size: 12px;
    }
    #storeHeader #headerTop .basket {
        font-size: 12px;
        text-align: left;
        padding: 7px 5px 2px 10px;
        float: right;
    }

#loginPage h2 {
    color: #339934;
}



/*#storeHeader #headerTop a.basket:hover {background-color:#339933; color:#fff;padding: 2px 5px 2px 10px;}*/
/*.cartHover {background-color:#339933;color:#fff;padding: 2px 5px 2px 10px;}*/
#storeHeader #headerTop a.basket img {
    border: 2px solid #e4e4e4;
    border-color: #fff;
}
    span.CartIconText {
        color: #459f47;
        display:inline-block;
        position:relative;
        top:2px;
    }
#storeHeader #headerTop .shortcuts .or {
    color: #666666;
    font-size: 12px;
}
#storeHeader #headerTop .shortcuts .create {
    padding-left: 0;
    font-size: 12px;
} 
#storeHeader #headerTop .shortcuts a
{
    color:#666666;
    text-align: center;
    text-decoration: none;
    padding:0 10px 0 10px;
}

#storeHeader #headerTop a img.cartImg {width:25px;}
#storeHeader #headerMid {/*position: relative;bottom: 18px;clear:both;height:80px;*/}

#storeHeader #headerMid .leftCol{float:left;width:33%;}/*left headerMid column*/
#storeHeader #headerMid .leftCol img{width:100%;margin-bottom:5px;}
#storeHeader #headerMid .leftCol .logo { } 
#storeHeader #headerMid .leftCol .logo .storeLogo {text-align:right;margin-right:15px;margin-left:5px;} 
#storeHeader #headerMid .midCol{float:left; height:60px;width:30%;padding-left:15px;}/*center headerMid column*/
#storeHeader #headerMid .midCol .bannerText{margin:0; position:relative; top:50%; margin-top:-17px;}
#storeHeader #headerMid .midCol .bannerText h2 {margin:0;} 
#storeHeader #headerMid .rightCol{float:left; height:60px;width:33%; padding-left:15px;}/*right headerMid column*/
#storeHeader #headerMid .rightCol div.search {position:relative;text-align:right;margin-top:15px;} 
#storeHeader #headerMid .rightCol div.search .searchPhrase{width:80%;height:42px;font-size: 14px;padding-left: 10px;}
#storeHeader #headerMid .rightCol div.search a {text-decoration:none;vertical-align:middle; color:#666666;}
.search-submit{width:25px;}


/*#storeHeader {color:#FFFFFF; font-size:11px;}
#storeHeader a {color:#555555;}
#storeHeader .logo {margin: 10px 0 10px; padding: 0;}
#storeHeader .logo .storeLogo {border-right:1px solid #666666;}
#storeHeader .logo img {margin: 0 0 0 10px;}

#headerMid { display:block; }
#headerMid .search { padding:10px 0 0 0; text-align:right; width:400px; }*/
/*#headerTop .shortcuts  a 
{
    border: 1px solid #65AEDB;
    border-radius: 2px 2px 2px 2px;
    color: #005b90;
    display: block;
    float: right;
    height: 20px;
    margin: 8px 2px 8px 0px;
    padding: 8px 3px 0;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    width: 67px;
}*/
/*#headerMid .shortcuts a:hover
{	
	font-weight:bold; background-color: #e4e4e4;
}*/

/*#headerMid .search input.searchPhrase 
{ 
    color: #324F65; background:#FFFFFF; border: solid 1px #65AEDB; width: 190px; margin: 0 7px 0 0;
}*/
/*#headerMid .search .button
{
	background-color: #005b90;
	color:#fff;
	border:1px solid #65aedb;
	height:19px;
	line-height:19px;
	margin:0;
}*/
/*#headerMid .search .button:hover 
{
	background-color:#e4e4e4;
	color: #005b90 !important;
}*/

#headerNavigation {display:block;clear:both;}
    #headerNavigation .navigation {
        /*border: 1px solid #000;*/
        border-top: 1px solid #9d9d9d;
        border-bottom: 1px solid #9d9d9d;
        border-left: none;
        border-right: none;
        /*background-color: #005b90;*/
        width: 100%;
        /*text-align:left;*/
    }
#headerNavigation .content {margin:0 auto;}
#headerNavigation .subnav-item a:hover{background-color:transparent;text-decoration:underline;}
#ingredientslink, #recipeslink, #regionslink, #seasonslink, #chefspantrieslink, #producerslink, #womanlink, a.subscribe 
{
    color:#666666; 
    text-transform: uppercase; 
    padding: 8px 15px;
    font-weight: bold;
    font-size:11px;
}
    #ingredientslink:hover, #recipeslink:hover, #regionslink:hover, #seasonslink:hover, #chefspantrieslink:hover, #producerslink:hover, #womanlink:hover {
        background-color: #f36630;
        color: #fff;
    }
a.subscribe:hover 
{
    color: #fff;
    background-color:#339933; 
}
.navHover {background-color:#f36630; 
    color: #fff; }
#headerNavigation a {
    /*background-color:#005b90;*/
    /*font-weight: bold;*/
    /*font-size:11px;*/
    display: inline-block;
    width: auto;
    /*padding: 8px;*/
    /*text-transform: uppercase;*/
    text-decoration: none;
    text-align: center;
    letter-spacing: 1px;
    line-height: 1.1em;
}
#headerNavigation div.subnav-item {text-align:left; padding: 4px 0 4px 0;}
#headerNavigation a.subscribe {color:#339933 !important;}
#headerNavigation a.subscribe:hover {color:#fff;}
#headerNavigation span 
{
    font-weight: bold;
    font-size:11px;
	width: auto; 
	padding: 6px;
	text-transform: uppercase; 
    text-decoration: none; 
	text-align: center; 
	line-height:28px; 
	letter-spacing: 1px;
	color:#666666;
}

#ingredientsbox, #recipesbox, #regionsbox, #seasonsbox, #chefspantriesbox, #producersbox, #womanbox
{
    position: absolute;
    background: #FFF;
    z-index: 1000;
    border: 3px solid #f36630;
    padding: 10px 0 10px 40px;
    display:none;
}
.boxContainer {position:relative;margin-left: 10px; /*30px*/}
div.subnav-column {width:200px;}
div.subnav-column:not(:first-child) {padding-left:10px;}
div.subnav-item a {
    color: #4c4c4c;
    font-size: 12px;
}
div.subnav-item {}
#headerBottom {display:block;clear:both;}

/* standard page header */
div.pageHeader, #pageHeader { position:relative; }
/*div.pageHeader h1, #pageHeader h1 {color:#666666; font-size: 1.9em; line-height:1.5em; margin:0; }*/
div.pageHeader div.links, #pageHeader div.links { right:10px; top:4px; position:absolute; }

/* breadcrumbs */
.breadCrumbs { color: #666666; margin: 0; font-size: 0.9em;
padding-bottom: 15px;}
.breadCrumbs a {color:#666666;}


/* footer area styles */

.footerBorder {border-top: 1px solid #798a9e; border-bottom: 1px solid #798a9e; width:100%;}
#footer { background-color:#f3f3f3; }
#footer ul{padding-left:0;list-style:none; margin:10px 0 0 0;}
.col1,.col2,.col3,.col4,.col5 {width:17%;float:left;}
.col1,.col2,.col3,.col4 {margin-right:36px;}
#footerMiddle .shortcuts a.footer-social-links{padding:0; cursor:pointer;}
#footerMiddle .social-links-container{padding: 5px 0 0 5px;}
#footer h5 {color:#4c4c4c; margin:0;padding:10px 4px;}
#footer .content { padding:6px; width:980px; margin-left: auto; margin-right:auto;}

/*Home page ONLY*/
#HomeFooterTop {position:relative;}
/*All Other Pages*/
#footerTop {
    position: relative;
    top: 20px; 
}
.additional-footer-container {position: relative;}
.additional-footer-container .additional-content 
{
    width: 60%;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 77%;
}
.additional-footer-container .additional-content .additional-text { width:80%; float:left;font-size: 11px;
padding-right: 10px;}
.additional-footer-container .additional-content a {float:left;}
#footerMiddle { top:-25px;}
#footerMiddle .shortcuts {margin: 15px 0 0 0;}
#footerMiddle .shortcuts a { text-decoration:none; color:#4c4c4c;color:#4c4c4c; font-size:10px; line-height:20px;padding-left:5px;}
#footerMiddle .shortcuts a:first-child {}
#footerBottom { margin-top:10px;position:relative; font-size:0.8em;}
    #footerBottom a {
        text-decoration: none;
        color: #4c4c4c;
    }
#footerBottom h3 {margin-top:-10px; position:relative; top:40%;}
#footerBottom .copyright { color:#6B9FBF; display:inline-block; position:absolute; right:6px; }
.mobileLinkPanel {display:block; padding:10px;}
.mobileLinkPanel a { color:#efefef; }

/* widget styling */
div.widget { /*margin-bottom:1em;*/ /*padding:25px;*/ }
/*div.widget .header { }
div.widget .header h2 { font-size:20px; margin:0; padding:0; }*/
div.widget .content { padding:5px 0 5px 0; }
div.widget .content a{ /*color:#339933;*/ text-decoration:none;}
div.widget .content a:hover{ text-decoration:none;}
div.widget .content .options { margin-bottom:1em; padding:0 5px 0 5px;}
div.widget .content p instruction { padding:0 5px 0 5px; font-weight:bold; }

table.widget { border-collapse:collapse; border:solid 1px #e4e4e4; margin-bottom:1em; width:100%; }
table.widget td { padding:0px;vertical-align:top; }
table.widget caption { border:solid 1px #e4e4e4; border-bottom:none; padding:6px; text-align:left; text-transform:uppercase; }

/* custom styles for specific widgets */
.simpleCategoryListWidget .content { padding: 0; }
.simpleCategoryListWidget ul.root {margin:0;}
.simpleCategoryListWidget ul { padding:0; list-style-type:none; }
.simpleCategoryListWidget li span {color:#4c4c4c;/*padding-right:5px;*/}
.simpleCategoryListWidget li:last-child { border-bottom:none; }
.simpleCategoryListWidget li a {color:#4c4c4c; font-weight:bold; }
/*.simpleCategoryListWidget li a span.glyphicon {padding-right:5px;}*/
/*.simpleCategoryListWidget li a.noIcon {padding-left:19px;}*/
.simpleCategoryListWidget li a:hover { color:#4c4c4c; background-color:white; }
.simpleCategoryListWidget li {display:block;position:relative; padding-bottom:5px;}
.simpleCategoryListWidget #root li > ul {padding-top:5px;} 
.simpleCategoryListWidget #root li ul > li a {font-weight:normal;} 
.simpleCategoryListWidget li.icon-class {}
.simpleCategoryListWidget li span.ui-icon {position:absolute; left:-16px;}


.categorySearchwidget .criteriaPanel { margin-bottom: .5em }
.categorySearchwidget .criteriaPanel h3 { margin-bottom: .5em; color:#333 }

.categorySearchSidebarWidget .content { line-height:2em; }

/* hover popup styling */
div.hoverPanel { border:solid 1px #e4e4e4 }
div.hoverPanel .header { border-bottom:solid 1px #e4e4e4; padding:6px; }
div.hoverPanel .content { padding:6px; }

/******************************************************************************************/
/* end header, footer, and sidebar styling                                                */
/******************************************************************************************/

/******************************************************************************************/
/* begin style for notifications                                                          */
/******************************************************************************************/

.ui-notify-container { margin:10px; }
.ui-notify { width:350px; position:fixed; top:10px; right:10px; }
.ui-notify-message { padding:10px; margin-bottom:15px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px }
.ui-notify-message h1 { font-size:14px; margin:0; padding:0 }
.ui-notify-message p { margin:3px 0; padding:0; line-height:18px }
.ui-notify-message:last-child { margin-bottom:0 }
.ui-notify-message-style { background:#000; background:rgba(0,0,0,0.8); -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; box-shadow: 0 0 6px #000; }
.ui-notify-message-style h1 { color:#fff; font-weight:bold }
.ui-notify-message-style p { color:#fff }
.ui-notify-message-style li { color:#fff }
.ui-notify-close { color:#fff; text-decoration:underline }
.ui-notify-click { cursor:pointer }
.ui-notify-cross { margin-top:-4px; float:right; cursor:pointer; text-decoration:none; font-size:12px; font-weight:bold; text-shadow:0 1px 1px #fff; padding:2px }
.ui-notify-cross:hover { color:#ffffab }
.ui-notify-cross:active { position:relative; top:1px }

/******************************************************************************************/
/* end style for notifications                                                            */
/******************************************************************************************/

/******************************************************************************************/
/* begin user interaction and form styling                                                */
/******************************************************************************************/

/* shows a tabstrip menu */
div.tabstrip { padding:0px; border-bottom:1px solid #e4e4e4; }
div.tabstrip ul { margin:10px 0 0 0; padding:0px; }
div.tabstrip ul li { display:inline; padding:0px; margin:0px;}
div.tabstrip ul li a { display:inline-block; margin:0px; padding:4px 10px; text-decoration:none; color:#000; border:1px solid #e4e4e4; border-bottom: none; border-radius: 6px 6px 0px 0px; font-size:1.1em; font-weight:bold; }
div.tabstrip ul li a:hover { background:#f36630; color:#fff; }
div.tabstrip ul li.active a { background:#f36630; color:#fff; }
div.tabpane { border:1px solid #e4e4e4; border-top:none; padding:8px; margin-bottom:1em; }

/* contains a dialog for interacting with the user */
.dialogSection .header {height:29px; line-height:24px; padding: 0 0 0 10px; margin:0 1px 0 0; }
.dialogSection .header h2 { color:#005b95; height: 29px; border-right: solid 1px #7cc2db; padding-right: 0; width: 100%; margin:0; text-transform: uppercase; font-size:12px; float:left; line-height:29px;}
.dialogSection .header a { float:right; text-decoration:underline; color:#444444; }
.dialogSection .header a:hover { float:right; text-decoration:underline; color:#8C0901; }
.dialogSection .content { border-top:10px solid #e4e4e4;  margin-top:0;   background: #FFFFFF; min-height: 200px;}
.dialogSection .content table th.rowheader{background-color:White;}
.dialogSection .nofooter { margin-right:0;}
.dialogSection .footer { height:24px; line-height:24px; margin:0; color:#8C0901; margin-top:8px; }

/* default styling for generic input forms */
table.inputForm { text-align: left; width: 100%; }
    table.inputForm input[type="text"], table.inputForm input[type="password"] {
        border: solid 1px #a6a6a6;
        color: #666666;
        padding: 8px;
    }
table.inputForm select { border:solid 1px #e4e4e4; color: #444444; padding: 2px }
table.inputForm th { padding-left: 25px; text-align:left;} 
table.inputForm td { padding: 5px; margin: 0; }
table.inputForm .rowHeader { color: #666666; padding:10px 5px 10px 10px; text-align:right;}
table.inputForm .rowHeader a {  border:1px solid #e4e4e4; width:100%; color: #666666; font-size: 10px; font-weight:bold; text-align:left; padding: 6px; }
table.inputForm .rowHeader * {  font-weight: bold; font-size: 12px;  }
table.compact { width:100%; margin:0;}
table.compact th { color: #666666; padding:5px 5px 5px 5px; text-align:right; }
/*table.compact td { padding: 10px 0 10px 0;}*/
table.compactleft { width:100%; margin:0}
table.compactleft th { color: #666666; padding:5px 5px 2px 5px; text-align:left; }
table.compactleft td { padding: 2px 0 10px 5px;}

/* styling for search forms */
/*.searchPanel { border: solid 1px #A0D9ED; margin-bottom:10px;}
.searchPanel table.inputForm th,
.searchPanel table.inputForm td { padding: 10px 5px 5px 5px; }*/

/* styling for validation summary lists */
.validationSummary { margin-bottom:6px; }
.validationSummary ul { margin-left:25px; list-style-type:disc; }
.validationSummary ul li { color:#f00; }

th.rowheader{
    text-align:right;
    padding-right:10px;
}

/******************************************************************************************/
/* end user interaction and form styling                                                  */
/******************************************************************************************/

/******************************************************************************************/
/* begin category display styling                                                         */
/******************************************************************************************/

/* category page */
#categoryPage div.subCategories {background-color:#F5F5F5; padding: 5px 5px 10px;}
#categoryPage div.subCategories a {display:inline-block; padding:5px 10px; font-size: 1.1em; font-weight: bold; background-color: #FFFFFF; border-radius:5px;margin-left:2px;margin-top:5px;}
#categoryPage div.subCategories a:hover {background-color:#E0F5F8;}

/* category details display */
.categoryDetailsListing div.itemContainer {height:150px; margin:10px;}
.categoryDetailsListing div.itemContainer div.itemDisplay { padding:10px; }
.categoryDetailsListing div.itemContainer div.itemDisplay div.thumbnailArea {float:left;height:130px;display:table;}
.categoryDetailsListing div.itemContainer div.itemDisplay div.thumbnailArea div.thumbnailWrapper {display:table-cell;vertical-align:middle;}
.categoryDetailsListing div.itemContainer div.itemDisplay div.detailsArea {overflow: hidden;padding:10px;}
.categoryDetailsListing div.itemContainer div.itemDisplay div.detailsArea .itemName {font-weight:bold; font-size:115%;padding-bottom:10px;}
.categoryDetailsListing div.itemContainer div.itemDisplay div.detailsArea .summary {}

/* category details display page */
.categoryGridListing4 itemListing div.itemContainer {height:auto;}
.categoryGridListing4 itemListing div.itemContainer div.productItemDisplay div.detailsArea {height:auto;margin-bottom: 10px; vertical-align:middle; }
#categoryGridPage4 .nodeSummaryLink{text-decoration: underline; text-indent: 0px; color:#5872CB; margin:4px 0 8px 0; padding:4px 0 8px 0; cursor:pointer;}

/* style for grid of catalog items */

.product-link:hover {text-decoration:underline; color:#f36630;}
.itemListing .tableNode .itemContainer {}
.itemListing .tableNode {/*height:250px*/text-align:left;vertical-align:top;}
#featuredProductsPane .itemListing .tableNode .itemContainer .item, 
#moreItemsPane .itemListing .tableNode .itemContainer .item 
{
    padding-right:14px;
}
/* You might also likes and Featured products sections on product page */
#moreItemsPane .itemListing .tableNode .itemContainer .item img,
#featuredProductsPane .itemListing .tableNode .itemContainer .item img
{
    max-height:82px;
    max-width:82px;
}
.itemListing .tableNode .itemContainer .item .detailsButton 
{
    position:absolute;
    bottom:0;
}
/*HOME PAGE STYLES*/
/*Main Carousel on ~/default*/
div.mainCarousel {text-align:center; width:900px; margin:0 auto;}

/*More Category Item Display*/
div.moreCategoryItems {border-bottom:1px solid #e4e4e4;padding-bottom: 30px;}
div.featuredProductsGrid {padding-bottom: 30px;}


/*Featured Product display ~/default*/
div.featuredProductListing { text-align:left; width:100%; margin:0 auto; line-height:none;}
div.featuredProductListing div.itemContainer { display:inline-table; width:100%; padding:15px}
div.featuredProductListing div.itemContainer a {}
div.featuredProductListing div.itemContainer a figure {padding:20px;}
div.featuredProductListing div.itemContainer figure a img {width:180px;}
div.featuredProductListing div.itemContainer a figure figcaption span.itemName{color:#666666; text-decoration:none;}
div.featuredProductListing div.itemContainer a figure figcaption span.itemName:hover{text-decoration:none;}
div.featuredProductListing div.itemContainer .item div.summary-container {display:none; width:150px; height:150px; border:1px solid #e4e4e4; text-align:center;
vertical-align: middle;}

.summary span {color:#895d38;}

div.featuredProductsGrid .home-header {position:relative;}
div.featuredProductsGrid .home-header a {float:right;position: absolute; right: 0; top: 0; color:#f36630; font-weight:bold; font-size:1.1em;}

#spotlight {margin-bottom:20px;}
#spotlight p.spotlightText {padding-left:30px;line-height:30px;}
#spotlight .spotlight-photo{float:left; width:59%;}
#spotlight .spotlight-text-container {float:left;width:41%;}
#buzzChatter .left-photo{float:left;width:25%;}
#buzzChatter .mid-text{float:left;width:33%;}
#buzzChatter .right-photo{float:left;width:42%;}
#buzzChatter p.buzzChatterText {padding:0 0 0 20px;margin-right:-15px;line-height:30px;}

/*.itemListingContainer .itemContainer {height:240px; width:20%; margin:3px 3px; border: 1px solid #e4e4e4; border-radius:8px;float:left;}*/
/*.itemContainer {height:240px; width:20%; margin:3px 3px; border: 1px solid #e4e4e4; border-radius:8px; display:block;float:left;}*/
/* style for product item within the grid */
/*div.productItemDisplay {}
div.productItemDisplay div.thumbnailArea {height:130px;margin:0 auto;}
div.productItemDisplay div.thumbnailArea div.thumbnailWrapper a img{width:100%;vertical-align:middle;}
div.productItemDisplay div.detailsArea {height:85px;text-align: center;}
div.productItemDisplay div.detailsArea div.details{}
div.productItemDisplay div.detailsArea div.details div.itemName{font-weight:bold; font-size: 1.1em;}
div.productItemDisplay div.detailsArea div.details div.itemName a{color:#005b90; text-decoration:none;}
div.productItemDisplay div.detailsArea div.details div.manufacturer{}
div.productItemDisplay div.detailsArea div.details div.sku{}
div.productItemDisplay div.detailsArea div.details div.rating{}
div.productItemDisplay div.detailsArea div.details div.price{color: #e5a704;font-weight: bold;}
div.productItemDisplay div.detailsArea div.details div.summary{height:70px; margin:5px 0;overflow: auto;}
div.productItemDisplay div.actionsArea {position:relative;height:25px;}
div.productItemDisplay div.actionsArea div.actions {bottom: 0; position: relative; width: 100%;margin-bottom:5px;}*/

/* style for webpage item within the grid */
div.webpageItemDisplay {}
div.webpageItemDisplay div.thumbnailArea {height:215px;width:215px;display:table;margin:0 auto;}
div.webpageItemDisplay div.thumbnailArea div.thumbnailWrapper {display:table-cell;vertical-align:middle;border: 1px solid #e4e4e4;}
div.webpageItemDisplay div.thumbnailArea div.thumbnail { text-align:center; }
div.webpageItemDisplay div.thumbnailArea div.thumbnail img { max-height:215px; max-width:215px;}
/*div.webpageItemDisplay div.detailsArea {height:85px;text-align: center;}*/
div.webpageItemDisplay div.detailsArea div.details{}
div.webpageItemDisplay div.detailsArea div.details div.itemName{ text-align:center; color:#000; font-weight:bold; font-size: 1.2em;}
/*div.webpageItemDisplay div.detailsArea div.details div.itemName a{color:#000; text-decoration:none;}*/
div.webpageItemDisplay div.detailsArea div.details div.summary{height:60px; margin:5px 0;overflow:hidden;}

/* style for category item within the grid */
div.categoryItemDisplay {}
div.categoryItemDisplay div.thumbnailArea {height:215px;width:215px;display:table;margin:0 auto;}
div.categoryItemDisplay div.thumbnailArea div.thumbnail{text-align:center;}
div.categoryItemDisplay img {max-width:210px; max-height:210px;}

div.categoryItemDisplay div.thumbnailArea div.thumbnailWrapper {display:table-cell;vertical-align:middle;border: 1px solid #e4e4e4;}
/*div.categoryItemDisplay div.detailsArea {height:85px;text-align: center;}*/
div.categoryItemDisplay div.detailsArea div.details{}
div.categoryItemDisplay div.detailsArea div.details div.itemName{ text-align:center; color:#000; font-weight:bold; font-size: 1.2em;}
/*div.categoryItemDisplay div.detailsArea div.details div.itemName a{color:#000; text-decoration:none;}*/
div.categoryItemDisplay div.detailsArea div.details div.summary{height:60px; margin:5px 0;overflow:hidden;}

/* style for link item within the grid */
div.linkItemDisplay {}
div.linkItemDisplay div.thumbnailArea {height:130px;display:table;margin:0 auto;}
div.linkItemDisplay div.thumbnailArea div.thumbnailWrapper {display:table-cell;vertical-align:middle;}
div.linkItemDisplay div.detailsArea {height:85px;text-align: center;}
div.linkItemDisplay div.detailsArea div.details{}
div.linkItemDisplay div.detailsArea div.details div.itemName{ color:#000; font-weight:bold; font-size: 1.2em;}
div.linkItemDisplay div.detailsArea div.details div.itemName a{color:#000; text-decoration:none;}
div.linkItemDisplay div.detailsArea div.details div.summary{height:60px; margin:5px 0;overflow:hidden;}

/* style for sort control of catalog grid */
.searchSort { padding: 10px 0 10px; font-size:11px;}
.searchSort span {font-size:11px; font-weight: bold;}
.searchSort .sorting { border: 1px solid #e4e4e4; color: #666666; font-size: 1em;}
.searchSort .fieldHeader {font-size:11px;}
.searchSort .sortPanel {float:right;}
.searchSort .pageSizePanel {float:left;}


/*Catalog category items container*/
.catalogWrapper {padding-top:15px;}
.categoryGridListing1 .itemListingContainer .itemListing tr:not(:last-child) .tableNode {padding-bottom:30px;}
/*.categoryGridListing1 .itemListingContainer .itemListing .tableNode:not(:last-child) {padding-right:30px;}*/
/******************************************************************************************/
/* end category display styling                                                           */
/******************************************************************************************/

/******************************************************************************************/
/* begin catalog item display styling                                                     */
/******************************************************************************************/

/*Product Item styling*/
div.itemContainer .item img { width:100%; max-width:210px; max-height:210px; border:1px solid #e4e4e4;}

/* styling for product page */
#leftProductColumn {width:480px; float:left;}
#rightProductColumn{width:480px; float:left; padding-left: 20px;}

div.productRowDisplay {border: 1px solid #e4e4e4; }
/*div.productRowDisplay h1 {color:#005b90; text-align:center; font-size:1.5em; /*font-weight:bold;*/ line-height:1.5em; margin:0px; letter-spacing: 1px; }*/
div.productDisplay {overflow:hidden;}
/*div.productDisplay h1 {color:#4c4c4c; text-align:left; font-size:1.5em; font-weight:bold; line-height:1.5em; padding:10px; letter-spacing: 1px; }*/
div.productImageArea {padding-bottom: 30px;}
div.mainImage img.productImage:hover { cursor:pointer; }
div.productDisplay div.simpleProduct div.productDetails {
    color: #4c4c4c;
}
div.productDisplay div.optionProduct div.productDetails {vertical-align:top; padding: 5px;}


#productPage .productDetails .buyProductDialog{ padding-left: 50px; }
#productPage .productDetails .buyProductDialog .productPanelRow {padding-bottom:15px; width:100%;}
#productPage .productDetails .buyProductDialog .productPanelRow span.itemQuantity {}
#productPage .productDetails .buyProductDialog .productPanelRow td .quantityUpDown {font-size: 13pt; text-align:center; }
#productPage .productDetails .buyProductDialog .productPanelRow span[itemprop="price"]{color:#339933;font-size:22px;}
    #productPage .productDetails .buyProductDialog .productPanelRow span.regPrice {
        text-decoration: line-through;
        padding-right: 15px;
        color: #4c4c4c;
        font-size: 22px;
    }

#productPage .productDetails .buyProductDialog .productPanelRow .firstCol {width:15%;}
#productPage .productDetails .buyProductDialog .productPanelRow .secondCol {width:50%;}
#productPage .productDetails .buyProductDialog .productPanelRow .secondCol .product-content {padding: 0 40px 0;}
#productPage .productDetails .buyProductDialog .productPanelRow .thirdCol {padding-left:40px;width:35%;}

#productPage .productDetails .buyProductDialog .productPanelRow div.wishList { float:left;}
    #productPage .productDetails .buyProductDialog .productPanelRow div.preorder {
        float: left;
        display:inline-block;
        cursor:pointer;
    }
    #productPage .productDetails .buyProductDialog .productPanelRow div.preorder img{
        float:left;
        margin-right:3px;
        margin-top:2px;
    }
#productPage .productDetails .buyProductDialog .productPanelRow div.addToCart {margin-left:45px;float:left;}
img.cartImg{vertical-align:middle;}
img.wishList{vertical-align:middle;}

#productPage .productDetails .buyProductDialog .productPanelRow div.discounts {color:#f35530; float:left;}
#productPage .productDetails .buyProductDialog .productPanelRow div.shipping {float:right;padding-right: 48px;}
#productPage .productDetails .buyProductDialog .productPanelRow ul {color:#f35530;list-style-type:disc; padding: 0 0 0 40px;}
#productPage .productDetails .buyProductDialog .productPanelRow div.shipping a {color:#f35530;}
span[itemprop="price"]{color:#339933;}
span[itemprop="sku"]{}

#descPane .productDescription div.descriptionWrapper {color:#666666;}

/* buy product dialog */
table.buyProductForm { padding:10px 5px 5px 5px; }
table.buyProductForm td, table.buyProductForm th {  padding:5px 0 5px 5px; vertical-align:middle; }
table.buyProductForm .rowHeader {
    font-weight: bold; border-width: 0;  padding:5px 5px 5px 5px; 
    border-right: solid 1px #e4e4e4; text-align: right; }
table.buyProductForm .subscriptionRow th.rowHeader {vertical-align:top; padding-top:13px;}
table.buyProductForm .subscriptionRow td,blockquote {margin: 1em 22px;}
table.buyProductForm .priceLabel th.rowHeader {width:58px;}
table.buyProductForm .subscriptionRow th.rowHeader {vertical-align:top; padding-top:13px;}
span.inventoryDetails {display:block; width:200px;}
.optionPicker td { border: outset 2px #999; }
.optionPicker td.selected { border: inset 2px #999; }

.shipping-estimator {border:none;background-color:transparent;padding:0;}
#shipping-section {display:none;}
#preorder-section {display:none;}

/* style for displaying the hidden price popup */
.pricePopup {background-color:#fff; border-width:3px; border-style:solid; border-color:#e4e4e4; padding:3px; width:300px; position:absolute; left:50%; margin-left:-150px; z-index:99; text-align:center;}
.pricePopup .content {padding-top:5px;}
.pricePopup .header {background-color:#DDDDDD; border:solid 1px #e4e4e4; color:Black; margin:-3px; padding:6px; font-weight:bold;}
.pricePopup span.fieldHeader {display:block;float:left;width:135px;text-align:right;margin-right:6px; }
.pricePopup span.fieldValue {display:block;float:left; }
.pricePopup .actions {text-align:right;}

/* style for displaying product ratings */
div.aggregateRating {display: inline;}
div.aggregateRating .ratingText {display:inline;}

/* style for similar more pane*/
.relatedProductsWidget{padding-bottom:30px;}

/* style for product reviews */
.productReviewContent {/*white-space: pre-line; text-align: justify; padding: 10px;*/}
#reviewsPane table.reviewsTable td {padding-bottom:15px;}
#reviewsPane table.reviewsTable td.review-item{text-align:center;}
#reviewsPane a.review-button {
    background-color:#f36630;
    color:#fff;
    cursor: pointer;
    font-size:90%;
    font-weight:bold;
    line-height:2.2;
    padding:3px 12px;
    text-decoration:none;
    white-space:nowrap;
    border:0px;

}
.ratingStar00, .ratingStar01, .ratingStar02, .ratingStar03, 
.ratingStar04, .ratingStar05, .ratingStar06, .ratingStar07, 
.ratingStar08, .ratingStar09, .ratingStar10
{
    background-position:0 0;
    background-repeat: no-repeat;
    width: 50px;
    height:9px;
    display:inline-block;
}
.ratingStar00 { background-image:url(images/ratings/rate_00.gif); }
.ratingStar01 { background-image:url(images/ratings/rate_01.gif); }
.ratingStar02 { background-image:url(images/ratings/rate_02.gif); }
.ratingStar03 { background-image:url(images/ratings/rate_03.gif); }
.ratingStar04 { background-image:url(images/ratings/rate_04.gif); }
.ratingStar05 { background-image:url(images/ratings/rate_05.gif); }
.ratingStar06 { background-image:url(images/ratings/rate_06.gif); }
.ratingStar07 { background-image:url(images/ratings/rate_07.gif); }
.ratingStar08 { background-image:url(images/ratings/rate_08.gif); }
.ratingStar09 { background-image:url(images/ratings/rate_09.gif); }
.ratingStar10 { background-image:url(images/ratings/rate_10.gif); }
.ratingStarNone {}

/* product images page styles */
#productImages img{border:0}
#productImages div.progress-bar{border:1px solid #fff; background-color:#000}
#productImages div.missing-thumbnail{background:#333 url('images/redx.gif') center center no-repeat; cursor:pointer; border:1px solid #e4e4e4}
#productImages div.error-message{color:#bbb; font-size:1.2em; margin-top:-0.6em; position:relative; text-align:center}
#productImages div.caption{background-color:#000; color:#fff}
#productImages div.caption a{color:#fff}
#productImages body, #productImages html{background-color:#333; margin:0; padding:0; }
#productImages #gallery{margin:20px auto; height:520px; width:750px; position:relative; color:#aaa; padding:20px; overflow:hidden; border:1px solid #e4e4e4; background-color:#000}

/* styling for display of webpage objects */
/*#webpagePage { padding:0px; }*/

/******************************************************************************************/
/* end catalog item display styling                                                       */
/******************************************************************************************/

/******************************************************************************************/
/* begin basket display styling                                                           */
/******************************************************************************************/

/* basket styling */
#basketPage div.basketContainer div.actions { margin-top:10px; margin-bottom:10px; text-align:center; }
/*#basketPage div.basketContainer div.actions span.checkout .button { background-color:#005b90; color:#fff;border:0px; }
#basketPage div.basketContainer div.actions span.checkout .button:hover { background-color:#e4e4e4; color:#fff !important; }*/
#basketPage div.warnings {padding-left:20px;}
#basketPage div.emptyBasketPanel 
{
    background-color:white; 
	padding-top: 20px; 
	margin: 20px 35px 20px 35px;
    height: 50px; text-align:center; 
}
#basketPage div.emptyBasketPanel span.message { font-size: 18px; font-weight: normal; color: #666666; }

/* display of the basket items */
table.basket { border:0; border-collapse:collapse; width:100%; }
table.basket th, table.basket td { border:1px solid #e4e4e4;padding:4px 8px; text-align:center; vertical-align:top; }
table.basket td a { color: #416573; }
table.basket td a:hover { color: #788F03; }
table.basket th.thumbnail { border-right:none; text-align:left; width:60px; }
table.basket td.thumbnail { border-right:none; text-align:center; width:60px; }
table.basket th.item { border-left:none; text-align:left; }
table.basket td.item { border-left:none; text-align:left; }
table.basket td.item div.setGiftOptions a { background:url(images/icons/gift-box.gif) center right no-repeat; height:30px; line-height:30px; padding-right:25px; }
table.basket td.item div.itemDetail { margin-bottom:1em; }
table.basket td.item div.itemActions a { margin-right:8px; text-transform:lowercase }
table.basket th.quantity { text-align:center; width:60px; }
table.basket td.quantity { text-align:center; width:60px; }
table.basket td.footerSubtotalLabel { text-align:right; }

/* mini basket styles */

.miniBasket .price {
    color: #4c4c4c;
}
.miniBasket .label { color:#4c4c4c; margin-right:5px; }
.miniBasket .value { color:#666666; font-weight: bold; }
#minibasket-container{position:relative;}
#minibasketbox {position:absolute; z-index:1000;background: #FFF; right: 0; display:none;top: 28px; z-index:9999; min-width:295px;}

.miniBasket .miniBasketWrapper {border: 2px solid #339933; float:right;}
.miniBasket .miniBasketWrapper .innerBasketContainer {padding:20px;}
.miniBasket .basketItemBox {margin-bottom:1em; padding-bottom:0.5em; }
.miniBasket .basketItemBox .iconBox { width:50px; height:50px; float:left; overflow:hidden; margin-right:5px;}
.miniBasket .basketItemBox .titleBox {padding-bottom:5px}
.miniBasket .basketItemBox .noIcon {padding-left:5px;}
.miniBasket .basketItemBox .actions {text-align: left; font-size:11px;}
.miniBasket .basketItemBox .actions input.quantity { width:20px; }
.miniBasket .basketItemBox .actions .basketdetail-container {padding-bottom:5px;}

.miniBasket .subTotalsBox {	border-bottom:1px solid #e4e4e4; padding-bottom: 5px;}
.miniBasket .checkoutButtonsBox {padding-top: 10px;text-align: center;}
.miniBasket .checkoutButtonsBox .keepShopping{margin-right: 20px;}
    .miniBasket .checkoutButtonsBox .keepShopping a {
        font-size: 15px;
        color: #339933;
        background:#fff;
        border:none !important;
    }
    .miniBasket .checkoutButtonsBox .keepShopping a:hover{
        background:#339933;
        color:#fff !important;
        border:2px solid #fff !important;
    }
.miniBasket .checkoutButtonsBox .keepShopping img{
    margin-bottom:-10px;
    margin-right:-4px;
}
.miniBasket .checkoutButtonsBox .standardCheckout{background:#f35530; position:relative; padding:5px 0;}
.miniBasket .checkoutButtonsBox .standardCheckout img{ position:absolute; width:15px; top:10px; left:75px;}
.miniBasket .checkoutButtonsBox .standardCheckout a {color:#fff;font-weight: 700;margin-left:25px; font-size:15px;}
.miniBasket .checkoutButtonsBox .alternateCheckouts>div {padding-top:6px;}
.miniBasket .noResultsPanel {padding:5px; font-style:italic;}

.miniBasket .checkoutButtonsBox .standardCheckout {
    background: #f35530;
    position: relative;
    padding: 5px 0;
}


#storeheader #headerTop a.button.shopping:hover{
    color:#fff;
    background:#339933;
}
#storeHeader #headerTop .shortcuts a.minibasket-delete { font-weight: bold; color:#fff; padding:0;}
#storeHeader #headerTop .shortcuts a.minibasket-checkout {font-size:11px; font-weight:bold; color:#f36630; padding:3px 8px 3px 8px;}
#storeHeader #headerTop .shortcuts a #minibasketdetails {text-align: left;}
#storeHeader #headerTop .shortcuts a.product-title {padding:0; font-size:11px;}
.miniBasketItemDetail .subscriptions .lineBlock {display:block; font-size:10px;}
.miniBasketItemDetail .subTitle {padding: 0; text-indent:0; margin:0 7px; clear:both; }
.miniBasketItemDetail .subTitle li {color:#788A95; list-style-type:none; margin:4px 0 0 10px; }

.miniBasketItemDetail .title {color:#666666; font-weight: normal;}
.miniBasketItemDetail .title a {color:#444444;}
.miniBasketItemDetail .title a:hover {color:#005c92;}

.checkout.basketChekcout {
    text-align: center;
    margin-top:55px;
    margin-bottom:55px;
}

/******************************************************************************************/
/* end basket display styling                                                             */
/******************************************************************************************/

/******************************************************************************************/
/* begin product display tab styling                                                         */
/******************************************************************************************/

/*div.tabs div.widget, .ui-tabs div.widget {border:none;}
div.tabs div.widget div.innerSection div.header, .ui-tabs div.widget div.innerSection div.header {display:none;}*/

.tabs .ajax__tab_header {border-bottom: solid 1px #e4e4e4;}
.tabs .ajax__tab_panel {border-color: #e4e4e4 #e4e4e4 #e4e4e4 #e4e4e4; border-style: none solid solid solid;border-width: medium 1px 1px 1px;}
.tabs .ajax__tab_outer {margin-top:8px;margin-right:5px;margin-bottom:-1px;} 
.tabs .ajax__tab_inner {padding-left:3px;border:#e4e4e4 solid 1px;border-radius: 5px 5px 0px 0px; background-color:#FFF; font-weight:bold; padding: 3px 10px;} 
.tabs .ajax__tab_tab {height:15px;padding:0px;margin:0;outline:none;}
.tabs .ajax__tab_hover .ajax__tab_outer {outline:none;} 
.tabs .ajax__tab_hover .ajax__tab_inner {background-color:#005b90;outline:none;} 
.tabs .ajax__tab_hover .ajax__tab_inner a {color:#FFFFFF; outline:none;}
.tabs .ajax__tab_hover .ajax__tab_tab {outline:none;}
.tabs .ajax__tab_active .ajax__tab_outer {outline:none;} 
.tabs .ajax__tab_active .ajax__tab_inner {background-color:#005b90;} 
.tabs .ajax__tab_active .ajax__tab_inner a {color:#FFFFFF; outline:none;}
.tabs .ajax__tab_active .ajax__tab_tab {outline:none;}
.tabs .ajax__tab_body {outline:none;}

/******************************************************************************************/
/* end product display tab styling
/******************************************************************************************/

/******************************************************************************************/
/* begin checkout display styling                                                         */
/******************************************************************************************/

/* checkout progress indicator in page header */
div.checkoutProgress
{
    background-color:#005b90;
	font-size:12px;
    font-weight:bold; 
	padding:8px 2px;
    text-transform:uppercase; 
	color:#fff; 
	display:block;
	clear:both; 
}
div.checkoutProgress span { padding:3px 6px; }
div.checkoutProgress span.on span 
{
	background-color:#fff;
	border: solid 1px #e4e4e4; 
    border-radius:5px 5px 5px 5px;
	color: #3f294d;
}

.address.columnsWrapper > div{
    max-width:25%;
}
/* address validation */
div.validAddressContainer {
    padding: 5px;
    background-color: #FF803F;
}
div.validAddressContainer p {font-weight:bold;}
div.validAddresses {}

/* position edit link for address items */
/*#checkoutPage div.billingAddress { margin-left:10px; }*/
#checkoutPage div.billingAddress span.editLink,
#checkoutPage div.shippingAddress span.editLink { margin-left:10px; }
#checkoutPage span.editLink a { text-decoration:none; color:#f36630;}
#checkoutPage span.editLink a:hover { text-decoration:underline; }
.shipMethodList{max-width:300px;}
.shipMethodList td {padding-bottom:10px;}
.shipMethodList td label{font-size:14px;}
.shipMethodList td input{float:left;margin-bottom:5px;}
.continueCheckoutWidget{height:auto !important;}
/* styling for specific checkout widgets */
.BasketTotalSummary {
    overflow: visible !important;
}
#checkoutPage div.basketTotalSummaryWidget .message {
    font-style: italic;
}
#checkoutPage div.basketNonShippableItemsWidget div.content { padding:0 }
#checkoutPage .orderSummaryWidget div.content div { margin-bottom:1em; }

/* assign layout settings for shipment listings */
#checkoutPage table.shipmentWidget td.address { width: 200px; padding:8px; }
#checkoutPage table.shipmentWidget td.address div { margin-bottom:1em; }
#checkoutPage table.shipmentWidget td.address span.links { margin-right:20px; float:right; }
#checkoutPage table.shipmentWidget td.items { padding-top:8px; }
#checkoutPage table.shipmentWidget td.method { width:280px;border-left:1px solid #e4e4e4; background-color:#efefef; }
#checkoutPage table.shipmentWidget td.method h3 { border-bottom:1px solid #ccc; margin:0; padding:12px 8px 4px 8px; }
#checkoutPage table.shipmentWidget td.method select { margin: 15px 8px; }
#checkoutPage table.shipmentWidget td.method p { margin: 4px 8px; }

/* add top padding because there is no page header */
#checkout_startPage { padding-top:1em; }

/* add frame to billing address to be consistent with other checkout pages */
#checkout_billPage .column_1 div.section { border:1px solid #e4e4e4; margin-bottom:1em; }
#checkout_billPage .inputForm th.rowHeader { width:25%; }
#checkout_billPage .inputForm td { min-width:150px; }

/* frame the order terms and conditions */
#checkout_payPage .orderTerms{ height: 60px; overflow: auto; border: 1px solid #e4e4e4; padding: 8px; }

/* handle option sections on receipt page */
#checkoutPage .balanceDueSection, 
#checkoutPage .orderInvalidSection { margin-bottom:1em; }
.checkoutErrorMessage{font-weight: bold; color: #FF0000;}
.OrderNotes{font-size:10px;max-width:300px;}
.OrderNotes p{font-weight:bold;margin-bottom:-15px;}
.OrderNotes span{line-height:2;font-size:12px;}
/* checkout hover help images */
.cvvAmex {
    background-image: url(images/PaymentInstruments/cvv_amex.gif);
    background-repeat: no-repeat;
    border: 0;
    height: 169px;
    width: 249px;
}

.cvvVisa
{
	background-image:url(images/PaymentInstruments/cvv_visa.gif);
	background-repeat:no-repeat;
	border:0;
	height:169px; 
	width:249px;
}

.checkHelp
{
	background-image:url(images/PaymentInstruments/checkhelp.jpg);
	background-repeat:no-repeat;
	border:0;
	height:181px; 
	width:250px;
}

/* used where order items are displayed during checkout */
table.itemList { border:0; border-collapse:collapse; width:100%; }
table.itemList th, table.itemList td { padding:4px 8px; text-align:center; vertical-align:middle; }
table.itemList th { border-bottom:1px solid #ccc; }
table.itemList td { padding-bottom:10px; padding-top:10px; }
table.itemList td a { color: #416573; }
table.itemList td a:hover { color: #788F03; }
table.itemList th.thumbnail { border-right:none; text-align:left; width:60px; }
table.itemList td.thumbnail { text-align:center; width:60px; }
table.itemList th.item { border-left:none; text-align:left; }
table.itemList td.item { text-align:left; }
table.itemList td.item div.setGiftOptions a { background:url(images/icons/gift-box.gif) center right no-repeat; height:30px; line-height:30px; padding-right:25px; }
table.itemList th.quantity { width:60px; }
table.itemList td.quantity { width:60px; }
table.itemList th.sku { width:80px; }
table.itemList td.sku { width:80px; }
table.itemList th.price { width:70px; }
table.itemList td.price { width:70px; }
table.itemList th.total { width:70px; }
table.itemList td.total { width:70px; }
table.itemList th.shipTo { text-align:left; border:1px solid #e4e4e4; }
table.itemList td.shipTo { text-align:left; background-color:#efefef; border:1px solid #e4e4e4;}
table.itemList th.giftOption { text-align:left; width:300px; }
table.itemList td.giftOption { text-align:left; width:300px; }
table.itemList td.giftOption div.message { margin-top:10px; }
table.itemList td.giftOption div.message textarea { height:60px; width:95%; }
table.itemList th.paymentDate { width:100px; }
table.itemList td.paymentDate { width:100px; }
table.itemList th.paymentAmount { width:100px; }
table.itemList td.paymentAmount { width:100px; }
table.itemList th.paymentStatus { width:100px; }
table.itemList td.paymentStatus { width:100px; }
table.itemList th.paymentMethod { text-align:left; }
table.itemList td.paymentMethod { text-align:left; }
table.itemList th.noteDate { width:140px; }
table.itemList td.noteDate { width:140px; }
table.itemList th.noteAuthor { width:140px; }
table.itemList td.noteAuthor { width:140px; }
table.itemList th.noteText { text-align:left; }
table.itemList td.noteText { text-align:left; }
table.itemList th.digitalGood { text-align:left; width:300px; }
table.itemList td.digitalGood { text-align:left; width:300px; }
table.itemList th.download { width:80px; }
table.itemList td.download { width:80px; }
table.itemList th.remainingDownloads { width:80px; }
table.itemList td.remainingDownloads { width:80px; }
table.itemList th.serialKey { text-align:left; }
table.itemList td.serialKey { text-align:left; }
table.itemList th.giftCertificate { text-align:left; }
table.itemList td.giftCertificate { text-align:left; }
table.itemList th.giftCertificateStatus { width:150px; }
table.itemList td.giftCertificateStatus { width:150px; }
table.itemList th.giftCertificateExpiration { width:150px; }
table.itemList td.giftCertificateExpiration { width:150px; }
table.itemList th.subscription { text-align:left; }
table.itemList td.subscription { text-align:left; }
table.itemList th.subscriptionStatus { width:150px; }
table.itemList td.subscriptionStatus { width:150px; }
table.itemList th.subscriptionExpiration { width:150px; }
table.itemList td.subscriptionExpiration { width:150px; }

/* styles for the address book table */

.newaddress-button {margin:0 0 10px 15px;}
.addressBook .entries span.links a {color:#f36630;}
.addressBook .entries
{
    margin-left: 10px;
        
    }
.addressBook .entry 
{
	border:1px solid #e4e4e4;
	vertical-align:top;
	margin:5px;
    background-color:#fff; 
    border-radius:10px;
    padding:10px;
	overflow:hidden;
	display:inline-block;
	width:256px;
	height:170px;
	position:relative;
}
.addressBook .address
{
	padding-left:20px;
}
.addressBook .entry h2
{
	margin:0 0 0.5em 0;
	font-size:1.2em;
	font-weight:bold;
	display:inline-block;
}
.addressBook .caption .links
{
	float:right;
}
.addressBook .entry .buttons
{	
    position:absolute;
    top:135px; 
    margin-left:20px;
}
.addressBook .addEntry
{
	background-color:#efefef;
}
.addressBook .addEntry .buttons
{
    position:absolute;
}

.basketShippingEstimateWidget {
    padding: 30px 0;
    border: 1px solid #e6e6e6;
    width:250px;
}

.basketShippingEstimateWidget .header{
    text-align: center;
}

.basketShippingEstimateWidget .header h4{
    font-weight:bold;
}

.basketShippingEstimateWidget input {
    color: #4c4c4c;
    background-color:#fff;
    border:1px solid #4c4c4c;
}

.basketShippingEstimateWidget input[type=submit]:hover {
    color: #fff !important;
    background-color: #4c4c4c !important;
    border: 1px solid #4c4c4c;
    padding: 8px 21px;
}

/* basket and order summary sidebar */
table.orderTotalSummary {
    width: 100%;
    margin-bottom: 1em;
}
table.orderTotalSummary th { text-align:right;font-weight:bold; white-space:nowrap; border-bottom:0;}
table.orderTotalSummary td { text-align:right; width:80px; border-bottom:0;}
table.orderTotalSummary td.item {width:60%; text-align:left;}
table.orderTotalSummary th.sku { text-align:center; width:80px; }
table.orderTotalSummary td.sku { text-align:center; }
table.orderTotalSummary th.quantity { text-align:center; width:60px; }
table.orderTotalSummary td.quantity { text-align:center; width:60px; }
table.orderTotalSummary td.item div.setGiftOptions a { background:url(images/icons/gift-box.gif) center right no-repeat; height:30px; line-height:30px; padding-right:25px; }
table.orderTotalSummary tr.dividerRow td { border-bottom: 1px solid #ccc; width:100%;}
table.orderTotalSummary tr.importantRow {font-weight:bold;}
table.orderTotalSummary tr.actionsRow td {text-align:center; width:100%;}

/* payment form */
.paymentWidget{margin-bottom:50px;}
.paymentFormContainer {
    /*padding: 0 20%;*/
}
.paymentFormContainer .paymentMethodList {
    display: table-cell;
    vertical-align: top;
    border-right: 0px dotted #ccc;
    white-space: nowrap;
}
.paymentFormContainer .paymentForm {display:table-cell; background-color:#efefef; border: 1px solid #e4e4e4; border-radius: 5px;  padding:10px; vertical-align:middle;}
.paymentFormContainer table.inputForm th { width:120px; text-align:right; }
.paymentFormContainer table.inputForm td { }
.applyCouponPanel { padding:10px 10px 20px 10px; margin-bottom:1em; border: 1px dotted #ccc; text-align:center;}
.applyCouponPanel label { margin-right:4px; }
.applyCouponPanel p { display:block;margin-top:1em; }
.cvvHelpHoverPanel .helpSection { display:inline-block; width:280px; margin:10px; vertical-align:top; }
.cvvHelpHoverPanel .helpSection h3 { margin-bottom:0.5em; }
.cvvHelpHoverPanel .helpSection p { text-align:justify; }
.couponForm .buttonInvert {
    padding:5px 15px;
    font-size:12px;
}
.couponForm input{
    padding:4px 15px;
}

/* one page checkout */
.opcOverlay 
{
opacity:0.5;
filter: alpha(opacity=50); /* for IE8 and below */
background-color:#ccc;position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:900;
}
.aboveOpcOverlay{z-index:901;position: relative;background-color:White;}

div.addressLink {padding:0px 5px 10px 5px;}
div.addressText {font-size: 1.2em;font-weight:bold;line-height:18px; padding:5px 5px 4px 5px;}

.left {float:left;}
.right {float:right;}
div.opcInputForm {}
div.opcInputForm span.label {display:block;padding:3px;}
div.opcInputForm .small {padding:2px; width:90px;}
div.opcInputForm .large {width:200px;}
#checkout_onePage div.itemDetail ul {list-style-type:disc; padding-left:25px; text-align:left; margin:5px 0 5px 0;}
#checkout_onePage table.itemList th.price, #checkout_onePage table.itemList td.price {text-align:right;}
#checkout_onePage table.itemList td.rowHeader {text-align:right; font-weight:bold;padding-top:5px; padding-bottom:5px;}
#checkout_onePage table.itemList td.subTotals {padding-top:5px; padding-bottom:5px;}
#checkout_onePage table.itemList tr.dividerRow td { border-bottom: 1px solid #ccc; width:100%; padding:0;}
#checkout_onePage div.emailList p { padding:5px 5px 5px 25px; font-style:italic;}

table.basketSummary { width:100%; margin-bottom:1em; }
table.basketSummary tr.evenRow { background-color:#FFFFFF;}
table.basketSummary tr.oddRow { background-color:#F8F8F8;}
table.basketSummary tr.simpleRow { border-bottom: 0; }
table.basketSummary tr.importantRow { border-bottom: 0; }
table.basketSummary tr.headerRow { border-bottom: 0; }
table.basketSummary th { text-align:right;font-weight:bold; white-space:nowrap; border-bottom:0;}
table.basketSummary td { text-align:right; width:80px; border-bottom: 0; }
table.basketSummary td.item {width:60%; text-align:left;}
table.basketSummary th.sku { text-align:center; width:80px; }
table.basketSummary td.sku { text-align:center; }
table.basketSummary th.quantity { text-align:center; width:60px; }
table.basketSummary td.quantity { text-align:center; width:60px; }
table.basketSummary tr.dividerRow td { border-bottom: 1px solid #ccc; width:100%;}
table.basketSummary tr.importantRow {font-weight:bold;}
table.basketSummary tr.actionsRow td {text-align:center; width:100%;}
table.basketSummary td.item div.setGiftOptions a { background:url(images/icons/gift-box.gif) center right no-repeat; height:25px; line-height:25px; padding-right:25px; font-weight:normal;}

/******************************************************************************************/
/* end checkout display styling                                                           */
/******************************************************************************************/

/******************************************************************************************/
/* begin my account area styling                                                          */
/******************************************************************************************/

/* account area styles */
/* This is used on my account page only. Should follow some more general structure/styling. */
ul.columns { margin: 0 0 0 30px; padding: 0; list-style: none; }
ul.columns li {  margin: 2px; background-image: url(images/bullet1.gif); background-position: 0 3px; background-repeat: no-repeat; text-indent:20px; height: 20px; }
.orderHistoryDialog .content { border:solid 1px #7dc2db; padding: 5px 10px; line-height: 25px; }
.orderHistoryDialog .content .bullet{ background-color:#AAAAAA; padding-left:18px;}

/* wishlist styling */
#account_wishlistPage .actions {text-align:center; margin-top:10px; margin-bottom:10px;}
#wishlistPage div.emptyWishlistPanel 
{
    background-color:white; 
	padding-top: 20px; 
	padding-left: 60px; 
	margin: 20px 35px 35px 35px;
    height: 50px; text-align:center; 
}
#wishlistPage div.emptyWishlistPanel span.message { font-size: 18px; font-weight: normal; color: #666666; }

/* Payment Types styling */
#account_payment_types div.column_1 {width:630px;padding:0 0px 0 0px;}
#account_payment_types div.column_2 {width:262px;padding:0 0px 0 0px;}
#account_payment_types div.paymentList {padding:5px;}
#account_payment_types div.noPayments {padding:15px;background-color:#e4e4e4;font-size:14px;text-align:center;color:#444;}
#account_payment_types div.mainContainer {width:auto;}
#account_payment_types div.innerLeft {width:8px;display:inline-block;float:left;padding:23px 15px 23px 15px;}
#account_payment_types div.innerRight{width:270px;display:inline-block;float:left;}
#account_payment_types div.innerRight div.paymentItem { width:auto;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;border:solid 1px #ef9e07;padding:5px 12px 5px 12px;height:50px;margin-bottom:20px;}
#account_payment_types div.innerRight .deleteLink input{color: #f3b721 !important;text-transform: lowercase; text-decoration:underline;font-weight: bold; background:none; border:none;}
#account_payment_types div.innerRight .deleteLink input:hover {background:none; color: #ef9e07 !important; border:none;}
#account_payment_types div.innerRight div.paymentItem div {float:left;padding:0px;}
#account_payment_types div.innerRight div.paymentItem div.reference {font-weight:bold;}
#account_payment_types div.innerRight div.paymentItem .deafultPayment {font-style:italic;color:#f00;font-weight:bold;margin: 0 0 0 3px;}
#account_payment_types div.innerRight div.paymentItem .expiration {padding-top:7px; clear:left;}
#account_payment_types div.inputForm {width:auto; /*margin:0 0 0 110px; padding:10px;*/}
#account_payment_types div.inputForm .rowHeader {display:inline-block;padding:8px 5px 8px 5px;float:left;font-weight:bold; color: #fff; width:100px; text-align:right;}
#account_payment_types div.inputForm .inputFied {display:inline-block;float:left; padding:7px 0 7px 0;}
#account_payment_types div.inputForm .securityCodeInput {width:152px;}
#account_payment_types div.inputForm .btn {margin-left:110px;}
#account_payment_types div.inputForm div.error {width:400px;}
#account_payment_types div.inputForm .errorCondition {color: #ff0000;font-weight: bold;padding: 0; }
#account_payment_types .instructionText {display:inline-block;}

/* serial keys page */
#account_serialKeyPage div.content {width:100%;overflow:scroll;}

#accountPage div.tabpane { position:relative; }
#accountPage div.tabpane p { padding: 10px 0 0 0; }
#accountPage div.tabpane .ui-notify { position:absolute; }
.wishlistPasswordWidget { position:relative; }
.wishlistPasswordWidget .ui-notify { position:absolute; }

/* styles for paged list of data */
table.pagedList { width:100%; border-collapse:collapse; }
table.pagedList tr.oddRow { background-color:#fff; }
table.pagedList tr.oddRow td { color: #000000; padding: 10px; }
table.pagedList tr.evenRow { background-color:#f5f5f5; }
table.pagedList tr.evenRow td { color: #000000; padding: 10px; }
table.pagedList tr.empty td { font-size:1.1em; font-style:italic; padding:10px; text-align:center; }
table.pagedList td { border:solid 1px #e4e4e4; padding:4px; text-align:center}
table.pagedList th { padding: 7px 4px; font-weight:bold; background-color:#e4e4e4; margin:0; border: solid 1px #e4e4e4;}
table.pagedList th a { color: #005b90; text-decoration:underline; }
table.pagedList th a:hover { color: #005b90; text-decoration:underline; }
table.pagedList td a {  }
table.pagedList td a:hover { color: #e5a704; text-decoration:none;}
table.pagedList th.thumbnail { border-right:none; text-align:center; width:60px; }
table.pagedList td.thumbnail { border-right:none; text-align:center; width:60px; }
table.pagedList th.itemName { border-left:none; }
table.pagedList td.itemName { border-left:none; text-align:left; }
table.pagedList th.quantity { width:60px; }
table.pagedList td.quantity { width:60px; }
table.pagedList th.sku { width:80px; }
table.pagedList td.sku { width:80px;text-align:left;}
table.pagedList th.price { width:70px; }
table.pagedList td.price { width:70px; }
table.pagedList th.manufacturer { width:100px; }
table.pagedList td.manufacturer { width:100px; }
table.pagedList th.categories { width:120px; }
table.pagedList td.categories { width:120px; }
table.pagedList th.actions { width:100px; }
table.pagedList td.actions { width:100px; }
table.pagedList th.orderItems { text-align:left; }
table.pagedList td.orderItems { text-align:left; }
table.pagedList tr.paging td {border: 0px; padding:0px; text-align:center}

/* styles for paging of catalog grids */
div.pagingPanel {margin:0;}
div.pagingPanel, .paging table {float:left; position:relative;top:2px;left:10px;}
.paging table {margin-bottom : 10px; }
div.pagingPanel span.pageLabel{}
div.pagingPanel a.page-number.current, div.pagingPanel a
{
    padding: 1px 5px; 
    border: 1px solid #e4e4e4; 
    margin: 3px 0 3px 1px; 
    background-color: #FFF; 
    font-size:11px;
}
div.pagingPanel a.page-number
{
    background-color:#e4e4e4; 
    color: #005b90; 
    text-decoration:none; 
}
/*div.pagingPanel, div.pagingPanel .current, div.pagingPanel a, .paging span, .paging a
{
padding: 2px 5px;  
border: 1px solid #65aedb; 
font-weight: bold; 
font-size: 12px; 
margin: 3px 0 3px 1px; 
background-color: #005B90; 
color: #FFF; 
}*/
/*div.pagingPanel a, table.pagedList tr.paging a
{
background-color:#e4e4e4; 
color: #005b90; 
text-decoration:none; 
}*/
div.pagingPanel a:hover, table.pagedList tr.paging a:hover { background-color: #4c4c4c; color: #FFF; border:1px solid #4c4c4c; }
div.pagingPanel a.page-number.current, div.pagingPanel a.pager-selected { 
    background-color: #4c4c4c; 
    color: #FFF; 
    border:1px solid #4c4c4c; 
}
/******************************************************************************************/
/* end my account area styling                                                            */
/******************************************************************************************/

/******************************************************************************************/
/* begin ajax related styling                                                             */
/******************************************************************************************/

/* popup dialog related styles */
.popupOuterWrapper {overflow:hidden;width:1px;height:1px;} /* prevents the screen from dynamically resizing when the popup shows */
.modalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; }
.modalPopup { background-color:#ffffff; border-width:2px; border-style:solid; border-color:005b90; width:500px;}
.modalPopup .header, .modalPopupHeader {cursor:move; background-color:#005b90; border:solid 1px 000; color:#fff; padding:6px; font-weight:bold; font-size:1.1em;}
.modalPopup .modalPopupContent {padding:8px;}
.addAddressPopup {width:500px;}
.editAddressPopup {width:500px;}
.shipEstimatePopup {width:450px;}

/* ajax progress styling */
#ajaxProgressOuter 
{
    border: 0; padding: 0; margin: 0; 
	position:fixed; 
	width:100%;
	height:100%;
	left: 0; top:0; bottom:0;
	background-color: #444444; 
	opacity: .65;
    filter: alpha(opacity=65);
	z-index: 1000;
}

#ajaxProgressInner
{
	padding: 0; 
	background: #FFFFFF url(images/processing.gif) no-repeat 50%; 
	position: absolute; 
    left:48%;
	top:25%; 
	margin-left:-100px; 
	width:200px; 
	height:200px;		
	border: solid 2px #444444; 
	opacity: 1;
    filter: alpha(opacity=100);
    z-index: 1001;
}

/* Main Product Image */
div.mainImageArea {display:table;margin:auto;position: relative;}
div.mainImageArea div.mainImageWrapper {display:table-cell;vertical-align:middle;top: 50%;}
div.mainImageArea div.mainImageWrapper div.mainImage {position: relative; top: -50%; text-align:center;height: 480px;
width: 480px;}
#ProductImage {max-height:480px; max-width: 480px; width:100%;}

/* product image thumbnails */
.additionalImages 
{
    position: relative;
    margin: auto;
    width: 100%;
}
.additionalImages img.thumbnail { max-width:80px; max-height: 80px; width:100%;}
div.thumbnailsList {padding-top:10px;}
div.thumbnailsList ul {list-style:none;}
div.thumbnailsList ul li {display:inline;}
div.thumbnailImage
{
    border: 1px solid #ccc;
    text-align: center;
    display:inline-block;
}

div.thumbnailImage img, div.thumbnailsList a img{border:none;}

.socialMediaLinksDialog .fb_edge_comment_widget  { display:none; }

/******************************************************************************************/
/* end ajax related styling                                                               */
/******************************************************************************************/

/******************************************************************************************/
/* begin admin panel related styling                                                             */
/******************************************************************************************/

#adminPanel {padding:10px 15px 10px 15px; background-color:#FFF; border-top:1px solid #000;}
#adminPanel .rowHeader {font-weight:bold;}
#adminPanel div.editItemPanel {padding: 0 0 10px;}
#adminPanel div.displayPagePanel {}

/******************************************************************************************/
/* end admin panel styling                                                               */
/******************************************************************************************/

/******************************************************************************************/
/* Amazon payment page                                                               */
/******************************************************************************************/
#checkout_amazon  div.section {margin-bottom:1em; border:1px solid #636363; border-radius:5px; background-color:#E1E1E1;}
#checkout_amazon  div.section .header {padding-left: 10px; background:url(images/amazon-header-bg.gif) top left repeat-x #E1E1E1; border-radius: 5px;}
#checkout_amazon  div.section .header h2{font: bold 12px/29px arial,sans-serif; display: inline-block; letter-spacing: 0.5pt; margin: 0; }
#checkout_amazon  div.section .content { margin:0px 3px 3px 3px; border:1px solid #636363;padding: 10px 10px 10px 10px; background-color:White; }

#checkout_amazon .sidebarColumn { width: 420px; }
#checkout_amazon .mainColumn { width: 520px; }


/******************************************************************************************/
/* End Amazon payment page                                                               */
/******************************************************************************************/

/*Search Page Styling*/
#searchPage {padding-bottom:15px;}
#searchPage .catalogWrapper .searchListing {padding-bottom:15px;}
#searchPage .pagingPanel {left:0;}
#searchPage .itemListingContainer .itemListing tr:not(:last-child) .tableNode {padding-bottom:30px;}
/*Home Page Main Carousel styling*/
.img-right {
    position: absolute;
    right: 5px;
    bottom: 50%;
    height:40px; 
    width:30px;
}

.img-left{
    height:40px; 
    width:30px;
    position: absolute;
    left: 5px;
    bottom: 50%;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  /*width: 15%;*/
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
  /*background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);*/
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  /*background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);*/
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  /*bottom: 10px;*/
  right: 10px;
  z-index: 15;
  /*width: 60%;*/
  padding-left: 0;
  /*margin-left: -30%;*/
  /*text-align: center;*/
  list-style: square;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  /*border-radius: 10px;*/
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
/*.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
  text-shadow: none;
}*/

.label {
    float: left;
    padding-top: 5px;
    padding-right:10px;
    width: 100px;
    text-align: right;
}

.loginForm > div{
    margin-bottom:15px;
}

.loginForm input[type="text"], .loginForm input[type="password"] {
    padding: 8px;
}

.loginForm label
{
    font-weight:bold;
}
.loginForm input[type="button"] {
    padding: 10px 25px;
}

.loginForm input[type="button"]:hover {
    padding:8px 25px;
}

.billingAddress, .shippingAddress{
    font-size:14px;
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 0;
  }
  #checkout_shipMethodPage div.shipmentSection{
      padding-top:30px;
  }
  .confirm-preorder {
      float:right;
  }
}