/************* Contents ****************

- Layout Structure
- Navigation Structure
- Tables
- Search Form
- Text, Links and Images
- Ticket Page Specifics
- Global Styles
- Cornered Boxes
- Order Screen Styles

== Store Layout Structure
**************************************/

#store-wrap
{
	width: 100%;
	text-align: left;
	background-color: #4f4f4f;
	margin: 5px 0 12px 0;
	color: #666;
}

#store-wrap #search
{
    float: left;
	width: 665px;
	background: url(/images/store/searchbar-bg.gif) top repeat-x;
	height: 40px;
	border-left: solid 1px #d1d1d1;
	border-top: solid 1px #d1d1d1;
	margin-bottom: 7px;
}

#store-wrap #left-wrap
{
	background-color: #f0efef;
	float: left;
}

#store-wrap #left
{
    float: left;
	width: 190px;
	background-color: #f0efef;
	text-align: center;
	color: #3f3f3f;
	clear: left;
}

#store-wrap #mid-narrow, #store-wrap #mid-wide
{
    float: left;
	background: #f0efef url(/images/store/store-mid-corner.gif) top right no-repeat;
	padding: 4px 0 30px 10px;
	border-left: dashed 1px #ccc;
	width: 465px;
	text-align: left;
}

#store-wrap #mid-wide
{
    width: 750px;
}

#store-wrap #right
{
    float: right;
    width: 265px;
    padding: 8px 8px 0 8px;
    text-align: left;
    color: #fff;
}

/***************************************
== Store Navigation Structure
***************************************/

#store-wrap #left ul
{
    text-align: left;
    margin: 0 auto;
	padding: 0;
	width: 181px;
	padding-bottom: 5px;
	border-bottom: dashed 1px #ccc;
	margin-bottom: 5px;
}

#store-wrap #left ul li
{
    margin-top: 1px;
    height: 26px;
    line-height: 1.8em;
	list-style-type: none;
}

#store-wrap #left ul li a
{
    float: left;
    width: 181px;
    padding-left: 5px;
    height: 26px;
    text-decoration: none;
    color: #3f3f3f;
    font-weight: bold;
}

#store-wrap #left ul li a:hover
{
    background: url(/images/store/li-hover-bg.gif) no-repeat;
}

#store-wrap #left #basket ul
{
    border-bottom: none;
}

/***************************************
== Store Basket Table / Calendar Table
***************************************/

#store-wrap #left #basket
{
    float: left;
    display: inline;
    text-align: left;
	padding: 0 0 10px 0;
	margin-left: 5px;
	width: 181px;
	border-bottom: dashed 1px #ccc;
}

#store-wrap #left #basket table
{
    border-collapse: collapse;
    text-align: left;
	font-size: 85%;
	width: 175px;
}

#store-wrap #left #basket table .shade
{
    background-color: #e6e4e4;
}

#store-wrap #right .rCContent table
{
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}

#store-wrap #right .rCContent th
{
    background: #a5a5a5 url(/images/store/calendar-th.gif) top repeat-x;
    height: 23px;
}

#store-wrap #right .rCContent td
{
    border: solid 1px #d2d2d2;
    background-color: #fff;
    color: #666;
}


/****************************************
== Store Search Form
****************************************/

#store-wrap #search label
{
    color: #4f4f4f;
    font-size: 130%;
    font-weight: bold;
    float: left;
    margin: 10px 8px 0 8px;
}

#store-wrap #search .searchInput, #store-wrap #search .searchSelect
{
    float: left;
    border: solid 1px #a5acb2;
    height: 16px;
    width: 180px;
    margin-top: 10px;
}

#store-wrap #search .searchSelect
{
    height: 20px;
}

/****************************************
== Store text, Links & Images
****************************************/

/*** text ****/


#store-wrap h1, h2
{
    color: #85B03C;
    font-size: 150%;
    margin: 5px 0 5px 0;
}

#store-wrap h2
{
    font-size: 140%;
}

#store-wrap #left h1
{
    margin: 0;
    padding: 0;
    font-size: 110%;
    padding: 8px 0 8px 10px;
    text-align: left;
    color: #3f3f3f;
}

#store-wrap #left h2
{
    font-size: 110%;
}

