/*\*/  * html p, * html div { height: 1%; } *:first-child+html p, *:first-child+html div { min-height: 0%; }  /**/

body { margin: 0; font-size: 100.01%; background: #fafafa url(images/idw-body.jpg) no-repeat top center; background-attachment: fixed;  text-align: center; font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, Helvetica, sans-serif; color: #808080;  }

h1, h2, h3, h4, h5, h6 { text-transform: capitalize;  font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; }

img { border: none; }

a:link {	color: #1680b5;}
a:visited {	color: #3e7692;}
a:hover {	color: #06adff;}
a:active {	color: #06adff;}


h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.0em; }
h6 { font-size: .8em; }
p { font-size: 1em; margin: 1em 0; }

#top-menu {  }
#menu {  }
#header h1 { font-size: 1.4em; }
#header h1 strong { font-size: .6em; }
#top-menu { font-size: .9em; }
#header-cart ul { font-size: .9em; }
#header-search li { font-size: .9em; }
#main-breadcrumb { font-size: .9em; }
#home-title { font-size: 1.1em; }
#main-col { font-size: 1em; }
#nav-horizontal { font-size: .9em; }
#footer li { font-size: .9em; }
.category-tree a { font-size: 1.2em; }
.nav-strip { font-size: .9em; }
.thumb-name a { font-size: 1em; } 
.thumb-price, .thumb-retail, .thumb-yousave, .thumb-descr { font-size: .9em; }
.display-box h1 { font-size: 1.2em; }
.display-details p, .display-details li, .display-details label, .display-details font {  }
.account-links h4 { font-size: 1em; }
.prod-table th { font-size: .9em; }
.prod-table td, .prodrow-total th, .prodrow-subtotal th  { font-size: 1em; }
.cart-items-added h3 { font-size: 1.2em; }
input, select, textarea { font-size: 1em; }
li, li li { font-size: 1em; }
table { font-size: .9em; }
table table { font-size: 1em; }


em { font-style: italic; }
strong { font-weight: bold; }
hr { height: 2px; line-height: 2px; color: #CCC; background-color: #CCC; border: none; border-bottom: 1px solid white; }
label { cursor: pointer; }
select, textarea { border: 1px solid #ccc; }


/* ----------------------- Generic Elements ----------------------------- */

.menu-sep {  }
.breadcrumbs { display: block; }
.errortext { color: #cc431f !important; }
.error { color: #cc431f !important; padding: 16px !important; margin: 2px !important; background: #fdf2d4; border: 1px solid #cc431f; font-size: 1.2em; display: block; }
.narrow { letter-spacing: -1px !important; }
.wider { letter-spacing: 1px !important; }
.allcaps { text-transform: uppercase;  }
.clear { clear:both; height: 1px; line-height: 1px; overflow:hidden; }
.floatleft { float: left; margin: 0 2px; }
.floatright { float: right; margin: 0 2px; }
img.floatleft { margin-right: 10px; }
img.floatright { margin-left: 10px; }
.center { text-align: center; }
.nomargin { margin: 0; }
.strong { font-weight: bold; }
.nobr { white-space: nowrap; }
.plainlist { list-style: none; padding: 0; margin: 0; }
.plainlist li { list-style: none; padding: 0; margin: 0; }
.dl { margin: 0; padding: 0; list-style: none; }
.dl li { clear: both; padding: 3px 0; margin: 0; }
.dl li span { width: 30%; float: left; overflow: hidden; }
.dl li strong { width: 65%; float: left; padding: 0 0 0 3%; font-weight: normal; overflow: hidden; }
.dl li:after { content: "."; display: block; clear: both; visibility: hidden; height: 0px; }
.padded { padding: 10px; }

/*--------------------------- Layout & Misc Stuff ---------------------------*/

#outer-layout { margin:auto; }
#layout { width: 774px; margin: 0 auto; position: relative; background: #fff; border: 5px solid #fff; border-width: 0 1px; text-align: left; }

#top { position: absolute; top: 0px; left: 0; width: 774px; height: 80px; }

#header { background: #333 url(images/idw-hdr.gif) repeat-x top right; color: white; position: relative; width: 774px; height: 77px; }

#header a:link, #header a:visited, #menu a:link, #menu a:visited, #top-menu a:link, #top-menu a:visited { color: #f5f5f5; }
#header a:hover, #header a:active, #menu a:hover, #menu a:active, #top-menu a:hover, #top-menu a:active, #menu-main a:hover, #menu-main a:active { color: #fff; }

#header h1 { float: left; width: 310px; height: 50px; text-indent: -9000px; overflow: hidden; background: url(images/idw-logo.gif) no-repeat top right; margin: 0 0 0 10px; font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif; font-weight: normal;  }
#header h1 strong { font-weight: normal; display: block; }

#header-banner { display: none; }

#top-menu { float: right; width: 440px; height: 28px; line-height: 28px; margin: 0; padding: 0; text-align: right; list-style: none; }
#top-menu li { padding: 0 10px 0 0; margin: 0; display: inline; }
#top-menu li a:link, #top-menu li a:visited {  }


#nav-horizontal { clear: both; height: 27px; padding: 0; margin: 0; position: relative; width: 773px;  }
#nav-horizontal ul { margin: 0; padding: 0; border: 0; list-style: none; background: transparent;  height: 27px; width: 542px; floaT: right; }
#nav-horizontal li { margin: 0; padding: 0; float: left; background: transparent; position: relative; line-height: 27px; width: 107px; height: 27px; }
#nav-horizontal li a { margin: 0; padding: 0; border: 0; float: left; text-align: center; width: 107px; height: 27px; text-indent: -900px; outline: none; overflow: hidden; }
#nav-horizontal li a:link, #nav-horizontal li a:visited, #nav-horizontal li a:active { color: white; font-weight: normal; }
#nav-horizontal li a:hover { color: #ADD8E6; }

#nav-horizontal li.printlabs a { background: url(images/idw-tab-printlabs.gif) no-repeat top left; }
#nav-horizontal li.photographers a { background: url(images/idw-tab-photographers.gif) no-repeat top left; }
#nav-horizontal li.artists a { background: url(images/idw-tab-artists.gif) no-repeat top left; }
#nav-horizontal li.agencies a { background: url(images/idw-tab-agencies.gif) no-repeat top left; }
#nav-horizontal li.partners a { background: url(images/idw-tab-partners.gif) no-repeat top left; }

#nav-horizontal li.printlabs a:hover { background: url(images/idw-tab-printlabs.gif) no-repeat bottom left; }
#nav-horizontal li.photographers a:hover { background: url(images/idw-tab-photographers.gif) no-repeat bottom left; }
#nav-horizontal li.artists a:hover { background: url(images/idw-tab-artists.gif) no-repeat bottom left; }
#nav-horizontal li.agencies a:hover { background: url(images/idw-tab-agencies.gif) no-repeat bottom left; }
#nav-horizontal li.partners a:hover { background: url(images/idw-tab-partners.gif) no-repeat bottom left; }

#nav-horizontal ul.printlabs li.printlabs a { background: url(images/idw-tab-printlabs.gif) no-repeat center left; }
#nav-horizontal ul.photographers li.photographers a { background: url(images/idw-tab-photographers.gif) no-repeat center left; }
#nav-horizontal ul.artists li.artists a { background: url(images/idw-tab-artists.gif) no-repeat center left; }
#nav-horizontal ul.agencies li.agencies a { background: url(images/idw-tab-agencies.gif) no-repeat center left; }
#nav-horizontal ul.partners li.partners a { background: url(images/idw-tab-partners.gif) no-repeat center left; }

#nav-horizontal li.printlabs a:active { background: url(images/idw-tab-printlabs.gif) no-repeat center left; }
#nav-horizontal li.photographers a:active { background: url(images/idw-tab-photographers.gif) no-repeat center left; }
#nav-horizontal li.artists a:active { background: url(images/idw-tab-artists.gif) no-repeat center left; }
#nav-horizontal li.agencies a:active { background: url(images/idw-tab-agencies.gif) no-repeat center left; }
#nav-horizontal li.partners a:active { background: url(images/idw-tab-partners.gif) no-repeat center left; }

#nav-horizontal ul ul { display: none; }




#header-search { border-top: 1px solid #efebe6;  margin: 0; height: 1px; overflow: hidden; }
#header-search form { margin: 1px 0 0 0; background: #fff url(images/idw-box1.gif) repeat-x bottom left; padding: 5px 10px; height: 68px; }
#header-search input { vertical-align: middle; }
#header-search .input { margin: 0; padding: 0; position: relative; width: 280px; height: 21px; background: #fdfdfd url(images/idw-input.gif) repeat-x top left; border: 1px solid #ccc; border-bottom: 1px solid #bbb;   }
#header-search .btn-search { width: 74px; height: 23px; background: #555 url(images/idw-btn1.gif) no-repeat center center; border: 0px none; color: white; font-weight: bold;  }
#header-search h4 { margin: 0 0 5px 0; font-weight: normal; letter-spacing: 3px; }
#header-search span { padding: 0 20px 0 0; }
#header-search label { line-height: 20px; font-weight: normal; }
#header-search ul { padding: 0; margin: 5px 0 0 0; list-style: none;  }
#header-search li { padding: 0 10px 0 0; margin: 0; display: inline; letter-spacing: 1px; }
#header-search a:link, #header-search a:visited { color: #555; }

#menu-login, #menu, #header-cart { display: none; }

/*
#menu-login { padding: 0; margin: 0; list-style: none; position: absolute; top: -105px; left: 20px; width: 426px; z-index: 999; text-align: left; }
#menu-login h4 { font-weight: normal; text-align: left; margin: 0; font-size: 1em; }
#menu-login p { float: left; margin: 0; width: 70px; }
#menu-login p input { position: relative; top: -2px; display: block; width: 5em; height: 14px; background: white url(images/th-grad-lite-minitopleft.png) no-repeat top left; }
#menu-login-check { position: absolute; left: 210px !important; top: 6px !important; width: 80px  !important; padding-left: 20px;}
#menu-login-check input { position: absolute !important; left: 0 !important; top: 2px !important; width: 15px !important; height: 15px !important; }
#menu-login .btn-s { margin-top: 7px; font-weight: bold;  }
#menu-login-links { position: absolute; right: 16px; top: 2px; text-align: right; width: 120px; }
#menu-login-links h5 { margin: 0;   }
#menu-login-logged { width: 400px !important; text-align: right; }
*/
#menu-loggedin { text-align:right; margin-right: 1em}
#content { position: relative; padding-top: 101px; }


#main-col { position: relative; }
/*#main-col-wrap { min-height: 300px; background: url(images/wrap_bg.gif) 0 0 repeat-y; }*/
#main-col-wrap { min-height: 300px; }

#right-col { width: 200px; float: left; margin: 0 0 0 10px; }

#mid-col { width: 380px; float: left; }

#home-page { padding: 0 5px 20px 5px; }

#main-col h1 { margin: 10px 0px; overflow: hidden; font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif; font-weight: normal;  }
#left-col h2 { font-size: 14px; color: white; margin: 3px; line-height: 30px; height: 30px; text-indent: 10px; display: none; }
#main-col h1 a:link, #main-col h1 a:visited { color: white; text-decoration: none; }
#main-col h1 a:hover, #main-col h1 a:active { color: #ccc; }
#main-col h1 small { font-size: 18px; }

#main-title {  }
#main-content {  }

#main-breadcrumb { line-height: 25px; height: 22px; padding: 0 10px; width:600px; float:left; }
#main-breadcrumb a, #main-breadcrumb a:visited {  }

#sales-chat {padding-top:2px; }

.side-box { display: none; background: url(images/sidesub.jpg) no-repeat top left;  color: white; padding: 20px 5px 5px 20px; }
.side-box h5 { margin: 0 0 5px 0; font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif; }
.side-box input {  width: 150px; background: white url(images/th-grad-lite-minitopleft.png) no-repeat top left; border: 1px solid black;  }
.side-box a, .side-box a:visited { color: white; }

#footer { background: #222 url(images/th-footer.png) repeat-x top left; text-align: left; color: white; padding: 10px;  }
#footer ul { margin: 0; padding: 10px 0; list-style: none; }
#footer li { margin: 0; padding: 0 10px 0 0; display: inline; }
#footer a { color: white; }
#footer h6 { margin: 0; line-height: 20px; }

#fontchooser {
    float: right;
    width: 100px;
    height: 32px;
    padding: 10px;
}

#fontchooser a {
    text-decoration: none;
     margin: 0 1px;  
     padding: 2px 5px 0; 
     border: 1px solid #aaa; 
     vertical-align: bottom;
}

#fontchooser a:hover {
    background: black;
}

#sidebar {
    float: left;
    width: 175px;
    min-height: 400px;
    background: url(images/idw-sidebox.gif) no-repeat top right;
}
*html #sidebar {
    height: 400px;
}

#sidebar ul {
    margin: 0;
    padding: 10px;
    list-style: none;
}

#sidebar ul li {
    padding: 5px 0;
    margin: 0;
}

*html #sidebar ul li {
    height: 1px;
}

