/*------------------------------------------------------------
Trademark Productions - DDJ 

version:	1.0
author:		Trademark Productions
email:		development@tmprod.com
website:	www.tmprod.com
-------------------------------------------------------------*/

/* =General/HTML Elements
-------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
	}

h1, h2, h3, h4, h5, h6, p, pre, table, blockquote, form { 
	margin:.5em 0;
	}

img {
	border:0;
	}

.clear {
	clear:both
	}

.right{
	float:right;
	clear:right;
	padding:5px 0 10px 10px;
	}


.left{
	float:left;
	clear:left;
	padding:5px 10px 10px 0;
	}

body { 
	margin:0 auto;
	background-color:#e1e1e1;
	text-align:center;
	min-width:780px;
	}

/* =Typography
-------------------------------------------------------------*/
body {
	font:11px Arial, Helvetica, sans-serif;
	}

p, li  {
	text-align:left;
	font-size:11px;
	color: #000000
	}
	
.light * { color:#000;}

.dark * {color:#fff;}
		
p.caption{
	font-size:10px;
	text-align:center;
	width:auto;
	margin:0;
	color:#114ae9;
	}
	
	
#container.dark p.caption{
	color:#fff;
	}
	
#content p, #content ul li{
	font-size:11px;
	}
	
.fieldKey {
	font-weight: bold;
}

.pageHeading {
	font-size: 22px;
	font-weight: bold;
}


.pagePrice {
  font-size: 14px;
  font-weight: bold;
}

#mainContent ul{
	list-style:none;
	margin-left:12px;
	}
	
.productListing-heading {
	font-weight: bold;
	font-size: 11px;
}
	
#content ul{
	list-style:square;
	margin-left:30px;
	}
		

ul.cart_Stuff {
	list-style: none;
}

ul.cart_Stuff li {
	font-size: 12px;
}


#footer p, #footer ul{
	text-align:center;
	clear:both;
	padding-bottom:10px;
	}
	
#footer li {
	color:#fff;
	}
	
.boxText {
	font-size: 12px;
}
	
.orange{
	color:#fcbb0d;
	font-weight:bold;
	}
	
.teal{
	color:#b0e4ff;
	font-weight:bold;
	}
	
.green{
	color:#b7dd52;
	font-weight:bold;
	}
	
.blue{
	color:#49a8eb;
	font-weight:bold;
	}
	
.darkblue{
	color:#114ea9;
	font-weight:bold;
	}
	
.yellow{
	color:#f6d526;
	font-weight:bold;
	}
	
.white{
	color:#eff7f0;
	font-weight:bold;
	}
	
/* =Headings
-------------------------------------------------------------*/
h1 { font-size:2.1em; }
h2 { font-size:2em; }
h3 { font-size:1.8em; }
h4 { font-size:1.6em; }
h5 { font-size:1.4em; }

div#content h1 {
	margin:0;
	padding:0;
	}
	

h3.galhead {
	clear:both;
	display:block;
	font-size:16px;
	}

/* =Links
-------------------------------------------------------------*/



a, a:visited {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	}
		
a:hover {
	color:#fb870b;
	text-decoration:underline;
	}
	
a.green, a:visited.green {
	color:#b7dd52;
	font-weight:bold;
	text-decoration:none;	
	}
	
a:hover.green {
	color:#b7dd52;
	text-decoration:underline;
	}
	
a.teal, a:visited.teal {
	color:#b0e4ff;
	font-weight:bold;
	text-decoration:none;	
	}
	
a:hover.teal {
	color:#b0e4ff;
	text-decoration:underline;
	}
	
a.orange, a:visited.orange {
	color:#fcbb0d;
	font-weight:bold;
	text-decoration:none;	
	}
	
a:hover.orange {
	color:#fcbb0d;
	text-decoration:underline;
	}
	
div#content a{
	text-decoration:underline;
	color:#114ea9;
	}

