/* @override http://extranet.imagebox.com/linejumpers/dev/main.css */

* {
	padding: 0;
	margin: 0;
}

img a {
	border: none;
}

a img {
	border: none;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background: #FFF url(../images/background-top.gif) repeat-x;
}

/* @group Containers */

#wrapper { 
	 margin: 0 auto;
	 width: 980px;
	 }
	 
#content-wrapper {
	overflow: auto;
	float: left;
	width: 940px;
	margin-left: 20px;
	background: url(../images/background-content.jpg) repeat-y;
	margin-bottom: 35px;
}

#content-wrapper-no-right-column {
    overflow: auto;
    float: left;
    width: 100%;
    margin-left: 20px;
    margin-bottom: 35px;
}



/* @end */

/* @group Layout  */


#sign-up {
	width: 280px;
	background: #999 url(../images/background-signup.gif) no-repeat;
	height: 58px;
	float: right;
	padding: 15px 5px 5px;
}

#header {
	 color: #333;
	 float: left;
	 width: 980px;
	 }
	 
#logo {
	margin-top: 45px;
}
	 
#top-navigation{
	 color: #333;
	 float: left;
	 height: 20px;
	 width: 100%;
	 overflow: hidden;
	 position: relative;
	padding-bottom: 15px;
	padding-top: 15px;
}

div#top-callout {
	float: left;
	background: url(../images/background-main-content.png) no-repeat;
	overflow: hidden;
	width: 990px;
	height: 175px;
	padding-top: 21px;
	padding-bottom: 35px;
}

div#callout-left {
	width: 565px;
	padding-left: 45px;
	padding-right: 35px;
	float: left;
}

div#callout-left p {
	color: #fff;
	font-size: 12px;
	line-height: 16px;
	padding-top: 10px;
}

span#callout-desktopimage {
    width: 150px; 
    height:170px; 
    position: relative; 
    float: left; 
}

div#callout-right a:hover, a:link, a:active, a:visited {
    color: #fff;
}


div#callout-right p {
    float: left;
    position: relative;
    width: 170px;
    color: #fff;
    font-size: 13px;
    padding: 10px 10px 0;
}

#page-titles {
	float: left;
	width: 940px;
	margin-left: 20px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 35px;
}

#left-column { 
	 color: #333;
	 float: left;
	 width: 635px;
	margin-right: 15px;
	display: ;
}

#bottom-content { 
     color: #333;
     float: left;
     width: 100%
     margin-right: 15px;
     display: ;
}

#right-column { 
	color: #333;
	display: inline;
	float: right;
	width: 270px;
 	padding-left: 20px;
}

div#right-column.profile-page-right-column {
	padding-left: 7px;
	background: none;
	overflow: hidden;
	width: 280px;
	height: auto;
	display: inline;
	float: right;
}

#right-column table {
	padding-bottom: 15px;
}

#footer { 
	 clear: both;
	 color: #333;
	 width: 980px;
	border-top: 1px solid #ccc;
	margin-bottom: 40px;
	overflow: hidden;
}
	 
div#footer-nav {
	float: right;
	padding-top: 10px;
}

/* @end */

/* @group Links */

a:link, a:visited{
	color: #d96131;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
	
a:hover, a:active{
	color: #d96131;
	text-decoration: underline;
	}

div#footer-nav ul li a:link, div#footer-nav ul li a:visited {
	font-weight: bold;
	text-transform: uppercase;
	color: #999;
	border-left: 1px solid #999;
	padding-left: 11px;
	padding-right: 11px;
}

div#footer-nav ul li a:hover, div#footer-nav ul li a:active {
	text-decoration: none;
	color: #D96030;
}


div#footer-nav ul li.bnav-hom a:link, div#footer-nav ul li.bnav-hom a:visited {
	border: none;
}


/* @end */

/* @group Text */

p{
	color: #000;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 12px;
	text-align: left;
	text-decoration: none;
	}
	
div#left-column p {
	font: 13px/18px "Trebuchet MS", Helvetica, sans-serif;
	color: #666666;
	padding-top: 5px;
	padding-bottom: 20px;
}
	