#store-wrap #mid-narrow h1.dark, #store-wrap #mid-narrow h1.light,
#store-wrap #mid-wide h1.dark, #store-wrap #mid-wide h1.light
{
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 130%;
    height: 23px;
    width: 95%;
    background: url(/images/store/h1-dark-bg.gif) top left no-repeat;
    border-bottom: solid 1px #c5c5c5;
    padding: 5px 0 0 10px;
}

#store-wrap #mid-narrow h1.dark:first-letter, #store-wrap #mid-narrow h1.light:first-letter,
#store-wrap #mid-wide h1.dark:first-letter, #store-wrap #mid-wide h1.light:first-letter
{
    text-transform:uppercase;
}

#store-wrap #mid-narrow h1.light, #store-wrap #mid-wide h1.light
{
    background: url(/images/store/h1-light-bg.gif) top left no-repeat;
}

#store-wrap #right h1.blue-header, #store-wrap #right h1.green-header
{   
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
    color: #99ccff;
    width: 90%;
    font-size: 120%;
    border-bottom: solid 1px #4f4f4f;
    padding: 3px 0 3px 0;
}

#store-wrap #right h1.green-header
{
    color: #c6d757;
    border-bottom: solid 1px #ccc;
    padding-left: 10px;
    width: 255px;
}

#store-wrap #mid-narrow .white-bg, #store-wrap #mid-wide .white-bg
{
    float: left;
    width: 703px;
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 8px;
    padding-bottom: 10px;
}

#store-wrap #mid-narrow .offer, #store-wrap #mid-wide .offer,
#store-wrap #mid-narrow .white-bg .offer, #store-wrap #mid-wide .white-bg .offer
{
    float: left;
    width: 200px;
    margin: 10px 10px 10px 10px;
    font-size: 95%;
    line-height: 1.2em;
    min-height: 90px;
    height: auto !important;
    height: 90px;
}

#store-wrap #mid-narrow .white-bg .offer, #store-wrap #mid-wide .white-bg .offer
{
    float: left;
    width: auto;
    margin-left: 0px;
}

#store-wrap #mid-narrow .white-bg .offer h2, #store-wrap #mid-wide .white-bg .offer h2
{
    font-size: 160%;
    font-weight: bold;
    color: #3a3a3a;
}

#store-wrap #mid-narrow .offer label, #store-wrap #mid-wide .offer label
{
    font-size: 100%;
    font-weight: bold;
    color: #333333;
}

#store-wrap .offer .price{margin: 8px 0;color: #666; font-weight: bold;float: left;}
#store-wrap .white-bg .offer .price{float: none; display: block;font-size: 130%;font-weight: normal;margin: 12px 0 8px 0;}
#store-wrap .white-bg .offer p{margin: 8px 0;}
#store-wrap .white-bg .offer p .tagItem{margin-bottom: 2px;display: block;}
#store-wrap .white-bg .offer p .tag{font-weight: bold;float: left; width:100px;color: #333;}
#store-wrap .white-bg .offer div hr{border: 0; border-top: dashed 1px #ddd; height: 1px;}

#store-wrap #left p
{
    margin: 5px 0 0 0;
	font-size: 80%;
}

#store-wrap #right p
{
    font-size: 85%;
    border-bottom: dashed 1px #fff;
    margin: 0;
    margin-top: 3px;
    padding: 0;
    padding-bottom: 3px;
}
    
/**** imagery ******/    
    
#store-wrap #mid-narrow .offer .thumb, #store-wrap #mid-wide .offer .thumb,
#store-wrap #mid-narrow .white-bg .offer .thumb, #store-wrap #mid-wide .white-bg .offer .thumb
{
    border: solid 1px #cac7c7;
    margin-right: 5px;
    padding: 3px;
}

#store-wrap #mid-narrow .offer a:hover .thumb, #store-wrap #mid-wide .offer a:hover .thumb,
#store-wrap #mid-narrow .white-bg .offer a:hover .thumb, #store-wrap #mid-wide .white-bg .offer a:hover .thumb
{
    border: solid 1px #999;
}

/***** links ******/

#store-wrap #left a, #store-wrap #right a
{
    text-decoration: none;
}

#store-wrap #right a.blue
{
    color: #99ccff;
    font-weight: bold;
}

#store-wrap #right a.green
{
    color: #c6d757;
    font-weight: bold;
}

#store-wrap #right .rCContent td a
{
    float: left;
    width: 19px;
    height: 17px;
    padding: 3px;
}

