html, body
{
margin: 0px;
padding: 0px;
background-color: #C8C8C8;
background-image: url('../images/background.jpg');
background-position: top left;
background-repeat: repeat;
}

body
{
font-family: 'Arial', helvetica, sans-serif;
font-size: 1.1em;
color: #191919;
text-align: center
}


img
{
border: 0px
}

#container
{
background: #FFF;
width: 780px;
margin: 0 auto 0 auto;
text-align: justify;
position: relative
}


#options
{
background: #FFF;
width: auto;
position: absolute;
right: 9px;
top: 5px;
padding: 2px;
z-index: 100
}



div#login
{

}



#col1
{
width: 403px;
margin: 0 0 0 25px;
float: left;
z-index: 10;
position: relative;
top: 75px
}

#col2
{
width: 299px;
float: left;
z-index: 20;
position: relative;
top: 98px;
margin: 0 0 0 25px
}

.title
{
margin: 16px 0 16px 0
}

#col3 img
{
float: right
}


.preload
{
display: none
}

#footer
{
clear: both;
font-size: 0.7em;
width: 780px;
margin: 0 auto 0 auto;
background-image: url('../images/note_footer.gif');
background-position: top left;
background-repeat: no-repeat;
height: 68px;
border-top: 110px solid #FFF
}

/*
#footer div
{
width: auto;
background: #FFFFFF;
position: absolute;
right: 0px;
top: 0px;
padding: 1px 4px 1px 4px
}
*/

.spacer
{
height: 16px;
width: 100%;
clear: both
}


#threadform, #postform
{
display: none
}



span.label
{
font-weight: bold;	
}



h1
{
font-weight: bold;
font-size: 3.8em;
text-align: left;
margin: 0 0 0.35em 0;
color: #191919;
letter-spacing: -0.1em;
text-transform: lowercase;
z-index: 2200;
line-height: 0.85em
}

#col_wide h1 a
{
color: #191919;
}

h2
{
text-align: left;
font-size: 2.2em;
padding-bottom: 0.3em;
color: #191919;
letter-spacing: -0.05em;
margin: 0 0 0.4em 0;
text-transform: lowercase;
}





.clickable
{
cursor: pointer
}

a h1
{
color: #383838
}

table
{

}

td
{

}

tr.hover:hover
{

}

th
{
background: #BB78A1;
color: #FFFFFF;
padding: 4px
}

.mceContentBody
{
background: #FFFFFF;
background-image: none
}

.pager_bar, #pager_bar
{
font-weight: bold;
text-align: center;
margin-top: 16px;
background-image: url('../images/rowbg1.jpg');
}



.grayedout
{
color: #AAA
}

/* =BLOG STYLES */

.blog_content
{
padding: 1em 0 0 0	
}

.blog_entry
{
background:#FFFFFF;
background-image: url('../images/blog_top.gif');
background-position: top left;
background-repeat: repeat-x;
padding: 84px 8px 16px 8px;
position: relative
}

.blog_entry h3
{
position: absolute;
top: 40px;
left: 8px;
font-size: 1.5em;
z-index: 2002;
background: #FFFFFF
}

.blog_entry h4
{
position: absolute;
top: 47px;
right: 8px;
color: #BA769D;
z-index: 2001
}

#popup_body
{
background: #F893B9;
padding: 16px;
min-height: 356px
}

#popup_footer
{
color: #FFFFFF;
background: #383838;
padding: 8px;
text-align: center
}

#popup_footer a
{
color: #FFFFFF;
}

#popup_body h1
{
margin: 0
}

a.pic
{
display: block;
float: left;
margin: 0 1em 1em 0;
border: 2px solid #fff;
width: auto;
height: 200px
}

a.pic:hover
{
border: 2px solid #AF6694
}



a.cat
{
display: block;
float: left;
text-decoration: none;
text-align: center;
width: 120px;
margin: 0 1em 1em 0 
}

