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

Company: 3cStudios
Author: Weszt

These styles are to be used on ONLY this website.

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



/*--------------------------------------------------------------------------------------------------
	1. Global
--------------------------------------------------------------------------------------------------*/
body {
background:#0b2030;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
div.upperwrapper {
width:auto;
background:url(../Images/BG_Upper.jpg) top center repeat-x;


}
div.starwrapper {
width:auto;
background:url(../Images/BG_Star.jpg) top center repeat-x;

}
div.genericcenter {
width:780px;
margin:0 auto;
clear:both;

}
p 
{
	line-height:18px;
}
/*--------------------------------------------------------------------------------------------------
	2. Login
--------------------------------------------------------------------------------------------------*/
div.loginbar {
width:408px;
min-height:50px;
background:url(../Images/BG_Login.png) top right no-repeat;
float:right;
padding-top:6px;

}
div.loginbar input {
float:left;
}
div.loginbar input.textboxone {
width:120px;
height:20px;
background:url(../Images/BG_Textboxes.png) top left no-repeat;
border:none;
font-size:11px;
padding:2px 0px 0px 8px;

margin-left:50px;
}
div.loginbar input.textboxtwo {
width:120px;
height:20px;
background:url(../Images/BG_Textboxes.png) top left no-repeat;
border:none;
font-size:11px;
padding:2px 0px 0px 8px;

margin-left:2px;
}
div.loginbar div.signup {
width:60px;
height:60px;
float:right;
}


.loggedinuser 
{
	color:#ffff00;
	font-weight:normal;
	font-size:12px;
	margin-left:50px;
}
.loggedinuser a
{
	color: #00ff33;
	font-weight: normal;
	font-size: 12px;
}
/*--------------------------------------------------------------------------------------------------
	3. Logo, Feature, and Status
--------------------------------------------------------------------------------------------------*/

div.logo {
width:320px;
height:108px;
float:left;
margin-top:54px;
}

div.feature {
width:727px;
margin:-20px auto;
height:437px;
background:url(../Images/BG_Feature.png) top center no-repeat;
clear:both;
position:relative;
}

div.feature div.iwantthis {
position:absolute;
width:177px;
height:66px;
top:23px;
left:540px;
color:#091925;
font-size:14px;
font-weight:bold;
text-align:right;
}
div.feature div.iwantthis a{
color:#091925;
font-size:14px;
font-weight:bold;
}
div.feature div.pricing {
position:absolute;
width:228px;
height:86px;
top:330px;
left:10px;
color:#fff;
font-size:10px;
font-weight:normal;
text-align:left;
}
div.feature div.pricing div.price{
color:#ff0000;
position:absolute;
font-size:24px;
font-weight:bold;
top:2px;
left:48px;
}
div.feature div.pricing div.details{
width:228px;
position:absolute;
height:16px;
top:70px;
left:0px;
text-align:center;
}
div.feature div.tshirt {
position:absolute;
width:325px;
height:360px;
top:30px;
left:190px;
}

div.status {
width:auto;
margin-top:34px;
margin-bottom:20px;
padding-bottom:12px;
color:#071520;
font-weight:bold;
font-size:36px;
text-align:center;
text-transform:capitalize;
min-height:50px;
}

/* -- This is the note below the basic status message -- */
div.status div.statusnote{
color:#325e81;
font-weight:normal;
font-size:18px;
text-align:center;
padding-top:4px;
}
/*--------------------------------------------------------------------------------------------------
	3. Navigation
--------------------------------------------------------------------------------------------------*/
div.navigationwrapper 
{
	width:auto;
	clear:both;
	border-bottom:solid 3px #6386a4;
	height:33px;

}
div.navigation {
width:780px;
margin:0px auto 0px auto;
clear:both;
	height:33px;
}
div.navigation ul 
{
	float:left;
}
div.navigation  li {
    float:left;
    margin:0px 0px -3px 0px;
    padding:0 0 0 14px;
	color:#071520;
	font-size:14px;
	font-weight:bold;
}
div.navigation  li a{
	color:#071520;
	 display:block;
	 padding:12px 24px 2px 0px;
	 text-decoration:none;
}

div.navigation  li#current {
    background:url("../Images/Navigation/Nav_Left.png") top left no-repeat;
	color:#fff;
    }
