/* 
	IMPORTANT!!!!!
	!!!===== All css must begin with .Site with the exception of BODY and #mainTable =====!!!
	!!!===== This ensures no styling is applied to the AdminSystem =====!!!
*/

BODY
{
    MARGIN:14px 0 0 14px;
}
.Site FORM
{
	margin:0;
}
.Site form th
{
	text-align:right;
}
.Site form TD
{
	padding:2px 0;
}
.Site IMG
{
	BORDER:none;
}
.Site TABLE
{
	WIDTH: 100%;
	BORDER:none;
}
.Site th, td
{
	padding:0;
	text-align:left;
	vertical-align:top;
}


.Site dl, ol, ul
{
	margin-left:20px;
	padding:0;
}

.Site .storeGuide dt
{
	float: left;
}

.Site ul li
{
	list-style-type:square;
}

/* ####################################   Classes   #################################### */

.Site .box
{
    padding:0;
    width:auto;
    height:1%;
}
.Site .box .tl, .box .tr
{
	padding:0;
    margin:0;
    width:auto;
}
.Site .box .tr h2
{
    margin:0 5px;
    width:auto;
}
.Site .box .content
{
    position:relative;
    padding:10px;
}


.Site table.content 
{
	width: auto;
}

.Site .content img
{
	margin:0 5px 5px;
}

.Site .content img.nopad
{
	margin:0;
}

.Site .content table td
{
	padding:3px;
}
.Site .detail IMG.picture
{
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 15px
}
.Site .dropdown, 
.Site .textarea, 
.Site .textbox,
.Site .textBox,
.Site .required,
.Site textarea
{
    WIDTH:200px;
    font-size:1em;
    font-family: Verdana;
    
}

.Site .formMainTable td,
.Site .formMainTable th
{
   padding: 5px;     
}

.Site .formMainTable th label
{
   font-size: 80%;     
}

.Site .formMainTable textarea
{

}





.Site .list
{
    MARGIN-BOTTOM: 5px;
    margin-left:1px;
    PADDING: 5px 0;
}
.Site .label
{
	FONT-WEIGHT: bold;
}
.Site .list H3
{
    MARGIN-TOP:0;
    MARGIN-BOTTOM: 5px
}
.Site .list H4
{
    MARGIN: 0px
}
.Site .list IMG.thumbnail
{
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 10px
}
.Site .list P
{
	MARGIN: 3px 0;
}
.Site .list .terminus, .detail .terminus
{
	clear:right;
}
.Site .morelink
{
    TEXT-ALIGN: right
}
.Site .backlink
{
    TEXT-ALIGN: right
}
.Site .stepper
{
    PADDING:3px 5px;
    width:auto !important;
}
.Site .stepper P
{
    MARGIN: 0px;
    TEXT-ALIGN: right;
}
.Site TABLE.documentTable TD.cell
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
}
.Site TABLE.documentTable TH.heading
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
}
.Site .template
{
	padding-left:1px;
	height: 1%;
}
.Site .template ul
{
	margin-left:20px;
}
.Site #template_Sub_Page_Listing #footer
{
    padding: 24px 0;
}
.Site .subPageList
{
	margin:0;
	padding:0;
}
.Site .subPageTitle a
{
	display:block;
}
.Site .subPageTitleThumb img
{
	display:block;
}


/* ################################### Site IDs ################################# */

#mainTable
{
    line-height:1.2;
	width:727px;
	margin:0;
}

.Site #mainHeader
{
	position:relative;
	min-height:110px;
}

.Site #leftCol
{
	width:154px;
	float:left;
}




/* ################################## Menu setup ################################### */

.Site #subMenuHeader 
{

}

.Site #subMenu h4 
{
	font-size: 100%;
	text-align: center;
	padding: 11px 0 11px 0;
	margin: 0;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 14px;
	
}

.Site #subMenu
{
	margin: 8px 0 0 0;
	float:left;
	display: block;
	width: 100%;
}



.Site #subMenu ul, #subMenu li
{
    padding:0;
    margin:0;
}
.Site #subMenu li
{
	list-style:none;
	display:inline;
}
.Site #subMenu ul a
{
	line-height:1;
	display:block;
	padding:7px 0 11px 35px;
	margin:0;
	text-decoration: none;
	background: transparent url(/images/layout/mainMenu-off.gif) no-repeat 15px 4px;
}

.Site #subMenu ul a:hover, .Site #subMenu ul a.on, .Site #subMenu ul a.active
{

	background: transparent url(/images/layout/mainMenu-on.gif) no-repeat 15px 4px;
}
/*
.Site #subMenu ul a
{
	line-height:1;
	display:block;
	padding:6px 9px 5px 17px;
	margin:0;
	text-decoration: none;
	font-size: 90%;
}
.Site #subMenu ul a.active,
.Site #subMenu ul a:hover,
.Site #subMenu ul a.on
{
	position: relative;
}
.Site #subMenu ul a.active span,
.Site #subMenu ul a:hover span,
.Site #subMenu ul a.on span
{
	position: absolute;
	width:29px;
	height: 24px;
	top:1px;
	left:0;
}
*/