a.cat div
{
width: 100%;
height: 2.6em;
color: #FFF;
font-weight: bold	
}

a.cat:hover div
{
text-decoration: underline
}

.product_wrapper_wide
{
width: 240px;
float: left;
margin: 0 0.2em 1em 0em;
cursor: pointer;
text-align: left
}

.product_wrapper
{
width: 348px;
float: left;
margin: 16px 16px 0 0;
background: #000;

cursor: pointer
}



.product_desc
{
color: #FFFFFF;
padding: 4px
}

.product_desc a, .product_desc a:hover, .product_desc span, .product_desc a:link, .product_desc a:visited
{
color: #FFF
}

.product_desc a:hover
{
color: #ff4189
}


.productimage
{
float: left;
margin: 0 8px 8px 0;
width: 348px;
height: 348px;
background-image: url('../images/loader.gif');
background-repeat: no-repeat;
background-position: center center;
background: #FFFFFF;
}

.productthumb
{
width: 100%;
height: 100%;
background-image: url('../images/loader.gif');
background-repeat: no-repeat;
background-position: center center;
background: #FFFFFF;
}

a.productthumb
{
display: block;
background-image: url('../images/loader.gif');
background-repeat: no-repeat;
background-position: center center;
background: #FFFFFF;
width: 348px;
border: 1px solid #000000;
margin: 0 8px 8px 0;
float: left;

}

a.productthumb:hover
{
border: 1px solid #c42026
}

input#quantity
{
width: 1em;
text-align: center
}



#product_images_wrapper
{
width: 348px;
float: left;
margin: 0 1em 0 0;
padding: 0.1em 1em 1em 1em;
}



.inline
{
display: inline
}


form#viewcart
{
position: absolute;
top: 2px;
right: 204px;
z-index: 100000
}

button.basket, button.buy
{
background: transparent;
border: none;
width: auto;
text-align: center;
color: #000;
position: relative;
top: -20px
}

button.basket:hover, button.buy:hover
{
color: #CF33C4;
background: transparent;
}


button.basket
{
background-image: url('../images/view_basket.gif');
width: 68px;
height: 140px;
background-position: 0 0;
background-repeat: no-repeat;
}

button.basket:hover
{
background-image: url('../images/view_basket.gif');
background-position: -68px 0;
background-repeat: no-repeat;
}

button.buy
{
background-image: url('../images/add_to_basket.gif');
width: 68px;
height: 140px;
background-position: 0 0;
background-repeat: no-repeat;
}

button.buy:hover
{
background-image: url('../images/add_to_basket.gif');
background-position: -68px 0;
background-repeat: no-repeat;
}

button.basket span, button.buy span
{
position: relative;
top: 21px
}


a, a:link
{
color: #6D99ED;
text-decoration: none;
font-weight: bold
}


a:visited
{
color: #A6A3C5;
text-decoration: none;
font-weight: bold
}

a:hover, a:active
{
color: #F893B9;
text-decoration: none;
font-weight: bold
}

#sidepic
{
position: absolute;
top: 125px;
right: 0px;	
background-image: url('../images/sidepic1.jpg');
background-position: top right;
z-index: 0;
width: 233px;
height: 365px
}

/* FORM STYLES */



form#basket
{
position: absolute;
top: 0px;
right: 0px;
z-index: 25
}


input, select, textarea
{
font-family: 'Arial', helvetica, sans-serif;
color: #555;
margin: 0 0.5em 0 0 
}

input
{
margin: 0 0 8px 0
}

label
{
font-weight: bold;
display: block;
text-align: left;
font-size: 0.8em;
margin: 8px 0 0 0;
cursor: pointer; 
}

legend
{
background: #383838;
color: #F893B9;
font-weight: bold;
margin-top: 4px
}

fieldset
{
border: 2px solid #383838;
margin: 8px 0px 16px 0px;
}

textarea
{
height: 200px;
width: 96%;
font-family: 'Arial', helvetica, sans-serif;
}



