/*---------------GLOBAL---------------*/
*{margin:0; padding:0}
html, body{margin:0; padding:0; text-align:center; font:80%/1.5 Verdana, Helvetica, sans-serif; color:#ededed; background-color:#000000} 
body, div, ul, li, h1, h2, h3, p{ margin : 0; padding :0;}
h1, h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ul {list-style-type:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; color:#ededed }
img { border : 0; }

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */   
#pagewidth{ width:960px; text-align:left;  margin-left:auto; margin-right:auto;}
#wrapper{background-color:#282828; padding-top:25px; float:left} 
a{color:#ededed; text-decoration:none; outline:0}
a:hover{color:#ededed; text-decoration:underline;}
.clr{clear:left}
p{font-size:1.1em; line-height:1.5em; margin-bottom:1.5em; color:#ededed}
table{font-size:1.2em}
h1,h2,h3{margin:0; padding:0; font-weight:normal; margin-bottom:0.4em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ededed}
h1{font-size:2.0em; border-bottom:1px solid #e6c97e}
h2{font-size:1.5em;}
h3{font-size:1.3em;}
h2.related{font-size:1.8em; border-bottom:1px solid #E6C97E; margin-top:30px}
body#links h2{font-size:2.0em; border-bottom:1px solid #e6c97e; margin-top:30px}
.bold{font-weight:bold}
sup{color:#f00}

/*---------------FORMS---------------*/
form{width:100%; margin:0 auto;}
form#login, form#register, form#contact, form#password{border:6px solid #181818; margin-bottom:20px}
form input.field, form select, form textarea{font-family: verdana, Helvetica, sans-serif; font-size:1.0em; color:#434343; border:1px solid #4A4A4A; padding:3px}
form p{width:99%; padding:3px; margin:0; background-color:#646464; margin-bottom:1px}
form p.double-height{height:50px}
body#payment-checkout #maincol form p{background-color:#646464;}
form p label{float:left; display:inline; text-align:right; padding-right:4px; font-weight:bold; width:100px; line-height:1.8em}
form fieldset{width:100%; border:none; margin:0; padding:0;}
form legend{display:none}
input.checkbox{border:none}

/*-----login------*/
form#login_header{height:30px; line-height:36px; margin:0;}
form#login{width:300px; float:left}
form#login p{width:294px}
form#login p label{width:80px}
form#login p input.field{width:185px}
form#login p span.submit{margin-left:83px}
/*-----register------*/
form#register{width:500px;}
form#register p{width:494px}
form#register p label{width:150px}
form#register p span.submit, form#register p span.news{margin-left:150px}
/*-----contact------*/
form#contact{width:450px;}
form#contact p{width:394px}
form#contact p input.field{width:250px}
form#contact p textarea{width:250px}
form#contact p label{width:80px}
form#contact p span.submit, form#contact p span.letters{margin-left:86px}
/*-----password------*/
form#password{width:500px;}
form#password p{width:494px}
form#password p label{width:200px}
form#password p span.submit, form#password p span.news{margin-left:200px}
/*-----search---------------*/
form#search{margin-bottom:25px; background-color:#CC9900; width:190px; float:left; text-align:center }
form#search input{width:160px; padding:3px; font-size:1.1em}
form#search .submit{width:190px; text-align:center}
form#search .submit input{width:80px}
/*-----checkout---------------*/
p span.make_payment{padding-left:155px}

/*---------------HEADER---------------*/
#header{position:relative; height:120px; width:960px; float:left; background-color:#000}

#logo{float:left; width:335px; height:46px; text-indent:-6000px; background-image:url(images/logo.gif); margin:68px 0 0 0px; display:inline}
#logo a{height:46px; width:100%; display:block; overflow:hidden;}


#login_container{width:620px; height:35px; line-height:35px; float:right; margin-top:76px}

ul.login{float:right; font-size:1.1em; color:#FFF}
ul.login li{float:left; margin:0px 8px 0 0; height:36px; line-height:36px}
ul.login li a{color:#FFF}
ul.login li a:hover{color:#9A0205}

ul.login li.mailing_email, ul.login li.mailing_name{margin-top:2px}
ul.login li.reg{margin:0 0 0 15px}
ul.login li.account{margin: 0}
ul.login li input{margin-top:5px}

/*---------------NAV---------------*/ 
ul#nav{width:958px; float:left; background-color:#222222; height:33px; line-height:25px; background:url(images/nav-bg.gif); font-size:1.6em; font-family:Arial, Helvetica, sans-serif; padding-top:7px; border:1px solid #282828 }
ul#nav li{float:left; font-weight:bold; border-right:1px solid #000; border-left:1px solid #474747; padding:0 4px}
ul#nav li.no-border-left{border-left:0}
ul#nav li.no-border-right{border-right:0; padding-left:19px}
ul#nav li a{text-decoration:none; padding:0 16px; color: #FFF;}
ul#nav li a:hover{color:#D9B156}


/*---------------BREAD---------------*/ 
#bread{width:100%; margin-bottom:10px}

/*---------------TWO COLs---------------*/
#twocols{width:770px; float:right; position:relative; }
 
/*---------------MAIN COL---------------*/
#maincol{ float:left; display:inline; position: relative; width:530px; margin-left:25px; height:auto !important; height:550px; min-height:550px}
#maincol a{text-decoration:underline}
#maincol a:hover{color:#E6C97E}

/*---------------LEFT COL---------------*/
#leftcol{width:190px; float:left; position:relative; margin:0px; display:inline }

/*---------------RIGHT COL---------------*/
#rightcol{ float:right; display:inline; position: relative; width:190px; margin:0}
#rightcol img{border:1px solid #181818; margin-bottom:10px}
#rightcol img.cards{border:0}
ul#basket{list-style:none; margin:-6px 0 6px 6px; width:170px; font-size:1.1em; color:#fff}
ul#basket li.title{font-weight:bold}
ul#basket li.total{border-top:1px solid #fff; height:24px}
ul#basket li.total span.total{margin-left:95px}

ul#email_notice{margin-left:20px; font-size:1.1em}
ul#email_notice li{list-style-type:disc; margin-bottom:8px}



/*---------------MODULES---------------*/
.module{width:181px; background-color:#404040; float:right; margin-bottom:15px}
.module .top{ padding:0; margin:0; height:43px; text-indent:-3333px}
.module .bottom{background:url(images/module-bottom.gif) no-repeat left bottom; padding:0; margin:0; height:8px; font-size:0  }
.module p {padding:0 10px; margin:0 0 3px 0; color:#360536; font-size:1.2em }

.module-miranda .top{background:url(images/module-miranda-top.gif) no-repeat left top;}
.module-bargain .top{background:url(images/module-bargain-top.gif) no-repeat left top;}
.module-friends .top{background:url(images/module-friends-top.gif) no-repeat left top;}
.module-basket .top{background:url(images/module-basket-top.gif) no-repeat left top;}
.module-basket {float:left}

ul.nav-module {width:170px; font-size:1.1em; margin:8px 0 5px 6px;}
ul.nav-module li{margin-bottom:10px; padding:0 5px 10px 5px; background:url(images/module-nav-border.gif) repeat-x  0 bottom}


/*---------------INDEX---------------*/
#index-banner{width:960px; height:300px; background-image:url(images/banner-index.jpg); float:left; position:relative}
#preview-clip{position:absolute; top:20px; left:580px; border:1px solid #9A0205; background-color:000; height:260px; width:360px}

.movies-list{width:238px; background-color:#1f1f1f; border:1px solid #131313}
.movies-list-left{float:left}
.movies-list-right{float:right}

table.movies{width:230px; font-size:1.1em; margin:0 auto}
table.movies tr td{padding:3px; color:#ededed}

table.movies tr td h2, table.movies tr td h3{color:#e6c97e; text-align:center; width:230px}
table.movies tr td h3{font-weight:bold;}
table.movies tr td.left{width:140px}
table.movies tr td.right{width:90px}

/*---------------MOVIES---------------*/
table#movies-cat{width:500px; margin:0 auto 20px auto; font-size:1.1em;}
table#movies-cat tr td{width:250px; padding:3px; text-align:center; padding-bottom:25px}
table#movies-cat tr td img{border:1px solid #000}

table#movies-cat-bargain{width:280px; margin:0; font-size:1.1em}
table#movies-cat-bargain tr td{ padding:3px; text-align:center; padding-bottom:25px}
table#movies-cat-bargain tr td img{border:1px solid #000}

/*---------------BASKET---------------*/
table#basket,table#downloads, table#address_book,table#basket_my_account {width:530px; background-color:#181818; margin:0 auto 30px auto; font-size:1.1em}
table#basket thead, table#address_book thead, table#basket_my_account thead{height:35px; color:#FFFFFF}
table#basket thead tr th.remove{width:65px; text-align:center}
table#basket thead tr th.product{width:225px;}
table#basket thead tr th.price{width:55px}
table#basket thead tr th.qty{width:100px}

table#basket thead tr th#orderDate{width:188px}
table#basket thead tr th#orderNum{width:124px}
table#basket thead tr th#orderTotal{width:118px}
table#basket thead tr th#orderStatus{width:80px}
table#basket thead tr th#orderView{width:80px}

table#basket thead tr th.sub_total{width:70px; text-align:right; padding-right:5px}
table#basket tbody, table#address_book tbody, table#basket_my_account tbody{background-color:#282828}
table#basket tbody tr td{padding:5px 0}
table#basket tbody tr td.remove{text-align:center}
table#basket tbody tr td.right{text-align:right; padding-right:5px}
table#basket tbody tr td.total{text-align:right; padding-right:5px}

table tr td.total{border-top:1px solid #E6C97E;}
form#basket input{border:none}

table#basket_my_account thead tr th#product{width:300px;}
table#basket_my_account thead tr th#price{width:60px}
table#basket_my_account thead tr th#qty{width:100px}
table#basket_my_account thead tr th#sub_total{width:130px; text-align:right; padding-right:5px}

/*---------------PRODUCT---------------*/
.product_container{margin:5px 0 0 0px; float:left; width:530px; padding-bottom:25px;}
.product_container_big{margin:5px 0 0 0px; background-color:#00f; margin-bottom:12px; float:left; }
.product_container img,.product_container_big img{float:left; border:1px solid #000}
.product_container_big ul.product_summary{float:left; margin-left:10px}
.product_container .title h3{font-weight:bold; margin:8px 0}
.product_container .title a h3 {text-decoration:none}
.product_container .title a:hover h3{text-decoration:underline; color:#E6C97E}

table.products-container{width:530px; margin-bottom:20px;height:200px; border-bottom:1px solid #000 }
table.products-container tr td{font-size:0.85em}
table.products-container tr td h3{font-size:1.1em; font-weight:bold}
table.products-container tr td.products-image{width:185px; }
table.products-container tr td.products-image img{border:1px solid #000}
table.products-container tr td.products-info-outer{width:345px}
table.products-info-inner{width:345px}
table.products-info-inner tr td.left{width:200px; padding:0 0 3px 0}
table.products-info-inner tr td.right{width:145px; text-align:right}
table.products-info-inner tr td.price{font-size:1.2em; font-weight:bold; color:#E6C97E}
table.products-info-inner tr td.desc{padding:8px 0 0 0;}
table.products-container-detail{height:120px; border-bottom:none}

table.products-cont{width:530px; margin-bottom:20px; border-bottom:1px solid #000;}
table.products-cont tr td.screencap{width:322px}
table.products-cont tr td.screencap img{border:1px solid #000; margin-bottom:10px}
table.products-cont tr td.info-cont{width:208px}

table.products-cont-product{margin-bottom:0; border-bottom:none}

table.products-cont tr td.info-cont table.info{width:200px; float:right; border:1px solid #000; margin-bottom:10px; background-color:#202020}
table.products-cont tr td.info-cont table.info tr td{font-size:0.75em; padding:3px}
table.products-cont tr td.info-cont table.info tr td.left{text-align:right; width:62px}
table.products-cont tr td.info-cont table.info tr td.right{text-align:left; width:138px}
table.products-cont tr td.info-cont table.info tr td.title a{font-weight:bold;}
table.products-cont tr td.info-cont table.info table.cta{width:100%}
table.products-cont tr td.info-cont table.info table.cta tr td{width:50%}
table.products-cont tr td.info-cont table.info table.cta tr td.price{font-size:1.4em; color:#E6C97E}
table.products-cont tr td.info-cont table.info table.cta tr td.basket{}

table.products-cont tr td.info-cont table.info-product{border:none; background-color:#282828}

table.basket-two{width:194px; float:right;}
table.basket-two tr td{width:97px}
table.basket-two tr td.price{color:#E6C97E; font-size:1.55em}

ul.product_summary{float:left; width:340px; margin-left:10px; font-size:1.1em; }
ul.product_summary li{margin-bottom:5px}
ul.product_summary li.product-info{width:170px; float:left; clear:left;}
ul.product_summary li.product-info img{margin:-16px 0 0 48px; border:0}
ul.product_summary li.price{float:right; margin:0 0 0 -20px; width:95px; text-align:center; clear:left; color:#E6C97E; font-size:1.5em; font-weight:bold}
ul.product_summary li.add{float:right; margin:30px -60px 0 0; width:80px; clear:left}
ul.product_summary li.desc{float:left; clear:left; width:100%}

.related-cont{width:162px; height:175px; float:left; display:inline; margin-right:14px}
.related-cont .title{font-size:1.1em; font-weight:bold}
.related-cont .title a{text-decoration:none}
.related-cont .screencap img{border:1px solid #000}

ul.product_summary_detail{float:left; width:530px; font-size:1.1em; margin-bottom:20px}
ul.product_summary_detail li.title{color:#d9b156; font-size:1.2em; color:#E6C97E; font-weight:bold; margin-bottom:8px }
ul.product_summary_detail li.still{float:left; margin:0 9px 10px 0}
#add{width:100%; float:left}
p.nostock {font-weight: bold; color: red; }



/*---------------CONTACT---------------*/
body#contact #maincol{width:735px}
ul.contact{margin:0 0 0 50px; float:left; font-size:1.1em}
ul.contact li.address_bold{font-weight:bold}
ul.contact li.tel{margin-top:12px; font-weight:bold}
ul.contact li.fax{font-weight:bold}
ul.contact li.email{margin-top:12px; font-weight:bold}

form#contact{width:400px; float:left}
form#contact label{width:80px;}

/*---------------MY ACCOUNT---------------*/
ul#my_account li.bold{font-weight:bold; margin-top:15px}
ul#my_account li{font-size:0.9em}
#account_new_container{width:180px; float:right; margin-top:10px}
#account_exist_container{width:330px; float:left; border-right:1px solid #BEBEBE; display:inline; margin-top:10px}

#account_exist_container h2, #account_new_container h2{color:#E6C97E; font-weight:bold}
table#address_book tbody tr td{margin:5px 0}


/*---------------DOWNLOADS---------------*/
table#downloads thead tr th, table#downloads tr td{padding:3px; height:30px}
table#downloads thead tr th{background-color:#181818}
table#downloads tr td{background-color:#282828}
table#downloads thead tr th#title{width:374px;}
table#downloads thead tr th#date{width:106px}
table#downloads thead tr th#size{width:50px}

/*---------------CHECKOUT---------------*/
div#checkoutbar { padding: 4px; float:left; width:528px; margin-bottom:10px; font-size:1.1em; background-color:#4F4F4F; border:1px solid #181818}
span.greyout { color: #CCCCCC; }

ul.confirm_address{width:280px; height:180px; float:left; font-size:1.1em}
ul.confirm_address li.title{font-size:1.2em; font-weight:bold; margin-bottom:5px}

ul.confirm_address_short{width:280px; height:auto; float:left; margin-bottom:30px; font-size:1.1em}
ul.confirm_address_short li.title{font-size:1.2em; font-weight:bold; margin-bottom:5px}

ul.confirm_status{width:200px; height:100px}

ul.invoice{ width:280px;}

body#payment #maincol h2{font-size:1.2em; font-weight:bold}
body#payment #maincol h3{width:518px; background-color:#181818; font-size:1.1em; font-weight:bold; padding:6px}
body#payment #maincol form p{background-color:#282828}
table#delivery{width:300px}
table#delivery tr td{font-size:0.9em; padding:3px}

p.submit-right{text-align:right; width:385px}



/*---------------SITEMAP---------------*/
ul#sitemap{margin-left:25px; font-size:1.1em}
ul#sitemap li.sitemap-cat{margin:10px 0}
ul#sitemap li ul{margin-left:10px; font-size:1.0em;}

/*---------------FOOTER---------------*/
#footer{height:40px; line-height:40px; background-color:#282828; clear:both; text-align:center; font-size:1.1em; color:#ededed }


/*---------------MISC---------------*/
div.error, span.special,span.error { font-weight: bold; color: red; }
div.error { font-size: 12px; }

/*---------------RESOURCES---------------*/
ul#category{margin-bottom:20px}
ul#category li{font-size:0.9em}

ul.links{margin-bottom:20px}
ul.links li{font-size:0.9em}
/*---------------FEATURED PRODUCTS---------------*/
table.featured td { width: 50%; vertical-align: top; margin: 10px 5px; padding: 2px; border: 1px solid #CCFF00; }