/* =Layout
-------------------------------------------------------------*/
#container {
	width:780px;
	margin:10px auto;
	text-align:left;
	background: #8fc7f8 url(../images/container_bg.jpg) repeat-y top left;
	}
	
#sidebar {
	width:170px;
	padding:4px 0 0 0;
	float:left;
	text-align:center;
	}
	
#sidebarNav {
	height:192px;
	margin:5px 0 5px 0;
	background: url(../images/nav_bg.gif) no-repeat top center;
	}
	
#mainContent {
	width:610px;
	float:right;
	}

#content {
	/* width:590px; */
	padding:0 10px 0 10px;
	/* float:right; */
	margin:0;
	}
	
#banner {
	width:602px;
	height:20px;
	padding:8px 8px 8px 0;
	background:url(../images/banner_bg.gif) no-repeat top left;
	text-align:right;
	}
	
#footer {
	display: none;
	width:730px;
	height:100px;
	padding:25px;
	background-color:#114ea9;
	border-top:8px #fcbb0d solid;
	text-align:center;
	}
	
div.rightdesc{
	float:right;
	clear:right;
	width:380px;
	}
	

/* =Branding/Banner/Masthead Styling
-------------------------------------------------------------*/


/* =Main Content Styles
-------------------------------------------------------------*/
#mainContentLeft{
	float:left;
	width:284px;
	padding-right:70px;
	padding-left:20px;
	height:461px;
	background:url(../images/indexleft_bg2.jpg) no-repeat top left;
	}

#mainContentRight{
	width:215px;
	height:451px;
	padding:10px 10px 0 10px;
	float:left;
	background:url(../images/indexright_bg.jpg) no-repeat top left;
	}
	
div#mast {
	width: 610px;
	height: 96px;
	margin:0;
	padding:0;
	}
	
#info_section {
	margin: 0 20px;
	width: 570px;
}

#product_section {
	margin: 0 20px;
	width: 570px;
}

.section_margin {
	margin: 0 20px;
	width: 570px;
}
	
body.orange div#mast{
	background:url(../images/mainContentMast_orange.jpg) no-repeat top left;
	}
	
body.yellow div#mast{
	background:url(../images/mainContentMast_yellow.jpg) no-repeat top left;
	}
	
body.green div#mast {
	background:url(../images/mainContentMast_green.jpg) no-repeat top left;
	}

div#mast {
	background:url(/images/mainContentMast_white.jpg) no-repeat top left;
	
	}

body.blue div#mast{
	background:url(../images/mainContentMast_blue.jpg) no-repeat top left;
	}
	
body.teal div#mast{
	background:url(../images/mainContentMast_teal.jpg) no-repeat top left;
	}
	
body.orange #mainContent{
	background: #fb870b url(../images/mainContentBG_orange.jpg) repeat-y top right;
	}
	
body.yellow #mainContent{
	background: #f6d526 url(../images/mainContentBG_yellow.jpg) repeat-y top right;
	}
	

body.blue #mainContent{
	background: #4aa9ed url(../images/mainContentBG_blue.jpg) repeat-y top right;
	}
	
body.green #mainContent{
	background: #b7dd52 url(../images/mainContentBG_green.jpg) repeat-y top right;
	}
	
#mainContent{
	background: #f0f7f0 url(/images/mainContentBG_white.jpg) repeat-y top right;
	}
	
body.teal #mainContent{
	background: #b0e4ff url(../images/mainContentBG_teal.jpg) repeat-y top right;
	}
	
/* =Secondary Content Styles
-------------------------------------------------------------*/
ul#gallery {
	list-style:none;
	margin:0;
	clear:both;
	}
	
ul#gallery li {
	padding:0 0 5px 5px;
	width:190px;
	float:left;	
	}

/* =Sidebar Content Styles
-------------------------------------------------------------*/


/* =Footer Styles
-------------------------------------------------------------*/


/* =Main Navigation Styles
-------------------------------------------------------------*/
#sidebarNav ul.nav {
	display:block;
	text-align:right;
	list-style:none;
	padding-top:13px;
	}
	