button
{
font-family: 'Arial', helvetica, sans-serif;
font-weight: bold;
color: #FFFFFF;
background-color: #28242a;
cursor: pointer;
border: 0px;
text-transform: lowercase;
letter-spacing: -0.1em;
font-size: 1.1em
}

button:hover
{
background-color: #000000;
}

/* FORM STYLES */

#socialnetworks
{
position: fixed;
top: 488px;
left: 19px;
width: 290px;
height: 43px;
z-index: 7000
}

#socialnetworks img
{
float: left	
}

#front_page_player
{
float: right;
width: 210px;
border: 4px solid #000
}

a.player
{
display: block;
background: #000;
color: #FFF;
font-size: 0.7em;
width: 100%;
text-align: left
}

#front_page_player object
{
width: 100%;	
}

#subscribe_box
{
clear: both;
background-image: url('../images/mailing_background.gif');
background-position: bottom left;
background-repeat: no-repeat;
height: 120px;
position: relative;
margin: 20px 0 16px 0
}

#subscribe_box form
{
width: 370px;
position: absolute;
bottom: 26px;
left: 16px
}

#subscribe_box input
{
width: 240px;
font-size: 1.2em
}

#subscribe_box button
{
height: 29px;
position: relative;
top: 1px
}




.pic_left
{
float: left;
padding: 8px
}

.pic_right
{
float: right;
padding: 8px
}

.pager_bar a, .pager_bar a:visited
{
color: #FF3490	
}

.pager_bar a:hover
{
text-decoration: underline;
color: #F893B9	
}

#header
{
/*
background-image: url('../images/header_background.png');
*/
background-position: top left;
background-repeat: no-repeat;
width: 827px;
height: 316px;
position: relative;
left: -35px;
z-index: 2000
}

.header_1
{
background-image: url('../images/banner1.png');
}

.header_2
{
background-image: url('../images/banner2.png');
}

.header_3
{
background-image: url('../images/banner3.png');
}

.header_4
{
background-image: url('../images/banner4.png');
}

.header_5
{
background-image: url('../images/banner5.png');
}

.header_6
{
background-image: url('../images/banner6.png');
}

#logo
{
background-image: url('../images/logo.png');
background-position: top left;
background-repeat: no-repeat;
width: 355px;
height: 135px;
position: absolute;
top: 220px;
left: -30px;
z-index: 3000
}

#social
{
background-image: url('../images/social.gif');
background-position: top left;
background-repeat: no-repeat;
width: 304px;
height: 49px;
position: absolute;
top: 269px;
right: 32px;
z-index: 3000
}



/**************************/

ul#nav
{
z-index: 5000;
list-style-type: none;
padding: 0px;
margin: 0px;
width: 720px;
position: absolute;
top: 345px;
right: 32px;
}



/*IE7 FIX*/
ul#nav li:hover, ul#nav li.hover
{
position: static;
}
/*IE7 FIX*/


ul#nav, ul#nav ul /* all lists */
{
padding: 0;
margin: 0;
list-style: none;
font-size: 1.1em;
letter-spacing: -0.05em;
font-family: 'Courier New', 'Courier', 'Times New Roman', serif;
font-weight: bold;
}



ul#nav ul a /* 2nd and 3rd level links */
{
text-align: left;
padding: 0.2em 0.5em 0.5em 0.5em;
font-size: 0.5em;
letter-spacing: 0;
text-transform: none;
background: #746E70;
}

ul#nav ul a:hover
{
background: #454545;
}

ul#nav a
{
font-size: 0.9em;
display: block;
margin: 0 4px 0.25em 4px;
text-decoration: none;
text-align: center;
color: #837060;
background: #353535;
color: #FFF;
letter-spacing: -0.1em;
padding: 0 3px 0 3px;
}

ul#nav a:hover
{
color: #1FC4FF;
background: #000
} 

ul#nav li /* all list items */
{
float: left;
width: 102px; /* width needed or else Opera goes nuts */
}

