﻿/* Sidebar-width panel */
div.minipanelheader {
	clear: both;
	background: url(images/layout/title_panelround_mini.gif) bottom left no-repeat;
	color: #fec000;
	height: 28px;
	margin: 0px 0px 0px 0px;
	padding-top: 2px;
	text-indent: 12px;
	width: 210px;
	font-weight: bold;
	font-size: 18px;
}

div.minipanel
{
	background: #3d4c61 url(images/layout/bg_panelround_mini.gif) bottom left no-repeat;
	width: 180px;
	margin: 0 0 15px 0;
	padding: 15px;
}

div.minipanel div.right_align
{
	text-align: right;
}


/* Half-page-width panel */
div.halfpanelheader
{
	clear: both;
	background: url(images/layout/title_panelround_half.gif) top left no-repeat;
	color: #fec000;
	height: 25px;
	margin: 0px 0px 0px 0px;
	padding-top: 17px;
	text-indent: 12px;
	width: 479px;
	font-weight: bold;
	font-size: 18px;
}

div.halfpanel
{
	background: #3d4c61 url(images/layout/bg_panelround_half.gif) bottom left no-repeat;
	width: 449px;
	margin: 0 0 15px 0;
	padding: 15px;
}

div.halfpanelheader.left_side
{
	float: left;
	clear: left;
}

div.halfpanelheader.right_side
{
	float: right;
	clear: right;
}

div.halfpanel.left_side
{
	float: left;
	clear: left;
}

div.halfpanel.right_side
{
	float: right;
	clear: right;
}

div.halfpanel div.item_pair
{
	width: 449px;
	float: none;
	margin: 4px;
	padding: 0px;
	clear: both;
}

div.halfpanel div.item_pair.indented
{
	width: 419px;
	padding-left: 30px;
}

div.halfpanel div.item_pair label.item_label
{
	text-align: right;
	float: left;
	width: 100px;
	margin: 4px 0 0 0;
	padding: 0 15px 0 0 ;
}

div.halfpanel div.item_pair div.item_value
{
	float: left;
	text-align: left;
	width: 300px;
	margin: 4px 0 0 0;
	padding: 0px;
}


div.halfpanel p:first-child
{
	margin-top: 0px;
}




div.halfpanel div.form_highlight
{
	width: 437px;
	padding: 5px;
}

div.halfpanel div.item_pair
{
	width: 424px;
}


div.halfpanel div.item_pair.indented
{
	width: 394px;
	padding-left: 30px;
}







/* Smaller-width panels, mostly used with sidebars */
div.smallpanelheader {
	/* THIS IS OVERRIDED IN STYLES_CHECKOUT.CSS */
	clear: both;
	background: url(images/layout/title_panelround.gif) bottom left no-repeat;
	color: #fec000;
	height: 28px;
	margin: 0px 0px 0px 10px;
	padding-top: 2px;
	text-indent: 12px;
	/*text-indent: 40px;
	Changed indent 040307 to accomadate removal of title bar tab*/
	width: 735px;
	font-weight: bold;
	font-size: 18px;
}

div.smallpanel
{
	background: #3d4c61 url(images/layout/bg_panelround.gif) bottom left no-repeat;
	width: 705px;
	margin: 0 0 15px 10px;
	/*margin: 0 0 15px 15px;
	Changed left margin 040307; corrected shift in may pages;
	believe margin shift occured yesterday*/
	padding: 15px;
}

div.smallpanel_corner
{
	background: #3d4c61 url(images/layout/bg_panelround_corner.gif) bottom left no-repeat;
	width: 705px;
	margin: 0px 0px 0px 10px;
	padding: 5px 15px 15px 15px;
}

div.nobackground_small
{
	width: 705px;
	margin: 0px 0px 15px 10px;
	padding: 0px;
}

.leftalign
{
	float: left;
}
.rightalign
{
	float: right;
}

h3.smallpanel
{
	color: #fec000;
}

