﻿/* 
===============================================================
Child List Tables

2in6 = two columns in the Standard6 layout
3in6 = three columns in the Standard6 layout (or a derivative)
3in8 = three columns in the Standard8 layout (or a derivative)

In most global definitions, the settings for 2in6 are created.
They are then overridden as necessary by identifier references

Some styles have additional classes for visual headers
===============================================================
*/

#children2in6, #children3in6, #children3in8, #children1in8, #children4in8, #childrennews .productDetail
{

	margin: 0px 0px 20px 8px;
	padding: 0px 0px 0px 0px;
}

#children2in6, #children3in6, .productDetail
{
	width: 600px !important;
}

#children3in8, #children1in8, #children4in8, #childrennews
{
	width: 818px;
}

#children2in6 table, #children3in6 table, #children3in8 table, #childrennews table
{
	width: 600px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(/common/images/static/rules_600_2columns.gif);
	background-repeat: repeat-y;
	border-collapse: collapse;
}

#children3in6 table
{
	background-image: url(/common/images/static/rules_600_3columns.gif);
}

#children3in8 table
{
	width: 810px;
	background-image: url(/common/images/static/rules_810_3columns.gif);
}

#childrennews table
{
	width: 810px;
}

#children4in8 table
{
	width: 810px;
	background-image: url(/common/images/static/rules_810_4columns.gif);
}

#children2in6 td, #children3in6 td, #children3in8 td, #childrennews table
{
	width: 300px;
	padding: 0px 10px 10px 15px;
	vertical-align: top;
	line-height:16px;
}

#children3in6 td
{
	width: 175px;
}

#children3in8 td
{
	width: 270px;
}

#children4in8 td
{
	width: 190px;
	padding: 0px 0px 0px 10px;
	/*border: dotted 1px red;*/
}

#children3in6 h2
{
	width: 170px;
	padding: 0px 0px 0px 0px;
}

#childList p, #children3in8 p
{
	margin-top: 0px;
}

#childList8Col h2, #children3in8 p
{
	width: 244px;
	margin-top: 0px;
}

#children3in6 .pagingButtons
{
	text-align: right;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#children3in6 dl
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	line-height: 16px;
}

/* ==== Product Category Setups ==== */

#children2in6 .listHeading, #children3in8 .listHeading
{
	vertical-align: top;
	padding: 5px 10px 3px 15px;
}

#children2in6 .listHeading
{
	background-image: url(/common/images/backgrounds/2nd_bg_top.gif);
}

#children3in8 .listHeading
{
	background-image: url(/common/images/backgrounds/primary_bg_top.gif);
}

#children3in8 .pagingButtons
{
	text-align: right;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width:810px;
}

.listHeading img
{
	float: right;
	position: relative;
	margin: -15px -3px -10px 10px;
	vertical-align: text-top;
	border: none;	
}

#children2in6 .listHeadingLinks, #children3in8 .listHeadingLinks
{
	height: 34px;
	padding: 0px 0px 0px 15px;
	vertical-align: middle;
	background-repeat: no-repeat;
}

#children2in6 .listHeadingLinks
{
	background-image: url(/common/images/backgrounds/2nd_bg_bttm.gif);
}

#children3in8 .listHeadingLinks
{
	background-image: url(/common/images/backgrounds/primary_bg_bttm.gif);
}

.listHeadingLinks img
{
	vertical-align: middle;
}

#children3in8 .listPartnerLinks
{
	text-align: center;
}

.listPartnerLinks img, .listPartnerLinks a
{
	border-style: none;
	vertical-align: middle;
	padding-bottom: 25px;
}

#children3in8 .listDistributors
{
	text-align: center;
}

.listDistributors img, .listDistributors a, .listDistributors p
{
	border-style: none;
	vertical-align: middle;
	padding-bottom: 5px;
}

#children3in8 .listResellers
{
	vertical-align: top;
}

#children3in8 .wheretobuy
{
	vertical-align: top;
	line-height: 16px;
}

.bookmarks
{
	margin: 15px 0px 15px 0px;
}

#tutorial
{
	vertical-align: top;
	padding: 5px 10px 3px 15px;
}

.wheretobuy h2
{
	margin-bottom: 2px;
	padding-top: 5px;
}

#children3in8 .error p
{
	padding-left: 10px;
	font-weight: bold;
}

#children1in8 .error
{
	padding-left: 8px;
	font-weight: bold;
}

#searchForm
{
	text-align: left;
	padding-left: 12px;
	padding-top: 10px;
}

#searchHeader
{
	padding-right: 10px;
	padding-bottom: 20px;
}

#searchHeader #topNavigation
{
	float: right;
	text-align: right;
	padding-right: 10px;
}

#searchHeader #Paging
{
	text-align: left;
	float: left;
	padding-left: 15px;
}

#searchFooter
{
	padding-right: 0px;
	margin-bottom: 20px;
}

#searchFooter #bottomNavigation
{
	float: right;
	text-align: right;
	padding-right: 10px;
}

#resellerForm
{
	text-align: left;
	padding-left: 12px;
	padding-top: 10px;
}

#resellerHeader
{
	padding-right: 10px;
	padding-bottom: 20px;
}

#resellerHeader #topNavigation
{
	float: right;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
}

#resellerFooter
{
	padding-right: 10px;
	padding-bottom: 20px;
	margin-bottom: 10px;
}

#resellerFooter #Paging
{
	text-align: left;
	float: left;
	padding-left: 15px;
}

#resellerFooter #bottomNavigation
{
	float: right;
	text-align: right;
	padding-right: 10px;
}

.signupform
{
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
}

.signupform table
{
	width: 590px;
	padding: 0px 0px 0px 0px;
}

.signupform td
{
	padding: 0px 0px 0px 0px;
}

.signupform table td table td
{
	width: 190px;
	padding-left: 3px;
	text-align: left;
	vertical-align: text-top;
}

.signupform table td table td table td
{
	vertical-align: text-top;
	width:auto;
}

.signupform input
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #333;
}

.signupform select
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #333;
}

.profileform
{
	margin: 0px 0px 5px 0px;
	padding: 10px 10px 10px 0px;
}

.profileform table
{
	width: 577px;
	padding: 0px 0px 0px 0px;
}

.profileform td
{
	padding: 0px 0px 0px 0px;
}

.profileform table td table td
{
	width: 180px;
	padding-left: 3px;
	text-align: left;
	vertical-align: text-top;
}

.profileform table td table td table td
{
	vertical-align: text-top;
	width:285px;
}

.profileform input
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #333;
}

.profileform select
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #333;
}



.responseContainer
{
	margin-left:-5px;
}

.dropDownStyle
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #333;
	background-color: #EFEFEF;
	border-color: #CCCCCC;
}

.textBoxStyle
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #333;
	border-color: #CCCCCC;
}

.signupform tr.white {
	background-color: white;
}
.signupform tr.gray {
	background-color: #EAEAEA;
}
.signupform tr.gray td h2 {
	padding: 15px 5px;
	color: black;
}
.signupform .checkBoxList {
	width: 600px;
}
.signupform .checkBoxList td {
	width: 300px;
}
