/*
  Fashion Photography Exposed
  Screen Stylesheet
*/


/* fonts */
@font-face {
    font-family: 'Bebas';
    src: url("../fonts/bebasneue-webfont.eot");
    src: url("../fonts/bebasneue-webfont.eot-#iefix") format('embedded-opentype'),
         url("../fonts/bebasneue-webfont.woff") format('woff'),
         url("../fonts/bebasneue-webfont.ttf") format('truetype'),
         url("../fonts/bebasneue-webfont.svg#BebasNeueRegular") format('svg');
    font-weight: normal;
    font-style: normal; line-height:35px;

}

@font-face {
    font-family: 'Melbourne';
    src: url("../fonts/melbourne_reg-webfont.eot");
    src: url("../fonts/melbourne_reg-webfont.eot-#iefix") format('embedded-opentype'),
         url("../fonts/melbourne_reg-webfont.woff") format('woff'),
         url("../fonts/melbourne_reg-webfont.ttf") format('truetype'),
         url("../fonts/melbourne_reg-webfont.svg#MelbourneRegular") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MelbourneBold';
    src: url("../fonts/melbourne_bold-webfont.eot");
    src: url("../fonts/melbourne_bold-webfont.eot-#iefix") format('embedded-opentype'),
         url("../fonts/melbourne_bold-webfont.woff") format('woff'),
         url("../fonts/melbourne_bold-webfont.ttf") format('truetype'),
         url("../fonts/melbourne_bold-webfont.svg#MelbourneLight") format('svg');
    font-weight: normal;
    font-style: normal;
}