ul.smallpanel
{
	line-height: 18px;
}

li.smallpanel
{
	padding-bottom: 10px;
}

/* Firefox hack for panels that contain floating elements */
/* Defined in general, not needed here
.panelbottom
{
	height: 1px;
	clear: both;
	float: none;
	margin: 0;
	padding: 1;
	font-size: 1px;
	background-color: Red;
}
*/

/* Firefox hack for panels that contain floating elements */
.continue
{
	clear: both;
	float: right;
	margin-top: 10px;
	padding: 0;
}


/* Spacer element */
#container div.panelspacer {
	clear: both;
	width: 671px;
	height: 10px;
}







/* rounded panels that contain multiple floated elements */
/* use standard header: smallpanelheader */
div.smallblocklisting
{
	background: #3d4c61 url(images/layout/bg_panelround.gif) bottom left no-repeat;
	width: 705px;
	margin: 0 0 15px 15px;
	padding: 15px;
}
div.blocklisting
{
	float: left;
	clear: left;
	display: inline;
	background: #3d4c61;
	width: 710px;
	margin: 5px 0 20px 15px;
	padding: 10px;
	border: 2px #323e4f solid;
}

div.smallblocklisting p,
div.innerblocklisting p,
div.blocklisting p {
	margin: 0;
}

div.smallblocklisting img,
div.innerblocklisting img,
div.blocklisting img {
	border: 0;
}

div.smallblocklisting .blocklistingitem,
div.innerblocklisting .blocklistingitem,
div.blocklisting .blocklistingitem {
	overflow: hidden;
	float: left;
	width: 206px;
	margin: 0 0 20px 0;
	padding: 0;
}

div.smallblocklisting .blocklistingitem table,
div.innerblocklisting .blocklistingitem table,
div.blocklisting .blocklistingitem table {
	margin-top: 10px;
	border-collapse: collapse;
}

div.smallblocklisting .blocklistingitem table td,
div.innerblocklisting .blocklistingitem table td,
div.blocklisting .blocklistingitem table td {
	padding: 0 5px 0 0;
}

div.smallblocklisting .blocklistingitem ul,
div.innerblocklisting .blocklistingitem ul,
div.blocklisting .blocklistingitem ul {
	list-style: none;
	margin: 15px 0;
	padding: 0;
}

div.smallblocklisting .left,
div.innerblocklisting .left,
div.blocklisting .left {
	margin-right: 15px;
	padding-right: 10px;
	border-right: 1px #5f7797 solid;
	clear: left;
}

div.smallblocklisting .center,
div.innerblocklisting .center,
div.blocklisting .center {
	margin-right: 15px;
	padding-right: 10px;
	border-right: 1px #5f7797 solid;
	float: left;
}

div.smallblocklisting .right,
div.innerblocklisting .right,
div.blocklisting .right 
{
	float: left;
	text-align: left;
}


/* for large panels with rounded corners WORKING ON FORMATTING */

div.largepanelheader {
	clear: both;
	background: #3d4c61 url(/images/layout/title_panelround_big.gif) no-repeat;
	color: #fec000;
	height: 28px;
	/* margin: 10px 50px 0 0; */
	/*margin: 10px 50 0px 15px;*/
	padding-top: 16px;
	text-indent: 10px; /*40px*/
	width: 974px;
	font-weight: bold;
	font-size: 18px;
}

/* div.largepanelheaderalt used in following pages:
   about_us
   contest-promo
   downloads (all)
   error
   gift_certificates
   idea_submission
   jobs
   network_step (all)
   wholesale_info
*/

div.largepanelheaderalt {
	clear: both;
	height: 13px;
	/* margin: 10px 50px 0px 0px;*/
	padding-top: 16px;
	width: 974px;
	height: 26px;
	font-weight: bold;
	font-size: 18px;
}


div.largepanel
{
	background: #3d4c61 url(images/layout/bg_panelround_large.gif) bottom left no-repeat;
	width: 944px;
	margin: 0 0 0px 0px;
	padding: 5px 15px 15px 15px;
}