div#bottom-content p {
    font: 13px/18px "Trebuchet MS", Helvetica, sans-serif;
    color: #666666;
    padding-top: 5px;
    padding-bottom: 5px;
}
    
table#homepage-hot-products td p {
	color: #999999;
	font-size: 13px;
	line-height: 16px;
	width: 275px;
}
	

	
#footer p{
	color: #999;
	font: italic 11px "Trebuchet MS", Helvetica, sans-serif;
	padding-top: 10px;
	float: left;
}


/* @end */

/* @group Headings */

div#title-left.homepage p {
	font: bold 24px "Trebuchet MS", Helvetica, sans-serif;
	color: #B5232A;
	text-transform: uppercase;
	letter-spacing: -1px;
	float: left;
	width: 650px;
	padding-right: 20px;
}

div#subtitle-left.homepage p {
    font: bold 18px "Trebuchet MS", Helvetica, sans-serif;
    color: #B5232A;
    text-transform: uppercase;
    letter-spacing: -1px;
    float: left;
    width: 650px;
    padding-right: 20px;
    margin-left: 20px;
    padding-bottom: 20px;
}

div#title-left.content-page p {
	font: bold 24px "Trebuchet MS", Helvetica, sans-serif;
	color: #333333;
	letter-spacing: -1px;
	float: left;
	width: 650px;
	padding-right: 20px;
}



div#title-right.homepage p {
	font: bold 24px "Trebuchet MS", Helvetica, sans-serif;
	color: #D96030;
	text-transform: uppercase;
	letter-spacing: -1px;
	float: left;
}

div#title-left.product-detail p {
	color: #333333;
	font: bold 24px "Trebuchet MS", Helvetica, sans-serif;
	float: left;
	letter-spacing: -1px;
}

div#title-right.product-detail p {
	color: #333333;
	font: bold 24px "Trebuchet MS", Helvetica, sans-serif;
	letter-spacing: -1px;
	float: right;
	padding-right: 70px;
}

div#callout-left h3 {
	font: italic bold 28px/22px "Trebuchet MS", Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff;
	padding-top: 10px;
}

div#callout-left h4 {
	color: #D96030;
	font: italic normal 16px "Trebuchet MS", Helvetica, sans-serif;
	padding-top: 3px;
}

div#callout-right h5 {
	float: left;
	color: #fff;
	font: bold 18px "Trebuchet MS", Helvetica, sans-serif;
	text-transform: uppercase;
	width: 160px;
	padding: 5px 10px 0;
}

table#homepage-hot-products h2 {
	font: bold 16px Verdana, Geneva, Arial, sans-serif;
	color: #B5232A;
	padding: 5px 0 10px;
}


div#left-column h2 {
	color: #D96030;
	font: bold 16px Verdana, Geneva, Arial, sans-serif;
	padding-bottom: 5px;
}

div#left-column h3 {
	font: 16px Verdana, Geneva, Arial, sans-serif;
	padding: 3px 0;
}

div#bottom-content h2 {
    color: #D96030;
    font: bold 16px Verdana, Geneva, Arial, sans-serif;
    padding-bottom: 5px;
}

div#bottom-content h3 {
    font: 16px Verdana, Geneva, Arial, sans-serif;
    padding: 3px 0;
}

div#welcome-top h2 {
	font: bold 16px Verdana, Geneva, Arial, sans-serif;
	color: #333333;
	width: 278px;
	text-align: center;
	padding: 19px 0 20px;
}

div#right-column h2 {
	color: #D96030;
	font: bold 12px Verdana, Geneva, Arial, sans-serif;
}


/* @end */

/* @group Lists */

ul{
	list-style-type: none;
	}
	
div#footer-nav ul li {
	float: left;
}

div#left-column ul {
	color: #666666;
	font: 13px/18px "Trebuchet MS", Helvetica, sans-serif;
}

div#left-column li {
	background: url(../images/bullet_white.gif) no-repeat 4px 10px;
	padding: 3px 0 3px 15px;
}

div#bottom-content ul {
    color: #666666;
    font: 13px/18px "Trebuchet MS", Helvetica, sans-serif;
}