div.navigation li#current a {
    background:url("../Images/Navigation/Nav_Right.png") no-repeat right top;
	padding:12px 24px 0px 10px;
    padding-bottom:10px;
	margin-right:10px;
	color:#fff;
    }
/*--------------------------------------------------------------------------------------------------
	4. Main Content
--------------------------------------------------------------------------------------------------*/
div.maincontentwrapper {
width:auto;
background:url(../Images/BG_MainContent.png) top left repeat-x;
min-height:486px;
clear:both;
padding-bottom:20px;
color:#fff;

}
div.maincontentwrapper div.maincontent  {
width:780px;
margin:0px auto;
padding-top:20px;
clear:both;
}
div.maincontentwrapper div.maincontent div.maincontentleft{
float:left;
width:440px;
}
div.maincontentwrapper div.maincontent div.maincontentleft h2{
color:#ffff00;
font-size:28px;
font-weight:normal;
width:auto;
margin-bottom:4px;
}
div.maincontentwrapper div.maincontent h2{
color:#ffff00;
font-size:24px;
font-weight:bold;
width:auto;
margin-bottom:4px;
}
div.maincontentwrapper div.maincontent div.maincontentright{
float:right;
width:305px;
text-align:center;
color:#527492;
font-size:12px;
}
div.maincontentwrapper div.maincontent div.maincontentright p{
color:#527492;
font-size:12px;
text-align:center;
margin-top:4px;
}
div.maincontentwrapper div.maincontent div.maincontentright a{
color:#527492;
font-size:12px;
font-weight:normal;
}
div.maincontentwrapper div.maincontent div.maincontentrighttwo{
float:right;
width:275px;
text-align:center;
color:#527492;
font-size:12px;
}
div.maincontentwrapper div.maincontent div.maincontentrighttwo p{
color:#527492;
font-size:12px;
text-align:center;
margin-top:4px;
}
div.maincontentwrapper div.maincontent div.maincontentrighttwo a{
color:#527492;
font-size:12px;
font-weight:normal;
}
div.maincontentwrapper div.maincontent a 
{
	color:#ffff00;
}


div.maincontentwrapper div.maincontent h3{
color:#ffff00;
font-size:18px;
font-weight:bold;
width:auto;
margin-bottom:4px;
}
div.maincontentwrapper div.maincontent h4{
color:#30fd30;
font-size:14px;
font-weight:bold;
width:auto;
margin-bottom:2px;
}
/*--------------------------------------------------------------------------------------------------
	5. Forms
--------------------------------------------------------------------------------------------------*/

div.maincontentwrapper div.maincontent input 
{
	font-size:14px;
	background:#ffffff;
	border:solid 2px #6386a4;
	padding:4px;
	width:200px;
	font-weight:bold;
}

div.maincontentwrapper div.maincontent input.FormCheckbox
{
	font-size: 14px;
	width: auto;
	font-weight: bold;
}
div.maincontentwrapper div.maincontent div.checkboxfix input
{
	width:12px;
	
}
div.maincontentwrapper div.maincontent div.checkboxfix
{
	text-align:left;
}
div.maincontentwrapper div.maincontent label 
{
font-size:14px;
font-weight:bold;
color:#9db7ce;	

}

div.maincontentwrapper div.maincontent table.globalform 
{
}
.requiredvalidator
{
	color:#ffff00;
}
div.maincontentwrapper div.maincontent table.globalform td
{
	height:40px;
	vertical-align:middle;
}

div.maincontentwrapper div.maincontent table.globalform 
{
}
div.maincontentwrapper div.maincontent table.globalform td span.formnotes
{
	font-style:italic;
	padding-left:10px;
}
div.maincontentwrapper div.maincontent td.firstcolumn 
{
	width:120px;
}

