@charset "UTF-8";
/* CSS Document */

@media screen {
/* **********************************************************
 @NORMALIZES
*************************************************************/
body, div, dl, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, form, fieldset, input, textarea, select, th, td { margin: 0; padding: 0; }
body, h1, h2, h3, h4, h5, h6, p, li, fieldset, label, input, textarea, select, table { font-family:"Trebuchet MS", Arial; font-size: 13px; color: #c4b291; }

h1, h2, h3, h4, h5, h6, p, li { cursor: default; line-height: 1.3em; }
a { color: #c4b291; text-decoration: none; cursor: pointer; }
input.button { cursor: pointer; }
a:hover { color: #f7ecd5; text-decoration: none; }

ol, ul { list-style-type: none; }
address, caption, code, dfn, th, var { font-style: normal; font-weight: normal; }
cite { font-style: italic; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
.sup { position: relative; bottom: 5px; font-size: 8px; }
.small { font-size: 10px; }
.white    { color: #fff; }
.text_brown    { color: #c4b291; }
.text_brown_h1 { color: #fff; }
.text_brown_h2 { color: #f7ecd5; }
.text_leftnav1 { color: #fff; }
.text_leftnav2 { color: #fff; }
.text_leftnav3 { color: #f7ecd5; }
.text_leftnav4 { color: #d2c4a6; }
.text_leftnav5 { color: #d2c4a6; }
.text_leftnavselected { color: #4f4732; }
.text_topnav   { color: #956827; }
.orange_button { color: #d2681f; }
.brown_button  { color: #77663a; }

.content_left  { color: #847348; }
.content_right { color: #504529; }

.float_left  { float: left; display: inline; }
.float_right { float: right; display: inline; }

.hidden { display: none; }


/* **********************************************************
 @LAYOUT
*************************************************************/
html { height: 100%; }
body { width: 100%; margin: 0 auto; text-align: center; min-width: 900px; background: #000; }


/* **********************************************************
 @HEADER
*************************************************************/
#header { height: 140px; position: relative; z-index: 2; margin: 0 auto; width: 910px; text-align: center; }
#header #logo { margin: 0 auto; padding: 20px 0 0 0; width: 332px; height: 73px; background: url(/images/glam_rock_logo.gif) bottom no-repeat; }
#header #logo a { display: block; width: 332px; height: 73px; text-indent: -8888px; }


/* **********************************************************
 @CONTENT
*************************************************************/
#content { background: url(/images/bg_content_repeat.gif) center repeat-y; text-align: left; }
#content_bg { min-height: 500px; background: url(/images/bg_content.gif) center top no-repeat; position: relative; }
* html #content_bg { height: 500px; }

#content #content_fixedcenter { margin: 0 auto; width: 910px; position: relative; }
#content #content_left { float: left; display: inline; width: 207px; }
#content #content_right { float: left; width: 700px; position: relative; min-height: 340px; }
* html #content #content_right { height: 340px; }

/* **********************************************************
 @TOPNAV
*************************************************************/
#topnav { position: relative; margin: 17px 0 0 0; height: 30px; width: 910px; }
#topnav li { display: inline; }
#topnav li a { color: #956827; text-transform: uppercase; background: url(/images/topnav_separator.gif) center left no-repeat; padding: 0 31px; }
#topnav li.first a { padding: 0 27px 0 0; }
#topnav li.last a { padding: 0 0 0 27px; }
#topnav li.selected a, #topnav li a:hover { color: #fff; }
#topnav li.first a { background: none; }
#topnav li ul { display: none; }
#topnav li ul { position: absolute; right: 0; top: 30px; width: 703px; height: 30px; background: #393630; text-align: right; }
#topnav li ul li a, #topnav li.last ul li a  { color: #ada189; text-transform: uppercase; padding: 0 10px; background: none; line-height: 28px; }
#topnav li.selected ul li a { color: #ada189; }
#topnav li ul li.selected a, #topnav li ul li a:hover { color: #fff; }
#topnav li.selected a.shoppingbag { color: #fff; background: none; text-transform: uppercase; padding: 0 0 0 5px; }


/* **********************************************************
 @LEFTNAV
*************************************************************/
#leftnav { padding: 30px 0 30px 0; min-height: 260px; }
* html #leftnav { height: 260px; }
#leftnav li { padding: 2px 0 2px 0; }
#leftnav li li { padding: 2px 0 2px 20px; }
#leftnav li li li { padding: 0 0 0 20px; }
#leftnav li a { color: #fff; text-transform: uppercase; }
#leftnav li.selected a,
#leftnav li.selected li.selected a,
#leftnav li.selected li.selected li.selected a,
#leftnav li.selected li.selected li.selected li.selected a,
#leftnav li.selected li.selected li.selected li.selected li.selected a { color: #4f4732; }
#leftnav li li a, #leftnav li.selected li a { color: #fff; }
#leftnav li li li a, #leftnav li.selected li.selected li a { color: #f7ecd5; text-transform: none; }
#leftnav li li li li a, #leftnav li.selected li.selected li.selected li a { color: #d2c4a6; }
#leftnav li li li li li a, #leftnav li.selected li.selected li.selected li.selected li a { color: #d2c4a6; }
/* @bullets */
#leftnav li li li { background: url(/images/bullet_leftnav1.gif) 10px 6px no-repeat; }
#leftnav li li li.selected { background: url(/images/bullet_leftnav2.gif) 10px 6px no-repeat; }
#leftnav li li li.selected li { background: none; }
/* @hover */
#leftnav a:hover { color: #4f4732 !important; }


/* **********************************************************
 @VIDEO
*************************************************************/
#leftnav li.video { padding: 17px 0 17px 20px; }
#leftnav li.selected li.video a { color: #ee7821; }
#videopanel { width: 650px; height: 365px; padding: 15px; background: url(../images/bg_video.png) no-repeat; position: absolute; top: 30px; left: 230px; z-index: 5; }
#videopanel #video { width: 650px; height: 365px; position: absolute; top: 15px; left: 15px; z-index: 6;  }
#videopanel #loading { width: 650px; height: 365px; position: absolute; top: 15px; left: 15px; z-index: 5; }
#videopanel #close { width: 15px; height: 15px; position: absolute; top: 0; right: 0; z-index: 7; }


/* **********************************************************
 @PRODUCTS LISTING
*************************************************************/
#products { margin-top: 145px; }
#products { width: 680px; margin-left: 20px; text-align: center; }
#products li { width: 160px; padding: 0 5px; text-align: center; float: left; display: inline; overflow: hidden; padding-bottom: 55px; }
#products.root { width: 600px; margin-left: 50px; text-align: center; }
#products.root li { width: 180px; text-align: center; float: left; display: inline; padding-bottom: 55px; }
#products img { position: relative; z-index: 2; }
 
span.preload { width: 196px; height: 196px; background: url(../images/preload.gif) center no-repeat; position: absolute; top: 0; left: 0; z-index: 0; }
span.thumb { width: 196px; height: 196px; display: block; position: relative; z-index: 1; margin: 0 auto; position: relative; overflow: hidden; }
span.thumb img { width: 196px; height: 196px; display: block; }
span.shadow { width: 92px; height: 35px; background: url(/images/shadow.png) no-repeat; display: block; position: relative; z-index: 0; margin: -24px auto 0 auto; }
span.thumb { margin-left: -15px; }
span.soldout { font-size: 12px; font-style: italic; color: #956827; }
#products.root span.thumb { margin-left: 0px; }
#products.root .time_pieces span.thumb, .time_pieces span.thumb { margin-left: -20px; }
#products span.thumb a:hover { position: relative; top: -4px; }

#button_previous, #button_previous a, #button_next, #button_next a  { width: 93px; height: 24px; position: absolute; }
#button_previous { left: 30px; top: 90px; }
#button_next { right: 0; top: 90px; }
#button_previous a, #button_next a { display: block; line-height: 24px; font-size: 11px; color: #fff; }
#button_previous a:hover, #button_next a:hover { color: #c4b291; }
#button_previous a { background: url(/images/bg_previous.png); text-indent: 15px; }
#button_next a { background: url(/images/bg_next.png); text-indent: 50px; }


/* **********************************************************
 @SINGLE PRODUCT
*************************************************************/
#singleproduct { width: 698px; min-height: 501px; }
* html #singleproduct { width: 698px; height: 501px; }
#singleproduct #image { position: absolute; z-index: 0; display: block; margin-left: -20px; width: 500px; height: 500px; }
* html #singleproduct #image img { display: block; width: 500px; height: 500px; }
#singleproduct #zoomimage { position: absolute; z-index: 1; margin-left: -20px; }
#singleproduct #zoombutton { position: absolute; z-index: 1; top: 470px; left: 400px; }
#singleproduct #zoombutton a img { position: relative; top: 4px; }
#singleproduct #rightcolumn { position: relative; z-index: 1; float: right; display: inline; width: 240px; /*update*/ min-height: 501px; height: auto; /*update*/ overflow: hidden; }
/*update*/ * html #singleproduct #rightcolumn { height: auto; } /*update*/
#singleproduct #rightcolumn h1 { font-size: 15px; color: #fff; font-weight: normal; margin-top: 18px; }
#singleproduct #rightcolumn h2 { font-size: 12px; font-weight: normal; margin-bottom: 20px; }
#singleproduct #rightcolumn p,
#singleproduct #rightcolumn li,
#singleproduct #rightcolumn a, 
#singleproduct #rightcolumn select { font-size: 12px; }
/*@tabs*/
#singleproduct #rightcolumn #tabs li { float: left; padding: 7px 10px; background: #716a57; }
#singleproduct #rightcolumn #tabs li.selected { background: #635b45; }
#singleproduct #rightcolumn #tabs li.livechat { background: none; position: relative; }
#singleproduct #rightcolumn #tabs li.livechat img { position: absolute; top: -15px; left: 25px; }
/*@panels*/
#singleproduct #rightcolumn #panels { position: relative; }
#singleproduct #rightcolumn #panels li { padding: 6px 30px 6px 10px; background: #4b4126 url(/images/bg_panels.gif) repeat-x; display: none; height: 145px; overflow: hidden; }
#singleproduct #rightcolumn #panels li.selected { display: block; }
#singleproduct #rightcolumn #panels li.selected li { background: url(/images/bullet_leftnav1.gif) 6px 5px no-repeat; padding: 0 0 8px 16px; display: block; height: auto; overflow: visible; }
#singleproduct #rightcolumn #panels li.scrollup { position: absolute; display: block; background: none; top: 10px; right: 15px; padding: 0; }
#singleproduct #rightcolumn #panels li.scrolldown { position: absolute; display: block; background: none; top: 27px; right: 15px; padding: 0; }
/*@price*/
#singleproduct #rightcolumn #price li { float: left; margin: 10px 0 7px 0; line-height: 28px; padding: 0 15px 0 0 }
#singleproduct #rightcolumn #price li h3 { font-size: 15px; color: #fff; font-weight: normal; line-height: 26px; }
#singleproduct #rightcolumn #price li select { color: #4f4732; }
/*@wireframes*/
#singleproduct #rightcolumn .additional { position: absolute; right: 0; bottom: 81px; }
#singleproduct #rightcolumn #wireframes { }
#singleproduct #rightcolumn #wireframes li { float: left; margin: 10px 0 12px 0; }
#singleproduct #rightcolumn #wireframes .wireframe { width: 58px; height: 66px; display: block; }
.wireframe#casecovers_chrono { background: url(/images/wireframe_casecovers_chrono.png) no-repeat; }
.wireframe#casecovers_single { background: url(/images/wireframe_casecovers_single.png) no-repeat; }
.wireframe#straps_chrono { background: url(/images/wireframe_straps_chrono.png) no-repeat; }
.wireframe#straps_single { background: url(/images/wireframe_straps_single.png) no-repeat; }
.wireframe#timepieces_chrono { background: url(/images/wireframe_timepieces_chrono.png) no-repeat; }
.wireframe#timepieces_single { background: url(/images/wireframe_timepieces_single.png) no-repeat; }
.wireframe#casecovers_chrono:hover { background-position: left bottom; }
.wireframe#casecovers_single:hover { background-position: left bottom; }
.wireframe#straps_chrono:hover { background-position: left bottom; }
.wireframe#straps_single:hover { background-position: left bottom; }
.wireframe#timepieces_chrono:hover { background-position: left bottom; }
.wireframe#timepieces_single:hover { background-position: left bottom; }


/* **********************************************************
 @TEXT PAGES
*************************************************************/
#textpage { width: 698px; min-height: 500px; }
* html #textpage { height: 500px; }
#textpage .padding { padding: 0 0 0 180px; }
#textpage h1 { font-size: 15px; color: #fff; font-weight: normal; padding: 35px 0 15px 0; text-transform: uppercase; }
#textpage #scrolling h1 { font-size: 15px; padding: 0; color: #fff; font-weight: normal; text-transform: uppercase; }
#textpage #scrolling h2 { font-size: 14px; color: #fff; font-weight: normal; text-transform: uppercase; }
#textpage #scrolling h3 { font-size: 13px; color: #fff; font-weight: normal; text-transform: uppercase; }
#textpage #scrolling h4 { color: #fff; font-weight: normal; }
#textpage #scrolling h5 { color: #fff; font-weight: normal; }
#textpage #scrolling p { padding: 0 0 10px 0; }
#textpage #scrolling ol { padding: 0 0 0 25px; list-style-type: decimal; }
#textpage #scrolling ol li { margin-bottom: 2em; text-align: justify; }
#textpage #scrolling ol ul { padding: 0 0 0 20px; list-style-type: square; }
#textpage #scrolling ol ul li { margin-bottom: 0; }
#textpage #scrolling ul { padding: 0 0 0 25px; list-style-type: square; }
#textpage #scrolling ul li { margin-bottom: 0; }

/*@imagepage*/
#imagepage { width: 698px; min-height: 500px; }
* html #imagepage { height: 500px; }
#imagepage .padding { padding: 0 0 0 30px; }
#imagepage h1 { font-size: 15px; color: #fff; font-weight: normal; padding: 35px 0 15px 0; text-transform: uppercase; }


/*@scroll*/
#textpage #scrolling { width: 510px; padding-right: 10px; height: 400px; overflow: auto; }
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; }
.jScrollPaneDrag { position: absolute; background: url(/images/vscroller.gif) left; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; background: url(/images/vscroller.gif) 0px -11px; height: 11px; }
.jScrollPaneDragBottom { position: absolute; bottom: -1px; left: 0; overflow: hidden; height:3px; background: url(/images/vscroller.gif); height: 10px; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; background: url(/images/vscroller.gif) 17px 0px;}
a.jScrollArrowUp:hover { }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; background: url(/images/vscroller.gif) 17px -10px; }
a.jScrollArrowDown:hover { }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { }


/* **********************************************************
 @SHOPPING BAG
*************************************************************/
#textpage h1 { font-size: 15px; color: #fff; font-weight: normal; padding: 35px 0 15px 0; text-transform: uppercase; }
/*@zoom*/
/*#textpage .bag_zoom a, #textpage .bag_info a { position: relative; }*/
#textpage .bag_zoom .zoom_holder  { position: relative; top: 0; left: 0px; width: 1px; height: 1px; font-size: 0; line-height: 0; }
#textpage .bag_zoom .thumbnail { width: 196px; height: 196px; position: absolute; top: 25px; left: 0px; z-index: 2; background: url(/images/thumb_bg.jpg) no-repeat; border: 1px solid #998766; }
#textpage .bag_zoom .thumbnail span { width: 196px; height: 196px; display: block; }
* html #textpage .thumbnail span { width: 196px; height: 194px; }
/*@info*/
#textpage .bag_info .info_holder { position: relative; top: 10px; left: -8px; width: 1px; height: 1px; font-size: 0; line-height: 0; }
#textpage .bag_info .info { width: 204px; height: auto; position: absolute; top: 0; left: 0; z-index: 2; background: url(/images/bg_info.png) no-repeat; font-size: 12px; line-height: 1.25em; }
#textpage .bag_info .info span { margin: 15px 10px 10px 10px; display: block; }
#textpage .bag_info a .info { color: #c4b291; }
#textpage .bag_quantity select { width: auto; }
/*@buckle*/
#textpage .bag_buckle div.buckle_holder {} 
#textpage .bag_buckle div.buckle_holder div.buckle_holder2 { position: relative; top: 0; left: -8px; width: 1px; height: 1px; font-size: 0; line-height: 0; }
#textpage .bag_buckle .buckle_holder .buckle { width: 70px; position: absolute; top: 0; left: 0; z-index: 2; background: transparent url(/images/bg_info2.gif) no-repeat left top; text-align: center; padding-bottom: 12px; }
#textpage .bag_buckle .buckle_holder .buckle span { display: block; width: 70px; }
#textpage .bag_buckle .buckle_holder .buckle span a { display: block; }
#textpage .bag_buckle .buckle_holder .buckle span a img { margin: 15px auto 0 auto; display: block; width: 45px; height: 37px; }
#textpage .bag_buckle .buckle_holder .buckle span a img.selected { border: 1px solid #c4b291; }

/*@table layout*/
#textpage table { margin: 25px 0 0 0; }
#textpage table.bag_holder { margin: 0 0 0 0; }
#textpage table.bag_holder td.item_text { padding-top: 10px; color: #fff; }
#textpage tr { vertical-align: baseline; }
#textpage .bag_name { width: 110px; }
#textpage .bag_zoom { width: 15px; }
#textpage .bag_info { width: 15px; }
#textpage .bag_quantity { width: 50px; }
#textpage .bag_remove { width: 75px; font-size: 11px; color: #4f4732; /*text-transform: uppercase;*/ padding-left: 7px; }
#textpage .bag_remove a { color: #C4B291; }
#textpage .bag_buckle { width: 70px; font-size: 12px; }
#textpage .bag_price { width: 70px; text-align: right; }
#textpage .bag_text { color: #C4B291; font-style: italic; }
/*@bag summary*/
#textpage #bag_summary { text-align: right; width: 410px; padding-bottom: 20px; }
#textpage #bag_summary h2 { color: #fff; font-size: 15px; font-weight: normal; padding: 5px 0 10px 0; }
#textpage #bag_summary a { color: #fff; text-transform: uppercase; font-size: 12px; }
#textpage #bag_summary a:hover { color: #c4b291; }
/*@bag form*/
#textpage .left_column { float: left; width: 280px; display: inline; position: relative; }
#textpage .right_column { float: left; width: 230px; display: inline; position: relative; }
#textpage p, #textpage label, #textpage a, #textpage input, #textpage select, #textpage td { font-size: 12px; }
#textpage input.text { background: #635a46; border: 1px solid #7a6f57; padding: 1px 0 0 5px; width: 224px; }
#textpage textarea.text { background: #635a46; border: 1px solid #7a6f57; padding: 1px 0 0 5px; width: 224px; }
#textpage select { background: #635a46; border: 1px solid #7a6f57; padding: 0; width: 227px; height: 22px; }
#textpage input.orange { background: #d2681f; padding: 5px 10px; border: none; color: #fff; cursor: pointer; overflow: visible; }
#textpage a.orange { background: #d2681f; padding: 6px 10px; border: none; color: #fff; cursor: pointer; display: block; overflow: visible; }
input.orange:hover, a.orange:hover { background: #e77725; }
#textpage .buttonleft { position: absolute; top: 200px; }
#textpage .buttonright { position: absolute; top: 200px; }
#textpage input.normal { background: none; border: none; color: #fff; text-transform: uppercase; cursor: pointer; padding: 0; margin: 0; overflow: visible; }
#textpage input.normal:hover { color: #c4b291; }
/*@bag form double columns*/
#textpage .short_form { float: left; margin-right: 3px; display: inline; }
#textpage .short_form input.text { background: #635a46; border: 1px solid #7a6f57; padding: 1px 0 0 5px; width: 107px; }
#textpage .short_form select { background: #635a46; border: 1px solid #7a6f57; padding: 0; width: 112px; height: 21px; }
#textpage .wide input.text { width: 140px; }
#textpage .narrow input.text { width: 70px; }

/* **********************************************************
 @SEARCH
*************************************************************/
#search { width: 174px; height: 22px; border: 1px solid #74694f; position: relative; left: 0; display: block; }
#search input { margin: 0; padding: 0; position: relative; border: none; background: none; }
#search input.text { top: -3px; width: 144px; padding: 0 0 0 5px; }
#search input.image { top: 2px; }
#search_message { position: absolute; bottom: 0px; width: 700px; }
#search_message p { text-align: center; font-size: 12px; color: #7b7052; }
#search_message p.white { color: #fff; }


/* **********************************************************
 @BACK
*************************************************************/
#button_back { width: 174px; height: 32px; position: absolute; bottom: 30px; display: block; }


/* **********************************************************
 @FOOTER
*************************************************************/
#footer ul { margin-top: 10px; }
#footer ul li { display: inline; }
#footer ul li a { font-size: 11px; text-transform: uppercase; color: #434242; padding: 3px; }
#footer ul li a:hover { color: #fff; }
#footer p { font-size: 11px; padding: 10px 0 15px 0; text-transform: uppercase; color: #656565; }


/* **********************************************************
 @MISC 
*************************************************************/
.clear { height: 0; clear: both; font-size: 0 !important; line-height: 0 !important; }
#rss { background: url(/images/rss_icon.gif) no-repeat; }
#what_is_this { position: absolute; left: 520px; width: 150px; margin-top: 12px; line-height: 15px; font-size: 11px; background: white; border: 1px solid #adadad; color: #686868; padding: 5px 10px;  }
.line { height: 1px; clear: both; font-size: 0 !important; line-height: 0 !important; background: url(/images/bg_line.png) no-repeat; margin: 10px 0; }
#note { display: none; position: absolute; left: 300px; top: 15px; }


/* **********************************************************
 @BUTTONS 
*************************************************************/
.button_orange, .button_brown, .button_disabled { padding: 4px 10px; line-height: 29px; width: 130px; color: #fff; }
.button_orange:hover, .button_brown:hover, .button_disabled:hover { color: #fff; }
.button_orange { background: #d2681f; }
.button_orange:hover { background: #e77725; }
.button_brown { background: #77663a; }
.button_brown:hover { background: #877443; }
.button_disabled { background: #636059; color: #ccc; }
.button_disabled:hover { background: #716e66; color: #ccc; }
#singleproduct .button_orange, #singleproduct .button_brown, #singleproduct .button_disabled { display: block; width: 134px; padding: 0px 10px; margin-bottom: -14px; }


/* **********************************************************
 @SYSTEM MESSAGES
*************************************************************/
p.crash { width: auto; height: auto; font-weight: bold; position: relative; top: 10px; margin: 0 0 10px 0; padding-left: 10px; border-left: solid 10px #e96c6c; }
p.crash span { line-height: 16px; text-transform: uppercase; color: #fff; }

p.bless { width: auto; height: auto; font-weight: bold; position: relative; top: 10px; margin: 0 0 10px 0; padding-left: 10px; border-left: solid 10px #a5c26f; }
p.bless span { line-height: 16px; text-transform: uppercase; color: #fff; }

p.note { width: auto; height: auto; font-weight: bold; position: relative; top: 10px; margin: 0 0 10px 0; padding-left: 10px; border-left: solid 10px #91b4ca; }
p.note span { line-height: 16px; text-transform: uppercase; color: #fff; }

.crash { margin: 0 52px 0 0 !important; }
.bless { margin: 0 52px 0 0 !important; }
}
/* **********************************************************
 @SAFARI ONLY
*************************************************************/
/*
@media screen and (-webkit-min-device-pixel-ratio:0){
}
*/