/*--------------------------------------------------------------------------------------------------

Client: For The World Wide You
Company: 3cStudios
Author: Weszt, Jeff Dannel

1. Document
2. Setup
3. Headers
4. Navigation (Main)
5. Navigation (My Cart)
6. Page Title/Breadcrumbs
7. Search/Browse (structure)
8. Content
9. Featured Product (Home)
10. Products
	10.1 General
	10.2 Add to cart (gray boxes)
11. Price
12. Footer Cap
13. Footer
14. Clearfix
15. Specialty
16. My Cart
17. Search/Categories (Product Range)
18. inline shopping cart info
19. Reciept Page Info

--------------------------------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------------------------------
	1. Document
--------------------------------------------------------------------------------------------------*/
html,body{
margin:0;
padding:0
}
body
{
	font: 76% arial,sans-serif;
	background: #283652;
	text-align: center;
	color: #FFFFFF;	
}
p{
margin:0 10px 10px;
}
a{
color:#FFFFFF;
}
a:visited{
color:#FFFFFF;
}
img 
{
	border:none;
}
form {
margin:0px;
padding:0px;
}
input,select  {
margin:0px;
padding:0px;
}
legend 
{
	color:#fff;
}

/*--------------------------------------------------------------------------------------------------
	2. Setup
--------------------------------------------------------------------------------------------------*/

div.whitebackground {
text-align:center;
width:auto;
background:#FFFFFF url(../Images/3c2007/BG_Body.png) center top repeat-y;
border-bottom:solid 1px #08132c;
padding-top:20px;
}
div.container {
text-align:left;
width:780px;
background:url(../Images/3c2007/BG_HeaderNav.png) left top no-repeat;
position:relative;
margin:0 auto;
}

/*--------------------------------------------------------------------------------------------------
	3. Headers
--------------------------------------------------------------------------------------------------*/
.header_image
{
	float:left;
	top:0px;	
}

div.header 
{
	width:446px;
	padding:16px;

}

div.header h1
{
height:45px;
width:446px;
margin:0;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:28px;
font-weight:normal;
color:#000000;
background: transparent url(../Images/3c2007/3cSnapShot_Logo.png) no-repeat top left;

}
div.header h1 span {
	display:none
	}

div.page_title h2{
margin:0px;
color:#FFFF00;
font-size:18px;
font-weight:normal;
padding-top:2px;
padding-bottom:0px;
}

div.searchbrowse h3{
margin:0px;
padding:0px;
font-weight:normal;
font-size:16px;
}

div.popularproductssqueeze h3{
margin:0px;
margin-bottom:15px;
padding:0px;
font-weight:bold;
font-size:14px;
}

div.productshome h4{
margin-bottom:10px;
width:auto;
}

div.specialproducthome h4{
margin-bottom:10px;
width:auto;
}
div.content h2 
{
	margin-top:0;
	padding-top:0;
}
div.content h3 
{
	color:#FFFF00;
	font-size:14px;
	font-weight:bold;
}
div.productsdescription h2{
	margin: 1em auto 0.3em;
	clear:both;
	font-size: 120%;
	padding-top:20px;
}
div.productsdescription h2.dontspacemenu{
	padding-top:0px;
	margin:0;
}
	
/*--------------------------------------------------------------------------------------------------
	4. Navigation (Main)
--------------------------------------------------------------------------------------------------*/

div.nav_main{
color:#ffffff;
padding-top:5px;
}
div.nav_main ul{
padding:0px;
margin:0px;
list-style:none;
list-style-type:none;
}
div.nav_main li{
list-style:none;
list-style-type:none;
float:left;
position:relative;
margin:0;	
display:block;
font-weight:bold;
font-size:14px;
margin-left:10px;
}
div.nav_main a {
display:block;
padding:0px 5px 0px 15px;
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
width:auto;
}
div.nav_main a:hover {
display:block;
padding:0px 5px 0px 15px;
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
}


/*--------------------------------------------------------------------------------------------------
	5. Navigation (My Cart)
--------------------------------------------------------------------------------------------------*/

div.nav_mycart{
color:#ffffff;
width:166px;
float:right;
text-align:center;
margin-top:-42px;

}
div.nav_mycart ul{
padding:0px;
margin:0px;
list-style:none;
list-style-type:none;
}
div.nav_mycart li{
list-style:none;
list-style-type:none;
float:left;
position:relative;
margin:0;	
display:block;
font-weight:normal;
font-size:12px;
margin-right:16px;
}
div.nav_mycart a {
text-decoration:underline;
font-weight:normal;
color:#FFFFFF;
width:auto;
}
div.nav_mycart a:hover {
text-decoration:underline;
font-weight:normal;
color:#FFFFFF;
}

/*--------------------------------------------------------------------------------------------------
	6. Page Title/Breadcrumbs
--------------------------------------------------------------------------------------------------*/

div.page_title{
clear:both;
color:#d8d8d8;
font-size:10px;
padding-top:14px;
padding-left:10px;
width:100%;
float:left;
}

div.page_title a{
color:#d8d8d8;
font-size:10px;
font-weight:normal;
}

