/* ------ [Basic Styles] ------ */
*
{
    margin: 0px;
    padding: 0px;
    font-family: Tahoma, Arial, Sans-Serif;
}

body
{
    background-color: #000000;   
    font-size: 100%;
    color: #666666;
}

input[type="text"],input[type="password"], select, textarea
{
    padding: 2px;
}
input[type="submit"],input[type="button"] {
    cursor: pointer;
}

/* ------ [Headings] ------ */
h1
{
    color: #FFFFFF;
    font-family: 'Segoe UI', Tahoma, Arial, Sans-Serif;
    font-size: 220%;
    font-weight: normal;
}
h3
{
    color: #EC0B8D;
    font-family: 'Segoe UI', Tahoma, Arial, Sans-Serif;
    font-size: 140%;
    padding-bottom: 4px;
    /*border-bottom: 1px solid #D1E8B2;*/
    margin-bottom: 5px;
}
h4
{
    color: #EC0B8D;
    margin-bottom: 10px;
}
p
{
    margin-top: 15px;
    margin-bottom: 20px;
    line-height: 1.5em;
}
ul
{
    margin-left: 35px;
    margin-bottom: 25px;
}
label {
    cursor: pointer;
}

/* ------ [Links] ------ */
a:link, a:visited, a:active {    
    color: #339933;
    text-decoration: underline;
}
a:hover {
    color: #EC0B8D;
    text-decoration: none;
}
a,
a img {
    border: none;
}

/* ------ [Content Page Layout] ------ */
body#content-page
{
    background-color: #000000;
}

#page-container
{
    display: block;
}

/* ------ [ Header Styles (Logged Out) ] ------ */

#header-container {
    display: block;
    width: auto;
    height: 128px;
    background-image: url("/content/images/new-layout/header-bg.png");
    background-repeat: repeat-x;
}

#page-container #header
{
    display: block;
    height: 128px;
    width: 950px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

#page-container #header #logo
{
    display: block;
    position:absolute;
    left: -10px;
    top: 1px;
}

#page-container #header #logo a
{
    display: block;
    width: 226px;
    height: 124px;
    background-image: url("../content/images/new-layout/logo.png");
    background-repeat: no-repeat;
    text-indent: -9999px;
    color: transparent;
}

#page-container #header ul#navigation
{
    display: block;
    list-style-type: none;
    position: absolute;
    left: 160px;
    top: 50px;
}

#page-container #header ul#navigation-right
{
    display: block;
    list-style-type: none;
    position: absolute;
    right: 0px;
    top: 50px;
}

#page-container #header ul.navigation li
{
    display: inline;
    list-style-type: none;
}

#page-container #header ul.navigation li a
{
    display: block;
    float: left;
    font-size: 80%;
    color: #FFFFFF;
    margin-right: 15px;
    padding: 4px;
    font-family: 'Segoe UI', Tahoma, Arial, Sans-Serif;
}

#page-container #header ul.navigation li a:link, 
#page-container #header ul.navigation li a:visited, 
#page-container #header ul.navigation li a:active
{
    text-decoration: none;
}
#page-container #header ul.navigation li a:hover
{
    background-color: #99CC33;
    text-decoration: none;
}

#page-container #header ul.navigation li a.selected-nav {
    font-weight: bold;
    background-color: #99CC33;
}

/* Feedback Control */
#page-container #content-feedback
{
    position:absolute;
    right: 100px;
    top: 85;
}

/* Header Form */
#page-container #header #header-login-form {
    display: block;
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 75%;
    position: absolute;
    top: 35px;
    left: 590px;
}

.checkbox {
    padding: 0;
    margin: 0;
    background-color: transparent;
    font-size: 80%;
    border: none;
}

.small-textbox {
    font-size: 90%;
}

.light-text a:link,
.light-text a:active,
.light-text a:visited {
    color: #999;
    text-decoration: none;
}
.light-text a:hover {
    color: #99CC33;
    text-decoration: underline;
}

.header-login-textbox {
    width: 142px;
    margin-top: 5px;
    border: 1px solid #CCC;
    height: 15px;
    border-left: 2px solid #FFF;
}

.right-padding {
    padding-right: 6px;
}

.sign-in-button {
    padding: 0px;
    color: #EC0B8D;
    text-decoration: none;
    cursor: pointer;
    background-color: transparent;
    border: none;
    margin: 4px 0 0 4px;
}
.sign-in-button:hover {
    color: #99CC33;
    text-decoration: none;
}