#sidebar ul li a {
    text-decoration: none;
    font-size: 1.2em;
}

#product {
    float: left;
    width: 594px;
    margin-right: 8px;
    /*padding: 10px 20px;
    background: url(images/idw-box-main.gif) no-repeat top left;*/
    overflow:hidden;
}


#sidebar-right {
    float: left;
    width: 168px;
    padding-left: 10px;
}

#right-menu {
    background: #4c443e url(images/idw-sidebox-top.gif) no-repeat top left;
    width: 156px;
    margin: 10px 0 0 0;
}

#right-menu ul {
    margin: 0; 
    padding: 5px 0 0 0;
    list-style: none;
    background: url(images/idw-sidebox-btm.gif) no-repeat bottom left;
}

#right-menu li {
    margin: 0;
    padding: 3px 10px;
}

#right-menu a, #right-menu a:visited {
    color: #f3f3f3;
    font-weight: bold;
    text-decoration: none;
}

#right-menu a:hover, #right-menu a:active {
    color: #fff;
}

#contact-tab {
    color: white;
    font-weight: bold;
    text-decoration: none;
    background: #f26425 url(images/idw-contact-box.gif) no-repeat top left;
    width: 156px;
    height: 30px;
    margin-top: 10px;
    line-height: 30px;
    display: block;
    text-indent: 10px;
}