ul#nav li ul /* second-level lists */
{
position: absolute;
width: 8em;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
font-size: 0.95em;
font-weight: bold
}



ul#nav li ul ul /* third-and-above-level lists */
{
margin: -0.95em 0 0 7.24em;
font-size: 1em;
}

ul#nav li:hover ul ul, ul#nav li:hover ul ul ul, ul#nav li.sfhover ul ul, ul#nav li.sfhover ul ul ul
{
left: -999em;
}

ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li li li:hover ul, ul#nav li.sfhover ul, ul#nav li li.sfhover ul, ul#nav li li li.sfhover ul /* lists nested under hovered list items */
{
left: auto;
}

ul#nav ul, ul#nav ul li, ul#nav ul a, ul#nav ul ul
{
width: 8em;
height: 1em;
margin: -0.09em 0 -0.31em 0
}

ul#nav li li a
{
font-size: 0.8em;
color: #FFF
}

ul#nav li li a:hover
{
color: #FF3FE9
}

ul#nav li li li a:hover
{
color: #FDFF2F
}

ul#nav li li
{
margin: 3px 0 0px 0;
}

ul#nav li li li
{
margin: -2px 0 3px 0;
}

/************************************/

#logo a
{
display: block;
width: 100%;
height: 100%
}

ul.articles
{
list-style-type: none;
padding: 0px;
margin: 0px;
text-indent: 0px
}

ul.articles li
{
background-image: url('../images/article_background.gif');
background-position: top left;
background-repeat: no-repeat;
position: relative;
height: 165px;
width: 299px;
margin: 0 0 16px 0;
}

ul.articles li h3
{
color: #FFF;
width: 284px;
overflow: hidden;
letter-spacing: -0.05em;
position: absolute;
top: -4px;
left: 14px;
text-align: left
}

ul.articles li p
{
position: absolute;
top: 48px;
left: 12px;
width: 150px;
text-align: left;
font-size: 0.95em
}

ul.articles li img
{
position: absolute;
top: 72px;
right: 24px
}



#col_wide
{
width: 730px;
margin: 0 0 0 25px;
z-index: 10;
position: relative;
top: 112px
}



table.forum
{
width: 100%;
background: #FFF
}

.forum tr
{
background: #383838;
}

.forum tr:hover
{
background: #444;
}

.forum tr.even
{
background: #666;
}

.forum tr.even:hover
{
background: #6F6F6F;
}

.forum tr.original td
{
background: #666;
}


.forum td
{
padding: 16px;
border-bottom: 16px  solid #FFF
}

.noborder, td.noborder
{
border: 0px
}



.forum td a span
{
color: #AAA;
font-size: 0.7em
}

.forum td a, .forum td span.title
{
color: #FFF;
font-size: 1.8em;
text-align: left;
letter-spacing: -0.05em;
font-weight: normal;
margin: 0 0 16px 0;
display: block
}



td.info
{
width: 272px;
}

td.info div
{
float: right;
width: 128px;
height: 128px;
text-align: left;
letter-spacing: -0.05em;
font-size: 1.1em;
color: #BBB
}

td.info div strong
{
font-size: 1.1em;
color: #FFF;
font-weight: normal
}

td.info img
{
float: left
}


h1 span
{
font-size: 0.7em;
color: #999;
font-weight: normal;
letter-spacing: -0.05em
}

#col_wide h1 span a
{
color: #999;
font-weight: normal
}

h1 span span
{
color: #BBB;
font-weight: normal;
display: block;
margin: 0 0 24px 0
}


.forum_message
{
color: #DDD;
background-image: url('../images/quotes.gif');
background-position: top left;
background-repeat: no-repeat;
padding: 0 0 16px 50px
}


#login_box
{
border: 1px solid #BBB;
padding: 16px;
height: 52px;
margin: 0 0 16px 0;
position: relative
}

#login1, #login2
{
float: left;
width: 230px
}

#login input
{
width: 90%
}