.align-right {
    text-align: right;
}

/* -------------------------------------------------------------- */

#page-container #page-content-container
{
    display: block;
    width: 950px;
    position: relative;
    color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
}

#page-container #homepage-content-container
{
    display: block;
    width: 950px;    
    position: relative;
}

#page-container #page-content-container #page-breadcrumb
{
    display: block;
    padding: 10px 16px 10px 16px;
    font-size: 70%;
    font-family: Tahoma, Arial, Sans-Serif;
    color: #EC0B8D;
    margin-left: 10px;
}

#page-container #page-content-container #page-breadcrumb a:link,
#page-container #page-content-container #page-breadcrumb a:visited,
#page-container #page-content-container #page-breadcrumb a:active
{
    color: #EC0B8D;
    text-decoration: none;
}
#page-container #page-content-container #page-breadcrumb a:hover
{
    color: #99CC33;
    text-decoration: none;
}

#page-container #page-content-container h1
{
    padding-left: 18px;
    padding-top: 5px;
    padding-bottom: 15px;
    color: #99CC33;
}

#page-container #page-content
{    
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    font-size: 80%;
}

#page-container #panel-right-nonmember
{
    top:50px;
    position:relative;
}

#page-container #panel-right-nonmember #panel-collapsed a
{
    display:block;
    height:146px;
    width:92px;
    background-image: url("../Content/Images/sml-panel-collapse.jpg");
    text-indent: -9999px; 
}

#page-container #panel-right-nonmember #right-side1
{
    display: block;
    height:146px;
    width:35px;
    float:left;
    background-image: url("../Content/Images/sml-panel-right.jpg");
    background-repeat: no-repeat;    
}

#page-container #panel-right-nonmember #right-middle
{
    position:relative;
    display: block;
    height:146px;
    width:218px;
    float:left;    
    background-image: url("../Content/Images/sml-panel-middle .jpg");
    background-repeat:repeat-x; 
}

#page-container #panel-right-nonmember #right-middle #middle-text
{
    position:relative;
    top:30px;
    left:10px;
    font-weight:bold;
    color: #EC0B8D;       
}

#page-container #panel-right-nonmember #right-middle #middle-text a:link,
#page-container #panel-right-nonmember #right-middle #middle-text a:visited,
#page-container #panel-right-nonmember #right-middle #middle-text a:active
{
    color: #EC0B8D;
    text-decoration: none;
    font-size:90%
}

#page-container #panel-right-nonmember #right-middle #middle-text a:hover
{
    position:relative;
    color: #99CC33;
    text-decoration: underline;
    font-size:90%
}

#page-container #panel-right-nonmember #right-side2
{
    display: block;
    height:146px;
    width:60px;
    float:left;
    background-image: url('../Content/Images/sml-panel-left.jpg');
}

#page-container #panel-right-nonmember #right-side2 a
{
    display: block;
    height:146px;
    width:60px;
    float:left;
    background-image: url('../Content/Images/sml-panel-left.jpg');    
    text-indent: 9999px;
    color: transparent;
}

/* Member panel for home page */
#page-container #panel-right-member
{
    top:50px;   
    position:relative;
}

#page-container #panel-right-member #right-side1-member
{
    display: block;
    height:291px;
    width:32px;
    float:left;
    background-image: url("../Content/Images/pallette_left_07.jpg");
    background-repeat: no-repeat;    
}

#page-container #panel-right-member #right-middle-member
{
    position:relative;
    display: block;
    height:291px;
    width:218px;
    float:left;
    background-image: url("../Content/Images/pallette_pixel_08.jpg");
    background-repeat:repeat-x; 
}

#page-container #panel-right-member #right-middle-member #member-middle-options
{
    position:relative;
    top:30px;
    left:10px;
    font-weight:bold;
    color: #EC0B8D;       
}

#page-container #panel-right-member #right-middle-member #member-middle-options a:link,
#page-container #panel-right-member #right-middle-member #member-middle-options a:visited,
#page-container #panel-right-member #right-middle-member #member-middle-options a:active
{
    color: #EC0B8D;
    text-decoration: none;
    font-size:90%
}

#page-container #panel-right-member #right-middle-member #member-middle-options a:hover
{
    position:relative;
    color: #99CC33;
    text-decoration: underline;
    font-size:90%
}