#store-wrap #right .rCContent td a:hover
{
    background-image: url(/images/store/calendar-link-hover.gif);
}

/*********************************************************
== Ticket Page Specifics
*********************************************************/ 

#store-wrap #mid-narrow, #store-wrap #mid-wide .col
{
    float: left;
    width: 48%;
    position: relative;
    margin-top: 10px;
}

#store-wrap #mid-narrow .col .info .label, #store-wrap #mid-wide .col .info .label
{
    font-weight: bold;
    float: left;
    width: 120px;
}

#store-wrap #mid-narrow .col .info h2, #store-wrap #mid-wide .col .info h2
{
    float: left;
    border-bottom: solid 1px #c6d757;
    font-size: 120%;
    width: 100%;
}

/*****************************************
== Store Global Styles
*****************************************/

.float-left{float: left;}
.float-right{float: right;}
.clearer{clear: both;}
.greenBG{background-color: #c6d757;}

/*******************************************************
== Round Cornered Boxes
*******************************************************/ 
    
.rC{background-color: #f8f8f8; width: 181px; float: left;}
.rCContent{padding: 0 3px 0 3px; margin-right: 0px !important; margin-right: -7px;}
#store-wrap #right .rCContent{padding: 0 8px 0 8px; margin-right: 0px !important; margin-right: -2px;}
     
.rtop, .rbottom{display:block; background-color: #F5F3EE;}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; background-color: #f8f8f8;}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px} 

.dark-rC{background-color: #5a5a5a;}
.dark-rC-bg{background-color: #4f4f4f;}
.wide{width: 264px;}


/*********************************************************
== Order screens
*********************************************************/ 

#userHolder .order-wrap
{
    padding: 30px 50px 10px 50px;
    background: #fff url(/images/brand/stripe.gif) repeat-x;
}


.order-wrap .order-holder
{
    float: left;
    width: 48%;
}

.order-wrap h1
{
    color: #3f3f3f; 
    margin-bottom: 5px;
    font-size: 150%;
    float: left;
    padding-bottom: 5px;
}

.order-wrap .order-holder h2, .order-wrap .order-holder h2.dark,
.order-wrap .order-holder h2.green, .order-wrap .order-holder h2.grey,
.order-wrap h2.black
{
    margin-bottom: 10px;
    padding: 4px 0 0px 10px; 
    border-bottom: solid 1px #c6d757;
    color: #333;
    height: 21px;
}

.order-wrap .order-holder h2.dark
{
    border-bottom: solid 1px #666;
}

.order-wrap .order-holder h2.green
{
    background: url(/images/store/h2-green-bg.gif) no-repeat;
}

.order-wrap .order-holder h2.grey
{
    background: url(/images/store/h2-grey-bg.gif) no-repeat;
    color: #ccc;
    border-bottom: solid 1px #666;
}

.order-wrap h2.black
{
    background: url(/images/store/h2-black-bg.gif) no-repeat;
    border-bottom: solid 1px #333;
    color: #fff;
}

.order-wrap hr
{
    border: 0;
    border-top: solid 1px #fff;
    height: 1px;
    color: #fff;
    margin-bottom: 20px;
    padding: 0;
}

.order-wrap .order-holder fieldset
{
    border: 0;
}

.order-wrap .order-holder fieldset label
{
    float: left;
    width: 130px;
}

.order-wrap .order-holder fieldset label.wide
{
    float: left;
    width: 200px;
}

.order-wrap .order-holder fieldset input, 
.order-wrap .order-holder .inputTextBox, 
.order-wrap .order-holder select
{
    border: solid 1px #a5acb2;
    margin-bottom: 2px;
    width: 200px;
}

.order-wrap .order-holder .inputTextBox
{
    height: 80px;
}

.order-wrap .order-holder select
{
    width: 205px;
    background-color: #edf3c8;
}

.order-wrap .order-holder .checkbox input
{
       width: auto;
       border: 0;
}

.order-wrap .oneTable
{
    border: dashed 1px #646464;
    background: #fff;
}

.order-wrap .oneTable .rowHeader th
{
    background-color: #d4e27b;
    color: #3f3f3f;
    padding: 6px;
}

.order-wrap .oneTable td
{
    padding-left: 6px;
}

.order-wrap .oneTable .rowItemAlt
{
    background-color: #f0eeee;
}

.order-wrap .delivery
{
    padding: 5px 0;
    background: url(/images/store/delivery-bg.gif) top left no-repeat;
    width: 200px;
    height: 25px;
    display: block;
    color: #fff;
    padding: 3px 0 0 15px;
}


/* ----------------------------------------------------------------------------------------------------------------------- 
== New Store Styles - Affiliate Store - Implemented 11/09/08
--------------------------------------------------------------------------------------------------------------------------- */ 

#store-wrap #left ul.aStoreNav{float: left;width: 190px;margin: 0; padding: 0;}
#store-wrap #left ul.aStoreNav li{float: left; width: 190px;height: auto;margin: 0; padding: 0;}
#store-wrap #left ul.aStoreNav li a{float: left; width: 180px;background: #c6d757;color: #404040;font-weight: bold;margin: 0; padding: 3px 5px;border-bottom: dashed 1px #999;}
#store-wrap #left ul.aStoreNav li a:hover{background: #c6d757;text-decoration: underline;}
#store-wrap #left ul.aStoreNav li ul{float: left; width: 190px;margin: 5px 0 0 0; padding: 0;}
#store-wrap #left ul.aStoreNav li ul li a{background: transparent;width: 175px; margin-left: 5px;border-bottom: 0;}
#store-wrap #left ul.aStoreNav li ul li a:hover{background: url(/images/store/li-hover-bg.gif) no-repeat;color: #aac226;text-decoration: none;}

#store-wrap #mid-wide .aProduct{float: left;width: 47%;margin: 0 1% 10px 1%;border-bottom: dashed 1px #ccc;padding: 0 0 10px 0;}
#store-wrap #mid-wide .aProduct iframe{float: left;}
#store-wrap #mid-wide .aProduct #content{float: left; margin-right: 5px;background: green;}
#store-wrap #mid-wide .aProduct .aProductDesc{float: left;width: 220px;font-size: 85%;padding: 5px;}
#store-wrap #mid-wide .narrow{width: 22%;}

#store-wrap #mid-wide h1.dark span{color: #b1ca24;}
#store-wrap #mid-wide ul.paging{float: right;margin: 5px 30px 0 0; list-style: none;padding: 0;}
#store-wrap #mid-wide ul.paging li{float: left}
#store-wrap #mid-wide ul.paging li a{float: left; border: solid 1px #2d2d2d;padding: 0px 5px;margin: 0 0 0 3px;text-decoration: none;background: url(/images/listings/bg_listings_nav.gif) top left repeat-x;color: #fff;font-size: 90%;font-weight: bold;}
#store-wrap #mid-wide ul.paging li a:hover, #store-wrap #mid-wide ul.paging li.on a{border: solid 1px #7da420;background: #b2df46;}

#store-wrap #mid-wide .aPanelLeft{float: left; width: 480px;}
#store-wrap #mid-wide .aPanelRight{float: right;width: 244px;background: #dad6d7 url(/images/store/panel-right-top.gif) top left no-repeat;margin: 0 10px 0 0;display: inline;}
#store-wrap #mid-wide .aPanelRight .rightInner{float: right; width: 230px;padding: 7px 7px 140px 7px;background: url(/images/store/panel-right-btm.gif) bottom left no-repeat;}
#store-wrap #mid-wide .aPanelRight .rightInner h2{color: #030303;border-bottom: solid 1px #8c8c8c;padding: 0 0 6px 0;}
#store-wrap #mid-wide .aPanelRight .rightInner h3{color: #98cbff;font-size: 110%;padding: 3px 5px;margin: 0 0 5px 0; background: #fff;}

#store-wrap #mid-wide .aPanelLeft .aProduct{float: left;width: 150px;margin: 0 3px 0 3px;border-bottom: dashed 1px #ccc;padding: 0 0 10px 0;}

#store-wrap #mid-wide .aPanelLeft .aStoreFeature{float: left; width: 97%;background: #fff;padding: 10px 0 0 0;}
#store-wrap #mid-wide .aPanelLeft .aStoreFeature h4{margin: 0 0 8px 0;}
#store-wrap #mid-wide .aPanelLeft .aStoreFeature p{margin: 5px 0;font-size: 85%;}
#store-wrap #mid-wide .aPanelLeft .aStoreFeature img{float: left;}
#store-wrap #mid-wide .aPanelLeft .aStoreFeature span.price{font-weight: bold;color: #89b137;font-size: 130%;}