#sidebarNav ul.nav li {
	font-size:12px;
	text-align:right;
	clear:both;
	float:right;
	*width:160px;
	padding:1px 5px 11px 0; 
	*padding:0 10px 0 0;
	}
	
#sidebarNav ul.nav li a, #sidebarNav ul.nav li a:visited {
	color:#114ea9;
	}
	
#sidebarNav ul.nav li a:hover {
	text-decoration:underline;
	}
	

/* =Secondary Navigation Styles
-------------------------------------------------------------*/
#banner ul{
	list-style:none;
	float: right;
	}
	
#banner ul li{
	background:url(../images/banner_nav_bullet.gif) no-repeat left center;
	padding-left:10px;
	float:left;
	margin-right:10px;
	}
	
#banner ul li a, #banner ul li a:visited, #banner ul li a:hover{
	color:#114ea9;
	}
	
#banner ul li a:hover{
	text-decoration:underline;
	}
	
#footer ul{
	list-style:none;
	margin-left:40px;
	}
	
#footer ul li{
	padding-right:5px; 
	float:left;
	}
	
#footer ul li a, #footer ul li a:visited{
	color:#fff;
	}
	
#footer ul li a:hover{
	color:#fcbb0d;
	text-decoration:underline;
	}
	
	

/* =Form Styles
-------------------------------------------------------------*/
label{
	font-size:12px;
	}
	
legend{font-size:12px; font-weight:bold;}

	
input, textarea{
	margin-top:6px;
	}

form#contact fieldset{
	padding:5px;
	border:0;
	width:auto;
	}

form#contact fieldset table{
	margin-left:10px;
	}

form#contact label {
	font-size:1.2em;
	}
	
/* =Table Styles
-------------------------------------------------------------*/
table { 
  	border-spacing:0;
	border-collapse:collapse;
	}

td {
  	text-align:left;
	font-weight:normal;
	}
	
form#tank_select fieldset#top label, form#tank_select fieldset#top select, form#tank_select fieldset#top input {
	font-size:14px;
	margin:5px;
	}
	
fieldset#top input {
	width:150px;
	}
	
form#tank_select fieldset#top select {
	width:153px;
	}
	
form#tank_select fieldset#top {
	border:none;
	padding:10px;
	}
	
fieldset#top table#personal_info {
	width:300px;
	}
	
fieldset#top img {
	float:right;
	clear:left;
	padding-top:11px;
	padding-right:5px;
	}
	
table#select_shape {
	width:580px;
	}
	
table#select_shape td#shapes {
	width:305px;
	margin:0;
	padding:0;
	*padding-bottom:10px;
	}
	
table#select_shape td#flash_td {
	margin:0;
	padding:0;
	background-color:#002f5e;
	}
	
table#select_shape td#shapes ul {
	list-style:none;
	float:left;
	margin:0;
	background-color:#003466;
	padding:10px 20px;
	*padding: 20px;
	}
	
table#select_shape td#shapes ul li{
	float:left;
	width:80px;
	height:50px;
	dispaly:block;
	margin:5px 3px 5px 0;
	cursor:pointer;
	}
	
table#select_shape td#shapes ul li input {
	float:right;
	margin-top:-20px;
	}
	 
table#select_shape td#shapes ul li img {
	padding:4px;
	background-color:#003466;
	}

table#wood ul#wood_type{
	list-style:none;
	width:450px;
	float:left;
	}
	
table#wood ul#wood_type li{
	float:left;
	width:80px;
	padding:5px;
	}
	
table#tank_size select, table#background select, table#overflow select {
	width:180px;
	}
	
input#reset, input#submit {
	margin:15px 15px 0 0;
	padding:4px;
	}
/* =Miscellaneous Styles
-------------------------------------------------------------*/
.stfgallery{
	display:none;
	}

	
/* =Print Styles
-------------------------------------------------------------*/
@media print { 

	}