body 
{
	background: #333333;
	margin: 0;
}

body, input, select, textarea
{
	font-size: 11px;
	line-height: 1.5;
	color: Black;
	font-family: Verdana, Helvetica, Arial;	
}

a img
{
	border: none;	
}

#container
{
	width: 768px;
	margin: 0 auto;
	background: #626262 url(/images/container_bg.gif) repeat-x top;
	padding: 16px;
	padding-bottom: 0;
}

#main-content-top
{
	height: 12px;	
	background: url(/images/main_content_top.gif) no-repeat;
	overflow: hidden;
}

#main-content-bottom
{
	height: 12px;	
	background: url(/images/main_content_bottom.gif) no-repeat;
}

#main-content
{
	background: White;
	overflow: hidden;
	padding: 16px;
}	

/*****HEADER STYLES*****/

#header
{
	height: 51px;	
}

#logo
{
    width: 271px;
    float: left;
}

#logo-text
{
    width: 310px;
    float: right;
}

/*****END HEADER STYLES*****/

/*****SIDEBAR STYLES*****/

#sidebar
{
	float: left;
	width: 205px;
	margin:0;
}

#sidebar .sidebar-item-container
{
	margin: 10px 0;
}

#sidebar .sidebar-item
{
	background: #fee9a6;
	overflow: hidden;	
	padding: 0 10px;
	width:170px;
}

#sidebar ul
{
	margin: 10px 0;
	padding: 0;
	list-style: inside;	
}

#sidebar a
{
	text-decoration: none;
	color: Black;	
}

#sidebar a:hover
{
	text-decoration: underline;	
}

#sidebar .button
{
	text-align: center;	
	margin: 17px 0 0 0;
}

#sidebar .sidebar-item-top
{
	height: 14px;
	background: url(/images/templates/header.gif) no-repeat;
	line-height:1;	
}

#sidebar .sidebar-item-bottom
{
	height: 17px;
	background: url(/images/templates/footer.gif) no-repeat;	
}

#sidebar .special a
{
	text-decoration: underline;	
	display: block;
	text-align: center;
}

/*****SIDEBAR FORM STYLES*****/

#sidebar label
{
	width: 65px;	
}

#sidebar .input
{
	width: 134px;	
}

/*****END SIDEBAR FORM STYLES*****/

/*****MAIN NAV STYLES*****/

#main-nav
{
	margin: 10px 0;	
	width: 190px;
}

#main-nav ul
{
	margin: 0;
	padding: 0;
	width: 190px;
}

#main-nav ul li
{
	margin: 0;
	padding: 0;
	list-style: none;	
	height: 30px;
	line-height: 30px;
	margin: 2px 0;
	position: relative;
	width: 190px;
	background: url(/images/templates/button_NavBackground.gif) no-repeat;
	float: right;
}

#main-nav ul li a
{
	margin: 0 9px;
	display: block;
	background: url(/images/menu_arrow.gif) no-repeat right;
	color: Black;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}	

#main-nav ul li:hover, #main-nav ul li.sfhover
{
	background: #FFA105;
}

#main-nav ul li:hover a, #main-nav ul li.sfhover a
{
	color: White;	
	background: #FFA105;
}

#main-nav ul li ul
{
	display: none;
	position: absolute;
	left: 190px;
	top: -2px;	
}

#main-nav ul li ul li
{
	background:	#FFA105;
	margin:0;
}

#main-nav ul li ul li a
{
	color: White;
}

#main-nav ul li ul li:hover, #main-nav ul li ul li.sfhover
{
	background: url(/images/sub_nav_hover.gif);	
}

#main-nav ul li ul li:hover a, #main-nav ul li ul li.sfhover a
{
	color: #FFA105;
	background: transparent;
}

#main-nav ul li:hover ul, #main-nav ul li.sfhover ul
{
	display: block;	
}

/*****END MAIN NAV*****/

/*****MODULES NAV*****/

#modules-nav
{
	margin: 16px 0;	
}