h1#home-title {
    margin: 2px 0;
    background: url(images/idw-title.gif) no-repeat center left;
    color: #555;
    line-height: 38px;
    height: 34px;
    padding: 0 10px;
}


#home-promo {
    width: 760px;
    height: 205px;
    text-indent: -3000px;
    overflow: hidden;
    background: url(images/banner.png) no-repeat center center;
}

#printlabs-box {
    float: left;
    width: 252px;
    height: 437px;
    background: #06aed7 url(images/idw-box-photolabs.jpg) no-repeat top left;
    color: white;
    position: relative;
}

#photographers-box {
    float: left;
    width: 252px;
    height: 437px;
    background: #ee460c url(images/sell_images_online.jpg) no-repeat top left;
    color: white;
    position: relative;
}

#artists-box {
    float: left;
    width: 252px;
    height: 437px;
    background: #7da508 url(images/sell_art_online.jpg) no-repeat top left;
    color: white;
    position: relative;
}


#agencies-box {
    float: left;
    width: 504px;
    height: 224px;
    background: #d10866 url(images/idw-box-agencies.jpg) no-repeat top left;
    color: white;
    position: relative;
}

#partners-box {
    float: left;
    width: 252px;
    height: 224px;
    background: #ff9c00 url(images/idw-box-partners.jpg) no-repeat top left;
    color: white;
    position: relative;
}



