@import url("http://yui.yahooapis.com/2.7.0/build/reset/reset-min.css");
@import url("http://yui.yahooapis.com/2.7.0/build/fonts/fonts-min.css");
@import url("http://yui.yahooapis.com/2.7.0/build/base/base-min.css");
@import url("http://ui.bridaluxe.com/1.0/css/base.css");

div.header {
background: url(../images/header.png) repeat-x;
}

body.home ul.navigation li.home a,
body.merchants ul.navigation li.merchants a,
body.affiliates ul.navigation li.affiliates a,
body.tools ul.navigation li.tools a,
body.account ul.navigation li.account a,
body.merchandising ul.navigation li.merchandising a,
body.reports ul.navigation li.reports a,
body.settings ul.navigation li.settings a,
body.support ul.navigation li.support a {
	background: url(../images/tab_left.png) no-repeat;
	color: #000;
}


body.home ul.navigation li.home,
body.merchants ul.navigation li.merchants,
body.affiliates ul.navigation li.affiliates,
body.tools ul.navigation li.tools,
body.account ul.navigation li.account,
body.merchandising ul.navigation li.merchandising,
body.reports ul.navigation li.reports,
body.settings ul.navigation li.settings,
body.support ul.navigation li.support {
	background: url(../images/tab_right.png) #fff  top right no-repeat;
}

div.header div.realm {
	height: 26px;
	width: 251px;
	background: url(../images/realm.png) no-repeat;
}


/********** Controls for color swatches in storefront configuration ***********/

div.swatch {
float: left;
height: 20px;
width: 36px;
}

div.aqua { background: #20CBDC; }
div.chocolate { background: #663300; }
div.forest { background: #3D6F13; }
div.fuscia { background: #ED2FBA; }
div.gold { background: #C88B00; }
div.grass { background: #3AC300; }
div.orange { background: #FF6700; }
div.plum { background: #660059; }
div.purple { background: #402493; }
div.red { background: #B90F06; }
div.royal { background: #1A36AC; }
div.teal { background: #2E8188; }





/********** CONTROLS FOR TOOLS INDEX ******************************************/

ul.tools {
position: relative;
margin: 0px;
padding: 0px;
padding-right: 18px;
}

ul.tools li {
position: relative;
list-style: none;
background: #E1DBCB;
width: 50%;
float: left;
margin-bottom: 18px;
clear: left;
}

ul.tools li div.copy {
padding: 18px;
border: 1px solid #A9996E;
float: left;
}

ul.tools li h3 {
margin-top: 0px;
margin-bottom: 12px;
font-size: 16px;
}

ul.tools ul li {
float: none;
list-style: disc;
width: auto;
margin-bottom: 0;
padding: 0;
}


ul.tools li.api,
ul.tools li.products,
ul.tools li.textlinks, 
ul.tools li.links {
right: -18px;
clear: none;
}


/***********CUSTOM CSS FOR REPORTING ******************************************/


body.reports table tr td:first-child,
body.reports table tr th:first-child {
width: auto;
}