/*===========================================================
WEBSITE: Craftwork Cards
COMPANY: outsidethebox.co.uk
===========================================================*/

body {
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 12px;
		line-height: 1.5em;		
		height: 100%;
		margin: 0px;
		padding: 0px;
		background: #ffffff;
		color: #646464;
}

ul, ol, form {
    	padding: 0px;
    	margin: 0px;
}

/*===========================================================
HEADLINES, LINKS & PARAGRAPHS
===========================================================*/

h1 { margin: 0px; padding: 0px; font-size: 1.0em; }
h2 { margin: 0px; padding: 0px; font-size: 1.0em; }
h3 { margin: 0px; padding: 0px; font-size: 1.0em; }
h4 { margin: 0px; padding: 0px; font-size: 1.0em; }
p {	margin: 0px; padding: 0px; }

a { color: #646464; text-decoration: none; }
a:hover { color: #646464; text-decoration: underline; }

/*=========================================================== 
LAYOUT
=============================================================
GENERAL SITE LAYOUT
===========================================================*/

#background_wrapper {
		display: block;
		width: 980px;
		margin: 0px auto 0px auto;
		padding: 0px;
}

#wrapper {
		display: block;
		float: left;
		width: 980px;
		margin: 0px;
		padding: 0px;
}

#padding_wrapper {
		display: block;
		float: left;
		width: 980px;
		margin: 0px;
		padding: 0px 0px 20px 0px;
}

#content_wrapper {
		display: block;
		float: left;
		width: 980px;
		margin: 0px;
		padding: 0px;
}

/*=========================================================== 
HEADER
===========================================================*/

#header {
        display: block;
        position: relative;
        width: 980px;
        height: 88px;
        margin: 0px;
        padding: 0px;
        background-color: #000000;
}

a#header_logo {
        display: block;
		float: left;
        background: url("../images/header_logo.jpg") no-repeat;
        width: 283px;
        height: /**/ 43px;
        height: 0px !important;
        overflow: hidden;
        margin: 25px 0px 0px 20px;
        padding: 43px 0px 0px 0px; 
}

#header_basket_container {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        width: 200px;
        height: 16px;
        padding: 0px;
}

#header_basket_container span { color: #999999; font-size: 1.4em; font-weight: bold; }

a#header_basket {
        display: block;
		float: left;
        background: url("../images/header_basket.jpg") no-repeat;
        width: 81px;
        height: /**/ 16px;
        height: 0px !important;
        overflow: hidden;
        margin: 2px 5px 0px 0px;
        padding: 16px 0px 0px 0px; 
}

#header_login_container {
        display: block;
        position: absolute;
        top: 40px;
        right: 20px;
        width: 200px;
        height: 16px;
        padding: 0px;
}

#header_login_container a { color: #999999; text-decoration: none; }
#header_login_container a:hover { text-decoration: underline; }
#header_login_container a.login_first { padding: 0px 9px 0px 0px; margin: 0px 5px 0px 0px; border-right: 1px solid #999999; }
#header_login_container a.logout { display: block; float: left; color: #ffffff; font-size: 0.9em; font-weight: bold; line-height: 1em; }
#header_login_container a.member_area { display: block; float: left; margin: 0px 10px 0px 0px; padding: 0px 10px 0px 0px; border-right: 1px solid #ffffff; color: #ffffff; font-size: 0.9em; font-weight: bold; line-height: 1em; }
#header_login_container p { color: #999999; font-size: 0.9em; }
#header_login_container p strong { color: #ffffff; }

#renewal_message { position: absolute; top: 40px; left: 330px; }
#renewal_message p { display: block; float: left; color: #d00d6b; font-weight: bold; font-size: 0.9em; line-height: 1.2em; }
#renewal_message p a { color: #ffffff; font-weight: bold; }

/*=========================================================== 
TOP NAV
===========================================================*/

#nav {
        display: block;
        float: left;
        position: relative;
        width: 980px;
        height: 33px;
        margin: 0px;
        padding: 0px;
        background-color: #616161;
        border-bottom: 2px solid #000000;
        z-index: 10px;
}

#nav ul { display: block; float: left; width: 742px; list-style: none; margin: 0px; padding: 0px; }
#nav ul li { display: block; float: left; margin: 0px; padding: 0px; }
#nav ul li a { display: block; float: left; height: /**/ 33px; height: 0px !important; overflow: hidden; margin: 0px; padding: 33px 0px 0px 0px; }
#nav ul li span.nav_spacer { display: block; float: left; background: url("../images/nav_spacer.jpg") no-repeat; width: 2px; height: 33px; margin: 0px; padding: 0px; }

#nav_papers { background: url("../images/nav_papers.jpg") no-repeat; width: 81px; }
#nav_papers:hover { background-position: -81px 0px; }
#nav_candy { background: url("../images/nav_candy.jpg") no-repeat; width: 81px; }
#nav_candy:hover { background-position: -81px 0px; }
#nav_cards { background: url("../images/nav_cards.jpg") no-repeat; width: 72px; }
#nav_cards:hover { background-position: -72px 0px; }
#nav_accents { background: url("../images/nav_accents.jpg") no-repeat; width: 87px; }
#nav_accents:hover { background-position: -87px 0px; }
#nav_stamps { background: url("../images/nav_stamps.jpg") no-repeat; width: 79px; }
#nav_stamps:hover { background-position: -79px 0px; }
#nav_basics { background: url("../images/nav_basics.jpg") no-repeat; width: 118px; }
#nav_basics:hover { background-position: -118px 0px; }
#nav_collections { background: url("../images/nav_collections.jpg") no-repeat; width: 118px; }
#nav_collections:hover { background-position: -118px 0px; }
#nav_kits { background: url("../images/nav_kits.jpg") no-repeat; width: 57px; }
#nav_kits:hover { background-position: -57px 0px; }
#nav_inspirations { background: url("../images/nav_inspirations.jpg") no-repeat; width: 116px; }
#nav_inspirations:hover { background-position: -116px 0px; }

#nav_search { display: block; float: right; width: 215px; height: 19px; margin: 6px 6px 0px 0px; padding: 0px; border: 1px solid #a9a9a9; }
#nav_search .nav_search_input { display: block; float: left; width: 183px; height: 13px; background-color: #000000; color: #cccccc; font-size: 0.9em; border: none; margin: 0px; padding: 3px; }
#nav_search a.button_go { display: block; float: left; background: url("../images/button_go.jpg") no-repeat; width: 26px; height: /**/ 19px; height: 0px !important; overflow: hidden; margin: 0px; padding: 19px 0px 0px 0px; }

#nav .dropdown {
        display: none;
        position: absolute;
        background-color: #ffffff;
        height: 120px;
        border-left: 1px solid #a9a9a9; 
        border-right: 1px solid #a9a9a9; 
        border-bottom: 1px solid #a9a9a9; 
        padding: 20px 0px 20px 20px;
        /* Set the opacity and z-index of the dropdown */
        z-index: 100;
        filter: alpha(opacity=95);
        -moz-opacity: 0.95;
        -khtml-opacity: 0.95;
        opacity: 0.95;
}

#nav .dropdown ul { display: block; float: left; width: 150px; height: 96px; margin: 0px 20px 0px 0px; padding: 0px 20px 0px 0px; border-right: 1px solid #cecece; }
#nav .dropdown ul.dropdown_last { margin: 0px 20px 0px 0px; padding: 0px; border: none; }
#nav .dropdown ul li { display: block; float: left; width: 150px; margin: 0px; padding: 0px;}
#nav .dropdown ul li a { display: block; float:left; width: 130px; padding: 3px 10px 3px 10px; color: #848484; overflow: auto; height: auto !important; margin: 0px; }
#nav .dropdown ul li a:hover { background-color: #000000; color: #ffffff; text-decoration: none; }

#dd_cards {
        top: 33px;
        left: 82px;
}

#dd_accents {
        top: 33px;
        left: 156px;
}

#dd_basics {
        top: 33px;
        left: 326px;
}

/*=========================================================== 
FOOTER
===========================================================*/

#footer {
        display: block;
        float: left;
        background-color: #383838;
        width: 980px;
        height: 105px;
        margin: 0px;
        padding: 0px;
        border-top: 1px solid #444444;
        color: #afafaf;
        line-height: 1.2em;
        font-size: 0.9em;
}

#footer_links {
        display: block;
        float: left;
        width: 220px;
        margin: 18px 0px 0px 40px;
        padding: 0px;
}

