@charset "utf-8";
/* CSS Document */


body {
	font-size: 12px;
	font-family: Helvectica, 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: url('./images/bg.gif') top repeat-x;
	background-color: #bbedff;
	color: #DFEDF2;
	text-align: center;
	margin: 0;
	padding: 0;
}


#productBox {
	width:150px;
	height:150px;
	background-color:#22a3c3;
	margin:10px;
}



a:link {
	color:#acd976;
	text-decoration:none; 
}

a:visited {
	color:#acd976;
	text-decoration:none;
}

a:hover {
	color:#DFEDF2;
	text-decoration:none;
}

a:active {
	color:#f69a22;
	text-decoration:none;
}

#updates a:link{
		color:#22c722;
	text-decoration:none; 
}
#updates a:visited {
	color:#22c722;
	text-decoration:none;
}

#updates a:hover {
	color:#00cbfe;
	text-decoration:none;
}

#whiteBox a:link{
		color:#22c722;
	text-decoration:none; 
}
#whiteBox a:visited {
	color:#22c722;
	text-decoration:none;
}



#wrap { 
width:900px; 
margin:auto; 
}

#cart a:link{
color:#22a3c3;
	text-decoration:none;
}

#cart a:visited{
color:#22a3c3;
	text-decoration:none;
}

#cart a:hover {
	color:#acd976;
	text-decoration:none;
}

/*--------------PRODUCT NAVIGATION----------------*/

#cart {
width:900px;
height: 18px;
margin-top:20px;
margin-right:5px;
text-align:right;}

#nav {
width:900px;
background: url(./images/nav.png) bottom no-repeat;
height:36px;
margin: 0 0 10px 0;
padding:0px;
align:left;
}

#menu ul a {
font-size:10px;	
}
#menu ul .item {
display:none;
}

#menu ul:hover .item {
display:block;
padding:0px;
}

#menu ul:hover .item a {
color:#fff;
text-decoration:none;
font-weight:bolder;
}

#menu ul:hover .item a:hover {
color:#fff;
}

#menu ul {
width:100px;
float:left;
margin:0px;
padding:0px;
display:inline;
list-style:none;
}


#menu { position:absolute; float:left; width:500px; height:36px; display: inline; align:left;}

.clear {
clear:both;
height:36px;
}

/*-------------------END OF NAVIGATION----------------*/

#twitter_update_list li {
	width:245px;
	list-style: none;
	margin: 0 0 5px -35px;
	text-align:left;
	text-indent: 0em;
	list-style-type:none;
	padding:5px;
	background-color:#fff;
	border-bottom:solid 1px #acd976;
	word-wrap: break-word;
	white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
overflow:hidden;
}

.scrollArea {
width: 280px; 
height: 260px;
padding: 0px;
margin: 0px;
margin-top:5px;
margin-bottom:5px;
border-width: 0px;
float: left; 
overflow: auto;

}

#updates {
width: 280px;
height: 303px;
margin: 10px 0 10px 10px;
background-image: url(./images/updates.png);
float:left;
padding:0px;
padding-top:35px;
text-align:center;
color:#2772b3;
}

#twitter_div {
	text-align:center;
	width:250px;
	margin:0px;
	padding:0px;
	
}

#productInfo {
	width:880px;
	background: url(./images/top.png) top no-repeat #22a3c3;
	float:left;
	margin-top:10px;
	text-align:left;
	padding:10px;
}


h1 {
text-align:center;
color: #FFFFFF;
font-size:18px;
}




h2 {
text-align:center;
color: #f69a22;
font-size:20px;
}

#header {
width: 900px;
height: 140px;
margin-top: 0px;
background-image: url(./images/header.png);

}

#companyInfo {
	background: url(./images/companyinfo.png);
	width:420px;
	height:240px;
	float:left;
	padding:10px;
	padding-top:6px;
	margin-top:20px;
	color:#2772b3;;
}


#left {
width: 600px;
height: 338px;
margin: 10px 10px 20px 0;
float:left;
}

#right {
width: 260px;
height: 318px;
margin: 10px 0 10px 10px;
background-image: url(./images/mystery.png);
float:left;
padding:10px;
text-align:center;
}



#whiteBox {
width: 880px;
background: url(./images/topper.png) top no-repeat #ffffff;
margin-top:20px;
padding: 10px;
padding-top: 6px;
text-align:left;
}

#whiteBox ol {
color:#2772b3;

}

#whiteBox p{
color:#2772b3;
}

a.name {
color: #f69a22;
font-size:20px;
font-weight:bolder;
}

a.weight {

color: #f69a22;
font-size:14px;
}

a.code {

color: #f69a22;
font-size:14px;
}

a.company {

color: #FFFFFF;
font-size:14px;
}

a.price {

color: #FFFFFF;
font-size:18px;
font-weight:bolder;
}


a.greenHugeBold {
color: #acd976;
font-size:26px;
font-weight:bolder;
}
a.greenBigBold {
color: #acd976;
font-size:20px;
font-weight:bolder;
}
a.greenThin {
color: #acd976;
font-size:16px;
font-weight:normal;
}
a.greenBold {
color: #acd976;
font-size:14px;
font-weight:bolder;
}
a.green {
color: #acd976;
font-size:12px;
font-weight:bold;
}


a.darkBlueHuge {
color: #2772b3;
font-size:26px;
font-weight:bolder;
}
a.darkBlueBigBold {
color: #2772b3;
font-size:20px;
font-weight:bolder;
}
a.darkBlueThin {
color: #2772b3;
font-size:16px;
font-weight:normal;
}
a.darkBlueBold {
color: #2772b3;
font-size:14px;
font-weight:bolder;
}
a.darkBlue {
color: #2772b3;
font-size:12px;
font-weight:bold;
}