#printlabs-box h2 {
    margin: 200px 0 10px 22px;
    font-size: 1.3em;
    font-weight: bold;
}

#photographers-box h2 {
    margin: 200px 0 10px 22px;
    font-size: 1.3em;
    font-weight: bold;
}

#artists-box h2 {
    margin: 200px 0 10px 22px;
    font-size: 1.3em;
    font-weight: bold;
}

#agencies-box h2 {
    margin: 22px 0 10px 270px;
    font-size: 1.3em;
    font-weight: bold;
}

#partners-box h2 {
    margin: 22px 0 10px 22px;
    font-size: 1.3em;
    font-weight: bold;
}





#printlabs-box .box-tagline strong a {
    color: #06aed7 !important;
}

#photographers-box .box-tagline strong a {
    color: #ee460c !important;
}

#artists-box .box-tagline strong a {
    color: #7da508 !important;
}

#agencies-box .box-tagline strong a {
    color: #d10866 !important;
}



#printlabs-box strong a, #printlabs-box strong a:visited, #printlabs-box h2 a, #printlabs-box h2 a:visited {
    color: #fff;
    text-decoration: none;
}

#photographers-box strong a, #photographers-box strong a:visited, #photographers-box h2 a, #photographers-box h2 a:visited {
    color: #fff;
    text-decoration: none;
}
 