#footer_links ul { display: block; float: left; width: 110px; margin: 0px; padding: 0px; list-style: none; }
#footer_links ul li a { display: block; float: left; background: url("../images/bullet_flower.jpg") no-repeat 0 1px; width: 90px; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 20px; color: #848484; }
#footer_links ul li a:hover { color: #dfdfdf; }

#footer_mission {
        display: block;
        float: left;
        width: 200px;
        margin: 18px 0px 0px 250px;
        padding: 0px;
}

#footer_mission p { display: block; float: left; width: 200px; }

#footer_address {
        display: block;
        float: right;
        width: 175px;
        margin: 18px 46px 0px 0px;
        padding: 0px;
}

#footer_address p { display: block; float: left; width: 175px; margin: 0px; padding: 0px; color: #848484; }
#footer_address p a, #footer_address p span { color: #afafaf; }
#footer_address p a:hover { color: #dfdfdf; }

/*=========================================================== 
GENERAL LAYOUT ELEMENTS
===========================================================*/

#page_h1 {
        display: none;
        visibility: hidden;
}

#breadcrumb_container {
        display: block;
        float: left;
        position: relative;
        width: 100%;
        height: 15px;
        margin: 0px 0px 20px 0px;
        padding: 10px 0px 10px 0px;
        border-bottom: 1px solid #dddddd;
}

#breadcrumb_container a { display: block; float: left; height: 15px; margin: 0px; padding: 0px; }
#breadcrumb_container span { display: block; float: left; height: 15px; margin: 0px; padding: 0px; color: #dddddd; }
.breadcrumb_spacer { display: block; float: left; background: url("../images/breadcrumb_spacer.jpg") no-repeat 0px 3px; width: 12px; height: 15px; margin: 0px 10px 0px 10px !important; padding: 0px; }
.breadcrumb_spacer_reverse { display: block; float: left; background: url("../images/breadcrumb_spacer_reverse.jpg") no-repeat 0px 3px; width: 12px; height: 15px; margin: 0px 10px 0px 10px !important; padding: 0px; }
#breadcrumb_container span.breadcrumb_grunge { position: absolute; top: 35px; right: 0px; width: 186px; height: 45px; background: url("../images/breadcrumb_grunge.jpg") no-repeat; }
#breadcrumb_container span.breadcrumb_grunge_pink { position: absolute; top: 35px; right: 0px; width: 371px; height: 63px; background: url("../images/breadcrumb_grunge_pink.gif") no-repeat; }

#paging_top_container {
        display: block;
        float: left;
        width: 100%;
        height: 15px;
        margin: -20px 0px 10px 0px;
        padding: 10px 0px 10px 0px;
        border-bottom: 1px solid #dddddd;
}

#paging_bottom_container {
        display: block;
        float: left;
        width: 100%;
        height: 15px;
        margin: 10px 0px 10px 0px;
        padding: 10px 0px 10px 0px;
        border-top: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd;
}

#sorting {
        display: block;
        float: right;
        margin: 1px 10px 0px 0px;
        padding: 0px;
}

.paging {
        display: block;
        float: right;
        margin: 0px 0px 0px 20px;
        text-align: right;
}

.paging a { display: block; float: left; margin: 0px 0px 0px 10px !important; color: #646464; }
.paging span { display: block; float: left; margin: 0px 0px 0px 10px !important; color: #646464; }
.paging strong { display: block; float: left; margin: 0px 0px 0px 10px !important; color: #000000; }
.paging a.next, .paging a.previous { font-weight: bold; color: #d00d6a; }

/*=========================================================== 
HOMEPAGE
===========================================================*/

#homepage_left {
        display: block;
        float: left;
        position: relative;
        width: 756px;
        height: 456px;
        margin: 0px;
        padding: 0px;
        border-right: 1px solid #999999;
}

.homepage_banner {
        float: left;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 756px;
        height: 456px;
        margin: 0px;
        padding: 0px;
        z-index: 0;
}

#triangle_top { display: block; position: absolute; background: url("../images/triangle.png") no-repeat; width: 19px; height: 38px; right: -1px; top: 106px; padding: 0px; }
#triangle_mid { display: block; position: absolute; background: url("../images/triangle.png") no-repeat; width: 19px; height: 38px; right: -1px; top: 241px; padding: 0px; }
#triangle_bottom { display: block; position: absolute; background: url("../images/triangle.png") no-repeat; width: 19px; height: 38px; right: -1px; top: 376px; padding: 0px; }

#homepage_right {
        display: block;
        float: right;
        width: 222px;
        height: 456px;
        margin: 0px;
        padding: 0px;
}

#colour_picker {
        display: block;
        float: left;
        background: url("../images/graphics/title_colourfind.jpg") no-repeat 5px;
        width: 137px;
        height: 52px;
        margin: 0px;
        padding: 5px 0px 5px 85px;
        border-bottom: 1px solid #d7d7d7;
}

#colour_picker a { display: block; float: left; width: 12px; height: 12px; border: 1px solid #999999; margin: 3px 3px 0px 0px; padding: 0px; }

.homepage_box {
        display: block;
        float: left;
        width: 207px;
        height: 120px;
        border-bottom: 1px solid #d7d7d7;
        margin: 0px;
        padding: 5px 5px 5px 10px;
}

.homepage_box .homepage_box_text { display: block; float: left; width: 105px; margin: 0px; padding: 0px; }
.homepage_box .homepage_box_text h3 { float: left; width: 105px; margin: 15px 0px 0px 0px; }
.homepage_box .homepage_box_text h3 a { background-color: #000000; padding: 2px 5px 2px 5px; color: #ffffff; cursor: pointer; font-size: 1.4em; line-height: 1.3em; }
.homepage_box .homepage_box_text h3 a:hover { text-decoration: none; }
.homepage_box .homepage_box_text p { display: block; float: left; width: 105px; margin: 10px 0px 0px 0px; font-size: 0.9em; line-height: 1.2em; }
.homepage_box .homepage_box_text p a { cursor: pointer; }
.homepage_box .homepage_box_text p a:hover { text-decoration: none; }

.homepage_box_image {
        display: block;
        float: right;
        width: 100px;
        margin: 10px 0px 0px 0px;
        padding: 0px;
        cursor: pointer;
}

#graphic_container {
        display: block;
        float: left;
        width: 980px;
        margin: 0px;
        padding: 3px 0px 3px 0px;
}

a#graphic_join {
        display: block;
		float: left;
        background: url("../images/graphics/graphic_join.jpg") no-repeat;
        width: 250px;
        height: /**/ 99px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px 3px 0px 0px;
        padding: 99px 0px 0px 0px; 
}

#graphic_interactive {
        display: block;
		float: left;
		position: relative;
        background: url("../images/graphics/graphic_interactive.jpg") no-repeat;
        width: 250px;
        height: 99px;
        margin: 0px 2px 0px 0px;
        padding: 0px; 
}

#graphic_interactive a#graphic_facebook_logo { display: block; position: absolute; bottom: 10px; left: 20px; background: url("../images/graphics/graphic_facebook_logo.jpg") no-repeat; width: 73px; height: /**/ 17px; height: 0px !important; overflow: hidden; margin: 0px; padding: 17px 0px 0px 0px; }
#graphic_interactive a#graphic_twitter_logo { display: block; position: absolute; bottom: 10px; left: 107px; background: url("../images/graphics/graphic_twitter_logo.jpg") no-repeat; width: 66px; height: /**/ 17px; height: 0px !important; overflow: hidden; margin: 0px; padding: 17px 0px 0px 0px; }
#graphic_interactive a#graphic_blog { display: block; position: absolute; bottom: 10px; left: 186px; background: url("../images/graphics/graphic_blog.jpg") no-repeat; width: 33px; height: /**/ 17px; height: 0px !important; overflow: hidden; margin: 0px; padding: 17px 0px 0px 0px; }

#graphic_newsletter {
        display: block;
		float: left;
		position: relative;
        background: url("../images/graphics/graphic_newsletter.jpg") no-repeat;
        width: 250px;
        height: 99px;
        margin: 0px 3px 0px 0px;
        padding: 0px; 
}

#newsletter_container {
        display: block; 
        position: absolute;
        bottom: 10px;
        left: 20px;
        width: 195px; 
        height: 19px; 
        padding: 0px; 
        border: 1px solid #a9a9a9;
}

#newsletter_container input.newsletter_input { display: block; float: left; width: 163px; height: 13px; background: url("../images/input_bg.jpg") no-repeat; font-size: 0.9em; border: none; margin: 0px; padding: 3px; }
#newsletter_container a.button_go { display: block; float: left; background: url("../images/button_go.jpg") no-repeat; width: 26px; height: /**/ 19px; height: 0px !important; overflow: hidden; margin: 0px; padding: 19px 0px 0px 0px; }

