/*****************************************************************
css styles

website: Wampum Magic
author: josh fuller
e-mail: jfuller@treblered.com
created: 8.4.09
*****************************************************************/
body {
	margin:0;
	padding:0px 0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:small;
	font-weight:normal;
	line-height:1.4em;
	color:#333333;
	background: #333333;

}



/***************************************************************
Typography
****************************************************************/
b {
	font-size:110%;
}
.pinkbold {font-family:Arial; font-size:14px; font-weight:bold; color:#cc99cc; line-height:14px;}

.purplebold {font-family:Arial; font-size:12px; font-weight:bold; color:#663366; line-height:14px;}

.maincopy {font-family:Verdana; font-size:12px; font-weight:normal; color:#333333; line-height:14px;}

.lightcopy {font-family:Verdana; font-size:12px; font-weight:normal; color:#cccccc; line-height:14px;}

.serif {font-family:Times; font-size:18px; font-weight:normal; color:#333333; line-height:20px;}

.item {font-family: Verdana; color:#999999; font-size: 11px; font-weight:normal; text-decoration:none; line-height:14px;}

.sectionlink {font-family: Verdana; color:#333333; font-size: 11px; font-weight:normal; text-decoration:none; line-height:14px;}
A.sectionlink:link {font-family:Verdana; color:#333333; font-size:11px; font-weight:normal; text-decoration:underline; line-height:14px;}
A.sectionlink:hover {font-family:Verdana; color:#663366; font-size:11px; font-weight:normal; text-decoration:underline; line-height:14px;}

.whitelinks {font-family: Verdana; color:#FFFFFF; font-size: 11px;  text-decoration:none; line-height:14px;}
A.whitelinks:link {font-family:Verdana; color:#FFFFFF; font-size:11px; font-weight:normal; text-decoration:none; line-height:14px;}
A.whitelinks:hover {font-family:Verdana; color:#cc99cc; font-size:11px; font-weight:normal; text-decoration:none; line-height:14px;}

.footlink {font-family:Verdana; font-size:11px;  color:#cccccc;}
A.footlink:link {font-family:Verdana; color:#cccccc; font-size:11px; text-decoration:underline; line-height:14px;}
A.footlink:hover {font-family:Verdana; color:#ffffff; font-size:11px;  text-decoration:underline; line-height:14px;}

.link {font-family:Arial; font-size:12px;  color:#074d3d;}
A.link:link {font-family:Arial; color:#074d3d; font-size:12px; text-decoration:underline; line-height:14px;}
A.link:hover {font-family:Arial; color:#666666; font-size:12px;  text-decoration:underline; line-height:14px;}
A.link:visited {font-family:Arial; color:074d3d; font-size:12px;; text-decoration:underline; line-height:14px;}

.footertype {font-family:Arial; font-size:11px; font-weight:normal; color:#333333;}

.pad {padding-top:10px; padding-bottom:6px; padding-right:10px; padding-left:10px;}


/***************************************************************
Other
****************************************************************/

p {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
	line-height:1.4em;
	color:#333333;
	margin:0;
	padding:8px 0 14px;
}

h1 {
	color:#000;
	font-size:250%;
	margin:0;
	padding:8px 0;
	display:none;
}

h2 {
	font-size:120%;
	font-weight:normal;
	color:#FFFFFF;
	margin:0;
	padding:0;
}

ul {
	margin:0;
	padding:0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}



/***************************************************************
MISC
****************************************************************/
a img {
	border:none;
}


/***************************************************************
Navigation
****************************************************************/


/*Top nav bar*/
ul.nav-top {
	position:absolute;
	top:59px;
	left:265px;
	list-style-type:none;
	background:#FFF url('graphics/nav-bg.jpg');
	font:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
	height: 46px;
	width: 671px;
}

ul.nav-top li {
	float:left;
	padding:0px 8px;
}

.contact {
	position:absolute;
	list-style-type:none;
	top:0px;
	left:642px;
	z-index:100;
	background:#FFF url('graphics/contact-bg.jpg');height:24px; width:296px;padding-top:3px; padding-bottom:1px; padding-right:1px; padding-left:3px;
	font-family:Arial; font-size:11px; font-weight:bold; color:#074d3d; line-height:14px;
}


/*ul.nav-top li a:hover {border-bottom: 2px solid #b03329;} /*hover line...not using because bug with Safari*/
ul.nav-top .first {
	background:none;
}


/***************************************************************
Layout
****************************************************************/
#maincontainer {
	position:relative;
	width:936px;/*Width of main container*/
	margin:0 auto;
}

.logo {
	position:absolute;
	list-style-type:none;
	top:0px;
	left:0px;
	z-index:100;
}

.hometable {
	position:absolute;
	top:99px;
	z-index:100;
}

.promohome {background:#FFF url('graphics/promo-bg.jpg'); height:212px;width:554;  padding-top:10px; padding-bottom:10px; padding-right:10px; padding-left:10px;}

.subcontainer {background:#FFF url('graphics/sub_container.jpg'); height:329px; width:266; padding-top:8px; padding-bottom:8px; padding-right:12px; padding-left:12px;}

.subcontainer2 {background:#FFF url('graphics/subcontain2.jpg'); height:329px; width:266; padding-top:8px; padding-bottom:8px; padding-right:12px; padding-left:12px;}

.subchannel {background:#d2d7e0; width:244; padding-top:8px; padding-bottom:8px; padding-right:12px; padding-left:12px;}

.subcontent {padding-top:8px; padding-bottom:8px; padding-right:12px; padding-left:12px;}

.clear {clear: both;}

.navtable {
position:relative;
clear: both;
}


ul.latest {
	position: relative;
	list-style-type:none;
	width: 310px;

}

ul.latest li {
	float:left;
}

ul.footer {
	position: relative;
	list-style-type:none;
	width: 900px;

}

ul.footer li {
	float:left;
}

}

#contentwrapper {
	margin-bottom:10px;
	padding:0;
	width:944px;
	background-color:#fff;
}

.lftdiv1 {padding-top:5px; padding-bottom:5px; padding-right:5px;}
.lftdiv2 {padding-top:5px; padding-bottom:5px; padding-right:5px; border-bottom:#999999 1px solid; border-top:#999999 1px solid;}



/*Layout change for the homepage*/

.footdiv {padding-top:5px; padding-bottom:5px; padding-right:5px; border-top:#999999 1px solid;}


#contentcolumn {
	float:left;
	margin-right:305px;


/*Set right margin to RightColumnWidth*/
}

#rightcolumn {
	float:right;
	width:305px;


/*Width of right column*/
	margin-left:-305px;



/*Clears page floats*/
.innertube {
	padding:0 20px 20px;}


/*Margins for inner DIV inside each column (to provide padding)*/
	margin:0;
}

.cart td{
padding:5px;
}

.cartPrice{
padding:15px;
text-align:center;
display:inline;

}
.grandTotal{
	font-size:16px;
	font-weight:bold;
	text-align:right;
	padding:15px;
	border:1px solid #000000;
}

.shipping{
	font-size:16px;
	font-weight:bold;
	text-align:right;
	padding:15px;
	border:1px solid #000000;
}
.shipping i{
	font-size:11px;
}