#artists-box strong a, #artists-box strong a:visited, #artists-box h2 a, #artists-box h2 a:visited {
    color: #fff;
    text-decoration: none;
}

#agencies-box strong a, #agencies-box strong a:visited, #agencies-box h2 a, #agencies-box h2 a:visited {
    color: #fff;
    text-decoration: none;
}

#partners-box strong a, #partners-box strong a:visited, #partners-box h2 a, #partners-box h2 a:visited {
    color: #fff;
    text-decoration: none;
}



#printlabs-box p, #photographers-box p, #artists-box p, #agencies-box p, #partners-box p {
    margin: 0 10px 10px 22px;
    font-size: .9em;
    line-height: 1.5em;
}

#agencies-box p {
    margin: 0 10px 10px 250px;
}

#partners-box p {
    margin: 60px 10px 10px 22px;
}

#printlabs-box p.box-tagline strong a, #photographers-box p.box-tagline strong a, #artists-box p.box-tagline strong a, #agencies-box p.box-tagline strong a, #partners-box p.box-tagline strong a, 
#printlabs-box p.box-tagline strong a:visited, #photographers-box p.box-tagline strong a:visited, #artists-box p.box-tagline strong a:visited, #agencies-box p.box-tagline strong a:visited, #partners-box p.box-tagline strong a:visited {
    font-weight: normal;
}

#printlabs-box p.box-tagline, #photographers-box p.box-tagline, #artists-box p.box-tagline, #agencies-box p.box-tagline, #partners-box p.box-tagline {
    margin: 0;
    color: white;
    font-size: .9em;
    width: 85px;
    height: 80px;
    position: absolute;
    top: 84px;
    left: 154px;
    line-height: 1.5em;
}



/* ---------------------------- Formstuff  -------------------------------*/

.fieldgroup { width: 98%; margin: auto; }
.formfield, .fieldgroup p, .fieldgroup div { height: 24px; line-height: 24px; xposition: relative; margin: 2px 0; }
.formfield h5, .fieldgroup h5 { font-weight: normal; margin: 0; display: inline; }

.tworows  { height: 50px; }
.threerows { height: 70px; }
.fourrows { height: 100px; }

.half1 {  }
.half2 {  }
.long {  }