a#graphic_visitshop {
        display: block;
		float: left;
        background: url("../images/graphics/graphic_visitshop.jpg") no-repeat;
        width: 222px;
        height: /**/ 99px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 99px 0px 0px 0px; 
}

.graphic_tickets {
        display: block;
		float: left;
        background: url("../images/graphics/graphic_tickets.jpg") no-repeat;
        width: 222px;
        height: /**/ 99px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 99px 0px 0px 0px; 
}

/*=========================================================== 
BLOG
===========================================================*/

#blog_left {
        display: block;
        float: left;
        width: 200px;
        margin: 20px 0px 0px 0px;
        padding: 0px;
}

#blog_left h3 { display: block; float: left; width: 140px; font-size: 1.8em; color: #d00d6a; padding: 20px; border-top: 1px solid #dddddd; }
#blog_left ul { display: block; float: left; width: 140px; margin: 0px 20px 20px 20px; padding: 0px; list-style: none; }
#blog_left ul li { color: #000000; }
#blog_left ul li a { color: #000000; }

#blog_right {
        display: block;
        float: right;
        width: 760px;
        margin: 20px 0px 0px 0px;
        padding: 0px;
}

h1#blog_title {
        display: block;
		float: left;
        background: url("../images/graphics/title_blog.jpg") no-repeat;
        width: 760px;
        height: /**/ 80px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 80px 0px 0px 0px;
        border-bottom: 4px solid #d00d6a;
}

h2#title_choosecategory {
        display: block;
		float: left;
        background: url("../images/graphics/title_choosecategory.jpg") no-repeat;
        width: 200px;
        height: /**/ 109px;
        height: 0px !important;
        overflow: hidden;
        margin: 10px 0px 0px 0px;
        padding: 109px 0px 0px 0px;
}

.article {
        display: block;
        float: left;
        width: 760px;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 20px 0px;
        border-bottom: 1px dashed #dddddd;
}

.article h2 { display: block; float: left; width: 760px; margin: 0px; padding: 0px; }
.article h3 { display: block; float: left; width: 760px; margin: -5px 0px 0px 0px; padding: 0px; }
.article h2 a, .article h2 span, .article h3 span { display: block; float: left; padding: 10px; font-size: 1.8em; font-weight: normal; background-color: #d00d6a; color: #ffffff; }
 
.article_content { display: block; float: left; width: 760px; margin: 20px 0px 0px 0px; padding: 0px; }
.article_content p { width: auto; margin: 0px 0px 20px 0px; padding: 0px; }
.article_content_links { display: block; float: left; width: 760px; margin: 20px 0px 0px 0px; padding: 0px; }
.article_content_links a { display: block; float: left; margin: 2px 0px 0px 0px; padding: 0px; color: #000000; font-size: 1.2em; font-weight: bold; }
.article_content_links a span { color: #d00d6a; }

a.button_moredetails {
        background: url("../images/button_moredetails.jpg") no-repeat;
        width: 127px;
        height: /**/ 19px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px 15px 0px 0px;
        padding: 19px 0px 0px 0px; 
}

#comments {
        display: block;
        float: left;
        width: 760px;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 20px 0px;
        border-bottom: 1px dashed #dddddd;
}

#comments h4 { display: block; float: left; width: 760px; margin: 0px 0px 20px 0px; padding: 0px; }
#comments h4 span { display: block; float: left; padding: 10px; font-size: 1.8em; font-weight: normal; background-color: #d00d6a; color: #ffffff; }
#comments p { display: block; float: left; width: 760px; margin: 0px; padding: 0px; }

#comment_form {
        display: block;
        float: left;
        width: 400px;
        margin: 0px 0px 20px 0px;
        padding: 0px;
}

#comment_form h2 { display: block; float: left; width: 400px; margin: 0px 0px 20px 0px; padding: 0px; }
#comment_form h2 span { display: block; float: left; padding: 10px; font-size: 1.8em; font-weight: normal; background-color: #d00d6a; color: #ffffff; }

.comment_form_field {
        display: block;
        float: left;
        width: 400px;
        margin: 0px 0px 10px 0px;
        padding: 0px;
}

.comment_form_field label { display: block; float: left; width: 100px; margin: 0px; padding: 3px 0px 0px 0px; font-size: 1.2em; font-weight: bold; }
.comment_form_field input { display: block; float: left; width: 291px; height: 16px; background: url("../images/input_bg.jpg") no-repeat; font-size: 1.1em; border: 1px solid #dddddd; margin: 0px; padding: 3px; }
.comment_form_field textarea { display: block; float: left; width: 291px; height: 150px; background: url("../images/input_bg.jpg") no-repeat; font-size: 1.1em; border: 1px solid #dddddd; margin: 0px; padding: 3px; }

.comment_form_button {
        display: block;
        float: right;
        background: url("../images/button_submit.jpg") no-repeat;
        width: 59px;
        height: /**/ 17px;
        height: 0px !important;
        overflow: hidden;
        margin: 10px 0px 0px 0px;
        padding: 17px 0px 0px 0px; 
}

/*=========================================================== 
PRODUCT LIST / KIT GALLERY
===========================================================*/

#product_list_left {
        display: block;
        float: left;
        width: 190px;
        margin: 20px 0px 40px 0px;
        padding: 0px;
}

#product_list_left h3 { display: block; float: left; width: 190px; font-size: 1em; color: #646464; margin: 15px 0px 10px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #dddddd; }
#product_list_left select { display: block; float: left; width: 190px; margin: 0px; padding: 0px; }

h2#title_refineby {
        display: block;
		float: left;
        background: url("../images/graphics/title_refineby.jpg") no-repeat;
        width: 190px;
        height: /**/ 33px;
        height: 0px !important;
        overflow: hidden;
        margin: 10px 0px 0px 0px;
        padding: 33px 0px 0px 0px;
}

#product_list_left a { display: block; float: left; width: 80px; height: 18px; margin: 5px 5px 0px 0px; border: 1px solid #999999; }

#product_list_right {
        display: block;
        float: right;
        position: relative;
        width: 770px;
        margin: 20px 0px 30px 0px;
        padding: 0px;
}

a.product_list_title {
        display: block;
		float: left;
        width: 100%;
        height: 80px;
        margin: 0px;
        padding: 0px;
        border-bottom: 4px solid #d00d6a;
}

.product_list_empty {
        display: block;
        float: left;
        margin: 0px 0px 10px 25px;
        padding: 0px;
}

.product_list_box {
        display: block;
        float: left;
        width: 175px;
        height: 300px;
        margin: 0px 22px 20px 0px;
        padding: 0px;
}

.row_end { margin: 0px 0px 20px 0px !important; }

.product_list_box a.image_holder { display: block; float: left; width: 178px; height: 203px; margin: 0px 0px 10px 0px; padding: 25px 0px 0px 0px; text-align: center; border: 1px solid #dddddd; }
.product_list_box a img { width: 175px; border: none; }
.product_list_text { display: block; float: left; width: 180px; margin: 0px; padding: 0px; }
.product_list_text strong { color: #d00d6a; }

#kit_gallery_container {
        display: block;
        float: left;
        position: relative;
        width: 980px;
	    min-height: 400px;
        margin: 20px 0px 0px 0px;
}

.subtitle_image {
        position: absolute;
        top: 0px;
        right: 0px;    
}

/*=========================================================== 
PRODUCT DETAILS
===========================================================*/

#product_details_left {
        display: block;
        float: left;
        width: 360px;
        margin: 0px 0px 40px 0px;
        padding: 0px;
}

#product_details_images, #event_details_images {
        display: block;
        float: left;
        width: 360px;
        margin: 10px 0px 0px 0px;
        padding: 0px;
}

#product_details_images a { display: block; float: left; width: 115px; height: 115px; margin: 0px 4px 0px 0px; padding: 0px; border: 1px solid #dddddd; text-align: center; }
#product_details_images a.last_thumb { margin: 0px; }
#product_details_images a img { border: none; }

#event_details_images a { display: block; float: left; width: 115px; margin: 0px 4px 0px 0px; padding: 0px; border: 1px solid #dddddd; text-align: center; }
#event_details_images a.last_thumb { margin: 0px; }
#event_details_images a img { border: none; }

.product_image_div {
        display: none;
        float: left;
        width: 360px;
        margin: 0px;
        padding: 0px;
}