div#bottom-content li {
    background: url(../images/bullet_white.gif) no-repeat 4px 10px;
    padding: 3px 0 3px 15px;
}

/* @end */

/* @group Images */

div#callout-right img {
	float: left;
}

/* @end */

/* @group Forms */

form#contact, form#registration, form#forgotUserInfo, form#signinError {
	padding-top: 40px;
}

form#contact span, form#registration span, form#forgotUserInfo span, form#signinError span {
	color: #666666;
	font: bold 12px "Trebuchet MS", Helvetica, sans-serif;
}

form#contact ul li span.errorMessage {
    color: red;
}

form#forgotUserInfo ul li span.errorMessage {
    color: red;
    padding-bottom: 10px;
}

form#forgotUserInfo ul {
    padding-bottom: 10px;
}

form#profile ul li span.actionMessage {
    color: green;
    padding-left: 10px;
}

form#profile ul {
    padding-bottom: 10px;
}

form#profile span {
    color: #666666;
    font: bold 12px "Trebuchet MS", Helvetica, sans-serif;
}

form#profile ul li span.errorMessage {
    color: red;
    padding-left: 10px;
}

form#profile div#email {
    float: left;
    padding-left: 10px;
    padding-bottom: 20px;
}

form#profile div#password {
    float: left;
    padding-left: 10px;
}

form#profile div#confirmPassword {
    float: left;
    padding-left: 10px;
    padding-bottom: 20px;
}

form#profile input#password {
    margin-right: 35px;
}


form#registration ul li span.errorMessage {
    color: red;
}

div#contactCaptcha {
        margin-top: 10px;
	float: left;
	width: 575px;
	padding-bottom: 5px;
}

div#name {
	float: left;
}

div#email {
	float: left;
	padding-left: 54px;
}

div#message {
	float: left;
	padding-top: 25px;
}

div#message span {
	float: left;
	width: 575px;
	padding-bottom: 5px;
}

div#message textarea#message-name {
	width: 580px;
	border: none;
	background: #DDD;
}

form#contact input, form#registration input, form#forgotUserInfo input, form#signinError input {
	border: none;
	background: #DDD;
	width: 200px;
	height: 25px;
	margin-left: 25px;
}

form#forgotUserInfo input.optionRadios {
    width: auto;
    height: auto;
    text-align: left;
}

form#registration table tr {
	vertical-align: middle;
}
form#registration table tr.space {
	height: 25px;
}


input#password {
	margin-right: 35px;
}

form#contact input#submit-btn, form#registration input#submit-btn, form#forgotUserInfo input#submit-btn, form#signinError input#submit-btn {
	width: auto;
	margin-left: 0;
	padding-top: 10px;
	background: none;
}


/* @end */




/* @group Main Navigation */

ul#main-navigation {
	position: relative;
	overflow: hidden;
	float: right;
	width: 520px; /* possible fix */
	clear: both;
}

ul#main-navigation li {
	overflow: hidden;
	float: left;
}

ul#main-navigation li a {
	background: transparent url('../images/background-button-a.jpg') no-repeat scroll top right;
    color: #333333;
    float: left;
    display: block;
    font: bold 11px Verdana, Geneva, Arial, sans-serif;
    height: 22px;
    margin-right: 6px;
    padding-right: 11px; /* sliding doors padding */
    text-decoration: none;
	text-transform: uppercase;
}

ul#main-navigation li a span { 
	background: transparent url('../images/background-button-span.jpg') no-repeat;
    display: block;
    line-height: 14px;
    padding: 4px 0 4px 11px;
}

ul#main-navigation li a:hover {
	background-position: bottom right;
    color: #FFF;
    outline: none;
}

ul#main-navigation li a:hover span {
	background-position: bottom left;
}





/* @end */

/* @group Homepage Hot Products */

table#homepage-hot-products tr td.image img {
	padding-right: 30px;
}


table#homepage-hot-products td {
	vertical-align: top;
}

table#homepage-hot-products tr td {
	margin-bottom: 40px;
}

table#homepage-hot-products td.hot-pro-buttons {
	vertical-align: middle;
}