/* -- Exceptions -- */
div.maincontentwrapper div.maincontent input.dropdown 
{
	font-size:14px;
	background:#ffffff;
	border:solid 2px #6386a4;
	padding:4px;
	min-width:200px;
	font-weight:bold;
}
div.maincontentwrapper div.maincontent select.dropdown 
{
	font-size:14px;
	background:#ffffff;
	border:solid 2px #6386a4;
	padding:4px;
	min-width:200px;
	font-weight:bold;
}
div.maincontentwrapper div.maincontent input.zip
{
	font-size:14px;
	background:#ffffff;
	border:solid 2px #6386a4;
	padding:4px;
	width:60px;
	font-weight:bold;
}
div.maincontentwrapper div.maincontent input.thirdcolumntextbox
{
margin-left:10px;
}
div.maincontentwrapper div.maincontent input.submit
{
width:80px;
line-height:30px;
color:#1b320e;
height:30px;
font-weight:bold;
text-transform:uppercase;
font-size:14px;
background:url(../Images/BTN_Submit.png) top center no-repeat;
border:none;
padding:0px;
margin-top:20px;
}

div.maincontentwrapper div.maincontent input.submit_long
{
width:100px;
line-height:30px;
color:#1b320e;
height:30px;
font-weight:bold;
text-transform:uppercase;
font-size:14px;
background:url(../Images/BTN_Submit_Long.png) top center no-repeat;
border:none;
padding:0px;
margin-top:20px;
}

/*--------------------------------------------------------------------------------------------------
	6. Footer
--------------------------------------------------------------------------------------------------*/
div.footer {
width:auto;
text-align:center;
padding-bottom:50px;
clear:both;
border-top:solid 2px #ffffff;
}

div.footer div.footercenter
{
	width: 900px;
	text-align: center;
	margin: 0px auto;
	padding: 22px 4px 0px 4px;
	color: #ffffff;
}

div.footer div.footercenter div.primaryinfo{
color:#ffffff;
font-size:11px;
text-align:center;
line-height:16px;
width:650px;
margin:0px auto;
}
div.footer div.footercenter div.primaryinfo a{
color:#ffffff;
}
div.footer div.footercenter div.primaryinfo span{
padding-left:6px;
padding-right:6px;
}
div.footer div.footercenter div.secondaryinfo{
font-size:10px;
text-align:center;
width:590px;
line-height:12px;
padding-top:12px;
margin:0px auto;
}
div.footer div.footercenter div.secondaryinfo a{
font-size:10px;
color:#ffffff;

}

div.footer div.footercenter div.secondaryinfo span{
padding-left:14px;
padding-right:14px;
}


div.footer div.footercenter div.secondaryinfo div.links{
margin-bottom:2px;
text-align:center;
}

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

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

div.products 
{
	width:510px;
}
div.productsdescription 
{
	width:340px;
	float:right;
	text-align:left;
}

div.productsdescription p
{
	padding:0px;
	margin-left:0px;
}

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;
}

.productname
{
	margin:0px;
	color:#66ff00;
	font-size:18px;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:0px;
	width:300px;
}

.productsprice
{
	color:#66ff00;
	font-size:18px;
	font-weight:bold;
	
}
.imageBox
{
	float: left;
	margin-right: 10px;
	text-align: center;
	background-color: White;
	border:solid 2px #336699;

}

div.products img
{
float:left;
margin-right:10px;
}