/*--------------------------------------------------------------------------------------------------
	7. Search/Browse
--------------------------------------------------------------------------------------------------*/

div.searchbrowse {
padding-left:9px;
padding-right:0px;
background:url(../Images/3c2007/BG_SearchBrowse.png);
width:231px;
float:right;
margin-right:5px;
margin-top:-10px;
clear:right;
min-height:248px;
border-bottom:solid 2px #6174a0;
}
div.searchbrowse ul{
 list-style: none;
margin: 0;
padding-bottom:20px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
}
div.searchbrowse li{
 background-image: url(../Images/Global/Bullet.png);
 background-repeat: no-repeat;
 background-position: 0 57%;
 padding: 0px 0 0px 15px;
 margin: .4em 0;
}

div.searchbrowse li.subli
{
	background-image: none;
	padding: 0px 0 0px 25px;
	margin: .4em 0;
}


div.searchbox {
margin-bottom:10px;
}
div.searchbox input.blue {
background-color: #0b3971; 
font-weight: normal; 
font-size: 13px; 
color: white;
}

/*--------------------------------------------------------------------------------------------------
	8. Content
--------------------------------------------------------------------------------------------------*/

div.content {
width:510px;
padding-top:20px;
margin-bottom:10px;
position:relative;
float:left;
}
div.content a{
color:#FFFFFF;
}
div.content a:visited{
color:#FFFFFF;
}


div.content table{
width:100%;
}

div.content table td{
padding-right:2px;
padding-bottom:2px;
}


/*--------------------------------------------------------------------------------------------------
	9. Featured Product (Home)
--------------------------------------------------------------------------------------------------*/

div.productssgroup {
padding-bottom:10px;
}
div.productshome {
float:left;
width:234px;
margin-right:8px;
border-bottom:#CCCCCC solid 1px;
text-align:center;
padding:5px;
margin-bottom:10px;
}
div.productshome img{
margin-bottom:10px;
}

div.productshomedescription {
text-align:left;
margin-left:10px;
}
div.specialproducthome {
float:left;
width:244px;
height:300px;
text-align:center;
padding:5px;
}
div.specialproducthome img{
margin-bottom:10px;
}


div.popularproducts {
width:518px;
clear:both;
/*background:url(../Images/3c2007/PopularProductsBox.png) top left no-repeat;*/
margin-top:10px;
position:relative;
}
div.popularproductstop {
width:518px;
clear:both;
background:url(../Images/3c2007/PopularProductsBox.png) top left no-repeat;
/*margin-top:10px;*/
}
div.popularproductssqueeze {
padding:10px;
width:auto;
}
div.popularproductssqueeze img{
border:#bdc088 solid 1px;
margin-right:2px;
}

div.popularproductsbottom {
height:23px;
background:url(../Images/3c2007/PopularProductsBoxBottom.png) top left no-repeat;
}

/*--------------------------------------------------------------------------------------------------
	10. Products
--------------------------------------------------------------------------------------------------*/

/* ****************** 10.1 General products *********************** */

div.products 
{
	/*width:510px;*/
	width:100%;
	position:relative;
}
div.productsdescription 
{
	width:340px;
	position:relative;
	margin-left:150px;
	padding:10px;
	
}

div.productsdescription p{
padding:0px;
margin-left:0px;
clear:left;
color:#FFFFFF;
}
div.productsimg {
position:absolute;
top:0px;
left:0px;

}

div.productsnotes
{
	border: #fff799 solid 1px;
	/*background: #ffffff;*/
	padding: 4px;
	width: 100%;
	height: 50px;
	margin-bottom: 10px;
	clear: both;
}
div.productsnotes p{
}
div.productsnotesright p{
text-align:right;
}
div.productsnotesleft p{
text-align:left;
}
div.productsnotesright {
float:right;
width:120px;
text-align:right;
}
div.productsnotesleft {
float:left;
width:150px;
text-align:left;
}

/* ****************** 10.2 Add to Cart (gray boxes) *********************** */

div.ShoppingCartTitle 
{
	clear:left;
}
div.productsaddtocart
{
	border: #d9d9d9 solid 1px;
	background: #ffffff;
	padding: 4px;
	width: 100%;
	margin-bottom: 40px;
	margin-top:60px;
	text-align: right;
	color:#000000;
	clear:left;
	position:relative;
}
div.productsaddtocart img{
	margin:0px;
	padding:0px;
	float:none;
}
div.productsaddtocart div.productsaddtocartleft
{
	position:absolute;
	width:120px;
	text-align:left;
	line-height:20px;
	top:4px;
	left:4px;
}
div.productsaddtocart table
{
	width:100%;
}
div.productsaddtocart .cartonetwentycolumn
{
	width:120px;
	text-align:right;
	vertical-align:bottom;
}
div.productsaddtocart .cartnowidthcolumn
{
	text-align:left;
}



/*--------------------------------------------------------------------------------------------------
	11. Price
--------------------------------------------------------------------------------------------------*/

dl{
	width: auto;
	margin: 0 0 1em;
	overflow: auto;
    background: url(../Images/Global/dots.gif) repeat-x 0 1.4em;
	}