#modules-nav ul
{
	margin: 0;
	padding: 0;	
}

#modules-nav ul li
{
	height: 30px;
	line-height: 24px;
	background: url(/images/divider_background.gif) repeat-x bottom;
	list-style: inside;
}

#modules-nav ul li a
{
	color: Black;
	text-decoration: none;	
}

#modules-nav ul li a:hover
{
	text-decoration: underline;	
}

/*****END MODULES NAV*****/

/*****END SIDEBAR STYLES*****/

/*****TEXT CONTENT*****/

#text
{
	width: 515px;
	float: left;
	margin-left: 16px;
}

.divider
{
	height: 3px;
	background: url(/images/divider_background.gif) repeat-x;	
	margin: 3px 0;
}

/*****VIEW CART STYLES******/

.warning
{
    background-color: #ff8279;
    color: #b50000;
    padding: 15px;
}

.warning h3
{
    color: #b50000;
}

table.cart-list
{
	width: 515px;
	border: none;
	border-collapse: separate;
}

table.cart-list tr
{
	background: url(/images/divider_background.gif) repeat-x bottom;	
}

table.cart-list tr.total-row
{
	background: White;	
}	

table.cart-list tr th
{
	font-weight: bold;
	text-align: left;	
	padding: 4px 0;
}

table.cart-list tr td
{
	padding: 4px 0;
	line-height: 17px;	
	border: none;
}

table.cart-list tr td.price-col, table.cart-list tr th.price-col
{
	text-align: right;
}

table.cart-list tr td.total-label, table.cart-list tr td.total-cell
{
	background: #ffecb7;
	padding: 8px 5px;
	border-top: 10px solid White;
}

table.cart-list tr td.total-cell
{
	font-weight: bold;	
	text-align: right;
}

.empty-notice
{
	font-weight: bold;
	text-align: center;
	color: #626262;
	margin: 16px 0;
}

.empty-notice a
{
	color: #626262;
	text-decoration: none;
}

.empty-notice a:hover
{
	text-decoration: underline;
}

/*****END VIEW CART STYLES*****/

/*****MEMBER PAGE STYLES*****/

table.info-list
{
	width: 515px;
	margin: 20px 0;
}

table.info-list tr td
{
	vertical-align: top;
	padding: 3px 0;
}

table.info-list tr td.caption-cell
{
	width: 150px;
	font-weight: bold;	
}

table.cart-list tr td.date-col, table.cart-list tr th.date-col
{
	width: 75px;
	text-align: left;
}

.member-buttons
{
	padding-left: 317px;	
	margin-bottom: 10px;
}

.member-buttons .button
{
	width: 94px;
	float: left;
	margin: 0;
}

.member-buttons a.button
{
	margin-right: 10px;
}

/*****END MEMBER PAGE STYLES*****/

/*****FORGOTTEN PASSWORD STYLES*****/

.forgotten-password label
{
	width: 100px;	
}

.forgotten-password .button
{
	margin-left: 263px;
}

/*****END FORGOTTEN PASSWORD STYLES*****/

/*****MARKETBUILD STYLES*****/

table label a
{
	color: Black;
	text-decoration: none;
}	

table label a img
{
	display: block;
}

table.design-list a img
{
	display: block;
}

table.design-list td
{
	padding: 3px;	
}

table.design-list .caption-cell
{
	text-align: center;
	font-weight: bold;	
}

table.design-list .caption-cell a
{
	color: Black;
	text-decoration: none;	
}

/*****END MARKETBUILD STYLES*****/

/*****END TEXT CONTENT*****/

/*****PRINT INVOICE STYLES*****/

body.invoice
{
	background: White;	
}

body.invoice #container
{
	width: 515px;	
	border: 1px solid Grey;
	background: White;
	padding-bottom: 16px;
}

body.invoice h1
{
	font-size: 20px;
	text-align: center;	
}

/*****END PRINT INVOICE STYLES*****/

/*****FOOTER STYLES*****/