#login button
{
position: relative;
top: 20px;
margin: 0 4px 0 0
}

#login_box ul
{
position: absolute;
top: 4px;
right: 8px;
width: 116px;
font-size: 0.8em
}

#login_box ul li
{
margin-bottom: 6px
}

#login_box img
{
position: absolute;
top: 8px;
left: 8px;
}


#login_box strong
{
position: absolute;
top: 16px;
left: 86px;
color: #9F9598;
font-size: 2.2em;
font-weight: normal;
letter-spacing: -0.05em;
}

ul#photos
{
list-style-type: none;
padding: 0px
}

ul#photos li
{
display: block;
float: left;
background-repeat: no-repeat;
position: relative;
margin: 0 16px 16px 0;
width: 348px
}


ul#photos li span
{
position: absolute;
bottom: 16px;
left: 16px;
width: 300px;
color: #FFF;
text-align: left;
background: #444;
display: block;
padding: 2px 6px 2px 6px;
font-size: 1.5em;
letter-spacing: -0.05em;
line-height: 1em
}


ul#photos li.album_style1 span, .style1
{
background-color: #CF33C4
}

ul#photos li.album_style2 span, .style2
{
background-color: #DFB700
}

ul#photos li.album_style3 span, .style3
{
background-color: #0D81DF
}

ul#photos li.album_style1:hover span, .style1:hover, a:hover .style1
{
background-color: #AF2BA9
}

ul#photos li.album_style2:hover span, .style2:hover, a:hover .style2
{
background-color: #AF9000
}

ul#photos li.album_style3:hover span, .style3:hover, a:hover .style3
{
background-color: #0060AF
}

.share_button
{
border: 16px solid #FFF;
border-left: 0px;
clear: both;
display: block;
width: 125px
}

#shopcats
{
height: 100px;
width: 556px;
margin: 0 auto 0 auto;
}

.shop_wrapper form
{
text-align: center
}






.float_left
{
float: left;
margin: 16px 16px 16px 0
}

.float_right
{
float: right;
margin: 16px 0 16px 16px
}

#subscribe_result
{
position: relative;
top: 56px;
width: 90%;
margin: 0 0 0 16px
}


#articles_outer
{
background: #EEE;
width: 320px;
float: right;
margin: 0 0 16px 16px
}


#articles_outer h2
{
padding: 8px 0 0 24px;
margin: 0px;
font-size: 1.8em
}


#user_image
{
margin: 16px
}

label span
{
color: #EF86E0;
font-size: 1.5em
}

span.small 
{
font-size: 0.4em;
display: block;
margin: 16px 0 0 0;
text-transform: lowercase

}

span.small a
{
color: #AAA;
font-weight: bold
}

#social a
{
display: block;
}

a#myspace
{
position: absolute;
top: 0px;
left: 0px;
width: 100px;
height: 60px
}


a#bebo
{
position: absolute;
top: 0px;
left: 100px;
width: 100px;
height: 60px
}


a#facebook
{
position: absolute;
top: 0px;
left: 200px;
width: 110px;
height: 60px
}

form.filled
{
background-color: #28242a;
padding: 24px
}

form.filled label
{
color: #FFF
}

form.filled br
{
height: 10px;
width: 100%;
display: block
}

form.filled textarea
{
width: 99%;
height: 150px
}

.buttonbar
{
background-color: #4C4C4C;
margin: 16px 0 0 0;
padding: 8px
}

.half
{
width: 47%;
float: left;
margin: 0 16px 0 0
}

.half label
{
width: 200px;
float: left
}

.half input
{
width: 230px
}

input.checkbox
{
border: 0px;
width: auto;
position: relative;
top: 10px;
}

.filled p, .filled h2
{
color: #FFF
}

th, td
{
padding: 8px
}

th
{
border-bottom: 1px solid #AF6292
}

td
{
border-bottom: 1px solid #DADADA
}

#header a
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
display: block;
height: 240px;
}