table#homepage-hot-products td.hot-pro-buttons img {
	padding-bottom: 8px;
}

td.hot-pro-buttons {
	text-align: center;
}

table#homepage-hot-products tbody tr td {
	padding-bottom: 10px;
}



/* @end */

/* @group Homepage Latest Products */

img.latest-button {
	padding: 4px 0 6px;
}



/* @end */

/* @group Product Details */



div#product-details-top {
	overflow: auto;
}

div#details-top-left {
	overflow: auto;
	float: left;
}

div#details-top-right {
        float: left;
	padding-top: 25px;
	padding-left: 80px;
}



div#details-top-left img {
	padding-left: 25px;
	float: left;
}

div#details-top-left img.subscribe-product-detail {
	float: left;
	padding: 20px 0 0 33px;
}

div#product-details-details {
	background: #f3f3f3 url(../images/background-details-top.jpg) no-repeat top center;
	margin-top: 40px;
	padding: 30px 25px;
}

div#product-details-details p {
	color: #666666;
	font: 12px/18px "Trebuchet MS", Helvetica, sans-serif;
	padding-bottom: 8px;
}

div#product-details-details h3 {
	color: #D96030;
	font: bold 16px Verdana, Geneva, Arial, sans-serif;
	padding-bottom: 10px;
	padding-top: 10px;
}

div#product-details-details ul {
	color: #666666;
	font: 12px/16px "Trebuchet MS", Helvetica, sans-serif;
	padding-bottom: 8px;
	padding-left: 15px;
	list-style-type: disc;
}

div#product-details-details ul li {
	padding-left: 0;
	padding-bottom: 10px;
}

div#product-details-details table td p {
	padding-right: 20px;
}

td.stock-date {
	color: #D96030;
	font: bold 12px "Trebuchet MS", Helvetica, sans-serif;
	padding-bottom: 0;
}

td.date {
	color: #666666;
	font: bold 12px "Trebuchet MS", Helvetica, sans-serif;
}

table.stock-amounts {
	padding-bottom: 10px;
}

/* @end */

/* @group Profile Page */




div#welcome-top {
	background: #DDD url(../images/background-profile-welcome-top.jpg) no-repeat;
	width: 276px;
	margin-bottom: 40px;
}

div#welcome-top h2 a {
	color: #D96030;
}

div#welcome-top img.update {
	padding-left: 70px;
	padding-right: 0;
	padding-bottom: 20px;
}

div#welcome-top div.update {
    padding-left: 70px;
    padding-right: 0;
    padding-bottom: 20px;
}

table#homepage-hot-products table.subscription-checkboxes {
	width: 100%;
	overflow: hidden;
}

table#homepage-hot-products table.subscription-checkboxes tbody tr td  {
	display: ;
}

table#homepage-hot-products table td p {
	color: #999999;
	font-size: 13px;
	line-height: 16px;
	width: 180px;
	margin-right: 0;
	float: left;
}



div.subscriptions-product-options {
	padding-top: 5px;
}

div.subscriptions-product-options img.buy {
	padding-right: 25px;
}


/* @end */


/* @group Sign In */

form#signin input {
	float: left;
	width: 106px;
	height: 17px;
	border: 1px solid #ccc;
	margin-right: 6px;
	color: #999999;
	font-size: 11px;
	font-style: italic;
	padding-left: 3px;
}

form#signin input#submit {
	width: 41px;
	float: left;
	margin-right: 0;
	border: none;
	padding: 1px 0 0;
}

div#signup-fields p {
	float: left;
	font: italic 11px "Trebuchet MS", Helvetica, sans-serif;
	color: #666666;
	width: 275px;
	text-align: center;
	padding-top: 2px;
}

div#signup-fields p a:link, div#signup-fields p a:visited, div#signup-fields p a:hover, div#signup-fields p a:active {
	color: #D96030;
}

#captchaImage {
    border: solid 2px gray; 
}

/* @end */

#forgotUserIdPassword {
    float: left;
    margin-left: 0px;
    padding-top: 10px;
}

h1 {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    padding-bottom: 10px;
}