#page-container #panel-right-member #right-side2-member
{
    display: block;
    height:291px;
    width:54px;
    float:left;
    background-image: url('../Content/Images/pallette_right_arrow_left_10.jpg');
}

#page-container #panel-right-member #right-side2-member a
{
    display: block;
    height:291px;
    width:54px;
    float:left;
    background-image: url('../Content/Images/pallette_right_arrow_left_10.jpg');    
    text-indent: 9999px;
    color: transparent;
}

#page-container #panel-right-member #right-middle-member #member-middle-options #member-options-table td
{ 
    color:Black;
    font-weight:normal; 
    font-size:82%;
    height:25px;
}

#page-container #panel-right-member #right-middle-member #member-middle-options #member-options-table a
{ 
    color:Black;
    font-weight:normal;
    text-decoration: none;
    font-size:82%;
}

#page-container #panel-right-member #right-middle-member #member-middle-options #member-options-table a:hover
{ 
    color:#EC0B8D;
    font-weight:normal;
    text-decoration: none;
    font-size:82%;
}

#page-container #panel-right-member #right-middle-member #member-middle-options #member-options-table select
{
    color: black;
    font-weight: bold;
    font-size: 82%;
}

/* ------ [Content Page Panels] ------ */
#page-container #panel-right-nonmember-content
{
    top:150px;   
    left:10px;
    position:absolute;
    z-index: 9999;
}

#page-container #panel-right-nonmember-content #right-side1
{
    display: block;
    height:146px;
    width:35px;
    float:left;
    background-image: url("/Content/Images/sml-panel-right.jpg");
    background-repeat: no-repeat;    
}

#page-container #panel-right-nonmember-content #right-middle
{
    position:relative;
    display: none;
    height:146px;
    width:218px;
    float:left;    
    background-image: url("/Content/Images/sml-panel-middle .jpg");
    background-repeat:repeat-x; 
}

#page-container #panel-right-nonmember-content #right-middle #middle-text
{
    position:relative;
    top:30px;
    left:10px;
    font-weight:bold;
    color: #EC0B8D;       
}

#page-container #panel-right-nonmember-content #right-middle #middle-text a:link,
#page-container #panel-right-nonmember-content #right-middle #middle-text a:visited,
#page-container #panel-right-nonmember-content #right-middle #middle-text a:active
{
    color: #EC0B8D;
    text-decoration: none;
    font-size:90%
}

#page-container #panel-right-nonmember-content #right-middle #middle-text a:hover
{
    position:relative;
    color: #99CC33;
    text-decoration: underline;
    font-size:90%
}

#page-container #panel-right-nonmember-content #right-side2
{
    display: block;
    height:146px;
    width:60px;
    float:left;
    top:2px;
    position:relative;
    background-image: url('/Content/Images/sml-panel-right-collapse.jpg');
}

#page-container #panel-right-nonmember-content #right-side2 a
{
    display: block;
    height:146px;
    width:60px;
    float:left;
    top:2px;
    position:relative;
    background-image: url('/Content/Images/sml-panel-right-collapse.jpg');    
    text-indent: 9999px;
}

/* Member panel for home page */
#page-container #panel-right-member-content
{
    top:150px;   
    left:10px;
    position:absolute;
    z-index: 9999;
}

#page-container #panel-right-member-content #right-side1-member
{
    display: block;
    height:291px;
    width:32px;
    float:left;
    background-image: url("/Content/Images/pallette_left_07.jpg");
    background-repeat: no-repeat;    
}

#page-container #panel-right-member-content #right-middle-member
{
    position:relative;
    display: none;
    height:291px;
    width:218px;
    float:left;
    background-image: url("/Content/Images/pallette_pixel_08.jpg");
    background-repeat:repeat-x; 
}

#page-container #panel-right-member-content #right-middle-member #member-middle-options
{
    position:relative;
    top:30px;
    left:10px;
    font-weight:bold;
    color: #EC0B8D;       
}

#page-container #panel-right-member-content #right-middle-member #member-middle-options a:link,
#page-container #panel-right-member-content #right-middle-member #member-middle-options a:visited,
#page-container #panel-right-member #right-middle-member #member-middle-options a:active
{
    color: #EC0B8D;
    text-decoration: none;
    font-size:90%
}