#footer
{
	text-align: right;	
	line-height: 16px;
	font-size: 10px;
}

#footer a
{
	color: White;
	text-decoration: none;	
}

/*****END FOOTER STYLES*****/

/*****FORM STYLES*****/

label
{
	width: 215px;
	float: left;
	margin: 3px 0;	
	line-height: 19px;
}

.input
{
	width: 250px;
	float: left;	
	margin: 3px 0;
}

.ddl
{
	float: left;
	width: 256px;
	margin: 3px 0;
	height: 19px;	
}

.small
{
	width: 80px;	
}

label.small
{
	margin-left: 10px;	
}

.date
{
	margin-right: 10px;	
}

.button
{
	margin: 10px 0 10px 353px;
	text-align: right;
}

.error
{
	font-size: 10px;
	color: Red;	
	margin-left: 215px;
	display: block;
}

.textarea
{
	width: 465px;
	height: 150px;
}

ol label
{
	float: none;
	width: auto;
	margin: 0;
	margin-top: 5px;
	font-weight: bold;
	line-height: 1.5;
	display: block;	
}

ol table label
{
	margin: 0;
	font-weight: normal;
}

ol .input
{
	float: none;	
}

table label
{
	width: auto;
	float: none;
	margin: 0;
	line-height: 1.5;
	display: inline;
}

span.question-heading
{
	display: block;
	font-size: 12px;
	margin: 10px 0;
	font-weight: bold;
}

.required
{
	color: Red;	
}

/*****END FORM STYLES*****/

/*****HEADING STYLES*****/

h1
{
	font-size: 12px;
	font-weight: bold;	
}

h2
{
	font-size: 11px;
	font-weight: bold;	
}

/*****END HEADING STYLES*****/

.clear
{
	font-size: 1px;
	line-height: 0;
	clear: both;	
}

a img
{
	border: none;
}

/****** ROMS style******/

#ROMSHead
{
  background-image:url(/images/templates/leftContent2Top.gif);
  clear:left;
  font-size:1px;
  height:9px;
  margin:0 auto;
  width:472px;
}

#ROMSContent
{
  background-color:#FFE086;
  height:261px;
  margin:0 auto;
  padding:0 15px 0 13px;
  width:444px;
}

#ROMSFoot
{
  background-image:url(/images/templates/leftContent2Bottom.gif);
  clear:right;
  font-size:1px;
  height:9px;
  margin:0 auto;
  width:472px;
}

/****** End ROMS style******/

p img.rep-pix
{
  float:left;
  padding:0 15px 15px 0;
}

/*****NEW CONTENT CONTAINER STYLES*****/

.content-container
{
	width: 512px;
	margin: 10px 0;	
}

.content-container .content-top, .content-container .content-bottom
{
	height: 10px;
	overflow: hidden;
	background: url(/images/content_container_top.gif) no-repeat;
}

.content-container .content-bottom
{
	background-image: url(/images/content_container_bottom.gif);
	height: 11px;
}

.content-container .content-middle
{
	background: url(/images/content_container_middle.gif) repeat-y;	
	padding: 10px 20px;
	overflow: hidden;
}

.content-container h1, p
{
	margin: 3px 0;	
}

.content-container a
{
	color: Black;
	text-decoration: none;
}

.content-container a:hover
{
	text-decoration: underline;	
}

.content-container .bundle-name
{
	font-weight: bold;
}

.content-container .module-type
{
	width: 236px;
	float: left;	
	display: inline;
}

.content-container .bundle-item
{
	margin: 3px 2px;
	border: 3px solid #ffa004;
	width: 206px;
	float: left;
	background: #fdefc0;
	padding: 6px 10px;
	display: inline;
}

/*****END CONTENT CONTAINER STYLES*****/

.button-container
{
	margin: 10px 0;	
}

.button-container .button
{
	width: 162px;
	float: left;
	margin: 0;
}

.button-container .first-btn
{
	margin-right: 191px;
}