.product_image_div a img { border: 1px solid #dddddd; }

#product_details {
        display: block;
        float: right;
        position: relative;
        width: 550px;
        margin: 0px -10px 20px 0px;
        padding: 68px 25px 110px 25px;
        background: url("../images/detail_box_shim2.jpg") repeat-y;  
}

#details_box_top {
        display: block;
        position: absolute;        
        top: 0px;
        left: 0px;
        width: 600px;
        height: 68px;
        margin: 0px;
        padding: 0px;
        background: url("../images/detail_box_top2.jpg") no-repeat;         
}

#details_name_code {
        display: block;
        float: left;
        width: 510px;
        margin: 0px 0px 5px 0px;
        padding: 10px 20px 10px 20px;
        background-color: #ffffff;
}

#details_name_code h2 { display: block; float: left; width: 400px; margin: 0px; padding: 0px; line-height: 1em; font-size: 1.6em; font-weight: normal; }
#details_name_code h2 span { font-size: 12px; }

.details_prices { display: block; float: right; width: 80px; margin: 0px; padding: 0px; }
.details_prices p { display: block; float: right; width: 80px; margin: 0px; padding: 0px; text-align: right; }
.details_prices p.was_price { font-size: 0.9em; text-decoration: line-through; }
.details_prices p.now_price { font-size: 1.6em; color: #d00d6a; }
.details_prices p.only_price { margin: 10px 0px 0px 0px; font-size: 1.8em; color: #d00d6a; }
.details_prices p.from_price { font-size: 0.9em; }

#details_description {
        display: block;
        float: left;
        width: 510px;
        margin: 0px;
        padding: 20px;
        border-top: 1px dashed #aeaeae;
        border-bottom: 1px dashed #aeaeae;
}

#details_description h3#detail_box_description { display: block; float: left; background: url("../images/detail_box_description.jpg") no-repeat; width: 510px; height: /**/ 23px; height: 0px !important; overflow: hidden; margin: 0px 0px 15px 0px; padding: 23px 0px 0px 0px; }

#details_container {
        display: block;
        float: left;
        width: 510px;
        margin: 5px 0px 0px 0px;
        padding: 20px 20px 10px 20px;
        background-color: #ffffff;
}

#details_container h3#detail_box_included { display: block; float: left; background: url("../images/detail_box_included.jpg") no-repeat; width: 385px; height: /**/ 26px; height: 0px !important; overflow: hidden; margin: 0px; padding: 26px 0px 0px 0px; }
#details_container h3#detail_box_optional { display: block; float: left; background: url("../images/detail_box_optional.jpg") no-repeat; width: 385px; height: /**/ 26px; height: 0px !important; overflow: hidden; margin: 10px 0px 20px 0px; padding: 26px 0px 0px 0px; }
#details_container p#saving { display: block; float: left; width: 510px; margin: 0px 0px 10px 0px; padding: 0px 0px 20px 0px; font-size: 0.9em; color: #d00d6a; border-bottom: 1px solid #dddddd; }
#details_container table { display: block; float: left; width: 510px; margin: 0px; padding: 0px; border: none; }
#details_container table tr td { padding: 5px; }
#details_container table tr td img { width: 60px; }
#details_container table tr td.image_column { width: 60px; }
#details_container table tr td.description_column { width: 340px; font-size: 0.9em; padding: 5px 10px 5px 10px; text-align: center; }
#details_container table tr td.checkbox_column { width: 130px; }
#details_container table tr td.checkbox_column span { font-size: 0.9em; }
#details_container table tr td.checkbox_column label { display: block; float: left; width: 60px; margin: 0px; padding: 0px; font-weight: bold; }
#details_container table tr td.checkbox_column input { display: block; float: left; width: 40px; margin: 0px; padding: 0px; }

.gridview_hidden { display: none !important; visibility: hidden !important; width: 0px !important; height: 0px !important; margin: 0px !important; padding: 0px !important; }

#details_quantity {
        display: block;
        float: left;
        width: 510px;
        margin: 10px 0px 10px 0px;
        padding: 10px 20px 10px 20px;
        background-color: #ffffff;
}

#details_quantity label { display: block; float: left; width: 90px; margin: 0px; padding: 0px; }
#details_quantity input { display: block; float: left; width: 40px; margin: 0px; padding: 0px; }

.card_checkboxes {
        display: block;
        float: left;
        width: 510px;
        margin: 0px 0px 10px 0px;
        padding: 0px;
}

.card_checkboxes label { display: block; float: left; width: 150px; margin: 0px; padding: 0px; }
.card_checkboxes select { font-size: 1em; font-family: Arial, Helvetica, Sans-Serif; }

#details_buybox {
        display: block;
        float: left;
        width: 510px;
        margin: 0px 0px 0px 0px;
        padding: 10px 20px 10px 20px;
        background-color: #ffffff;
}

#details_groupbox {
        display: block;
        float: left;
        width: 510px;
        margin: 10px 0px 0px 0px;
        padding: 10px 20px 10px 20px;
        background-color: #ffffff;
}

.group_box {
        display: block;
        float: left;
        width: 510px;
        margin: 0px;
        padding: 0px; 
}

#details_groupbox h2 { display: block; float: left; width: 510px; margin: 0px; padding: 0px; line-height: 1em; font-size: 1.6em; font-weight: normal; }
.group_box label { display: block; float: left; width: 245px; margin: 10px 0px 10px 0px; padding: 0px; }
.group_box select { display: block; float: left; margin: 10px 0px 10px 0px; padding: 0px; }

.button_buynow { 
        display: block; 
        float: left; 
        background: url("../images/button_buynow.jpg") no-repeat; 
        width: 147px; 
        height: /**/ 34px; 
        height: 0px !important; 
        overflow: hidden; 
        margin: 2px 0px 0px 0px; 
        padding: 34px 0px 0px 0px;
}

#details_box_bottom {
        display: block;
        position: absolute;        
        bottom: 0px;
        left: 0px;
        width: 600px;
        height: 110px;
        margin: 0px;
        padding: 0px;
        background: url("../images/detail_box_bottom2.jpg") no-repeat;         
}

/*=========================================================== 
BASKET
===========================================================*/

#basket_empty {
        display: block;
        float: left;
        width: 980px;
        height: 300px;
        margin: 0px;
}

#basket_empty h2 { display: block; float: left; width: 940px; border: 1px solid #cdcdcd; background-color: #dddddd; color: #111111; padding: 10px 20px 10px 20px; }
#basket_empty p { display: block; float: left; width: 900px; margin: 20px; }
#basket_empty a.button_continue_empty {
        display: block; 
        float: left; 
        background: url("../images/button_continue.jpg") no-repeat; 
        width: 181px; 
        height: /**/ 21px; 
        height: 0px !important; 
        overflow: hidden; 
        margin: 0px 0px 0px 20px; 
        padding: 21px 0px 0px 0px;
}

#basket_wrapper {
        display: block;
        float: left;
        width: 980px;
        margin: 20px 0px 0px 0px;
}

#basket_promo_code {
        display: block;
        float: left;
        width: 938px;
        border: 1px solid #000000;
        background-color: #616161;
        margin: 0px 0px 10px 0px;
        padding: 10px 20px 10px 20px;
}

#basket_promo_code p { display: block; float: left; margin: 3px 18px 0px 0px; padding: 0px; color: #ffffff; font-size: 12px; }
#basket_promo_code span { display: block; float: left; width: 200px; height: 21px; margin: 0px; padding: 0px; border: 1px solid #a9a9a9; }
#basket_promo_code .input { display: block; float: left; width: 168px; height: 15px; background: url("../images/input_bg.jpg") no-repeat; font-size: 1em; border: none; margin: 0px; padding: 3px; }
#basket_promo_code .button_submit { display: block; float: left; background: #cb0c69 url("../images/button_go.jpg") no-repeat; width: 26px; height: /**/ 21px; height: 0px !important; overflow: hidden; margin: 0px; padding: 21px 0px 0px 0px;}

.basket_table {
        display: block;
        float: left;
        width: 980px;
        margin: 0px;
        padding: 0px;
        border-top: 1px solid #cdcdcd;
        border-left: 1px solid #cdcdcd;
        border-right: 1px solid #cdcdcd;
}