#page-container #panel-right-member-content #right-middle-member #member-middle-options a:hover
{
    position:relative;
    color: #99CC33;
    text-decoration: underline;
    font-size:90%
}

#page-container #panel-right-member-content #right-side2-member
{
    display: block;
    height:291px;
    width:54px;
    float:left;
    background-image: url('/Content/Images/pallette_right_arrow_right_10_10.jpg');
}

#page-container #panel-right-member-content #right-side2-member a
{
    display: block;
    height:291px;
    width:54px;
    float:left;
    background-image: url('/Content/Images/pallette_right_arrow_right_10_10.jpg');    
    text-indent: 9999px;
}

#page-container #panel-right-member-content #right-middle-member #member-middle-options #member-options-table td
{ 
    color:Black;
    font-weight:normal; 
    font-size:82%;
    height:25px;
}

#page-container #panel-right-member-content #right-middle-member #member-middle-options #member-options-table a
{ 
    color:Black;
    font-weight:normal;
    text-decoration: none;
    font-size:82%;
}

#page-container #panel-right-member-content #right-middle-member #member-middle-options #member-options-table select
{
    color: black;
    font-weight: bold;
    font-size: 82%;
}

/* ------ [App] ------- */
.app #page-container, 
.app #page-container #header {
    width: 100%;
}
.app #page-container #header #logo a {
    /*background-image: url("../content/images/logo-plain.jpg");*/
}

/* ------ [Footer] ------ */

#footer
{
    display: block;    
    width: 950px;
    margin-top: 35px;
    padding-bottom: 20px;
    font-size: 70%;
    font-family: Tahoma, Arial, Sans-Serif;    
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#footer #company
{
    color: #999999;
    display: block;
    text-align: center;
    margin-top: 5px;
}

#footer ul#links
{
    display: block;
	list-style-type: none;
	margin: 0px;
}

#footer ul#links li
{
    display: inline;
    border-right: 1px solid #333333;
    padding: 0 6px 0 6px;    
}

#footer ul#links li.last
{
	border-right: none;
}

#footer a:link, #footer a:visited, #footer a:active
{
    color: #FFFFFF;
    text-decoration: none;
}

#footer a:hover
{
    color:#EC0B8D;
    text-decoration:none;
}

#login-form input[type="text"], #login-form input[type="password"]
{
    width: 150px;
}
#login-form input[type="submit"]
{
    width: 50px;
}

#signup-form input[type="text"], #signup-form input[type="password"]
{
    width: 150px;
}

/* ------ [Photo Viewer - Overrides Properties] ------ */
.photo-viewer-page,
.photo-viewer-page #header
{
    width: 100%;
}
.photo-viewer-page #header #logo a
{
    background-image: url("../Content/Images/lo2-page-logo-black.jpg");
}
.photo-viewer-page #footer
{
    width: 100%;
}

#photo-viewer-page-footer
{
    display: block;
    width: 950px;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
}

#photo-viewer-container
{
    margin-bottom: 15px;
}
#page-header
{
    padding-left: 20px;
    padding-bottom: 8px;
}
#page-header h1
{
    margin: 0px;
    padding: 0px;
}
#page-header h1
{
    color: #999999;
    font-size: x-large;
}
#page-header h1 span
{
    color: #666666;
    font-size: medium;
}

#page-header a:link, #page-header a:visited, #page-header a:active
{    
    color: #EC0B8D;
    text-decoration: none;
}
#page-header a:hover
{
    color: #99CC33;
    text-decoration: underline;
}

/* ------ [Misc Styles] ------ */
.light-text
{
    color: #999999;
    font-size: 90%;
    margin-top: 0;
}
.splitter
{
    clear:both;
}
.info-box-green
{    
    padding: 10px 10px 10px 10px; 
}
.info-box-green h3
{
    margin: 0px;
}
.info-box-error
{
	margin: 10px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #DD3C10;
	background-color: #FFEBE8;
	display: block;
}
.info-box
{
	margin: 10px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #385493;
	background-color: #EBEEF4;
	display: block;
}
.info-box-light
{
	margin: 10px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #9BA9C9;
	background-color: #F5F6F9;
	display: block;
}
.info-box-error p, .info-box p, info-box-light p, .info-box-green p
{
	margin: 4px 0px 0px 0px;
}
.field-validation-error, .red-text
{
    color: #CC0000;
}
.strike-through
{
    text-decoration: line-through;
}

.input-validation-error {
    border: 2px solid #CC0000;
    background-color: #FFEEEE;
}

.validation-summary-errors {
    color: #333;
    border: 2px solid #CC0000;
    background-color: #FFEEEE;
    padding: 10px;
}

.validation-summary-errors li {
    margin-left: 25px;
}

.shoebox-item-table
{
    border: 1px solid #9BBB59;
    margin-top: 12px;
    margin-bottom: 12px;
    background:white;
    color:Black;    
}
.shoebox-item-table .alternate-row
{
    background-color: #E6EED5;
}
.shoebox-item-table thead td
{
    background-color: #9BBB59;
    color: #FFFFFF;
    font-weight: bold;
}
.shoebox-item-table td
{
    padding: 5px;
}

.no-shoeboxes
{
    display: block;
    padding: 20px;
    text-align: center;
    color: #999999;
}

#shoeboxes-join-box
{
    display: block;
    position: absolute;
    right: 80px;
    top: 50px;
}
#shoeboxes-join-box table
{
    margin-top: 6px;
}

.green-header
{
    color:#99CC33;
    font-size:120%;
    font-weight:bold;
}

.content-text
{
    color:White;
    font-size:85%
}

.pink-text
{
    color: #EC0B8D;
    text-decoration: none;
}

.pink-text a:link,
.pink-text a:active,
.pink-text a:visited
{
    color: #EC0B8D;
    text-decoration: none;
}

.pink-text a:hover
{
    color: #99CC33;
    text-decoration: underline;
}
.login-inputs
{
    font-size: 100%; 
    width: 180px;
}

div.centered
{
    display:block;
 
    /*set the div in the center of the screen*/
    position:absolute;
    top:50%;
    left:35%;
    width:350px;
    padding-left: 3px;
    padding-right: 3px;
	
	/*give it some background and border*/
	background:#eee;
	border:1px solid #EC0B8D;
}

.basket-image img {
    max-width: 80px; 
    max-height: 50px;    
}

.basket-popout {
    border: 2px solid 
}

#loading-label {
    display: block;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
    width: 685px;
    margin-top: 6px;
    margin-bottom: 6px;
}

