body
{
    color: #3F3F3F;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 20px;
    direction: ltr;
}

p
{
    margin-top: 0px;
    margin-bottom: 7px;
}

a
{
    color: #3F3F3F;
    text-decoration: none;
}

a:hover
{
    color: #CA0E35;
}

h3
{
    padding: 0px;
    font-size: 18px;
}

h4
{
    padding: 0px;
    margin: 0 0 10px 0;
    font-size: 16px;
}

h5
{
    padding: 0px;
    margin: 0;
    font-size: 13px;
}

.button
{
    border: 3px double #B0ADAA;
    background-color: #4D81BC;
    color: #FFFFFF;
    font-size: 11px;
    padding: 0;
}

.floatLeft
{
    float: left;
}

.floatRight
{
    float: right;
}

.block
{
    display: block;
}
.seperator
{
    height: 20px;
    clear: both;
}

.clear
{
    clear: both;
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

#container
{
    width: 980px;
    margin: auto;
    background-color: #FFFFFF;
}
#header
{
    background-image: url(          'images/bg/header.jpg' );
    background-repeat: no-repeat;
    height: 123px;
}
#menu
{
    height: 32px;
    background-color: #1CCCC4;
    padding: 0 20px 0 20px;
}

#menu a
{
    color: #000000;
}

#menu a:hover
{
    color: #CA0E35;
}

#menu img
{
    vertical-align: middle;
    margin: 0 5px 0 15px;
}

.topIcons
{
    font-weight: bold;
    font-size: 13px;
}



/* BODY */
#mainContent
{
    padding: 20px;
}

#mainContent a
{
    color: #015BA1;
    text-decoration: underline;
}

#mainContent a:hover
{
    color: #CA0E35;
}

.roundPanel
{
}
.roundPanel h3
{
    padding-bottom: 10px;
    margin: 0;
}

.roundPanelLeft
{
    background-image: url('images/bg/grey_l.jpg' );
    background-repeat: repeat-y;
}

.roundPanelRight
{
    background-image: url('images/bg/grey_r.jpg' );
    background-repeat: repeat-y;
}

.roundedCornersBox
{
    background-color: #F2F2F2;
}

.roundCornersBox
{
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.roundCornersBox .roundCornersMain
{
    padding: 0 10px 0 10px;
}

.roundCornersBox .roundCornersTop
{
    background-image: url('images/bg/tr.gif' );
    background-repeat: no-repeat;
    background-position: right top;
}

.roundCornersBox .roundCornersBottom
{
    background-image: url('images/bg/br.gif' );
    background-repeat: no-repeat;
    background-position: right bottom;
}


.roundedCornersContent
{
    padding: 5px 15px 5px 15px;
}

.boxTitle
{
    font-size: 16px;
    font-weight: bold;
}

.roundedCornersGrey
{
    background-image: url(    'images/bg/grey_l.jpg' );
    background-repeat: repeat-y;
    margin-top: 10px;
}

.roundedCornersGrey .roundedCornersGreyT
{
    background-image: url(    'images/bg/grey_t.jpg' );
    background-repeat: repeat-x;
}

.roundedCornersGrey .roundedCornersGreyB
{
    background-image: url(    'images/bg/grey_b.jpg' );
    background-repeat: repeat-x;
}

.roundedCornersGrey .roundedCornersGreyTR
{
    float: right;
}

.roundedCornersGrey .roundedCornersGreyC
{
    padding: 0 10px 0 10px;
    background-position: right;
    background-image: url('images/bg/grey_r.jpg' );
    background-repeat: repeat-y;
}

.roundedCornersCenter
{
    padding: 0 10px 0 10px;
    background-position: right;
    background-image: url('images/bg/grey_r.jpg' );
    background-repeat: repeat-y;
}

#searchBar
{
    text-align: right;
    margin-bottom: 20px;
}

#homeContent1
{
    width: 230px;
    float: left;
}

#homeContent1 select
{
    width: 160px;
    font-size: 12px;
}

.input
{
    width: 108px;
}

.textinput
{
    width: 95px;
}

#homeContent1 .button, .login .button
{
    width: 45px;
    margin: 0;
}
#homeContent1 ul
{
    padding: 0;
    margin: 0 0 5px 0;
}

#homeContent1 ul li, .login ul li
{
    margin-bottom: 15px;
    margin-top: 15px;
    list-style-type: none;
}
.listTitle
{
    width: 67px;
    display: block;
    float: left;
}

.smallGalleryImages
{
    padding-bottom: 20px;
}

.smallGalleryImages img
{
    width: 120px;
    height: 90px;
    display: block;
    margin: 20px auto 0 auto;
}

#homeContent2
{
    width: 672px;
    float: right;
}

#Content2Main
{
    width: 440px;
    float: left;
}

#Content2Main #QuiltLessonsBox
{
    height: 190px;
}

#Content2Main #QuiltLessonsBox #QuiltLessonsTitles
{
    height: 158px;
}

#Content2Main #QuiltLessonsBox #QuiltLessonsBoxBanner
{
    float: right;
}

#Content2Main #QuiltLessonsBox h4
{
    margin-top: 10px;
}

.learnMore
{
    width: 120px;
    background-color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
}

#Content2Main .ExperienceBox
{
    width: 275px;
    float: left;
    height: 185px;
}

#Content2Main .ExperienceBox #ExperienceText
{
    height: 143px;
}

#Content2Main .ExperienceBox #ExperienceText ul
{
    padding-top: 0;
    margin-top: 0;
}

#Content2Main .ViewOnline
{
    width: 148px;
    float: right;
    height: 185px;
}

#Content2Main .ViewOnline h5
{
    height: 73px;
}

#Content2Main .ViewOnline img
{
    width: 120px;
    height: 90px;
    display: block;
    margin: 10px auto 0 auto;
}

#Content2Main #RegisterNewsletter input
{
    float: right;
    margin: 0 0 0 10px;
}

#Content2Side
{
    float: right;
    width: 195px;
}

#Content2Side #announcements
{
    background-color: #CA0E35;
    font-weight: bold;
    color: #FFFFFF;
    padding: 2px 5px 2px 5px;
}

#Content2Side .dynamicComments
{
    margin: 10px 0 10px 0;
}

#Content2Side .dynamicComments img
{
}

#Content2Side .dynamicCommentsImage
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #B8B8B8;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #B8B8B8;
    padding: 10px 0 10px 0;
}

#Content2Side .dynamicCommentsImage img
{
    width: 100%;
}


/* FOOTER */

#footer a
{
    color: #FFFFFF;
    margin-right: 8px;
    margin-left: 8px;
}

#footer a:hover
{
    text-decoration: underline;
}
#footer #redFooterLine
{
    padding: 2px 5px 2px 5px;
    background-color: #CA0E35;
    color: #FFFFFF;
}

#footer #blueFooterLine
{
    padding: 2px 5px 2px 15px;
    background-color: #1CCCC4;
}

/* ========================================= CATALOG ==================================*/

.dropdowns
{
    margin: 20px 0 20px 0;
}

.dropdowns select
{
    margin: 0 20px 0 10px;
}

.searchResults
{
    margin: 20px 0 10px 0;
}
.searchResult
{
    width: 160px;
    float: left;
    padding: 10px 10px 10px 10px;
    border: solid 1px #FFFFFF;
    vertical-align: top;
}

.searchResult:hover
{
    border: solid 1px #e5e5e5;
}

.searchResult img
{
    display: block;
    width: 125px;
    height: 125px;
    margin-bottom: 10px;
}

.searchText
{
    display: block;
}

/* ========================================= Workshop ==================================*/

.workshopBoxes .roundedCornersGrey
{
}

.video
{
    margin: 0 0 0 0;
}

.workshopBoxes .video .roundedCornersGreyC
{
    padding: 30px 0 30px 20px;
}

.workshopBoxes .video .roundedCornersGreyC img
{
    margin-bottom: 20px;
}

/* ========================================= Movie ==================================*/

a.chapterList
{
    color: #000000;
}

.moviePage
{
    font-family: Tahoma;
}

.moviePage .chapter1
{
    background-color: #DE4F1D;
}

.moviePage .chapter1:hover
{
    background-color: #ac401a;
}

.moviePage .chapter2
{
    background-color: #1CCCC4;
}

.moviePage .chapter2:hover
{
    background-color: #159a95;
}

.moviePage ul
{
    padding-left: 17px;
    margin-left: 0;
}

.moviePage ol
{
    padding-left: 17px;
    margin-left: 0;
}

.moviePage ul li, .moviePage ol li
{
    text-align: left;
    margin: 1em 0 1em 0.8em;
    line-height: 20px;
}

.moviePage p
{
    line-height: 20px;
}


.moviePage h3
{
    font-size: 24px;
    font-weight: normal;
}

.moviePage .roundedCornersGrey
{
    margin: 0 20px 0 0;
    font-size: 16px;
}

.moviePage .roundedCornersGrey a
{
    font-size: 14px;
}



.moviePage .tips
{
    background-image: url('images/icons/tips.jpg' );
}

.moviePage .tips:hover
{
    background-image: url('images/icons/tips-darker.jpg' );
}

.moviePage .info
{
    background-image: url('images/icons/info.jpg' );
}

.moviePage .info:hover
{
    background-image: url('images/icons/info-darker.jpg' );
}

.moviePage .faq
{
    background-image: url('images/icons/faq.jpg' );
}

.moviePage .faq:hover
{
    background-image: url('images/icons/faq-darker.jpg' );
}

.moviePage .variations
{
    background-image: url('images/icons/variations.jpg' );
}

.moviePage .variations:hover
{
    background-image: url('images/icons/variations-darker.jpg' );
}



.overflow
{
    overflow: auto;
    padding: 0 10px 0 0;
    margin: 0 5px 0 0;
}



.imgMovieInfo
{
    margin: 5px 10px 0 0;
}


.movieIcon
{
    width: 50px;
    text-align: center;
    font-size: 11px;
}

.movieIcon input
{
    margin: auto;
}

.iconTextImage
{
    vertical-align: middle;
}

.iconText
{
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 0 10px;
}


.mainChapter
{
    background-color:#aa549d;
    margin-right:10px;
}

.mainChapter:hover
{
    background-color: #7E3F75;
}