.basket_table tbody tr th { background-color: #dddddd; color: #000000; padding: 10px 20px 10px 20px; border-bottom: 1px solid #cdcdcd; }

.basket_table tbody tr th.BasketProductImage { width: 115px; }
.basket_table tbody tr th.BasketProductName { width: 265px; }
.basket_table tbody tr th.BasketProductCode { width: 80px; }
.basket_table tbody tr th.BasketProductPrice { width: 80px; }
.basket_table tbody tr th.BasketProductQuantity { width: 50px; }
.basket_table tbody tr th.BasketProductRemove { width: 50px; }
.basket_table tbody tr th.BasketProductTotal { width: 68px; }
.basket_table tbody tr td { padding: 10px 0px 10px 0px; }

#BasketButtonContainer {
        display: block;
        float: left;
        width: 278px;
        border: 1px solid #cdcdcd;
        margin: 0px;
        padding: 10px 0px 10px 700px;
        background-color: #dddddd;
}

.button_remove { 
        background: url("../images/button_remove.gif") no-repeat; 
        background-position: right center;
        padding: 0px 15px 0px 0px;
}

.totals_table {
        display: block;
        float: left;
        width: 980px;
        margin: 0px;
        padding: 5px 0px 0px 0px;
        border-bottom: 1px solid #cdcdcd;
        border-left: 1px solid #cdcdcd;
        border-right: 1px solid #cdcdcd;
        color: #000000; 
        font-size: 12px;
}

.sub_label { width: 830px; padding: 5px 20px 10px 20px; text-align: right; }
.sub_total { width: 68px; padding: 5px 20px 10px 20px; text-align: center; } 
.grand_total { background-color: #dddddd; border-top: 1px solid #cdcdcd; color: #d00d6a; padding: 10px 20px 10px 20px; }

#total_message { 
        display: block;
        float: left;
        width: 938px;
        border-bottom: 1px solid #cdcdcd;
        border-left: 1px solid #cdcdcd;
        border-right: 1px solid #cdcdcd;
        background-color: #dddddd;
        padding: 10px 20px 10px 20px;
}

#total_message p { display: block; float: left; width: 938px; text-align: right; font-weight: bold; color: #d00d6a; }

#continue_container {
        display: block;
        float: left;
        width: 380px;
        margin: 20px 0px 30px 0px; 
        padding: 0px;    
}

#continue_container h3 { display: block; float: left; width: 340px; margin: 0px 20px 0px 20px; font-size: 1.0em; color: #000000; padding: 0px 0px 10px 0px; border-bottom: 1px dashed #dddddd; }
#continue_container ul { display: block; float: left; width: 340px; margin: 20px 20px 0px 20px; padding: 0px; list-style: none; }
#continue_container ul li { display: block; float: left; width: 315px; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 25px; background: url("../images/breadcrumb_spacer.jpg") no-repeat 0px 3px; }

#proceed_container {
        display: block;
        float: right;
        width: 200px;
        margin: 20px 0px 27px 0px; 
        padding: 0px;    
}

#proceed_container p { display: block; float: left; width: 200px; text-align: right; font-weight: bold; margin: 0px 0px 10px 0px; }

.button_proceed {
        display: block; 
        float: right; 
        background: url("../images/button_proceed.jpg") no-repeat; 
        width: 199px; 
        height: /**/ 24px; 
        height: 0px !important; 
        overflow: hidden; 
        margin: 0px;
        padding: 24px 0px 0px 0px;
}

.button_memberslogin {
        display: block; 
        float: right; 
        background: url("../images/button_memberslogin.jpg") no-repeat; 
        width: 151px; 
        height: /**/ 22px; 
        height: 0px !important; 
        overflow: hidden; 
        margin: 0px 0px 10px 0px; 
        padding: 22px 0px 0px 0px;  
}

.button_membersregister {
        display: block; 
        float: right; 
        background: url("../images/button_register.jpg") no-repeat; 
        width: 125px; 
        height: /**/ 23px; 
        height: 0px !important; 
        overflow: hidden; 
        margin: 0px 0px 10px 0px; 
        padding: 23px 0px 0px 0px;      
}

.button_continue {
        display: block; 
        float: left; 
        background: url("../images/button_continue.jpg") no-repeat; 
        width: 181px; 
        height: /**/ 21px; 
        height: 0px !important; 
        overflow: hidden; 
        margin: 0px 0px 30px 0px; 
        padding: 21px 0px 0px 0px;
}

/*=========================================================== 
CHECKOUT
===========================================================*/

#BillingFormLeft {
        display: block;
        float: left;
        width: 465px;
        margin: 0px;
        padding: 0px;
}

#BillingFormRight {
        display: block;
        float: right;
        width: 465px;
        margin: 0px;
        padding: 0px;
}

#BillingFormRight p { display: block; float: left; width: 425px; margin: 22px 20px 0px 20px; }
#BillingFormRight p a { color: #d00d6a; font-weight: bold; }

#DeliveryForm {
        float: right;
        width: 465px;
        margin: 20px 0px 20px 0px;
        padding: 0px;
}

#BillingFormLeft h2, #BillingFormRight h2, #DeliveryForm h2 { display: block; float: left; width: 423px; border: 1px solid #cdcdcd; background-color: #dddddd; color: #111111; padding: 10px 20px 10px 20px; } 

.hide { display: none; }
.show { display: block; }

.checkout_field {
        display: block;
        float: left;
        width: 465px;
        margin: 10px 0px 0px 0px;
        padding: 0px;
}

.checkout_field label { display: block; float: left; width: 110px; font-weight: bold; color: #000000; padding: 5px 20px 5px 20px; margin: 0px 5px 0px 0px; }
.checkout_field select { height: 26px; padding: 3px; }
.checkout_field .checkout_input { display: block; float: left; width: 280px; height: 16px; border: 1px solid #dddddd; background: url("../images/input_bg.jpg") no-repeat; margin: 0px; padding: 4px; }
.checkout_field .checkout_input:focus { background-color: #f7e0eb; }
.checkout_field table tbody tr td { width: 50px; padding: 10px 10px 10px 0px; }
.checkout_field table tbody tr td label { display: inline; width: auto; font-size: 12px; font-weight: normal; background-color: #ffffff; color: #000000; padding: 0px; margin: 0px; }

#checkout_button_container {
        display: block;
        float: left;
        width: 980px;
        margin: 20px 0px 27px 0px;
        padding: 20px 0px 0px 0px;
        border-top: 1px solid #cdcdcd;
}

.button_review { 
        display: block; 
        float: right; 
        background: url("../images/button_review.jpg") no-repeat; 
        width: 177px; 
        height: /**/ 24px; 
        height: 0px !important; 
        overflow: hidden; 
        margin: 0px; 
        padding: 24px 0px 0px 0px;
}

.button_addaddress { 
        display: block; 
        float: right; 
        background: url("../images/button_addaddress.jpg") no-repeat; 
        width: 131px; 
        height: /**/ 19px; 
        height: 0px !important; 
        overflow: hidden; 
        margin: 0px 0px 10px 0px; 
        padding: 19px 0px 0px 0px;
}

/*=========================================================== 
ORDER REVIEW
===========================================================*/

#review_order {
        display: block;
        float: left;
        width: 980px;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 20px 0px;
        border-bottom: 1px solid #cdcdcd;
}

#review_order h2 {  display: block; float: left; width: 940px; border: 1px solid #cdcdcd; background-color: #dddddd; color: #111111; padding: 10px 20px 10px 20px; } 
#review_order h2 span {  display: block; float: left; margin: 0px; padding: 0px; }
#review_order h2 a {  display: block; float: left; width: 300px; margin: 0px 0px 0px 20px; padding: 0px; font-weight: normal; color: #d00d6a; }

.review_table {
        display: block;
        float: left;
        width: 940px;
        margin: 20px 20px 0px 20px;
        padding: 0px;
        border-top: 1px solid #cdcdcd;
        border-left: 1px solid #cdcdcd;
        border-right: 1px solid #cdcdcd;
}

.review_table tbody tr th { background-color: #dddddd; color: #000000; padding: 10px 20px 10px 20px; border-bottom: 1px solid #cdcdcd; }

.review_table tbody tr th.BasketProductImage { width: 115px; }
.review_table tbody tr th.BasketProductName { width: 275px; }
.review_table tbody tr th.BasketProductCode { width: 100px; }
.review_table tbody tr th.BasketProductPrice { width: 100px; }
.review_table tbody tr th.BasketProductQuantity { width: 50px; }
.review_table tbody tr th.BasketProductTotal { width: 68px; }
.review_table tbody tr td { padding: 10px 0px 10px 0px; }

.review_totals_table {
        display: block;
        float: left;
        width: 940px;
        margin: 0px 20px 0px 20px;
        padding: 5px 0px 0px 0px;
        border: 1px solid #cdcdcd;
        color: #000000; 
        font-size: 12px;
}

.review_sub_label { width: 810px; padding: 5px 20px 10px 20px; text-align: right; }
.review_sub_total { width: 68px; padding: 5px 20px 10px 20px; text-align: center; } 
.review_grand_total { background-color: #dddddd; border-top: 1px solid #cdcdcd; color: #d00d6a; padding: 10px 20px 10px 20px; }

#review_billing, #review_delivery {
        display: block;
        float: left;
        width: 300px;
        margin: 0px 0px 0px 20px;
        padding: 0px;
}

#special_instructions {
        display: block;
        float: left;
        width: 300px;
        margin: 0px 0px 0px 20px;
        padding: 0px;
}

#review_billing h2, #review_delivery h2, #special_instructions h2 {  display: block; float: left; width: 260px; border: 1px solid #cdcdcd; background-color: #dddddd; color: #111111; padding: 10px 20px 10px 20px; } 
#review_billing h2 span, #review_delivery h2 span, #special_instructions h2 span {  display: block; float: left; margin: 0px; padding: 0px; }
#review_billing h2 a, #review_delivery h2 a, #special_instructions h2 a {  display: block; float: left; margin: 0px 0px 0px 20px; padding: 0px; font-weight: normal; color: #d00d6a; }

#review_billing p, #review_delivery p {
        display: block;
        float: left;
        width: 260px;
        margin: 15px 20px 0px 20px;
        padding: 0px;  
}

#special_instructions textarea {
        display: block; 
        float: left; 
        width: 290px;
        height: 150px; 
        border: 1px solid #cdcdcd;
        background: url("../images/input_bg.jpg") no-repeat;
        margin: 15px 0px 0px 0px; 
        padding: 4px;
        font-family: Arial, Sans-Serif;
        font-size: 12px;
}