/* ------ [ Homepage ] ------ */
.homepage {
    z-index: 1;
    position: relative;
    background-image: url("../content/images/homepage/homepage-bg.jpg");
    background-position: 15px 47px;
    background-repeat: no-repeat;
    margin-bottom: 50px;
}

.homepage .home-heading {
    font-family: 'Segoe UI Light', Tahoma, Arial, Sans-Serif;
    font-size: 280%;
    color: #99CC33;
    text-align: center;
    font-weight: normal;
}

.homepage h1 strong {
    font-weight: lighter;
}

.homepage #left {
    display: block;
    margin: 0px;
    padding: 0px;
    margin-left: 15px;
    margin-top: 15px;
}

.homepage #left li {
    list-style-type: none;
    display: block;
    float: left;
    margin: 0px;
    padding: 0px;
    margin-bottom: 15px;
}

.homepage #video-box {
    display: block;
    font-family: 'Segoe UI Light', Tahoma, Arial, Sans-Serif;
    margin-left: 35px;
    margin-top: 20px;
}

.homepage #video-box-outer-border.dark-rounded-box .bl {
    display: block;
    width: 572px;
}

.homepage #video-box-inner-border.light-rounded-box .bl {
    display: block;
    width: 556px;
}

.dark-rounded-box .bl {background: url("../content/images/bl-dark-grey.gif") 0 100% no-repeat #333333; width: 20em}
.dark-rounded-box .br {background: url("../content/images/br-dark-grey.gif") 100% 100% no-repeat}
.dark-rounded-box .tl {background: url("../content/images/tl-dark-grey.gif") 0 0 no-repeat}
.dark-rounded-box .tr {background: url("../content/images/tr-dark-grey.gif") 100% 0 no-repeat; padding:8px}

.rounded-box-clear {
    font-size: 1px; 
    height: 0px
}

.light-rounded-box .bl {background: url("../content/images/bl-light-grey.gif") 0 100% no-repeat #666666; width: 20em}
.light-rounded-box .br {background: url("../content/images/br-light-grey.gif") 100% 100% no-repeat}
.light-rounded-box .tl {background: url("../content/images/tl-light-grey.gif") 0 0 no-repeat}
.light-rounded-box .tr {background: url("../content/images/tr-light-grey.gif") 100% 0 no-repeat; padding:8px}

.homepage .video {
}

.homepage .video,
.homepage .video object {
    display: block;
    width: 541px;
    height: 324px;
}

.homepage #video-box p  {
    display: block;
    margin: 0px;
    padding: 0px;
    margin-left: 5px;
    margin-top: 5px;
    font-family: 'Segoe UI', Tahoma, Arial, Sans-Serif;
    text-align: center;
    font-size: 108%;
    font-weight: 100;
    color: #FFFFFF;
}

.homepage #video-box ul {
    margin: 0 0 0 10px;
    padding: 0px;
}