/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
body, td { font-size: 87.5%; font-family: Arial, serif; line-height: 1; color: #7f7f7f; }
body { background: #FFFFFF; }
h1 { font: 14.8em/1em Bebas; color: #95a0a9; text-transform: uppercase; }
h2 { font: 5.4em/1em Bebas; color: #95a0a9; margin-bottom: 3px; text-transform: uppercase; }
h3 { font: 1.5em/1em Melbourne; color: #7f7f7f; margin-bottom: 15px; text-transform: uppercase; }
h4 { font: 2.6em/0.85em Bebas; color: #95a0a9; margin-bottom: 10px; text-transform: uppercase; }
a { color: #dedede; text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin-bottom: 27px; font-size: 1.15em; line-height: 1.5em; }
    p.intro { margin-bottom: 20px; }
hr { display: none; }
.hr { height: 0; clear: both; margin: 1em 0; overflow: hidden; display: block; border-top: 1px solid #bfbebe; border-bottom: 5px solid #a4d7f4; } 
.hr.fixedWidth { width: 978px;  }

/* common */
.clear { content: "."; height: 0; overflow: hidden; display: block; clear: both }
.floatLeft { float: left !important; }
.floatRight { float: right !important; }
.centeredContent { position: relative; width: 978px; margin: 0 auto; }
.column { float: left; }
.column.oneQuarter { width: 222px; }
.column.oneThird { width: 306px; }
.column.half { width: 474px; }
.column.full { width: 978px; }
.marginLeft20 { margin-left: 20px !important; }
.marginLeft30 { margin-left: 30px !important; }
.marginTop30 { margin-top: 30px !important; }
.marginBottom30 { margin-bottom: 30px !important; }
.bold, strong { font-weight: bold; }
.noMargin { margin: 0 !important; }
div.jumpAnchor { float: left; clear: both; width: 100%;  }
a.jumpAnchor { float: left;	width: 100%; line-height: 0px;overflow: hidden; margin-top: -92px; }
p.intro { font-size: 1.3em; line-height: 1.32em; }
p.small { font-size: 0.9em; line-height: 1.32em; }
.flashMessage.success { color: green; }
.flashMessage.error { color: red; }
#awwwards { position: absolute; top: 12px; left: 0;}

/* forms */
legend { display: none; }
ul.form { float: left;  list-style: none; margin: 0; padding: 0; width: 300px;  }
ul.form li { float: left; clear: both; height: 53px; width: 300px; }
ul.form label { float: left; clear: both; }
input.text { line-height: 10px; height: 31px; }
input.text, textarea.textarea {
  width: 432px;
  padding: 0 10px;
  float: left; font-size: 1em; color: #000000;
  border:1px solid #a8a8a8;
  box-shadow: 0 2px 2px #cccccc inset;
  outline:none;
}
.error_list li { color: red; }


/* on the next line we add a down arrow on the right to indicate that it is a select box */
.customStyleSelectBoxInner {
background:url("../canvas-list-nav-item-arrow-.gif") no-repeat center right;
}

/* homepage */
.content { float: left; clear: both; width: 100%; margin: 20px 0 30px 0; }

/* homepage lead */
#lead { position: relative; float: left; clear: both; width: 100%; height: 600px; background: #dbdbdb url("../images/main.jpg") center no-repeat; background-size:100%;}
#lead .logo { position: absolute; top: 156px; left: 105px; z-index: 30; }
#lead span { position: absolute; top: 220px; left: 26px; width: 503px; font: italic 1.9em/1.1em Melbourne; text-align: center; }
#lead .continue { position: absolute; top: 456px; left: 256px; z-index: 20; width: 36px; height: 36px; text-indent: -9999px; background: url("../images/lead_arrow_down.gif") top left no-repeat; }
#lead .continue:hover { background-position: bottom left; }
#lead .photo { position: absolute; top: 0; right: -222px;  z-index: 10; } 

/* main menu */
#main_menu { position: relative; float: left; clear: both; width: 100%; height: 92px; background: url("../images/main_menu_bg.png") repeat-x; z-index: 1000; }
#main_menu ul,
#main_menu li { float: left; list-style: none; margin: 0; padding: 0; height: 92px; }
#main_menu li a { display: block; height: 60px; padding: 25px 20px 0; font: 1.6em/0.9em Bebas; color: #FFFFFF; text-transform: uppercase; }
#main_menu li a span { display:block; clear: both; width: 100%; font: 0.54em/1.1em MelbourneBold; color: #03c9fb; margin-top: 1px; }
#main_menu li a.selected,
#main_menu li a:hover { text-decoration: none; color: #9ac2b9; background: #FFFFFF url("../images/main_menu_active_bg.png") repeat-x; }
#main_menu a#now_only { position: absolute; top: 96px; right: 0px; width: 143px; height: 117px; padding: 47px 0 0 32px; font: 2.7em/0.9em Bebas; color: #FFFFFF; text-transform: uppercase; background: url("../images/now_only_bg.png") top left no-repeat; z-index: 999; }
#main_menu a#now_only span { float: left; margin-bottom: 3px; }
#main_menu a#now_only .buyNow { font-size: 0.9em; }
#main_menu a#now_only .price { border-bottom: 2px solid #707070; }
#main_menu a#now_only:hover { background-position: bottom left; text-decoration: none; }
#main_menu li.last {padding:0 !important;}


/* overview */
#overview_content .column.left { width: 674px; }
#overview_content .column.right { float: left; width: 303px; }
#overview_content h2 { color: #b2b2b2; } 
#overview_content .video { float: left; clear: both; display: block; width: 692px; height: 463px; text-indent: -9999px; background: url("../images/overview_video.jpg") top left no-repeat;  }
#overview_content .video:hover { background-position: bottom left; }

/* the process */
#the_process_content img { margin-bottom: 30px; }

/* the topics */
#the_topics_content .blind a.blindToggle { display: block; float: left; clear: both; width: 948px; height: 62px; padding-left: 30px; margin-bottom: 30px; font: 2.6em/66px Bebas; color: #FFFFFF; background: #e8d3a2 url("../images/the_topics_blind_anchor_bg.gif")/*tpa=http://fashionphotography.com/images/the_topics_blind_anchor_bg.gif*/ 934px -62px no-repeat; }
#the_topics_content .blind a.blindToggle.closed { background-position: 934px 0; }
#the_topics_content .blind .blindContent { float: left; }
#technical span { display: block; background: #000000; width: 222px; height: 29px; font: 1.5em/31px Bebas; color: #FFFFFF; text-transform: uppercase; text-align: center;  }
#technical .column.oneQuarter { margin-bottom: 30px; }
#technical .hr { margin-bottom: 30px; }
#behind_the_scenes .carousel { float: left; clear: both; width: 474px; height: 250px; margin-bottom: 30px; }
#behind_the_scenes .carousel .next,
#behind_the_scenes .carousel .prev { display: block; float: right; width: 30px; height: 30px; text-indent: -9999px; margin: 10px 0 10px 6px; }
#behind_the_scenes .carousel .next { background: url("../images/carousel_arrow_down.gif") top left no-repeat; }
#behind_the_scenes .carousel .prev { background: url("../images/carousel_arrow_up.gif") top left no-repeat; }
#behind_the_scenes .carousel .next:hover,
#behind_the_scenes .carousel .prev:hover { background-position: bottom left; }
#business ul { list-style: none; margin: 40px 0 27px 0; padding: 0; }
#business li { font-size: 1.15em; line-height: 1.5em; padding-left: 14px; background: url("../images/list_item_bg.gif") 0 8px no-repeat;  }
#special_offers img { margin-bottom: 30px; }

/* ordering info */
#ordering_content { margin-bottom: 20px; }
#ordering_content .strap { float: left; clear: both; width: 100%; height: 80px; border-top: 6px solid #000000; text-align: center;  }
#ordering_content .onlyPrice { margin-top: 25px; font: italic 2em/1em Melbourne; text-transform: uppercase; }
#ordering_content .onlyPrice .price { font: italic 1em/1em MelbourneBold; color: #000000; }
#ordering_content .onlyPrice .freeShipping { text-decoration: underline; color: #000000; }
#ordering_content .socialBuy,
#ordering_content .socialBuy li { list-style: none; margin: 0; padding: 0; float: left; }
#ordering_content .socialBuy li { margin-right: 6px; }
#ordering_content .socialBuy a { float: left; display: block; height: 110px; width: 110px; text-indent: -9999px; background-position: top left; background-repeat: repeat; }
#ordering_content .socialBuy a:hover { background-position: bottom left; }
#ordering_content .socialBuy a.twitter { background-image: url("../images/ordering_twitter.gif")/*tpa=http://fashionphotography.com/images/ordering_twitter.gif*/; }
#ordering_content .socialBuy a.facebook { background-image: url("../images/ordering_facebook.gif")/*tpa=http://fashionphotography.com/images/ordering_facebook.gif*/; }
#ordering_content .socialBuy a.addthis_button_email { background-image: url("../images/ordering_email.gif")/*tpa=http://fashionphotography.com/images/ordering_email.gif*/; }
#ordering_content .socialBuy .buy { margin: 0; }
#ordering_content .socialBuy .buy a {font: 4.3em/110px Bebas; color: #FFFFFF; text-transform: uppercase; background: #000000; width: 558px; text-indent: 0; text-align: center; }
#ordering_content .socialBuy .buy a:hover {  color: #000000; text-decoration: none; background: #FFFFFF;  }
#ordering_content .socialBuy .buy_now_download { margin-right: 6px; }
#ordering_content .socialBuy .buy_now_download a { text-indent: 0; background-image: url("../images/buy_now_download2.jpg")/*tpa=http://www.fashionphotography.com/images/buy_now_download2.jpg*/; width: 313px; }
#ordering_content .socialBuy .buy_now_download a:hover { text-indent: -9999px; background-image: url("../images/buy_now_download_hover.jpg")/*tpa=http://www.fashionphotography.com/images/buy_now_download_hover.jpg*/; width: 313px; }
#ordering_content .socialBuy .buy_now_psychical { margin: 0; }
#ordering_content .socialBuy .buy_now_psychical a { text-indent: 0; text-indent:-9999px; background-image: url("../images/buy_now_p.jpg")/*tpa=http://www.fashionphotography.com/images/buy_now_p.jpg*/; width: 311px; }
#ordering_content .socialBuy .buy_now_psychical a:hover { text-indent: -9999px; background-image: url("../images/buy_now_p_hover.jpg")/*tpa=http://www.fashionphotography.com/images/buy_now_p_hover.jpg*/; width: 311px; }

/* sub pages common */
.subPage { background-color: #dbdbdb; }
.subPage h1 { display: block; float: left; clear: both; width: 958px; height: 62px; padding-right: 20px; font: 2.6em/66px Bebas; color: #FFFFFF; text-align: right; background: #000000; }
.subPage h2 { font: 1.6em/1em Arial; text-transform: none; margin-bottom: 5px; }
.subPage h3 { float: left; clear: both; width: 100%; font: 1.25em/1em Arial; color: #000000; text-transform: none; margin: 15px 0 10px 0; }
.subPage .content { float: left; clear: both; width: 938px; background: #FFFFFF; margin: 0 0 20px 0; padding: 20px; }
.subPage .whiteBox,
.subPage .greyBox { float: left; clear: both; width: 898px; background: #f4f4f4; border: 1px solid #a8a8a8; margin-bottom: 30px; padding: 20px; box-shadow:1px 1px 2px #CCCCCC; }
.subPage .whiteBox { background: #FFFFFF; }
.subPage .greyBox .column.oneThird { width: 279px; }
.subPage .whiteBox .column.half,
.subPage .greyBox .column.half{ width: 433px; }
.subPage .hr { float: left; clear: both; width: 100%;  height: 0; margin: 1em 0; overflow: hidden; display: block; border-top: 1px solid #dbdbdb; border-bottom: 0; } 
.subPage .column.half { width: 454px; }

/* sub pages header */
.subPage #header a { float: left; margin: 20px 0; }
.subPage #header .strap { float: right; margin-top: 46px; }
.subPage #header .strap p {text-align: center; text-transform: uppercase; margin-bottom: 10px;}
.subPage #header .strap .top { font: italic 2em/1em Melbourne; }
.subPage #header .strap .bottom { font: italic 1.3em/1em MelbourneBold; }

/* sub pages buttons */
.subPage .button { float: left; display: block; text-transform: uppercase; font-size: 0.99em; font-weight: bold; color: #FFFFFF; border: 1px solid #000000; padding: 9px 20px; background: #000000 url("../images/button_bg.gif")/*tpa=http://fashionphotography.com/images/button_bg.gif*/ top left repeat-x; }
.subPage .button.big { font-size: 1.25em; padding: 16px 30px; background: #000000 url("../images/button_big_bg.gif")/*tpa=http://fashionphotography.com/images/button_big_bg.gif*/ top left repeat-x; }
.subPage .button:hover { text-decoration: none; background-position: bottom left; }

/* cart with billing and delivery forms page */
#cart_billing_delivery #cart #order_quantity { width: 18px; padding: 0 6px 0 14px; }
#cart_billing_delivery #cart label { float: left; line-height: 33px; margin-left: 10px; }
#cart_billing_delivery #cart .price { float: right; font-weight: bold; color: #000000; line-height: 33px; }
#cart_billing_delivery #order_billing_first_name,
#cart_billing_delivery #order_billing_middle_name,
#cart_billing_delivery #order_billing_last_name,
#cart_billing_delivery #order_shipping_first_name,
#cart_billing_delivery #order_shipping_middle_name,
#cart_billing_delivery #order_shipping_last_name{ width: 123px; margin-right: 9px; }
#cart_billing_delivery #order_billing_last_name,
#cart_billing_delivery #order_shipping_last_name { margin-right: 0; }
#cart_billing_delivery .address input { margin-bottom: 15px; }
#cart_billing_delivery #order_billing_state,
#cart_billing_delivery #order_billing_zip,
#cart_billing_delivery #order_shipping_state,
#cart_billing_delivery #order_shipping_zip { width: 200px; }
#cart_billing_delivery #order_billing_state,
#cart_billing_delivery #order_shipping_state { margin-right: 10px; }
#cart_billing_delivery #shipping_fields { display: none; }
#cart_billing_delivery #shipping_box { position: relative; width: 412px; height: 363px; margin-top: 42px; }
#cart_billing_delivery #shipping_box .top { float: left; clear: both; width: 412px; padding: 20px; margin: -20px 0 20px -20px; background-color: #ededed; }
#cart_billing_delivery #shipping_box p { margin-bottom: 5px; font-size: 1em; }
#cart_billing_delivery #shipping_box #plain_company p { font-size: 1.7em; font-weight: bold; }
#cart_billing_delivery #shipping_box .button { position: absolute; top: 340px; left: 106px;}
#cart_billing_delivery #order_billing_stateContainer, 
#cart_billing_delivery #order_billing_stateText, 
#cart_billing_delivery #order_billing_state,
#cart_billing_delivery #order_shipping_stateContainer, 
#cart_billing_delivery #order_shipping_stateText, 
#cart_billing_delivery #order_shipping_state{ width: 220px; margin-right: 10px; background-position: 204px 13px; }
#cart_billing_delivery #order_shipping_stateText,
#cart_billing_delivery #order_billing_stateText{ color: #bfbfbf; }

/* summary with payment method and delivery choices page */
#summary_payment_method #summary { position: relative; }
#summary_payment_method #summary p { font-size: 0.95em; margin-bottom: 0; }
#summary_payment_method #summary .button { position: absolute; bottom: 20px; left: 20px; }
#summary_payment_method .radio_list { border-top: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb;}
#summary_payment_method .radio_list,
#summary_payment_method .radio_list li { float: left; clear: both; width: 431px; list-style: none; margin: 0; padding: 0; }
#summary_payment_method .radio_list li { font-size: 0.95em; color: #000000; height: 48px; padding-top: 8px; background: #f4f4f4; border-bottom: 1px solid #dbdbdb; }
#summary_payment_method .radio_list input { float: left; margin: 12px 10px 0 10px; width: 10px; height: 10px; }
#summary_payment_method .radio_list label { position: relative; float: left; display: block; width: 393px; height: 60px; line-height: 1.4em; cursor: pointer; z-index: 10; }
#summary_payment_method .radio_list li:hover { background: #FFFFFF;  }
#summary_payment_method .radio_list span { color: #7a7a7a; }
#summary_payment_method input.text { width: 412px; }
#summary_payment_method input.text.small { width: 69px; }
#summary_payment_method .ddContainer, 
#summary_payment_method .ddCurrent, 
#summary_payment_method .ddContainer select { width: 100px; margin-right: 10px; }
#summary_payment_method .ddContainer { background-position: 85px 13px; }
#summary_payment_method #quantity_overview { font-size: 0.95em; }
#summary_payment_method #quantity_overview #overview_total { float: right; font-weight: bold; color: #000000; }
#summary_payment_method .totalSummary { width: 100%; }
#summary_payment_method .totalSummary h3 { margin: 0; }
#summary_payment_method .totalSummary th,
#summary_payment_method .totalSummary td { padding-bottom: 8px; padding-top: 8px;  }
#summary_payment_method .totalSummary th { border-bottom:  1px solid #DBDBDB; padding-top: 0;}
#summary_payment_method .totalSummary td { font-size: 0.95em; }
#summary_payment_method .totalSummary .subtotal { font-size: 1.1em; }  
#summary_payment_method .totalSummary .number { text-align: right; }
#summary_payment_method .totalSummary .tax td { padding-bottom: 14px; }
#summary_payment_method .totalSummary .grandTotal td { padding-top: 14px; border-top: 3px solid #000000; font-size: 1.3em; color: #000000; }
#summary_payment_method #payment_options { position: relative; }
#summary_payment_method #payment_options #credit_card_logos { position: absolute; right: 18px; top: 18px; z-index: 0; }
#summary_payment_method #payment_options #paypal_logo { position: absolute; right: 18px; top: 76px;  z-index: 0; }
#summary_payment_method #card_details_form { margin-top: -15px; }


/* footer */
#footer { font-size: 0.99em; }
#footer ul,
#footer li { float: left; list-style: none; margin: 0; padding: 0; }
#footer ul { margin-bottom: 100px; }
#footer li { margin-right: 6px; padding-left: 6px; border-left: 1px solid #7F7F7F; height: 14px; line-height: 14px; }
#footer li.first { margin: 0 6px 0 0; padding: 0; border: none; }
#footer a { color: #7F7F7F; }
#footer .credit { float: right; font-weight: bold; }

/*added by Kev*/

#download_available {padding-top: 20px; position: relative; }

.hdd_icon { width: 200px; float: left; }
.download_right_content { width: 778px; float: left; padding-top: 10px; }
.right_content_text {font-family: Arial, Helvetica; color: #7F7F7F; line-height: 24px; font-size: 17px; }
.right_content_subtext {font-family: Arial, Helvetica; font-style: italic; color: #7F7F7F; padding-top: 24px; line-height: 16px; font-size: 14px; clear: both;}
.strapfull { width: 100%; height: 6px; background-color: #000; margin-bottom: 24px;}

.thumb {width:100%;}

.icons {width:100%; text-align:center; margin-bottom:15px;}

.images {width:100%; margin-bottom:15px;}
.images img {width:100%;}

img.title-logo {width:550px; margin-top:335px;}
.space {margin-right:30px;}
img.beach {width:100%;}

#main_menu li {}

h3 a {color:#7f7f7f;}

.agent-info {font-size:14px !important;}
.agent-info h4 { margin-bottom: 0; }
    .agent-info span { display: inline-block; width: 50px; }
.contactUs { color: rgba(255,255,255,0.75); background: #333 url('../images/photos/beach3.jpg') fixed no-repeat center bottom; background-size: cover; }
.contactUsOverlay { background-color: rgba(0,0,0,0.4); padding: 30px 0; min-height: 330px; }
.contactUs h2 { color: #B8C6D1; }
.contactUs h3 { color: #ccc; }
.contactUs h4 { color: #B8C6D1; }

/* ==========================================================================
   OLR.Foundation
   ========================================================================== */

.row{margin-left:-10px;margin-right:-10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.row:before,.row:after{content:" ";/* 1 */display:table;/* 2 */-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.row:after{clear:both;}

/*** Columns > General ***/
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-fixed,.contain-left,.contain-right{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;min-height:1px;padding-left:10px;padding-right:10px;}

/*** Columns > Desktop ***/
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-fixed,.contain-left,.contain-right{ float:left; }
.col-1 { width: 8.333333333333332%; }
.col-2 { width: 16.666666666666664%; }
.col-3 { width: 25%; }
.col-4 { width: 33.33333333333333%; }
.col-5 { width: 41.66666666666667%; }
.col-6 { width: 50%; }
.col-7 { width: 58.333333333333336%; }
.col-8 { width: 66.66666666666666%; }
.col-9 { width: 75%; }
.col-10 { width: 83.33333333333334%; }
.col-11 { width: 91.66666666666666%; }
.col-12 { width: 100%; }
.col-fixed { width: 340px; }


.hero-text span {
  font-size:75px !important;
    color: #fff;
  font-family: Bebas !important;
  font-style:normal !important;
}

.hero-text p {
  color: #fff;
  font-family: Bebas !important;
  position: absolute;
  top: 283px;
  font-size: 45px;
  left: 37px;
}

.docs .col-3 img {
height:80px !important; width:62px !important; text-align:center;}

.docs {text-align:center; color:#333 !important;}
    .docs a {color:#333;}

#lead {
    background-position: 0 -20em;
}