dt, dd.productsprice{
	/*background: #050d23;*/
	font-size: 130%;
	font-weight: bold;
	background:none;
}
dt{
	float: left;
	padding-right: 3px;
	text-transform:capitalize;
	width:70%;
}

dd{
	margin:0;
}
dd.productsprice
{
	float: right;
	padding-left: 3px;
	color: #ffff33;
}
dd.itemssubtotal{
	float: right;
	padding-left: 3px;
	color: #FFFFFF;
	font-weight: bold;	
}


/*--------------------------------------------------------------------------------------------------
	12. Footer Cap
--------------------------------------------------------------------------------------------------*/
div.footercap {
width:510px;
height:28px;
padding:0px;
background:url(../Images/3c2007/BG_Tabs.png) left top no-repeat;
clear:both;
}
div.footercap ul{
padding:0px;
margin:0px;
list-style:none;
list-style-type:none;
margin-top:2px;
}
div.footercap li{
list-style:none;
list-style-type:none;
float:left;
position:relative;
margin:0;	
display:block;
font-weight:bold;
font-size:14px;
line-height:25px;
}
div.footercap a {
display:block;
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
width:140px;
text-align:center;
line-height:25px;
}
div.footercap a:hover {
display:block;
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
width:140px;
text-align:center;
line-height:25px;
}


/*--------------------------------------------------------------------------------------------------
	13. Footer
--------------------------------------------------------------------------------------------------*/
div.footer {
margin:0 auto;
width:780px;
text-align:left;
clear:both;
padding-top:10px;
font-weight:normal;
font-size:11px;
color:#FFFFFF;
min-height:160px;
}
div.footer a{
color:#FFFFFF;
}
div.footerleft {
width:450px;
float:left;
}
div.footerright {
width:300px;
float:right;
text-align:right;
}



/*--------------------------------------------------------------------------------------------------
	14. Clear Fix
--------------------------------------------------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */	   	   




/*--------------------------------------------------------------------------------------------------
	15. Specialty
--------------------------------------------------------------------------------------------------*/
div.disclaimerOne 
{
	width:auto;
	padding:10px;
	border:#ffFF00 solid 1px;
	margin-bottom:20px;
}
div.disclaimerOne h4
{
	font-weight:bold;
	color:#ffFF00;
	font-size:14px;
	margin:0px;
	padding:0px;
}



/*--------------------------------------------------------------------------------------------------
	16. My Cart
--------------------------------------------------------------------------------------------------*/
fieldset 
{
	padding:4px;
	border:#eeeeee 1px solid;
	margin-bottom:20px;
}
.standardlabel 
{
	font-weight:bold;
}
td.standardcolumnwidth 
{
	width:120px;
}
.myaccountorder
{
	margin-top: -16px;
	font-style: italic;
	font-size: 12px;
	margin-bottom: 20px;
	color: #ffff00;
}




/*--------------------------------------------------------------------------------------------------
	17. Search/Categories (Product Range)
--------------------------------------------------------------------------------------------------*/

div.productrangegroup 
{
	margin-top:50px;
}
div.productrangeitem 
{
	width:150px;
	float:left;
	text-align:center;
	margin-bottom:40px;
	margin-right:10px;
	font-weight:bold;
	font-size:14px;
}
div.productrangeitem img
{
	margin-bottom:10px;
}
div.productrangeitem a
{
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
}


/*--------------------------------------------------------------------------------------------------
	18. inline shopping cart info
--------------------------------------------------------------------------------------------------*/

div.inlinecart {
left:530px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
width:228px;
float:right;
margin-right:2px;
margin-top:10px;
clear:right;
}

div.inlinecart ul{
 list-style: none;
margin: 0;
padding-bottom:20px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
}
div.inlinecart li{
 background-image: url(../Images/Global/Bullet.png);
background-repeat: no-repeat;
background-position: 0 57%;
padding: 0px 0 0px 15px;
margin: .4em 0;
}
/*--------------------------------------------------------------------------------------------------
	19. Reciept Page Info
--------------------------------------------------------------------------------------------------*/

.ShoppingCartHeader
{
	font-weight:bold;
	border-bottom:1px gray solid;
	background-color: #0b3971; 
	color: white;
}
.Receipt_seperator
{
 border-bottom: dashed 1px black;
 
}

.ShoppingCartAlternateItems
{
	background-color: #b0c4de;
	color: black;
}

.youarehere
{
	width:100%;
}




/*--------------------------------------------------------------------------------------------------
	20. Super Mega Extra Crap
--------------------------------------------------------------------------------------------------*/

div.postfooter 
{
	width:100%;
	background:#ffffff url(../Images/3c2007/BG_PostFooter.png) repeat-x;
	padding-top:40px;
	text-align:center;
	color:#000;
	font-size:11px;
	margin-bottom:20px;
	border-bottom:solid 3px #08132b;
}
div.postfootermiddle 
{
	width:780px;
	margin:0 auto;
	text-align:left;
	padding-bottom:20px;	
}
div.postfootermiddle a
{
	color:#000;
}