.homepage #video-box ul li {
    display: block;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    float: left;
    margin-right: 8px;
}

.homepage #video-box ul li a { 
    display: block;
    width: 108px;
    height: 28px;
    border-bottom: 2px solid #99CC33;
    border-top: 2px solid #454545;
    color: #99CC33;
    background-color: #666666;
    text-decoration: none;
    text-align: center;
    font-family: 'Segoe UI Light', Tahoma, Arial, Sans-Serif;
    font-size: 105%;
}

.homepage #video-box ul li a:hover,
.homepage #video-box ul li.selected a     
{
    border-top-color: #333333;
    border-bottom-color: #E8068B;
    color: #E8068B;
    background-color: #333333;
}

a.btn-buy-or-try {
    display: block;
    width: 207px;
    height: 44px;
    background-image: url("../content/images/btn-try-or-buy.jpg");
    text-indent: -9999px;
    color: transparent;
}
a.btn-buy-or-try:visited,
a.btn-buy-or-try:active,
a.btn-buy-or-try:hover {
    color: transparent;
    text-decoration: none;
}

.homepage #left li #share-box {
    width: 250px;
}

.homepage #left li .share-heading {
    color: #99CC33;
    font-weight: normal;
    font-family: 'Segoe UI', Tahoma, Arial, Sans-Serif;
    font-size: 110%;
}

.homepage #left li form {
    display: inline;
}

.join-textbox {
    background-color: #FFF;
    border: none;
    width: 140px;
    font-size: 80%;
    padding: 2px;
    border: 1px solid #CCC;
}

.join-button {
    background-image: url("../content/images/btn-view.jpg");
    border: none;
    width: 63px;
    height: 23px;
    margin-left: 10px;
    text-indent: -9999px;
    cursor: pointer;
}

.homepage .feature .feature-container {
    position: relative;   
    height: 83px;
}

.homepage p {
    margin: 0;
    padding: 0;
}

.homepage .feature .feature-container img,
.homepage .feature .feature-container .feature-heading,
.homepage .feature .feature-container p {
    display: block;
    position: absolute;
}
.homepage .feature .feature-container .feature-heading,
.homepage .feature .feature-container p {
    left: 93px;
}
.homepage .feature .feature-container p {
    top: 28px;
}

.homepage .feature p.desc {
    font-family: 'Segoe UI', Tahoma, Arial, Sans-Serif;
    font-size: 75%;
    color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    display: inline;
    width: 200px;
}

.homepage .feature .feature-heading {
    font-size: 150%;
    font-weight: normal;
    color: #99CC33;
    margin-top: -32px;
}

/* ------- [Tabs] ------ */
ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #6c6; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}
 
ul#tabnav li { /* do not change */
display: inline;
}
 
ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #6c6; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #cfc; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}
 
ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}
 
ul#tabnav li.selectedTab { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}
 
ul#tabnav li.selectedTab a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}
#edit-shoebox-heading {
    color: #999;
    font-weight: normal;
    margin: 0;
    padding: 0;
    float: left;
    display: inline;
}
#edit-shoebox-heading-links {
    float: right;
    display: inline;
    margin: 0;
    padding: 0;
}
#edit-page {
    margin-left: 25px;
}
ul#products {
    margin: 0;
    padding: 0;
}
ul#products li {
    display: block;
    float: left;
    width: 226px;
    margin-right: 10px;
    list-style-type: none;
}
ul#products li a.month-button {
    display: block;
    width: 226px;
    height: 199px;
    color: transparent;
    text-indent: -9999px;
    background-color: #000;
}
ul#products li a.month-button:visited,
ul#products li a.month-button:active,
ul#products li a.month-button:hover {
    color: transparent;
}
ul#products li .box {
    background-image: url("/content/images/products/choose-bottom.jpg");
    background-position: bottom;
    background-repeat: no-repeat;
    background-color: #333;
    width: 226px;
    height: 374px;
    position: relative;
}