.value { xposition: absolute; margin-left: 50%; margin-top: -24px; width: 50%; floaT: left;}
.long .value {	position: static;	display: block;	width: 90%;	margin: 6px 0;}
.value select { width: 100%;}

.mini { width: 20px; }
.short { width: 36px; }
.mid { width: 78px; } 

.formgroup {/* border-bottom: 1px solid #006ca0; */}

.formgroup p {
	padding: 5px;
	background: #EEEEEE;
}

.g1 {  }
.g2 {  }
.g3 {  }
.g4 {  }

.formgrouplast {  }
.input { background: white; border: 1px solid silver; height: 18px; }
.radio, .checkbox { border: none !important; background: transparent !important; }
.submit {  }

#registration { width: 90%; margin: auto; padding: 10px; border: 1px solid silver; }




/* ------------------------------ Boxes  ---------------------------------*/

.thumbs-box { position: relative; clear:both; margin: 20px 0px; padding-bottom: 10px;  }
.thumbs-box h3 { background: white url(images/grad1-tophalo.gif) no-repeat top;  color: #006ca0; margin: 0; padding: 0 10px; line-height: 30px; border-top: 1px solid #DDD; }

.thumbs-box2 { background: white url(images/grad1-btm.gif) repeat-x bottom; position: relative; clear:both; margin: 10px 0px; padding-bottom: 10px; border: 1px solid #EEE; border-bottom: 1px solid silver;  }
.thumbs-box2 h3 { background: white url(images/grad1-topthin.gif) repeat-x top; color: #006ca0; margin: 0; padding: 0 10px; line-height: 36px; border-bottom: 1px solid #DDD; }

.box1 { background: white url(images/grad1-btm.gif) repeat-x bottom; position: relative; clear:both; margin: 10px 0; padding: 10px; border: 1px solid #EEE; border-bottom: 1px solid silver; }
.box2 { background: white url(images/grad1-btm.gif) repeat-x bottom; position: relative; clear:both; margin: 10px 0; padding: 10px; border: 1px solid #CCC; border-bottom: 1px solid silver; }
.box3 { background: white url(images/grad1-rightopthin.gif) no-repeat top right; position: relative; clear:both; margin: 10px 0; padding: 10px; border: 1px solid #CCC; border-bottom: 1px solid silver; }
.box4 { background: white url(images/grad1-right.gif) repeat-y right; position: relative; clear:both; margin: 10px 0; padding: 10px; border: 1px solid #CCC; border-bottom: 1px solid silver; }
.box5 { background: white url(images/grad1-top.gif) repeat-x top; position: relative; clear:both; margin: 10px 0; padding: 10px; border: 1px solid #CCC; border-bottom: 1px solid silver; }

.box1 h3, .box2 h3, .box3 h3, .box4 h3, .box5 h3, .box1 h4, .box2 h4, .box3 h4, .box4 h4, .box5 h4 { margin: 0 0 10px 0; padding: 0 3px 5px 3px; color: #006ca0; border-bottom: 1px solid #DDD;  }

.box1:after, .box2:after, .box3:after, .box4:after, .box5:after, .thumbs-box:after, .thumbs-box2:after, #main-content:after, #content:after  {	content: ".";	visibility: hidden;	height: 0px;	display: block;	clear: both;}

.box1, .box2, .box3, .box4, .box5, .thumbs-box, .thumbs-box2 {  }

/* Generic box overides - use these combined with basic boxes to change behaviour */
.box-center1 { margin: 20px auto !important; width: 90% }
.box-center2 { margin: 20px auto !important; width: 80% }
.box-center3 { margin: 20px auto !important; width: 65% }
.box-center4 { margin: 20px auto !important; width: 50% }

.box-s-float { clear: none !important; float: left; margin: 5px !important; width: 120px; }
.box-m-float { clear: none !important; float: left; margin: 5px !important; width: 180px; }
.box-l-float { clear: none !important; float: left; margin: 5px !important; width: 28%; }
.box-xl-float { clear: none !important; float: left; margin: 5px 3px !important; width: 45%; }