div.largepanel_corner
{
	background: #3d4c61 url(images/layout/bg_panelround_corner.gif) bottom left no-repeat;
	width: 944px;
	margin: 0 0 0px 0px;
	padding: 5px 15px 15px 15px;
}

div.largepanel_network
{
	background: #3d4c61 url(images/layout/jinx_network_background.jpg) top left no-repeat;
	width: 944px;
	margin: 0 0 0px 0px;
	padding: 15px;
}

div.largepanel_conferences
{
	background: #3d4c61 url(images/layout/conferences_background.jpg) top left no-repeat;
	width: 944px;
	margin: 0 0 0px 0px;
	padding: 15px;
}

.panelspacer
{
    margin-bottom: 20px;
}

.returntoshoppingspacertop
{
    margin: 20px 0 10px 0;
}

.returntoshoppingspacerbottom
{
    margin: 20px 0 20px 0;
}



.jinxnetworkinfo
{
	width: 377px;
	margin-bottom: 10px;
	margin-top: -5px;
}

.linktojinxnetwork
{
	margin-left: 97px;
}

div.wishlistpanelheader {
	float: left;
	background: #3d4c61 url(images/headers/title_wishlistsettings.gif) no-repeat;
	color: #fec000;
	height: 28px;
	/* margin: 10px 50px 0 0; */
	/*margin: 10px 50 0px 15px;*/
	padding-top: -2px;
	text-indent: 10px; /*40px*/
	width: 692px;
	font-weight: bold;
	font-size: 18px;
}

div.wishlistlargepanel
{
	float: left;
	background: #3d4c61 url(images/layout/bg_wishlistpanelround_large.gif) bottom left no-repeat;
	width: 662px;
	margin: 0 0 0px 0px;
	padding: 5px 15px 15px 15px;
}

div.wishlistlargepanel span.error div ul li
{
	width: 480px;
}

div.optionspanelheader {
	float: right;
	background: #3d4c61 url(images/headers/title_options.gif) no-repeat;
	color: #fec000;
	height: 28px;
	/* margin: 10px 50px 0 0; */
	/*margin: 10px 50 0px 15px;*/
	padding-top: -2px;
	text-indent: 10px; /*40px*/
	width: 270px;
	font-weight: bold;
	font-size: 18px;
}

div.optionslargepanel
{
	float: right;
	background: #3d4c61 url(images/layout/bg_optionspanelround_large.gif) bottom left no-repeat;
	width: 240px;
	padding: 5px 15px 15px 15px;
}

div.right-stuff
{
	float: right;
	width: 270px;
}
.option_top_buttons
{
	margin-top: 7px;
	margin-bottom: 8px;
}

.option_buttons
{
	margin-bottom: 8px;
}

.option_text
{
	margin-bottom: 40px;
}

div.sectionheader
{
	width: 900px;
	float: none;
	margin: 4px 0 0 0;
	padding: 10px 0 4px 0;
	clear: both;
	font-size:larger;
	font-weight: bold;
	color: #fec000;
	border-width: 0px 0px 1px 0px;
	border-color: #5f7697;
	border-style: solid;
}




div.greenpanelheader 
{
	clear: both;
	background: url(/images/layout/title_greenpanel.gif) no-repeat;
	color: #fec000;
	height: 25px;
	padding-top: 0px;
	text-indent: 10px; /*40px*/
	width: 974px;
	font-weight: bold;
	font-size: 18px;
	margin-top: 15px;
}


div.greenpanel
{
	clear: both;
	background: #366737 url(images/layout/bg_greenpanel.gif) bottom left no-repeat;
	width: 944px;
	margin: 0 0 0px 0px;
	padding: 5px 15px 15px 15px;
}



div.leftarea
{
	width: 760px;
	overflow: hidden;
	float: left;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}

div.rightarea
{
	width: 210px;
	overflow: hidden;
	float: right;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}