ul#products .box ul 
{
    margin: 0 0 0 10px;    
}
ul#products .box li {
    font-family: 'Segoe UI', Tahoma, Arial, Sans-Serif;
    font-size: 90%;
    background-image: url("/content/images/icon-bullet-pink.png");
    background-position: 2px 0;
    background-repeat: no-repeat;
    width: auto;
    margin: 3px 0 3px 0;
    float: none;
    display: list-item;    
    padding: 0 0 0 20px;
}

ul#products li div h2, 
ul#products li div p,
#trial-box h2,
#trial-box p {
    color: #FFF;
    font-family: 'Segoe UI', Tahoma, Arial, Sans-Serif;
    font-size: 110%;
    margin-left: 20px;
    margin-right: 18px;
}
ul#products li div .product-bottom {
    position: absolute;
    bottom: 12px;
}
ul#products li div .product-bottom p,
ul#products li div .product-bottom a {
    margin: 0;
    padding: 0;
    display: inline;
    float: left;
}
ul#products li div .product-bottom p {
    margin-left: 15px;
}
ul#products li div .product-bottom a {
    margin-left: 25px;
}
.priceLabel, .price {
   font-size: 120%;
   font-weight: normal;
}
.priceLabel {
    color: #99CC33;
}
.price {
    color: #EC0B8D;
}

ul#products li div .product-bottom a.buy-button {
    display: block;
    width: 76px;
    height: 27px;
    color: transparent;
    text-indent: -9999px;
}
a.buy-button:visited,
a.buy-button:active,
a.buy-button:hover,
a.try-it-button:visited,
a.try-it-button:active,
a.try-it-button:hover {
    color: transparent;
}

a.buy-button {
    background-image: url("/content/images/products/btn-buy.jpg");
}

a.try-it-button {
    display: block;
    width: 76px;
    height: 27px;
    color: transparent;
    background-image: url("/content/images/products/btn-try-it.jpg");
    text-indent: -9999px;
}

#trial-box {
    margin-top: 10px;
    width: 480px;
}

a.trial-button {
    display: block;
    background-image: url("/content/images/products/choose-trial.jpg");
    width: 155px;
    height: 155px;
    text-indent: -9999px;
    color: transparent;
    float: left;
}
a.trial-button:visited,
a.trial-button:active,
a.trial-button:hover {
    color: transparent;
}

#trial-right {
    background-color: #333;
    background-image: url("/content/images/products/choose-trial-right.jpg");    
    background-position: top right;
    background-repeat: no-repeat;
    float: left;
    margin-top: 28px;
    height: 127px;
}

#trial-right h2 {
    margin-top: 15px;
}

#trial-bottom {
    float: right;
    margin-right: 20px;
}
#trial-bottom p, 
#trial-bottom a {
    float: left;
    margin: 0;
    padding: 0;
}

.page-pad {
    padding-left: 20px;
}

.bold-button {
    font-weight: bold;
    padding: 2px;
}

.form-label {
    text-align: right;
    font-weight: bold;
    font-size: 120%;
}

.form-item input, .form-item textarea {
    font-size: 130%;
    padding: 3px;
    width: 250px;
}

.form-item textarea {
    height: 100px;
}

h4
{
    color: #EC0B8D;
    font-size: 125%;
    font-weight: normal;
    margin-bottom: 20px;
}

.news-break
{
    background-color: #333;   
    height: 1px;
    display: block;
    width: auto;
    margin: 20px 0 20px 0;
}

#share-this-link
{
    float: right;
    font-size: 70%;
}

.nice-textarea
{
    padding: 5px;
    border: 3px solid #EC0B8D;
    width: 350px;
    height: 80px;
}

.bright-text
{
    color: #FFF;
}

.input-placeholder {
    color: #666;
    background-color: #FFF;
}

.input-ready {
    color: #000;    
    background-color: #FFF;
}

.hidden-element {
    display: none;
}