div.productsnotes 
{
border:#fff799 solid 1px;
background:#fff799;
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.pseudobreadcrumbs
{
	width:auto;
	margin-bottom:20px;
}
div.promotionalcodes 
{
	/*BORDER: #30fd30 1px solid; */
	PADDING: 14px; 
	COLOR:#000;
	font-size:14px; 
	BACKGROUND: #ff6633;
	margin-top:20px;
}
div.productsaddtocart
{
	/*border: #d9d9d9 solid 1px;
	background: #336699;
	padding: 4px;*/
	width:auto;
	/*margin-bottom: 40px;*/
	margin-bottom: 10px;
	text-align: left;
	clear:both;
}
div.productsaddtocart img{
margin:0px;
padding:0px;
float:none;
}
div.productsaddtocart div.productsaddtocartleft
{
	float:left;
	width:120px;
	text-align:left;
	line-height:20px;
}
div.productsaddtocart table
{
	width:100%;
}
div.productsaddtocart .cartonetwentycolumn
{
	width:120px;
	text-align:right;
	vertical-align:bottom;
	padding-right:5px;
}
div.productsaddtocart .cartnowidthcolumn
{
	text-align:left;
}

div.fixcheckboxposition
{
	text-align:left;
	width:20px;
}
/*--------------------------------------------------------------------------------------------------
	16. My Cart
--------------------------------------------------------------------------------------------------*/
fieldset 
{
	padding:4px;
	border:#41596b 1px solid;
	margin-bottom:20px;
}
legend 
{
	color:#30fd30;
	font-weight:bold;
	font-size:14px;
	padding-left:4px;
	padding-right:4px;
}
.standardlabel 
{
	font-weight:bold;
}
td.standardcolumnwidth 
{
	width:120px;
}
.myaccountorder 
{
	/*margin-top:-16px;*/
	font-style:italic;
	font-size:12px;
	margin-bottom:20px;
	color:#666666;
}

.ShoppingCartTitle
{
	color: #ff6633;
	font-size: 14px;
	font-weight: bold;
	margin-bottom:10px;
}
table.ShoppingCartTable 
{
	border-collapse:collapse;
	border-spacing:4px;
}
.ShoppingCartItems td
{
	height:20px;
	line-height:20px;
}
	
.ShoppingCartHeader td
{
	color:#ff6633;
	font-size:14px;
	font-weight:bold;
	border-bottom:solid 1px #ff6633;
	margin-bottom:4px;
	height:16px;
}

.ShoppingCartProductName
{
	color:#66ff00;
	font-size:12px;
	font-weight:bold;
	height:20px;
	line-height:20px;	
}
div.ShoppingCartControlsDivider 
{
	color:#ff6633;
	border-bottom:solid 1px #ff6633;
	height:1px;
	margin-bottom:4px;
	margin-top:20px;
}

.ReceiptOrder
{
	clear:both;
	float:right;
	width:235px;
}

.ReceiptOrderedBy
{
	float:left;
	width:235px; 
	height:110px;
}

.ReceiptShipTo
{
	float:right;
	width:235px; 
	height:110px;

}

/*--------------------------------------------------------------------------------------------------
	8. Blogs
--------------------------------------------------------------------------------------------------*/	
div.newsandblogsdate 
{
	font-style:italic;
	/*margin-top:-8px;*/
	color:#666666;
	font-size:11px;
}
div.newsandblogsdivider 
{
	border-bottom:solid 1px #ffff00;
	margin-bottom:30px;
	margin-top:30px;
	height:1px;
}
div.commentsbox h4
{
	color:#ffff00;
	font-weight:normal;
	font-size:16px;
	margin-bottom:10px;
	margin-top:20px;
}
div.commentsbox h5
{
	color:#000;
	font-weight:normal;
	font-size:12px;
	margin-bottom:10px;
}
div.commentsbox input
{
	clear:both;
}
div.commentsboxright 
{
	float:right;
	width:400px;
	margin-right:10px;
}
div.commentsboxright textarea, div.commentsboxleft input
{
	width:100%;
	margin-left:0px;
}
div.commentsboxleft
{
	float:left;
	width:180px;
	padding-right:10px;
}
div.commentsboxclear 
{
	width:auto;
	clear:both;
}

div.commentsboxright  a{
text-decoration:none;

}

div.commentsboxbackground .blogcommenttitle 
{
	width:auto;
	background:#000000;
	padding:2px;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
}

.blogcommenttitlebar a 
{
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:3px;	
	text-transform:capitalize;	
}
.blogcommentright 
{
	width:auto;
	margin-left:30px;
}

div.commentsboxbackground  a:hover{
text-decoration:underline;
}

div.commentsboxbackground .blogdatetime 
{
	width:auto;
	text-align:right;
	color:#fff;
	font-style:italic;
	font-size:11px;
	margin-right:10px;
}
strong 
{
	font-weight:bold;
}
div.commentsblurb 
{
	width:559px;
}
div.commentsblurb .commentsblurbtop
{
	background:url(../Images/CommentsBlurb_Top.png) top left no-repeat;
	width:100%;
	height:18px;
}
div.commentsblurb .commentsblurbmiddle
{
	background:url(../Images/CommentsBlurb_Middle.png);
	width:100%;	
}
div.commentsblurb .commentsblurbbottom
{
	background:url(../Images/CommentsBlurb_Bottom.png) top left no-repeat;
	width:100%;	
	height:45px;
	margin-bottom:20px;
}


/*--------------------------------------------------------------------------------------------------
	XX. Contact Page
--------------------------------------------------------------------------------------------------*/	
div.contactpage
{
	clear:both;
}
div.contactpage div.contactpageleft 
{
	float:left;
	width:60%;
}
div.contactpage div.contactpageright
{
	float:right;
	width:38%;
}

/*--------------------------------------------------------------------------------------------------
	XXI. Voting Page
--------------------------------------------------------------------------------------------------*/	

div.voting_images
{
	width:auto;
	position:relative;
}
div.voting_images ul
{
	list-style:none;
	margin:0px -8px 0px -2px;
	padding:0px;
}
div.voting_images li
{
	width:180px;
	list-style:none;
	border:solid 2px #ffffff;
	float:left;
	margin:0px 10px 10px 0px;
	padding:0px;
	display:inline;
	height:320px;
	text-align:center;
}

div.voting_images li img 
{
	margin:0px;
}

.ImageColumn
{
	width:150px;
	padding:5px;
}

.ImageBorder
{
	border:1px solid gray;
	width:150px;
	text-align:center;
}

.dynamicColumn
{
	vertical-align:top;
	text-align:left;
}
.ComingSoon_Product_Image
{
	
	padding:5px;
}

.productTitle
{
	font-weight:bold;
	font-size:14px;
	text-align:center;
	margin-bottom:4px;
}
.VoteButton
{
	/*clear:both;*/
	/*float:right;*/
	text-align:center;
}

 li 
 {
	margin-left:20;
    padding:0 0 0 14px;
	color:#ffffff;
	line-height:18px;
	width:auto;

}
li a{
	color:#ffffff;
	padding:12px 12px 0px 0px;
	width:auto;
}

/*--------------------------------------------------------------------------------------------------
	XX. Portfolio - Previous Designs
--------------------------------------------------------------------------------------------------*/	
div.portfolio 
{
	width:auto;
	position:relative;
}
div.portfolio ul
{
	list-style:none;
	margin:0px -8px 0px -2px;
	padding:0px;
}
div.portfolio li
{
	width:180px;
	list-style:none;
	border:solid 2px #ffffff;
	float:left;
	margin:0px 10px 10px 0px;
	padding:0px;
	display:inline;
	height:270px;
	text-align:center;
}
div.portfolio li img 
{
	margin:0px;
}

div.portfolioitem 
{
	width:auto;
	margin-bottom:20px;
} 
div.portfolioitemtitle 
{
	font-size:18px;
	margin-bottom:4px;
}

/*--------------------------------------------------------------------------------------------------
	XX. VoiceBox
--------------------------------------------------------------------------------------------------*/	
/* --- Home page --- */

.voiceboxlatestblogrow
{
	line-height:18px;
	height:18px;
	font-weight:bold;
	padding-right:12px;
}

table.voiceboxlatest
{
	border-collapse:collapse;
	border-spacing:4px;
}

/* --- Entries --- */

div.voiceboxleft 
{
	float:left;
	width:500px;
}
div.voiceboxright 
{
	float:right;
	width:200px;
}


div.voting {
width:727px;
margin:-20px auto;
height:437px;
/*background:url(../Images/BG_Feature.png) top center no-repeat;*/
clear:both;
position:relative;
}


div.voting div.iwantthis {
position:absolute;
width:177px;
height:66px;
top:100px;
left:560px;
color:#091925;
font-size:14px;
font-weight:bold;
text-align:right;
}
div.voting div.iwantthis a{
color:#091925;
font-size:14px;
font-weight:bold;
}
div.voting div.pricing {
position:absolute;
width:228px;
height:86px;
top:330px;
left:10px;
color:#fff;
font-size:10px;
font-weight:normal;
text-align:left;
}
div.voting div.pricing div.price{
color:#ff0000;
position:absolute;
font-size:24px;
font-weight:bold;
top:2px;
left:48px;
}
div.voting div.pricing div.details{
width:228px;
position:absolute;
height:16px;
top:70px;
left:0px;
text-align:center;
}
div.voting div.tshirt {
position:absolute;
left: 0px; 
width: 515px; 
top: 24px; 
height: 515px;
text-align:center;
padding:5px;
}

div.voting div.tshirt img 
{
	width: 515px; 
	height: 515px;
	border:solid 5px navy;
}


/*--------------------------------------------------------------------------------------------------
	XX. Special Padding and Margins
--------------------------------------------------------------------------------------------------*/	
.extramarginbottom 
{
	margin-bottom:12px;
}