#special_instructions textarea:focus { background-color: #f7e0eb; }

.button_payment { 
        display: block; 
        float: right; 
        background: url("../images/button_payment.jpg") no-repeat; 
        width: 217px; 
        height: /**/ 24px; 
        height: 0px !important; 
        overflow: hidden; 
        margin: 0px; 
        padding: 24px 0px 0px 0px;
}

/*=========================================================== 
PAYMENT COMPLETION PAGES / SAGEPAY SERVER
===========================================================*/

.response_container {
        display: block;
        float: left;
        width: 980px;
        margin: 20px 0px 0px 0px;
        padding: 0px;
}

.response_container h2 { display: block; float: left; width: 980px; margin: 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #dddddd; font-size: 1.4em; font-weight: normal; }

.response_text {
        display: block;
        float: left;
        width: 980px;
        margin: 40px 0px 40px 0px;
        padding: 0px 0px 40px 0px;
        border-bottom: 1px solid #dddddd;
}

.response_text p { display: block; float: left; width: 980px; margin: 0px 0px 15px 0px; padding: 0px; }
.response_text p strong { display: block; float: left; width: 200px; }
.response_text p a:hover { text-decoration: underline; }

#sagepay_holder {
        display: block;
        float: left;
        width: 980px;
        height: 600px;
        margin: 40px 0px 40px 0px;
        padding: 0px 0px 40px 0px;
        border-bottom: 1px solid #dddddd;
}

/*=========================================================== 
WHO WE ARE (ABOUT.ASPX)
===========================================================*/

#who_left {
        display: block;
        float: left;
        width: 160px;
        margin: 20px 0px 0px 0px;
        padding: 0px;
}

#who_left ul { display: block; float: left; width: 140px; margin: 12px 0px 0px 0px; padding: 20px 10px 0px 10px; list-style: none; border-top: 1px solid #dddddd; }
#who_left ul li { display: block; float: left; width: 140px; margin: 0px; padding: 0px; }
#who_left ul li a { display: block; float: left; width: 120px; margin: 0px; padding: 5px 10px 5px 10px; cursor: pointer; }
#who_left ul li a:hover { background: #dddddd; text-decoration: none; }
#who_left ul li a.who_selected { background: #d00d6a; color: #ffffff; }

h2#title_chooseperson {
        display: block;
		float: left;
        background: url("../images/graphics/title_chooseperson.jpg") no-repeat;
        width: 160px;
        height: /**/ 59px;
        height: 0px !important;
        overflow: hidden;
        margin: 10px 0px 0px 0px;
        padding: 59px 0px 0px 0px;
}

h2#title_choosemonth {
        display: block;
		float: left;
        background: url("../images/graphics/title_choose_month.jpg") no-repeat;
        width: 160px;
        height: /**/ 59px;
        height: 0px !important;
        overflow: hidden;
        margin: 10px 0px 0px 0px;
        padding: 59px 0px 0px 0px;
}

#who_right {
        display: block;
        float: right;
        width: 800px;
        margin: 20px 0px 0px 0px;
        padding: 0px;
}

a#title_who {
        display: block;
		float: left;
        background: url("../images/graphics/title_who.jpg") no-repeat;
        width: 100%;
        height: /**/ 80px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 80px 0px 0px 0px;
        border-bottom: 4px solid #d00d6a;
}

#who_container { 
        display: block;
        float: left;
        width: 800px;
        height: 525px;
        margin: 0px 0px 40px 0px;
        padding: 0px;
}

.who_div { display: none; position: relative; width: 800px; height: 525px; margin: 0px; padding: 0px; }
.who_div_overlay { position: absolute; top: 120px; right: 120px; width: 300px; height: 250px; }
.who_div_overlay p { font-size: 2em; color: #000000; font-weight: bold; line-height: 1em; }

/*=========================================================== 
DELIVERY & RETURNS / PRIVACY
===========================================================*/

#returns_right {
        display: block;
        float: right;
        width: 760px;
        margin: 20px 0px 40px 0px;
        padding: 0px;
}

a#title_delivery {
        display: block;
		float: left;
        background: url("../images/graphics/title_delivery.jpg") no-repeat;
        width: 100%;
        height: /**/ 80px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 80px 0px 0px 0px;
        border-bottom: 4px solid #d00d6a;
}

a#title_privacy {
        display: block;
		float: left;
        background: url("../images/graphics/title_privacy.jpg") no-repeat;
        width: 100%;
        height: /**/ 80px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 80px 0px 0px 0px;
        border-bottom: 4px solid #d00d6a;
}

#returns_right h2 { display: block; float: left; width: 760px; font-size: 2em; color: #000000; margin: 20px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px dashed #dddddd; }
#returns_right p { display: block; float: left; width: 760px; margin: 0px 0px 15px 0px; padding: 0px; }
#returns_right p strong { color: #d00d6a; }
#returns_right p a { color: #d00d6a; font-weight: bold; }
#returns_right p span strong { color: #000000; float: left; width: 200px; }

/*=========================================================== 
LOGIN PAGE
===========================================================*/

#login_wrapper {
        display: block;
        float: left;
        width: 980px;
        margin: 20px 0px 40px 0px;
}

a#title_login {
        display: block;
		float: left;
        background: url("../images/graphics/title_login.jpg") no-repeat;
        width: 100%;
        height: /**/ 80px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 80px 0px 0px 0px;
        border-bottom: 4px solid #d00d6a;
}

a#title_forgotten {
        display: block;
		float: left;
        background: url("../images/graphics/title_forgotten.jpg") no-repeat;
        width: 100%;
        height: /**/ 80px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 80px 0px 0px 0px;
        border-bottom: 4px solid #d00d6a;
}

#login_error { 
        display: block;
        float: left;
        width: 300px;
        margin: 20px 0px 0px 20px;
        font-weight: bold;
        color: #d00d6a;
}

.login_field {
        display: block;
        float: left;
        width: 425px;
        margin: 20px 20px 0px 20px;
        padding: 0px;
}

.login_field label { display: block; float: left; width: 105px; font-size: 12px; font-weight: bold; margin: 2px 0px 0px 0px; }
.login_field span { display: block; float: left; width: 175px; color: #d00d6a !important; font-weight: bold; margin: 2px 0px 0px 0px; }
.login_field .login_input { display: block; float: left; width: 120px; height: 16px; border: 1px solid #c7c7c7; margin: 0px 15px 0px 0px; padding: 4px; }
.login_field .login_input:focus { background-color: #f7e0eb; }

.login_button {
        display: block;
        float: right;
        background: url("../images/button_login.jpg") no-repeat;
        width: 61px;
        height: /**/ 23px;
        height: 0px !important;
        overflow: hidden;
        margin: 20px 20px 0px 0px;
        padding: 23px 0px 0px 0px; 
}

a.button_submit {
        display: block;
        float: right;
        background: url("../images/button_submit.jpg") no-repeat;
        width: 59px;
        height: /**/ 17px;
        height: 0px !important;
        overflow: hidden;
        margin: 10px 20px 0px 0px;
        padding: 17px 0px 0px 0px; 
}

/*=========================================================== 
REGISTER
===========================================================*/

#register_wrapper {
        display: block;
        float: left;
        width: 980px;
        margin: 20px 0px 40px 0px;
}

#RegisterFormLeft {
        display: block;
        float: left;
        width: 550px;
        margin: 0px;
        padding: 0px;
}

#RegisterFormRight {
        display: block;
        float: right;
        width: 380px;
        margin: 0px;
        padding: 0px;
}