/* jQuery Tipsy Plugin */
.tipsy { padding: 5px; font-size: 11px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
.tipsy-inner { padding: 4px 5px; background-color: #000; color: white; max-width: 200px; text-align: center; border: 1px solid #99CC33 }
.tipsy-north { background-image: url(/content/images/tipsy/tipsy-north.gif); background-position: top center; }
.tipsy-south { background-image: url(/content/images/tipsy/tipsy-south.gif); background-position: bottom center; }
.tipsy-east { background-image: url(/content/images/tipsy/tipsy-east.gif); background-position: right center; }
.tipsy-west { background-image: url(/content/images/tipsy/tipsy-west.gif); background-position: left center; }

.grey-box {
    border: 1px solid #666;
    padding: 8px;
    display: inline-block;
    margin: 5px;
}

.big-textbox {
    border: 1px solid #666;
    font-size: 100%;
    padding: 2px;
}

.short-textbox
{
    width: 60px;
}

.no-margin {
    margin: 0;
}

.box-yellow {
    border: 1px solid #E2C822;
    background-color: #FFF9D7;
    padding: 8px;
    color: #333;
    margin: 0;
    margin-bottom: 10px;
}

.box-yellow h2 {
    color: #333;
    margin: 0;
    font-size: 110%;
}

.box-yellow p {
    margin-top: 0;
}

.box-yellow ul, .box-yellow li {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    list-style-type: none;
}

.box-yellow ul {
    margin-left: 10px;
}

.steps {
    font-family: 'Segoe UI Light', Tahoma, Arial, Sans-Serif;
    font-size: 150%;
    color: #666;
    margin-left: auto;
    margin-right: auto;
}

.steps .step-selected {
    color: #99CC33;
}

.steps .step-arrow img {
    margin-left: 10px;
    margin-right: 10px;
}

#basketTotal {
    color: #EC0B8D;
    font-size: 110%;
}

#checkout-header {
    display: block;
    position: absolute;
    left: 250px;  
    padding: 35px; 
    font-size: 80%; 
}

.checkout-page {
    margin-top: 15px;
}

.no-margin {
    margin: 0;
}

.block {
    background-color: #333;
    color: #CCC;
    font-weight: bold;
    padding: 5px;
    display: block;
    width: 100%;
}

#panel-loading {
    text-align: center;
    color: #EC0B8D;
    padding: 100px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    font-size: 150%;
}

.address-label {
    font-weight: bold;
    text-align: right;
}

.address-input input {
    width: 250px;
}

.address-label span, .address-input span {
    font-weight: normal;
    font-size: 85%;
}

.address-form {
    margin: 15px;
}

.empty-address-book {
    padding: 20px;
    text-align: center;
    font-size: 130%;
}

#address-book {
    margin: 0;
    padding: 0;
}

#address-book li {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#address-book li div {
    padding: 10px;
    width: 45%;
    float: left;
    display: block;
}

#add-new-address {
    border-top: 2px solid #666;
    padding-top: 30px;
    margin-top: 30px;
}

.dispatch-button-container {
    margin-left: 165px;
}

.address-details {
    padding: 8px;
    display: inline-block;
}
.address-details strong {
    color: #FFF;
}

.place-order-panel {
    display: block;
    background-color: #E1F0C2;
    border: 1px solid #99CC33;
    padding: 10px;
    color: #333;
}

#description-more {
    
}

#description-content {
    position: absolute;
    bottom: -320px;  
    font-size: 80%;
    color: #B3B3B3;
    width: 950px;
}

#description-content.homepage-desc {      
    font-size: 71%;    
    padding-left: 20px;    
    color: #999;
}

#content-wrapper {
    position: relative;
}

#description-content h1 {
    font-size: 120%;
    font-weight: bold;
}

#description-content #footer {
    font-size: 85%;
}
#description-content.homepage-desc #footer {
    font-size: 100%;
}

.pink-heading {
    margin: 0;
    padding: 0;
    color: #ec0b8d;
    font-family: 'Segoe UI',Tahoma,Arial,Sans-Serif;
    font-size: 140%;
    padding-bottom: 4px;
    margin-bottom: 5px;
    font-weight: bold;
}

.new-reg-label {
    color: #999;
    font-size: 110%;
    font-weight: bold;
}
.new-reg-input {
    font-size: 130%;
}
.new-reg-button {
    font-size: 130%;
    font-family: 'Segoe UI',Tahoma,Arial,Sans-Serif;
    background-color: #99CC33;
    border: 1px solid #666;
    padding: 3px;
}