a.whiteHugeBold {
color: #fff;
font-size:26px;
font-weight:bolder;
}
a.whiteBigBold {
color: #fff;
font-size:20px;
font-weight:bolder;
}
a.whiteThin {
color: #fff;
font-size:16px;
font-weight:normal;
}
a.whiteBold {
color: #fff;
font-size:14px;
font-weight:bolder;
}
a.white {
color: #fff;
font-size:12px;
font-weight:bold;
}


a.orangeHugeBold {
color: #f69a22;
font-size:26px;
font-weight:bolder;
}
a.orangeBigBold {
color: #f69a22;
font-size:20px;
font-weight:bolder;
}
a.orangeThin {
color: #f69a22;
font-size:16px;
font-weight:normal;
}
a.orangeBold {
color: #f69a22;
font-size:14px;
font-weight:bolder;
}
a.orange {
	color: #f69a22;
	font-size:12px;
	font-weight:bold;
}



#bottom {
	width: 900px;
	float: left;
	margin-top:0px;
	margin-bottom:0px;
}

#footer {
	width: 900px;
	height: 50px;
	float:left;
	margin-top:20px;
	background-image:url(./images/footer.png);
	clear:both;
	text-align:center;
}

#navcontainer ul
{
margin-top:17px;
margin-bottom:15px;
padding: 0;
list-style-type: none;
text-align: center;
font-size:11px;
font-weight:bold;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
	
text-decoration: none;
/*padding: .2em 1em;*/
color: #fff;


}

#navcontainer ul li a:hover
{

color: #f69a22;

}


a.homeroll {
   display: block;
   width: 100px;
   height: 36px;
   text-decoration: none;
   background: url("./images/home.png");
}
a.homeroll:hover {
   background-position: -100px 0;
}

a.bodyroll {
   display: block;
   width: 100px;
   height: 36px;
   text-decoration: none;
   background: url("./images/onyourbody.png");
}
a.bodyroll:hover {
   background-position: -100px 0;
}

a.bellyroll {
   display: block;
   width: 100px;
   height: 36px;
   text-decoration: none;
   background: url("./images/inyourbelly.png");
}
a.bellyroll:hover {
   background-position: -100px 0;
}

a.houseroll {
   display: block;
   width: 100px;
   height: 36px;
   text-decoration: none;
   background: url("./images/inyourhouse.png");
}
a.houseroll:hover {
   background-position: -100px 0;
}

a.mindroll {
   display: block;
   width: 100px;
   height: 36px;
   text-decoration: none;
   background: url("./images/onyourmind.png");
}
a.mindroll:hover {
   background-position: -100px 0;
}

a.rollover {
   display: block;
   width: 100px;
   padding-top:10px;
   height: 26px;
   text-decoration: none;
   background-color:#22a3c3;
}
a.rollover:hover {
   background-color:#00cbfe;
}

input{

font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:5px 0 0 10px;
float:left;
background-color:#dfedf2;
color:#22a3c3;

}
button{
float:left;
margin:5px 12px 0 5px;
width:125px;
height:25px;
background: url(images/search.gif);
text-align:center;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
border:0px solid #00cbfe;
cursor:pointer;
}

.transparent {
	
height:100%;
width:35%;
float:right;
background:url('./images/trans.png');
padding:10px;
}

.searchResult {
	background:#1685a1;
	width:830px;
	padding:10px;
	margin:10px;
	height:138px;
	border: 5px solid #1e99b8;
}

#small1 {
width: 210px;
height: 118px;
margin: 0px 10px 10px 0;
float: left;
}

#small2 {
width: 210px;
height: 118px;
margin: 0px 10px 10px 10px;
float: left;
}

#small3 {
width: 210px;
height: 118px;
margin: 0px 10px 10px 10px;
float: left;

}
#small4 {
width: 210px;
height: 118px;
margin: 0px 0 10px 10px;
float: left;
}

/* =====================================================
    FOXYCART.COM
    
    @theme      standard
    @version    0.4.0
    @for        foxycart.com/v/0.4.0px/foxycart_includes.js
                or: foxycart.com/v/0.4.0/raw/foxybox.js
    
    @usage      These styles can be included in your main stylesheet, or you can just link to this file.
    
    @support    forum.foxycart.com
    
    @IMPORTANT  Before you attempt to use this file to customize this CSS file, please review:
                http://wiki.foxycart.com/screencasts
                Especially: http://wiki.foxycart.com/screencasts:customizing_your_checkout
                We promise it will be worth it, even if you're a CSS expert.
    
===================================================== */

#fc_tb_closeAjaxWindowTop,
#fc_tb_closeAjaxWindowBot {
	margin:0px 0px;
	padding:0px 10px;
}
#fc_tb_closeWindowButtonTop {
	height:0px; overflow:hidden;
	width:11px;
	margin:0px 0px;
	padding-top:24px;
	float:left;
	background-image:url(https://www.foxycart.com/themes/standard/images/cart-close-x.png);
	background-position:left top;
}
#fc_tb_closeWindowButtonBot {
	height:0px; overflow:hidden;
	width:156px;
	margin:0px 0px;
	padding-top:24px;
	float:left;
	background-image:url(https://www.foxycart.com/themes/standard/images/cart-continue-shopping.png);
	background-position:left top;
}
#fc_tb_closeAjaxWindowTop span {
  display:none;
}

a#fc_tb_closeWindowButtonTop:hover,
a#fc_tb_closeWindowButtonBot:hover {
	background-position:left -24px;
}