#RegisterFormLeft .register_error { display: block; float: left; width: 508px; border: 1px solid #111111; background-color: #d00d6a; color: #ffffff; margin: 0px 0px 20px 0px; padding: 10px 20px 10px 20px; } 
#RegisterFormLeft h2 { display: block; float: left; width: 508px; border: 1px solid #cdcdcd; background-color: #dddddd; color: #111111; margin: 0px 0px 20px 0px; padding: 10px 20px 10px 20px; } 
#RegisterFormRight h2 { display: block; float: left; width: 338px; border: 1px solid #cdcdcd; background-color: #dddddd; color: #111111; margin: 0px 0px 20px 0px; padding: 10px 20px 10px 20px; } 
#RegisterFormRight h2.account_title, #RegisterFormLeft h2.account_title { margin: 20px 0px 20px 0px; } 
#RegisterFormRight h2.forgot_title { margin: 0px; } 

#RegisterFormRight h3 { display: block; float: left; width: 340px; margin: 0px 20px 0px 20px; font-size: 1.4em; color: #000000; padding: 0px 0px 10px 0px; border-bottom: 1px dashed #dddddd; }
#RegisterFormRight h3.select_title { margin: 20px 20px 0px 20px; }
#RegisterFormRight p { display: block; float: left; width: 340px; margin: 20px 20px 0px 20px; }
#RegisterFormRight p.members_area { display: block; float: left; width: 340px; margin: 0px 20px 10px 20px; }
#RegisterFormRight p a { color: #d00d6a; font-weight: bold; }
#RegisterFormRight ul { display: block; float: left; width: 340px; margin: 20px 20px 0px 20px; padding: 0px; list-style: none; }
#RegisterFormRight ul li { display: block; float: left; width: 315px; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 25px; background: url("../images/breadcrumb_spacer.jpg") no-repeat 0px 3px; }

a#title_register {
        display: block;
		float: left;
        background: url("../images/graphics/title_register.jpg") no-repeat;
        width: 100%;
        height: /**/ 80px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 80px 0px 0px 0px;
        border-bottom: 4px solid #d00d6a;
}

.register_field {
        display: block;
        float: left;
        width: 510px;
        margin: 0px 20px 10px 20px;
        padding: 0px;
}

.register_field label { display: block; float: left; width: 120px; font-size: 12px; font-weight: bold; margin: 2px 0px 0px 0px; }
.register_field span { display: block; float: left; width: 190px; color: #d00d6a !important; font-weight: bold; margin: 2px 0px 0px 0px; }
.register_field select { height: 26px; padding: 3px; }
.register_field select.address_confirm { height: auto; padding: 0px; }
.register_field .register_input { display: block; float: left; width: 160px; height: 16px; border: 1px solid #c7c7c7; margin: 0px 15px 0px 0px; padding: 4px; }
.register_field .register_input:focus { background-color: #f7e0eb; }
.register_spacer { display: block; float: left; width: 170px; height: 24px; margin: 0px 15px 0px 0px; }
.register_field p { display: block; float: left; width: 340px; margin: 2px 0px 0px 0px !important; }

.billing_field {
        display: block;
        float: left;
        width: 340px;
        margin: 0px 20px 10px 20px;
        padding: 0px;
}

.billing_field label { display: block; float: left; width: 120px; font-size: 12px; font-weight: bold; margin: 2px 0px 0px 0px; }
.billing_field p { display: block; float: left; width: 220px !important; margin: 2px 0px 0px 0px !important; }

.billing_button {
        display: block;
        float: right;
        width: 180px;
        margin: 20px 20px 10px 20px;
        padding: 0px;    
}

.type_field {
        display: block;
        float: left;
        width: 340px;
        margin: 20px 20px 10px 20px;
        padding: 0px;
}

.type_field label { display: block; float: left; width: 120px; font-size: 12px; font-weight: bold; margin: 2px 0px 0px 0px; }
.type_field select { width: 212px; height: 26px; padding: 3px; }

.register_button {
        display: block;
        float: right;
        background: url("../images/button_submit.jpg") no-repeat;
        width: 59px;
        height: /**/ 17px;
        height: 0px !important;
        overflow: hidden;
        margin: 10px 20px 0px 0px;
        padding: 17px 0px 0px 0px; 
}

.button_not_listed {
        display: block;
        float: left;
        background: url("../images/button_not_listed.jpg") no-repeat;
        width: 189px;
        height: /**/ 19px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 19px 0px 0px 0px; 
}

.button_find_address {
        display: block;
        float: left;
        background: url("../images/button_find_address.jpg") no-repeat;
        width: 128px;
        height: /**/ 19px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 19px 0px 0px 0px; 
}

.button_confirm_address {
        display: block;
        float: left;
        background: url("../images/button_confirm_address.jpg") no-repeat;
        width: 161px;
        height: /**/ 19px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 19px 0px 0px 0px; 
}

a#title_thanks {
        display: block;
		float: left;
        background: url("../images/graphics/title_thanks.jpg") no-repeat;
        width: 100%;
        height: /**/ 80px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 80px 0px 0px 0px;
        border-bottom: 4px solid #d00d6a;
}

#address_book_select {
        display: block;
        float: left;
        width: 298px;
        border: 1px solid #000000;
        background-color: #616161;
        margin: 0px 0px 10px 20px;
        padding: 10px 20px 10px 20px;
}

#address_book_select p { display: block; float: left; margin: 3px 18px 0px 0px; width: 298px; padding: 0px; color: #ffffff; font-size: 12px; }
#address_book_select span { display: block; float: left; margin: 10px 0px 5px 0px; width: 298px; padding: 0px; }
#address_book_select span select { display: block; float: left; width: 298px; height: 25px; padding: 3px; }

/*=========================================================== 
MEMBERS AREA
===========================================================*/

a#title_members {
        display: block;
		float: left;
        background: url("../images/graphics/title_members.jpg") no-repeat;
        width: 100%;
        height: /**/ 80px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 80px 0px 0px 0px;
        border-bottom: 4px solid #d00d6a;
}

#home_view {
        display: block;
        float: left;
        width: 550px;
        margin: 0px;
        padding: 0px;
}

#details_view, #address_view, #order_view {
        display: none;
        float: left;
        width: 550px;
        margin: 0px;
        padding: 0px;
}

.member_address, .member_order {
        display: block;
        float: left;
        width: 528px;
        margin: 0px 0px 10px 0px;
        padding: 10px;
        border: 1px solid #dddddd;
        position: relative;
}

.member_address h3, .member_order h3 {
        display: block;
        float: left;
        width: 528px;
        margin: 0px 0px 10px 0px;
        padding: 0px 0px 10px 0px;
        border-bottom: 1px solid #111111;
}