.Site #subMenu ul ul a
{
	padding: 3px 0 4px 36px;
	font-size: 90%;
    font-weight:700;
}
.Site #subMenu ul ul a:hover span,
.Site #subMenu ul ul a.active span,
.Site #subMenu ul ul a.on span
{
	display: none;
}
.Site #subMenu ul ul ul a
{
	padding-left:46px;
	font-size: 80%;
	font-weight:400;
}
.Site #subMenu ul ul ul ul a
{
	padding-left:57px;
	font-weight:400;
}

.Site #subMenu ul ul ul ul ul a
{
	padding-left:68px;
	font-weight:400;
}
/* ======================== */

.Site #infoMenu 
{
	margin-top: 4px
}

/* ======================== */


.Site #boundingBox 
{
	
	MARGIN:0 0 0 172px;
	border: solid 1px #949599;
	/*float: left;*/
}

.Site #mainHeader #mainTitle
{
	margin-left:16px;
}

.Site #mainTitle
{
	padding:10px 0;
}
.Site #mainTitle dl
{
	padding:0;
	margin:0;
}



.Site #mainTitle h1
{
	MARGIN: 0;
	padding: 0!important;
	font-size:250%;
}

.Site #mainTitle dt
{
	color: #E5C19F;
	float:left;
	padding: 0;
	padding-left: 3px;
	font-size: 200%;
	margin: 0;
}
.Site #mainTitle dd
{
	color: #6E6E70;
	padding: 0;
	padding-left: 30px;
	margin: 0;
	font-size: 200%
}

.Site #mainLayout
{
	line-height:1.5;
	padding:16px;
}


.Site #mainLayout TABLE#productList TD.list
{
    width: 50%;
}
.Site #template_News_Articles_Style_2 #column1
{
	float:left !important;
	width:230px !important;
}
.Site #template_News_Articles_Style_2 #column2
{
	margin:0 0 0 250px !important;   
}
.Site #template_Mailform_Right #column1
{
	float:none !important;
    width: 490px !important;
}

.Site #template_Mailform_Right #column2
{
	margin:20px 0 !important;
	width: 490px !important;
}
.Site #mainFooter
{
    padding:14px 8px;
    MARGIN:0 0 0 172px;
    font-size: 90%;
    font-family: Trebuchet MS;
}




/* ======================== */


.Site #header
{
	padding-bottom:10px;
	margin-bottom:10px;
}
.Site #footer
{
	margin-top:10px;
	padding-top:10px;
	clear:both;
}

/* ======================== */


.Site #template_2_Columns DIV#column1
{
	width: 255px !important;
}
.Site #template_2_Columns DIV#column2
{
	margin-left: 265px !important;
	width: auto!important;
}

.Site #template_2_Columns_66_33 DIV#column1
{
	width: 339px !important;
}
.Site #template_2_Columns_66_33 DIV#column2
{
	margin-left: 349px !important;
}



/* ======================== */

.Site TABLE#subPageTable .col1
{
    WIDTH: 30%;
}
.Site TABLE#subPageTable .col2
{
    WIDTH: 40%;
}
.Site TABLE#subPageTable .col3
{
    WIDTH: 30%;
}
.Site TABLE#subPageTable TH.heading
{
    PADDING: 5px;
}
.Site TABLE#subPageTable TD.cell
{
    PADDING:5px;
    VERTICAL-ALIGN: middle;
}
.Site #template_Products_Grouped .backlink
{
	clear:right;
	padding:3px;
	TEXT-ALIGN: right;
}

/* ======================== */

.Site #template_sitemap ul
{
	margin:0 0 0 20px;
	padding:0;
	line-height:1.8;
}
#template_sitemap ul a
{
	padding-left:20px;
}
.Site #template_sitemap ul ul 
{
	line-height:1.5;
}

.Site TABLE#productList
{
    MARGIN-TOP: 10px;
    MARGIN-BOTTOM: 10px
}
.Site TABLE#productList td img
{
    float:none;
    text-align:center !important;
}
.Site TABLE#productList TD.list
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
}
.Site #developerLink a
{
	margin:10px;
}

/* ############################### Header Info ############################ */

.Site #headerInfo
{
	position:relative;
	float:right;
	width:400px;
}
.Site #headerInfo
{
	width:400px;
}
.Site #logonForm th, #logonForm td
{
	vertical-align:middle;
}

.Site .store-logos
{
}

.Site .store-logos td 
{
	text-align: center;
	vertical-align: middle;
}


.Site #scrollerContainer
{
	text-align: center;
	height: 60px!important;
}

.Site table#libraryList 
{
	width: auto;
}

.Site table#libraryList img
{
	border: solid 1px #e4c29f
}

.Site .imageContainer h3
{
	text-align: left;
}

.Site .imageContainer .imagePicture
{
	border: solid 1px #e4c29f
}

.Site table#libraryList td
{
	padding: 5px;
}

.Site .stores img 
{
	padding: 0;
	margin: 0;
}

.Site #template_Image_Library_Scroller #header
{
	text-align: center;
}

.Site #template_Image_Library_Scroller #libraryList 
{
	margin: auto;
}


.Site .coming-soon 
{
	margin-left: auto;
	margin-right: auto;
}