.member_address a.address_link { position: absolute; top: 10px; right: 10px; font-weight: bold; color: #d00d6a; }
.member_address p.address_detail { display: block; float: left; width: 520px; margin: 10px 0px 0px 0px; }
.primary { border: 2px solid #111111; width: 526px; }

.member_order p.order_summary { display: block; float: left; width: 250px; margin: 0px 10px 0px 0px; padding: 0px; }
.member_order table { display: block; float: left; width: 100%; margin: 10px 0px 0px 0px; border: 1px solid #111111; }
.member_order table tr th { background: #d00d6a; color: #ffffff; border-bottom: 1px solid #111111; padding: 5px; width: 15%; text-align: left; }
.member_order table tr th.totals, .member_order table tr th.quantity { width: 10%; }
.member_order table tr td { font-size: 0.9em; padding: 5px; text-align: left; }

.button_continue_members {
        display: block; 
        float: left; 
        background: url("../images/button_continue.jpg") no-repeat; 
        width: 181px; 
        height: /**/ 21px; 
        height: 0px !important; 
        overflow: hidden; 
        margin: 10px 0px 0px 20px; 
        padding: 21px 0px 0px 0px;
}

/*=========================================================== 
CONTACT
===========================================================*/

#contact_left {
        display: block;
        float: left;
        width: 200px;
        margin: 20px 0px 40px 0px;
        padding: 0px;
}

#contact_left p { display: block; float: left; width: 180px; margin: 12px 0px 20px 0px; padding: 20px 0px 0px 0px; border-top: 1px solid #dddddd; }

h2#title_sendmessage {
        display: block;
		float: left;
        background: url("../images/graphics/title_sendmessage.jpg") no-repeat;
        width: 180px;
        height: /**/ 59px;
        height: 0px !important;
        overflow: hidden;
        margin: 10px 0px 0px 0px;
        padding: 59px 0px 0px 0px;
}

.contact_left_field {
        display: block;
        float: left;
        width: 180px;
        margin: 0px 0px 5px 0px;
        padding: 0px;
}

.contact_left_field label { display: block; float: left; width: 180px; font-size: 12px; font-weight: bold; margin: 0px 0px 2px; }
.contact_left_field label span { color: #de0083; font-size: 14px; }
.contact_left_field .comment_input { display: block; float: left; width: 170px; height: 16px; border: 1px solid #c7c7c7; margin: 0px; padding: 4px; }
.contact_left_field .comment_input:focus { background-color: #f7e0eb; }
.contact_left_field textarea { display: block; float: left; width: 170px; height: 100px; border: 1px solid #c7c7c7; margin: 0px; padding: 4px; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; }
.contact_left_field textarea:focus { background-color: #f7e0eb; }

.contact_form_button {
        display: block;
        float: left;
        background: url("../images/button_submit.jpg") no-repeat;
        width: 59px;
        height: /**/ 17px;
        height: 0px !important;
        overflow: hidden;
        margin: 5px 0px 0px 0px;
        padding: 17px 0px 0px 0px; 
}

#contact_right {
        display: block;
        float: right;
        width: 760px;
        margin: 20px 0px 0px 0px;
        padding: 0px;
}

a#title_contactus {
        display: block;
		float: left;
        background: url("../images/graphics/title_contactus.jpg") no-repeat;
        width: 100%;
        height: /**/ 80px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 80px 0px 0px 0px;
        border-bottom: 4px solid #d00d6a;
}

#graphic_contact {
        display: block;
        float: left;
        width: 535px;
        height: 357px;
        background: url("../images/graphics/graphic_contact.jpg") no-repeat;
        margin: 30px 0px 40px 0px;
        padding: 0px;
}

#contact_box_holder {
        display: block;
        float: right;
        width: 200px;
        margin: 50px 0px 40px 0px;
        padding: 0px;
}

.contact_box {
        display: block;
        float: left;
        width: 190px;
        margin: 0px;
        padding: 10px 0px 10px 10px;
        border-bottom: 1px solid #dddddd;
}

a#logo_twitter {
        display: block;
		float: left;
        background: url("../images/logo_twitter.jpg") no-repeat;
        width: 190px;
        height: /**/ 24px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 24px 0px 0px 0px;
}

a#logo_facebook {
        display: block;
		float: left;
        background: url("../images/logo_facebook.jpg") no-repeat;
        width: 190px;
        height: /**/ 24px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 24px 0px 0px 0px;
}

a#logo_blog {
        display: block;
		float: left;
        background: url("../images/button_blog.jpg") no-repeat;
        width: 190px;
        height: /**/ 24px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 24px 0px 0px 0px;
}

/*Sales calendar______________________*/

#monthname_container {
		display: block;
		float: left;
		width: 400px;
		margin: 0px 0px 20px 0px;
		padding: 0px;
}

#monthname_container p { font-size: 14px; color: #d00d6a; }

#calendar_key {
		display: block;
		float: right;
		width: 260px;
		text-align: right;
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 0px 140px;
}

#key_show { display: block; float: left; margin: 0px 0px 0px 20px; background: url("../images/key_show.jpg") no-repeat; padding: 0px 0px 0px 25px; }
#key_event { display: block; float: left; margin: 0px 0px 0px 20px; background: url("../images/key_event.jpg") no-repeat; padding: 0px 0px 0px 25px; }
#key_workshop { display: block; float: left; margin: 0px 0px 0px 20px; background: url("../images/key_workshop.jpg") no-repeat; padding: 0px 0px 0px 25px; }

a#title_events {
        display: block;
		float: left;
        background: url("../images/graphics/title_events.jpg") no-repeat;
        width: 100%;
        height: /**/ 80px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 80px 0px 0px 0px;
        border-bottom: 4px solid #d00d6a;
}

.calendar-box {
	display: block;
	float:left;
	width: 800px;
	margin: 0px;
	padding:0px;
}

.calendar-box a:link, .calendar-box a:visited, .calendar-box a:active, #home-sales a:link, #home-sales a:visited, #home-sales a:active {
	color:#D8071A;
	text-decoration:underline;
}

.calendar-box a:hover, #home-sales a:hover {
	color:#D8071A;
	text-decoration:none;
}
.calendar-box table,.hometable
{
	float:left;
	width: 800px;
	margin: 0px;
	padding:0px;
	clear:both;
}
* html .calendar-box table,* html .hometable
{
	display:inline;
}
.calendar-box table tr th,.hometable tr th
{
	width: 107px;
	height:32px;
	background: #373737;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
}

.calendar-box table tr td div.details,.hometable tr td div.details
{
	position: relative;
	height:107px;
	background:#e3e3e3;
	border:3px solid #e3e3e3;
	margin:0px;
	padding:0px 5px 0px 5px;

}

.calendar-box table tr td div.details div.day,.hometable tr td div.details div.day
{
    position: absolute;
    bottom: 5px;
    right: 5px;
	font-weight: bold;
	font-size: 20px;
	color:#737373;
}
.calendar-box table tr td div.detailson,.hometable tr td div.detailson
{
	position: relative;
	height:107px;
	background:#e3e3e3;
	border:3px solid #d00d69;
	margin:0px;
	padding:0px 5px 0px 5px;
}

.calendar-box table tr td div.detailson div.day,.hometable tr td div.detailson div.day
{
    position: absolute;
    bottom: 5px;
    right: 5px;
	font-weight: bold;
	font-size: 20px;
	color:#737373;
}

.calendar-box table tr td div.detailsoff,.hometable tr td div.detailsoff
{
	position: relative;
	height:107px;
	background:#e3e3e3;
	border:3px solid #e3e3e3;
	margin:0px;
	padding:0px 5px 0px 5px;
}

.calendar-box table tr td div.detailsoff div.day,.hometable tr td div.detailsoff div.day
{
    position: absolute;
    bottom: 5px;
    right: 5px;
	font-weight: bold;
	font-size: 20px;
	color:#b3b3b3;
}

.calendar-box table tr td div.details h3,.calendar-box table tr td div.detailson h3,.calendar-box table tr td div.detailsoff h3,.hometable tr td div.detailson h3,.hometable tr td div.details h3,.hometable tr td div.detailsoff h3
{
	font-size:1em;
	margin-top:5px;
}
.calendar-box table tr td div.details p,.calendar-box table tr td div.detailson p,.hometable tr td div.detailson p,.hometable tr td div.details p
{
	margin-bottom:2px;
	padding-bottom:2px;
}
.calendar-box table tr td div.details p.grey,.calendar-box table tr td div.detailson p.grey,.hometable tr td div.detailson p.grey,.hometable tr td div.details p.grey
{
	margin:0px;
	padding:0px;
	font-weight:bold;
}
.calendar-box table tr td div.details p.red,.calendar-box table tr td div.detailson p.red,.calendar-box table tr td div.detailsoff p.red,.hometable tr td div.detailson p.red,.hometable tr td div.details p.red,.hometable tr td div.detailsoff p.red
{
	margin:0px;
	padding:0px;
	color:#D8071A;
	text-decoration:none;
}

.calendar_event {
        display: block;
        float: left;
        background: url("../images/calendar_event.jpg") no-repeat;
        width: 47px;
        height: /**/ 47px;
        height: 0px !important;
        overflow: hidden;
        padding: 47px 0px 0px 0px;      
}

.calendar_show {
        display: block;
        float: left;
        background: url("../images/calendar_show.jpg") no-repeat;
        width: 47px;
        height: /**/ 47px;
        height: 0px !important;
        overflow: hidden;
        padding: 47px 0px 0px 0px;      
}

.calendar_workshop {
        display: block;
        float: left;
        background: url("../images/calendar_workshop.jpg") no-repeat;
        width: 47px;
        height: /**/ 47px;
        height: 0px !important;
        overflow: hidden;
        padding: 47px 0px 0px 0px;      
}